@font-face {
	font-family: 'Kanit';
	src: url('../../assets/fonts/Kanit/Kanit-Regular.ttf');
}
@font-face {
	font-family: 'Kanit-Light';
	src: url('../../assets/fonts/Kanit/Kanit-Light.ttf');
}
@font-face {
	font-family: 'Kanit-Bold';
	src: url('../../assets/fonts/Kanit/Kanit-Bold.ttf');
}

@font-face {
    font-family: 'rsuregular';
    src: url('../../assets/fonts/RSU/rsu_regular-webfont.eot');
    src: url('../../assets/fonts/RSU/rsu_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../assets/fonts/RSU/rsu_regular-webfont.woff2') format('woff2'),
         url('../../assets/fonts/RSU/rsu_regular-webfont.woff') format('woff'),
         url('../../assets/fonts/RSU/rsu_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'supermarketregular';
    src: url('../../assets/fonts/supermarket/supermarket-webfont.eot');
    src: url('../../assets/fonts/supermarket/supermarket-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../assets/fonts/supermarket/supermarket-webfont.woff2') format('woff2'),
         url('../../assets/fonts/supermarket/supermarket-webfont.woff') format('woff'),
         url('../../assets/fonts/supermarket/supermarket-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


section{
	padding: 0;
}
section > .container > .row{
	padding-top: 35px;
	/*font-family: 'Kanit';*/
}

a{
    cursor: pointer;
}


/*SIDEBAR CATEGORY*/
.sidebar .widget-categories {
    border-bottom: none;
    margin-bottom: 0;
}
.custom-vertical-nav ul {
    list-style: none;
    position: relative;
}
ul.dropdown-list li:first-child {
    border-top: 1px solid rgba(0,0,0,0.1);
}
ul.main-list li:not(:last-child) {
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

ul.main-list a > img {
    position: absolute;
    top: 0;
    left: 0;
    padding: 7px 0;
}
ul.main-list li.dropdown > a.btn-show-subcategory {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 34px;
    width: 25px;
    padding: 0;
}
ul.main-list li.dropdown > a.btn-show-subcategory:after {
    font-family: fontawesome;
    content: "\f107";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
ul.main-list li.dropdown.active > a.btn-show-subcategory:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

ul.main-list a {
    width: 100%;
    /*padding: 0 25px;*/
    padding: 0 25px 0 0;
    display: inline-block;
    color: #111;
    word-wrap: break-word;
    position: relative;
    line-height: 34px;
}
ul.main-list a.hasCategoryImage {
    padding: 0 25px 0 30px;
}
ul.dropdown-list a { padding-left: 30px; }
ul.dropdown-list ul.dropdown-list a { padding-left: 40px; }
ul.dropdown-list ul.dropdown-list ul.dropdown-list a { padding-left: 50px; }
li.dropdown.active > ul.dropdown-list {
    display: block;
    /*max-height: 500px;*/
}
ul.dropdown-list {
    display: none;
    /*height: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.8s;
    -o-transition: max-height 0.8s;
    transition: max-height 0.8s;*/
}




/*TOPBAR*/
#topbar {
    border: none;
    height: 40px;
    line-height: 40px;
    background-color: #b6b992;
    color: #fff;
    position: relative;
    z-index: 5500;
    font-family: 'Raleway', 'Kanit-Light', sans-serif;
}
#topbar .topbar-dropdown {
    color: #fff;
}
#topbar .topbar-dropdown .title {
    border: none;
    padding: 0 25px 0 15px;
}
#topbar .topbar-dropdown:first-child .title {
    padding-left: 0;
}
#topbar .topbar-dropdown .title.hasChild::after {
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 40px;
    height: auto;
}
#topbar .topbar-dropdown:not(:first-child) .title::before {
    position: absolute;
    content: "";
    background: #2D2D2D;
    width: 1px;
    height: 12px;
    top: 14px;
    left: 0px;
}
#topbar .topbar-dropdown .dropdown-list {
    border: none;
    border-radius: 0;
    /*box-shadow: 0 0 1px #EAEAEA;*/
    box-shadow: 0 0 1px #9A9A9A;
    width: auto;
    /*min-width: 100%;*/
    min-width: 120px;
    padding: 0;
}
#topbar .topbar-dropdown .dropdown-list a {
    padding: 0 10px;
    line-height: 30px;
    /*background-color: #F5F5F5;*/
    background: #fff;
}
#topbar .topbar-dropdown .dropdown-list a:hover {
    /*background-color: #ccc !important;*/
}
#topbar .topbar-dropdown .dropdown-list a.active {
    background-color: #DADADA;
}
#topbar .system-button {
    float: left;
    height: 100%;
    overflow: hidden;
}
#topbar .system-button ul {
    height: 40px;
}
#topbar .system-button ul li {
    margin: 0;
}
#topbar .system-button ul li:not(:last-child):after {
    position: absolute;
    content: "";
    background: #2D2D2D;
    width: 1px;
    height: 12px;
    top: 14px;
    right: 0px;
}
#topbar .system-button ul li a {
    padding: 0 15px;
    border-radius: 0;
    color: #fff;
    height: 40px;
    line-height: 40px;
}
#topbar .system-button ul li a i {
    line-height: 40px;
}
#topbar .system-button ul li:last-child a {
    padding-right: 0;
}
#topbar .system-button ul li a:hover,
#topbar .system-button ul li a:focus {
    background-color: transparent;
}



