.mobmenu-cart-panel {
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-ms-transition: -ms-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
-webkit-transition: all 300ms ease 0;
-moz-transition: all 300ms ease 0;
-o-transition: all 300ms ease 0;
transition: all 300ms ease 0;
}
.mobmenu-cart-footer span {
font-size: 1em;
} .bag-product figure {
overflow: hidden;
position: relative;
float: left;
margin: 0;
}
.bag-product:first-child {
padding-top: 0;
}
.mobmenu-cart-panel *, .mobmenu-filter-panel * {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
.mobmenu-cart-panel .bag-product .bag-product-img {
margin: 0;
padding: 0 !important;
width: 72px;
height: auto;
border-radius: 0px;
}
.mobmenu-cart-panel .bag-product {
padding: 20px 0;
margin: 0;
border-bottom: 1px solid #e4e4e4;
position: relative;
font-size: 12px;
line-height: 18px;
}
.mobmenu-cart-panel .bag-product-title {
margin-top: 5px;
margin-bottom: 4px;
}
.mobmenu-cart-panel .bag-product .bag-product-details .bag-product-title {
font-size: 14px;
margin-bottom: 5px;
font-weight: 600;
}
.mobmenu-cart-panel .bag-product .bag-product-details a {
margin: 0;
padding: 0;
}
.mobmenu-cart-panel .bag-product .bag-product-details {
margin-left: 85px;
margin-right: 20px;
font-size: 12px;
}
.mobmenu-cart-panel .bag-contents {
max-height: 400px;
overflow-y: scroll;
}
.mobmenu-cart-panel .bag-header {
padding: 15px 0;
margin: 0 30px;
font-size: 16px;
border-bottom: 1px solid #e4e4e4;
display: none !important;
}
.mobmenu-cart-panel .bag-product a.remove:before{
position: absolute;
line-height: 1.5;
color: inherit;
}
.mobmenu-cart-panel .bag-product a.remove {
margin: 0;
padding: 0 !important;
position: absolute;
right: 0;
top: 26px;
background: transparent !important;
display: block;
width: 24px;
height: 24px;
font-size: 15px !important;
line-height: 19px !important;
border-radius: 100%;
color: #ccc;
font-weight: bold;
text-align: center;
border: 2px solid currentColor;
}
.mobmenu-cart-panel .shopping-bag-item>a.cart-contents, .mobmenu-cart-panel .bag-product, .mobmenu-cart-panel .mm-bag-empty {
border-bottom-color: #eaeaea;
text-align: center;
margin-bottom: 10px;
}
[data-cart-count="0"].shopping-bag .mm-bag-empty{
display: block;
}
.shopping-bag .mm-bag-empty{
display: none;
}
.mm-bag-empty .mob-icon-bag {
font-size: 80px;
width: 100%;
float: left;
}
.mm-bag-empty a {
padding: 8px!important;
background-color: #fff;
color: #000!important;
font-weight: bold;
margin-top: 70px;
}
.mobmenu-cart-panel .bag-total {
padding: 15px 0 0;
margin: 0;
font-weight: bold;
font-size: 14px;
}
.mobmenu-cart-panel .bag-total .total-amount {
float: right;
}
.mobmenu-cart-panel .shopping-bag {
max-width: 100%;
padding: 5px 20px;
}
.mobmenu-cart-panel .sub-menu {
margin-left: 0px;
}
.mobmenu-cart-panel .bag-buttons a.bag-button {
margin-bottom: 10px;
border: 1px solid #e3e3e3;
}
.mobmenu-cart-panel .bag-buttons a {
display: block;
width: 100%;
margin: 0;
text-align: center !important;
text-transform: uppercase!important;
}
.mobmenu-cart-panel .bag-buttons {
margin-top: 30px;
padding: 20px;
}
.mobmenu-cart-panel .mobmenu-content, .mobmenu-filter-panel  .mobmenu-content {
padding-top: 0px!important;
width: 100%;
font-family: roboto;
text-transform: uppercase;
font-size: 14px;
}
.mobmenu-cart-header {
position: relative;
border-bottom: 1px solid #eee;
padding: 10px 0px 10px 20px;
}
.mobmenu-cart-title {
font-size: 25px;
}
.mobmenu-cart-header .mobmenu-right-bt {
right: 0px;
cursor: pointer;
position: absolute;
font-size: 30px;
}
.mobile-cart-menu li {
float: left;
width: 50%;
}
.mobile-cart-menu li:first-child {
text-align: left;
}
.mobile-cart-menu li:nth-child(2) {
text-align: right;
}
ul.mobile-cart-menu {
width: 100%;
left: 0px;
}
.mobmenu-cart-panel .bag-product a.remove:hover {
color: inherit!important;
}
.mobmenu-filter-panel .mm-prod-cat {
border: 2px solid #E2E4E4;
border-radius: 4px;
width: 46%;
box-sizing: content-box;
color: #989b9c;
display: inline-block;
font-size: 1em;
font-weight: normal;
margin: 3px 0 10px 5px;
padding: 8px 0;
text-align: center;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
float: left;
cursor: pointer;
line-height: 30px;
text-transform: uppercase;
}
.mobmenu-filter-panel h4 {
display: block;
line-height: 1;
font-size: 13px;
font-weight: 400;
color: #333;
border-width: 0 0 0 3px;
border-style: solid;
border-color: #13aff0;
letter-spacing: 1px;
padding-left: 15px;
margin: 10px 0 20px;
text-transform: uppercase;
}
.mobmenu-filter-panel {
background: #fff;
width: 100%;
-webkit-transform: translateY(100% );
-moz-transform: translateY( 100% );
-ms-transform: translateY( 100% );
-o-transform: translateY( 100% );
transform: translateY( 100% );
-webkit-transition: all 300ms ease 0;
-moz-transition: all 300ms ease 0;
-o-transition: all 300ms ease 0;
transition: all 300ms ease 0;
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-ms-transition: -ms-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
position: fixed;
top: 0;
height: 100%;
z-index: 300000;
overflow-y: auto;   
overflow-x: hidden;
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 2s;
opacity: 1;
padding: 20px;
}
.show-panel.mobmenu-filter-panel {
display: block!important;
width:  100%;  
-webkit-transform: translateX( 0 );
-moz-transform: translateX( 0 );
-ms-transform: translateX( 0 );
-o-transform: translateX(0 );
transform: translateX( 0 );
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
overflow-x: hidden;
-webkit-transition: all 300ms ease 0;
-moz-transition: all 300ms ease 0;
-o-transition: all 300ms ease 0;
transition: all 300ms ease 0;
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-ms-transition: -ms-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
opacity: 1;
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 2s;
z-index: 999999;
}
.filter-panel-price span {
float: left;
padding-top: 15px;
padding-left: 10px;
padding-right: 10px;
width: 10%;
text-align: center;
}
.filter-panel-price #mm-price-max {
float: right;
}
.filter-panel-price #mm-price-min {
float: left;
}
.filter-panel-price input {
float: left;
width: 45%;
}
.mm-filter-box {
border-bottom: 1px solid rgba(84,84,84,.15);
margin-bottom: 0;
padding-top: 50px;
padding-bottom: 10px;
clear: both;
width: 100%;
float: left;
}
.mm-price-box {
float: left; 
width: 100%;
margin-top: 20px;
border-bottom: 1px solid rgba(84,84,84,.15);
padding-bottom: 20px;
}
.mobmenu-cart-panel .mob-cancel-button {
padding-right: 7px;
} 
.mobmenu-filter-panel .mm-prod-cat:nth-child(odd){
float:right;
}
.mobmenu-filter-header .mob-cancel-button {
right: 0px;
float: right;
font-size: 30px;
}
.mobmenu-filter-panel .mm-prod-cat.selected {
border: 2px solid #73c4dc;
}
.mobmenu-filter-header {
position: fixed;
top: 0px;
height: 60px;
z-index: 9999999999;
background-color: #fff;
width: 100%;
margin: 0;
left: 0px;
padding: 10px;
overflow-y: hidden;
border-bottom: 1px solid rgba(84,84,84,.15);
}
.mobmenu-shop-filter-btn {
width: 48%;
margin: auto;
text-align: center;
height: 45px;
background-color: #72bbe6;
color: #fff;
vertical-align: middle;
text-transform: uppercase;
display: inline-block;
line-height: 1.2cm;
margin-top: 0.3cm;
font-size: 13px;
bottom: 0px;
margin-bottom: 40px;
z-index: 999999;
cursor: pointer;
}
.mobmenu-shop-filter-btn.clear-filters {
float:left;
}
.mobmenu-shop-filter-btn.view-results {
float:right!important;
}
.mobmenu-filter-header .mob-icon-cancel.mob-cancel-button {
display: inline-block;
}
.show-mobmenu-filter-panel {
overflow: hidden;
}
.mobmenu-cart {
float: left;
padding-right: 13px;
}
.mob-cart-cancel-button{
display: none;
}
.mm-num-items {
background-color: #ff0000;
color: #fff;
display: inline-block;
position: relative;
right: -32px;
top: 30%;
margin-top: 5px;
vertical-align: middle;
border-radius: 20px;
letter-spacing: 0;
font-size: 9px;
font-weight: 600;
text-align: center;
-webkit-transition: color .2s;
-moz-transition: color .2s;
-o-transition: color .2s;
transition: color .2s;
color: #fff;
width: 13px;
height: 13px;
line-height: 13px;
font-family: roboto;
float: left;
}
.mobmenu-footer-menu-holder .mm-num-items {
margin-top: -30px;
right: -23px;
}
.mobmenu-footer-menu-holder .mobmenu-cart img {
margin: auto;
}
.mobmenu-mini-cart .total-amount {
margin-left: 20px;
}
.mobmenu-cart-panel .bag-product-quantity, .mobmenu-cart-panel .bag-product-price {
opacity: 0.7;
}
.mobmenu-cart img {
border-radius: 0px;
}
.mobmenu-cart-icon-animation {
-webkit-animation-name: tada;
animation-name: tada;
opacity: 1;
display: block;
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.mobmenu-results-list a img {
float: left;
width: 75px;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -8deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -8deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 8deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 8deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -8deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -8deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -8deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -8deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 8deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 8deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -8deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -8deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.footer-cart-total-left {
padding-right: 20%;
text-transform: none;
color:#222;
}
.footer-cart-total-right {
padding-left: 20%;
font-weight: bold;
color:#222;
}
.mob-menu-slideout-over .mobmenu-cart-panel.show-panel {
-webkit-transform: translateX( 0 );
-moz-transform: translateX( 0 );
-ms-transform: translateX( 0 );
-o-transform: translateX(0 );
transform: translateX( 0 );
overflow: hidden;
}