body {
    font-family: 'BrandonText', sans-serif;
    font-size: 16px;
    color: #fff;
    width: 100%;
    padding: 0;
    margin: 0;
    background: url("../images/bg.jpg") no-repeat fixed;
    background-size: cover;
}

input:not([type]),
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
select,
textarea {
    color: #000000;
}

.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0px;
    margin-top: 10px;
}

* + address,
* + dl,
* + fieldset,
* + figure,
* + ol,
* + p,
* + pre,
* + ul {
    margin-top: 5px;
}

address,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
    margin-bottom: 10px;
    margin-top: 0px;
}

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

.form-control {
    background-color: #ebebeb;
    border: 1px solid #c2c2c2;
    box-shadow: none;
    height: 40px;
    font-size: 18px;
    padding: 2px 8px;
    font-family: 'BrandonText', sans-serif;
}

select.form-control {
    padding: 4px 2px;
    font-family: 'BrandonText', sans-serif;
}

    select.form-control option {
        font-size: 13px;
    }

.padding1015 {
    padding: 10px 15px;
}

.md-btn-border {
    border: 1px solid #E5E5E5;
}

.uk-margin-top-30 {
    margin-top: 30px;
}

.uk-margin-top-50 {
    margin-top: 50px;
}

.uk-margin-small-right {
    margin-right: 10px;
}

.uk-padding {
    padding: 15px;
}

.uk-padding-top {
    padding-top: 15px;
}

.uk-padding-bottom {
    padding-bottom: 15px;
}

.uk-padding-small-top {
    padding-top: 10px;
}

.uk-padding-small-bottom {
    padding-bottom: 10px;
}

.uk-padding-large-top {
    padding-top: 30px;
}

.uk-padding-large-bottom {
    padding-bottom: 30px;
}

.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-margin {
    margin: 0;
}

.form-control:focus {
    border-color: #006666;
    box-shadow: none;
}

.radio {
    position: relative;
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

    .radio label {
        min-height: 2rem;
        cursor: pointer;
        padding-left: 2.5rem;
        position: relative;
        color: #6a6a6a;
    }

    .radio .checked {
        height: 2rem;
        width: 2rem;
        border-radius: 100%;
        background-color: #C3002F;
        -ms-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0);
    }

        .radio .checked:after {
            display: block;
            position: absolute;
            content: "";
            background-color: rgba(0, 0, 0, 0.87);
            left: -1.8rem;
            top: -1.8rem;
            height: 5rem;
            width: 5rem;
            border-radius: 100%;
            z-index: 1;
            opacity: 0;
            margin: 0;
            -ms-transform: scale3d(1.8, 1.8, 1.5);
            transform: scale3d(1.8, 1.8, 1.5);
        }

    .radio .circle-ui {
        border: 1px solid #ffffff;
        height: 2rem;
        width: 2rem;
        border-radius: 100%;
    }

    .radio span {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        transition-duration: 0.2s;
    }

    .radio input[type=radio] {
        opacity: 0;
        height: 0;
        width: 0;
        overflow: hidden;
    }

        .radio input[type=radio]:checked {
            background-color: #343a40;
        }

            .radio input[type=radio]:checked ~ .checked {
                background-color: #C3002F;
                -ms-transform: scale3d(0.6, 0.6, 1.5);
                transform: scale3d(0.6, 0.6, 1.5);
            }

                .radio input[type=radio]:checked ~ .checked:after {
                    animation: rippleOff 500ms;
                }

            .radio input[type=radio]:checked ~ .circle-ui,
            .radio input[type=radio]:checked ~ .checked {
                border-color: #ffffff;
                opacity: 1;
            }

        .radio input[type=radio][disabled] {
            cursor: not-allowed;
        }

            .radio input[type=radio][disabled] ~ .checked {
                background-color: #343a40;
            }

            .radio input[type=radio][disabled] ~ .circle-ui {
                border-color: #343a40;
            }

            .radio input[type=radio][disabled] ~ .circle-ui,
            .radio input[type=radio][disabled] ~ .checked {
                opacity: 0.26;
            }

