/* your styles go here */

@import url("../../../libs/toastr/toastr.min.css");
 @import url("../../../libs/fastadmin-layer/dist/theme/default/layer.css");
.panel-body label {
    font-size: 1rem;
    font-weight: 400 !important;
    color: #5b461c;
    opacity: 1;
    display: inline-block;
    cursor: pointer;
}
.top-bar a.login-btn i, .top-bar a.signup-btn i {
    margin-right: 10px;
    font-size: 0.9rem;
}
.error, .n-error {
    color: #f00
}
table img {
    max-width: 80px !important;
    height: 80px;
}

    .basicinfo {
        margin: 15px 0;
    }

    .basicinfo .row > .col-xs-4 {
        padding-right: 0;
    }

    .basicinfo .row > div {
        margin: 5px 0;
    }
    .profile-avatar-container {
        position:relative;
        width:100px;
    }
    .profile-avatar-container .profile-user-img{
        width:100px;
        height:100px;
    }
    .profile-avatar-container .profile-avatar-text {
        display:none;
    }
    .profile-avatar-container:hover .profile-avatar-text {
        display:block;
        position:absolute;
        height:100px;
        width:100px;
        background:#444;
        opacity: .6;
        color: #fff;
        top:0;
        left:0;
        line-height: 100px;
        text-align: center;
    }
    .profile-avatar-container button{
        position:absolute;
        top:0;left:0;width:100px;height:100px;opacity: 0;
    }
/*
 * 4. PAGINATION
 */


.pagination > li > a:hover,.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #5b461c;
    border-color: #5b461c; cursor: pointer;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #5b461c;
    background-color: #fff;
    border: 1px solid #dee2e6; 
}


/******************************************
18. Totop
******************************************/

.totop {
    background: none repeat scroll 0 0 #fff;
    bottom: 40px;
    color: #000;
    display: inline-block;
    height: 40px;
    line-height: 38px;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    right: 10px;
    text-align: center;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    visibility: hidden;
    white-space: nowrap;
    width: 40px;
    z-index: 100
}
.totop:before {
    content: "\f062";
    font-family: FontAwesome;
    font-size: 18px
}
a.totop:hover {
    color: #fff;
    background: none repeat scroll 0 0 #000;
    text-decoration: none;
}
.totop.totop-is-visible, .totop.totop-fade-out, .no-touch .totop:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s
}
.totop.totop-is-visible {
    visibility: visible;
    opacity: 1
}
.no-touch .totop:hover {
    background-color: #39342e;
    opacity: 1;
}
.navbar-expand-lg .navbar-nav {
    margin: 10px auto!important
}
#navbar .navbar-nav > li.dian {
    margin-top: .2rem;
}
.home {
    margin-right: 0px;
}
.myHomeLogo {
    text-align: center;
    margin-top: 20px;
}
.homenavbar {
    position: relative;
    display: block!important;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
}
#search {
    margin-bottom: 30px;
    margin-top: 20px;
}
#search .btn-template-main {
    border-top-right-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-bottom: 2px solid #5B461C!important;
}
#search input[type='text'] {
    border-top-left-radius: 10px!important;
    border-bottom-left-radius: 10px!important;
    border: 1px solid #5B461C;
    background: #E1D2B1;
    color: #5B461C;
}
#search select {
    border: 1px solid #5B461C;
    background: #E1D2B1;
    color: #5B461C;
}
.owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    line-height: 34px;
    font-size: 20px!important;
    text-align: center;
    border: 2px solid #5B461C;
    background-color: #5B461C;
    top: 45%;
    margin-top: -25px;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: -3%;
}
.owl-carousel .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    line-height: 34px;
    font-size: 20px!important;
    text-align: center;
    border: 2px solid #5B461C;
    background-color: #5B461C;
    top: 45%;
    margin-top: -25px;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: -3%;
}
.styleswitcher {
    position: fixed;
    top: 45%;
    right: 0;
    z-index: 10000;
}
.styleswitcher .instagram {
    position: absolute;
    top: 40px;
    left: -40px;
    width: 40px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background: #5B461C;
    border: 1px solid #5B461C;
    font-size: 25px;
}
.styleswitcher .whatsapp {
    position: absolute;
    top: 80px;
    left: -40px;
    width: 40px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background: #5B461C;
    border: 1px solid #5B461C;
    border-bottom-left-radius: 10px;
    font-size: 25px;
}
.styleswitcher .facebook {
    position: absolute;
    top: 0px;
    left: -40px;
    width: 40px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    background: #5B461C;
    border: 1px solid #5B461C;
    border-top-left-radius: 10px;
    font-size: 25px;
}
.bannertitle {
    margin-top: 200px;
}
.bannertitle h1 {
    font-size: 50px;
}
.btn {
    border-radius: 10px!important;
}
.bannertitle .btn {
    background: #5B461C;
    border: 1px solid #5B461C
}
#all {
    background: url(../img/bg.png) repeat;
    background-size: contain
}
.hotlist {
    margin-bottom: 40px;
}
.hotlist .product {
    margin-bottom: 0px!important;
}
.hotlist .item {
    margin: 0 20px;
}
.hotlist .text {
    border-bottom: none;
}
.hotlist .h5 a {
    color: #707070!important;
}
.hotlist .h5 a:hover {
    color: #633736!important
}
.star {
    display: inline-block!important;
    margin-left: 3px;
    margin-right: 3px;
    width: 20px!important;
}
.home-blog-post .image {
    -moz-box-shadow: 3px 3px 3px #999;
    box-shadow: 3px 3px 3px #999;
}
.bartop {
    padding-top: 60px!important;
    padding-bottom: 0px!important
}
.homebox {
    -moz-box-shadow: 3px 3px 3px #999;
    box-shadow: 3px 3px 3px #999;
    background: #fff;
    padding: 10px;
}
.homebox .image {
    max-height: 240px!important
}
.homebox .text {
    padding: 0px;
    border-bottom: none;
}
.homebox .price {
    color: #707070
}
.homebox .h5 {
    margin-bottom: 0px!important
}
.reclist .item {
    padding-bottom: 20px;
    margin: 0px 20px;
}
.reviewsbox {
    -moz-box-shadow: 3px 3px 3px #999;
    box-shadow: 3px 3px 3px #999;
    background: #fff;
    padding: 30px;
}
.reviewsbox .owl-dots .active span {
    background: #000!important;
}
.avatar {
    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}
