.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;

}

/* Woocommerce cart */

.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;

}