/* latin-ext */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjxAwXjeu.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Lato Regular"), local("Lato-Regular"), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wXg.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, 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: local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Lato Bold"), local("Lato-Bold"), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 200 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v35/TK3iWkUHHAIjg752FD8Ghe4.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 200 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v35/TK3iWkUHHAIjg752HT8Ghe4.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 200 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v35/TK3iWkUHHAIjg752Fj8Ghe4.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 200 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v35/TK3iWkUHHAIjg752Fz8Ghe4.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Oswald";
    font-style: normal;
    font-weight: 200 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v35/TK3iWkUHHAIjg752GT8G.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

@font-face {
    font-family: "sadaf-icon";
    src: url("fonts/sadaf-icon.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.icon,
.sIcon,
[class*="sIcon"] {
    font-family: "sadaf-icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sIcon-angle-down-line:before {
    content: "\e800";
}

.sIcon-angle-left-line:before {
    content: "\e801";
}

.sIcon-angle-right-line:before {
    content: "\e802";
}

.sIcon-angle-up-line:before {
    content: "\e803";
}

.sIcon-times:before {
    content: "\e603";
}

.sIcon-bag:before {
    content: "\e600";
}

.sIcon-search:before {
    content: "\e601";
}

.sIcon-user:before {
    content: "\e602";
}

.sIcon-loading1:before {
    content: "\e61a";
}

.sIcon-loading12:before {
    content: "\e61b";
}

.sIcon-google:before {
    content: "\e604";
}

.sIcon-google-plus:before {
    content: "\e605";
}

.sIcon-google-plus2:before {
    content: "\e606";
}

.sIcon-google-plus3:before {
    content: "\e607";
}

.sIcon-facebook:before {
    content: "\e608";
}

.sIcon-facebook2:before {
    content: "\e609";
}

.sIcon-facebook3:before {
    content: "\e60a";
}

.sIcon-instagram:before {
    content: "\e60b";
}

.sIcon-twitter:before {
    content: "\e60c";
}

.sIcon-twitter2:before {
    content: "\e60d";
}

.sIcon-twitter3:before {
    content: "\e60e";
}

.sIcon-youtube:before {
    content: "\e60f";
}

.sIcon-youtube2:before {
    content: "\e610";
}

.sIcon-youtube3:before {
    content: "\e611";
}

.sIcon-youtube4:before {
    content: "\e612";
}

.sIcon-linkedin:before {
    content: "\e613";
}

.sIcon-linkedin2:before {
    content: "\e614";
}

.sIcon-pinterest:before {
    content: "\e615";
}

.sIcon-pinterest2:before {
    content: "\e616";
}

.sIcon-paypal:before {
    content: "\e617";
}

.sIcon-paypal2:before {
    content: "\e618";
}

.sIcon-paypal3:before {
    content: "\e619";
}

.sIcon-error:before {
    content: "\e000";
}

.sIcon-error_outline:before {
    content: "\e001";
}

.sIcon-warning:before {
    content: "\e002";
}

.sIcon-loop:before {
    content: "\e00e";
}

.sIcon-replay:before {
    content: "\e025";
}

.sIcon-call:before {
    content: "\e03f";
}

.sIcon-call_end:before {
    content: "\e040";
}

.sIcon-location:before {
    content: "\e052";
}

.sIcon-add:before {
    content: "\e069";
}

.sIcon-remove:before {
    content: "\e07f";
}

.sIcon-data_usage:before {
    content: "\e09f";
}

.sIcon-mode_edit:before {
    content: "\e0ee";
}

.sIcon-crop_original:before {
    content: "\e159";
}

.sIcon-local_mall:before {
    content: "\e1e4";
}

.sIcon-arrow_drop_down:before {
    content: "\e201";
}

.sIcon-arrow_drop_up:before {
    content: "\e203";
}

.sIcon-check:before {
    content: "\e206";
}

.sIcon-angle_left:before {
    content: "\e207";
}

.sIcon-angle_right:before {
    content: "\e208";
}

.sIcon-angle_up:before {
    content: "\e20a";
}

.sIcon-angle-down:before {
    content: "\e20b";
}

.sIcon-keyboard_control:before {
    content: "\e20f";
}

.sIcon-more_vert:before {
    content: "\e210";
}

.sIcon-unfold_more:before {
    content: "\e213";
}

.sIcon-person:before {
    content: "\e253";
}

.sIcon-person_add:before {
    content: "\e254";
}

.sIcon-checkbox:before {
    content: "\e25c";
}

.sIcon-checkbox_outline_blank:before {
    content: "\e25d";
}

.sIcon-radio_button_unchecked:before {
    content: "\e25e";
}

.sIcon-radiobutton_checked:before {
    content: "\e25f";
}

.sIcon-star:before {
    content: "\e260";
}

.sIcon-star_half:before {
    content: "\e261";
}

.sIcon-star_outline:before {
    content: "\e262";
}

.sIcon-find_replace:before {
    content: "\e295";
}

.sIcon-restore:before {
    content: "\e2c7";
}

.sIcon-schedule:before {
    content: "\e2c9";
}

.sIcon-shopping_cart:before {
    content: "\e2df";
}

.sIcon-square-check:before {
    content: "\e046";
}

.sIcon-square-cross:before {
    content: "\e047";
}

.sIcon-cross:before {
    content: "\e117";
}

.sIcon-menu:before {
    content: "\e120";
}

.sIcon-shop:before {
    content: "\e804";
}

/*
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(8.33333% - 1px);
    -ms-flex: 0 0 calc(8.33333% - 1px);
    flex: 0 0 calc(8.33333% - 1px);
    max-width: calc(8.33333% - 1px);
}

.col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(16.66667% - 1px);
    -ms-flex: 0 0 calc(16.66667% - 1px);
    flex: 0 0 calc(16.66667% - 1px);
    max-width: calc(16.66667% - 1px);
}

.col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(25% - 1px);
    -ms-flex: 0 0 calc(25% - 1px);
    flex: 0 0 calc(25% - 1px);
    max-width: calc(25% - 1px);
}

.col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(33.33333% - 1px);
    -ms-flex: 0 0 calc(33.33333% - 1px);
    flex: 0 0 calc(33.33333% - 1px);
    max-width: calc(33.33333% - 1px);
}

.col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(41.66667% - 1px);
    -ms-flex: 0 0 calc(41.66667% - 1px);
    flex: 0 0 calc(41.66667% - 1px);
    max-width: calc(41.66667% - 1px);
}

.col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(50% - 1px);
    -ms-flex: 0 0 calc(50% - 1px);
    flex: 0 0 calc(50% - 1px);
    max-width: calc(50% - 1px);
}

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(58.33333% - 1px);
    -ms-flex: 0 0 calc(58.33333% - 1px);
    flex: 0 0 calc(58.33333% - 1px);
    max-width: calc(58.33333% - 1px);
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(66.66667% - 1px);
    -ms-flex: 0 0 calc(66.66667% - 1px);
    flex: 0 0 calc(66.66667% - 1px);
    max-width: calc(66.66667% - 1px);
}

.col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(75% - 1px);
    -ms-flex: 0 0 calc(75% - 1px);
    flex: 0 0 calc(75% - 1px);
    max-width: calc(75% - 1px);
}

.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(83.33333% - 1px);
    -ms-flex: 0 0 calc(83.33333% - 1px);
    flex: 0 0 calc(83.33333% - 1px);
    max-width: calc(83.33333% - 1px);
}

.col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(91.66667% - 1px);
    -ms-flex: 0 0 calc(91.66667% - 1px);
    flex: 0 0 calc(91.66667% - 1px);
    max-width: calc(91.66667% - 1px);
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
}

.offset-1 {
    margin-left: 8.33333%;
}

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

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333%;
}

.offset-5 {
    margin-left: 41.66667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333%;
}

.offset-8 {
    margin-left: 66.66667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333%;
}

.offset-11 {
    margin-left: 91.66667%;
}

@media (min-width: 576px) {
    .col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(8.33333% - 1px);
        -ms-flex: 0 0 calc(8.33333% - 1px);
        flex: 0 0 calc(8.33333% - 1px);
        max-width: calc(8.33333% - 1px);
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(16.66667% - 1px);
        -ms-flex: 0 0 calc(16.66667% - 1px);
        flex: 0 0 calc(16.66667% - 1px);
        max-width: calc(16.66667% - 1px);
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(25% - 1px);
        -ms-flex: 0 0 calc(25% - 1px);
        flex: 0 0 calc(25% - 1px);
        max-width: calc(25% - 1px);
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(33.33333% - 1px);
        -ms-flex: 0 0 calc(33.33333% - 1px);
        flex: 0 0 calc(33.33333% - 1px);
        max-width: calc(33.33333% - 1px);
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(41.66667% - 1px);
        -ms-flex: 0 0 calc(41.66667% - 1px);
        flex: 0 0 calc(41.66667% - 1px);
        max-width: calc(41.66667% - 1px);
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(50% - 1px);
        -ms-flex: 0 0 calc(50% - 1px);
        flex: 0 0 calc(50% - 1px);
        max-width: calc(50% - 1px);
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(58.33333% - 1px);
        -ms-flex: 0 0 calc(58.33333% - 1px);
        flex: 0 0 calc(58.33333% - 1px);
        max-width: calc(58.33333% - 1px);
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(66.66667% - 1px);
        -ms-flex: 0 0 calc(66.66667% - 1px);
        flex: 0 0 calc(66.66667% - 1px);
        max-width: calc(66.66667% - 1px);
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(75% - 1px);
        -ms-flex: 0 0 calc(75% - 1px);
        flex: 0 0 calc(75% - 1px);
        max-width: calc(75% - 1px);
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(83.33333% - 1px);
        -ms-flex: 0 0 calc(83.33333% - 1px);
        flex: 0 0 calc(83.33333% - 1px);
        max-width: calc(83.33333% - 1px);
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(91.66667% - 1px);
        -ms-flex: 0 0 calc(91.66667% - 1px);
        flex: 0 0 calc(91.66667% - 1px);
        max-width: calc(91.66667% - 1px);
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }
    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }
    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }
    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }
    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }
    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }
    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }
    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }
    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }
    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }
    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.33333%;
    }
    .offset-sm-2 {
        margin-left: 16.66667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.33333%;
    }
    .offset-sm-5 {
        margin-left: 41.66667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.33333%;
    }
    .offset-sm-8 {
        margin-left: 66.66667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.33333%;
    }
    .offset-sm-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(8.33333% - 1px);
        -ms-flex: 0 0 calc(8.33333% - 1px);
        flex: 0 0 calc(8.33333% - 1px);
        max-width: calc(8.33333% - 1px);
    }
    .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(16.66667% - 1px);
        -ms-flex: 0 0 calc(16.66667% - 1px);
        flex: 0 0 calc(16.66667% - 1px);
        max-width: calc(16.66667% - 1px);
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(25% - 1px);
        -ms-flex: 0 0 calc(25% - 1px);
        flex: 0 0 calc(25% - 1px);
        max-width: calc(25% - 1px);
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(33.33333% - 1px);
        -ms-flex: 0 0 calc(33.33333% - 1px);
        flex: 0 0 calc(33.33333% - 1px);
        max-width: calc(33.33333% - 1px);
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(41.66667% - 1px);
        -ms-flex: 0 0 calc(41.66667% - 1px);
        flex: 0 0 calc(41.66667% - 1px);
        max-width: calc(41.66667% - 1px);
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(50% - 1px);
        -ms-flex: 0 0 calc(50% - 1px);
        flex: 0 0 calc(50% - 1px);
        max-width: calc(50% - 1px);
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(58.33333% - 1px);
        -ms-flex: 0 0 calc(58.33333% - 1px);
        flex: 0 0 calc(58.33333% - 1px);
        max-width: calc(58.33333% - 1px);
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(66.66667% - 1px);
        -ms-flex: 0 0 calc(66.66667% - 1px);
        flex: 0 0 calc(66.66667% - 1px);
        max-width: calc(66.66667% - 1px);
    }
    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(75% - 1px);
        -ms-flex: 0 0 calc(75% - 1px);
        flex: 0 0 calc(75% - 1px);
        max-width: calc(75% - 1px);
    }
    .col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(83.33333% - 1px);
        -ms-flex: 0 0 calc(83.33333% - 1px);
        flex: 0 0 calc(83.33333% - 1px);
        max-width: calc(83.33333% - 1px);
    }
    .col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(91.66667% - 1px);
        -ms-flex: 0 0 calc(91.66667% - 1px);
        flex: 0 0 calc(91.66667% - 1px);
        max-width: calc(91.66667% - 1px);
    }
    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }
    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }
    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }
    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }
    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }
    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }
    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }
    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }
    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }
    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }
    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.33333%;
    }
    .offset-md-2 {
        margin-left: 16.66667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.33333%;
    }
    .offset-md-5 {
        margin-left: 41.66667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.33333%;
    }
    .offset-md-8 {
        margin-left: 66.66667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.33333%;
    }
    .offset-md-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(8.33333% - 1px);
        -ms-flex: 0 0 calc(8.33333% - 1px);
        flex: 0 0 calc(8.33333% - 1px);
        max-width: calc(8.33333% - 1px);
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(16.66667% - 1px);
        -ms-flex: 0 0 calc(16.66667% - 1px);
        flex: 0 0 calc(16.66667% - 1px);
        max-width: calc(16.66667% - 1px);
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(25% - 1px);
        -ms-flex: 0 0 calc(25% - 1px);
        flex: 0 0 calc(25% - 1px);
        max-width: calc(25% - 1px);
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(33.33333% - 1px);
        -ms-flex: 0 0 calc(33.33333% - 1px);
        flex: 0 0 calc(33.33333% - 1px);
        max-width: calc(33.33333% - 1px);
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(41.66667% - 1px);
        -ms-flex: 0 0 calc(41.66667% - 1px);
        flex: 0 0 calc(41.66667% - 1px);
        max-width: calc(41.66667% - 1px);
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(50% - 1px);
        -ms-flex: 0 0 calc(50% - 1px);
        flex: 0 0 calc(50% - 1px);
        max-width: calc(50% - 1px);
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(58.33333% - 1px);
        -ms-flex: 0 0 calc(58.33333% - 1px);
        flex: 0 0 calc(58.33333% - 1px);
        max-width: calc(58.33333% - 1px);
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(66.66667% - 1px);
        -ms-flex: 0 0 calc(66.66667% - 1px);
        flex: 0 0 calc(66.66667% - 1px);
        max-width: calc(66.66667% - 1px);
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(75% - 1px);
        -ms-flex: 0 0 calc(75% - 1px);
        flex: 0 0 calc(75% - 1px);
        max-width: calc(75% - 1px);
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(83.33333% - 1px);
        -ms-flex: 0 0 calc(83.33333% - 1px);
        flex: 0 0 calc(83.33333% - 1px);
        max-width: calc(83.33333% - 1px);
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(91.66667% - 1px);
        -ms-flex: 0 0 calc(91.66667% - 1px);
        flex: 0 0 calc(91.66667% - 1px);
        max-width: calc(91.66667% - 1px);
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }
    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }
    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }
    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }
    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }
    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }
    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }
    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }
    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }
    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }
    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.33333%;
    }
    .offset-lg-2 {
        margin-left: 16.66667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.33333%;
    }
    .offset-lg-5 {
        margin-left: 41.66667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.33333%;
    }
    .offset-lg-8 {
        margin-left: 66.66667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.33333%;
    }
    .offset-lg-11 {
        margin-left: 91.66667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(8.33333% - 1px);
        -ms-flex: 0 0 calc(8.33333% - 1px);
        flex: 0 0 calc(8.33333% - 1px);
        max-width: calc(8.33333% - 1px);
    }
    .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(16.66667% - 1px);
        -ms-flex: 0 0 calc(16.66667% - 1px);
        flex: 0 0 calc(16.66667% - 1px);
        max-width: calc(16.66667% - 1px);
    }
    .col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(25% - 1px);
        -ms-flex: 0 0 calc(25% - 1px);
        flex: 0 0 calc(25% - 1px);
        max-width: calc(25% - 1px);
    }
    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(33.33333% - 1px);
        -ms-flex: 0 0 calc(33.33333% - 1px);
        flex: 0 0 calc(33.33333% - 1px);
        max-width: calc(33.33333% - 1px);
    }
    .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(41.66667% - 1px);
        -ms-flex: 0 0 calc(41.66667% - 1px);
        flex: 0 0 calc(41.66667% - 1px);
        max-width: calc(41.66667% - 1px);
    }
    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(50% - 1px);
        -ms-flex: 0 0 calc(50% - 1px);
        flex: 0 0 calc(50% - 1px);
        max-width: calc(50% - 1px);
    }
    .col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(58.33333% - 1px);
        -ms-flex: 0 0 calc(58.33333% - 1px);
        flex: 0 0 calc(58.33333% - 1px);
        max-width: calc(58.33333% - 1px);
    }
    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(66.66667% - 1px);
        -ms-flex: 0 0 calc(66.66667% - 1px);
        flex: 0 0 calc(66.66667% - 1px);
        max-width: calc(66.66667% - 1px);
    }
    .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(75% - 1px);
        -ms-flex: 0 0 calc(75% - 1px);
        flex: 0 0 calc(75% - 1px);
        max-width: calc(75% - 1px);
    }
    .col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(83.33333% - 1px);
        -ms-flex: 0 0 calc(83.33333% - 1px);
        flex: 0 0 calc(83.33333% - 1px);
        max-width: calc(83.33333% - 1px);
    }
    .col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(91.66667% - 1px);
        -ms-flex: 0 0 calc(91.66667% - 1px);
        flex: 0 0 calc(91.66667% - 1px);
        max-width: calc(91.66667% - 1px);
    }
    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }
    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13;
    }
    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }
    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }
    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }
    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }
    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }
    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }
    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }
    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }
    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.33333%;
    }
    .offset-xl-2 {
        margin-left: 16.66667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.33333%;
    }
    .offset-xl-5 {
        margin-left: 41.66667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.33333%;
    }
    .offset-xl-8 {
        margin-left: 66.66667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.33333%;
    }
    .offset-xl-11 {
        margin-left: 91.66667%;
    }
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-table {
        display: table !important;
    }
    .d-sm-table-row {
        display: table-row !important;
    }
    .d-sm-table-cell {
        display: table-cell !important;
    }
    .d-sm-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-table-cell {
        display: table-cell !important;
    }
    .d-md-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-table-cell {
        display: table-cell !important;
    }
    .d-lg-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
    }
    .d-xl-inline-block {
        display: inline-block !important;
    }
    .d-xl-block {
        display: block !important;
    }
    .d-xl-table {
        display: table !important;
    }
    .d-xl-table-row {
        display: table-row !important;
    }
    .d-xl-table-cell {
        display: table-cell !important;
    }
    .d-xl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
    .d-print-inline {
        display: inline !important;
    }
    .d-print-inline-block {
        display: inline-block !important;
    }
    .d-print-block {
        display: block !important;
    }
    .d-print-table {
        display: table !important;
    }
    .d-print-table-row {
        display: table-row !important;
    }
    .d-print-table-cell {
        display: table-cell !important;
    }
    .d-print-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-sm-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .align-items-sm-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-sm-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .align-content-sm-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .align-content-sm-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .align-self-sm-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .align-self-sm-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .align-self-sm-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-md-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .align-items-md-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-md-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-md-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-md-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .align-content-md-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .align-content-md-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .align-content-md-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .align-content-md-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .align-self-md-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .align-self-md-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .align-self-md-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .align-self-md-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .align-self-md-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-lg-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .align-items-lg-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-lg-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .align-content-lg-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .align-content-lg-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .align-self-lg-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .align-self-lg-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-xl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }
    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }
    .align-items-xl-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }
    .align-content-xl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }
    .align-content-xl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }
    .align-content-xl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }
    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }
    .align-self-xl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }
    .align-self-xl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }
    .m-xl-1 {
        margin: 0.25rem !important;
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }
    .m-xl-2 {
        margin: 0.5rem !important;
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }
    .m-xl-3 {
        margin: 1rem !important;
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }
    .m-xl-4 {
        margin: 1.5rem !important;
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }
    .m-xl-5 {
        margin: 3rem !important;
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }
    .p-xl-0 {
        padding: 0 !important;
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }
    .p-xl-1 {
        padding: 0.25rem !important;
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }
    .p-xl-2 {
        padding: 0.5rem !important;
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }
    .p-xl-3 {
        padding: 1rem !important;
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }
    .p-xl-4 {
        padding: 1.5rem !important;
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }
    .p-xl-5 {
        padding: 3rem !important;
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }
    .m-xl-auto {
        margin: auto !important;
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

:root {
    --default-transition: 0.24s ease-out;
    --default-block-padding: 2rem;
    --default-side-padding: 1rem;
    --default-box-padding: 1.4rem;
    --default-shadow-small: 0 2px 4px rgba(0, 0, 0, 0.08);
    --default-shadow-regular: 0 8px 20px rgba(0, 0, 0, 0.06);
    --default-shadow-large: 0 16px 35px rgba(0, 0, 0, 0.06);
}
@media (min-width: 567.98px) {
    :root {
        --default-block-padding: 3rem;
    }
}
@media (min-width: 767.98px) {
    :root {
        --default-block-padding: 4rem;
    }
}
@media (min-width: 991px) {
    :root {
        --default-block-padding: 4.5rem;
    }
}

html,
body {
    background: #ffffff;
    font-family: "Lato", "Open sans", sans-serif;
    line-height: 1.4;
    min-width: 320px;
    overflow-x: hidden;
    font-weight: 400;
}

a:hover {
    text-decoration: none;
}

::-webkit-scrollbar {
    width: 0.6rem;
}

::-webkit-scrollbar:vertical {
    width: 0.6rem;
}

::-webkit-scrollbar:horizontal {
    -webkit-appearance: none;
    appearance: none;
    height: 0.6rem;
}

::-webkit-scrollbar-thumb {
    background-color: #757575;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #757575;
}

::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.02);
}

b,
strong {
    font-weight: 700;
}

figure,
ul {
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
}

.no-background {
    background: none !important;
}

.no-background-image {
    background-image: none !important;
}

.no-background-color {
    background-color: transparent !important;
}

.opacity-10 {
    opacity: 0.1 !important;
}

.opacity-20 {
    opacity: 0.2 !important;
}

.opacity-30 {
    opacity: 0.3 !important;
}

.opacity-40 {
    opacity: 0.4 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-60 {
    opacity: 0.6 !important;
}

.opacity-70 {
    opacity: 0.7 !important;
}

.opacity-80 {
    opacity: 0.8 !important;
}

.opacity-90 {
    opacity: 0.9 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

.no-scroll {
    overflow: hidden;
}

.mid-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
    position: relative;
}

.cover {
    display: block;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 140%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
}

.block {
    padding: var(--default-block-padding) 0;
}

.blockquote {
    border: solid 2px #f5f5f5;
    border-left-color: #e0e0e0;
    border-left-width: 0.3rem;
    background-color: #fafafa;
    padding: 1.5rem 1.5rem;
    line-height: 1.8;
}
.blockquote p + p {
    padding-top: 2rem;
}
.blockquote a {
    color: #263238;
    border-bottom: solid 1px #263238;
}
.blockquote a {
    position: relative;
    text-decoration: none;
}
.blockquote a::before,
.blockquote a::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: auto;
    bottom: 0;
    width: 0;
    height: 1px;
    background: rgba(83, 130, 13, 0.7);
    -webkit-transition: all 220ms ease-in;
    -o-transition: all 220ms ease-in;
    transition: all 220ms ease-in;
}
.blockquote a::after {
    background: rgba(83, 130, 13, 0.2);
    left: auto;
    right: 0;
}
.blockquote a:hover::before,
.blockquote a:hover::after {
    width: 100%;
}
.blockquote a[href*="tel"] {
    font-weight: 700;
}

.breadcrumb {
    color: #757575;
    margin: 0 0 1rem;
}
.breadcrumb li {
    list-style: none;
    display: inline-block;
    font-size: 1rem;
    font-family: "Lato", "Open sans", sans-serif;
}
.breadcrumb li + li {
    padding-left: 2rem;
    position: relative;
}
.breadcrumb li + li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 146.8 230.7'%3E%3Cpath fill='%23888' d='M12.9,0c2.3,0,4.5,0.8,6.4,2.4l124,107c2.2,1.9,3.5,4.7,3.5,7.7s-1.4,5.7-3.7,7.6L16.3,228.4c-4.3,3.5-10.6,2.9-14.1-1.4 s-2.9-10.6,1.4-14.1l108.8-89c4.6-3.7,4.7-10.7,0.2-14.5L6.2,17.5C2,13.9,1.6,7.6,5.2,3.4C7.2,1.1,10-0.1,12.9,0z'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 0.7rem;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}
.breadcrumb a {
    color: #2e7d32;
}

.btn-set {
    margin-top: 3rem;
}

.btn + .btn,
.btn-group .btn + .btn {
    margin-left: 0.8rem;
}

.btn {
    position: relative;
    outline: 0 none;
    font-size: 1rem;
    font-weight: 700;
    font-family: "Lato", "Open sans", sans-serif;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: background 0.25s ease-out, font 0.25s ease-out;
    -o-transition: background 0.25s ease-out, font 0.25s ease-out;
    transition: background 0.25s ease-out, font 0.25s ease-out;
    display: inline-block;
    border: solid 1px #53820d;
    color: #53820d;
    background: #ffffff;
    padding: 0.6em 1.2em;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
}
.btn::before {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    top: 0;
    bottom: 0;
    background: #000000;
    opacity: 0.02;
    z-index: 1;
    -webkit-transition: right 200ms ease-in;
    -o-transition: right 200ms ease-in;
    transition: right 200ms ease-in;
}
.btn::before:hover::before {
    right: 0;
}
.btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    -webkit-transform: scale(5, 5);
    -ms-transform: scale(5, 5);
    transform: scale(5, 5);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    background: #dc3545;
}
.btn:active::after {
    opacity: 0.25;
    width: 0;
    height: 0;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}
.btn.btn--xl {
    font-size: calc(1.2rem + 0.5vw);
    padding: 0.7em 2em;
}
.btn.btn--lg {
    font-size: calc(1rem + 0.2vw);
    padding: 0.6em 2.2em;
}
.btn.btn--md {
    font-size: calc(0.9rem + 0.2vw);
    padding: 0.5em 1.8em;
}
.btn.btn--sm {
    font-size: 0.9rem;
    padding: 0.4em 1.4em;
}
.btn.btn--xs {
    font-size: 0.8rem;
    padding: 0.3em 1em;
}
.btn.btn-prime,
.btn-default {
    border: 0 none;
    background: #4a740c;
    color: #ffffff;
}
.btn.btn-prime:hover,
.btn-default:hover {
    color: #ffffff;
    background: #476f0b;
}
.btn.btn-accent {
    border: 0 none;
    background: #700109;
    color: #ffffff;
}
.btn.btn-accent:hover {
    color: #ffffff;
    background: #5c0107;
}
.btn.btn-link {
    border: 0 none;
    color: #263238;
}
.btn.btn-link {
    position: relative;
    text-decoration: none;
}
.btn.btn-link::before,
.btn.btn-link::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: auto;
    bottom: 0;
    width: 0;
    height: 1px;
    background: rgba(83, 130, 13, 0.7);
    -webkit-transition: all 220ms ease-in;
    -o-transition: all 220ms ease-in;
    transition: all 220ms ease-in;
}
.btn.btn-link::after {
    background: rgba(83, 130, 13, 0.2);
    left: auto;
    right: 0;
}
.btn.btn-link:hover::before,
.btn.btn-link:hover::after {
    width: 100%;
}
.btn.btn-border {
    border-color: #37474f;
}
.btn.btn-border::after {
    background: #000000;
}
.btn.btn-border::after:hover {
    background: rgba(176, 190, 197, 0.1);
}
.btn-danger,
.btn-error {
    background: #ff4e33;
    border: 0;
    color: #ffffff;
}
.btn-danger:hover,
.btn-error:hover {
    background: #ff4124;
    color: #ffffff;
}
.btn-disabled {
    cursor: not-allowed;
    opacity: 0.85;
}
.btn .icon {
    padding-right: 0.25em;
}

.message {
    border: solid 1px #eeeeee;
    background-color: #fafafa;
    padding: 0.6rem var(--default-box-padding, 1rem);
    font-size: calc(0.7rem + 0.2vw);
    line-height: 1.4;
    color: #212121;
}
.message + .message {
    margin-top: 0.8rem;
}
.message p {
    line-height: 1.6;
}
.message--success {
    background-color: #e8f5e9;
    border-color: #a5d6a7;
    color: #60980c;
}
.message--warning {
    background-color: #fffde7;
    border-color: #f4d43f;
    color: #927908;
}
.message--info {
    background-color: #eceff1;
    border-color: #1ab4d0;
    color: #1ab4d0;
}
.message--error {
    background-color: #ffebee;
    border-color: #ff4e33;
    color: #ff4e33;
}

p {
    font-size: 1rem;
    color: #000000;
    line-height: 1.8;
    margin: 0;
}
p > b,
p > strong {
    font-weight: 700;
}
p > a,
p > b a,
p > strong a {
    text-decoration: none !important;
    position: relative;
    display: inline;
    color: #53820d;
    border-bottom: solid 1px rgba(0, 0, 0, 0.5);
    color: inherit;
}
p > a,
p > b a,
p > strong a {
    position: relative;
    text-decoration: none;
}
p > a::before,
p > a::after,
p > b a::before,
p > b a::after,
p > strong a::before,
p > strong a::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: auto;
    bottom: 0;
    width: 0;
    height: 1px;
    background: rgba(33, 150, 243, 0.7);
    -webkit-transition: all 220ms ease-in;
    -o-transition: all 220ms ease-in;
    transition: all 220ms ease-in;
}
p > a::after,
p > b a::after,
p > strong a::after {
    background: rgba(33, 150, 243, 0.2);
    left: auto;
    right: 0;
}
p > a:hover::before,
p > a:hover::after,
p > b a:hover::before,
p > b a:hover::after,
p > strong a:hover::before,
p > strong a:hover::after {
    width: 100%;
}

.font-size--lg {
    font-size: calc(1.6rem + 1.5vw);
}

.font-size--md {
    font-size: calc(1.2rem + 0.5vw);
}

.font-size--sm {
    font-size: calc(1rem + 0.2vw);
}

.font-size--xs {
    font-size: calc(0.9rem + 0.2vw);
}

.font-size--xxs {
    font-size: calc(0.7rem + 0.2vw);
}

.width--lg {
    max-width: 1364px;
}

.width--md {
    max-width: 991px;
}

.width--sm {
    max-width: 767.98px;
}

.width--xs {
    max-width: 567.98px;
}

.width--xxs {
    max-width: 319.98px;
}

.h1,
h1 {
    font-size: calc(1.6rem + 1.5vw);
    font-family: "Oswald", "Lato", sans-serif;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 300;
    color: #263238;
}

.h2,
h2 {
    font-family: "Oswald", "Lato", sans-serif;
    line-height: 1.2;
    font-size: calc(1.5rem + 0.7vw);
    margin-bottom: 1rem;
    font-weight: 300;
    color: #263238;
}

.h3,
.order-details-table th,
h3 {
    font-size: calc(1.2rem + 0.5vw);
    font-family: "Oswald", "Lato", sans-serif;
    line-height: 1.6;
    margin-bottom: 0.6em;
    font-weight: 300;
    color: #263238;
}

.h4,
h4 {
    font-size: calc(1rem + 0.2vw);
    line-height: 1.2;
    font-family: "Lato", "Open sans", sans-serif;
    font-weight: 550;
    color: #263238;
    margin-bottom: 0.6em;
}

.h5,
h5 {
    font-size: calc(0.9rem + 0.2vw);
    font-family: "Lato", "Open sans", sans-serif;
    line-height: 1.3;
    font-weight: 550;
    margin-bottom: 0.6em;
    color: #263238;
}

a[href*="tel"] {
    display: inline-block;
}

.error-message {
    background: #c62828;
    border: #c62828 1px solid;
    color: #ffffff;
    padding: var(--default-box-padding);
    margin-bottom: var(--default-box-padding);
    font-size: 1rem;
}
.error-message__title,
.error-message .title,
.error-message > strong {
    display: block;
    font-size: 1.1em;
    font-weight: 700;
    color: #ffffff;
}
.error-message p {
    color: #ffffff !important;
}
.error-message p a {
    color: #ffffff !important;
    border-bottom-color: #ffffff;
}
.error-message ul {
    list-style: none;
    margin-top: 1rem;
}
.error-message ul li {
    margin: 0px;
    padding: 0px;
    list-style: disc inside;
    font-size: 1rem;
}
.error-message ul li + li {
    margin-top: 0.7rem;
}
.error-message .errorMsg {
    padding: 0;
    background: none;
    list-style: none;
}

.has-error {
    position: relative;
    color: #bd2130;
}
.has-error .form-label,
.has-error .label {
    color: #e53935;
}
.has-error .form-control,
.has-error .custom-select {
    border: solid 1px #e57373;
    background: #fff6f7 !important;
    color: #c62828 !important;
}
.has-error .form-control::-webkit-input-placeholder,
.has-error .custom-select::-webkit-input-placeholder {
    color: #e53935 !important;
}
.has-error .form-control::-moz-placeholder,
.has-error .custom-select::-moz-placeholder {
    color: #e53935 !important;
}
.has-error .form-control::-ms-input-placeholder,
.has-error .custom-select::-ms-input-placeholder {
    color: #e53935 !important;
}
.has-error .form-control::placeholder,
.has-error .custom-select::placeholder {
    color: #e53935 !important;
}

.label-checkbox,
.label-radio {
    position: relative;
    display: block;
    padding-left: 2rem;
}
.label-checkbox input[type="checkbox"],
.label-checkbox input[type="radio"],
.label-radio input[type="checkbox"],
.label-radio input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0.2rem;
    margin: 0;
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    width: 1.25rem;
    height: 1.25rem;
    border: solid 1px #53820d;
    outline: 0;
    margin-right: 0.9rem;
    margin-top: 0.1rem;
    position: relative;
}
input[type="radio"]:checked::after {
    background: #53820d;
    content: "";
    width: 70%;
    height: 70%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
input[type="radio"]:focus {
    outline: 0;
    -webkit-box-shadow: 0 0px 6px rgba(83, 130, 13, 0.6);
    box-shadow: 0 0px 6px rgba(83, 130, 13, 0.6);
}

input[type="checkbox"] {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    width: 1.25rem;
    height: 1.25rem;
    border: solid 1px #182504;
    outline: 0;
    margin-right: 0.9rem;
    margin-top: 0.1rem;
    overflow: hidden;
}
input[type="checkbox"]:checked::after {
    content: "\e206";
    font-family: "sadaf-icon";
    color: #53820d;
    top: -0.4rem;
    left: -0.15rem;
    display: inline-block;
    font-size: 1.8rem;
    line-height: 1;
    position: absolute;
}
input[type="checkbox"]:focus {
    outline: 0;
    -webkit-box-shadow: 0 0px 6px rgba(112, 1, 9, 0.6);
    box-shadow: 0 0px 6px rgba(112, 1, 9, 0.6);
}

.form-control,
.inputTxt {
    -webkit-border-radius: 0;
    border-radius: 0;
    resize: none;
    color: #212121;
    outline: 0 none;
    width: 100%;
    border: 0 none;
    padding: 0.6em 0.8em;
    background: transparent;
    font-size: 1rem;
    -webkit-box-shadow: inset 0 10em 0 white;
    box-shadow: inset 0 10em 0 white;
}
.form-control::-webkit-input-placeholder,
.inputTxt::-webkit-input-placeholder {
    color: #212121;
    font-weight: 700;
    font-size: 1em;
}
.form-control::-moz-placeholder,
.inputTxt::-moz-placeholder {
    color: #212121;
    font-weight: 700;
    font-size: 1em;
}
.form-control::-ms-input-placeholder,
.inputTxt::-ms-input-placeholder {
    color: #212121;
    font-weight: 700;
    font-size: 1em;
}
.form-control::placeholder,
.inputTxt::placeholder {
    color: #212121;
    font-weight: 700;
    font-size: 1em;
}
.form-control:hover,
.inputTxt:hover {
    border-color: #9e9e9e;
}
.form-control:focus,
.inputTxt:focus {
    border-color: #757575;
    background: #f5f5f5;
}

textarea.form-control,
textarea.inputTxt {
    height: 205px;
}

input:disabled,
textarea:disabled,
select:disabled,
button:disabled {
    opacity: 0.6;
}

.disabled {
    opacity: 0.6;
}

.select-dropdown {
    position: relative;
    z-index: 1;
    background: #ffffff;
    border: solid 1px #007bff;
}
.select-dropdown.active {
    background: #fff;
}
.select-dropdown .option-group {
    max-height: 100rem;
    padding: 1.5rem;
    border: solid 1px #007bff;
}
.select-dropdown > .btn {
    width: 100%;
    background: none;
    text-align: left;
    font-size: 1rem;
    padding: 1.2rem;
    outline: 0 !important;
}

/*! CUSTOM SELECT */
.custom-select {
    position: relative;
    border: solid 1px #bdbdbd;
    background: #fafafa;
    display: block;
}
.custom-select:after {
    content: "\e213";
    font-size: 1.25rem;
    font-family: "sadaf-icon";
    color: #999;
    right: 7px;
    font-weight: 400;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    pointer-events: none;
}
.custom-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: 0 none;
    width: 100%;
    border: 0 none;
    padding: 12px 10px;
    background: transparent;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    font-family: "Lato", "Open sans", sans-serif;
    color: #212121;
}
.custom-select select > option {
    padding: 0px 10px;
    color: #212121;
}

.s-hidden {
    visibility: hidden;
}

.select {
    cursor: pointer;
    position: relative;
}

.styledSelect {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font: 400 1.6em/1.2 sans-serif;
    color: #636363;
    padding: 12px 10px;
}
.styledSelect:active,
.styledSelect.active-select {
    background-color: rgba(0, 0, 0, 0.02);
    z-index: 2;
}
.styledSelect .options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: -1px -1px 0;
    padding: 0;
    list-style: none;
    border: 1px solid #e0e0e0;
    border-top: none;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    max-height: 250px;
    overflow-y: scroll;
}
.styledSelect .options li {
    padding: 0 6px;
    margin: 0 0;
    padding: 8px 10px;
    font: 400 1.6em/1.5 sans-serif;
    color: #636363;
}
.styledSelect .options li:hover {
    background-color: rgba(0, 0, 0, 0.02);
    color: #212121;
}
.styledSelect .options li.selected {
    background-color: rgba(0, 0, 0, 0.05);
    color: #000;
}

