
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
    display: inline;
}
/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}
@media (max-width: 768px) {

h1 {font-size: 2rem;}
.badge-cart {display: none;}
}

#search-list figure {
    width: 40px;
    height: 40px;
}
#search-list span, #search-list a{color:#fff;}
#search-list .cart, #search-list .price, #search-list .name {padding: 10px 5px;}
@media (max-width: 768px) {
    #search-list .cart, #search-list .price {padding: 5px 5px;}
    #search-list .name {padding:unset;}
    #search-list figure {width: 180px;height: auto;}
}
#search-list li {display: flex;}
#search-list .navbar-other .nav-item a:not(.btn) {
    color: unset;
}
.search-dropdown .dropdown-menu .dropdown-close {
    top: unset;
    transform: unset;
    padding-top: 0.9rem;
}

#backtotop {
    width: 50px;
    height: 50px;
    background: rgba(30, 34, 40, 0.53);
    text-align: center;
    padding: 5px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    border-radius: 50%;
    color: #fff;
    font-size: 38px;
    transition: 0.3s all;
    z-index: 1001;
}

#backtotop:hover{
    background: var(--color-default);
}
a.load_more {
    display:inline-block;
    margin:0 auto 20px auto;
    padding: 0.5em 2em;
    border: 1px solid #000;
    color: #000;
    text-decoration:none;
    text-transform:uppercase;
 }
 #ajax_loader {
   width: 100%;
   height: 30px;
   margin-top: 15px;
   text-align: center;
   border: none!important; 
}

.alert {
    border-radius: 10px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    min-height: 60px;
    display: block;
    border: none;
    z-index: 9999;
    margin: 0;
    overflow: hidden;
}
.alert-info {z-index: 999;}

.breadcrumb {
    border: none;
    margin-top: 20px;
}

.breadcrumb > li {
    padding: 0 25px 0 0;
    position: relative;
    display: inline;
}

.breadcrumb>li+li:before{
    content: '';
}

.breadcrumb > li a {
    color: var(--color-default);
    position: relative;
    font-weight: 500;
}

.breadcrumb > li > a:hover {
    color: #222;
}

.breadcrumb > li a:before {
    content: "\e9bc";
    font-family: 'Jam';
    font-size: 16px;
    position: absolute;
    right: -20px;
    top:-5px;
}

.breadcrumb > li:last-child a:hover {
    color: #222;
}

.breadcrumb > li:last-child a:before{
    display: none;
}
.pagination {
    margin: 0;
}

#logo img {
	height: 50px;
}

.button-subcribe {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 200ms ease-in-out;
    font-size: 1.2rem;
    right: 1.3rem;
    cursor: pointer;
    color: var(--color-white) !important;
}
.button-subcribe:hover {
opacity: 0.8;
}

#content {margin-bottom: 30px;}
.rating .fa {color: #848abd;}
.social {margin-bottom: 15px;}

#cart .post-title {margin-bottom: 1px;}
#cart .cart-remove {float: right;}

.section {padding-bottom: 25px;}
.carousel {padding-bottom: 25px;}
.topbar .container {padding: 0.15rem 0;}

.custom-select, #list-view, #grid-view {
	border-radius: .25rem!important;
}
#list-view i, #grid-view i {
	font-size: 25px;
}
#list-view,#grid-view {padding: 0.6rem 1.1rem 0.6rem;}
.pagination ul span {font-size: 0.7rem;color: var(--color-default);}

#list-view .box {
	display: flex;
}
#list-view figure {
	padding-right: 90px;
}

#reviewstar{overflow:hidden;position:relative;float:left;}
#reviewstar input{opacity:0;position:absolute;top:0;z-index:0;width:18px;height:20px;margin:0;}
#reviewstar input:checked ~ label{color:#ffd820;}
#reviewstar label{float:right;cursor:pointer;margin-bottom:0;margin-right:4px;position:relative;z-index:1;color:#e2e2e2;font-size:19px;transition:0.3s all;}
#reviewstar label:hover,
#reviewstar label:hover ~ label{color:#ffd820;}

.review-stars-lab {
    overflow: hidden;
}

.lab-text {
    font-size: 14px;
    float: left;
    margin-right: 30px;
    margin-top: 2px;
}

div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}


.bootstrap-datetimepicker-widget {
    padding: 8px!important;
}
.bootstrap-datetimepicker-widget .btn {
   margin-top: 8px; 
}
.bootstrap-datetimepicker-widget td span {
    width: unset!important;
    height: unset!important;
    line-height: unset!important;
}
.bootstrap-datetimepicker-widget a[data-action] {
    padding: 5px!important;
}
.bootstrap-datetimepicker-widget th:hover, .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover {background: #848abd!important;color: #fff;}
.bootstrap-datetimepicker-widget td span:hover {
    background: #848abd !important;color: #222;
}
.bootstrap-datetimepicker-widget td span.active:hover {color: #222;}
.glyphicon-chevron-up:after {
    content: "\e93f";
    font-family: 'Jam';
    font-size: 26px;
}
.glyphicon-chevron-down:after {
    content: "\e92a";
    font-family: 'Jam';
    font-size: 26px;
}
.glyphicon-time:after {
    content: "\e904";
    font-family: 'Jam';
    font-size: 20px;
}
.datepicker thead th {font-weight: bold;}
.collapse.in {display: block;}

/* Bootstrap 3 support */
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}