/*@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Source+Sans+Pro:wght@300;400;600&display=swap');*/
/*font-family: 'Source Sans Pro', sans-serif;*/

* {
    padding: 0;
    margin: 0;
    outline: none;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #1d0a03;
}

img {
    max-width: 100%;
}

.head-top {
    /* background: #371702;
    box-shadow: -1px 3px 4px 2px rgb(0, 0, 0);*/
    background: #5b2502;
    box-shadow: -1px 3px 4px 2px rgb(133, 133, 133);
    overflow: hidden;
    padding: 10px 0
}

.sub-tilte span {
    color: #fff;
    line-height: 25px;
    font-weight: bold;
}

.top-search {
    /* background: url(../images/search-ico.png) no-repeat center right 15px #1e0a01; */
    background: #1e0a01;
    padding: 15px;
    border-radius: 10px 0 0 10px;
    border: none;
    width: 100%;
    margin: 5px 0;
    font-size: 20px;
    color: #fff;
    outline: none;
}

.btm-top-search {
    background: #5b2502;
    padding: 8px;
    border-radius: 0px 10px 10px 0px;
    border: none;
    width: 100%;
    margin: 5px 0;
    font-size: 20px;
    color: #fff;
    outline: none;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
    outline: none;
}

.btm-top-search img {
    max-width: 42px;
}

.top-search::-webkit-input-placeholder {
    color: #7d7875;
}

.top-search:-ms-input-placeholder {
    color: #7d7875;
}

.top-search::placeholder {
    color: #7d7875;
}

.org-txt {
    color: #e45906;
}