.formHolder,
.form-container {
    padding-top: 10px;
    list-style: none;
}
.formHolder > li + li,
.form-container > li + li {
    margin-top: 1em;
}
.formHolder .row,
.form-container .row {
    margin-left: -0.5em;
    margin-right: -0.5em;
}
.formHolder .row [class*="col"],
.form-container .row [class*="col"] {
    padding: 0 0.5em;
}
.formHolder .input_container,
.form-container .input_container {
    border: solid 1px #bdbdbd;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    display: block;
    position: relative;
    overflow: hidden;
}
.formHolder .input_container.errorFild,
.form-container .input_container.errorFild {
    border-color: #ef9a9a;
}
.formHolder .label,
.form-container .label {
    font-size: 0.85rem;
    color: #424242;
    display: block;
    padding: 0.5em 0.5em 0.2em;
    text-transform: uppercase;
}
.formHolder .inputTxt,
.formHolder .form-control,
.form-container .inputTxt,
.form-container .form-control {
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.formHolder .custom-select,
.form-container .custom-select {
    border: 0 none;
    background: none;
}
.formHolder .custom-select select,
.formHolder .custom-select .styledSelect,
.form-container .custom-select select,
.form-container .custom-select .styledSelect {
    font-size: 1rem;
    color: #000000;
    background: none;
    padding: 0.6em 0.5em 0.7em;
}
.formHolder .custom-select .options,
.form-container .custom-select .options {
    background: #ffffff;
    margin: -0.5em -1px 0;
    border-top: none 0;
}
.formHolder .custom-select li,
.form-container .custom-select li {
    margin: 0;
    padding: 8px 10px;
    font-size: 1.3em;
}
.formHolder .linkBtn,
.form-container .linkBtn {
    margin-left: 1em;
}

/*! Video Embed 16:9 */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    min-height: 100%;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.1);
}

body {
    font-size: 16px;
}

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    outline: 0 none;
    vertical-align: middle;
}

a,
.noBorder {
    border: 0 none;
    color: inherit;
    outline: 0 !important;
    text-decoration: none;
}

p > a {
    color: #345507;
    text-decoration: underline;
}

.leftFlt {
    float: left;
}

.rightFlt {
    float: right;
}

.posA {
    position: absolute;
}

.posF {
    position: fixed;
}

.posR {
    position: relative;
}

.noBorder {
    border: 0 none !important;
}

.noPadding {
    padding: 0 !important;
}

.noTopPad {
    padding-top: 0 !important;
}

.noBotPad {
    padding-bottom: 0 !important;
}

.noLeftPad {
    padding-left: 0 !important;
}

.noRightPad {
    padding-right: 0 !important;
}

.noMargin {
    margin: 0 !important;
}

.noTopMarg {
    margin-top: 0 !important;
}

.noBotMarg {
    margin-bottom: 0 !important;
}

.clear {
    clear: both;
    display: block;
    height: 0px;
    overflow: hidden;
    width: 100%;
}

.clear.line {
    background: #e4e5e7;
    display: block;
    height: 1px;
    margin: 20px 0;
    overflow: hidden;
}

.clear.height5 {
    height: 5px;
}

.clear.height10 {
    height: 10px;
}

.clear.height15 {
    height: 15px;
}

.clear.height20 {
    height: 20px;
}

.clear.height25 {
    height: 25px;
}

.clear.height30 {
    height: 30px;
}

.clear.height40 {
    height: 40px;
}

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

.blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.disable {
    opacity: 0.8;
    cursor: default !important;
}

.defaultBtn,
.borderBtn,
.linkBtn,
.blackBtn {
    /*background:#568f00;*/
    background: #53820d;
    display: inline-block;
    font: 600 1.6em/140% "Lato", sans-serif;
    border: none 0;
    text-align: center;
    color: #ffffff;
    padding: 1em 1.5em;
    cursor: pointer;
    outline: none 0;
}

.borderBtn {
    background: #f6f6f6;
    border: solid 1px #818181;
    color: #000;
}

.linkBtn {
    background: none;
    text-decoration: underline;
    color: #585858;
}

.blackBtn {
    background: #000;
}

.inputTxt::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.inputTxt:-ms-input-placeholder {
    color: #000;
    line-height: 1.3em;
}

.inputTxt::-webkit-input-placeholder {
    color: #000;
    line-height: 1.3em;
}

@media only screen and (min-width: 992px) {
    p > a:hover {
        color: #000;
    }
    .defaultBtn:hover {
        background: #6aa512;
    }
    .borderBtn:hover {
        background: #fff;
        border-color: #bbb;
    }
    .blackBtn:hover {
        background: #333;
    }
    .linkBtn {
        color: #000;
    }
}

.midContent {
    width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
}

.midContent::after {
    content: "";
    display: table;
    clear: both;
}

@media only screen and (max-width: 1240px) {
    .midContent {
        width: 100%;
    }
}

@media only screen and (max-width: 320px) {
    body {
        min-width: 320px;
    }
}

.errorMsg {
    background: #ce2e2e;
    color: #ffffff;
    padding: 2em 1.5em;
}

.errorMsg .errorMsg {
    padding: 0;
}

.errorMsg a {
    color: #ffffff !important;
    text-decoration: underline;
}

.errorMsg p {
    color: #fff !important;
    font: 400 1.4em/1.2 sans-serif !important;
    padding-bottom: 0.5em;
}

.errorMsg h5 {
    font: 400 3em/1.5 "Lato", sans-serif;
    color: #fff;
    padding-bottom: 0.15em;
}

.errorMsg li {
    color: #fff;
    font: 400 1.3em/1.2 sans-serif;
    padding: 0.2em 0 0.2em 1em;
    position: relative;
    list-style: none;
    margin: 0 !important;
}

.errorMsg li:before {
    content: "\e208";
    font-family: "sadaf-icon";
    left: 0em;
    position: absolute;
    top: auto;
}

.errorFild .custom-select {
    border-color: #de4321 !important;
}

.errorFild .inputCheckboxHolder {
    border-color: #ef3f22 !important;
}

.errorFild label {
    color: #de4321 !important;
    font-weight: bold !important;
    border-color: #e45353 !important;
}

.errorFild label span.label {
    color: #fff !important;
    font-weight: bold !important;
    background: #e45353 !important;
}

.error {
    color: #ca0000 !important;
}

input.error,
textarea.error,
select.error {
    background: none repeat scroll 0 0 #fbf1f1 !important;
    border-color: #ff999b !important;
    -webkit-box-shadow: 0 0 5px rgba(150, 50, 50, 0.15) inset;
    box-shadow: 0 0 5px rgba(150, 50, 50, 0.15) inset;
}

/*******************************/
body {
    background: #fff;
    font-size: 62.33%;
    line-height: 140%;
    min-width: 320px;
}

#wrapper {
    font-size: 100%;
    background: #fff;
}

@media only screen and (max-width: 992px) {
    .errorMsg h5 {
        font-size: 2.4em;
        line-height: 1.2em;
    }
    .errorMsg h5 + p {
        padding-top: 1em;
    }
}

.notification {
    background: #d02030;
    color: #fff;
    text-align: center;
    padding: 0.7rem 1rem;
}

.notification p {
    margin: auto;
    font-weight: 400;
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.4;
}

.notification .btn {
    font-size: 0.8rem;
    margin-left: 10px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    text-decoration: none;
}

@media (max-width: 768px) {
    .notification .btn {
        margin-top: 0.4rem;
    }
}

/*Header************/
#header {
    background: #53820d;
    padding: 1em 0;
    border-bottom: solid 3px #345507;
}

#header .midContent {
    position: relative;
    z-index: 9;
}

#sadafLogo {
    position: absolute;
    left: auto;
    top: 0.5em;
}
#header .sIcon-menu::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 23'%3E%3Cpath stroke-linecap='round' fill='none' stroke='%23ffffff' stroke-width='3' class='st0' d='M1.5,1.5h34 M1.5,11.5h34 M1.5,21.5h34'/%3E%3C/svg%3E");
    width: 50px;
    height: 40px;
    background-size: 70% 50%;
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#menuBtn,
#cartBtn,
#header .mTitle,
#header .cross {
    display: none;
}

.rHeader {
    margin-left: 260px;
}

.tagline {
    float: left;
    margin-top: 0.2em;
    font: 1rem/1 "Times New Roman", Times, serif;
    color: #fff;
}

.tagline span {
    display: block;
}

.tagline b,
.tagline strong {
    font-style: italic;
    font-size: 1.2em;
    font-weight: 700;
    color: #fff;
}

#mRight .holder {
    float: left;
    position: relative;
}

#mRight .th {
    font: 400 1.6em "Oswald", sans-serif;
    color: #fff;
    text-transform: uppercase;
    margin: 0 15px;
}

#mRight .th .icon {
    color: #fff;
    font-size: 2.2em;
    position: relative;
    margin: 6px 5px 0 0;
    display: inline-block;
}

#mRight .th .icon.sIcon-user {
    font-size: 1.7em;
    margin-top: 12px;
}

#mRight span.bagnumb {
    position: absolute;
    font: 400 0.5em/1.6 "Oswald", sans-serif;
    color: #345507;
    display: block;
    text-align: center;
    width: 24px;
    background: #fff;
    bottom: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    left: 5px;
    top: 8px;
}

#mLeft {
    clear: both;
    border-top: solid 1px #80b333;
    margin-top: 2em;
    padding-top: 1.1em;
}

#headBag {
    width: 360px;
    display: none;
    position: absolute;
    z-index: 9;
    top: 5em;
    left: auto;
    right: 0em;
    background: #f3f3f3;
    border: solid 2px #4a7608;
    border-top: 0;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
    padding: 1em;
}

#headBag > p {
    font: 400 1.3em/1.4 "Lato", sans-serif;
    color: #000;
    padding-bottom: 10px;
}

#headBag > p a {
    text-decoration: underline;
    color: inherit;
}

#bagList {
    background: #fff;
    padding: 2em;
    margin: 1em 0 1em;
}

#bagList table {
    margin-bottom: 2em;
    width: 100%;
}

#bagList a {
    display: block;
}

#bagList td {
    padding: 1.7em 0;
    border-bottom: solid 1px #dfdfdf;
    vertical-align: middle;
    text-align: left;
}

#bagList td.ih {
    text-align: center;
    width: 70px;
    padding-right: 15px;
}

#bagList td.ih img {
    max-height: 60px;
    max-width: 60px;
}

#bagList .it {
    font: 400 1.4em/1.2 sans-serif;
    color: #000;
    padding: 0 1em 1em 0;
    display: block;
}

#bagList .qt {
    font: 700 1.3em/1.2 sans-serif;
    color: #000;
    display: inline-block;
    background: #fafc9e;
    padding: 0.25em;
}

#bagList .pr {
    vertical-align: top;
    text-align: right;
}

#bagList .pr span {
    font: 700 1.6em/1.2 sans-serif;
    color: #000;
}

#bagList .pr .oldP {
    text-decoration: line-through;
    font-weight: 400;
}

#bagList .pr .disP {
    color: #c13d3d;
}

#bagList .linkBtn {
    float: left;
    font: 400 1.4em/1 sans-serif;
    color: #333;
    text-decoration: underline;
}

#bagList .prt {
    font: 700 1.6em/1 sans-serif;
    color: #000;
    text-align: right;
    text-transform: uppercase;
}

#headBag .defaultBtn {
    font-size: 1.8em;
    display: block;
    text-align: center;
    padding: 1em 0;
}

#headBag .defaultBtn .fa {
    padding-left: 0.5em;
    font-size: 1.3em;
}

#chTit {
    clear: both;
    border-top: solid 1px #80b333;
    margin-top: 2em;
    padding-top: 1.2em;
}

#chTit h2 {
    float: left;
    font: 400 3.6em/1 "Oswald", sans-serif;
    color: #fff;
}

#chTit .defaultBtn {
    float: right;
    font-size: 1.3em;
    text-transform: uppercase;
    background: #345507;
    border: solid 1px #fff;
    padding: 1em 2.5em;
}

/*header search*/
#headSearch {
    float: right;
    position: relative;
    z-index: 1;
    width: 36%;
}

#headSearch .inputTxt {
    width: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #4a7608;
    font: 400 1.6em/1.2 "Lato", "Lato", sans-serif;
    color: #000;
    padding: 0.6em 2.5em 0.8em 1em;
}

#headSearch label {
    color: #fff;
}

#headSearch .searchBtn {
    position: absolute;
    left: auto;
    right: 8px;
    top: 50%;
    font-size: 2.5em;
    color: #000;
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
    background: transparent;
    border: 0 none;
}

#headSearch .searchBtn.loading .sIcon-search:before {
    content: "\e09f";
    opacity: 0.7;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#autoResult {
    position: absolute;
    z-index: 10;
    left: auto;
    top: auto;
    width: 100%;
}

#headSearch .ui-autocomplete {
    list-style: none;
    background: #f3f3f3;
    border: solid 2px #4a7608;
    border-top: 0;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    padding: 1em 0em;
}

#headSearch .ui-autocomplete li.ui-menu-item.ui-state-focus {
    color: #333;
    background: #fff;
}

#headSearch li a {
    color: #000;
    display: block;
    font: 400 1.6em/1.2 "Lato", "Lato", sans-serif;
    color: #000;
    padding: 0.5em 1.5em;
    border-bottom: solid 1px #ccc;
}

#headSearch .price {
    display: inline-block;
    font: 700 1.4em/1.3 "Roboto Slab", sans-serif;
    color: #000;
}

#headSearch del {
    font-size: 0.95em;
    color: #333;
    padding-left: 0.5em;
}

#headSearch .defaultBtn {
    margin: 10px 1em;
    display: block;
    padding: 0.8em 0;
    font-size: 1.4em;
}

/*Navigation*/
#navigation {
    float: left;
}

#navigation > ul {
    list-style: none;
    margin-left: -20px;
}

#navigation > ul > li {
    float: left;
    position: relative;
}

#navigation > ul > li::last-child {
    display: none;
}

#navigation > ul > li.hasSub > a {
    padding: 0 35px 0 20px;
}

#navigation .downArrow {
    position: absolute;
    left: auto;
    top: 0;
    right: 10px;
}

#navigation .downArrow:after {
    content: "\e201";
    color: #fff;
    font-size: 2em;
    line-height: 2;
    font-family: "sadaf-icon";
}

#navigation > ul > li > a {
    font: 400 2em/2 "Oswald", sans-serif;
    color: #fff;
    display: block;
    padding: 0 20px;
}

#navigation ul div {
    display: none;
    position: absolute;
    z-index: 999;
    left: auto;
    top: 5.6em;
    border: solid 3px #abce76;
    border-top: 0;
    background: #557d18;
    width: 350px;
    padding: 2em;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

#navigation ul div.brands {
    width: 600px;
    overflow: hidden;
}

#navigation ul div > ul {
    list-style: none;
}

#navigation ul div > ul > li {
    padding: 0.5em 0;
}

#navigation ul div > ul a {
    font: 400 1.8em "Lato", sans-serif;
    color: #fff;
    display: block;
}