.testimonial .title {
    color: #707070
}
.ul-news li {
    margin-bottom: 20px;
    color: #555;
    font-size: 1rem;
    padding-bottom: 10px;
    border-bottom: 2px dashed #1C1C1B
}
.ul-news a:hover {
}
.social-custom .fa {
    font-size: 1.5rem!important;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: ">";
}
.huangse {
    color: #5B461C
}
/*----*/
ul.kid-menu {
    display: block !important;
}
.menu {
    width: auto;
    height: auto;
    padding: 0;
    list-style: none;
    margin: 1.5em 0;
    position: relative;
}
.menu > li > a {
    width: 100%;
    margin: 0.3em 0;
    display: inline-block;
    position: relative;
    color: #5B461C;
    font-size: 1.1em;
    text-decoration: none;
    border-radius: 5px;
    padding-left: 10px;
}
.menu > li > a:hover {
    color: #5B461C;
    background: #F0E4C8
}
.menu .cute {
    padding-left: 0px;
    margin-left: 0px;
}
.menu ul li a {
    width: 100%;
    display: inline-block;
    position: relative;
    font-size: 0.9em;
    margin: 0.3em 0;
    color: #6F6F6F;
    text-decoration: none;
    padding-left: 10px;
}
.menu ul li a:hover {
    color: #5B461C;
    background: #F0E4C8
}
.menu a.active {
    color: #5B461C;
    background: #FDF9F1
}
.menu i {
    position: absolute;
    text-align: right;
    top: 10px;
    right: 5px;
    cursor: pointer
}
.menu a.active i {
    display: none
}
ul.kid-menu li, .menu ul li {
    list-style: none;
}
.box-category ul, .box-category li {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    padding: 0;
}
.box-category ul {
    margin: 1.5em 0;
    padding: 0;
}
.box-category li a {
	
    width: 100%;
    margin: 0;
    display: inline-block;
    position: relative;
    color: #5B461C;
    font-size: 1.1em;
    text-decoration: none;
    border-radius: 5px;
    padding-left: 10px;
}
.box-category li a.active {
    color: #5B461C;
    background: #FDF9F1
}
.box-category li a:hover {
    color: #5B461C;
    background: #FDF9F1;
    text-decoration: none;
}
.box-category ul > li > ul {
    display: none;
    margin-bottom: 0;
}
.box-category li a.active + ul {
    display: block;
}
.box-category li a:before {
    position: relative;
    float: left;
    margin-right: 5px;
}
.box-category > ul > li:last-of-type > a {
    border-bottom: 0 !important;
}
.box-category i {
    text-align: center;
    position: absolute;
    display: table;
    line-height: 100%;
}
.box-category i span {
    position: relative;
    display: table-cell;
}
.box-category i {
    font-size: 20px;
    right: 0px;
    width: 30px;
    height: 30px;
    top: 3px;
}
.box-category li ul li a:before {
    float: none;
    content: "";
}
.box-category li ul li ul li {
    margin-left: 0px;
}
.box-category li ul  {
    margin: 0px;
}
.box-category ul li  ul li a {
    width: 100%;
    display: inline-block;
    position: relative;
    font-size: 0.9em; 
    margin: 0; padding:0.1em 0px; 
    color: #6F6F6F;
    text-decoration: none;
    padding-left: 10px;
}
.box-category ul li ul li a:hover {
    color: #5B461C!important;
    background: #FDF9F1!important
}

