@charset "utf-8";body,ul,ol,li,p,img,h1,h2,h3,h4,h5,h6,form,fieldset,label,legend,input,table,tr,td,th,iframe,a,dl,dt,dd,header,footer,main,aside,div,section,article{margin:0;padding:0;font-size:100%;line-height:116%;box-sizing:border-box}
ul,ol,li{list-style:none;margin:0;padding:0}
button::-moz-focus-inner{border:0;padding:0}
h1,h2,h3,h4,h5{font-weight:normal;margin:0;padding:0}
img{border:none;display:block;max-width:100%}
body{background:#fff;padding:0;margin:0;color:#000;line-height:1;-webkit-text-size-adjust:100%;font-family:'Ubuntu',sans-serif}
input,button{outline:none;font-size:16px}
html,body{height:100%}
.flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.flex.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex.col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.flex.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.flex.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.flex.wrap{align-items:stretch;height:100%}
.contact-info{flex:1 1 50%;padding-bottom:4em}
.contact-info .logo{max-width:144px;margin:2em auto 3em}
.contact-info .logo p{text-transform:uppercase;letter-spacing:8px;font-size:.85em}
form{max-width:600px;margin:auto}
form .col2 p{flex:1 1 50%}
form .col3 p{flex:1 1 33.3333%}
form h3{margin:.5rem}
form p{position:relative;margin:.75em .5rem}
form p label{position:absolute;top:1px;left:1px;color:#888;pointer-events:none;padding:.75em .75em;transition:all .2s ease-out}
form p input[type="text"],form p select{font-family:'Ubuntu',sans-serif;border:1px solid #d1d1d1;width:100%;border-radius:.25em;padding:1.25em .75em .3em;background:none}
form p select{padding:.75rem}
form p input[type="text"]:focus,form p input[type="text"].active{border-color:#2a9dcc}
form p input[type="text"]:focus + label,form p input[type="text"].active + label,form .filled label{font-size:.7em;padding:.3rem .75rem}
form p.right{float:right}
form p input[type="submit"]{font-family:'Ubuntu',sans-serif;cursor:pointer;padding:1em 2em;background:#2a9dcc;border-radius:.25em;color:#fff;border:none}
.cart-contents{padding:2em;flex:1 1 50%;background:#eee;border-left:1px solid #e1e1e1}
.cart-contents h3{font-size:1em;margin-bottom:.75em}
.cart-contents .store{border-top:1px solid #ccc;padding:1em 0}
.cart-contents .store .logo{margin-bottom:1em}
.cart-contents .store .logo .img{width:80px;border:1px solid #ccc;padding:.25em;border-radius:.25em;background:#fff;margin-right:1em}
.cart-contents .store .logo h4{font-weight:bold}
.cart-contents .store .logo a{margin-left:auto;color:#2a9dcc;font-size:.85em}
.cart-contents .details{color:#2a9dcc;display:none;float:right;font-size:1rem}
.cart-contents form{margin-bottom:.75em;max-width:100%}
.cart-contents form p{width:100%;margin:0}
.cart-contents form p span{flex:1 1 auto;margin-right:1em}
.cart-contents form p input[type="submit"]{padding:.75em 1em}
.cart-contents .price{float:right}
.cart-contents p.flex{justify-content:space-between}
.cart-contents .item p{padding:.5em 0}
.cart-contents .item p a{text-decoration:none;color:#666;border-radius:.25em;padding:0 .25em}
.cart-contents .summary{border-top:1px solid #ccc}
.cart-contents .summary p{padding:.5rem 0;font-size:.85em;color:#666}
.cart-contents .summary .total p{font-size:1.2em;color:#000}
.cart-contents .grand p{font-size:1.4em;padding:1rem 0 0;border-top:2px solid #ccc}
@media only screen and (max-width:1024px){}
@media only screen and (max-width:980px){}
@media only screen and (max-width:780px){.wrap.flex{flex-wrap:wrap;height:auto}
.cart-contents,.contact-info{flex:1 1 100%}
.cart-contents{order:1}
.contact-info{order:2}
.mhide{display:none}
.cart-contents .details{display:block}}
@media only screen and (max-width:480px){}