@font-face {
    font-display: auto;
    font-family: Main;
    src: url('https://3pay.to/assets/fonts/Montserrat-Black.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: auto;
    font-family: Main-Light;
    src: url('https://3pay.to/assets/fonts/Montserrat-Light.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-display: auto;
    font-family: FatCake;
    src: url('https://3pay.to/assets/fonts/FatIcons.ttf');
    font-weight: normal;
    font-style: normal;
}.version{
    position:fixed;
    top:0;
    right:0;
    margin:5px;
    font-size:12px;
    z-index:100000000000000000;
    color:#FFF;
}
.noselect{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.icon{
    font-family:FatCake;
    width:40px;
    height:40px;
    float:left;
    border:1px solid #ccc;
    font-size:45px;
    text-align:center;
    margin:5px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
    color:#33CC99;
    color: rgb(51,204,153);
    color: -moz-linear-gradient(155deg, rgba(51,204,153,1) 0%, rgba(34,135,101,1) 100%);
    color: -webkit-linear-gradient(155deg, rgba(51,204,153,1) 0%, rgba(34,135,101,1) 100%);
    color: linear-gradient(155deg, rgba(51,204,153,1) 0%, rgba(34,135,101,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33cc99",endColorstr="#228765",GradientType=1);
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.icon-dark{
    font-family:FatCake;
    width:40px;
    height:40px;
    font-size:45px;
    text-align:center;
    margin:5px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
    background:#33CC99;
    background: rgb(51,204,153);
    background: -moz-linear-gradient(155deg, rgba(51,204,153,1) 0%, rgba(34,135,101,1) 100%);
    background: -webkit-linear-gradient(155deg, rgba(51,204,153,1) 0%, rgba(34,135,101,1) 100%);
    background: linear-gradient(155deg, rgba(51,204,153,1) 0%, rgba(34,135,101,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33cc99",endColorstr="#228765",GradientType=1);
    border:2px solid #228765;
    color:#FFF;
}
.disabled{
    opacity:.3;
}
.clear{clear:both}
.right{float:right}
.left{float:left}

body{
    margin:0px;
    padding:0px;
    font-family: Montserrat,'Nunito Sans', sans-serif;
    font-weight:200;
    background:#efefef;
    color:#FFF;
}

.body-light{
    margin:0px;
    padding:0px;
    font-family: Montserrat,'Nunito Sans', sans-serif;
    font-weight:200;
    background:#FFF;
    color:#000;
}

.body-dark{
    margin:0px;
    padding:0px;
    font-family: Montserrat,'Nunito Sans', sans-serif;
    font-weight:200;
    background:#efefef;
    color:#000;
}
*{padding:0px;margin:0px;}
a{color:dodgerblue;text-decoration:none;font-weight:bold}
.click{
    cursor: pointer;
}
.no-grow{
    flex-grow:0;
}
.ro{
    display:flex;
    flex-wrap:wrap;
}
.co{
    flex:1;
}
.op-ro{
    display:flex;
    flex-wrap:wrap;
}
.op-co{
    flex:1;
}
p{
    margin-bottom:10px;
}
.header{
    background: #111 url(https://3pay.to/assets/img/bg-header.png?_3) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position:fixed;
    top:0;
    right:0;
    left:0;
    height:40px;
    border-bottom:3px solid #006C54;
    z-index:1000000000000000000000000000000000000000;
}
.dappbar{
    display:none;
}
.header-landscape{
    display:none;
}
.header-portrait{
    display:block;
    padding:5px;
}
.master{
    margin-top:50px;
}
.content{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;

}
.footer{
    font-size:11px;
    display:none;
}
.section{
    border:1px solid rgba(0,0,0,.3);
    background:rgba(255,255,255,.5);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    padding:14px;
    margin:9px;
}




.header .col{
    text-align:center;
}


.app{
padding-bottom:65px;
}
.menu{
    border-right:1px solid #ccc;
    text-align:left;
    padding:5px;
}
.m5{
   margin:5px;
    padding:5px;
}
.panel-splash{
    min-height:200px;
}
.panel-row .col{
    min-height:200px;
}

.menu{
    position:fixed;
    top:0px;
    bottom:0px;
    width:300px;
    background:#efefef;
    z-index:1000000;
}
.menu-footer{
    position:fixed;
    bottom:5px;
    left:5px;
}
.brandbar{
    background:#009933;
    height:50px;
    position:fixed;
    top:-50px;
    left:0;
    right:0;
    opacity:0;
    z-index:100000000;
    border-bottom:3px solid darkgreen;
}
.brandbar img{margin:7px;}
.navbar{
    display: block;

    background: #222 url(https://3pay.to/assets/img/header-bg.png?_2) no-repeat center center;

    border-top:3px solid #006C54;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:1000;
    color:#fff;
}
.navbar .ro{margin:5px;}
.nav-button{
    padding:5px;
}
.bumper{
    display:block;
    height:20px;
    border-top:1px solid darkgreen;
}
.navbar .co{
   text-align:center;
}

.frosting-curtain{
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
}
.curtain{
    background:#33CC99;
    min-height:10px;
}
.interest{
    line-height:30px;
}
.tab-select{
    margin-top:-1px;
    margin-bottom:5px;
    color:#FFF;
    font-family:FatCake;
    font-size:45px;
    height:40px;
    width:40px;
    overflow:hidden;
    background:rgba(0,0,0,0);
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    -webkit-border-bottom-right-radius:50px;
    -moz-border-bottom-right-radius:50px;
    border-bottom-right-radius:50px;
    -webkit-border-bottom-left-radius:50px;
    -moz-border-bottom-left-radius:50px;
    border-bottom-left-radius:50px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.tab-selected{
    margin-top:-1px;
    margin-bottom:5px;
    color:#33CC99;
    font-family:FatCake;
    font-size:45px;
    height:40px;
    width:40px;
    overflow:hidden;
    background:#FFF;
    border:1px solid #228765;
    border-top:0px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    -webkit-border-bottom-right-radius:50px;
    -moz-border-bottom-right-radius:50px;
    border-bottom-right-radius:50px;
    -webkit-border-bottom-left-radius:50px;
    -moz-border-bottom-left-radius:50px;
    border-bottom-left-radius:50px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.wallet-menu{
    background: rgba(51,204,153,.9);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    padding:10px;
    font-size:11px;

}
.wallet-menu .ro .co{
    text-align:center;
    margin:5px;
}
.wallet-menu .icon-dark{
    margin-left:35%
}
.thumb{
    width:40px;
    height:40px;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
    background:#efefef;
    margin-right:10px;
    border:2px solid #CCC;
    overflow:hidden;


}
.contact{
    border:1px solid #efefef;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    padding:9px;
    margin:6px;

}
.contact .button{
    line-height:25px;
}

.tx{
    border:1px solid #000;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    padding:9px;
    margin:3px;
}
.post-author{
    font-size:11px;
}
.post-block{
    font-weight:bold;
    overflow:hidden;
    word-wrap: break-word;

}
.post-item{
    border:1px solid #efefef;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    padding:9px;
    margin:3px;
    overflow:hidden;
    max-width:300px;
}
.post-timestamp{
    font-size:10px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #cccccc;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #cccccc;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #cccccc;
}

.token-item{
    border-top:1px solid #ccc;
    padding:3px;
}
.token-balance{
    text-align:right;
}

.profile-photo{
    width:100px;
    height:100px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    overflow:hidden;
}
.pay-msg{padding:5px;}
.adblocks{margin-bottom:10px;}
.adblock{
    text-align:center;
    border:1px solid #ccc;
    height:50px;
    margin:5px;
}

.debugit{
    background:rgba(0,0,0,.5);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    margin:10px;
    padding:10px;
    color:#FFF;

}
.token-select{
    width:200px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #ccc;
    font-size:12px;
    position:absolute;
    margin-top:-48px;
    padding:5px;
    background:#FFF;
}
.token-selected{
    width:200px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #ccc;
    font-size:12px;
}

.tx{
    font-size:12px;
}
.tx .co-right{
    text-align:right;
}
.payment-link-preview{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid green;
    padding:9px;
}
#pay_pid{
    font-weight:bold;
}
.panel-account{
    COLOR:#000;
    background:#DDE4DF;
    padding:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    font-family:Consolas, "Courier New";
    margin-bottom:10px;
}
.panel-pay{
    COLOR:#000;
    background:#DDE4DF;
    padding:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    font-family:Consolas, "Courier New";
    margin:9px;
    background-image: url('https://3pay.to/assets/img/cupcake-watermark.png');
    background-repeat: no-repeat;
    background-position: center center;

}
.panel-pay-frame{
    padding:9px;
    border:3px solid #000;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.pay_inp {
    width: 95%;
    max-width: 500px;
    min-width: 162px;
}
.co_pay_amount{
    flex-grow:0;
    margin-right:9px;
}
#pay_details{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    border:1px solid #000;
    padding:6px;
    margin:3px;
    height:24px;
}
#pay_date_display{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    border:1px solid #000;
    padding:6px;
    margin:3px;
}
#pay_hash{
    text-align:center;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding:6px;
    margin:3px;
}
#pay_button{
    background:#006C54;
    border:2px solid rgba(0,0,0,.5);
    color:#FFF;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    padding:6px;
    margin:3px;
    font-family:Main,Arial Black,Arial;
    font-size:20px;
    font-weight:bolder;
}
#pay_pid{
    text-align:right;
}

.navbar-button{
    background: rgba(0,0,0,.2);
    border:2px solid rgba(0,0,0,.5);
    margin-top:15px;
    color:#FFF;
    border:0px;
    text-decoration:none;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    -o-border-radius:20px;
    padding:8px;
    padding-left:12px;
    padding-right:12px;
    margin-top:-2px;
    min-width:108px;
}
.wallet{line-height:20px;}
.txn{
    padding:9px;
    margin-top:5px;
}
.tx{
    overflow: hidden;
}
.tx-hit{
    position:absolute;
    width:100px;
    height:40px;
    background:rgba(255,0,0,.5);
}
.tx_details{
    background:#efefef;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding:6px;
    color:#000;
    font-family:Consolas, "Courier New";
}
.balances{
    background:rgba(255,255,255,.05);
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    padding:9px;
}
#shipping_info{
    margin:5px;
}
.pay_status{
    background:rgba(0,0,0,.7);
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    margin:5px;
    padding:5px;
    color:#FFF;
    font-family: Main-Light,'Nunito Sans', sans-serif;
}
.home-token{
    margin:10px;
}
.select-chain{

}
.chain-selector{
    margin:5px;
    max-width: 880px;
    background:rgba(0,0,0,.7);
    background: #111 url(https://3pay.to/assets/img/header-bg.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    padding:10px;
    color:#FFF;
}
.chain-item{
    font-size:12px;
    text-align:center;
    padding:5px;
    margin:5px;
    border:2px solid rgba(0,0,0,.2);
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
}
.chain-icon{
    flex-grow:0;
}
.chain-label{
    text-align:left;
    line-height:26px;
}

.connect-hit{
    position:absolute;
    margin-top:6px;
    margin-left:4px;
    background:rgba(255,0,0,0);
    border:2px solid rgba(0,0,0,.2);
    height:36px;
    min-width:130px;
    -webkit-border-radius:26px;
    -moz-border-radius:26px;
    border-radius:26px;
}
.button-connect{
    margin-top:-6px;
}
.trade-info{
    font-size:12px;
}
.panel-profile-frame .co{
    text-align:center;
    padding:10px;
}
.panel-controls .co{
    text-align:center;
}
.panel-rate .co{
    text-align:center;
}
.profile-image{
    background:#ccc;
    height:90px;
    width:90px;
    -webkit-border-radius:75px;
    -moz-border-radius:75px;
    border-radius:75px;
    overflow:hidden;
}
.quickpay{
    border:1px solid #ccc;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    padding:5px;
    margin:3px;
}
.dz-preview{
    display:none;
}
.payee{
    border:1px solid #ccc;
}
.payee_label{
    font-size:15px;
}
.chains .co{text-align:center;}

.side-menu{
    color:#333;
    background:#CCC;
    position: fixed;
    top:0px;
    left:0;
    bottom:0px;
    width:300px;
    padding:10px;
    font-size:14px;
    border-right:1px solid #999;
    z-index:1000000000000000000000000000000000;
}
.menu-items{
    margin:2px;
}
.menu-items .ro{
    border-top:1px solid #ccc;
    padding:2px;
}
.menu-label{
    line-height:28px;
}
.eco .co{
    font-size:12px;
}
.menu-panel{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    border:1px solid rgba(0,0,0,.3);
    margin-bottom:10px;
    padding:5px;
    background:#efefef;
}
.menu-footer{
    width:90%;
    font-size:11px;
    position: absolute;
    bottom:10px;
    left:10px;
    text-align:center;
    background:#efefef;
}
.eco .co{
    text-align:center;
}


.contact-overlay{
    display:none;
    background:rgba(0,0,0,.8);
    position:fixed;
    top:83px;
    right:0;
    left:0;
    bottom:0;
    z-index:1000000000000000000000000000000000000000000000000000;
    cursor: default;
}
.fill-overlay{
    display:flex;
    position:fixed;
    top:83px;
    right:0;
    left:0;
    bottom:0;
}
.overlay-action{
    margin:auto;
    bottom:30px;
}
.profile-cover-image{
    height:126px;
    overflow:hidden
}
.profile-image-thumb{
    width:40px;
    height:40px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    overflow:hidden;

}
.social-link-bar{
    display: flex;
    flex: 1 1 auto;
    overflow-x: scroll;
    overflow-y: hidden;
}
@keyframes rotation {from{transform: rotate(0deg);}to{transform: rotate(359deg);}}

input::-webkit-input-placeholder {
    color: #999999 !important;
    font-style:italic;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #999999 !important;
    font-style:italic;
}

input::-moz-placeholder {  /* Firefox 19+ */
    color: #999999 !important;
    font-style:italic;
}

input:-ms-input-placeholder {
    color: #999999 !important;
    font-style:italic;
}

textarea::-webkit-input-placeholder {
    color: #999999 !important;
    font-style:italic;
}

textarea:-moz-placeholder { /* Firefox 18- */
    color: #999999 !important;
    font-style:italic;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
    color: #999999 !important;
    font-style:italic;
}

textarea:-ms-input-placeholder {
    color: #999999 !important;
    font-style:italic;
}
.input,input[type=text],input[type=password],input[type=date],input[type=time],input[type=number],select,textarea{
    font-family: Consolas,"Courier New";
    background:#FFF;
    padding:6px;
    color:#000;
    border:1px solid rgba(0,0,0,.3);
    font-size:14px;
    margin:3px;
    height:25px;
    display:inline-block;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
}
textarea{
    max-height:45px;
    width:250px;
    margin:5px;
}
input[type=checkbox],input[type=checkbox]{
    background:#FFF;
    padding:6px;
    color:#000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    width:27px;
    height:27px;
    margin-right:6px;
}
input:focus, textarea:focus {
    outline: none;
}
.submit div{

}
.pay-input{
    padding-left:50px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}input[type=submit],input[type=button],.button,button,.stripe-button-el{
    overflow:hidden;
    border:0;
    padding:9px;
    padding-left:12px;
    padding-right:12px;
    background:#006C54;
    color:#FFF;
    border:0px;
    text-decoration:none;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    -o-border-radius:8px;
    border-radius:20px;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none;
    cursor:pointer;
    font-family: Main-Light,'Nunito Sans', sans-serif;
    font-size:15px;
    z-index:1;
    text-align:center;
    border:2px solid rgba(0,0,0,.5);
}

.green{background: green;border:2px solid darkgreen;}
.pay-buttons{
    background: rgb(51,204,153);
    background: -moz-linear-gradient(155deg, rgba(51,204,153,1) 0%, rgba(34,135,101,1) 100%);
    background: -webkit-linear-gradient(155deg, rgba(51,204,153,1) 0%, rgba(34,135,101,1) 100%);
    background: linear-gradient(155deg, rgba(51,204,153,1) 0%, rgba(34,135,101,1) 100%);
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    -o-border-radius:15px;
    padding:6px;
    color:#FFF;
    border:1px solid #228765;
}
.pay-button{
    text-align:center;
    border-right:1px solid #228765;
}@media(min-width:920px){
    .content{
        width:900px;


    }

    .dappbar{
        display:block;
    }
    .header{
        height:80px;
    }

    .master{
        margin-top:90px;
    }
    .header-landscape{
        display:block;
        width:900px;
        padding:10px;
    }
    .header-portrait{
        display:none;
    }
    .footer{
        width:900px;
        display:block;
    }
    .navbar{
        width:900px;
        background: #222 url(https://3pay.to/assets/img/header-bg.png) no-repeat center center;
        -webkit-border-radius:50px;
        -moz-border-radius:50px;
        border-radius:50px;
        position:relative;
        border:3px solid darkgreen;
        padding:2px;
        margin:9px;
        display: none;
    }
    .navbar-button{
        background: rgba(15,103,92,.4);
        border:2px solid rgba(0,0,0,.5);
        color:#FFF;
        border:0px;
        text-decoration:none;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
        -ms-border-radius:20px;
        -o-border-radius:20px;
        padding:8px;
        padding-left:12px;
        padding-right:12px;
        margin-top:-6px;
    }
    .bumper{
        display:none;
    }
    .row{
        display:flex;
        flex-wrap: wrap;
        margin:0px;
    }
    .col{
        flex:1;
    }
    .op-ro{
        display:block;
    }
    .op-co{
        text-align:center;
    }
    .wallet-menu{
        background: rgba(51,204,153,.5);
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px;
        padding:10px;
        font-size:11px;
    }
    .connect-hit{
        position:absolute;
        margin-top:-7px;
        margin-left:0px;
        background:rgba(255,0,0,0);
        border:2px solid rgba(0,0,0,.2);
        height:36px;
        min-width:130px;
        -webkit-border-radius:26px;
        -moz-border-radius:26px;
        border-radius:26px;
    }
    .products{
        display:flex;
        flex-wrap: wrap;
    }
    .product{
        flex-grow: 1;
        width:33%;
    }
    #wallet{}

}
@media all and (display-mode: standalone) {
    body {
        background-color: #33CC99;
    }
}

.side-menu {
    -webkit-animation: animation 639ms linear both;
    animation: animation 639ms linear both;
}

/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bs%3A%5B%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A639%2CD%3A0%2Cf%3A%7Bx%3A-320%2Cy%3A0%7D%2Ct%3A%7Bx%3A0%2Cy%3A0%7D%2Cs%3A1%2Cb%3A0%7D%5D%7D */

@-webkit-keyframes animation {
    0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -320, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -320, 0, 0, 1); }
    6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -197.182, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -197.182, 0, 0, 1); }
    12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -121.259, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -121.259, 0, 0, 1); }
    18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -73.24, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -73.24, 0, 0, 1); }
    25.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -44.127, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -44.127, 0, 0, 1); }
    37.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -15.341, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -15.341, 0, 0, 1); }
    50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.039, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.039, 0, 0, 1); }
    75.08% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.406, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.406, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes animation {
    0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -320, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -320, 0, 0, 1); }
    6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -197.182, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -197.182, 0, 0, 1); }
    12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -121.259, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -121.259, 0, 0, 1); }
    18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -73.24, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -73.24, 0, 0, 1); }
    25.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -44.127, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -44.127, 0, 0, 1); }
    37.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -15.341, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -15.341, 0, 0, 1); }
    50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.039, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -5.039, 0, 0, 1); }
    75.08% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.406, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.406, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