@font-face {
    font-family: 'BrandonText-B';
    src: url('../fonts/BrandonText-Bold.otf'), url('../fonts/BrandonText-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonText-L';
    src: url('../fonts/BrandonText-Light.otf'), url('../fonts/BrandonText-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonText';
    src: url('../fonts/BrandonText-Regular.otf'), url('../fonts/BrandonText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonText-I';
    src: url('../fonts/BrandonText-RegularItalic.otf'), url('../fonts/BrandonText-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonText-T';
    src: url('../fonts/BrandonText-Thin.otf'), url('../fonts/BrandonText-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/material-design-icons/MaterialIcons-Regular.eot'); /* For IE6-8 */
    src: local(Material Icons), local(MaterialIcons-Regular), url('../fonts/material-design-icons/MaterialIcons-Regular.woff') format('woff'), url('../fonts/material-design-icons/MaterialIcons-Regular.ttf') format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

/*===All style===*/

a {
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
    color: #fff;
}

    a:focus {
        color: #fff;
    }

    a.link {
        color: #006666;
        text-decoration: underline;
        display: inline-block;
    }

        a.link.link-orange {
            color: #ff5832;
        }

h5 {
    color: #00675A;
    font-weight: bold;
    text-transform: uppercase;
}

.nav > li > a:hover,
.nav > li > a:focus,
.nav > li > a:active {
    background: none;
}

.bg-blue {
    background-color: #0273ae;
    color: #fff;
}

.bg-gray {
    background-color: #f7f7f7;
    color: #333;
}

.bg-dark {
    background-color: rgba(0, 0, 0, .68);
}

.title-condensed {
    font-family: "Antonio B", Sans-Serif;
    text-align: center;
}

.title-red {
    color: #f32d19;
    text-transform: uppercase;
}

.title-white {
    color: #fff !important;
    text-transform: uppercase;
}

.title-lg {
    font-size: 36px;
}

.text-danger {
    color: #cf242a;
}

.text-muted {
    color: #818a93;
}

.text-orange {
    color: #eb7d08 !important;
}

.line {
    height: 2px;
    background-color: #ddd;
}

.line-dotted {
    border: 1px dotted #666;
}

.line.line-left {
    margin: 0px 0 !important;
}

.line.line-center {
    margin-left: auto !important;
    margin-right: auto !important;
}

.line.line-width-100 {
    width: 100px !important;
}

.line.line-width-50 {
    width: 50px !important;
}

.line.line-green {
    background-color: #58a168;
}

.line.line-yellow {
    background-color: #ffcd02;
}

.line.line-orange {
    background-color: #fab702;
}

.line.line-blue {
    background-color: #458ccc;
}

.line.line-white {
    background-color: #fff;
}

.line.line-width-200 {
    width: 200px;
}

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

.font-18 {
    font-size: 18px;
}

.font-15 {
    font-size: 15px;
}

.font-29 {
    font-size: 29px;
    font-weight: 600;
}

label {
    font-family: 'BrandonText-B', sans-serif;
    font-size: 18px;
}

.md-btn {
    font-family: 'BrandonText', sans-serif;
    color: #fff;
}

.md-btn-success {
    color: #fff;
    font-size: 22px;
    border: 2px solid transparent;
}

    .md-btn-success:hover {
        border-color: #FFCC00;
        color: #ffcc00;
        background: none;
    }

.md-btn-form {
    border: 1px solid #7d7d7d;
    color: #fff;
    font-size: 20px;
    font-family: 'BrandonText-L', sans-serif;
    letter-spacing: 1px;
    padding: 4px 20px;
    border-radius: 5px;
    color: #fff !important;
}

.md-btn-accept {
    background-color: #006666;
}

    .md-btn-accept:hover {
        background-color: #004545;
        color: #fff;
    }

.md-btn-orange {
    background-color: #ff5832;
}

    .md-btn-orange:hover {
        background-color: #e24420;
        color: #fff;
    }

.md-btn-default {
    background-color: #999999;
}

    .md-btn-default:hover {
        color: #000 !important;
    }

.button-main {
    background-color: #006666;
    color: #fff;
    padding: 7px 15px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 0;
}

    .button-main:hover {
        color: #fff;
        background-color: #004545;
    }

img {
    max-width: 100%;
}

#top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    z-index: 9999;
}

    #top a {
        width: 48px;
        height: 48px;
        display: block;
        background: url('../images/top.png') no-repeat center top;
    }

        #top a:hover {
            cursor: pointer;
            background-position: center -50px;
        }

.bg-form {
    background: url('../images/bg_form.jpg') repeat;
}

.padding1015 {
    padding: 10px 15px;
}

.md-btn-border {
    border: 1px solid #E5E5E5;
}

.uk-margin-top-30 {
    margin-top: 30px;
}

.uk-margin-bottom-30 {
    margin-bottom: 30px;
}

.uk-margin-top-50 {
    margin-top: 50px;
}

.uk-padding-top {
    padding-top: 15px;
}

.uk-padding-bottom {
    padding-bottom: 15px;
}

.uk-padding-large-top {
    padding-top: 30px;
}

.uk-padding-large-bottom {
    padding-bottom: 30px;
}

.no-padding {
    padding: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-margin {
    margin: 0;
}

.form-control:focus {
    border-color: #006666;
    box-shadow: none;
}



/*Header*/

.header {
    background-color: rgba(0, 102, 102, 0.7);
}

    .header .row > .col-md-2 {
        width: 18%;
        padding-right: 5px;
    }

    .header .row > .col-md-10 {
        width: 82%;
    }

.logo a {
    display: block;
    padding: 60px 0 20px;
}

.header-member ul {
    padding-right: 0;
}

.header-member > li > a {
    padding-right: 0;
}

.header-member li a:hover {
    color: #ff5832;
    text-decoration: underline;
}

/*.header-member>ul>li:last-child {
    margin-left: 30px;
}*/

.header-member > ul > li:last-child a {
    padding-right: 0;
}

.header-member li.member-register a {
    color: #ff5832;
    text-decoration: underline;
}

.header-member .nav .open > a,
.header-member .nav .open > a:hover,
.header-member .nav .open > a:focus {
    background: none;
}

.header-member .nav .open > .dropdown-menu {
    right: 0;
    left: auto;
}



/*Account*/

.account-panel {
    margin: 20px 0;
}

    .account-panel .account-body {
        min-height: 394px;
    }


    .account-panel .account-info {
        padding: 15px;
    }

.nav-account-function {
    padding-right: 0;
}

    .nav-account-function li {
        margin: 10px 0;
    }

        .nav-account-function li a {
            color: #fff;
            font-size: 18px;
            text-align: center;
            background-color: #b7b7b7;
            text-transform: uppercase;
            border-radius: 6px;
            letter-spacing: 1px;
        }

        .nav-account-function li:hover a {
            background-color: #b7b7b7;
            color: #006666;
        }

        .nav-account-function li.active a {
            background-color: #006666;
        }

        .nav-account-function li.active:hover a {
            color: #fff;
        }

.account-body {
    padding: 15px 30px;
}

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

.address-number {
    width: 30px;
    height: 30px;
    background-color: #fff;
    color: #000;
    float: left;
    text-align: center;
    border-radius: 50%;
    font-size: 21px;
    margin-right: 20px;
}

.header-hotline ul {
    margin: 10px 0;
    padding-right: 0;
}

.header-hotline li > a {
    padding: 0;
}

    .header-hotline li > a:hover {
        color: #FF5832;
    }

.header-hotline li.hotline {
    margin: 0px 15px;
    font-size: 19px;
    padding: 4px 0;
    padding-left: 33px;
    font-family: 'BrandonText', sans-serif;
    background: url("../images/icon-phone.png") no-repeat 0 4px;
}

    .header-hotline li.hotline a {
        display: inline-block;
        vertical-align: middle;
    }

.header-hotline li.find-localtion a {
    text-transform: uppercase;
    padding: 8px 0;
    padding-left: 30px;
    background: url('../images/icon-location.png') no-repeat 0 4px;
}

.mainnav {
    background: url('../images/menu-line-top.png') no-repeat top right;
    clear: both;
}

    .mainnav > ul.nav {
        padding-right: 0;
        float: left;
    }

        .mainnav > ul.nav > li:hover .dropdown-menu {
            display: block;
            background-color: rgba(197, 156, 117, 0.93);
            border-radius: 0;
            top: 95%;
            padding: 15px 10px;
        }

    .mainnav .dropdown-menu li a {
        font-size: 17px;
        color: #000;
        padding: 10px 5px;
    }

        .mainnav .dropdown-menu li a:hover {
            color: #006666;
            background: none;
        }

    .mainnav > ul.nav > li:first-child {
        margin-left: 20px;
    }

    .mainnav > ul.nav > li + li {
        margin-left: 0;
    }

    .mainnav > ul.nav > li > a {
        font-size: 18px;
        color: #cccccc;
        padding: 16px 30px 13px;
        border-right: 1px dashed #fff;
        border-radius: 0;
        text-transform: uppercase;
        border-bottom: 3px solid transparent;
    }

    .mainnav > ul.nav > li.active > a,
    .mainnav > ul.nav > li:hover > a {
        background: none;
        border-bottom-color: #ff5832;
        color: #ff5832;
    }

    .mainnav > ul.nav > li.last-child > a {
        border-right: 0;
    }

.mainnav-cart {
    float: right;
    position: relative;
}

    .mainnav-cart .flyout-cart {
        display: none;
        position: absolute;
        z-index: 100;
        right: 0;
        height: 100%;
        min-width: 350px;
    }

        .mainnav-cart .flyout-cart.active {
            display: none;
        }

        .mainnav-cart .flyout-cart .mini-shopping-cart {
            background-color: #ffffff;
            color: #000000;
        }

        .mainnav-cart .flyout-cart a {
            color: #000000;
        }

            .mainnav-cart .flyout-cart a:hover {
                text-decoration: none;
                color: #000000;
            }

    .mainnav-cart > a:hover {
        text-decoration: none;
    }

    .mainnav-cart > a {
        line-height: 1.5;
        font-size: 20px;
        padding: 7px 0 7px 25px;
        padding-left: 25px;
        color: #fed75f;
        border-right: 0;
        font-family: "BrandonText-B", sans-serif;
        background: url('../images/icon-cart.png') no-repeat 0 15px;
        display: block;
    }


@media (min-width: 768px) {


    .mainnav-cart .flyout-cart.active {
        display: block;
    }

        .mainnav-cart .flyout-cart.active:before {
            bottom: 100%;
            right: 10%;
            transform: translate(-10%, 0);
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(204, 204, 204, 0);
            border-bottom-color: #fff;
            border-width: 10px;
            margin-left: -10px;
        }
}


/*Slideshow*/

.slideshow {
    margin: 10px 0 20px;
}

    .slideshow .item {
        height: 605px;
    }

    .slideshow .slide-caption {
        padding-top: 105px;
    }

.slide-caption .caption-title {
    font-family: "BrandonText-B", sans-serif;
    font-size: 100px;
    line-height: 100px;
}

    .slide-caption .caption-title span {
        font-family: "BrandonText-L", sans-serif;
    }

.slide-caption .caption-description {
    color: #00cccc;
    font-family: "BrandonText-L", sans-serif;
    font-size: 41px;
    line-height: 55px;
}

.slide-caption .caption-link {
    margin: 30px 0;
}

    .slide-caption .caption-link a {
        font-size: 26px;
        background-color: #006666;
        padding: 10px 22px;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

        .slide-caption .caption-link a:hover {
            background-color: #004f4f;
            text-decoration: none;
            color: #fff;
        }

.caption-note {
    color: #ccc;
    font-size: 17px;
}

.item .slide-caption {
    display: none;
    position: relative;
}

    .item .slide-caption.show {
        display: block;
    }

.slidetop .owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    left: 7%;
    bottom: 20px;
    z-index: 99;
}

.slidetop .owl-theme .owl-dots .owl-dot {
    margin-right: 5px;
}

    .slidetop .owl-theme .owl-dots .owl-dot span {
        width: 11px;
        height: 11px;
    }

    .slidetop .owl-theme .owl-dots .owl-dot.active span {
        background-color: #006666;
    }

.slideshow-sub {
    background-color: rgba(0, 0, 0, .7);
    margin-top: 10px;
}

    .slideshow-sub .slideshow-sub-caption {
        position: relative;
    }

    .slideshow-sub .item {
        height: 351px;
    }

    .slideshow-sub .slide-caption {
        position: absolute;
        top: 80px;
        left: 30px;
        z-index: 999;
    }

        .slideshow-sub .slide-caption .caption-description {
            color: #fff;
        }

    .slideshow-sub .owl-theme .owl-nav.disabled + .owl-dots {
        left: 30px;
    }



/*Special offer*/

.speacial-offer {
    margin: 20px 0 30px;
    padding: 20px 25px;
    background-color: rgba(0, 0, 0, .8);
}

.speacial-offer-header {
    padding-bottom: 0px;
    border-bottom: 1px solid #fff;
    font-size: 30px;
}

.speacial-body {
    padding: 20px 0 15px;
}

.speacial-title {
    font-size: 18px;
    padding-bottom: 10px;
}

.speacial-body .form-control {
    border-radius: 3px;
    height: 45px;
    border-color: #fff;
    font-size: 19px;
    color: #006666;
}

.md-btn-md {
    padding: 7px 20px 8px;
    background-color: #006666;
    color: #fff;
    letter-spacing: 2px;
    font-size: 16px;
}



/*Content*/

.title-main {
    margin-bottom: 20px;
}

    .title-main a:hover {
        text-decoration: none;
    }

.category-desc p {
    margin-top: 5px;
    margin-bottom: 0;
}

.title-main .category-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    padding-left: 30px;
    padding-right: 10px;
    border-left: 3px solid #006666;
    text-transform: uppercase;
    line-height: 32px;
}

    .title-main .category-name:hover {
        text-decoration: none;
        color: #ffffff;
    }

.title-main .delimiter {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    line-height: 32px;
}

.product .title-main .product-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    padding-left: 10px;
    line-height: 32px;
    text-transform: capitalize;
}

.title-main span {
    font-size: 16px;
    text-transform: none;
}

.title-main i {
    font-style: normal;
    text-transform: none;
}

.title-sub {
    font-size: 22px;
    font-family: "BrandonText-B", sans-serif;
}

.owl-nav-righttop .owl-nav {
    position: absolute;
    top: -65px;
    right: 0;
}

.owl-nav-righttop.owl-theme .owl-nav [class*='owl-'] {
    background: none !important;
    border: 2px solid #006666;
    border-radius: 0;
    padding: 4px 5px;
    margin-right: 0;
}

.owl-nav-righttop .owl-nav > div i {
    color: #006666;
    font-size: 20px;
}

.owl-nav-righttop.owl-theme .owl-nav .owl-prev {
    margin-right: 10px;
}



/*Product*/

.product-item {
    background-color: rgba(0, 0, 0, .8);
    position: relative;
    margin-bottom: 30px;
}

    .product-item.product-special {
        min-height: 430px;
        padding: 15px 0;
    }

    .product-item.product-package .product-title {
        padding-top: 15px;
    }

    .product-item.product-special .product-img {
        height: 305px;
        text-align: center;
    }

    .product-item .product-img a {
        display: inline-block;
    }

    .product-item.product-special .product-body {
        text-align: center;
        padding: 0 5px;
    }

    .product-item.product-special .product-title div {
        font-size: 16px;
        height: 44px;
        overflow: hidden;
    }

    .product-item .product-title a {
        color: #009999;
        font-size: 20px;
        height: 55px;
        display: block;
        overflow: hidden;
    }

        .product-item .product-title a:hover,
        .product-item .product-title a:focus {
            text-decoration: none;
        }


    .product-item.product-special .product-title {
        color: #fff;
        font-size: 20px;
    }

    .product-item.product-special .product-img {
        height: auto;
    }

    .product-item .product-body .product-description {
        text-align: left;
        padding-top: 10px;
    }

.product-package .product-order-button {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.product-package .product-price {
    display: block;
    float: left;
    padding: 7px 0;
}

.product-package .button-main {
    float: right;
    margin-right: 15px;
}

.product-item .product-option {
    padding: 20px 0 15px;
}

    .product-item .product-option select.form-control {
        height: 35px;
        font-size: 16px;
        border-radius: 0px;
        background-color: #fff;
    }

    .product-item .product-option .product-price .price {
        display: block;
        height: 35px;
        font-size: 16px;
    }

.btn-customize {
    color: #006666;
    font-size: 16px;
    padding-right: 5px;
    text-transform: uppercase;
    text-decoration: underline;
}

    .btn-customize:hover {
        color: #ddd;
    }

.energy-note {
    font-family: "BrandonText-B", sans-serif;
    padding: 20px 0;
    font-size: 24px;
}

    .energy-note p {
        font-size: 16px;
        font-family: "BrandonText-L", sans-serif;
    }



/*Product detail*/

.quantity-adder {
    margin-bottom: 10px
}

    .quantity-adder input {
        border: none;
        font-size: 18px;
        vertical-align: middle;
        line-height: 18px;
        font-weight: 700;
        text-align: center;
        background: none;
        color: #fff;
    }

.quantity-title {
    letter-spacing: 1.15px;
    margin-right: 10px
}

.add-action {
    position: absolute;
    top: 0;
    cursor: pointer;
    display: block;
    font-size: 11px;
    letter-spacing: 1.15px;
    width: 2.4em;
    height: 2.4em;
    line-height: 2.5em;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}



    .add-action:hover {
        color: #fff
    }

.add-down {
    left: 0;
    background-color: #3a3a3a;
    color: #fff;
}

.add-up {
    right: 0;
    background-color: #ff5832;
    color: #fff;
}

.add-action.change-bg {
    background-color: #ffffff;
    color: #333333;
    cursor: not-allowed;
}


.add-to-icon {
    background: #629735 none repeat scroll 0 0;
    font-size: 19px;
    padding: 6px
}

.quantity-wrapper {
    min-width: 70px;
    position: relative;
    text-align: center
}

.product-detail {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px 20px;
}

    .product-detail .product-detail-img a {
        display: inline-block;
    }

    .product-detail .product-item {
        background: none;
        padding: 20px 0;
    }

        .product-detail .product-item.product-special .product-order-button {
            position: static;
        }

    .product-detail .product-total-price {
        font-family: "BrandonText-B", sans-serif;
        font-size: 20px;
        color: #009999;
    }

.hr-dark {
    border-color: #333a33;
    margin: 10px 0;
}

.hr-gray {
    border-color: #859985;
}



/*Product Order*/

.order-option {
    position: relative
}

    .order-option .iradio_square-green {
        position: absolute;
        left: 20px;
        top: 35%;
    }

    .order-option .icheckbox_square-green,
    .order-option .iradio_square-green {
        background: none;
        background-color: #fff;
        width: 40px;
        height: 40px;
        border: 2px solid #8b8b8b;
        border-radius: 50%;
    }

        .order-option .icheckbox_square-green.checked:before,
        .order-option .iradio_square-green.checked:before {
            content: "";
            margin: 5px;
            border-color: #006666;
            background-color: #006666;
            width: 26px;
            height: 26px;
            display: block;
            border-radius: 50%;
        }

#btn-current-location {
    color: #000;
}

    #btn-current-location:hover {
        text-decoration: none;
        color: #006666;
    }