.sidebar {
    background: #F0E4C8;
}
.bar2 {
    padding: 60px 30px;
}
.box {
    margin: 50px 0;
    border-top: none;
    border-bottom: none;
    padding: 20px;
}
.cart-plus-minus .qty {
    border: 1px solid #666666;
    color: #5B461C;
    float: left;
    font-size: 18px;
    height: 40px;
    margin-right: 0;
    padding: 0 5px 1px;
    text-align: center;
    width: 65px
}
.dec.qtybutton {
    border: 1px #666666 solid;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right: none;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    color: #5B461C;
    font-size: 14px;
    line-height: normal;
    padding: 12px 14px 9px 16px;
    line-height: 18px;
    display: inline-block;
    height: 40px;
    float: left;
    cursor: pointer
}
.dec.qtybutton:hover, .inc.qtybutton:hover {
    background-color: #5B461C;
    color: #fff
}
.inc.qtybutton {
    border: 1px #666666 solid;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: none;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    color: #5B461C;
    font-size: 14px;
    line-height: normal;
    padding: 12px 14px 9px 16px;
    line-height: 18px;
    display: inline-block;
    height: 40px;
    float: left;
    cursor: pointer
}
.checkoutbox {
    -moz-box-shadow: 3px 3px 3px #999;
    box-shadow: 5px 5px 5px #999;
    background: #fff;
    padding: 20px;
}
.boxshadow .item img {
    -moz-box-shadow: 3px 3px 3px #999;
    box-shadow: 5px 5px 5px #999;
}
.boxshadow .owl-dots .active span {
    background: #000!important;
}

.reviews .owl-dots .active span {
    background: #000!important;
}
.hs {
    color: #C3B393;
}
.hs2 {
    color: #C3B393;
    padding-bottom: 10px;
    border-bottom: 1px dashed #dee2e6!important;
}
.reviewform {
    margin-top: 10px;
    width: 100%;
}
.reviewform input {
}
.reviewform .btn {
    border-radius: 0px!important
}
.carttable td {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px dashed #dee2e6!important;
}
.carttable thead th {
    vertical-align: bottom;
    color: #C3B393;
    border-bottom: 2px dashed #dee2e6;
    border-top: none;
}
.totaltable td {
    padding: .75rem;
    vertical-align: top;
    border-top: none;
    border-bottom: 1px dashed #dee2e6!important;
}
tr.noneborder td {
    border-top: none!important;
    border-bottom: none!important;
}
.home-blog-post .image img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.home-blog-post .image:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.home-blog-post .image {
    overflow: hidden;
    max-height: 250px;
}
.list-group-item.active {
    z-index: 2;
    color: #fff!important;
    background-color: #5B461C;
    border-color: #5B461C;
}
.list-group-item.active a{
    color: #fff!important; text-decoration: none;
}
.list-group-item:hover {
    z-index: 2;
    color: #fff!important;
    background-color: #5B461C;
    border-color: #5B461C;
}
.list-group-item:hover a{
    color: #fff!important; text-decoration: none;
}
.myBanner{ padding: 50px}
@media (max-width: 767px) {
.myBanner{ padding: 20px}
	.bannertitle {
    margin-top: 20px;
}
.styleswitcher {
    display: none
}
.myHomeLogo {
    text-align: left;
    margin-top: 0px;
}
.myHomeLogo img {
    width: 80px;
}
.navbar-toggler {
    margin-top: 20px;
}
}