#navigation div.brands ul {
    width: 33%;
    float: left;
}

.cover,
.sideMenuCover,
#mRight .mobileLink {
    display: none;
}

@media only screen and (max-width: 1280px) {
    #headSearch {
        width: 30%;
    }
    .tagline {
        font-size: 1.6em;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1150px) {
    #navigation > ul > li:last-child {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    #mRight .bag.holder:hover:before {
        content: " ";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 120%;
        background: #f3f3f3;
        color: #fff;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        padding-bottom: 1em;
        border: solid 2px #4a7608;
        border-bottom: 0;
    }
    #mRight .bag.holder:not(.empty):hover .icon {
        color: #4a7608;
    }
    #mRight .holder:not(.empty):hover .icon span {
        color: #fff;
        background: #53820d;
    }
    #mRight .bag.holder:not(.empty):hover .th {
        z-index: 2;
        position: relative;
        color: #53820d;
    }
    #mRight .bag.holder:hover #headBag {
        display: block;
    }
    #mRight .bag.empty.holder:hover:before {
        display: none;
    }
    #mRight .bag.empty.holder:hover .icon {
        color: #e0f7bc;
    }
    #mRight .bag.empty.holder:hover .icon span {
        color: #345507;
    }
    #mRight .bag.empty.holder:hover #headBag {
        display: none !important;
    }
    #navigation > ul > li.hasSub:hover div {
        display: block;
    }
    #navigation > ul > li.hasSub:hover:before {
        content: " ";
        position: absolute;
        left: 0;
        top: -1.5em;
        bottom: 0;
        width: 100%;
        height: 250%;
        background: #557d18;
        color: #fff;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        padding-bottom: 1em;
        border: solid 3px #abce76;
        border-bottom: 0;
    }
    #navigation > ul > li.hasSub > a {
        z-index: 2;
        position: relative;
    }
    #navigation div > ul a:hover {
        color: #eee;
        text-decoration: underline;
    }
}

@media only screen and (max-width: 992px) {
    .rHeader {
        margin-left: 0;
    }
    /*mobile header bar*/
    #mBar:after {
        content: "";
        display: table;
        width: 100%;
        clear: both;
    }
    #mBar #sadafLogo {
        max-width: 150px;
        margin: auto;
        position: static;
    }
    #menuBtn,
    #cartBtn {
        display: block;
        float: left;
        color: #fff;
        font-size: 4em;
        position: relative;
        margin-top: 2%;
        cursor: pointer;
    }
    #cartBtn {
        float: right;
    }
    #cartBtn span.bagNumb {
        position: absolute;
        font: 400 0.5em/2 "Oswald", sans-serif;
        color: #345507;
        left: 0;
        top: 5px;
        display: block;
        text-align: center;
        width: 100%;
    }
    #autoResult {
        position: relative;
    }
    #headSearch .ui-autocomplete {
        -webkit-border-radius: 0;
        border-radius: 0;
        border-width: 1px;
    }
    .tagline,
    #mRight .th .icon span {
        display: none;
    }
    #header .cross {
        display: block;
        position: absolute;
        z-index: 2;
        left: auto;
        right: 1em;
        top: 1em;
        color: #fff;
        font-size: 3em;
    }
    #header *::-webkit-scrollbar {
        width: 2px;
    }
    #header *::-webkit-scrollbar:vertical {
        width: 4px;
    }
    #header *::-webkit-scrollbar:horizontal {
        -webkit-appearance: none;
        height: 4px;
    }
    #header *::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    #header *::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(0, 0, 0, 0.4);
    }
    #header *::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.05);
    }
    #mLeft,
    #mRight {
        -webkit-transition: all 150ms ease-out;
        -o-transition: all 150ms ease-out;
        transition: all 150ms ease-out;
    }
    body.sideleft,
    body.sideright {
        overflow: hidden;
    }
    body.sideleft #mLeft {
        left: 0;
    }
    body.sideright #mRight {
        right: 0;
    }
    .cover {
        display: block;
        background: rgba(255, 255, 255, 0.8);
        width: 100%;
        height: 140%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
    }
    #mLeft,
    #mRight {
        position: fixed;
        z-index: 99;
        width: 70%;
        left: -70%;
        top: 0;
        bottom: 0;
        /*background:#69a015;*/
        background: #53820d;
        margin-top: 0;
        padding: 3em;
        border: 0;
        border-right: solid 3px #345507;
        overflow: auto;
    }
    #mRight {
        left: auto;
        right: -70%;
        border-right: 0;
        border-left: solid 3px #345507;
    }
    #header .mTitle {
        display: block;
        font: 700 3em/1.2 "Lato", "Lato", sans-serif;
        color: #fff;
        padding-bottom: 0.4em;
    }
    #headSearch {
        float: none;
        width: 100%;
        font-size: 1.2em;
    }
    #headSearch .inputTxt {
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    #navigation {
        float: none;
        width: 100%;
        margin-top: 4em;
    }
    #navigation > ul {
        margin: 0 -3em;
    }
    #navigation > ul > li {
        float: none;
        display: block;
    }
    #navigation > ul > li > a {
        padding: 0.4em 1.7em !important;
        border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    }
    #navigation > ul > li:last-child > a {
        border-bottom: 0;
    }
    #navigation .downArrow {
        cursor: pointer;
        width: 60px;
        height: 58px;
        right: 0;
        text-align: center;
        font-size: 2em;
        z-index: 4;
        border-bottom: 0;
    }
    #navigation .downArrow:after {
        content: "\e201";
        line-height: 1.5;
    }
    #navigation ul div.showSub {
        display: block;
        background: #467005;
        margin-bottom: 2em;
        border: none;
        position: relative;
        left: inherit;
        top: inherit;
        width: 100% !important;
        max-height: 280px;
        overflow: auto;
        padding: 2em 3em;
    }
    #navigation ul div.showSub ul {
        float: none !important;
        width: auto !important;
    }
    #navigation ul div > ul li {
        padding: 0.6em 0;
    }
    #navigation ul div > ul a {
        color: #fff;
    }
    #mRight .th {
        margin: 0;
        display: block;
        font: 700 3em/1.2 "Lato", "Lato", sans-serif;
        color: #fff;
        padding-bottom: 0.4em;
        text-transform: none;
    }
    #mRight .th .icon {
        margin-top: -2px !important;
        font-size: 1em !important;
    }
    #mRight .mobileLink {
        display: block;
        font: 400 2em/1.4 "Lato", sans-serif;
        color: #fff;
        text-decoration: underline;
    }
    #mRight .holder {
        float: none;
    }
    #mRight .holder + .holder {
        margin-top: 5em;
    }
    #headBag {
        display: block;
        position: static;
        z-index: auto;
        top: auto;
        right: auto;
        background: transparent;
        width: 100%;
        padding: 0;
        border: 0 none;
    }
    #headBag > p {
        color: #fff;
        font-size: 2em;
        padding: 0em 0 0.7em;
    }
    #headBag .defaultBtn {
        border: solid 1px #fff;
        background: #eea11a;
    }
    #chTit {
        padding: 1.5em;
        margin-top: 0;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        border: 0;
    }
    #chTit h2 {
        font-size: 1.8em;
        line-height: 1.8em;
    }
    #chTit .defaultBtn {
        padding: 0.8em 2em;
    }
}

@media only screen and (max-width: 568px) {
    #header {
        padding: 0.5em 0;
    }
    #menuBtn,
    #cartBtn {
        font-size: 3.5em;
        margin-top: 1%;
    }
    #mBar #sadafLogo {
        max-width: 100px;
    }
    #mLeft,
    #mRight {
        width: 100%;
        left: -100%;
    }
    #mRight {
        left: auto;
        right: -100%;
    }
    #chTit {
        margin-top: 1em;
        padding: 0;
        position: relative;
    }
    #chTit h2 {
        font-weight: 300;
        line-height: 1em;
        float: none;
        text-align: center;
    }
    #chTit .defaultBtn {
        padding: 1em 0em;
        display: block;
        width: 60%;
        margin: 1em auto 0;
        float: none;
    }
}

/* --LGIN MODAL--
#loginJoinModal{ background-color:#eee;position:relative; z-index:1}
	#loginJoinModal .close{opacity:1;position:absolute;font-size:3em;top:0.5em;right:0.5em;z-index:333}
	#loginJoinModal .modal-content{background-color:#eee;border:0}
	#loginJoinModal #formBlock{max-width:400px;width:100%;margin:0 auto;padding:4em 2em}
	#loginJoinModal .title {	text-transform:capitalize;display:block;font:400 3em "Lato",   sans-serif;color: #000;padding-bottom:0.7em}
	#loginJoinModal p{ font:400 1.8em "Lato",   sans-serif;color: #000}
	#loginJoinModal .email-field, #loginJoinModal .password-field {overflow:hidden;padding:10px 0px 0;width:100%;position:relative}
	#loginJoinModal .input{height:54px;width:100%;font:400 1.7em "Lato",sans-serif;box-shadow:none;padding:10px;border-radius:2px;border:none;text-align:left;outline:0;
		-webkit-transition:500ms;
		-moz-transition:500ms;
		-o-transition:500ms;
		transition:500ms}
	#loginJoinModal .input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;box-shadow:0 0 0px 1000px white inset}
	#loginJoinModal .input:focus {background-color:white;padding-top:24px}
	#loginJoinModal .inputLabel{position:absolute;font-size:1px;left:1px;top:11px;right:1px;color:white;border-radius:2px 2px 0 0; text-transform:uppercase; line-height:13px;padding:0;text-align:left
		-webkit-transition:500ms;
		-moz-transition:500ms;
		-o-transition:500ms;
		transition:500ms}
	#loginJoinModal .input:focus+.inputLabel{box-shadow:inset 0 18px 0px 1px #69a015;color:white;font-size:11px;padding:3px 0 3px 10px}
	#loginJoinModal #errorMsg {position:absolute;left:0;top:0;background:#e45353;padding:0.8em 0;display:none;width:100%} 
	#loginJoinModal #errorMsg p { font:400 1.6em "Lato",sans-serif;color:#fff;text-align:center; }
	#loginJoinModal .showerrors.input {border:1px solid #e45353}
	#loginJoinModal .showerrors.input:focus+.inputLabel {
		box-shadow:inset 0 18px 0px 1px #e45353;
		color:white
	}
	#loginJoinModal .inputRadio, #loginJoinModal .inputCheckbox {
		display:none
	}
	#loginJoinModal .labelBox {padding:1em 0 1em 1em;text-transform:uppercase;width:auto;display:block;position:relative}
	#loginJoinModal .info{display:block;width:auto;margin-left:35px}
	#loginJoinModal .info h6{text-transform:capitalize;display:block;text-transform:uppercase;font:600 1.4em "Lato",sans-serif;color: #000;padding:0.3em 0 0.5em} 
	#loginJoinModal .info p{font-size:15px;color:#626262;text-transform:none}
	#loginJoinModal .link  {font-size:14px;color:#626262;display:inline-block;padding:1em 0 }
	#loginJoinModal .link:hover {color:#533a66;text-decoration:underline}
	#loginJoinModal .bubble{float:left;display:inline-block;height:20px;width:20px;border:2px solid #69a015;border-radius:50%;margin-top:3px;background-color:white}
	#loginJoinModal .bubble .dot{height:10px;width:10px;margin:3px auto 0;border-radius:50%;transition:500ms}
	
	#loginJoinModal .inputRadio:checked+label .bubble,#loginJoinModal .inputCheckbox:checked+label .bubble{border-color:#69a015}
	#loginJoinModal .inputRadio:checked+label .bubble .dot, #loginJoinModal .inputCheckbox:checked+label .bubble .dot{box-shadow:10px 10px 0px #69a015 inset}
	#loginJoinModal .inputRadio:checked+label .info h6, #loginJoinModal .inputCheckbox:checked+label .info h6{color:#533a66}
	#loginJoinModal .submit, #loginJoinModal .defaultBtn {position:relative;display:block;font:400 1.8em "Lato",sans-serif;color:#fff;padding:1em 0; background-color:#533a66; text-transform:uppercase;border:0;cursor:pointer; text-decoration:none; text-align: center; width:100%; max-width:230px; margin:1em auto 0;border-radius:2px}
	#loginJoinModal .submit:active, #loginJoinModal .defaultBtn:active {top:2px} */
.carouselBx {
    position: relative;
    z-index: 1;
    margin-bottom: 4em;
}

.carouselBx h2 {
    font: 300 4.5em/1.2 "Oswald", sans-serif;
    color: #345507;
    text-align: center;
    margin-bottom: 1em;
}

.carouselBx .linkHolder {
    margin-top: -4.5em;
    margin-bottom: -1em;
}

.carouselBx .viewAll {
    font: 400 1.8em/1.3 "Lato", "Lato", sans-serif;
    color: #000;
    text-decoration: underline;
}

.carouselBx .owl-nav div {
    position: absolute;
    left: 0;
    top: -1.8em;
    font-size: 5em;
    color: #bbb;
}

.carouselBx .owl-nav .owl-next {
    left: auto;
    right: 0;
}

.category-carousel {
    margin-top: 3em;
}

.category-carousel:after {
    content: "";
    clear: both;
    display: block;
    height: 0px;
    overflow: hidden;
    width: 100%;
}

.category-carousel .item {
    /* position:relative;z-index:1;float:left;width:23.5%;margin:0 0 1.5em 1.5%; */
    border: solid 1px #d8d8d8;
    background: #fff;
    -webkit-box-shadow: 10px 0 0px 5px #fff;
    box-shadow: 10px 0 0px 5px #fff;
}

.category-carousel .holder {
    display: block;
    position: relative;
    z-index: 1;
    /* height:250px; */
    overflow: hidden;
    margin-bottom: 1em;
    padding: 1.5em;
}

.category-carousel .patch {
    background: #c81c32;
    position: absolute;
    left: auto;
    right: -15px;
    top: 5px;
    z-index: 2;
    text-align: center;
    color: #fff;
    font: 600 1.3em/1 "Lato", "Oswald", sans-serif;
    padding: 0.2em 1.1em;
    display: block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
    /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
    /* IE8 */
    transform: rotate(45deg);
}

.category-carousel .pimg {
    display: block;
    height: 100%;
    text-align: center;
    font: 0/0 a;
}

/* .category-carousel .pimg:before{content:' ';display:inline-block;vertical-align:middle;height:100%}  */
.category-carousel .pimg img {
    max-width: 90%;
    max-height: 90%;
    /*width:90%; display:inline-block; */
    margin: 0em auto;
    vertical-align: middle;
    font: 16px/1 Arial sans-serif;
}

.category-carousel .idt {
    padding: 0 1.5em 1.5em;
}

.category-carousel p {
    display: block;
    padding: 0 0 1em;
    margin: 0;
    font: 1.4em/1.3 "Lato", sans-serif;
    color: #000000;
    height: 50px;
}

.category-carousel .nt {
    color: #c13d3d;
    font-weight: 700;
}

.category-carousel .item .borderBtn {
    display: block;
    width: 100%;
    /*border-color:#568f00;color:#568f00;*/
    border-color: #497506;
    color: #497506;
    font-weight: 700;
    background: #fff;
    padding: 0.5em 0;
    text-align: center;
    text-transform: uppercase;
    clear: both;
    margin-top: 1em;
}

.category-carousel .price {
    display: inline-block;
    font: 400 2.4em/1.3 "Lato", sans-serif;
    color: #000;
}

.category-carousel .red {
    color: #c13d3d;
    padding-right: 10px;
}

.category-carousel .price del {
    color: #000;
    font-size: 0.8em;
}

/* .category-carousel .sold{display:block;position:absolute;width:100%;height:100%;z-index:1;left:0;top:0;bottom:0;background:url('../images/white-bg.png') repeat 0 0;background:rgba(255,255,255,0.5); } */
.category-carousel .inStore .borderBtn {
    background: #f7f7f7;
    border-color: #7d7d7d;
    color: #696969;
}

.category-carousel .sold .borderBtn {
    color: #ad2f2f;
    border-color: #d46f6f;
    background-color: #f7f7f7;
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    padding-left: 1px;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
@media only screen and (min-width: 767.98px) {
    .owl-carousel .owl-item:hover .btn__quick-peek {
        display: block;
    }
}

.owl-carousel .owl-item img {
    display: block;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.no-js .owl-carousel {
    display: block;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

/*-- HOME PAGE --*/
#hmbanner {
    margin: 0.5em auto 0;
    padding: 0;
    max-width: 1240px;
}

#hmbanner .banImg {
    text-align: center;
}

#hmbanner .imgHolder {
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding: 0 10%;
}

#hmbanner .item {
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

#hmbanner .item,
#hmbanner .active.left,
#hmbanner .active.right {
    opacity: 0;
}

#hmbanner .active,
#hmbanner .next.left,
#hmbanner .prev.right {
    opacity: 1;
}

#hmbanner .carousel-control {
    width: 8%;
    max-width: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#hmbanner .carousel-control svg {
    width: 60%;
}

#hmbanner .carousel-control svg polyline {
    fill: none;
    stroke: #fff;
    stroke-width: 4;
    stroke-miterlimit: 10;
}

.catalog-banner {
    display: block;
    margin-bottom: 2.5em;
}

.catalog-banner img {
    width: 100%;
}

.catalog-banner img.mobile {
    display: none;
}

@media (max-width: 767.98px) {
    .catalog-banner img.desktop {
        display: none;
    }
    .catalog-banner img.mobile {
        display: block;
    }
}

#hmOffter {
    margin-bottom: 4em;
}
/* #hmOffter .col-md-6 {
    flex: 0 0 calc(50% - 1px);
    max-width: calc(50% - 1px);
} */
#hmOffter h3,
#hmOffter .title {
    text-align: center;
    font: 400 3.5em/1 "Oswald", "Lato", sans-serif;
    color: #fff;
    padding: 0.5em 0.5em;
    /*background:#69a015;*/
    background: #53820d;
    margin-bottom: 0.1em;
}

#hmOffter .box {
    padding: 0.5em;
    border: solid 1px #cacaca;
    overflow: hidden;
    min-height: 330px;
    width: 100%;
}

#featuredItems {
    list-style: none;
}

#featuredItems .holder {
    display: block;
    float: left;
    width: 40%;
    padding: 2em;
}

#featuredItems .discp {
    margin-left: 45%;
    padding-top: 1em;
}

#featuredItems p,
#featuredItems .featured__title {
    display: block;
    padding: 0 1em 1em 0;
    margin: 0;
    font: 2.4em/1.3 "Lato", sans-serif;
    color: #000000;
}

#featuredItems .price {
    display: block;
    font: 400 2.4em/1.3 "Lato", sans-serif;
    color: #000;
}

#featuredItems .red {
    color: #c13d3d;
}

#featuredItems .price small {
    font-size: 0.8em;
    color: #333;
}

#featuredItems .borderBtn {
    display: inline-block;
    border-color: #497506;
    color: #497506;
    font-weight: 700;
    background: #fff;
    padding: 0.7em 2em;
    text-align: center;
    text-transform: uppercase;
    margin-top: 1em;
}

/*footer*/
#footer {
    background: #345507;
    border-top: 3px solid #69a015;
    position: relative;
    z-index: 1;
}

#footer::before {
    content: "";
    width: 100%;
    background: #345507;
    position: absolute;
    height: 3rem;
    left: 0;
    top: 98%;
    z-index: -1;
}

#footHead {
    background: #53820d;
    padding: 2em 0;
    overflow: hidden;
    clear: both;
}

#footHead .joinNs label {
    font: 700 1.8em/1 "Lato", sans-serif;
    text-align: right;
    color: #fff;
    float: left;
    margin: 0;
    padding: 1em 0 0 0;
}

#footHead .joinNs .placeholder {
    position: relative;
    margin-left: 300px;
}

#footHead .joinNs .placeholder .inputTxt {
    font: 1.8em/1 "Lato", sans-serif;
    color: #454545;
    padding: 1.1em 1.5em;
    width: 75%;
    height: 58px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 2px #4a7608;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#footHead .joinNs .defaultBtn {
    background: #548019;
    font: 400 1.5em "Lato", sans-serif;
    text-transform: uppercase;
    text-align: center;
    width: 22%;
    height: 58px;
    float: right;
    border: solid 2px #fff;
    padding: 0.8em 0;
}

#footHead .joinNs .defaultBtn:hover {
    background: #5f9712;
}

#footBody {
    padding: 4rem 0 0;
}

#footBody h2 {
    color: #fff;
    font: 700 1.5em "Lato", sans-serif;
    text-transform: uppercase;
    margin-top: 0;
}

#footBody .list {
    list-style: none;
}

#footBody .list a {
    color: #fff;
    font: 400 1.3em "Lato", sans-serif;
    display: inline-block;
    padding: 0.4em 0;
}

#footNote {
    border-top: solid 1px #517a1a;
    text-align: center;
    padding: 3em 5% 0;
    margin-top: 3em;
    clear: both;
}

#footNote h3,
#footNote .title {
    font: 700 12px/1.3 "Lato", sans-serif;
    text-align: center;
    color: #fff;
    padding-bottom: 1em;
    margin-bottom: 0;
}

#footNote p {
    font: 400 14px/1.3 "Lato", sans-serif;
    text-align: center;
    color: #fff;
    padding-bottom: 1em;
}

#footNote b,
#footNote strong {
    color: #fff;
}

#footNote p a {
    color: #fff;
    border-color: #dbecc3;
}

@media only screen and (min-width: 992px) {
    #featuredItems .borderBtn:hover {
        background: #568f00;
        color: #fff;
    }
    .carouselBx .owl-nav div:hover {
        opacity: 0.5;
    }
    .category-carousel .item:hover {
        border-color: #568f00;
    }
    .category-carousel .item:hover,
    .category-carousel .item.inStore:hover {
        border-color: #9c9c9c;
    }
    .category-carousel .item.sold:hover .borderBtn,
    .category-carousel .item.inStore:hover .borderBtn {
        background: #f0f0f0;
    }
    .category-carousel .item.sold:hover .borderBtn:hover {
        color: #fff;
        background: #6c5858;
        border-color: #6c5858;
    }
    .category-carousel .item.inStore:hover .borderBtn:hover {
        color: #fff;
        background: #707070;
        border-color: #707070;
    }
    .category-carousel .item:hover .borderBtn {
        background: #f3f6ef;
    }
    .category-carousel .item .borderBtn:hover {
        background: #568f00;
        color: #fff;
    }
    #footBody .list a:hover {
        text-decoration: underline;
    }
    #footNote p a:hover {
        color: #dbecc3;
    }
}

@media only screen and (max-width: 991px) {
    #hmbanner ul > li {
        min-height: 260px;
    }
    /* #hmOffter .col-md-6+.col-md-6 .box { height: 280px}*/
    #hmOffter .box {
        min-height: inherit;
    }
    #featuredItems p {
        min-height: 80px;
    }
    /*footer*/
    #footHead .joinNs p {
        float: none;
        text-align: center;
        padding: 0 0 1em;
        font-size: 2em;
    }
    #footHead .joinNs .placeholder {
        margin: 0;
    }
    #footBody .footLogo {
        text-align: center;
        padding-bottom: 2em;
        width: 45%;
        float: left;
    }
    #footBody .footLogo img {
        max-width: 100%;
    }
    #footBody .footLogo + .col-md-9 {
        margin-left: 45%;
    }
    #footBody .col-sm-3 {
        width: 100%;
        text-align: center;
    }
    #footBody .col-sm-3 + .col-sm-3 {
        padding-top: 0.7em;
    }
    #footBody h2 {
        border-bottom: solid 3px rgba(255, 255, 255, 0.3);
        margin: 0 auto 0.3em;
        max-width: 220px;
        position: relative;
        padding: 0.5rem 0;
    }
    #footBody h2.trigger::before,
    #footBody h2.trigger::after {
        content: " ";
        display: block;
        position: absolute;
        top: 50%;
        right: 2%;
        -webkit-transform: translateY(-50%) scale(1, 1);
        -ms-transform: translateY(-50%) scale(1, 1);
        transform: translateY(-50%) scale(1, 1);
        background-color: #ffffff;
        -webkit-transition: height 0.3s ease-in;
        -o-transition: height 0.3s ease-in;
        transition: height 0.3s ease-in;
    }
    #footBody h2.trigger::before {
        height: 1px;
        width: 1rem;
    }
    #footBody h2.trigger::after {
        height: 1rem;
        width: 1px;
        right: calc(2% + 0.5rem);
    }
    #footBody h2.trigger.active::after {
        height: 0;
    }
    #footBody .list {
        -webkit-transition: max-height 0.3s ease-in;
        -o-transition: max-height 0.3s ease-in;
        transition: max-height 0.3s ease-in;
        max-height: 0;
        overflow: hidden;
    }
    #footBody .accd-open .list {
        max-height: 350px;
    }
}

@media only screen and (max-width: 767px) {
    #hmbanner ul > li {
        min-height: inherit;
    }
    #hmOffter {
        margin-top: -1.5em;
        margin-bottom: 1em;
    }
    #hmOffter .col-md-6 + .col-md-6 {
        margin-top: 1.5em;
    }
    #featuredItems p {
        font-size: 2em;
    }
    .carouselBx {
        margin-bottom: 2em;
    }
    .carouselBx h2 {
        margin-bottom: 0;
    }
    .carouselBx .linkHolder {
        margin-bottom: 1.3em;
    }
    .category-carousel {
        margin-top: 2em;
    }
    .carouselBx .linkHolder {
        margin-top: 0;
    }
    .carouselBx .owl-nav div {
        font-size: 3.5em;
    }
    .category-carousel p {
        height: 65px;
    }
    #footBody .footLogo {
        padding-bottom: 2em;
        width: 100%;
        float: none;
    }
    #footBody .footLogo img {
        max-width: 150px;
    }
    #footBody .footLogo + .col-md-9 {
        margin-left: 0;
    }
    #footBody h2 {
        text-align: center;
        font-size: 1.7em;
    }
    #footBody .list {
        text-align: center;
        font-size: 1.3em;
    }
    #footBody .list a {
        font-size: 1.1em;
        padding: 0.15em 0;
    }
    #footNote p {
        font-size: 1.2em;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2),
    (max-width: 568px) {
    #hmOffter h3 {
        font-size: 3em;
    }
    #featuredItems p {
        font-size: 1.5em;
        line-height: 1.3em;
        padding-bottom: 1em;
    }
    #featuredItems .price {
        font-size: 1.8em;
    }
    #featuredItems .borderBtn {
        font-size: 1.5em;
        font-weight: 600;
        padding: 0.5em 1em;
        margin-bottom: 1em;
    }
    .carouselBx h2 {
        font-size: 2.8em;
    }
    .carouselBx .owl-nav div {
        font-size: 2.3em;
        top: -2em;
    }
    .category-carousel p {
        line-height: 1.1;
        font-size: 1.3em;
        height: 55px;
    }
    .category-carousel .holder {
        padding: 0.7em 0;
        margin-bottom: 0.5em;
    }
    .category-carousel .price {
        font-size: 2em;
    }
    #footHead .joinNs p {
        font-size: 2em;
    }
    #footHead .joinNs .placeholder .inputTxt {
        width: 100%;
    }
    #footHead .joinNs .defaultBtn {
        width: 100%;
        margin-top: 1em;
    }
}