.category-nav {
    background: #e7dbcf;
    border-radius: 5px;
    padding: 6px;
    width: 38px;
    height: 32px;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

.category-section {
    /*line-height: 42px;*/
    font-weight: 600;
    font-size: 18px;
    padding-top: 8px;
}

.category-nav span {
    background: #e45906;
    height: 3px;
    width: 18px;
    margin: 3px auto;
    display: block;
}
.filter-section{ background:#c49f85;padding-top: 8px;}
.filter-section li {
    list-style: none;
    padding: 0 2px;
    display: inline-block;

}

.filter-section ul {
    text-align: right;
    margin: 0 0 8px 0;
}

.filter-section li a {
    display: block;
    border: 1px solid #000;
    border-radius: 20px;
    padding: 2px 15px;
    color: #000;
    line-height: 20px;
}

.filter-section li a i {
    color: #bc4a04;
}

.filter-section li:hover a i,
.filter-section li.active a i {
    color: #fff;
}

.filter-section li:hover a,
.filter-section li.active a {
    display: block;
    border: 1px solid #e45906;
    color: #fff;
    background: #e45906;
    text-decoration: none;
}

.head-bottom {
    padding: 0 0 8px 0;
    background: #d7c4b3;
}

.head-bottom:before,
.head-bottom:after {
    display: table;
    content: " ";
    clear: both;
}

.category-menu li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    padding: 0 10px;
}

.display-panel {
    display: none;
}

.opn-list {
    position: relative;
}

.filter-sec {
    right: 0;
    text-align: left;
    background: #e45906;
    padding: 15px 5px 15px 15px;
    border-radius: 5px;
    width: 280px;
    position: absolute;
    z-index: 3;
    font-weight: 400;
    color: #fff;
    height: 400px;
    overflow: auto;
    overflow-y: scroll;
}

.top-title-sec {
    overflow: hidden;
}

.top-title {
    float: left;
    font-size: 24px;
}

.category-menu li:hover a,
.category-menu li.active a {
    background: #bc4a04;
    color: #fff;
    text-decoration: none;
}

.category-menu li {
    list-style: none;
}

.category-menu {
    background: #e45906;
    padding: 15px;
    border-radius: 5px;
    width: 280px;
    position: absolute;
    display: none;
    z-index: 3;
    font-weight: 400;
    line-height: 32px;
}



.cat-block {
    background: #e7dbcf;
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden
}

.cat-info {
    padding: 15px;
    font-size: 18px;
    /* height: 120px; */
}

.cat-info > div {
    margin: 2px 0;
    clear: both;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cat-name {
    text-transform: uppercase;
}

.cat-name img {
    float: left;
    margin: 5px 5px 5px 0;
}

.cat-price span {
    font-size: 24px;
}

.cat-modifi li {
    display: inline-block;
    color: #5a483e;
    border-left: 1px solid #5a483e;
    padding: 0 10px;
    line-height: 20px;
}

.cat-modifi.org li {
    display: inline-block;
    color: #e48041;
    border-left: 1px solid #e48041;
    padding: 0 10px;
    line-height: 20px;
}

.cat-modifi li:first-child {
    border: none;
}

.category-block a {
    color: #1e0a01;
    text-decoration: none;
}

.category-block a:hover {
    text-decoration: none;
}

.scroll-body {
    max-height: 400px;
}

.filter-right {
    float: right;
    display: flex;
}

.filter-section li .filter-right a i {
    color: #7f3a0e;
}

.filter-section li .filter-right a {
    margin-left: 5px;
    background: #f1ac82;
    border: none;
    color: #3e3026;
    padding: 7px 10px;

}

.filter-section li .filter-right .close-div {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 30px;
    line-height: 30px;
    text-align: center;
    background: #f1ac82;
    font-size: 18px;
}

.filter-section li .filter-right .close-div i {
    color: #7f3a0e;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #bc774e !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #db5502 !important;
}

.filter-itm h3 {
    color: #371701;
    margin-top: 5px;
    font-size: 18px;
}

.filter-itm-name {
    margin-bottom: 15px;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #fff;
    border-radius: 3px;
}

.checkbox {
    padding-left: 30px;
    font-weight: normal;
    font-size: 18px;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
    border: 2px solid #fff;
}

.checkbox input {
    visibility: hidden
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #e45906;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.apl-btn {
    background: #ab4100;
    border: navajowhite;
    border-radius: 20px;
    padding: 5px 20px;
    float: right;
}

/*-------List View------------*/
.list-view div > .col-lg-3,
.list-view div > .col-sm-4,
.list-view div > .col-xs-6 {
    width: 100%;
}

.list-view ul {
    margin-bottom: 0px;
}

/*.list-view .cat-img {
    width: 30%;
    float: left;
}

.list-view .cat-info {
    width: 70%;
    float: right;
}*/
.list-view div .cat-block {
    margin-bottom: 10px;
}

.list-view div .cat-name {
    font-weight: 600;
}

.list-view div .cat-info > div {
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
}

.list-view div .cat-info {
    height: auto;
}

button.btn.btn-default.list-ico.active,
button.btn.btn-default.grid-ico.active {
    background: #e45906;
    color: #fff;
    border-color: #e7dbcf;
    outline: none;
}

button.btn.btn-default.list-ico,
button.btn.btn-default.grid-ico {
    color: #e45906;
    background-color: #e7dbcf;
    border-color: #e7dbcf;
    outline: none;
}

/*-------Details------------*/
.category-single-dtl {
    max-width: 730px;
    width: 100%;
    margin: 0 auto;
}

.details-title {
    margin: 25px 0;
    font-size: 38px;
}

.details-title a {
    color: #1e0a01;
    text-decoration: none;
    float: left;
}

.details-title a i {
    color: #fc9e23;
    margin-right: 20px;
    margin-bottom: 20px;
}

.details-title a:hover i {
    color: #000;
    text-decoration: none;
}

.category-single-dtl .cat-name img {
    float: none;
}

.category-single-dtl .cat-price {
    color: #e35604;
    font-size: 42px;
    margin: 15px 0;
}

.category-single-dtl .cat-info {
    height: auto;
}

.category-single-dtl .cat-modifi {
    color: #5a483e;
}

.category-single-dtl .cat-modifi ul {
    display: inline-block;
}

.category-single-dtl .cat-name img {
    margin: 5px;
}

.category-single-dtl .cat-price span {
    font-size: inherit;
    color: #5a483e;
    border-left: solid 1px;
    margin-right: 12px;
    margin-left: 10px;
}

.more-itm h3 {
    color: #e08206
}

.more-itm {
    padding-bottom: 20px;
}

.more-itm a {
    color: #1e0a01
}

.more-itm .cat-price {
    font-size: 26px;
}

.more-itm .cat-info {
    height: auto;
}

.more-itm .cat-price img {
    margin-left: 5px;
}

.more-itm a:hover {
    text-decoration: none;
}

.cat-txt {
    text-align: justify;
}

/*
.h-scroll {
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 5px;
}

.h-scroll > div {
    width: 1640px;
}

.more-itm-list {
    width: 325px;
    float: left;
    padding: 15px;
}*/
.more-itm-list {
    padding: 15px;
}

.owl-carousel .owl-item .more-itm-list img {
    display: initial;
    width: auto;
}

.owl-dots {
    display: none
}

.owl-nav {
    position: absolute;
    top: -20px;
    right: 20px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    background: #371702;
    color: #fff;
    padding: 4px 15px !important;
    border-left: solid 2px #fff;
}

.owl-prev.disabled,
.owl-next.disabled {
    background: #e7dbcf !important;
    color: #371702 !important;
}

.more-itm .cat-block {
    margin-bottom: 15px;
}

.category-single-dtl .cat-info > div {
    white-space: normal;
    overflow: auto;
    text-overflow: inherit;
}


footer {
    background: #5b2502;
    /*padding: 5px;
    background: #e45906;
    background: -moz-linear-gradient(top, #e45906 0%, #e98a16 100%);
    background: -webkit-linear-gradient(top, #e45906 0%, #e98a16 100%);
    background: linear-gradient(to bottom, #e45906 0%, #e98a16 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e45906', endColorstr='#e98a16', GradientType=0);*/
}

footer,
header {
    position: fixed;
    width: 100%;
    z-index: 3;

}

header {
    top: 0;
}

footer {
    bottom: 0;
    left: 0;
}

.footer-text {
    color: #fff;
    font-size: 12px;
}

.special-offer a {
    color: #fff;
    font-size: 36px;
    font-family: 'Dancing Script';
    letter-spacing: 5px;
    text-shadow: 1px 1px 1px #000;
}

.special-offer a:focus,
.special-offer a:hover {
    color: #e45906;
    text-decoration: none;
}

.special-offer {
    display: inherit;
}

.basket-box {
    margin-top: 8px;
    margin-right: 15px;
}

.shopping-basket-bg {
    background: #e7dbcf;
    border-radius: 50px;
    padding: 10px;
    color: #e45906;
    font-size: 20px;
}

.item-no {
    background: #e45906;
    color: #fff;
    border-radius: 50px;
    padding: 2px 5px;
    margin-left: -8px;
    z-index: 9;
    position: absolute;
    font-size: 14px;
}

.modal-dialog button.close {
    right: 1px;
    cursor: pointer;
    background: #ccc;
    border: 0;
    position: absolute;
    top: 1px;
    z-index: 99;
    opacity: 1;
    padding: 6px 10px;
    border-radius: 0 0 8px 8px;
}

.banner-text {
    color: #e45906;
    padding: 30px 40px;
    font-size: 40px;
    font-family: 'Dancing Script';
    text-align: center;
}

.footer-text {
    color: #fff;
    font-size: 12px;
    background: #1e0a01;
    padding: 4px;
    text-align: center;
    line-height: 12px;
}

.search-modal-content {
    background: #e7dbcf;
    padding: 40px;
}

.search-modal {
    cursor: pointer;
    background: #5b2502;
    height: 32px;
    padding: 3px;
    border-radius: 4px;
}

@media screen and (max-width: 753px) {

    .category-section,
    .filter-section {
        width: 100%;
    }
}

@media screen and (max-width: 569px) {
    .category-single-dtl .cat-price span {
        border-left: 0px;
        border-top: solid 1px;
        margin-right: 0px;
        margin-left: 0px;
        width: 100%;
        height: 1px;
        display: block;
    }
}

@media screen and (max-width: 556px) {


    .cat-info {
        padding: 10px;
        font-size: 15px;
    }

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

@media screen and (max-width: 638px) {
    .details-title {
        margin: 25px 0;
        font-size: 22px;
    }


    header {
        /* position: static;*/
    }

    .top-search {
        padding: 7px 0 7px 8px;
        margin: 0px 0 4px;
        font-size: inherit;
    }

    .btm-top-search img {
        max-width: 24px;
        vertical-align: text-top;
    }

    .btm-top-search {
        padding: 4px 8px;
        margin: 0px 0 4px;
    }

    .logo {
        text-align: left;
    }

    /* 
    .scroll-body {
        max-height: 290px;
    }
    .logo,
    .search-right {
        width: 100%;
    }*/

    .logo img {
        max-width: 100%;
    }



    .head-bottom {
       /*padding: 10px 0 5px;*/
    }

    .head-top {
        padding: 5px 0 0;
    }

    .main {
        /* margin-top: 0 !important; */
    }

    .top-search {
        background-size: 20px;
    }

    .special-offer a {
        font-size: 18px;
        letter-spacing: 2px;
    }

    .basket-box {
        margin-top: 4px;
    }

    /*.list-view .cat-img {
        width: 45%;
    }

    .list-view .cat-info {
        width: 55%;
    }*/
}

@media screen and (max-width: 460px) {
    .filter-section li a {
        padding: 2px 8px;

    }



    .category-block .col-xs-6 {
        width: 100%;
    }
}

@media screen and (max-width: 340px) {
    .special-offer a img {
        width: 30px;
    }

    /* .list-view .cat-img {
        width: 50%;
    }

    .list-view .cat-info {
        width: 50%;
    }
    */
}