/*priceRange*/
.ui-slider-horizontal .ui-slider-range {
    height: 100% !important;
    display: block;
}
.ui-widget-header {
    background-color: #b6b992;
}
.button.custom-button {
    /*padding: 4px 15px;*/
    padding: 0 20px;
    line-height: 32px;
    color: #b6b992;
    font-weight: 400;
    font-size: 12px;
    height: 32px !important;
    border-color: #b6b992;
}
.button.custom-button.effect.fill:hover {
    background-color: #b6b992;
    border-color: #b6b992;
}
#priceRange span.ui-slider-handle.ui-state-default {
    background: #fff;
    border: 2px solid #b6b992;
}
#priceRange span.ui-slider-handle.ui-corner-all {
    border-radius: 50%;
}
#priceRange span.ui-slider-handle:focus {
    outline: none;
}
/*.priceRange*/

/* //////// COLOR SPAN //////// */
.color-span { margin-left: -15px; margin-top: 15px; }
.color-span a span { height: 25px; width: 25px; display: inline-block; margin-left: 15px; border-radius: 50px; }
.color-span a span:hover { /*box-shadow: 5px 5px 5px #000;*/ }
.color-span span.f7cbca { background-color: #f9cfce; }
.color-span span.a2a8d1 { background-color: #fa8b7e; }
.color-span span.b76a5f { background-color: #a1b5d8; }
.color-span span.e3eaa5 { background-color: #1c6193; }
.color-span span.d32d3b { background-color: #ba9b78; }
/* //////// END: COLOR SPAN //////// */

.delivery-info{
    background: #f6f6f6;
}



    /* -------------------------------  FOOTER STYLE ------------------------------- */
    footer{
        background: #101010;
        clear: both;
        position: relative;
        width: 100%;
    }
    .footer-content {
       padding: 60px 0 40px 0; 
   }
   .footer-content .first-column,
   .footer-content .second-column,
   .footer-content .third-column,
   .footer-content .fourth-column{
    display: inline-block;
}
footer.footer-type-3 .footer-top .footer-logo img,
footer.footer-type-4 .footer-content .first-column .footer-logo img,
footer.footer-type-5 .footer-top .footer-logo img{
    max-height: 90px;
}
.copyright-text {
    font-size: 12px;
    text-transform: uppercase;
}
footer, footer a, footer h4{
    color: #fff;
}
footer .footer-bottom .social-icons a{
    padding: 0 10px;
}
footer .footer-bottom .social-icons{
    margin-top: 7px;
}



/* -------------------------------  footer-type-1 ------------------------------- */
.footer-type-1 .footer-top,
.footer-type-1 .element-type-2,
.footer-type-1 .element-type-3,
.footer-type-1 .element-type-4,
.footer-type-1 .social-icons{
    display: none;
}
.footer-type-1 .footer-content .first-column,
.footer-type-1 .footer-content .second-column,
.footer-type-1 .footer-content .third-column,
.footer-type-1 .footer-content .fourth-column{
    width: 25%;
    display: inline-block !important;
}
.footer-type-1 .footer-content .fourth-column .element-type-1 img{
    max-height: 80px;
}
.footer-type-1 .footer-bottom .card-wrapper{
    float: left;
    display: inline;
    clear: none;
}
.footer-type-1 .footer-bottom .card-wrapper .card-icons{
    float: right;
}
.footer-type-1 .footer-bottom .card-wrapper .card-icons a{
    padding: 0 2px;
}



/* -------------------------------  footer-type-2 ------------------------------- */
footer.footer-type-2 .footer-top{
    text-align: center;
    margin: 0;
}
footer.footer-type-2 .footer-top .footer-logo{
    border: none;
    margin: 0;
}
footer.footer-type-2 .footer-top .footer-logo img{
   max-height: 120px;
   margin-top: 20px;
}
footer.footer-type-2 .footer-content .element-type-1,
footer.footer-type-2 .footer-content .element-type-3,
footer.footer-type-2 .footer-content .element-type-4,
footer.footer-type-2 .footer-bottom .card-wrapper{
    display: none !important;
}
footer.footer-type-2 .footer-content .element-type-2{
    display: block;
}

/* -------------------------------  footer-type-3 ------------------------------- */
footer.footer-type-3 {
    padding: 40px 0 0 0;
}
footer.footer-type-3 .footer-top .footer-logo{
    float: left;
}
footer.footer-type-3 .footer-content .element-type-3{
    display: block;
}
footer.footer-type-3 .footer-content .element-type-1,
footer.footer-type-3 .footer-content .element-type-2,
footer.footer-type-3 .footer-content .element-type-4,
footer.footer-type-3 .footer-bottom .card-wrapper{
    display: none !important;
}
footer.footer-type-3 .footer-bottom .social-icons{
    margin-top: 14px;
}

/* -------------------------------  footer-type-4 ------------------------------- */
footer.footer-type-4 .footer-top,
footer.footer-type-4 .element-type-1,
footer.footer-type-4 .element-type-2,
footer.footer-type-4 .element-type-3,
footer.footer-type-4 .social-icons,
footer.footer-type-4 .footer-content .third-column,
footer.footer-type-4 .footer-content .fourth-column,
footer.footer-type-4 .footer-bottom .card-wrapper{
    display: none !important;
} 
footer.footer-type-4 .footer-content .first-column,
footer.footer-type-4 .footer-content .second-column,
footer.footer-type-4 .footer-bottom{
    display: inline-block;
}
footer.footer-type-4 .footer-content{
    padding: 40px 0 10px 0; 
}
footer.footer-type-4 .footer-content .first-column {
    width: 66.66666667%;
}
footer.footer-type-4 .footer-content .second-column{
    width: 33.33333333%;
}
footer.footer-type-4 .footer-bottom .copyright-text{
    width: 100% !important; 
    text-align: center;
}

/* -------------------------------  footer-type-5 ------------------------------- */

.footer-type-5 .footer-top .footer-logo{
    border: none;
    padding: 0;
    text-align: center;
    margin: 0;
}
.footer-type-5 .footer-bottom .copyright-content{
    border: none;
    padding: 0;
}
.footer-type-5 .copyright-text,
.footer-type-5 .social-icons{
    width: 100%;
    text-align: center !important;
}
.footer-type-5 .social-icons{
    padding: 20px 0;
}
.footer-type-5 .footer-top .footer-logo img{
    margin-top: 20px;
}
.footer-type-5 .footer-top .company-desc,
.footer-type-5 .footer-top .seperator,
.footer-type-5 .footer-content,
.footer-type-5 .element-type-1,
.footer-type-5 .element-type-2,
.footer-type-5 .element-type-3,
.footer-type-5 .element-type-4,
footer.footer-type-5 .footer-bottom .card-wrapper{
    display: none;
}

/* -------------------------------  footer-responsive ------------------------------- */
@media (max-width: 991px){
    .footer-content {
        padding: 20px 15px 15px 15px;
    }
    .footer-type-1 .footer-bottom .card-wrapper .card-icons{
        float: left;
    }
    .footer-type-2 .copyright-text, 
    .footer-type-2 .social-icons,
    .footer-type-3 .copyright-text, 
    .footer-type-3 .social-icons{
        display: inline;
        width: initial;
    }
    .footer-type-2 .social-icons,
    .footer-type-3 .social-icons{
        margin-right: 15px;
        padding-top: 8px;
    }
    footer.footer-type-4 .footer-content .first-column .footer-logo{
        text-align: center;
    }
    .footer-type-3 .footer-content .first-column,
    .footer-type-3 .footer-content .second-column{
        width: 50% !important;
    }   

}

/*iPad*/
@media (max-width: 768px){
    footer.footer-type-1 .footer-content .first-column,
    footer.footer-type-1 .footer-content .second-column,
    footer.footer-type-1 .footer-content .third-column{
        width: 50% !important;
    }
    footer.footer-type-1 .footer-content .fourth-column{
        width: 100% !important;
        padding: 0 15px;
    }

    footer.footer-type-2 .social-icons{
        width: 100%;
        text-align: center !important;
    }
    .footer-type-3 .footer-content .first-column
    .footer-type-3 .copyright-text{
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .footer-type-3 .social-icons{
        width: 100%;
        text-align: center !important;
        padding: 10px 0;
        margin: 0;
    }

}
@media(max-width:479px){
    .footer-type-3 .footer-content .first-column,
    .footer-type-3 .footer-content .second-column{
        width: 100% !important;
        padding: 10px 15px;
    }
}
/*iphone6 plus*/
@media(max-width:414px){
    .footer-content {
        padding: 20px 0px 15px 0px !important;
    }
    .first-column,
    .second-column,
    .third-column,
    .fourth-column{
        padding-bottom: 15px;
    }
    .footer-type-2 .copyright-text,
    .footer-type-3 .copyright-text{
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .footer-type-2 .social-icons,
    .footer-type-3 .social-icons{
        width: 100%;
        text-align: center !important;
        padding: 10px 0;
        margin: 0;
    }
    footer.footer-type-4 .footer-content .first-column,
    footer.footer-type-4 .footer-content .second-column{
        width: 100%;
    }

    footer.footer-type-4 .footer-content .first-column .copyrights-menu{
        padding-bottom: 20px;
    }
    footer.footer-type-4 .footer-content .first-column .copyrights-menu a{
        display: inline;
        padding: 0 4px;
    }
    footer.footer-type-4 .footer-bottom .copyright-content{
        padding: 15px 0;
    }
}
/*iphone5*/
@media(max-width: 320px){
    footer.footer-type-4 .footer-content .first-column .copyrights-menu a{
        display: -webkit-inline-box;
        padding: 0 4px;
    }
    .footer-type-1 .footer-bottom .card-wrapper .card-icons a {
        padding: 0;
    }
}



/* new desin shopping cart */
#shopping-cart .shopping-cart-items {  
    display: block;
    position: absolute;
    right: -18px;
    z-index: 1;
    top: 20px;
    font-size: 12px;
    font-weight: bold;
    background: #eee;
    color: #29283b;
    height: 23px;
    width: 23px;
    border-radius: 23px;
    text-align: center;
    font-family: 'Open Sans' !important;
}
#header.header-sticky:not(.header-static) #shopping-cart .shopping-cart-items {
    top: 5px;
}