@media only screen and (max-width: 480px) {
    #hmOffter h3 {
        font-size: 2em;
    }
    #featuredItems p {
        min-height: 75px;
    }
    .category-carousel .price {
        font-size: 1.6em;
    }
    .category-carousel .borderBtn {
        font-size: 1.2em;
        font-weight: 600;
    }
}

.topset {
    overflow: hidden;
    margin-bottom: 1em;
}

.socialMedia {
    list-style: none;
}

.socialMedia span {
    float: left;
    padding: 3px;
    line-height: 1.3em;
}

.socialMedia span.sr-only {
    color: #000;
}

.socialMedia li {
    display: inline-block;
    padding: 0 3px;
}

.socialMedia li a {
    font-size: 20px;
    line-height: 1.8;
    color: #fff;
    padding: 0 0.18em;
    background: #676767;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    display: inline-block;
    background: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    line-height: 1;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.socialMedia li a:hover {
    -webkit-filter: contrast(2);
    filter: contrast(2);
}

.socialMedia .fb {
    color: #3b5898;
}

.socialMedia .tw {
    color: #22aae0;
}

.socialMedia .pin {
    color: #cb2027;
}

.socialMedia .gp {
    color: #df4036;
}

.pageList {
    display: block;
    text-align: center;
}

.pageList > li {
    display: inline-block;
}

.pageList > li > a,
.pageList > li > span {
    position: relative;
    float: left;
    font: 600 1.5em "Lato", sans-serif;
    text-transform: uppercase;
    padding: 0.5em 1em;
    margin: 0 4px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    -webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.pageList > li.disable > a,
.pageList > li.disable > span {
    opacity: 0.7;
    cursor: default !important;
    background: #fff !important;
    color: #000 !important;
    border-color: #d8d8d8 !important;
}

.pageList > li > span {
    border: none;
    padding: 5px 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pageList > li:first-child > a,
.pageList > li:first-child > span {
    margin-left: 0;
}

.pageList > li > a:focus,
.pageList > li > span:focus,
.pageList > .button a,
.pageList > .button span {
    background-color: #589200;
    color: #fff;
    border-color: #589200;
}

.pageList > .button a,
.pageList > .button span {
    padding: 5px 20px;
}

.pageList > .active > a,
.pageList > .active > span,
.pageList > .active > a:focus,
.pageList > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    /*background-color:#69A015;*/
    background-color: #53820d;
    border-color: #345507;
    font-weight: 700;
}

.pageList > .disabled > span,
.pageList > .disabled > a,
.pageList > .disabled > a:hover,
.pageList > .disabled > a:focus {
    color: #999999;
    cursor: not-allowed;
    background-color: #ffffff;
    border-color: #dddddd;
}

.pageList > li i.fa {
    display: none;
}

/*Left side panel*/
#sidePanel {
    float: left;
    width: 200px;
}

#narrowCatList {
    list-style: none;
    margin-bottom: 4em;
}

#mobmenu,
#filters .filterTitle,
#sidePanel #filterButton,
#filters .sortByHolder,
#filters .close,
#sidePanel .gobackTitle {
    display: none;
}

#narrowCatList li {
    position: relative;
}

#narrowCatList li a {
    font: 400 1rem "Lato", sans-serif;
    color: #2d2d2d;
    display: block;
    padding: 0.3em 0;
}

#narrowCatList .selected > a {
    color: #000;
    font-weight: 700;
}

#narrowCatList .activePage > a {
    text-decoration: underline;
}

#narrowCatList ul li:before {
    content: "\e208";
    font: 1.6em "sadaf-icon";
    position: absolute;
    left: -1.3em;
    top: 0.45em;
}

#narrowCatList ul {
    list-style: none;
    padding-left: 1.5em;
    padding-bottom: 0.5em;
}

#narrowCatList ul li > a {
    padding: 0.25em 0;
    font-size: 1.6em;
}

#filters {
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

#sidePanel h2,
#sidePanel .title {
    display: block;
    font: 700 2.8em/1.2 "Lato", sans-serif;
    color: #568f00;
    padding-bottom: 0.5em;
}

#sidePanel .link {
    color: #4b4b4b;
    font: italic 400 1.6em/1.2 "Lato", sans-serif;
    text-decoration: underline;
    display: inline-block;
    padding-bottom: 1.5em;
}

#sidePanel h2 + .link {
    margin-top: -0.5em;
}

#sidePanel .resultTxt {
    margin-top: -0.5em;
    padding-bottom: 1.5em;
    color: #000;
    font: 400 1.5em/1 "Lato", sans-serif;
}

#sidePanel .logoHolder {
    margin-bottom: 1em;
}

#sidePanel h4 {
    font: 700 1.8em "Lato", sans-serif;
    color: #000;
    display: block;
    padding: 0.4em 0;
    padding: 0.1em 0 0em;
}

#sidePanel h4 .link {
    float: right;
    font-size: 0.85em;
    line-height: 1.4;
    font-weight: 400;
    text-decoration: underline;
}

#sidePanel .sideList {
    margin-top: 0.5em;
    margin-bottom: 1.8em;
}

#sidePanel .sideList li {
    list-style: none;
    padding: 6px 0;
    color: #434343;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#sidePanel .sideList a {
    font: 1rem/1.3 "Lato", sans-serif;
    color: #434343;
    display: inline-block;
    cursor: pointer;
}

#sidePanel .sideList input[type*="checkbox"] {
    border-color: #848484;
    margin: 0.15em 1em 0 0;
    width: 1.15rem;
    height: 1.15rem;
}

#sidePanel .sideList input[type*="checkbox"]:checked:after {
    font-size: 1.5rem;
}

/* 
	#sidePanel .sideList input[type*="checkbox"]:checked{border-color:#568f00;box-shadow:0 0 3px rgba(105, 160, 21, 0.4) inset}
	#sidePanel .sideList input[type*="checkbox"]:checked+span{font-weight:700} */
#sidePanel .sideList label {
    font: 1rem/1.3 "Lato", sans-serif;
    color: #434343;
    display: inline-block;
    cursor: pointer;
}

#sidePanel .sideList > li.viewAll a {
    color: #1ab0ee;
}

#sidePanel .sideList.uline a {
    text-decoration: underline;
}

#sidePanel .tagsHolder {
    overflow: hidden;
}

#sidePanel .tagsHolder + .tagsHolder {
    padding-top: 0 !important;
    margin-top: -0.5em;
}

#sidePanel .filterTag {
    padding: 2px 3px 2px 0;
}

#sidePanel .filterTag a {
    color: #fff;
    font: 400 1.4em/1 "Lato", sans-serif;
    background: #e78d35;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0.3em 0.6em 0.4em;
    display: inline-block;
}

#sidePanel .filterTag i {
    font-size: 1em;
    float: left;
    margin-right: 6px;
    color: #fff;
    -webkit-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
}

#sidePanel .clearFilter {
    font: italic 1.2em sans-serif;
    text-decoration: underline;
    color: #434343;
    padding: 0.3em 0 0 1em;
    display: inline-block;
}

/****CATEGORY LISTING ***/
main#container {
    padding-top: var(--default-block-padding);
    padding-bottom: var(--default-block-padding);
}

#categorySection {
    display: block;
    margin-left: 250px;
}

#categorySection li {
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

#categorySection h2,
#narrowBx .category__title,
#categorySection .category__title {
    font: 300 4.5em/1.3 "Oswald", sans-serif;
    color: #345507;
    padding-bottom: 0.5em;
}

#categorySection #narrowBx {
    margin-bottom: 6em;
    overflow: hidden;
}

#thumbCat {
    list-style: none;
    overflow: hidden;
    margin-left: -2%;
}

#thumbCat li {
    float: left;
    width: 100px;
    width: calc(100% / 8 - 2.1%);
    margin-left: 2%;
}

#thumbCat li img {
    border: #d8d8d8 solid 1px;
}

#thumbCat li span {
    display: block;
    padding-top: 0.5em;
    text-align: center;
    font: 1.5em/1.3 "Lato", sans-serif;
    color: #000000;
    min-height: 55px;
}

/* #brandDrs {overflow:hidden;margin-bottom:3em;padding-bottom:2em;border-bottom:solid 1px #d8d8d8}
	#categorySection #brandDrs h2 {padding-bottom:0.2em}
	#brandDrs .logoHolder{float:left;width:150px}
	#brandDrs .detailsArea{margin-left:180px}
	#brandDrs p{display:block;padding:0 0 1em;font:1.5em/1.4 'Lato',sans-serif;color:#000000} */
/* #categorySection .machedTitle {font:400 2.8em/1.4 'Lato',sans-serif;color:#000000;padding:0.5em 0 1em} */
#categorySection .sTitle {
    overflow: hidden;
}

#categorySection .sorting {
    float: right;
    width: 250px;
    margin-top: 1.5em;
}

/* #categorySection .sorting label{font:400 1.8em/2 'Lato',sans-serif;color:#000;float:left} */
#categoryList {
    margin-left: -1.5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#categoryList:after {
    content: "";
    clear: both;
    display: block;
    height: 0px;
    overflow: hidden;
    width: 100%;
}
#categoryList > li {
    position: relative;
    z-index: 1;
    float: left;
    width: 23.5%;
    list-style: none;
    margin: 0 0 1.5em 1.5%;
    border: solid 1px #d8d8d8;
}
@media only screen and (min-width: 767.98px) {
    #categoryList > li:hover .btn__quick-peek {
        display: block;
    }
}
#categoryList .holder {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 1em;
    padding: 1.5em;
}
#categoryList .patch {
    background: #c81c32;
    position: absolute;
    left: auto;
    right: -15px;
    top: 5px;
    z-index: 2;
    text-align: center;
    color: #fff;
    font: 600 1.3em/1 "Lato", "Oswald", sans-serif;
    padding: 0.2em 1.1em;
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
}
#categoryList .pimg {
    display: block;
    text-align: center;
}
#categoryList .pimg:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
#categoryList .pimg img {
    max-width: 90%;
    /* width:90%; */
    max-height: 90%;
    display: inline-block;
    vertical-align: middle;
    font: 16px/1 Arial sans-serif;
}
#categoryList .idt {
    padding: 0 1.5em 1.5em;
}
#categoryList p {
    display: block;
    padding: 0 0 1em;
    margin: 0;
    font: 1.4em/1.3 "Lato", sans-serif;
    color: #000000;
    height: 50px;
}
#categoryList .nt {
    color: #c13d3d;
    font-weight: 700;
}
#categoryList li .borderBtn {
    display: block;
    width: 100%;
    border-color: #497506;
    color: #497506;
    font-weight: 700;
    background: #fff;
    padding: 0.5em 0;
    text-align: center;
    text-transform: uppercase;
    clear: both;
    margin-top: 1em;
}
#categoryList .price {
    display: inline-block;
    font: 400 2.4em/1.3 "Lato", sans-serif;
    color: #000;
}
#categoryList .red {
    color: #c13d3d;
    padding-right: 10px;
}
#categoryList .price small {
    font-size: 0.8em;
    color: #333;
}
#categoryList .inStore .borderBtn {
    background: #f7f7f7;
    border-color: #7d7d7d;
    color: #696969;
}
#categoryList .sold .borderBtn {
    color: #ad2f2f;
    border-color: #d46f6f;
    background-color: #f7f7f7;
}

.btn__quick-peek {
    display: none;
    position: absolute;
    z-index: 300;
    left: 0;
    top: 0;
    font-size: 1rem;
    text-transform: uppercase;
    padding: 0.6rem 0.7rem;
    font-family: "Oswald", sans-serif;
    line-height: 1.2;
    font-weight: 400;
    width: 70px;
    color: #ffffff;
    background-color: rgba(83, 130, 13, 0.8);
    -webkit-border-radius: 0 0 100px 0;
    border-radius: 0 0 100px 0;
    -webkit-transition: 200ms ease-in;
    -o-transition: 200ms ease-in;
    transition: 200ms ease-in;
}
.btn__quick-peek:hover {
    background-color: #53820d;
}

/*SEARCH RESULT*/
#searchArea {
    background: #f9f9f9;
    padding: 5em 0;
}

#searchArea h2 {
    font: 300 4.5em/1.3 "Oswald", sans-serif;
    color: #345507;
    float: left;
}

#searchPageAutoResult {
    position: absolute;
    z-index: 10;
    left: auto;
    top: auto;
    width: 75%;
}

#searchPageAutoResult .ui-autocomplete {
    list-style: none;
    background: #fafafa;
    border: solid 1px #345507;
    border-top: 0;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
    padding: 1em 0em;
}

#searchPageAutoResult .ui-autocomplete li.ui-menu-item.ui-state-focus {
    color: #333;
    background: #fff;
}

#searchPageAutoResult li a {
    color: #000;
    display: block;
    font: 400 1.6em/1.2 "Lato", "Lato", sans-serif;
    color: #000;
    padding: 0.5em 1.5em;
    border-bottom: solid 1px #ccc;
}

#searchPageAutoResult li:last-child a {
    border-bottom: 0 none;
}

#searchPageAutoResult .defaultBtn {
    margin: 10px 1em;
    display: block;
    padding: 0.8em 0;
    font-size: 1.4em;
}

#searchArea #searchPageInput {
    width: 70%;
    float: right;
    position: relative;
}

#searchArea .inputTxt {
    width: 75%;
    font: 400 2.5em/1.2 sans-serif;
    color: #000;
    border: solid 1px #ccc;
    padding: 0.5em 1em;
    float: left;
}

#searchArea .inputTxt:focus {
    border-color: #345507;
}

#searchArea .btSec {
    margin-top: 2em;
}

#searchArea .btSec label {
    font: 400 1.8em/1.2 sans-serif;
    color: #3d3d3d;
    display: inline-block;
    margin-right: 3em;
}

#searchArea .blackBtn {
    font: 400 2.3em/1.8 "Oswald", sans-serif;
    width: 22%;
    margin-left: 2%;
    padding: 0.5em 0;
    text-align: center;
    font-size: 2em;
    text-transform: uppercase;
}

#searchArea input.inputRadio[type="radio"] {
    -webkit-appearance: none;
    background: #fff;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #bbb;
    outline: 0;
    float: left;
    margin-right: 0.5em;
}

#searchArea input.inputRadio[type="radio"]:checked:after {
    background: #69a015;
    content: "";
    width: 10px;
    height: 10px;
    margin: 4px;
    display: block;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#search-result h2 {
    font: 400 2.5em/1.3 "Lato", "Lato", sans-serif;
    color: #000;
    padding-bottom: 0.3em;
}

#search-result h2 b {
    font-weight: 900;
}

#search-result .sorting {
    float: right;
    width: 250px;
    margin-top: -40px;
}

#search-result .sTitle {
    margin-bottom: 3em;
}

#search-result .search-insted {
    font: italic 400 1.9em/1.2 sans-serif;
    color: #000;
    float: left;
}

#search-result .search-insted a {
    color: #c13d3d;
    text-decoration: underline;
}

#search-result #categoryList > li {
    float: left;
    width: 18.5%;
}

@media only screen and (max-width: 1240px) {
    #categorySection h2 {
        font-size: 3.3em;
    }
    #categorySection .sorting {
        margin-top: 0;
        margin-bottom: 1em;
    }
}

@media only screen and (min-width: 992px) {
    #narrowCatList,
    #sidePanel .sideList {
        height: auto !important;
        display: block !important;
    }
    #narrowCatList li a:hover {
        color: #333;
        text-decoration: underline;
    }
    #sidePanel .sideList > li a:hover,
    #sidePanel .clearFilter:hover {
        color: #000;
        text-decoration: underline;
    }
    #sidePanel .sideList > .tagsHolder a:hover {
        color: #fff;
        text-decoration: none;
    }
    #sidePanel .tagsHolder a:hover i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod=2);
        transform: rotate(180deg);
    }
    #sidePanel .sideList.selectedList > li a:hover {
        color: #fff;
        text-decoration: none;
        background: #f49538;
    }
    #sidePanel .sideList > li:hover .fa {
        border-color: #0f73d2;
    }
    #sidePanel .optionHolder:hover #option {
        border-color: #aaa;
        background: #fefefe;
    }
    #thumbCat li a:hover img {
        border-color: #568f00;
    }
    #thumbCat li a:hover span {
        text-decoration: underline;
    }
    #categoryList > li:hover {
        border-color: #568f00;
    }
    #categoryList > li.sold:hover,
    #categoryList > li.inStore:hover {
        border-color: #9c9c9c;
    }
    #categoryList > li.sold:hover .borderBtn,
    #categoryList > li.inStore:hover .borderBtn {
        background: #f0f0f0;
    }
    #categoryList > li.sold:hover .borderBtn:hover {
        color: #fff;
        background: #6c5858;
        border-color: #6c5858;
    }
    #categoryList > li.inStore:hover .borderBtn:hover {
        color: #fff;
        background: #707070;
        border-color: #707070;
    }
    #categoryList > li:hover .borderBtn {
        background: #f3f6ef;
    }
    #categoryList > li .borderBtn:hover {
        background: #568f00;
        color: #fff;
    }
    .pageList > li > a:hover {
        border-color: #589200;
    }
}

@media only screen and (max-width: 1120px) {
    #sidePanel {
        width: 180px;
    }
    #categorySection {
        margin-left: 230px;
    }
    #categoryList {
        margin-left: -3%;
    }
    #categoryList > li {
        width: 30%;
        margin-left: 3%;
    }
    #search-result #categoryList > li {
        width: 22%;
    }
    #searchArea h2 {
        float: none;
        text-align: center;
        padding: 0 0 0.5em;
    }
    #searchArea #searchPageInput {
        margin: auto;
        width: 80%;
        float: none;
    }
}

@media only screen and (max-width: 992px) {
    #categorySection {
        width: 100%;
        margin: 0;
    }
    #categorySection .topset {
        display: none;
    }
    /* #categorySection h2{font-size:3.2em}
	#categorySection .machedTitle{padding:0 0 0.5em} */
    #categorySection .sorting {
        display: none;
    }
    #categorySection #narrowBx {
        margin-top: 2em;
        margin-bottom: 4em;
    }
    #mobmenu,
    #filters .filterTitle,
    #sidePanel #filterButton,
    #filters .sortByHolder,
    #filters .close {
        display: block;
    }
    #sidePanel .logoHolder {
        display: none;
    }
    #sidePanel h2 {
        font-size: 3em;
        font-weight: 400;
    }
    #sidePanel {
        float: none;
        width: auto;
        padding: 0;
        margin-bottom: 2em;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    #sidePanel #filterButton {
        font: 400 2em/1 "Lato", sans-serif;
        text-transform: uppercase;
        color: #fff;
        background: #69a015;
        border: solid 2px #69a015;
        padding: 0.7em 2em;
        display: block;
        text-align: center;
        float: right;
        margin-top: -0.3em;
    }
    #sidePanel h2 + #filterButton {
        margin-top: -3em;
    }
    #sidePanel .fltBtnArea .custom-select:after {
        right: 10px;
    }
    #sidePanel .fltBtnArea .custom-select select {
        text-align: center;
        font: 400 2em/1 "Lato", sans-serif;
        padding: 0.6em 0.7em 0.8em;
        text-align: center;
    }
    body.show-mobile-filters {
        overflow: hidden;
    }
    .show-mobile-filters #filters {
        top: 0;
    }
    #filters {
        background: #69a015;
        bottom: 0;
        overflow: auto;
        left: 0;
        outline: 0 none;
        position: fixed;
        right: 0;
        top: 110%;
        z-index: 10;
        height: 100%;
        min-width: 320px;
        padding: 30px;
    }
    #filters h2 {
        display: none;
    }
    #filters .filterTitle {
        font: 700 3em/1.2 "Lato", "Lato", sans-serif;
        color: #fff;
        padding-bottom: 0.4em;
    }
    /* #sidePanel h2+.link, #sidePanel .link+span.clear {display:none} */
    #sidePanel .link {
        color: #fff;
    }
    #filters .close {
        vertical-align: middle;
        opacity: 1;
        text-shadow: none;
        color: #fff;
        position: absolute;
        left: auto;
        top: 1.1em;
        right: 1em;
        font-size: 2.8em;
    }
    #filters .custom-select {
        display: block;
        display: block;
        text-align: center;
        border: none;
        background: #fff;
    }
    #filters .custom-select:after {
        top: 40%;
        right: 0.7em;
        color: #555;
    }
    #filters .custom-select select {
        font: 700 1rem/1 "Lato", sans-serif;
        color: #000;
        padding: 0.8em 1em;
    }
    #itemDetails #mobmenu {
        background: #69a015;
        padding: 0.3em 20px;
        margin: -1.6em -20px 0;
    }
    #mobmenu,
    #sidePanel h4 {
        cursor: pointer;
        display: block;
        text-transform: uppercase;
        position: relative;
        padding: 0.4em 30px;
        margin: 0 -30px;
        font: 400 2em/2 "Oswald", sans-serif;
        color: #fff;
        display: block;
        border-top: solid 1px rgba(255, 255, 255, 0.3);
    }
    h4[data-filter-target="#filterKoserType"] {
        border-bottom: solid 1px rgba(255, 255, 255, 0.3);
    }
    #mobmenu.showSub .sIcon-more_vert:before {
        content: "\e117";
    }
    #mobmenu:after,
    #sidePanel h4:after {
        content: "\e201";
        font-size: 2em;
        font-family: "sadaf-icon";
        line-height: 1;
        color: #fff;
        pointer-events: none;
        float: right;
    }
    #sidePanel h4 {
        margin-bottom: 0em;
    }
    #mobmenu.active:after,
    #sidePanel h4.active:after {
        content: "\e203";
    }
    #narrowCatList,
    #sidePanel .sideList {
        display: none;
        background: #467005;
        padding: 20px 30px;
        margin: 0 -30px;
    }
    #narrowCatList.showFilter,
    #sidePanel .sideList.showFilter {
        top: 0;
    }
    #narrowCatList li a,
    #narrowCatList .selected > a,
    #narrowCatList ul li:before {
        color: #fff;
    }
    #narrowCatList .gobackTitle,
    #sidePanel .sideList .gobackTitle {
        display: block !important;
        font: 400 2.2em/1 "Lato", sans-serif;
        color: #000;
        margin-bottom: 0.5em;
    }
    #narrowCatList .gobackTitle:after,
    #sidePanel .sideList .gobackTitle:after {
        content: "\e603";
        font-size: 1em;
        font-family: "sadaf-icon";
        color: #555;
        pointer-events: none;
        float: right;
    }
    #sidePanel #filterByBrands + .clear.height40 {
        height: 2em;
    }
    #sidePanel .sideList label,
    #sidePanel .sideList a {
        color: #fff;
    }
    #sidePanel .sideList label input:checked:after {
        color: #000;
    }
    #sidePanel .filterTag {
        font-size: 1.2em;
        float: left;
        margin-right: 1em;
    }
    #filters::-webkit-scrollbar {
        width: 2px;
    }
    #filters::-webkit-scrollbar:vertical {
        width: 4px;
    }
    #filters::-webkit-scrollbar:horizontal {
        -webkit-appearance: none;
        height: 4px;
    }
    #filters::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    #filters::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(0, 0, 0, 0.4);
    }
    #filters::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.05);
    }
    #sidePanel #filters .title {
        font-size: 3em;
        margin-top: 2rem;
        color: #ffffff;
    }
    #sidePanel .clear.line {
        display: none;
    }
    #sidePanel .selectedList li {
        padding-right: 10px;
    }
    #sidePanel .selectedList li a {
        font-size: 1.8em;
    }
    #search-result .search-insted {
        float: none;
    }
    #search-result .sorting {
        float: none;
        margin-top: 2em;
    }
    #search-result #categoryList > li {
        width: 30%;
    }
}

@media only screen and (max-width: 768px) {
    /* #sidePanel {margin-bottom:2em} */
    #sidePanel #filterButton {
        float: none;
        margin-top: 0 !important;
    }
    #categorySection #narrowBx {
        display: none;
    }
    /* #thumbCat li {width:23%} */
    /* #brandDrs .logoHolder{width:120px;margin-right:30px;border:solid 1px #ddd}
	#brandDrs .detailsArea{margin-left:0} */
    /* #categorySection #brandDrs h2{font-size:2.8em} */
    #categoryList p {
        height: 70px;
        font-size: 1.3em;
        line-height: 1.1;
    }
    #categoryList .holder {
        margin-bottom: 0.7em;
        padding: 0.7em 1em;
    }
    #categoryList .price {
        font-size: 2.1em;
    }
    .pageList {
        float: none !important;
    }
    .pageList {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .pageList li {
        width: 10%;
    }
    .pageList li a,
    .pageList li span {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        margin: 0;
        padding: 0 !important;
        font-size: 1rem;
        height: 40px;
        line-height: 38px;
        font-weight: 400;
    }
    .pageList li a > span {
        display: none;
    }
    .pageList > li i.fa {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        font-size: 1.5em;
        margin-top: -0.1em;
    }
    #searchArea #searchPageInput {
        width: auto;
    }
    #search-result #categoryList > li {
        width: 47%;
        margin-left: 3%;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2),
    (max-width: 568px) {
    #categorySection h2 {
        font-size: 3em;
    }
    #categoryList > li {
        width: 47%;
        margin-left: 3%;
    }
    #categoryList .price {
        font-size: 2em;
    }
}

@media only screen and (max-width: 480px) {
    #mobmenu > span {
        font-size: 1.8em;
    }
    #sidePanel #filterButton {
        width: 100%;
        float: none;
        padding: 0.7em 0;
    }
    #sidePanel .fltBtnArea .custom-select {
        width: 100%;
        float: none;
        margin-top: 1em;
    }
    #sidePanel .fltBtnArea .custom-select select {
        padding: 0.7em 1em;
    }
    #categoryList li .borderBtn {
        font-size: 1.2em;
        font-weight: 600;
    }
    #categoryList .price {
        font-size: 1.6em;
        font-weight: 600;
    }
    /* 	#categoryList{margin:auto}
	#categoryList>li{width:100%;margin-left:0} */
    /* #thumbCat{margin-left:-4%}
	#thumbCat li{width:29%;margin-left:4%} 
	#thumbCat li span{min-height:70px;font-weight:600}*/
    #searchArea h2 {
        font-size: 3.5em;
    }
    #searchArea .inputTxt {
        width: 100%;
        float: none;
    }
    #searchArea .blackBtn {
        width: 100%;
        margin: 0.8em 0 0;
    }
    #searchArea .btSec label {
        margin: 1em 0 0;
        display: block;
    }
}