.hr-legend {
    margin: 20px 0;
    position: relative;
}

    .hr-legend hr {
        position: absolute;
        left: 0;
        right: 0;
        top: 45%;
        z-index: 0;
    }

    .hr-legend .form-legend {
        position: absolute;
        left: 48%;
        top: -13px;
    }

.option-time {
    display: none;
}

#stepTwo {
    display: none;
}

.cart-info-title {
    margin-bottom: 5px;
    text-transform: uppercase;
}

.cart-info .md-btn {
    padding: 4px 16px;
    font-size: 18px;
}

.backdrop {
    height: 149px;
    background: url("../images/bg-submenu.jpg") no-repeat;
}

.backdrop-title {
    font-size: 37px;
    font-family: "BrandonText-B", sans-serif;
    text-transform: uppercase;
    padding-top: 65px;
}

.order-step {
    margin: 25px 0;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

    .order-step .order-process {
        display: table;
        width: 100%;
    }

    .order-step ul {
        padding-right: 0;
        margin-bottom: 0;
        padding-left: 0;
    }

    .order-step li {
        display: table-cell;
        width: 25%;
        vertical-align: middle;
        list-style: none;
        font-size: 14px;
        line-height: 1.2;
        font-family: "BrandonText-B", sans-serif;
        text-align: center;
        background: url("../images/bg-orderstep-new.png") no-repeat;
        background-position: 0 -59px;
        padding: 15px 0;
    }

        .order-step li.active {
            background-position: 0 -231px; /*-209px*/
        }

            .order-step li.active.allow {
                background-position: 0 -116px;
            }


        .order-step li:first-child {
            -webkit-border-top-left-radius: 8px;
            -moz-border-radius-topleft: 8px;
            border-top-left-radius: 8px;
        }

        .order-step li:last-child.active {
            background-position: 0 -231px;
        }

        .order-step li:last-child {
            -webkit-border-top-right-radius: 8px;
            -moz-border-radius-topright: 8px;
            border-top-right-radius: 8px;
            background-position: 0 -287px;
        }

.product-cart-list {
    padding: 15px 30px;
}

.cart-title {
    font-size: 20px;
    font-family: "BrandonText-B", sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
}

.cart-body {
    padding: 10px 0;
}

.cart-list {
    margin-top: 30px;
}

.cart-item {
    margin-bottom: 10px;
}

    .cart-item .cart-img {
        margin-right: 15px;
    }

        .cart-item .cart-img img {
            max-height: 100px;
        }

    .cart-item .product-quantity {
        margin: 18px 0 0px;
    }

    .cart-item .cart-description {
        border-right: 1px solid #515151;
    }

    .cart-item .cart-item-total-price {
        border-left: 1px solid #515151;
        font-size: 26px;
        font-family: "BrandonText-B", sans-serif;
        text-align: center;
        padding: 22px 0;
    }

.product-cart-optional {
    padding: 10px 0;
}

    .product-cart-optional .cart-body {
        padding: 0 30px 30px;
    }

    .product-cart-optional .cart-item {
        margin: 30px 0;
    }

    .product-cart-optional .col-md-4:last-child .cart-item .cart-description {
        border-right: 0;
    }

.cart-total-price {
    background-color: rgba(255, 255, 255, .14);
    margin-bottom: 40px;
    padding: 5px 65px 3px;
    font-size: 20px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
}

    .cart-total-price span {
        font-size: 20px;
    }

    .cart-total-price b {
        font-size: 28px;
        font-family: "BrandonText-B", sans-serif;
    }

.cart-info {
    margin-top: 30px;
}

    .cart-info .cart-line {
        padding: 10px 0;
    }

.cart-item-total-price {
    font-size: 26px;
}

    .cart-item-total-price b {
        font-size: 28px;
        font-family: "BrandonText-B", sans-serif;
    }



/*Product customize*/

.product-extras-selected > ul.nav {
    margin-right: 0;
    padding-right: 0;
}

    .product-extras-selected > ul.nav > li {
        float: left;
        width: 100%;
        border-bottom: 1px solid #333a33;
        padding-bottom: 8px;
    }

.product-extras-option > ul.nav > li {
    border-bottom: 1px solid #333a33;
    padding: 8px 15px;
}

.product-extras-option-wrapper {
    height: 400px;
}

.product-extras-option-step2 > ul.nav > li {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 0;
    border-bottom: 1px solid #333a33;
}

    .product-extras-option-step2 > ul.nav > li i {
        font-size: 20px;
        color: #ffffff;
        vertical-align: middle;
    }

.product-extras-option-step2 .attribute-label input[type=checkbox] {
    width: 0;
}

    .product-extras-option-step2 .attribute-label input[type=checkbox]:after {
        width: 16px;
        height: 16px;
        content: '';
        display: inline-block;
        margin-left: -20px;
        vertical-align: top;
        transform: rotateZ(-12deg);
        background: transparent;
    }

    .product-extras-option-step2 .attribute-label input[type=checkbox]:checked:after {
        background: url('../images/icon-check.png') no-repeat;
        background-size: 90% 90%;
    }

.product-extras-option-step2 .nav li label {
    padding-left: 25px;
}



.product-extras-option-step2 > ul.nav > li:hover {
    cursor: pointer;
}

.product-extras-option-step2 .extras-option-list ul.nav {
    padding-right: 0;
}

    .product-extras-option-step2 .extras-option-list ul.nav li {
        font-size: 14px;
        padding: 5px 0;
        width: 100%;
        float: left;
    }

        .product-extras-option-step2 .extras-option-list ul.nav li .attribute-input {
            float: left;
        }


/*.product-extras-option-step2 .extras-option-list ul.nav li  {
  background: url('../images/icon-check.png') no-repeat 0 7px;
}*/

.add-action.disable {
    background: lightgray;
    pointer-events: none;
}

.product-extras-option-step2.disable .product-attribute {
    pointer-events: none;
}


/*Footer*/

.footer {
    border-top: 4px solid #006666;
    padding: 60px 0 50px;
    background: url("../images/bg-footer.jpg") no-repeat;
    background-size: cover;
}

a.logo-footer {
    padding-bottom: 10px;
    display: block;
}

.footer-title {
    font-family: "BrandonText-B", sans-serif;
    margin-top: 0;
    margin-bottom: 15px;
    color: #fff;
}

.footer-info {
    color: #999;
}

.footer-powered-by {
    display: block;
}

.footer-info .material-icons {
    color: #999999;
}

.footer-info table td {
    border: 0 !important;
}

.footer-info table a {
    color: #006666;
}

.footer-info ul.nav {
    padding-right: 0;
}

    .footer-info ul.nav > li > a {
        padding: 4px 0;
        color: #999;
    }

        .footer-info ul.nav > li > a:hover {
            color: #006666;
        }

.footer-info ul.nav-social > li > a {
    padding-right: 5px;
}

    .footer-info ul.nav-social > li > a > img {
        border: 3px solid transparent;
    }

    .footer-info ul.nav-social > li > a:hover > img {
        border-color: #006666;
        border-radius: 50%;
    }

.footer-info ul.nav-social > li:last-child > a {
    padding-right: 0;
}

.footer-info ul.nav-app {
    margin-top: 15px;
}

    .footer-info ul.nav-app > li {
        width: 49%;
    }

        .footer-info ul.nav-app > li + li {
            margin-left: 5px;
        }

        .footer-info ul.nav-app > li > a > img {
            max-width: 100%;
        }

.copyright {
    padding-top: 10px;
    font-family: "BrandonText-L", sans-serif;
    color: #999;
    font-size: 15px;
}


.topic-page .page-body h2,
.topic-page .page-body h3,
.topic-page .page-body h4,
.topic-page .page-body h5,
.topic-page .page-body h6 {
    font-family: "BrandonText-B", sans-serif;
    color: #ff5832;
    margin-bottom: 10px;
}


/*Modal Box*/

.mdBox {
    color: #000;
    background: url("../images/bg-modal.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 850px;
}

    .mdBox .md-header {
        padding: 15px 20px;
        font-size: 22px;
        font-family: "BrandonText-B";
        text-transform: uppercase;
        background-color: #2e462e;
        color: #fff;
        letter-spacing: 1px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
    }

    .mdBox .md-body {
        padding: 55px 0 0;
    }

        .mdBox .md-body a {
            color: #006666;
        }



.md-title {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "BrandonText";
    margin-bottom: 10px;
}

    .md-title.md-title-lg {
        font-size: 39px;
        font-family: "BrandonText-B";
        letter-spacing: 1px;
    }

.fancybox-close-small {
    top: 11px;
    right: 11px;
}

    .fancybox-close-small:after {
        width: 28px;
        height: 28px;
        background: url("../images/icon-close.png") no-repeat !important;
        content: "";
        border-radius: 0;
    }

.md-footer {
    margin-left: -24px;
    margin-right: -24px;
    margin-bottom: -24px;
    margin-top: 15px;
    padding: 30px 56px;
    background-color: rgba(161, 161, 161, 0.27);
}

    .md-footer a {
        color: #006666;
    }

.mdBox-style {
    background-color: rgba(102, 102, 102, .93);
    color: #fff;
    border-radius: 6px;
}

    .mdBox-style .md-footer {
        background: none;
    }

    .mdBox-style .fancybox-close-small {
        display: none;
    }

    .mdBox-style .md-header {
        font-size: 40px;
        font-family: 'BrandonText-B', sans-serif;
        letter-spacing: 1px;
    }

    .mdBox-style .md-body {
        margin-top: 20px;
    }

    .mdBox-style .md-footer {
        text-align: center;
    }

        .mdBox-style .md-footer a {
            padding: 7px 40px;
            color: #fff;
            text-transform: uppercase;
            margin: 0 15px;
        }

            .mdBox-style .md-footer a.btn-yes {
                background-color: #006666;
            }

            .mdBox-style .md-footer a.btn-no {
                background-color: #ebebeb;
                color: #000;
            }

.item-content .buttons {
    text-align: center;
}

    .item-content .buttons .md-btn-form {
        display: inline-block;
        vertical-align: middle;
    }

.shipping-addresses .new-shipping-address {
    margin-bottom: 50px;
}


/*Form*/

.field-validation-error,
.field-validation-valid {
    display: block;
    color: #ff5832;
    height: 22px;
}

.checkout-data .payment-info {
    max-width: 500px;
    margin: 0 auto;
}

    .checkout-data .payment-info td {
        height: 70px;
        vertical-align: top;
    }

        .checkout-data .payment-info td:first-child {
            text-align: right;
            padding-right: 35px;
        }

        .checkout-data .payment-info td label {
            margin-bottom: 0;
        }

.message-error .validation-summary-errors ul li {
    color: #ff5832;
}

.checkout-data .select select {
    width: 100%;
}

.form-legend .legend-number {
    width: 35px;
    height: 35px;
    font-size: 20px;
    line-height: 1.7;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-family: 'BrandonText', sans-serif;
    margin: 15px 0;
}



.form-legend .legend-text {
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    padding: 0px 0 0px;
    border-bottom: 1px solid #000;
    font-family: 'BrandonText-B', sans-serif;
}

    .form-legend .legend-text span {
        color: #ff3300;
        text-transform: none;
        font-family: 'BrandonText-L', sans-serif;
    }

.form-box-info {
    background-color: rgba(153, 153, 153, .23);
    padding: 15px 30px;
    color: #000;
    border: 1px solid #999;
    border-radius: 4px;
}

    .form-box-info ul.nav li {
        padding-left: 20px;
        position: relative;
        margin-top: 20px;
    }

        .form-box-info ul.nav li:before {
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #000;
            position: absolute;
            left: 0;
            top: 7px;
        }



/*Pagination*/


/*
.pagination {
  display: block;
}

.pagination span.active {
  text-decoration: underline;
}

.pagination span,
.pagination a {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 3px;
  margin-left: 5px;
}

.pagination a {
  background-color: #006666;
  color: #fff;
}*/

.pagination {
    display: block;
}

    .pagination ul {
        list-style-type: none;
    }

        .pagination ul > li {
            display: inline-block;
        }

    .pagination li.current-page span {
        text-decoration: underline;
    }

    .pagination span,
    .pagination a {
        display: inline-block;
        padding: 4px 10px;
        border-radius: 3px;
        margin-left: 5px;
    }

    .pagination a {
        background-color: #006666;
        color: #fff;
    }


/* Customize */

.breadcrumb {
    padding: 10px 0;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 0;
}

    .breadcrumb .delimiter {
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
    }

    .breadcrumb ul {
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        .breadcrumb ul li {
            display: inline-block;
            vertical-align: middle;
        }

    .breadcrumb li a {
        font-weight: bold;
    }

.text-box.single-line {
    display: block;
    width: 100%;
    background-color: #ebebeb;
    border: 1px solid #c2c2c2;
    box-shadow: none;
    height: 40px;
    font-size: 18px;
    padding: 2px 8px;
    border-radius: 4px;
    line-height: 1.42857143;
}

.select select {
    display: inline-block;
    margin-left: 5px;
    padding: 4px 2px;
    background-color: #ebebeb;
    border: 0;
    box-shadow: none;
    line-height: 1.42857143;
    color: #555;
    height: 40px;
    border-radius: 4px;
    font-size: 18px;
    font-family: 'BrandonText', sans-serif;
}

    .select select:first-child {
        margin-left: 0;
    }

.timezone {
    overflow: hidden;
    position: relative;
}

    .timezone select {
        width: 100%;
    }

.facebook-login-block img {
    margin: 0 auto;
}

.mini-shopping-cart .count {
    padding: 0 10px 15px;
}

.mini-shopping-cart .order-name {
    padding: 10px 15px;
    padding-left: 10px;
    color: #000;
    font-size: 25px;
    font-family: "BrandonText-B", sans-serif;
    text-transform: uppercase;
}

.mini-shopping-cart .items {
    height: 260px;
    overflow-y: auto;
}

    .mini-shopping-cart .items .mCSB_inside > .mCSB_container {
        margin-right: 0;
    }

    .mini-shopping-cart .items .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #333333;
    }

    .mini-shopping-cart .items .mCSB_scrollTools .mCSB_draggerRail {
        background-color: transparent;
    }

.mini-shopping-cart table {
    margin-bottom: 30px;
}

    .mini-shopping-cart table thead th {
        text-align: center;
    }

    .mini-shopping-cart table thead span {
        text-decoration: underline;
    }

    .mini-shopping-cart table .item {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #eeeeee;
    }

    .mini-shopping-cart table tr td:first-child {
        width: 65%;
        vertical-align: top;
        text-align: left;
    }

    .mini-shopping-cart table tr td:last-child {
        width: 20%;
    }

    .mini-shopping-cart table tr td {
        width: 15%;
        vertical-align: top;
        text-align: center;
        padding: 10px;
    }

    .mini-shopping-cart table .picture {
        display: table-cell;
        vertical-align: top;
    }

    .mini-shopping-cart table .product-name {
        display: table-cell;
        vertical-align: top;
        padding-left: 10px;
    }

    .mini-shopping-cart table .attributes {
        font-size: 14px;
    }

    .mini-shopping-cart table .customize,
    .mini-shopping-cart table .product-edit {
        display: inline-block;
        vertical-align: middle;
        padding-left: 5px;
        padding-right: 5px;
    }

        .mini-shopping-cart table .customize img,
        .mini-shopping-cart table .product-edit img {
            display: inline-block;
            vertical-align: middle;
            width: 16px;
            height: auto;
        }

        .mini-shopping-cart table .product-edit img {
            width: 14px;
        }

        .mini-shopping-cart table .customize .text,
        .mini-shopping-cart table .product-edit .text {
            display: inline-block;
            vertical-align: middle;
        }

    .mini-shopping-cart table .title {
        font-size: 14px;
    }

.mini-shopping-cart .order-total {
    position: relative;
    z-index: 2;
    padding: 15px;
    background-color: #F2F2F2;
    color: #000000;
    font-size: 16px;
    font-family: "BrandonText-B", sans-serif;
    text-transform: uppercase;
}

.mini-shopping-cart .totals,
.mini-shopping-cart .inclusive {
    display: block;
}

.mini-shopping-cart .buttons {
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    text-align: center;
    padding: 15px 10px;
}

.mini-shopping-cart .checkout-button {
    width: 100%;
    padding: 13px 0;
    font-size: 25px;
    font-family: "BrandonText-B", sans-serif;
}

.mini-shopping-cart .buttons .cart-button {
    background-color: #006666;
    color: #fff;
    border: 0;
    padding: 7px 15px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/**CART**/

.cart-body .cart-options {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .cart-body .cart-options .update-cart-button {
        margin-bottom: 15px;
    }

.cart-footer .message-failure {
    color: #ff5832;
}

.cart-footer .giftcard-box {
    margin-top: 30px;
}

.cart-footer .shipping {
    margin-top: 30px;
}

.cart-footer .cart-total {
    width: 100%;
}

    .cart-footer .cart-total td {
        padding: 5px 0;
        width: 50%;
        text-align: right;
    }

.checkout-buttons {
    margin-top: 30px;
    text-align: right;
}

.table-wrapper .edit-item {
    display: inline-block;
    padding: 5px;
    font-size: 12px;
    line-height: 1;
    background-color: #ff5832;
    border-radius: 5px;
    margin-top: 10px;
}

    .table-wrapper .edit-item a:hover {
        text-decoration: none;
    }

.table-wrapper .material-icons {
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
}

.table-wrapper .text {
    display: inline-block;
    vertical-align: middle;
}

.table-wrapper .add-down {
    left: -10px;
}

.table-wrapper .add-up {
    right: -10px;
}

.is-mobile {
    display: block;
}

.table-wrapper table {
    width: 100%;
    border: 1px solid #333a33;
}

    .table-wrapper table thead {
        display: none;
    }

    .table-wrapper table tbody td {
        display: block;
        border-bottom: 1px solid #333a33;
        padding-bottom: 10px;
        padding-top: 5px;
        text-align: center;
    }

.table-wrapper .remove-from-cart {
    background-color: #006767;
}

.table-wrapper table tbody tr {
    border-bottom: 1px solid #333a33;
}

    .table-wrapper table tbody tr:last-child {
        border-bottom: 0;
    }

.table-wrapper table tbody a {
    display: block;
}

.estimate-shipping label {
    font-weight: normal;
    font-family: 'BrandonText', sans-serif;
}

.estimate-shipping .text {
    display: block;
}

.estimate-shipping .shipping-results {
    margin-top: 30px;
    padding-left: 0;
}

    .estimate-shipping .shipping-results li {
        list-style: none;
        padding-bottom: 5px;
    }

.coupon-code .discount-coupon-code,
.coupon-code .gift-card-coupon-code,
.estimate-shipping .zip-input {
    max-width: 250px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0;
    border: 0;
    height: 35px;
}

.coupon-code .apply-discount-coupon-code-button,
.coupon-code .apply-gift-card-coupon-code-button,
.estimate-shipping .estimate-shipping-button {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
}

.coupon-box .hint,
.giftcard-box .hint {
    margin-bottom: 5px;
}

.terms-of-service .text {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 1.2px;
    padding-left: 10px;
    width: calc(100% - 26px);
}

    .terms-of-service .text a {
        padding-left: 3px;
        color: #ff5832;
    }

.cart-title .number {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #ffffff;
}

.cart-title .title {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
}


/*Product checkout*/

.checkout-step-number {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    color: #333;
}

.checkout-title {
    margin-bottom: 10px;
}

    .checkout-title:hover {
        cursor: pointer;
    }

.back-link {
    display: inline-block;
    margin-right: 10px;
}

    .back-link .material-icons {
        display: inline-block;
        vertical-align: bottom;
        margin-right: 10px;
        font-size: 20px;
        color: #fff;
    }

.product-cart-list .order-review-data ul {
    padding-left: 0;
    margin-bottom: 0;
}

.product-cart-list .order-review-data li {
    list-style: none;
}

.payment-method .method-list {
    padding-left: 0;
    margin-bottom: 0;
}

    .payment-method .method-list li {
        list-style: none;
    }

.order-information table {
    width: 100%
}

.order-information ul {
    padding-left: 0;
    margin-bottom: 0;
}

    .order-information ul li {
        list-style: none;
    }

.order-information .total-info .cart-total-left,
.order-information .total-info .cart-total-right {
    text-align: right;
    vertical-align: middle;
}

#products-selected .attribute-label {
    font-family: 'BrandonText', sans-serif;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}

    #products-selected .attribute-label .quantity-indicator {
        float: right;
    }

.bar-notification {
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
}

    .bar-notification.success {
        background-color: #066066;
        color: #ffffff;
    }

    .bar-notification .content {
        padding: 10px 45px;
        margin-bottom: 0;
    }

        .bar-notification .content .close {
            text-shadow: none;
            font-weight: normal;
            opacity: 1;
            color: #ffffff;
        }

        .bar-notification .content i {
            font-size: 20px;
            color: #ffffff;
        }

    .bar-notification.success a {
        color: #ff5832;
    }

.shipping-method ul {
    padding-left: 0;
    margin-bottom: 0;
}

    .shipping-method ul li {
        list-style: none;
    }

.product-option .attributes ul {
    padding-left: 0;
    margin-bottom: 0;
}

    .product-option .attributes ul li {
        list-style: none;
    }

.product-option dl dt {
    border-bottom: 1px solid #ffffff;
    padding-bottom: 5px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.product-option .text-prompt {
    text-transform: uppercase;
    margin-bottom: 0;
}

.product-option dd .option-list label {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 26px);
}

.extras-option-list .nav li .icheckbox_square-green {
    visibility: hidden;
}

.extras-option-list .nav li label {
    font-family: 'BrandonText', sans-serif;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    margin-bottom: 0;
    cursor: pointer;
}

.md-content .order-option img {
    cursor: pointer;
    border: 2px solid transparent;
    padding: 5px;
    background-color: transparent;
    opacity: 1;
}

.tab-content .item-content.active {
    display: block;
}

.tab-content .item-content {
    display: none;
}

.tab-content .delivery-address,
.tab-content .delivery-detail {
    max-width: 800px;
}

.pickup-store .pickup-store-item .btn-pickup {
    background-color: #006766;
    color: #ffffff;
}

.pickup-store .pickup-store-item.active .btn-pickup {
    background-color: #ff5833;
    color: #ffffff;
}

#pickup-store .store-name p {
    color: #000000;
}

.tab-content .form-control {
    margin-bottom: 15px;
    margin-top: 15px;
}

.tab-content .delivery-address label {
    font-family: 'BrandonText', sans-serif;
    font-size: 14px;
    width: 100%;
    display: block;
}

.tab-content .md-btn-form {
    max-width: 250px;
    display: block;
    margin: 30px auto;
}

.delivery-address {
    display: none;
}

.delivery-detail {
    display: none;
}

    .delivery-detail.current {
        display: block;
    }

    .delivery-detail .select select {
        width: 100%;
    }

#pickup-map {
    height: 350px;
}