.overlay-action {
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
}

@-webkit-keyframes overlay-animation {
    0% { -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    3.4% { -webkit-transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    4.7% { -webkit-transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    6.81% { -webkit-transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    9.41% { -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    10.21% { -webkit-transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    13.61% { -webkit-transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    14.11% { -webkit-transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    17.52% { -webkit-transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    18.72% { -webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    21.32% { -webkit-transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    24.32% { -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    25.23% { -webkit-transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.03% { -webkit-transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.93% { -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    35.54% { -webkit-transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    36.74% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    41.04% { -webkit-transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    44.44% { -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    52.15% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    59.86% { -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    63.26% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    75.28% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    90.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes overlay-animation {
    0% { -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    3.4% { -webkit-transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    4.7% { -webkit-transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    6.81% { -webkit-transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    9.41% { -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    10.21% { -webkit-transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    13.61% { -webkit-transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    14.11% { -webkit-transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    17.52% { -webkit-transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    18.72% { -webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    21.32% { -webkit-transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    24.32% { -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    25.23% { -webkit-transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.03% { -webkit-transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.93% { -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    35.54% { -webkit-transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    36.74% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    41.04% { -webkit-transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    44.44% { -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    52.15% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    59.86% { -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    63.26% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    75.28% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    90.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}


.store-cart{
    width:216px;
    margin-right:30px;
}
.cart{
    margin:5px;
}
.cart-control{
    height:30px;
    font-size:12px;
}
.cart-control:after{
    content:"";
    display: table;
    clear:both;
}

.cart-tag{
    position: absolute;
}
.cart-total{
    padding:3px 6px 3px 6px;
    height:28px;
    line-height:23px;
    font-size:14px;
    background:#CF0000;
    color:#FFFFFF;
    -webkit-border-radius:4px 0 0 4px;
    -moz-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    border-top:1px solid #CF0000;
    border-left:1px solid #CF0000;
    border-bottom:1px solid #CF0000;
}
.cart-tag-right{
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-left: 18px solid #CF0000;
    border-bottom: 18px solid transparent;
    position:relative;
}
.cart-tag-right:after{
    content:'';
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #CF0000;
    position:absolute;
    top:-13px;
    left:-14px;
}
.cart-view{

}
.cart-view img{
    margin-top:6px;
    cursor: pointer;
}
.cart-items{
    margin-top:0px;
    margin-left:32px;
    padding:3px;
    width:17px;
    height:17px;
    line-height:16px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    position:absolute;
    background:#CF0000;
    text-align:center;
    color:#FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    cursor: pointer;
}
.cart-checkout{
    font-family: Core;
}
.cart-checkout{
    margin-left:2px;
    width:60px;
}
.cart-clear{
    margin:6px;
}

.products{

}
.product-listings{
    clear:both;
    border:1px solid #ccc;
}
.product-name{
    font-size:18px;
    font-weight:bold;
    padding:2px;
}
.product-description{
    font-size:14px;
    padding:2px;
}
.product{
    margin:6px;
    text-align:left;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    padding:3px;
    background:#FFF;
    color:#000;

}
.product-thumb{
    width:100%;
    height:261px;

    overflow:hidden;
    text-align:center;
}
.product-price{
    font-size:18px;
    font-weight:bold;
    margin-left:3px;
}
.product-cart-remove{cursor: pointer;}
.product-cart-add{
    cursor: pointer;
    width:36px;
    height:36px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    background:#006C54;
    border:2px solid rgba(0,0,0,.5);
    box-shadow: 1px 1px 1px rgba(0,0,0,.4);
    float:right;
}
.product .menu-icon{
    text-align:center;
    line-height:24px;
    color:#FFF;
}
.cart-icon{
    font-family:Trunk;
    text-align:center;
    font-size:47px;
    line-height:18px;
    cursor: pointer;
    color:#777;
}
.cart-icon-add{
    margin-left:3px;
    margin-top:3px;
}
.cart-preview{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:1px solid #ccc;
    position:absolute;
    width:200px;
    background:#FFF;
    max-height:300px;
    overflow: auto;
    margin-top:35px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.4);
}
.cart-preview-total{
    margin:6px;
    font-size:14px;
}
.preview-cart-item{
    text-align:left;
    border-bottom:1px solid #ccc;
    margin:3px;
    padding:3px;
}
.checkout-item{
    display:flex;
    border-bottom:1px solid #ccc;
    padding:6px;
}
.checkout-item:last-child{
    border-bottom:0px;
}
.checkout-item div{
    flex:1;
}
.checkout-total{
    font-size:20px;
    font-weight:bold;
    background:#6EBF55;
    padding:6px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    text-align:center;
    color:#000;
}
@media(min-width:600px){
    .product{
        width:389px;
    }
}.stripe-button-el{}
.stripe-button-el::-moz-focus-inner{
    border:0;padding:0;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    ser-select:none;
}
.stripe-button-el span{
    display:block;
    position:relative;
    padding:0 12px;
    height:30px;
    line-height:30px;
    background:#006C54;
    font-size:14px;color:#fff;font-weight:bold;
    font-family:Rubik;
    -webkit-border-radius:4px;-moz-border-radius:4px;
    -ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    ser-select:none;
}
.stripe-button-el:not(:disabled):active,.stripe-button-el.active{background:#6EBF55}
.stripe-button-el:not(:disabled):active span,.stripe-button-el.active span{
    color:#eee;
    background:#006C54;
    -webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
    -moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
    -ms-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
    -o-box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);
    box-shadow:inset 0 1px 0 rgba(0,0,0,0.1)}
.stripe-button-el:disabled,.stripe-button-el.disabled{
    background:rgba(0,0,0,0.2);
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none}
.stripe-button-el:disabled span,.stripe-button-el.disabled span{
    color:#999;
    background:#6EBF55;
    text-shadow:0 1px 0 rgba(255,255,255,0.5);
}