.vidoeHolder {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.vidoeHolder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* -ITEM DETAILS- */
#detailSection {
    display: block;
    margin-left: 250px;
}

#detailSection h2,
#detailSection .title,
#detailsSection .title {
    font: 300 4.5em/1.3 "Oswald", sans-serif;
    color: #345507;
    padding-bottom: 0.5em;
}

#detailSection .title {
    padding: 0em 0 1.6rem;
}

#detailSection .stars {
    float: left;
}

#detailSection .stars .icon {
    color: #dba618;
    font-size: 2em;
    display: inline-block;
    margin-right: 3px;
}

#detailSection .reviewArea .link {
    color: #2f2f2f;
    font: 400 1.4em/1 "Lato", sans-serif;
    padding-left: 10px;
    text-decoration: underline;
    display: inline-block;
    margin-top: 3px;
}

#productDetails {
    overflow: hidden;
    margin-top: 3em;
}

#detailSection .detailsLeft {
    margin-bottom: 2.5em;
    position: relative;
    float: left;
    width: 320px;
    text-align: center;
}

.detailsLeft .imgHolder {
    width: 100%;
    display: block;
    height: 330px;
    margin-bottom: 2em;
    text-align: center;
    vertical-align: middle;
}

.detailsLeft .imgHolder img {
    max-height: 100%;
}

.detailsLeft .imgHolder:before {
    height: 100%;
    vertical-align: middle;
    content: "";
    display: inline-block;
}

#modalWindow h3 {
    font-weight: 400;
    text-align: center;
    font-size: 2.4em;
    color: #345507;
    padding-bottom: 1em;
    line-height: 1.2;
}

#modalImageHolder {
    max-width: 600px;
    margin: 2em auto 2em;
    text-align: center;
}

#modalImageHolder img#modalImage {
    width: 100%;
}

.thumbs {
    padding: 0;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0.5em auto 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.thumbs li {
    list-style: none;
    display: inline-block;
    width: 18%;
    padding: 1px;
    border: solid 1px #ccc;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0 1%;
    cursor: pointer;
}

.thumbs li img {
    width: 100%;
}

#modalWindow .thumbs {
    max-width: 600px;
}

/*#itemImage .videoIcon {width: 18%; float: left; cursor: pointer} 
#itemImage .imgHolderZoom{padding-bottom: 2em; display: block}*/
#detailSection .detailsLeft .socialMedia {
    text-align: center;
    display: block;
    clear: both;
    margin-top: 2.5em;
}

#detailSection .detailsRgiht {
    margin-left: 370px;
}

#detailSection #priceBx {
    width: 53%;
    float: left;
}

#detailSection .detailsRgiht .label {
    color: #2f3c42;
    font-size: 1rem;
    padding: 1rem 0 0.7rem 0;
    display: inline-block;
}

#detailSection .detailsRgiht .has-error .label {
    color: #ff4e33;
}

#detailSection #priceBx .price {
    display: inline-block;
    font: 400 4.5em/1.3 "Lato", sans-serif;
    color: #000;
    overflow: hidden;
}

#detailSection #priceBx .price .red {
    color: #c13d3d;
}

#detailSection #priceBx .price del {
    font-size: 0.8em;
    color: #333;
}

#productDetails .defaultBtn,
#productDetails .blackBtn,
#productDetails .borderBtn {
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 0.7em 1em;
    letter-spacing: 2px;
    margin-top: 1.2em;
}

#productDetails .defaultBtn .icon,
#productDetails .blackBtn .icon,
#productDetails .borderBtn .icon {
    float: left;
    margin: 0;
    font-size: 1.3em;
    opacity: 1;
    position: relative;
}

#productDetails .defaultBtn .icon span {
    position: absolute;
    left: 20%;
    top: 55%;
    background: #fff;
    color: #568f00;
    font: 600 1em/0 "Lato", sans-serif;
}

#detailSection .detailsRgiht .borderBtn {
    cursor: auto;
    background: #f7f7f7;
    border-color: #d46f6f;
    color: #ad2f2f;
}

#detailSection .discountTable {
    background: #f9f9f9;
    padding: 1em;
    font-size: 1.3em;
    margin-top: 1.3em;
}

#detailSection .discountTable caption {
    font: 600 1.5em/1.3 "Lato", sans-serif;
    color: #568f00;
    padding-bottom: 0.3em;
}

#itmDets {
    margin-left: 63%;
    border-left: solid 1px #d8d8d8;
    padding-left: 7%;
}

#itmDets > h4 {
    text-transform: uppercase;
    padding-bottom: 1em;
    margin-bottom: 0;
}

#itmDets > ul > li {
    list-style: none;
    font: 400 1.5em/1.2 "Lato", sans-serif;
    color: #000;
    padding: 0.7em 0;
}

#detailSection .modal-content {
    padding: 4em;
}

#detailSection .modal .imgHolder {
    width: 25%;
    float: left;
}

#detailSection .modal .textArea {
    margin-left: 30%;
}

#detailSection .modal .inputTxt {
    font: 1.8em/1 "Lato", sans-serif;
    color: #333;
    padding: 1em 1.5em;
    width: 100%;
    height: 60px;
    border: solid 2px #4a7608;
}

#detailSection .modal .find-stote__title {
    font: 600 2.5em/1 "Lato", sans-serif;
    color: #000;
    float: right;
    width: 70%;
    margin-bottom: 0.7em;
}

#detailSection .modal p {
    font-size: 2em;
    line-height: 1.3;
}

#detailSection .zipSearch {
    margin-top: 4em;
}

#detailSection .zipSearch .col-xs-8,
#detailSection .zipSearch .col-xs-4 {
    padding: 0;
}

#detailSection .modal .defaultBtn {
    margin: 0;
    width: 100%;
    font-size: 2em;
    font-weight: 600;
    padding: 0.8em 0 0.9em;
    text-align: center;
    height: 60px;
}

#detailSection .modal .error {
    display: block;
    background: #fff4f4;
    border: solid 1px #e76060;
    color: #b44141;
    font-size: 1.5em;
    margin: 2em 0 0;
    padding: 1em;
}

#detailSection .modal .error i {
    float: left;
    font-size: 1.5em;
    margin: -0.3em 0.2em 0 0;
}

#detailSection .close {
    font-size: 3.5em;
}

#detailSection .loading {
    margin: 4em 0;
    opacity: 0.7;
}

#shopsresult .table {
    font-size: 1.6em;
    margin: 3em 0 0;
}

#shopsresult .table a {
    color: #000;
    text-decoration: underline;
}

#shopsresult .table .sIcon-shop {
    width: 100%;
    text-align: center;
    font-size: 2.3em;
    color: #502729;
    line-height: 1.5;
    display: block;
}

#tabDetail {
    overflow: hidden;
    margin-top: 5em;
}

.tabs {
    overflow: hidden;
    margin-bottom: -1px;
}

.tabs li {
    float: left;
    padding-right: 5px;
    list-style: none;
}

.tabs li a {
    padding: 1rem 2rem;
    display: block;
    color: #666;
    text-transform: uppercase;
    font-size: 1rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    line-height: 1.2;
    border: solid 1px transparent;
    border-bottom: 0 none;
}

.tabs li a.current {
    color: #2f2f2f;
    background: #fff;
    border: solid 1px #e7e7e7;
    border-bottom: 0 none;
}

.tabBox {
    border: solid 1px #e7e7e7;
    min-height: 250px;
    background: #fff;
}

.tabContent {
    padding: 2em;
}

.tabBox h3,
.tabBox .tab__title {
    display: none;
}

.tabContent p {
    color: #000;
    font: 1.5em/1.4 "Lato", sans-serif;
    padding-bottom: 20px;
}

.tabContent p:last-child {
    padding-bottom: 0;
}

.tabContent .link {
    font-size: 14px;
    text-decoration: underline;
    text-transform: uppercase;
    margin-left: 150px;
    display: block;
}

.tabContent > ul {
    padding-bottom: 20px;
}

.tabContent > ul > li {
    list-style: none;
    color: #696969;
    font: 1.4em/140% sans-serif;
    padding: 0.3em 0 0.3em 1.2em;
    position: relative;
}

.tabContent > ul > li:before {
    content: "\f111";
    font-family: "FontAwesome";
    color: #ccc;
    font-size: 0.6em;
    position: absolute;
    left: 0;
    top: 0.7em;
}

#reviews h5 {
    font: 600 2em/1 "Lato", sans-serif;
    color: #568f00;
    margin-bottom: 0.7em;
}

.reviewList {
    margin-bottom: 5em;
}

.reviewList li {
    background: #f7f7f7;
    padding: 1.5em !important;
    list-style: none;
    margin: 1em 0;
}

.reviewList li:before {
    display: none;
}

.reviewList .stars {
    float: left;
    font-size: 1.5em;
}

.reviewList .comment {
    margin-left: 200px;
    color: #303030;
    font: italic 400 2.2em/1.4 "Lato", sans-serif;
}

.reviewList .comment p {
    font-size: 1em !important;
    padding-bottom: 1.5em;
}

#writeReview {
    margin-top: 2em;
    overflow: hidden;
    border-top: solid 1px #ccc;
    padding-top: 3em;
}

#writeReview .textArea {
    color: #606060;
    font: 1.6em/1.4 "Lato", sans-serif;
    padding-bottom: 20px;
    width: 40%;
    float: left;
}

#writeReview .textArea b {
    display: block;
    padding-bottom: 1em;
}

#writeReview .formHolder {
    width: 55%;
    float: right;
    padding-top: 0;
}

#writeReview .bg-success {
    font: 400 1.5em/1.2 "Lato", sans-serif;
    padding: 0.8em 1em;
    color: #fff;
}

#writeReview .errorMsg h5 {
    color: #fff;
    font-weight: 600;
}

#writeReview img.rc {
    max-width: 60%;
}

#recentProd {
    margin-top: 5em;
    margin-bottom: 1em;
}

#recentProd h2 {
    padding-bottom: 0 !important;
    text-align: center;
}

#recentProd .category-carousel {
    margin-top: 1.5em;
}

#recentProd .owl-nav div {
    position: absolute;
    left: 0;
    top: -1.4em;
    font-size: 5em;
    color: #bbb;
}

#recentProd .owl-nav .owl-next {
    left: auto;
    right: 0;
}

/* .scrollableX,.scrollTableX{-webkit-overflow-scrolling: touch; } */
/* .scrollableX::-webkit-scrollbar,.scrollTableX::-webkit-scrollbar{display:none}
.scrollableX::-webkit-scrollbar:vertical {width:8px}
.scrollableX::-webkit-scrollbar:horizontal{-webkit-appearance:none;height:8px}
.scrollableX::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,.3);border-radius: 10px;border: 1px solid rgba(255,255,255,0.7)}
.scrollableX::-webkit-scrollbar-track {border-radius:10px;background-color:rgba(0,0,0,.05)} */
.scrollableX::-webkit-scrollbar {
    width: 2px;
}

.scrollableX::-webkit-scrollbar:vertical {
    width: 4px;
}

.scrollableX::-webkit-scrollbar:horizontal {
    -webkit-appearance: none;
    height: 8px;
}

.scrollableX::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.scrollableX::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.4);
}

.scrollableX::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05);
}

/* -BRANDS PAGE- */
#brands h2 {
    font: 300 4.5em/1.3 "Oswald", sans-serif;
    color: #345507;
    padding-top: 0.5em;
}

#brandList {
    margin-top: -2em;
    text-align: center;
    overflow: hidden;
}

#brandList li {
    list-style: none;
    float: left;
    width: 170px;
    width: calc(100% / 8);
    margin-top: -1px;
    padding: 5em 0 5em;
    border-top: solid 1px #e2e2e2;
}

#brandList li p {
    display: block;
    text-align: center;
    font: 600 1.6em/1.2 "Lato", sans-serif;
    color: #2f2f2f;
}

#brandList li .imgHolder {
    display: block;
    width: 100%;
    text-align: center;
    height: 110px;
}

@media only screen and (max-width: 1220px) {
    #detailSection #priceBx {
        float: none;
        width: 80%;
    }
    #itmDets {
        margin: 4em 0 0;
        padding: 0;
        border: 0;
    }
    #itmDets > h4 {
        padding-bottom: 0.5em;
    }
    #itmDets > ul > li {
        padding: 0.5em 0;
    }
    #brandList li {
        width: calc(100% / 7);
    }
}

@media only screen and (min-width: 992px) {
    .tabs li a:hover,
    .tabs li a:focus {
        color: #2f2f2f;
    }
    .tabs li a:hover {
        text-decoration: underline;
        color: #000;
    }
    #brandList li a:hover {
        color: #000;
        text-decoration: underline;
    }
    #brandList li a:hover img {
        -webkit-filter: contrast(1.2);
        -moz-filter: contrast(1.2);
        -o-filter: contrast(1.2);
        filter: contrast(1.2);
    }
}

@media only screen and (max-width: 1120px) {
    .scrollableX {
        margin: 0;
        padding: 0 1.8em;
        overflow-x: scroll;
    }
    #detailSection .scrollableX #categoryList {
        width: 1280px;
        margin: 0 0 0 -40px;
    }
    .scrollableX #categoryList:after {
        content: "";
        clear: both;
    }
    #detailSection .scrollableX #categoryList > li {
        width: 23%;
        margin: 0 0 3em 1.9%;
    }
    /* .scrollableX #categoryList > li, #landingContent .scrollableX #categoryList > li{min-width:180px;width:180px;margin:0 10px;padding-bottom:2em}
	.scrollableX #categoryList > li .holder{height:150px}
	
	.scrollTableX{margin:0 -2em;padding:0 1.8em;overflow-x:scroll}
	.scrollTableX .table{width:768px} */
}

@media only screen and (max-width: 992px) {
    #detailSection {
        margin: 0;
    }
    #detailSection .topset {
        display: none;
    }
    #detailSection .title {
        padding-top: 0;
        font-size: 3.5em;
        padding-bottom: 0.2em;
    }
    #tabDetail {
        margin: 5em -2em 0;
    }
    .tabs {
        display: none;
    }
    .tabBox {
        background: #f1f1f1;
        min-height: inherit;
        border-top: solid 1px #ccc;
    }
    .tabContent {
        padding: 1em 20px 3em;
        margin-top: -2px;
        position: relative;
        border-bottom: solid 1px #ccc;
        background: #efefef;
    }
    .tabBox h3,
    .tabBox .tab__title {
        display: block;
        position: relative;
        padding: 0.7em 20px;
        color: #000;
        text-transform: uppercase;
        font: 400 2.5em/1.3 "Lato", sans-serif;
        border-bottom: solid 1px #ccc;
        background: #efefef;
    }
    .tabBox h3:after,
    .tabBox .tab__title:after {
        content: "\e213";
        font-size: 1em;
        font-family: "sadaf-icon";
        color: #000;
        pointer-events: none;
        float: right;
    }
    #writeReview .textArea {
        float: none;
        width: auto;
    }
    #writeReview .formHolder {
        width: auto;
        float: none;
    }
    .reviewList .stars {
        float: none;
        padding-bottom: 1em;
    }
    .reviewList .comment {
        margin-left: auto;
    }
    #brands h2 {
        font-size: 4em;
    }
    #brandList li {
        width: calc(100% / 5);
    }
}

@media only screen and (max-width: 768px) {
    #detailSection .title {
        text-align: center;
        font-size: 3em;
    }
    #detailSection .stars {
        float: none;
    }
    #detailSection .reviewArea .link {
        display: block;
        text-align: center;
    }
    #detailSection .reviewArea {
        text-align: center;
        font-size: 1.3em;
    }
    #detailSection .defaultBtn .icon,
    #detailSection .blackBtn .icon {
        display: inline-block;
        font-size: 1.1em;
        float: none;
        margin: 0;
    }
    #detailSection .detailsLeft {
        float: none;
        width: auto;
    }
    #detailSection .detailsRgiht {
        margin: 4em auto 0;
        width: 70%;
    }
    #productDetails {
        margin-top: 2em;
    }
    .detailsLeft .imgHolder {
        max-height: 220px;
        margin-bottom: 0;
    }
    #detailSection .detailsLeft .socialMedia {
        display: none;
    }
    #detailSection #priceBx {
        width: auto;
    }
    #detailSection #priceBx .price {
        text-align: center;
        display: block;
    }
    #itmDets {
        font-size: 1.3em;
        margin-top: 2.5em;
    }
    #brandList li {
        width: calc(100% / 4);
    }
    #tabDetail {
        margin-top: 3em;
    }
    #recentProd {
        margin-top: 3em;
    }
    #recentProd h2 {
        font-size: 4.5em;
    }
    #recentProd .owl-nav div {
        font-size: 3.5em;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2),
    (max-width: 568px) {
    #detailSection .detailsRgiht {
        margin: 0;
        width: auto;
    }
    #productDetails .defaultBtn,
    #productDetails .blackBtn,
    #productDetails .borderBtn {
        margin-top: 0.5;
    }
    #brandList li {
        width: calc(100% / 3);
    }
    #detailSection .modal .imgHolder {
        width: auto;
        float: none;
        text-align: center;
        margin: auto;
        max-width: calc(75% - 1px);
    }
    #detailSection .modal h4 {
        border-top: solid 1px #ccc;
        padding-top: 1em;
        margin-top: -0.5em;
        margin-left: 0;
        width: auto;
        float: none;
    }
    #detailSection .modal .textArea {
        margin-left: 0;
        margin-top: 3em;
    }
    #detailSection .modal .col-xs-4 {
        margin-top: 2em;
    }
    #recentProd h2 {
        font-size: 2.8em;
    }
    #recentProd .owl-nav div {
        font-size: 2.3em;
        top: -2em;
    }
}

@media only screen and (max-width: 480px) {
    #brands .topset {
        display: none;
    }
    #brands h2 {
        padding-top: 0;
    }
    #brandList li {
        width: calc(100% / 2);
    }
}

#pageNotFound {
    padding: 12em 0 14em;
}

/* #pageNotFound h1 {
	font: 300 5.5em/1.4 'Lato', sans-serif;
	color: #000;
	text-transform: uppercase
}

#pageNotFound p {
	font: 400 2em/1.4 'Lato', sans-serif;
	color: #000;
	padding: 0 0 1em
} 

#pageNotFound .borderBtn {
	font-size: 2.5em;
	padding: 0.5em 2em;
	margin-left: 15px
} */
/*SHOPPING CART*/
#shoppingCart {
    margin: 6em 0 0;
}
#shoppingCart h2,
#shoppingCart .h2 {
    font: 300 4.5em/1 "Oswald", sans-serif;
    color: #345507;
}
#shoppingCart .defaultBtn.continueShoping {
    background: #fff;
    padding: 1em 2em;
    border: solid 1px #568f00;
    color: #568f00;
    font: 600 1.5em/1 "Lato", sans-serif;
}
#shoppingCart .defaultBtn.continueShoping:hover {
    background: #f7feee;
}
#shoppingCart #emptycart {
    padding: 12em 0 14em;
}
#shoppingCart #emptycart h1 {
    font: 300 5.5em/1.4 "Lato", sans-serif;
    color: #000;
    text-transform: uppercase;
}
#shoppingCart #emptycart .borderBtn {
    font-size: 2.5em;
    padding: 0.5em 2em;
    margin-left: 15px;
}

#cartItemsList {
    margin: 4em 0;
}
#cartItemsList li#cartItemHead {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
#cartItemsList li#cartItemHead > div,
#cartItemsList li#cartItemHead > div.price {
    font-size: 1rem;
    color: #676767;
    font-weight: 600;
    padding: 0 0em 1.2em;
}
#cartItemsList li#cartItemHead div.item {
    width: 64%;
}
#cartItemsList li#cartItemHead div.price {
    width: 12%;
    padding-top: 0;
}
#cartItemsList li#cartItemHead div.quantity {
    width: 12%;
}
#cartItemsList li#cartItemHead div.totalPrice {
    width: 12%;
}
#cartItemsList > li {
    padding: 1em 0;
    list-style: none;
    display: block;
    border-bottom: solid 1px #e7e6e9;
    border-top: 0;
}
#cartItemsList > li:last-child {
    border-bottom: none 0;
}
#cartItemsList .item-image {
    width: 10%;
    margin: 2em 2% 2em 0;
}
#cartItemsList .item-summery {
    width: 50%;
}
#cartItemsList .price {
    width: 14%;
}
#cartItemsList .price span {
    display: block;
    font-weight: 700;
    padding-bottom: 0.7em;
}
#cartItemsList .price .mobTotalPrice {
    display: none;
}
#cartItemsList .price .line-through {
    text-decoration: line-through;
    font-weight: 400;
    color: #555;
}
#cartItemsList .price .discounted {
    color: #b8133d;
}
#cartItemsList .quantity {
    width: 12%;
}
#cartItemsList .totalPrice {
    width: 12%;
}
#cartItemsList .custom-select {
    margin: 2em 0 0 0;
    width: 70px;
    float: right;
}
#cartItemsList .options li {
    padding: 3px 10px;
}
#cartItemsList .qty {
    position: relative;
    border: solid 1px #dfdfdf;
    background: #f9f9f9;
    display: block;
    margin: 1.2em 0 0 0;
    width: 70px;
    float: right;
    font: 400 1.8em/1.2 "Lato", sans-serif;
    color: #636363;
    padding: 10px;
    text-align: center;
}
#cartItemsList .qtyUpdate {
    float: right;
    margin-top: 0.7em;
    font-size: 1.2em;
    clear: both;
    padding: 0.5em 0em;
    color: #525252;
    text-decoration: underline;
    width: 70px;
    text-align: center;
}
#cartItemsList .imgHolder {
    background: #ffffff;
    display: block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
#cartItemsList .imgHolder:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
#cartItemsList .imgHolder img {
    max-width: 90%;
    max-height: 90%;
    display: inline-block;
    vertical-align: middle;
    font: 16px/1 Arial sans-serif;
}
#cartItemsList .imgHolder.gift {
    height: 140px;
}
#cartItemsList .itemTitle {
    display: block;
    padding: 2.2rem 0 1rem;
}
#cartItemsList .itemTitle a {
    font-size: calc(0.9rem + 0.2vw);
    color: #212121;
    font-weight: 700;
}
#cartItemsList .outofStock {
    color: #a52019;
    font-size: 1.3em;
    line-height: 1.4em;
    display: block;
    margin-bottom: 1em;
}
#cartItemsList .status {
    display: block;
    font-size: 0.9rem;
    font-style: italic;
    line-height: 1;
}
#cartItemsList .status.red {
    color: #ed1c24;
}
#cartItemsList .status.yellow {
    color: #c07e00;
}
#cartItemsList .status.green {
    color: #69a015;
}
#cartItemsList .price,
#cartItemsList .quantity-txt {
    display: block;
    padding-top: 2.2rem;
    font-weight: 700;
    font-size: calc(0.9rem + 0.2vw);
    color: #000;
}
#cartItemsList .quantity-txt {
    padding-left: 5%;
}
#cartItemsList .link {
    font-size: 1.3em;
    color: #525252;
    text-decoration: underline;
    clear: both;
    display: inline-block;
}
#cartItemsList .separator {
    display: inline-block;
    margin: -2px 0.67375em 0;
    width: 1px;
    background-color: #ddd;
    line-height: 0;
    height: 14px;
    vertical-align: middle;
}
#cartItemsList .quantity .mobile-button {
    display: none;
}
#cartItemsList .text-success,
#cartItemsList .text-worning {
    padding: 15px 30px 15px 20px;
    font: normal 1.4em sans-serif;
    color: #000;
    border: solid 1px #eed953 !important;
    background: #fffef7;
}
#cartItemsList .text-success a,
#cartItemsList .text-worning a {
    text-decoration: underline;
}
#cartItemsList .undo-bar {
    position: relative;
}
#cartItemsList .undo-bar .close {
    position: absolute;
    left: auto;
    top: 8px;
    right: 10px;
    font-size: 2.2em;
    height: 30px;
    width: 30px;
    padding: 0;
    text-shadow: none;
    text-decoration: none;
}
@media only screen and (min-width: 992px) {
    #cartItemsList .itemTitle a:hover {
        color: #333;
    }
    #cartItemsList .text-success a:hover,
    #cartItemsList .text-worning a:hover {
        color: #333;
    }
}
@media only screen and (max-width: 768px) {
    #cartItemsList {
        border-top: solid 1px #e7e6e9;
        margin: 2.5em 0 0;
    }
    #cartItemsList > li {
        padding-bottom: 3em;
        position: relative;
    }
    #cartItemsList .undo-bar::after {
        display: none;
    }
    #cartItemsList #shoppingCart .defaultBtn.continueShoping {
        padding: 0.7rem 1rem;
        font-size: 0.8rem;
    }
    #cartItemsList > li#cartItemHead,
    #cartItemsList .price.totalPrice,
    #cartItemsList .item-summery .link,
    #cartItemsList .separator {
        display: none !important;
    }
    #cartItemsList .item-image {
        width: 27%;
        margin-bottom: 2em;
    }
    #cartItemsList .itemTitle a {
        line-height: 1;
    }
    #cartItemsList .item-summery {
        width: auto;
        float: none;
        margin-left: 30%;
        margin-right: 4em;
    }
    #cartItemsList .price {
        width: auto;
        float: none;
        margin: 0em 0 0em 30%;
        text-align: left;
        padding-top: 0;
    }
    #cartItemsList .quantity {
        margin-top: 0.7em;
        width: auto;
        margin-top: 0.7em;
        margin-left: 30%;
        float: none;
    }
    #cartItemsList .quantity-txt {
        margin: 0em 0 0em 30%;
        padding: 0;
        width: auto;
        clear: none;
        text-align: left;
        float: none;
    }
    #cartItemsList .quantity-txt:before {
        content: "Qty. ";
        font-weight: 400;
    }
    #cartItemsList .quantity .custom-select {
        margin: 0;
        width: 70px;
        float: left;
        border: #898989 solid 1px;
    }
    #cartItemsList .quantity .custom-select .styledSelect,
    #cartItemsList .custom-select select {
        font: 400 1.7em/1 "Oswald", sans-serif;
        color: #333;
        padding: 0.7em 0 0.7em 1em;
    }
    #cartItemsList .quantity .mobile-button {
        display: none;
    }
    #cartItemsList .quantity .removeItem {
        display: inline-block;
        padding: 0.7em 1em 0.7em;
        border: #e61616 solid 1px;
        font: 400 1.7em/1 "Oswald", sans-serif;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        float: none;
        margin: 0;
        background-color: #fff8f8;
        color: #8a0000;
    }
    #cartItemsList .qtyUpdate {
        padding: 0.7em 1em 0.8em;
        border: #898989 solid 1px;
        font: 400 1.7em/1 "Oswald", sans-serif;
        color: #333;
        text-align: center;
        text-transform: uppercase;
        width: auto;
        text-decoration: none;
        float: none;
        margin: 0 0 0 12px;
    }
    #cartItemsList .qtyUpdate.showUpdateBtn {
        display: inline-block;
    }
    #cartItemsList .qtyBx {
        float: left;
    }
    #cartItemsList .qty {
        float: none;
        display: inline-block;
        margin: 0;
        border-color: #080909;
    }
    #cartItemsList .price .mobTotalPrice {
        display: block;
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2),
    (max-width: 480px) {
    #cartItemsList .quantity {
        text-align: left;
        width: 100%;
        clear: both;
        margin-left: 0;
    }
}