.order-option {
    display: inline-block;
    width: 100%;
    text-align: center;
}

    .order-option .form-legend {
        display: block;
        float: left;
        width: 20%;
    }

    .order-option .delivery, .order-option .pickup {
        display: block;
        float: left;
        width: 40%;
    }

    .order-option .active img {
        border: 2px solid #000;
        padding: 5px;
        background-color: #000;
        opacity: 0.8;
    }

.input-hidden {
    display: none;
}

@media (min-width: 768px) {

    .form-legend .legend-number.legend-number-lg {
        width: 68px;
        height: 68px;
        font-size: 40px;
        font-family: 'BrandonText-B', sans-serif;
        margin: 35px 0;
    }

    .header.header-fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background-color: rgba(0, 102, 102, 0.9);
    }

        .header.header-fixed .logo a {
            padding: 5px 0;
        }

            .header.header-fixed .logo a img {
                max-height: 47px;
            }

        .header.header-fixed .header-member,
        .header.header-fixed .header-hotline {
            display: none;
        }

    .quantity-customize {
        margin-top: 5px;
        margin-right: 15px;
    }

        .quantity-customize .quantity-adder {
            margin-bottom: 0;
        }

    .delivery-detail .delivery-estimate-shipping {
        height: 227px;
    }

        .delivery-detail .delivery-estimate-shipping .md-btn-form {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

    .coupon-code .discount-coupon-code,
    .coupon-code .gift-card-coupon-code,
    .estimate-shipping .zip-input {
        max-width: 320px;
    }

    .coupon-code .apply-discount-coupon-code-button,
    .coupon-code .apply-gift-card-coupon-code-button,
    .estimate-shipping .estimate-shipping-button {
        margin-top: 0;
    }

    .cart-body .cart-options {
        text-align: right;
    }

    .cart-body .cart-footer {
        overflow: hidden;
    }

        .cart-body .cart-footer .cart-collaterals {
            float: left;
            width: 50%;
            padding-right: 15px;
        }

        .cart-body .cart-footer .totals {
            float: right;
            width: 50%;
            padding-left: 15px;
        }

    .is-mobile {
        display: none;
    }

    .cart-body .cart-options {
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .cart-body .cart-options .update-cart-button {
            margin-bottom: 0;
        }

    .table-wrapper .product .product-name {
        text-align: left;
    }

    .table-wrapper .product .attributes {
        text-align: left;
    }

    .table-wrapper table thead {
        display: table-header-group;
        border-bottom: 1px solid #333a33;
    }

        .table-wrapper table thead th {
            text-align: center;
            padding: 10px;
            border-right: 1px solid #333a33;
        }

            .table-wrapper table thead th:last-child {
                border-right: 0;
            }

    .table-wrapper table tbody td {
        display: table-cell;
        padding: 10px;
        border-right: 1px solid #333a33;
        border-bottom: 0;
    }

        .table-wrapper table tbody td:last-child {
            border-right: 0;
        }

    .table-wrapper .remove-from-cart {
        width: 5%;
        background-color: transparent;
    }

    .table-wrapper .product-picture {
        width: 20%;
    }

    .table-wrapper .product {
        width: 40%;
    }

    .table-wrapper .unit-price {
        width: 10%;
    }

    .table-wrapper .quantity {
        width: 12%;
    }

    .table-wrapper .subtotal {
        width: 18%;
    }
}

@media (min-width: 1024px) {
    .mainnav-cart > a {
        padding: 17px 0 17px 30px;
        font-size: 16px;
    }

    .order-step li {
        font-size: 18px;
        text-transform: uppercase;
    }

        .order-step li.active {
            background-position: 0 -208px;
        }

            .order-step li.active.allow {
                background-position: 0 -155px;
            }

    .order-step li {
        background-size: cover;
        background-position: 0 -49px;
    }

        .order-step li:last-child {
            background-position: 0 -260px;
        }

            .order-step li:last-child.active {
                background-position: 0 -312px;
            }

    .product-order-button .quantity-customize {
        margin-top: 0;
        width: calc(100% - 15px - 73px - 145px);
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .mainnav-cart > a {
        padding: 5px 0 5px 30px;
        font-size: 31px;
    }
}

#popup-box p {
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    padding-right: 98px;
}

.popup-stores {
    display: none;
    padding: 0 20px;
}

.list-stores {
    margin-bottom: 0;
    padding-left: 0;
}

    .list-stores .item-store a {
        margin-top: 10px;
        margin-bottom: 10px;
        display: block;
    }





/*forefront-css*/

/*.wrapper .container {
    text-align: left;
    width: 100%;
    padding: 0 80px;
}*/

.footer .container {
    width: 100%;
    padding: 0 50px;
    text-align: left;
}

.header .container {
    width: 100%;
    text-align: center;
}

.mainnav > ul.nav {
    float: right;
}

    .mainnav > ul.nav > li > a {
        padding: 20px;
        border-bottom: none;
        font-size: 15px;
        border: none;
    }

.mainnav {
    background-size: contain;
}

    .mainnav > ul.nav > li:first-child {
        margin-left: 0;
    }

.header-member {
    display: inline-block;
    width: 100%;
    display: flex;
    align-items: center;
}

.header-hotline {
    display: inline-block;
}

.header-member > ul {
    display: inline-block;
}

.mainnav-cart {
    display: inline-block;
}

.infor {
    padding-left: 0;
}

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

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

.header-hotline {
    float: unset;
    text-align: left;
}

.header-member-right {
    display: inline-block;
    text-align: right;
}

.user {
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

.mainnav-cart {
    display: inline-block;
    vertical-align: middle;
    float: unset;
    margin-left:10px;
}

.logo a {
    padding: 0;
}

    .logo a img {
        max-width: 80%;
    }

.logo-menu {
    padding: 10px;
    width: 100%;
    display: inline-block;
}

    .logo-menu > div:first-child {
        padding: 0 15px;
    }

.header-hotline li.hotline {
    margin: auto;
    margin-right: 10px;
}

.header-hotline li.hotline, .header-hotline li.find-localtion a {
    background-size: 15px;
    background-position: left center;
    padding-left: 25px;
    font-size: 15px;
    text-transform: capitalize;
    vertical-align: middle;
}

.mainnav-cart > a {
    background-position: left center !important;
}


.mainnav {
    background: none;
}

.header-member-main {
    background: url(../images/menu-line-top.png) no-repeat bottom right;
    clear: both;
    background-size: contain;
    margin-bottom: 10px;
}

.header-fixed .header-member-main {
    display: none;
}

.header {
    transition: all 0.5s ease-in-out;
}

/*.header-fixed1 {
    position: fixed;
    top: -500px !important;
    opacity: 1;
    transition: all 1.5s ease-in-out;
    background-color: rgba(0, 102, 102, 1);
}*/

.header-fixed {
    transition: all 1.5s ease-in-out;
    opacity: 1;
    top:0 !important;
}


.oprningtime-1, .oprningtime-2 {
    display: inline-block;
    padding-right: 10px;
}

.table tr > td > p {
    margin-bottom: 0;
}

.social-icon {
    text-align: left;
}

.nav-social {
    display: inline-block;
    padding-left: 0;
}

    .nav-social > li {
        display: inline-block;
    }

.nav-app { 
    padding-left: 0;
    display:inline-block
}

    .nav-app > li {
        display: inline-block;
        width: auto !important;
    }

.footer-info ul.nav > li > a {
    position: relative;
    transition: all 0.5s ease-in-out;
}

    .footer-info ul.nav > li > a:hover {
        padding-left: 5px;
    }
.user > li
{
    font-size:18px;
}

.header {
    position: sticky !important;
    z-index: 2;
    top: 0;
    background:  url(../images/bg.jpg);
    background-size: cover;
    background-position: center;
    width:100%;
}
    .header:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height:100%;
        background-color: rgba(0, 102, 102, 0.7);
    }
    .mm-page {
        position: unset !important;
    }

.order-option .active img {
    border: 2px solid #fff !important;
}

@media(min-width:767px) {
    .header.header-fixed .logo a img {
        max-height: 50px;
    }
}

@media (max-width:1140px) {
    .mainnav > ul.nav > li > a {
        padding: 11px 13px;
    }
}

@media (max-width:1024px) {
    .mainnav > ul.nav > li > a {
        padding: 11px 13px !important;
    }

}

@media (max-width:992px) {
    .logo a img {
        max-width: 100%;
    }

    .logo-menu {
        width: 100%;
    }

    .mainnav.clearfix {
        padding: 12px 0;
    }

    .wrapper .container {
        padding: 0 30px;
    }

    .logo-menu > div:first-child {
        text-align: left;
    }

    .header-fixed .mainnav.clearfix {
        padding: 6px 0;
    }

    .footer .container {
        padding: 0 30px;
    }

   
    .header {
        position: relative !important;
    }

    .slideshow {
        margin-top: 10px;
    }
    .header-fixed1, .header-fixed {
        position: relative !important;
    }

    .logo a {
        padding: 0 !important;
    }

   
}


@media (max-width:768px)
{
    .header {
        position: relative;
    }

    .slideshow {
        margin-top: 10px;
    }

    .header-fixed1, .header-fixed {
        position: relative !important;
    }
    .logo a
    {
        padding:0 !important;
    }
   
}

@media (max-width:767px) {
    .logo a {
        padding: 0 !important;
    }

    .header-member-right {
        text-align: center;
    }

    .footer-info ul.nav-app > li + li {
        margin-left: 0;
        margin-bottom:5px;
    }
    .footer-info ul.nav-app > li {
        margin-bottom: 5px;
    }
    .mainnav-cart > a {
        padding: 10px 0 10px 25px !important; 
    }
 
    }

@media (max-width:480px) {
    .mainnav.clearfix {
        padding: 0;
    }

    .wrapper .container {
        padding: 0 15px;
    }

    .footer .container {
        padding: 0 15px;
    }
    .social-icon
    {
        padding-right:0;
    }
}
.product-detail div.product-item div.select select{
	width: 100%;
	max-width: 100%;
}
.product-detail div.product-item textarea{
	width: 100%;
	max-width: 100%;
}
div.bar-notification.error p{
	background-color: rgba(255,186,186,0.8);
	color: #D8000C;
	text-align: center;
	margin: 2px;
}
a.button-main.btn-reset{
	font-size: 14px;
}
a.button-main.btn-reset span.material-icons{
	font-size: 20px;
	vertical-align: top;
}
a#topcartlink sup.total_products_in_cart{
	top: -15px;

	left: -8px;

	font-size: 17px;

	color: #fff;
}