#inWishlist {
    font: 300 2.7em "Lato", sans-serif;
    text-align: center;
    padding: 1.5em 0;
}
#inWishlist a {
    text-decoration: underline;
    padding-left: 10px;
}

/*ITEM DELETE STYLEING*/
.hold-delete {
    border: solid 1px #eed953 !important;
    background: #fffef7;
}

/* #cart-bottom {
	border: solid 1px #e1e1e1;
	background: #f6f6f6;
	padding: 6em 0
} 

#cart-bottom h3 {
	font: bold 1.8em/1 sans-serif;
	color: #333;
	padding-bottom: 10px
}

#cart-bottom .left-side {
	width: 55%;
	float: left
}
*/
/*RECEIPT*/
#receipt h1,
#receipt .h1 {
    font: 300 6.5em/1 "Oswald", "Lato", sans-serif;
    color: #345507;
    text-transform: uppercase;
}

.thank-you-area {
    padding: 7em 0;
}

.thank-you-area h2,
.thank-you-area .h2 {
    font: 300 4.7em/1 "Lato", sans-serif;
    color: #6ca042;
    padding-top: 30px;
}

.thank-you-area .text-danger {
    color: #ca0000;
}

.thank-you-area p {
    font: 1.8em/140% sans-serif;
    color: #696969;
    padding-bottom: 3em;
}

#receipt .defaultBtn {
    background: #fff;
    color: #568f00;
    border: solid 1px #568f00;
    text-transform: uppercase;
    font-size: 1.6em;
    text-align: center;
    padding: 0.9em 2em;
}

#receipt .redBtn {
    font-size: 1.6em;
    color: #ca0000;
    border: solid 1px #ca0000;
    background: #fff;
    padding: 0.9em 2em;
}

/* #receipt-share{padding:30px 0}
	#receipt-share .tag{border-radius: 50%; background: #000;color: #fff;font-size: 5.5em;width: 80px;height: 80px;display: inline-block;text-align: center;line-height: 1.7}
	#receipt-share h3{font:400 2.0em/140% 'Lato',sans-serif;color:#000000;padding:20px 0 20px; }
	#receipt-share p{font:1.4em/140% sans-serif;color:#000;padding-bottom:20px}
	
	#receipt-share .inputTxt{border:1px solid #AFAFAF;color:#979797;float:left;font:italic 14px/105% sans-serif;height:45px;margin-right:5%;padding:7px 15px;width:60%}
	#receipt-share .orangeBtn.accountBtn{width:auto;height:auto}
 	#receipt-share .orangeBtn{background:#eea11a;text-transform:uppercase;font:1.6em/1 'Oswald',sans-serif;border:none 0;text-align:center;color:#ffffff;width:35%;height:45px}#receipt-share .orangeBtn:hover{background:#fca91a}
	#receipt-share .socialMedia li a{font-size: 3em;text-align:center;width:52px;height:52px} */
#receipt-cart {
    background: #f6f6f6;
    border-bottom: solid 1px #e1e1e1;
    border-top: solid 1px #e1e1e1;
    padding: 6em 0;
}
#receipt-cart #cartItemsList {
    background: #fff;
    border: solid 1px #e1e1e1;
    padding: 2em;
}
#receipt-cart .receipt-logo {
    width: 85%;
}
#receipt-cart .top-area {
    margin: 0 -15px 20px;
}
#receipt-cart h3 {
    font: 600 2em/140% "Lato", sans-serif;
    color: #333333;
    padding: 0 0 5px;
}
#receipt-cart h3.orderNmb {
    font-size: 2.5em;
}
#receipt-cart .date {
    font: 1.8em/140% sans-serif;
    color: #646464;
}
#receipt-cart address {
    font: 1.4em/140% sans-serif;
    color: #333;
}
#receipt-cart .top-area p {
    font: 1.4em/140% sans-serif;
    color: #333;
}
#receipt-cart .defaultBtn {
    padding: 10px 25px;
    font-size: 16px;
}

#receipt-bottom {
    margin-top: 1em;
    border: solid 1px #e1e1e1;
    float: right;
    width: 40%;
    padding: 3em;
    background: #fff;
}

#receipt-bottom p {
    font: 1.4em/140% sans-serif;
    color: #000;
}

#receipt-bottom .imgHolder {
    margin-right: 20px;
    padding-top: 7px;
}

.order-details-table {
    width: 100%;
    font-family: "Lato", sans-serif;
    line-height: 1.4;
    color: #333;
}

.order-details-table th {
    border-bottom: solid 1px #e1e1e1;
    padding: 0rem 0 0.5rem !important;
}

.order-details-table td {
    font-size: 1rem;
    font-size: calc(0.9rem + 0.2vw);
    padding: 0.5em 0;
}

.order-details-table td:nth-child(2n) {
    font-weight: 700;
}

.order-details-table tr:last-child td {
    font-size: calc(1rem + 0.2vw);
    color: #263238;
    padding-top: var(--default-box-padding);
    border-top: solid 1px #bdbdbd;
}

@media only screen and (min-width: 992px) {
    #receipt .defaultBtn:hover {
        background: #f9fff1;
    }
    #receipt .redBtn:hover {
        background: #fff8f8;
    }
    #cartTable .link:hover {
        color: #000;
    }
    #inWishlist a:hover {
        color: #777;
    }
}

@media only screen and (max-width: 768px) {
    /* #cart-bottom {
		padding: 3em 0
	}
	#cart-bottom .wishlist li a {
		width: 90px
	}
	#cart-bottom .wishlist li a img {
		max-height: 90px;
		max-width: 80px
	} */
    #shoppingCart {
        margin-top: 3em;
    }
    #shoppingCart h2,
    #shoppingCart .h2 {
        font-size: 3em;
    }
    #shoppingCart .secure {
        margin-top: 0;
    }
    /* .couponArea .applycode {
		width: auto;
		font-size: 0.8em
	}
	.couponArea .placeholder .inputTxt {
		width: 65%
	}
	.couponArea .defaultBtn {
		width: 33%
	} */
    #shoppingCart #emptycart,
    #pageNotFound {
        padding: 6em 0 7em;
        font-size: 0.7em;
    }
    .mysteryGift {
        background: #97c521 url(../images/mysteryGiftMobile.png) no-repeat 15px 50%;
        padding-left: 5em;
        margin-top: 2em;
        color: #fff;
    }
    #footSec .secure {
        line-height: 1;
    }
    #receipt-cart .top-area .col-xs-3 {
        width: 100%;
        float: none;
        padding: 2em;
        text-align: center;
    }
    #receipt-cart .top-area .col-xs-3#payMtd .imgHolder {
        float: none;
    }
    #receipt-cart .top-area p {
        margin: 0;
    }
    #receipt-bottom {
        width: auto;
        float: none;
    }
    #receipt h1,
    #receipt .h1 {
        font-size: 3.5em;
    }
    .thank-you-area h2,
    .thank-you-area .h2 {
        font-size: 2em;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2),
    (max-width: 480px) {
    #summary {
        padding: 2em;
    }
    #shoppingCart h2,
    #shoppingCart .h2 {
        font-size: 2.3em;
    }
    #shoppingCart h2.leftFlt {
        padding-right: 1rem;
        padding-bottom: 1rem;
    }
    #shoppingCart h2.leftFlt + .rightFlt {
        float: none !important;
        margin-top: -0.3rem;
        display: inline-block;
    }
    #summary li {
        font-size: 1.4em;
    }
    #summary .link {
        font-size: small;
    }
    #summary .ft {
        font-size: 1.8em;
        font-weight: 900;
    }
    #summary .defaultBtn {
        font-weight: 700;
        font-size: 1.6em;
    }
    #receipt-cart #cartItemsList {
        margin: 0 -20px 4em;
    }
    #receipt-bottom {
        margin: -20px -20px 0;
    }
}

/*! SIGN-IN AND CREATE ACCOUNT PAGE*/
#signin {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
#signin h1 {
    padding-bottom: 0.8em;
    font: 300 5em/1 "Oswald", sans-serif;
    color: #000;
}
#signin h2,
#signin .h2 {
    font: 400 2.6em/1.2 "Lato", sans-serif;
    color: #000000;
}
#signin .amzLogBtn {
    display: inline-block;
    margin: 0.5em 0 3.5em;
}
#signin p {
    font: normal 14px/140% sans-serif;
    padding-bottom: 0.7em;
}
#signin #returning {
    width: 45%;
    float: left;
}
#signin #newCust {
    border-left: 1px solid #c3c3c3;
    margin-left: 50.6%;
    padding-left: 5.7%;
}
#signin .formHolder .link {
    color: #6b6b6b;
    font-size: 1em;
    text-decoration: underline;
}
#signin p.note {
    font: 400 1.6em/1.2 "Lato", sans-serif;
    color: #000000;
}
#signin .formHolder li.row {
    overflow: hidden;
}
#signin #newCust.createAccount {
    width: 55%;
    margin: 0;
    padding: 0;
    border: 0 none;
}
#signin .errorMsg h5 {
    font-size: 2em;
    line-height: 1.2em;
}

/*! Account pages */
#account {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
#account h1,
#account .h1 {
    font: 300 5em/1 "Oswald", sans-serif;
    padding-bottom: 0.5em;
    color: #000;
}
#account h2,
#account .h2 {
    font: 700 2.8em/1 "Lato", sans-serif;
    color: #345507;
    padding-bottom: 0.2em;
}
#account-nav {
    width: 20%;
    float: right;
    padding-top: 7px;
}
#account-nav h2 {
    font: 700 2.8em/1.4 "Lato", sans-serif;
    color: #568f00;
    padding-bottom: 0.7em;
}
#side-nav > ul {
    padding-bottom: 3em;
}
#side-nav ul li {
    list-style: none;
    padding: 0.5em 0;
}
#side-nav ul li a {
    color: #000;
    font: 1.8em/1.4 "Lato", sans-serif;
    display: block;
    text-transform: capitalize;
}
#account-body h1 + .borderBtn {
    margin-top: 0.7em;
}
#account-body {
    width: 75%;
    float: left;
}
/*
	// #account-body .addressBox{border:solid 1px #d0d0d0;background:#f9f9f9;margin:;padding:3em;overflow:hidden}
  // #account-body .addressBox.noBgBdr{border:0 none;background:transparent}
  */
#account-body p {
    font: normal 1.4em/1.3 sans-serif;
    color: #585858;
}

#account-body .w {
    font: italic 400 2.2em/1.2 sans-serif;
    color: #636363;
    padding: 0.5em 0 0.7em;
}
#account-body .formHolder {
    width: 85%;
}
#account-body .table {
    font: 1.3em/1.3 sans-serif;
    color: #505050;
    border-bottom: 1px solid #dddddd;
    margin-top: 1em;
}
#account-body .table thead > tr > th,
#account-body .table tbody > tr > th,
#account-body .table tfoot > tr > th,
#account-body .table thead > tr > td,
#account-body .table tbody > tr > td,
.table tfoot > tr > td {
    padding: 13px 10px;
    vertical-align: middle;
}
#account-body .table thead > tr > th {
    padding: 13px 10px;
    border: 0;
    font: 700 1.2em/1.3 "Lato", sans-serif;
}
#account-body .table .blackBtn,
#account-body .table .gryBtn {
    font-size: 1em;
}
#account-body .button {
    padding: 0.5em 1.5em;
    font-size: 2.2em;
}
#account-body .button.trpBtn {
    font-family: sans-serif;
    font-size: 1.5em;
    background: transparent !important;
}
#account-body .viewall {
    color: #6b6b6b;
    font: 1.4em/130% sans-serif;
    text-transform: none;
    text-decoration: underline;
}
#account-body .viewall.rightFlt {
    margin-top: 5px;
}
#account-body .table p a {
    text-decoration: underline;
    color: inherit;
}
#account-body .table a.link {
    font-size: 1em;
}
#account-body .table .borderBtn {
    font-size: 1em;
    padding: 0.7em 1em;
}
#account-body .bg-success,
#account-body .bg-warning,
#account-body .bg-danger {
    text-align: center;
    font: 400 2.5em/120% "Lato", sans-serif;
    margin-bottom: 20px;
    color: #fff;
    padding: 15px;
}
#account-body .table .bg-success,
#account-body .table .bg-warning,
#account-body .table .bg-danger {
    font-size: 1em;
    text-align: left;
    padding: 0.8em 1em;
    margin: 0 10px 1.6em;
    font-size: 1.2em;
}

.addressList {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap;
}
.addressList > li {
    list-style: none;
    width: 46%;
    margin: 2em 4% 2em 0;
    float: left;
}
.addressList .title {
    font: bold 1.6em/140% sans-serif;
    color: #000;
    display: block;
    padding-bottom: 10px;
}
.addressList address {
    color: #585858;
    font: 1.6em/1.4 sans-serif;
}
.addressList address strong {
    font-weight: 700;
    display: block;
}
.addressList .linkList {
    list-style: none;
    margin-top: 1em;
}
.addressList .linkList > span {
    display: block;
    padding: 0.3em 0;
    outline: 0 none;
    border: 0 none;
    background: transparent;
    color: #1ab0ee;
    font: 1.6em/1 "Lato", sans-serif;
}
.addressList .linkList > span a {
    text-decoration: underline;
}
.addressList .linkList .selected {
    display: block;
    font-weight: 600;
    color: #e78d35;
    text-decoration: none;
}
.addressList .linkList .link.delete {
    color: #ff0000;
}
.mobile-table {
    display: none;
}

#editForm .gryBtn {
    margin-left: 0.6em;
}
#account-body .errorMsg {
    width: 85%;
}

#account #categoryList {
    margin-top: 1em;
}
#account #categoryList > li {
    min-width: 30%;
}
/*
	// .scrollableX #categoryList > li{ width:30%;margin:auto 1.5% 5em}
	// .scrollableX #categoryList .defaultBtn,.scrollableX #categoryList .link{margin-left:auto}
  // .scrollableX #categoryList .idt{height:115px }
  */
#side-nav .nav-ctrl {
    display: none;
}

#account #categoryList > li.positionR {
    position: relative;
}
#account #categoryList > li.positionR .qpeek {
    display: none;
}
#account #categoryList > li .popHolder {
    position: absolute;
    z-index: 2;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
    background: #fff;
    background: rgba(255, 255, 255, 0.76);
    vertical-align: middle;
    text-align: center;
    padding: 55% 10% 0;
}
#account #categoryList > li .confTitle {
    font: 400 1.7em/1.2 "Lato", sans-serif;
    color: #000;
    padding-bottom: 1em;
}
#account #categoryList li .redBtn,
#account #categoryList li .blackBtn {
    padding: 0.7em 1em;
    font-size: 1.4em;
    border: 0;
}

/*! Accout-Order-History */
#account-body .defaultBtn,
#account-body .borderBtn,
#account-body .blackBtn {
    padding: 0.7em 2em;
}
#accountRecipt {
    background: #f9f9f9;
    border: #e1e1e1 1px solid;
}
#accountRecipt #cartItemsList {
    background: #fff;
    padding: 5em 3em 3em;
    border-top: #e1e1e1 1px solid;
}
#accountRecipt .top-area {
    margin: 2em 1.5em;
}
#accountRecipt h3 {
    font: 600 2em/140% "Lato", sans-serif;
    color: #333333;
    padding: 0 0 5px;
}
#accountRecipt h3.orderNmb {
    font-size: 2.5em;
}
#accountRecipt .date {
    font: 1.8em/140% sans-serif;
    color: #646464;
}

#accountRecipt .top-area p {
    font: 1.4em/140% sans-serif;
    color: #333;
}
#accountRecipt .defaultBtn {
    padding: 10px 25px;
    font-size: 16px;
}
#accountRecipt .bot-area {
    padding: 3em 1.5em 3em;
    border-top: #e1e1e1 1px solid;
}
#accountRecipt .bot-area h3,
#accountRecipt .order-details-table th {
    font-size: 1.7em;
}
#accountRecipt .trackList li {
    list-style: none;
    padding: 0.4em 0;
}
#accountRecipt .trackList a {
    font: normal 1.4em/1.3 sans-serif;
    color: #333;
    text-decoration: underline;
}
#accountRecipt .imgHolder {
    margin-right: 20px;
    padding-top: 0px;
    height: 120px;
}
/*! Account pages Ends */

/*checkout*/
#checkout {
}
#checkout h2,
#account .h2 {
    font: 300 5.3em/1 "Oswald", sans-serif;
    padding-bottom: 0.8em;
    color: #000;
}
#checkout h4,
#account .h4 {
    text-transform: uppercase;
    font: 700 2.4em/1 "Lato", sans-serif;
    color: #345507;
    padding-bottom: 0.5em;
}
#checkout p {
    font: 400 1.4em/1.2 sans-serif;
    color: #000;
    padding-bottom: 0.5em;
}
#checkout p.agree {
    color: #666;
    font-style: italic;
    font-size: 1.3em;
    font-weight: 400;
}
#checkout .note {
    display: inline-block;
    font: 400 1.4em/1.2 sans-serif;
    color: #000;
    padding-bottom: 0.5em;
}
#checkout .note b {
    color: #de9f19;
}
#checkout .mNote {
    font: 400 1.4em/1.4 sans-serif;
    color: #333;
    padding-top: 2em;
}
#checkout p a {
    text-decoration: underline;
    color: #000;
}
#checkout .borderBtn {
    padding: 0.7em 2em;
    margin-top: 0.7em;
}
#checkout .linkBtn {
    font-size: 1.3em;
    font-weight: 400;
}
#checkout .section {
    padding: 6em 0;
}
#checkout .section.gry {
    background: #f6f6f6;
}
#checkout .secRow > .col-sm-6 {
    width: 46%;
}
#checkout .secRow > .col-sm-6 + .col-sm-6 {
    float: right;
}
#checkout .secRow .col-xs-4 .link {
    font-size: 1.2em;
    padding-top: 0.5em;
    display: inline-block;
}

#checkout .billCheckBox {
    background: #fbfbfb;
    border: solid 2px #d3d3d3;
    padding: 1.3em 1.3em 1.3em 4.3em;
    font: 400 1.3em/1.2 sans-serif;
    color: #303030;
    cursor: pointer;
    position: relative;
    margin-top: 1.5em;
}
#checkout .billCheckBox.checked {
    background-color: #f8f3e8;
    border-color: #ceb378;
}
#checkout .billCheckBox:before,
#checkout .billCheckBox:after {
    content: " ";
    font-family: sadaf-icon;
    display: inline-block;
    position: absolute;
    left: 0.6em;
    top: 0.6em;
    height: 25px;
    width: 25px;
    background: #fff;
    border: solid 2px #dcdcdc;
    text-align: center;
    font-size: 2.2em;
    line-height: 1;
}
#checkout .billCheckBox:after {
    background-color: transparent;
    border-color: transparent;
}
#checkout .billCheckBox.checked:before {
    border-color: #e2a010;
}
#checkout .billCheckBox.checked:after {
    content: "\e206";
    color: #e2a010;
    top: 0.5em;
    font-size: 27px;
    left: 0.6em;
}
#checkout .billCheckBox i {
    display: block;
    padding-top: 0.8em;
}
#orderDetail {
    margin-top: 1em;
}
#orderDetail li {
    border-top: solid 1px #d9d9d9;
    font: 700 1.7em/1 sans-serif;
    color: #333333;
    padding: 0.7em 0;
    list-style: none;
}
#orderDetail .red {
    color: #931414;
}
#orderDetail .ft {
    text-transform: uppercase;
    font: 900 2.3em/1.5 "Lato", sans-serif;
    color: #333;
    padding-top: 0.6em;
    border-top: solid 1px #d9d9d9;
}
#orderDetail .link {
    color: #484848;
    font-size: 1em;
    text-decoration: underline;
}
#orderDetail .defaultBtn {
    font-size: 2.5em;
    padding: 0.8em 3em;
    border: solid 2px #345507;
    font-weight: 400;
}
#orderDetail .defaultBtn.disable {
    background: #90b952;
    border-color: #5f842c;
}
#orderDetail .linkBtn {
    font-size: 2.5em;
    padding: 0.8em 1em;
}
#checkout .gryBx {
    background: #f6f6f6;
    padding: 2.5em;
    margin-top: 4em;
}
.gryBx #orderDetail .defaultBtn {
    font-size: 2em;
}
.gryBx #orderDetail .linkBtn {
    padding-left: 0;
    font-size: 2em;
}

.deliveryOptionBx {
    background: #fff;
    padding: 2.5em;
    border: solid 2px #dcdcdc;
    border-radius: 3px;
    margin-top: 1.5em;
}
.deliveryOptionBx h5 {
    font: 900 2em/1.5 "Lato", sans-serif;
    color: #5b5b5b;
    padding-bottom: 0.3em;
}
#checkout .deliveryOptionBx > p {
    font-size: 1.5em;
    color: #5b5b5b;
}
.deliveryOptionBx li {
    list-style: none;
    padding: 0.5em 0;
    font: 400 2em/1.5 "Lato", sans-serif;
    color: #5b5b5b;
}
.deliveryOptionBx li strong {
    font-weight: 900;
}
.deliveryOptionBx li s,
.deliveryOptionBx li b {
    color: #888;
    display: inline-block;
    min-width: 70px;
}
.deliveryOptionBx li b {
    color: #c00;
    min-width: 60px;
}

.deliveryOptionBx input {
    -webkit-appearance: none;
    background: #fff;
    border: solid 2px #dcdcdc;
    display: inline-block;
    float: left;
    text-align: center;
    line-height: 1;
    height: 25px;
    width: 25px;
    position: relative;
    margin: 0.2em 0.8em 0 0;
}
.deliveryOptionBx input:checked {
    border-color: #e2a010;
    outline: 0 none;
}
.deliveryOptionBx input:checked:after {
    color: #e2a010;
    content: "\e206";
    font-family: sadaf-icon;
    font-size: 30px;
    line-height: 1;
    display: inline-block;
    left: -0.1em;
    top: -0.25em;
    position: absolute;
    width: auto;
    height: auto;
    transform: none;
    background: none;
}

/*
	// .deliveryOptionBx input{ }
	// .deliveryOptionBx .checkmark{cursor:pointer;float:left;margin:0.2em 0.2em 0 0;position:relative;font-style:inherit;display:none}
	// .deliveryOptionBx .checkmark:before{content:" ";font-family:sadaf-icon;display:inline-block;text-align:center;font-size:1.8em;line-height:1;height:25px;width:25px;background:#fff;border:solid 2px #dcdcdc} 
	// .deliveryOptionBx .checkmark:after{content:" ";font-family:sadaf-icon;font-size:1.5em;line-height:1;display:inline-block;position:absolute;left:0em;top:-0.2em;color:#dcdcdc}
	// .deliveryOptionBx .checked .checkmark:before{border-color:#e2a010}
	// .deliveryOptionBx .checked .checkmark:after{color:#e2a010;content:"\e206"}
	*/
.deliveryOptionBx .loading-spin {
    font-size: 4em;
    color: #444;
    margin-bottom: 0.5em;
}

#checkout .error {
    display: block;
    background: #fff4f4;
    border: solid 1px #e76060;
    color: #b44141;
    font-size: 1.6em;
    line-height: 1.4;
    margin: 2em 0 0;
    padding: 1em;
}
#checkout .error i {
    font-size: 1.8em;
    margin: -0.2em 0.5em 0 0;
    float: left;
}
#checkout .errorMsg {
    text-align: center;
}
#checkout .errorMsg.bg-warning {
    background-color: #dbaf00;
    text-align: left;
}

#leftSide {
    float: left;
    width: 250px;
}

#leftSide .list {
    list-style: none;
    margin-bottom: 4em;
}

#leftSide h2,
#leftSide .sidebar__title {
    display: block;
    font: 700 2.8em/1.2 "Lato", sans-serif;
    color: #568f00;
    padding-bottom: 0.5em;
}

#leftSide .list li a {
    font: 400 1.8em "Lato", sans-serif;
    color: #2d2d2d;
    display: block;
    padding: 0.3em 0;
}

#leftSide .contactList li {
    font: 400 1.7em/1.5 "Lato", sans-serif;
    color: #2d2d2d;
    display: block;
    padding: 0.3em 0;
}

#leftSide .contactList li > b,
#leftSide .contactList li > strong {
    display: block;
    font-size: 1.1em;
    padding-bottom: 0.1em;
}

#rightSide.fullWidth {
    width: 100% !important;
}

#rightSide {
    display: block;
    float: right;
    width: 75%;
    width: calc(100% - 280px);
}

#rightSide h1 {
    font: 300 4.5em/1.3 "Oswald", sans-serif;
    color: #345507;
    padding-bottom: 0.5em;
}

#rightSide h2 {
    font: 300 3.5em/1.3 "Oswald", sans-serif;
    color: #000;
    padding-bottom: 0.5em;
    margin-top: 1em;
}

#rightSide p {
    font: 400 1.6em/1.6 "Lato", sans-serif;
    color: #000;
    padding: 0 0 1em;
}

#rightSide .listStyle {
    margin-bottom: 3em;
}

#rightSide .listStyle li {
    list-style: disc;
    font: 400 1.6em/1.3 "Lato", sans-serif;
    color: #2d2d2d;
    display: block;
    padding: 0.3em 0 0 20px;
    position: relative;
}

#rightSide .listStyle li:before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 12px;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #444;
}

#rightSide .listStyle li a {
    color: #000;
    text-decoration: underline;
}

#rightSide .contactBtn {
    font-size: 2.6em;
    font-weight: 400;
    padding: 0.6em 1.5em;
}

#rightSide .errorMsg {
    padding: 1em;
}

#rightSide .errorMsg h5 {
    font-size: 2em;
}

#thankYou {
    text-align: center;
    padding: 10em 0 6em;
}

#thankYou h1 {
    font-size: 6.5em;
}

/*BLOG PAGE*/
#leftSide .blogLeftSec ul {
    list-style: none;
    margin-bottom: 4em;
}

#leftSide .blogLeftSec ul a {
    font: 400 1.8em "Lato", sans-serif;
    color: #2d2d2d;
    display: block;
    padding: 0.3em 0;
}

#leftSide .blogLeftSec ul .current-menu-item a,
#leftSide .blogLeftSec ul .current-menu-parent a {
    color: #000;
    font-weight: 600;
    text-decoration: underline;
}

#blogCat {
    list-style: none;
    margin-left: -3%;
}

#blogCat li {
    float: left;
    width: 170px;
    width: calc(100% / 5 - 3%);
    margin-left: 3%;
    min-height: 240px;
    margin-bottom: 2em;
}

#blogCat li img {
    border: #d8d8d8 solid 1px;
    margin-bottom: 1em;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
    font: 16px/1 Arial sans-serif;
}

#blogCat li a {
    display: block;
    padding-top: 0.5em;
    text-align: center;
    font: 1.5em/1.3 "Lato", sans-serif;
    color: #000000;
}

#blogCat li .imgHolder {
    height: 170px;
    display: block;
}

/* #blogCat li .imgHolder:before {content: ' ';display: inline-block;vertical-align: middle;height: 100%}  */
#blogCat li .post-title {
    margin-top: 0.7em;
    display: block;
    height: 65px;
}

#singlePost > ul {
    margin-bottom: 3em;
}

#singlePost > ul > li {
    list-style: disc;
    font: 400 1.6em/1.3 "Lato", sans-serif;
    color: #2d2d2d;
    display: block;
    padding: 0.3em 0;
}

#singlePost > ul > li:before {
    content: " ";
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #444;
    float: left;
    margin: 0.5em;
}

#singlePost > ul > li a {
    color: #000;
    text-decoration: underline;
}

#blog .featuredImg {
    float: right;
    margin-left: 3em;
    margin-bottom: 2em;
}

#blog .featuredImg img {
    padding: 0.3em;
    border: #ccc solid 1px;
}

#blog .commentlist {
    list-style: none;
}

#blog .commentlist li {
    padding-bottom: 3em;
    position: relative;
    margin-left: 7em;
}

#blog .commentlist .sIcon-person {
    position: absolute;
    font-size: 2em;
    left: -70px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: solid 1px #ceddb7;
    padding: 7px;
    color: #69a015;
}

#blog .commentlist .commentHeader {
    font: 400 1.8em/1.3 "Lato", sans-serif;
    color: #2d2d2d;
    padding-bottom: 1em;
}

#blog .commentlist cite {
    display: inline-block;
    font-weight: 600;
    padding-right: 1em;
}

#blog .commentlist li small {
    display: block;
}

#blog #blogCat.searchList li .imgHolder:before {
    display: none;
}

#sidebarSearch {
    position: relative;
    margin-top: 0.5em;
}

#sidebarSearch .inputTxt {
    width: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #4a7608;
    font: 400 1.6em/1.2 "Lato", "Lato", sans-serif;
    color: #000;
    padding: 0.8em 2.5em 0.8em 1em;
}

#sidebarSearch .searchBtn {
    position: absolute;
    left: auto;
    right: 8px;
    top: 10px;
    font-size: 2.5em;
    color: #000;
    background: transparent;
    border: 0 none;
}

@media only screen and (max-width: 850px) {
    #account .table {
        display: none;
    }
    .mobile-table {
        display: block;
    }
    .mobile-table li {
        list-style: none;
        margin: 2em 0;
    }
    .mobile-table li > a {
        display: block;
        border: solid 1px #afafaf;
        background: #f9f9f9;
        padding: 1.5em;
        position: relative;
        -webkit-box-shadow: inset 1px 1px 0px #fff;
        box-shadow: inset 1px 1px 0px #fff;
    }
    .mobile-table li > a:after {
        content: "\e208";
        font-size: 4em;
        float: right;
        color: #666;
        font-family: "sadaf-icon";
        position: absolute;
        left: auto;
        right: 0.7em;
        top: 45%;
    }
    .mobile-table .orderNmb {
        font: 400 2.7em/1.2 "Lato", sans-serif;
        color: #000000;
        display: block;
        padding-bottom: 0.3em;
    }
    .mobile-table .date {
        font: italic 1.8em/1 sans-serif;
        color: #606060;
    }
    .mobile-table .status {
        font: 400 2em/1.2 "Lato", sans-serif;
        display: block;
        padding-top: 1em;
    }
}

@media only screen and (min-width: 992px) {
    #accountRecipt .trackList a:hover {
        color: #000;
    }
    #signin .formHolder .link:hover {
        color: #000;
    }
    /* #side-nav ul li a:hover {
		text-decoration: underline;
		color: #444
	}
	#side-nav ul li.current a {
		text-decoration: underline
	} */
    .addressList .linkList a.delete:hover {
        color: #ff2424;
    }
    .addressList .linkList .link.delete:hover {
        color: #c00;
    }
    .addressList .linkList a:hover {
        color: #0786ba;
    }
    #leftSide .list li a:hover,
    #leftSide .contactList a:hover,
    #leftSide .blogLeftSec ul a:hover {
        text-decoration: underline;
        color: #000;
    }
    #rightSide .listStyle li a:hover {
        color: #444;
    }
    #blogCat li:hover img {
        border-color: #acacac;
    }
    #blogCat li:hover a .post-title {
        text-decoration: underline;
    }
    #blog #rightSide > ul > li a:hover {
        color: #444;
    }
}

@media only screen and (max-width: 992px) {
    /* #signin h2:after{content: "\f0da";float:right;color:#666; font-family:'FontAwesome'}
	#signin h2.active:after{content: "\f0d7"} */
    #signin h2 + section {
        display: none;
        margin: 1em 0 2em;
    }
    #signin h2 + section.visiable {
        display: block;
    }
    #signin .row {
        margin: 0 -20px;
    }
    #signin #returning,
    #signin #newCust {
        width: auto !important;
        float: none;
        border: 0;
        padding: 0 2.5em;
        margin: 0 -2em;
    }
    #signin #newCust {
        margin-top: 6em;
    }
    #signin li > .tg {
        font-size: 1.4em;
    }
    #signin .defaultBtn {
        font-size: 2.5em;
        padding: 10px 60px;
        margin-top: 0.7em;
    }
    #checkout .section {
        padding: 3em 0;
    }
    #checkout h2,
    #account .h2 {
        font-size: 4.8em;
    }
    #checkout p.caTxt {
        display: block;
        margin-top: -2em;
    }
    #checkout p.caTxt b {
        display: block;
        font-weight: 400;
        font-size: 2em;
        margin-bottom: 0.4em;
    }
    #checkout .secRow > .col-sm-6 {
        width: auto;
        float: none;
    }
    #checkout .secRow > .col-sm-6 + .col-sm-6 {
        float: none;
        margin-top: 6em;
        width: 100%;
    }
    #leftSide {
        float: none;
        width: auto;
        margin: 0 0 3em;
        padding: 0;
    }
    #rightSide {
        width: 100%;
        margin: 0 0 3em;
    }
    #rightSide h1 {
        font-size: 3.5em;
    }
    #rightSide h2 {
        font-size: 3em;
    }
    #thankYou {
        padding: 4em 0 6em;
        border-bottom: solid 1px #ccc;
    }
    #blogCat li {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 768px) {
    #signin h2 {
        font-size: 2.5em;
    }
    #account .topset {
        display: none;
    }
    #account-body {
        width: auto;
        float: none;
    }
    main#container #account-body h1 {
        margin-bottom: 0;
        display: none;
    }
    #account-body p {
        font-size: 1.5em;
    }
    .addressList address {
        font-size: 1.5em;
    }
    .addressBox + .clear.height40 {
        display: none;
    }
    #account-nav {
        width: auto;
        float: none;
        padding-top: 0;
        margin-bottom: 2em;
    }
    #account-nav h2 {
        font-size: 2.3em;
    }
    /* #accountRecipt .top-area .col-sm-4+.col-sm-4{margin-top:3em} */
    /* #side-nav {
		position: relative
	}
	#side-nav .nav-ctrl {
		position: relative;
		border: solid 1px #dfdfdf;
		display: block;
		font: 400 2em/1.5 sans-serif;
		color: #585858;
		text-transform: capitalize;
		padding: 10px 15px
	}
	#side-nav .nav-ctrl .sIcon-more_vert {
		font-size: 1.5em;
		position: absolute;
		left: auto;
		top: 0;
		right: 0;
		padding: 10px;
		border-left: solid 1px #dfdfdf;
		background: #f9f9f9;
		height: 100%;
		color: #888
	}
	#side-nav .nav-ctrl>span {
		text-transform: capitalize
	}
	#side-nav .nav-ctrl:active {
		background-color: #e3e3e3;
		background-color: rgba(0, 0, 0, 0.04);
		z-index: 2
	}
	#side-nav ul {
		display: none;
		position: absolute;
		top: auto;
		right: 0;
		left: 0;
		z-index: 999;
		margin: -1px 0px 0;
		padding: 0;
		list-style: none;
		border: 1px solid #dfdfdf;
		border-top: none;
		background-color: #fff;
		box-shadow: 0px 15px 15px 6px rgba(0, 0, 0, .1)
	}
	#side-nav ul.mob-nav-show {
		display: block
	}
	#side-nav ul li a {
		margin: 0;
		padding: 6px 15px;
		font: 400 1.6em/1.5 sans-serif;
		color: #333;
		text-transform: capitalize
	}
	#side-nav ul li.current a {
		background-color: #e9e9e9;
		background-color: rgba(0, 0, 0, 0.05);
		color: #000
	} */
    #editForm .blackBtn,
    #editForm .gryBtn {
        width: 47%;
        float: left;
        margin: 0 1.5%;
    }
    #checkout h2, 
  /* #account .h2 {font-size:4em} */
  #rightSide .topset {
        display: none;
    }
    #blogCat li {
        width: calc(100% / 4 - 3%);
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2),
    (max-width: 568px) {
    #signin .defaultBtn {
        display: block;
        text-align: center;
        font-size: 2.2em;
        padding: 15px 0px;
        width: 100%;
    }
    .addressList > li {
        float: none;
        width: 100%;
        margin: auto;
        overflow: hidden;
    }
    .addressList > li + li {
        margin-top: 3em;
        padding-top: 3em;
        border-top: solid 1px #ddd;
    }
    .addressList .title {
        font-size: 1.8em;
    }
    .addressList address {
        width: 50%;
        float: left;
        font-size: 1.6em;
    }
    .addressList .linkList {
        padding-top: 0;
        margin-left: 65%;
    }
    .formHolder label {
        font-size: 1.2em;
    }
    .formHolder li.row [class*="col-"] {
        float: none;
        /* width: auto; */
        width: 100%;
    }
    .formHolder li.row [class*="col-"] + [class*="col-"] {
        margin-top: 1em;
    }
    #checkout h2,
    #account .h2 {
        font-size: 3.5em;
        padding-bottom: 0.5em;
    }
    #checkout .borderBtn + a.linkBtn,
    #signin .borderBtn + .linkBtn {
        margin-left: 0;
        padding-right: 0;
        padding-left: 1em;
        font-size: 1.4em;
    }
    #account-body .borderBtn + .linkBtn {
        margin-left: 0;
        padding-right: 0;
        padding-left: 1em;
    }
    #account-body .defaultBtn,
    #account-body .borderBtn,
    #account-body .blackBtn {
        padding: 0.7em 1em;
    }
    .deliveryOptionBx h5 {
        line-height: 1.1;
        font-size: 1.8em;
    }
    #checkout h4,
    #account .h4 {
        font-size: 2em;
    }
    #account .errorMsg {
        width: auto;
    }
    #account-body .formHolder,
    #account-body .errorMsg {
        width: auto;
    }
    #blogCat li {
        width: calc(100% / 3 - 3%);
    }
    #blog .featuredImg {
        float: none;
        margin-left: 0;
    }
}

@media only screen and (max-width: 480px) {
    #account-body h1 + .borderBtn {
        float: none !important;
        padding: 0.7em 0;
        text-align: center;
        display: block;
    }
    #account-body .viewall {
        float: none;
        display: block;
        text-align: left;
        clear: both;
        padding: 0.5em 0 0.2em;
    }
    #account-body .bg-success,
    #account-body .bg-warning,
    #account-body .bg-danger {
        font-size: 2em;
    }
    #account-body .bg-success strong,
    #account-body .bg-warning strong,
    #account-body .bg-danger strong {
        display: block;
    }
    .addressList address {
        width: auto;
        float: none;
    }
    .addressList .linkList {
        padding-top: 1em;
        margin: auto;
    }
    #editForm .blackBtn,
    #editForm .gryBtn {
        width: 100%;
        float: left;
        margin: 0;
    }
    #editForm .gryBtn {
        margin-top: 0.7em;
    }
    #checkout h4 img.pull-right {
        float: none !important;
        padding-top: 0.2em;
    }
    #blogCat li {
        width: calc(100% / 2 - 3%);
        min-height: 200px;
    }
}

.loading-dot:before,
.loading-dot:after,
.loading-dot {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: dotload 1.8s infinite ease-in-out;
    animation: dotload 1.8s infinite ease-in-out;
}

.loading-dot {
    font-size: 10px;
    display: block;
    vertical-align: middle;
    margin: auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loading-dot:before {
    left: -3em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loading-dot:after {
    left: 3em;
}

.loading-dot:before,
.loading-dot:after {
    content: "";
    position: absolute;
    top: 0;
}

.loader-hoder,
.loadingCover {
    text-align: center;
    padding: 0em 0;
    font: 400 1em/1 "Open Sens", sans-serif;
    color: #000;
}

.loader-hoder .txt,
.loadingCover .txt {
    display: block;
    text-align: center;
    margin-top: 2.3em;
    font-size: 1.8em;
}

.loadingCover {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    z-index: 9999999;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.loadingCover:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 45%;
}

.loadingCover .loading-dot {
    font-size: 1.3em;
}

@-webkit-keyframes dotload {
    0%,
    90%,
    100% {
        -webkit-box-shadow: 0 2.5em 0 -1.3em #69a015;
        box-shadow: 0 2.5em 0 -1.3em #69a015;
    }
    40%,
    50% {
        -webkit-box-shadow: 0 2.5em 0 0 #69a015;
        box-shadow: 0 2.5em 0 0 #69a015;
    }
}

@keyframes dotload {
    0%,
    90%,
    100% {
        -webkit-box-shadow: 0 2.5em 0 -1.3em #69a015;
        box-shadow: 0 2.5em 0 -1.3em #69a015;
    }
    40%,
    50% {
        -webkit-box-shadow: 0 2.5em 0 0 #69a015;
        box-shadow: 0 2.5em 0 0 #69a015;
    }
}

.loading-spin {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

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

/*@-moz-keyframes spin{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes spin{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}
@keyframes spin{
	from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}
}*/
.removed-item {
    -webkit-animation: removed-item-animation 0.6s cubic-bezier(0.55, -0.04, 0.91, 0.94) forwards;
    animation: removed-item-animation 0.6s cubic-bezier(0.55, -0.04, 0.91, 0.94) forwards;
}

@keyframes removed-item-animation {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

@-webkit-keyframes removed-item-animation {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

.delete-animation {
    -webkit-animation: delete-animation 0.6s cubic-bezier(0.55, -0.04, 0.91, 0.94) forwards;
    animation: delete-animation 0.6s cubic-bezier(0.55, -0.04, 0.91, 0.94) forwards;
}

@keyframes delete-animation {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

@-webkit-keyframes delete-animation {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

/****  Site Map  ****/
#siteMap {
    overflow: hidden;
}

#siteMap ul {
    padding: 0;
    list-style: none;
    padding: 0 !important;
}

#siteMap > ul {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -3.1em;
}

#siteMap > ul > li {
    /* flex: 2 */
    width: 25%;
    padding: 3em 2em 3em 0;
    border-top: solid 1px #cdcdcd;
}

#siteMap > ul > li:nth-child(5n) {
    width: 100%;
}

#siteMap > ul > li:nth-child(5n) > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#siteMap > ul > li:nth-child(5n) > ul > li {
    width: 25%;
    margin-bottom: 3em;
    padding-right: 2em;
}

#siteMap > ul > li:nth-child(5n) > ul > li > a {
    font-weight: 600;
}

#siteMap > ul > li > a {
    text-transform: uppercase;
    font: 600 1.6em/1.2 "Lato", sans-serif;
    margin-bottom: 0.5em;
    color: #000 !important;
    display: inline-block;
}

#siteMap > ul ul > li {
    padding: 0.3em 0;
}

#siteMap > ul ul > li > a {
    font: 400 1.6em/1.2 "Lato", sans-serif;
    margin-bottom: 0.5em;
    color: #444 !important;
}

#siteMap > ul > li > ul > li > ul {
    padding: 0.3em 0 0 1em !important;
    list-style: disc inside;
}

#siteMap > ul > li > ul > li > ul > li > a {
    font-size: 1.4em;
}

@media only screen and (min-width: 992px) {
    #siteMap > ul a:hover {
        text-decoration: underline;
        color: #000 !important;
    }
}

@media only screen and (max-width: 768px) {
    #siteMap > ul > li,
    #siteMap > ul > li:nth-child(5n) > ul > li {
        width: 50%;
    }
}

/*MODALS*/
body.isIphone.modal-open,
body.isIpad.modal-open {
    position: fixed !important;
}

div#delete-cart-item .modal-content,
#cvv-modal .modal-content {
    padding: 2em;
}

div#delete-cart-item .modal-title,
#cvv-modal h2 {
    font: 400 2.6em/1.2 "Oswald", sans-serif;
}

div#delete-cart-item .btn {
    font: 400 1.8em/1.2 "Lato", sans-serif;
    padding: 0.5em 1.5em;
}

div#delete-cart-item .modal-footer {
    text-align: left;
    border-top: 0;
}

#cvv-modal .modal-dialog,
#addressbook.modal-dialog {
    max-width: 730px;
    width: 100%;
}

#cvv-modal h4 {
    font: 600 2.2em/1.2 "Lato", sans-serif;
    padding-top: 1em;
    padding-bottom: 0.3em;
}

.modal-content {
    padding: 2em;
}

.modal h2,
#checkout .modal h2 {
    font: 400 2.6em/1.2 "Oswald", sans-serif;
    padding-bottom: 0;
}

.modal-header {
    position: relative;
}

.modal-header button.close {
    opacity: 1;
    font-size: 2.5em;
    position: absolute;
    z-index: 2;
    left: auto;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modal-body p {
    font: 400 1.6em/1.2 "Lato", sans-serif;
    color: #000;
}

.modal #addressbook .defaultBtn {
    padding: 0.5em 1.5em;
    display: inline-block;
    margin-top: 1em;
}

.modal #addressbook .col-xs-6 {
    margin: 1em 0;
}

.modal #popupWindow h3 {
    font: 600 2.5em/1.2 "Lato", sans-serif;
    padding-bottom: 0.3em;
}

.modal #popupWindow p {
    padding-bottom: 2em;
    font: 400 1.6em/1.5 "Lato", sans-serif;
}

.modal #popupWindow p:last-child {
    padding-bottom: 0;
}

.modal ul.listStyle {
    padding-left: 2em;
}

.modal ul.listStyle li {
    padding: 0.4em 0em 0.7em;
    font: 400 1.6em/1.5 "Lato", sans-serif;
    color: #333;
}

.modal .loading-spin {
    font-size: 4.2em;
}

.modal .charges {
    padding: 2em 3em;
    margin: -1.5em -3.5em 2em;
    background: #f3f7eb;
}

.modal .chargesList {
    margin-top: 1em;
}

.modal .chargesList li {
    list-style: none;
    padding: 0.2em 0em 0.2em;
    font: 400 1.5em/1.3 "Lato", sans-serif;
    color: #333;
}

.modal .chargesList li s,
.modal .chargesList li b {
    color: #888;
    display: inline-block;
    min-width: 50px;
}

.modal .chargesList li b {
    color: #c00;
}

@media only screen and (max-width: 768px) {
    .modal.in .modal-dialog,
    .modal-open .modal {
        padding: 0 !important;
        margin: auto !important;
        max-width: inherit !important;
        min-width: 320px;
    }
}

@media only screen and (max-width: 568px) {
    .modal-footer .btn {
        display: block;
        text-align: center;
        width: 100%;
        margin: 0.5em 0 !important;
    }
    #cvv-modal {
        text-align: center;
    }
    #cvv-modal .col-xs-6 + .col-xs-6 {
        margin-top: 4em;
    }
}

/*! Cart */
.cart__left-body {
    width: 55%;
}

.cart__right-body {
    width: 40%;
}

.cart__bottom {
    position: relative;
    padding: var(--default-block-padding) 0;
}
.cart__bottom::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    width: 1000%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: solid 1px #e0e0e0;
    background: #f7f8f6;
}

@media (max-width: 767.98px) {
    .cart__left-body {
        width: 100%;
    }
    .cart__right-body {
        width: 100%;
        margin-top: var(--default-box-padding);
    }
    .cart__bottom .mid-container {
        max-width: 567.98px;
    }
}

.cart__summary {
    background: #fff;
    padding: var(--default-box-padding);
    -webkit-box-shadow: var(--default-shadow-regular);
    box-shadow: var(--default-shadow-regular);
}
.cart__summary h3 {
    border-bottom: solid 1px #e0e0e0;
}
.cart__summary ul li {
    font-size: calc(0.9rem + 0.2vw);
    color: #2f3c42;
    padding: 0.7rem 0;
    list-style: none;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.cart__summary .red {
    color: #d32f2f;
}
.cart__summary .link {
    color: #484848;
    text-decoration: underline;
}
.cart__summary__footer {
    text-transform: uppercase;
    font-size: calc(1rem + 0.2vw);
    color: #263238;
    padding: 0.7em 0;
    border-top: solid 1px #e0e0e0;
}

.cart__coupon-area .form-control {
    font-size: calc(1rem + 0.2vw);
    width: 70%;
    height: 100%;
    padding: 0.7em var(--default-box-padding);
    border: solid 1px #e0e0e0;
    background: #ffffff;
}
.cart__coupon-area .form-control::-webkit-input-placeholder {
    color: #9e9e9e;
    font-weight: 300;
    font-size: calc(0.9rem + 0.2vw);
}
.cart__coupon-area .form-control::-moz-placeholder {
    color: #9e9e9e;
    font-weight: 300;
    font-size: calc(0.9rem + 0.2vw);
}
.cart__coupon-area .form-control::-ms-input-placeholder {
    color: #9e9e9e;
    font-weight: 300;
    font-size: calc(0.9rem + 0.2vw);
}
.cart__coupon-area .form-control::placeholder {
    color: #9e9e9e;
    font-weight: 300;
    font-size: calc(0.9rem + 0.2vw);
}

.cart__coupon-area .btn {
    text-transform: uppercase;
    text-align: center;
    width: 25%;
    font-size: calc(1rem + 0.2vw);
    font-family: "Oswald", "Lato", sans-serif;
    font-weight: 550;
    padding: 0.5em 0;
}

.cart__coupon-area .applycode {
    padding: 15px 53px 15px 15px;
    background: #fff;
    border: solid 1px #eea11a;
    width: auto;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}
.cart__coupon-area .applycode.processing {
    background: #f9fee8;
    border-color: #b6e232;
    font: 300 2em/1 sans-serif;
    color: #000000;
}
.cart__coupon-area .applycode.error {
    background: #fff4f4;
    border-color: #e76060;
    color: #b44141;
    font-size: 1.5em;
    padding-left: 3em;
}
.cart__coupon-area .applycode.error i {
    font-size: 1.5em;
    position: absolute;
    left: 15px;
    top: 10px;
}
.cart__coupon-area .applycode .loading {
    font: normal 1.6em/160% sans-serif;
    text-align: center;
    display: block;
}
.cart__coupon-area .applycode a.close {
    color: #000000;
    left: auto;
    padding: 5px;
    position: absolute;
    right: 4px;
    top: 0;
    opacity: 0.6;
    display: block;
    margin: 0.5em 0.5em 0 0;
}
.cart__coupon-area .applycode a.close:hover {
    opacity: 0.8;
}
.cart__coupon-area .applycode a.close::before {
    font: 1.5em/1 "sadaf-icon";
    content: "\e117";
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
}

.cart__coupon-area .icon {
    width: 38px;
    height: 31px;
    float: left;
    background: url(../images/cutIcon.png) no-repeat 0 0;
}

.cart__coupon-area .txt {
    display: block;
    padding-top: 0.4em;
    margin-left: 55px;
    font: 700 1.6em/1.2 "Lato", sans-serif;
    color: #000;
}
.cart__coupon-area .txt strong {
    text-transform: uppercase;
    font-weight: 900;
    color: #d88b04;
}

.cart__coupon-area small {
    display: block;
    font-weight: normal;
    text-transform: none;
}

/*! Checkout page */
.checkout {
    font-size: 16px;
}
.checkout__section {
    padding: var(--default-block-padding) 0;
}
.checkout__section--grey {
    background: #f7f8f6;
}
.checkout p {
    font-size: 1rem;
    line-height: 1.6;
    color: #2f3c42;
}
.checkout p + p {
    margin-top: 0.8rem;
}
.checkout__aside {
    width: 35%;
}
.checkout__aside .h4 {
    padding: 0 0 0.7em;
    margin-bottom: 0.6em;
    border-bottom: solid 1px #e0e0e0;
    text-transform: uppercase;
}
.checkout__aside-box {
    border: solid 1px #eeeeee;
    background: #fafafa;
    padding: 1.4rem;
}
.checkout__aside-box + .checkout__aside-box {
    margin-top: 2rem;
}
.checkout__order-bag {
    background: #fafafa;
    border: solid 1px #eeeeee;
    padding: var(--default-block-side, 1.4rem);
}
.checkout__order-list li {
    list-style: none;
}
.checkout__order-list li + li {
    margin-top: 1.4rem;
    padding-top: 1.4rem;
    border-top: solid 1px #e0e0e0;
}
.checkout__order-list li > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: row;
    -webkit-flex: row wrap;
    -ms-flex: row wrap;
    flex: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
}
.checkout__order-list .imgHolder {
    max-width: 70px;
    height: 20%;
    max-height: 70px;
    border: solid 1px #e0e0e0;
    background: #ffffff;
    padding: 2px;
    margin-right: 1rem;
}
.checkout__order-list .imgHolder img {
    width: 100%;
}
.checkout__order-list .textHolder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    color: #424242;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.checkout__order-list .textHolder .dp {
    width: 75%;
}
.checkout__order-list .textHolder .dp strong,
.checkout__order-list .textHolder .dp .item__title {
    display: block;
    font-weight: 700;
    padding-bottom: 0.2em;
    font-size: 1em;
}
.checkout__order-list .textHolder .dp .t,
.checkout__order-list .textHolder .dp .item__name {
    font-size: 0.9em;
    display: block;
    padding-bottom: 0.4em;
}
.checkout__order-list .textHolder .pr {
    display: block;
    width: 25%;
    font-weight: bold;
    text-align: right;
}
.checkout__order-list .textHolder .pr .del {
    text-decoration: line-through;
    display: block;
    text-align: right;
}
.checkout__order-list .textHolder .pr .red {
    color: #d32f2f;
}
@media (min-width: 991px) {
    .checkout__order-list li a:hover .t,
    .checkout__order-list li a:hover strong {
        text-decoration: underline;
        color: #000000;
    }
}
.checkout__leftbody {
    width: 55%;
    max-width: 767.98px;
}
.checkout__address-list {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.checkout__address-box {
    position: relative;
    width: 48.5%;
}
.checkout__address-box:nth-child(n + 3) {
    margin-top: 1rem;
}
.checkout__address-box input[type="radio"] {
    position: absolute;
    top: 1.6rem;
    left: 1.2rem;
}
.checkout__address-box > label {
    position: relative;
    display: block;
    font-size: 1rem;
    cursor: pointer;
    border: solid 1px #e0e0e0;
    padding: var(--default-box-padding, 1.4rem);
    padding-left: 3.5rem;
    -webkit-box-shadow: var(--default-shadow-small);
    box-shadow: var(--default-shadow-small);
    background: #ffffff;
    height: 100%;
}
.checkout__address-box > label.checked {
    border-color: #53820d;
    -webkit-box-shadow: var(--default-shadow-large);
    box-shadow: var(--default-shadow-large);
    background: #fbfef6;
}
.checkout__address {
    font-style: normal;
    font-size: 1rem;
    line-height: 1.4;
}
.checkout__address-name {
    font-weight: 700;
    font-size: 1.05em;
    padding-top: 0.2em;
}
.checkout__loading-shiping {
    padding: var(--default-box-padding, 1rem) 0;
}
.checkout__loading-shiping__icon {
    display: inline-block;
    width: 80%;
    max-width: 120px;
    margin: auto;
}
.checkout__delivery-option__list {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.checkout__delivery-option__list li {
    width: 48.5%;
}
.checkout__delivery-option__list li:nth-child(n + 3) {
    margin-top: 1rem;
}
.checkout__delivery-option__list li input[type="radio"] {
    position: absolute;
    top: 1.5rem;
    left: 1.2rem;
}
.checkout__delivery-option__list li label {
    position: relative;
    display: block;
    font-size: 1rem;
    cursor: pointer;
    border: solid 1px #e0e0e0;
    padding: var(--default-box-padding, 1.4rem);
    padding-left: 3.5rem;
    -webkit-box-shadow: var(--default-shadow-small);
    box-shadow: var(--default-shadow-small);
    background: #ffffff;
    height: 100%;
    font-size: calc(1rem + 0.2vw);
    line-height: 1.3;
}
.checkout__delivery-option__list li label.checked {
    border-color: #53820d;
    -webkit-box-shadow: var(--default-shadow-large);
    box-shadow: var(--default-shadow-large);
    background: #fbfef6;
}
.checkout__checkbox {
    background: #fbfbfb;
    border: solid 1px #d3d3d3;
    padding: 1em 1em 1em 4.5em;
    color: #303030;
    cursor: pointer;
    position: relative;
    font-size: 1rem;
}
.checkout__checkbox.checked {
    background: rgba(112, 1, 9, 0.08);
    border: solid 1px #700109;
}
.checkout__checkbox.checked:before {
    border-color: #700109;
}
.checkout__checkbox.checked:after {
    content: "\e206";
    font-family: "sadaf-icon";
    color: #700109;
    font-weight: 700;
    border: 0;
    background: none;
}
.checkout__checkbox:before,
.checkout__checkbox:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 1em;
    top: 1.2rem;
    height: 25px;
    width: 25px;
    background: #ffffff;
    border: solid 2px #bdbdbd;
    font-family: FontAwesome;
    text-align: center;
    font-size: 1.6em;
    line-height: 1;
}
.checkout__checkbox:before__title,
.checkout__checkbox:after__title {
    color: #700109;
}
.checkout__note {
    font-size: 1rem;
}
.checkout__note::before {
    color: #e2a010;
    content: "\e208";
    font-size: 0.95em;
    font-family: "sadaf-icon";
}
.checkout__shipping-rates h5 {
    font-size: calc(0.9rem + 0.2vw);
    font-family: "Lato", "Open sans", sans-serif;
    font-weight: 400;
    padding-bottom: 0.4rem;
    margin-bottom: 0;
}
.checkout__bottom {
    background: #f5f5f5;
    border-top: solid 1px #e0e0e0;
    padding: 4rem 0;
    margin-top: 4rem;
}
.checkout__payment__cards-image {
    max-width: 240px;
}
@media (max-width: 567.98px) {
    .checkout__payment__cards-image {
        display: none;
    }
}
.checkout__payment__cards {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.checkout__payment__card {
    display: block;
    width: 100%;
    font-size: 1rem;
    max-width: 30rem;
}
.checkout__payment__card + .checkout__payment__card {
    margin-top: 1rem;
}
.checkout__payment__card label {
    padding: 2.4rem 3.5rem;
    border: solid 1px #e0e0e0;
    background: #ffffff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: var(--default-shadow-small);
    box-shadow: var(--default-shadow-small);
    background-image: -webkit-linear-gradient(96deg, #ffffff 30%, #f2f4f5 60%, #ffffff 100%);
    background-image: -o-linear-gradient(96deg, #ffffff 30%, #f2f4f5 60%, #ffffff 100%);
    background-image: linear-gradient(-6deg, #ffffff 30%, #f2f4f5 60%, #ffffff 100%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.checkout__payment__card label.checked {
    border-color: #94e817;
}
.checkout__payment__card-number {
    font-family: "Oswald", "Lato", sans-serif;
    color: #455a64;
    font-size: calc(1.2rem + 0.5vw);
    font-weight: 400;
}
.checkout__payment__card-expiration {
    padding-top: 1.2rem;
    color: #546e7a;
    font-size: calc(0.7rem + 0.2vw);
    display: block;
    width: 100%;
}
.checkout__payment__card-icon {
    max-width: 5rem;
    display: block;
    position: absolute;
    width: 100%;
    left: auto;
    right: 0.5rem;
    top: auto;
    bottom: -0.1rem;
    z-index: -1;
    opacity: 0.6;
}
.checkout__payment__card input[type="radio"] {
    position: absolute;
    left: 1rem;
    top: 2rem;
    margin: 0;
}
.checkout__payment__cvv {
    margin-top: 1.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 260px;
    width: 100%;
}
.checkout__payment__cvv .link {
    font-size: calc(0.7rem + 0.2vw);
    color: #455a64;
}
.checkout__payment__cvv .form-control {
    background: #ffffff;
    border: solid 1px #bdbdbd;
    max-width: 8.5rem;
    font-size: calc(1rem + 0.2vw);
    padding: 0.8em 0.7em 1.1em;
    -webkit-box-shadow: inset 0 10em 0 #eeeeee;
    box-shadow: inset 0 10em 0 #eeeeee;
}
.checkout__payment__cvv .form-control::-webkit-input-placeholder {
    color: #212121;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem;
}
.checkout__payment__cvv .form-control::-moz-placeholder {
    color: #212121;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem;
}
.checkout__payment__cvv .form-control::-ms-input-placeholder {
    color: #212121;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem;
}
.checkout__payment__cvv .form-control::placeholder {
    color: #212121;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.9rem;
}
.checkout__summary {
    border: solid 1px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    padding: var(--default-box-padding);
}
.checkout__summary li {
    list-style: none;
    font-size: calc(0.9rem + 0.2vw);
    color: #424242;
    padding: 0.7em 0;
    font-family: "Lato", "Open sans", sans-serif;
}
.checkout__summary b,
.checkout__summary strong {
    font-family: "Oswald", "Lato", sans-serif;
    color: #212121;
    font-weight: 550;
}
.checkout__summary .red {
    color: #ff4e33;
}
.checkout__summary .ft {
    font-family: "Lato", "Open sans", sans-serif;
    text-transform: uppercase;
    font-size: 1.1rem;
    color: #263238;
    font-weight: 700;
    padding-top: 0.8em;
    margin-top: 0.7em;
    border-top: solid 1px #bdbdbd;
}
.checkout__agreed-note {
    color: #605f5f;
    font-size: 1.4em;
    position: relative;
    padding: 0.8em 0 1em;
}
.checkout__agreed-note a {
    text-decoration: underline;
}
@media (max-width: 991px) {
    .checkout .mid-container {
        max-width: 767.98px;
        margin: 0 auto;
    }
    .checkout__aside,
    .checkout__leftbody {
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    .checkout .mid-container {
        max-width: 567.98px;
    }
    .checkout__address-box,
    .checkout__payment__card,
    .checkout__delivery-option__list li {
        width: 100%;
    }
    .checkout__address-box + li,
    .checkout__payment__card + li,
    .checkout__delivery-option__list li + li {
        margin-top: 1rem;
    }
}

/*! Account pages */
@media print {
    body * {
        visibility: hidden;
    }
    main > .mid-container {
        position: inherit;
    }
    #section-to-print,
    #section-to-print * {
        visibility: visible;
    }
    #section-to-print {
        position: absolute;
        left: 0;
        top: 0;
        padding: 2rem;
        width: 100%;
    }
    .dont-print,
    a[href]:after {
        display: none;
    }
}

.account {
    padding: var(--default-block-padding) 0;
    font-size: 1rem;
    font-family: "Lato", "Open sans", sans-serif;
}
.account__aside {
    width: 30%;
    padding-left: 2rem;
    border-left: 1px solid #bdbdbd;
}
.account__aside h2 {
    font-family: "Oswald", "Lato", sans-serif;
    font-size: calc(1.2rem + 0.5vw);
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.account__aside h2 .menu-icon {
    display: none;
}
.account__aside__nav > ul {
    padding-top: var(--default-box-padding);
    list-style: none;
}
.account__aside__nav > ul li {
    padding: 0.8rem 0;
}
.account__aside__nav > ul li.current a {
    pointer-events: none;
    position: relative;
    z-index: 1;
    color: #240003;
}
.account__aside__nav > ul li.current a::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: auto;
    height: auto;
    left: -1rem;
    top: -0.5rem;
    bottom: -0.3rem;
    border-left: solid 0.3rem #700109;
    background: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.account__aside__nav > ul li.current a::after {
    display: none;
}
.account__aside__nav > ul a {
    color: #263238;
    font-size: calc(0.9rem + 0.2vw);
    font-weight: 550;
    display: inline-block;
    text-transform: capitalize;
    padding-bottom: 0.2em;
    text-decoration: none;
}
.account__aside__nav > ul a {
    position: relative;
    text-decoration: none;
}
.account__aside__nav > ul a::before,
.account__aside__nav > ul a::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: auto;
    bottom: 0;
    width: 0;
    height: 2px;
    background: rgba(112, 1, 9, 0.7);
    -webkit-transition: all 220ms ease-in;
    -o-transition: all 220ms ease-in;
    transition: all 220ms ease-in;
}
.account__aside__nav > ul a::after {
    background: rgba(112, 1, 9, 0.2);
    left: auto;
    right: 0;
}
.account__aside__nav > ul a:hover::before,
.account__aside__nav > ul a:hover::after {
    width: 100%;
}
@media (max-width: 991px) {
    .account__aside {
        padding: 0;
        padding-left: 0;
        border: 0;
        margin-bottom: var(--default-block-padding);
    }
    .account__aside h2 {
        border: solid 1px #e0e0e0;
        padding: 0 0 0 var(--default-box-padding);
    }
    .account__aside h2 .menu-icon {
        cursor: pointer;
        display: block;
        padding: 0.6rem 0.8rem;
        border-left: solid 1px #e0e0e0;
        font-size: 1.2em;
        background-color: #f7f8f6;
    }
    .account__aside h2.active .menu-icon .sIcon-menu::before {
        content: "\e603";
    }
    .account__aside__nav.hide-target {
        display: none;
    }
    .account__aside__nav > ul {
        padding: var(--default-box-padding);
        border: solid 1px #e0e0e0;
    }
    .account__aside__nav > ul li {
        position: relative;
    }
    .account__aside__nav > ul li.current::before {
        content: "";
        height: 100%;
        position: absolute;
        left: calc(var(--default-box-padding) * -1);
        right: calc(var(--default-box-padding) * -1);
        top: 0;
        background: #f7f8f6;
    }
}
.account__leftbody {
    width: 65%;
}
.account__tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.account__tag__key {
    opacity: 0.7;
    font-size: 0.9em;
    padding-right: 0.4em;
}
@media (max-width: 991px) {
    .account .mid-container {
        max-width: 767.98px;
        margin: 0 auto;
    }
    .account__aside,
    .account__leftbody {
        width: 100%;
    }
}
@media (max-width: 767.98px) {
    .account .mid-container {
        max-width: 567.98px;
    }
    .account__address-box {
        width: 100%;
    }
    .account__address-box + .account__address-box {
        margin-top: 1rem;
    }
    .account__payment__card {
        width: 100%;
    }
    .account__payment__card + .account__payment__card {
        margin-top: 1rem;
    }
}
.account__address__box {
    position: relative;
    border: solid 1px #eeeeee;
    padding: var(--default-box-padding);
    padding-right: 3rem;
    background: #ffffff;
    line-height: 1.4;
    width: 48.5%;
}
.account__address__box--default {
    border-color: rgba(83, 130, 13, 0.35);
    background-color: rgba(83, 130, 13, 0.03);
    -webkit-box-shadow: var(--default-shadow-small);
    box-shadow: var(--default-shadow-small);
}
.account__address__box:nth-child(n + 3) {
    margin-top: 1rem;
}
.account__address__box.empty {
    font-size: 1.1rem;
    background-color: #fafafa01;
    border-color: #f5f5f5;
    padding-left: 0.9rem 1.4rem;
}
.account__address__box address {
    font-style: normal;
}
.account__address__box address .address-name,
.account__address__box address strong {
    font-weight: 700;
    font-size: 1.1em;
    display: block;
    padding-bottom: 0.6rem;
    color: #263238;
}
@media (max-width: 767.98px) {
    .account__address__box {
        width: 100%;
    }
    .account__address__box:nth-child(n + 2) {
        margin-top: 1rem;
    }
}
.account__address__default em {
    opacity: 0.6;
}
.account__address__action {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
}
.account__address__action__links {
    background: #ffffff;
    border: solid 1px #eeeeee;
    border-top: 0;
    padding: var(--default-box-padding);
    margin-top: 1.5rem;
    z-index: 300;
    position: relative;
    -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}
.account__address__action__links.hide-target {
    display: none;
}
.account__address__action__links > div {
    padding-top: 1.2em;
}
.account__address__action__links > div a {
    font-size: 1rem;
    font-weight: 400;
    color: #700109;
    position: relative;
    text-decoration: none;
}
.account__address__action__links > div a::before,
.account__address__action__links > div a::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: auto;
    bottom: 0;
    width: 0;
    height: 1px;
    background: rgba(112, 1, 9, 0.7);
    -webkit-transition: all 220ms ease-in;
    -o-transition: all 220ms ease-in;
    transition: all 220ms ease-in;
}
.account__address__action__links > div a::after .account__address__action__links > div a {
    background: rgba(112, 1, 9, 0.2);
    left: auto;
    right: 0;
}
.account__address__action__links > div a:hover::before,
.account__address__action__links > div a:hover::after {
    width: 100%;
}
.account__address__action__links > div a:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 4px rgba(112, 1, 9, 0.3);
    box-shadow: 0 0 4px rgba(112, 1, 9, 0.3);
}
.account__address__action__links > div.btn-delete .account__address__action__links > div {
    padding: 0.3em 1.5em;
    color: #ff4e33;
    border: solid 1px #ff4e33;
}
.account__address__action .action-button {
    font-size: calc(1rem + 0.2vw);
    padding: 0.5rem 0.5rem;
    color: #53820d;
    background: #ffffff;
    border-left: solid 1px rgba(112, 1, 9, 0.2);
    border-bottom: solid 1px rgba(112, 1, 9, 0.2);
    -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.06);
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.06);
    position: absolute;
    left: auto;
    right: 0;
}
.account__address__action .action-button .sIcon {
    pointer-events: none;
}
.account__order-history__order {
    font-size: 1rem;
    font-weight: 300;
    border: solid 1px #f5f5f5;
}
.account__order-history__order + .account__order-history__order {
    margin-top: calc(var(--default-box-padding) * 2);
}
.account__order-history__order__header {
    padding: calc(var(--default-box-padding) / 2) var(--default-box-padding);
    background: #f7f8f6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.account__order-history__order__id {
    width: 25%;
}
.account__order-history__order__date {
    width: 30%;
}
.account__order-history__order__body {
    background: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
}
.account__order-history__order__body .account__tag__key {
    min-width: 100px;
}
.account__order-history__order__list {
    list-style: none;
    padding: 3rem var(--default-box-padding);
    width: 60%;
}
.account__order-history__order__list__row + .account__order-history__order__list__row {
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    border-top: solid 1px #f5f5f5;
}
.account__order-history__order__item-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.account__order-history__order__item__picture {
    max-width: 120px;
    width: 30%;
}
.account__order-history__order__item__picture img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.account__order-history__order__item__detail {
    width: 70%;
    padding-left: 1rem;
}
.account__order-history__order__item__name {
    font-size: calc(0.9rem + 0.2vw);
    font-weight: 550;
    line-height: 1.2;
}
.account__order-history__order__frame {
    position: relative;
    z-index: 2;
    width: 40%;
    background: #f7f8f6;
    padding: 3rem var(--default-box-padding);
}
.account__order-history__order .hide-target {
    display: none;
}
@media (max-width: 767.98px) {
    .account__order-history__order__list,
    .account__order-history__order__frame {
        width: 100%;
    }
    .account__order-history__order__item__picture {
        width: 25%;
    }
    .account__order-history__order__item__detail {
        width: 75%;
    }
}
@media (max-width: 567.98px) {
    .account__order-history__order__id,
    .account__order-history__order__date {
        width: 50%;
    }
    .account__order-history__order__id .account__tag__key,
    .account__order-history__order__date .account__tag__key {
        width: 100%;
    }
}
.account__order-history__action {
    color: #700109;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-left: auto;
}
.account__order-history__action .sIcon {
    font-weight: 700;
    font-size: 0.9em;
    padding-left: 0.6em;
    pointer-events: none;
}
.account__order-history__action.active .sIcon::before {
    content: "\e803";
}
@media (max-width: 567.98px) {
    .account__order-history__action {
        margin: 0.9em 0 0.2rem;
        width: 100%;
    }
}
.account__order-history .bg-success,
.account__order-history .bg-warning,
.account__order-history .bg-danger {
    text-align: center;
    color: #fff;
    padding: 0.4em var(--default-box-padding);
    font-size: calc(0.7rem + 0.2vw);
    font-weight: 300;
    line-height: 1.2;
    text-align: left;
}
.account #accountRecipt address {
    font-size: calc(0.7rem + 0.2vw);
    line-height: 1.6;
    color: #2f3c42;
    font-style: normal;
}
.account__payment-methods__cards {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.account__payment-methods__card {
    width: 48%;
    padding: 2rem;
    padding-left: 4rem;
    border: solid 1px #e0e0e0;
    background: #ffffff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(60%, #f8f9fa), to(#eceff1));
    background-image: -webkit-linear-gradient(top, #ffffff, #f8f9fa 60%, #eceff1 100%);
    background-image: -o-linear-gradient(top, #ffffff, #f8f9fa 60%, #eceff1 100%);
    background-image: linear-gradient(to bottom, #ffffff, #f8f9fa 60%, #eceff1 100%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.account__payment-methods__card.default-card {
    -webkit-box-shadow: var(--default-shadow-small);
    box-shadow: var(--default-shadow-small);
    border-color: #94e817;
}
.account__payment-methods__card:nth-child(n + 3) {
    margin-top: 2rem;
}
@media (max-width: 767.98px) {
    .account__payment-methods__card {
        width: 100%;
    }
    .account__payment-methods__card + .account__payment-methods__card {
        margin-top: 2rem;
    }
}
.account__payment-methods__card-number {
    font-family: "Oswald", "Lato", sans-serif;
    color: #455a64;
    font-size: calc(1.2rem + 0.5vw);
    font-weight: 400;
    width: 100%;
}
.account__payment-methods__card-expiration {
    padding-top: 1.2rem;
    color: #546e7a;
    font-size: calc(0.7rem + 0.2vw);
    display: block;
    width: 100%;
}
.account__payment-methods__card-icon {
    display: block;
    width: 100%;
    max-width: 6rem;
    position: absolute;
    left: -2rem;
    top: 2rem;
    z-index: -1;
    opacity: 0.7;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.account__payment-methods__card-icon img {
    width: 100%;
}
.account__payment-methods__card__default {
    text-transform: uppercase;
    font-weight: 550;
    color: #212121;
    margin-top: 1.6rem;
    padding: 0.5rem;
    border: solid 1px #8edf16;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #f0fcdf;
}
.account__payment-methods__locked-message {
    font-size: 0.85rem;
    display: block;
    padding: 0.4rem 0.7rem;
    opacity: 0.8;
    line-height: 1.2;
}
.account__payment-methods__action {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
}
.account__payment-methods__action__links {
    background: #ffffff;
    border: solid 1px #e0e0e0;
    border-top: 0;
    padding: var(--default-box-padding);
    margin-top: 1.5rem;
    z-index: 300;
    position: relative;
    -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}
.account__payment-methods__action__links.hide-target {
    display: none;
}
.account__payment-methods__action__links > div {
    padding-top: 1em;
}
.account__payment-methods__action__links > div a {
    font-size: 1rem;
    font-weight: 550;
    color: #700109;
    position: relative;
    text-decoration: none;
}
.account__payment-methods__action__links > div a::before,
.account__payment-methods__action__links > div a::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: auto;
    bottom: 0;
    width: 0;
    height: 1px;
    background: rgba(112, 1, 9, 0.7);
    -webkit-transition: all 220ms ease-in;
    -o-transition: all 220ms ease-in;
    transition: all 220ms ease-in;
}
.account__payment-methods__action__links > div a::after {
    background: rgba(112, 1, 9, 0.2);
    left: auto;
    right: 0;
}
.account__payment-methods__action__links > div a:hover::before,
.account__payment-methods__action__links > div a:hover::after {
    width: 100%;
}
.account__payment-methods__action__links > div a.disabled-link {
    font-weight: 400;
    text-decoration: line-through;
    cursor: not-allowed;
}
.account__payment-methods__action__links > div a.disabled-link::before,
.account__payment-methods__action__links > div a.disabled-link::after {
    display: none;
}
.account__payment-methods__action .action-button {
    font-size: calc(1rem + 0.2vw);
    padding: 0.5rem 0.5rem;
    color: #53820d;
    background: #ffffff;
    border-left: solid 1px rgba(112, 1, 9, 0.2);
    border-bottom: solid 1px rgba(112, 1, 9, 0.2);
    -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.06);
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.06);
    position: absolute;
    left: auto;
    right: 0;
}
.account__payment-methods__action .action-button .sIcon {
    pointer-events: none;
}

.product__popup .quickpeek .modal-dialog {
    width: 100%;
    max-width: 960px;
}

.product__popup .modal-header {
    border: 0;
}
.product__popup .modal-header .close {
    color: #212121;
    top: 2rem;
    right: 2rem;
}

.product__popup .modal-footer {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}

.product__popup__header {
    background: #43aa60;
    padding: 1rem 3.5rem 1rem 1rem;
    text-align: center;
    border: 0;
}
.product__popup__header .modal-title {
    font-size: calc(1rem + 0.8vw);
    color: #ffffff;
}
.product__popup__header .close {
    color: #ffffff !important;
}
@media (min-width: 1680px) {
    .product__popup__header .modal-title {
        font-size: 1.6rem;
    }
}

.product__popup__body {
    padding: 3rem 3.5rem;
}

.product__popup__left {
    width: 40%;
}

.product__popup__right {
    width: 50%;
}
.product__popup__right .label {
    color: #616161;
    font-weight: 700;
    display: block;
    padding: 0 0 0.6rem;
    font-size: 0.9rem;
}

.product__popup__title {
    font-size: calc(1rem + 1.2vw);
    line-height: 1.1;
}
@media (min-width: 1680px) {
    .product__popup__title {
        font-size: 2.2rem;
    }
}

.product__popup__picture {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.product__popup__review {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.product__popup__review__stars {
    font-size: 1.6rem;
    color: #fb8c00;
}
.product__popup__review__text {
    color: #616161;
    font-size: 0.8rem;
    padding-left: 0.8rem;
}

.product__popup__price {
    font-size: 2rem;
    line-height: 1;
    margin-top: 2.5rem;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.product__popup__summery {
    padding: 1.5rem 2rem;
    border: solid #e0e0e0 1px;
    background: #f5f5f5;
    margin-top: 3rem;
    width: 100%;
}
.product__popup__summery .btn-link {
    text-decoration: underline;
    background: none;
}

.product__popup__description__title {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #000000;
    font-weight: 700;
}

.product__popup__description p {
    font-family: "Lato", "Open sans", sans-serif;
    font-size: 1rem;
    line-height: 1.4;
    color: #616161;
}

.product__popup__total-items {
    margin-bottom: 1.6rem;
}
.product__popup__total-items p {
    font-weight: 400;
    font-family: "Lato", "Open sans", sans-serif;
    font-size: 1.4rem;
    color: #212121;
}
.product__popup__total-items p strong {
    color: #000000;
}

.product__popup__subtotal {
    font-size: 1.2rem;
    border-top: solid 1px #bdbdbd;
    color: #616161;
    padding-top: 1rem;
    margin-top: 1rem;
    line-height: 1;
}
.product__popup__subtotal strong {
    color: #000000;
}

@media (max-width: 991px) {
    .product__popup__body {
        padding: 2rem 1rem;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
    }
    .product__popup__left,
    .product__popup__right {
        width: 100%;
    }
    .product__popup .hide-on-mobile {
        display: none;
    }
    .product__popup__summery {
        margin-top: 2rem;
    }
}

.loading__wait-screen {
    background: rgba(255, 255, 255, 0.95);
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.loading__dots {
    font-size: 10px;
    display: block;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loading__dots,
.loading__dots::after,
.loading__dots::before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: dotload 1.8s infinite ease-in-out;
    animation: dotload 1.8s infinite ease-in-out;
}
.loading__dots::before,
.loading__dots::after {
    content: "";
    position: absolute;
    top: 0;
}
.loading__dots::before {
    left: -3em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loading__dots::after {
    left: 3em;
}

.loading__please-wait {
    font-size: 1.4rem;
    color: #212121;
    margin-top: 4rem;
    font-weight: 700;
}

@keyframes dotload {
    0%,
    90%,
    100% {
        -webkit-box-shadow: 0 2.5em 0 -1.3em #53820d;
        box-shadow: 0 2.5em 0 -1.3em #53820d;
    }
    40%,
    50% {
        -webkit-box-shadow: 0 2.5em 0 0 #53820d;
        box-shadow: 0 2.5em 0 0 #53820d;
    }
}

/*# sourceMappingURL=maps/main.style.css.map */