body { margin:0px; padding:0px; font-family: 'Jost', sans-serif; }
.minheight { min-height:100vh; }
.posrel { position:relative; }
input, textarea, button, select { font-family: 'Jost', sans-serif; box-sizing:border-box; }
.spalsh { background:url('../assets/images/splashbg.png'); background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:100vh; }
/*.tpline { background-image: url('../assets/images/tpline.png'); background-size:contain; background-position:left bottom; background-repeat:repeat-x; width:100%; height:50px; position:absolute; top:0; left:0; }
.btmline { background-image: url('../assets/images/btmline.png'); background-size:contain; background-position:left bottom; background-repeat:repeat-x; width:100%; height:50px; position:absolute; bottom:0; left:0; }*/
.tpline{background:#9DD4D3; box-sizing: border-box; width:100%; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;height:50px;}
.btmline{background:#9DD4D3; box-sizing: border-box; width:100%; -webkit-border-top-right-radius: 30px; -webkit-border-top-left-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-topleft: 30px; border-top-right-radius: 30px; border-top-left-radius: 30px;height:50px;}
.reg_outer { margin:0px 0; padding:60px 24px; }
.logo { width:300px; margin:15px auto; padding:20px 0 0; }
.logo img { width:100%; height:auto; }
h1.pgtitle { font-size:24px; font-weight:400; text-align:center; margin:0; padding:0px 0px 20px; }
.frmin-half { width:48%; float:left; margin:15px 0; }
.frmin-half:nth-child(even) { float:right; }
.frmin { width:100%; margin:15px 0; padding:0px; }
h2.subtitle { font-size:15px; font-weight:700; text-align:left; margin:10px 0; padding:0px; }
.clear { clear:both; }
.frm-field { width:100%; height:48px; background:#fff; color:#000000; border:1px solid #CCCCCC; padding:0 8px; border-radius:10px; font-size:17px; font-weight:400; }
.frm_outer label { color:#000000; font-size:16px; font-weight:400; }
.btnouter { text-align:center; margin-top:35px; }
.errmsg { text-align:center; margin-top:15px; color:#FF0000; font-size:14px; font-weight:700; }
.btnnxt { margin:0 auto; width:205px; height:50px; background:#000000; border:none; border-radius:10px; font-size:16px; font-weight:700; color:#fff; text-transform:uppercase; }
.header { background:#9DD4D3; box-sizing: border-box; width:100%; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; padding:0 24px; }
.btnlft { float:left; width:15%; padding: 40px 0px; }
.btnlft img { height: 30px; width:auto; }
h1.headtitle { color:#ffffff; font-size:32px; font-weight:400; float:left; width:70%; text-align:center; line-height:116px; padding:0px; margin:0px; }
.imgrgt { float:right; width:auto; text-align:right; padding:10px 0; }
.imgrgt img { height:90px; width:auto; }
.cart_out { float:left; width:50px; text-align: right; margin-top: 30px;}
.cart_out img { width: 90%; height: auto; padding-right: 10px; box-sizing: border-box; padding-top: 14px; max-width:46px; }
.cat_outer { padding:20px 24px 60px; }
.cat_outer2 { padding:20px 24px 10px; }
.catin { width:100%; height:auto; position:relative; border-radius:20px; overflow:hidden; margin-bottom:20px; }
.catin img { width:100%; height:auto; }
.cattitle_outer { position:absolute; bottom:0px; left:0px; width:100%; padding:30px 0; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); }
h3.cattitle { margin:0px; padding:0px; font-size:24px; font-weight:400; color:#ffffff; text-align:center; }
.sbcattitle { display:inline-block; margin:0px 5px 10px; color:#999999; background:none; border: 1px solid #fff; border-radius: 16px; padding: 4px 10px; font-size: 14px; }
#menu_outer { padding:10px 24px; }
.sbcattitle.active { color:#000000; border-color:#000000; }
.mi_inner { border:1px solid #CCCCCC; border-radius:10px; padding:10px; margin-bottom:15px; }
.mi_left { float:left; width:19%; }
.mi_left img { width:100%; height:auto; }
.mi_rgt { float:right; width:79%; }
h4.mititle { margin:0px; padding:0px; color:#000000; font-size:17px; font-weight:700; white-space:pre-wrap; }
p.midesc { margin:0px; padding:6px 0px; color:#999999; font-size:15px; font-weight:400; white-space:pre-wrap; }
.miprice { float:left; width:calc(100% - 200px); margin: 0; padding: 0; font-size:17px; font-weight:700; color:#000000; }
.miprice2 { float:left; width:calc(100% - 200px); margin: 0; padding: 0; font-size:17px; font-weight:400; color:#000000; }
.qtybox { float:right; width:100px; }
.miqty { width: 100%; border: 1px solid #ccc; border-radius: 10px; padding:0 8px; color: #000000;}
.btn_out { margin:15px 0 0; padding:0 24px 80px; }
.btn_out button { margin:0 auto; cursor:pointer; width:205px; height:50px; background:#000000; border:none; border-radius:10px; font-size:16px; font-weight:700; color:#fff; text-transform:uppercase; display: block; text-align: center; line-height: 50px; text-decoration: none; }
.btn_outposf { padding:15px 24px 80px; position:fixed; bottom:0px; left:0px; width:100%; background:#fff; }
.btn_outposf button { margin:0 auto; cursor:pointer; width:205px; height:50px; background:#000000; border:none; border-radius:10px; font-size:16px; font-weight:700; color:#fff; text-transform:uppercase; display: block; text-align: center; line-height: 50px; text-decoration: none; }
#loader { position:fixed; left:0; top:0; width:100%; height:100vh; background: rgba(0,0,0,0.6); display:none; }
#loader img { width:100px; height:auto; position:absolute; top:0; bottom:0; left:0; right:0; margin: auto; }
.ordersumm { padding:20px 0px 0; }
.ordersumm h2 { margin:0px; padding:0px 24px; font-size:22px; font-weight:400; color:#000000; text-align:left; }
.fetuimg { position:relative; }
.fetuimg img.fetimg { width:100%; height:auto; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; }
.hedposa { position: absolute; top: 0; width: 100%; z-index: 9999; }
.osmilist { margin:15px 0; border-bottom:1px solid #ccc; padding:0 24px 15px; }
.mi_inner_cart { margin-bottom: 10px; }
.anysreqouter { margin:15px 0; border-bottom:1px solid #ccc; padding:0 24px 15px; }
.anysreqouter h3 { font-weight:700; margin:0px 0 10px; padding:0px; color:#000000; font-size:16px; }
.anysreta { border-radius:10px; border:1px solid #ccc; width:100%; height:60px; padding:8px; color:#000000; font-size:16px; font-weight:400; }
.txtccode { float:left; border-radius:10px; border:1px solid #ccc; width:100%; height:35px; padding:0 8px; line-height:35px; color:#000000; font-size:16px; font-weight:400; }
.txtccode.half { width:82%; }
.allgesouter { margin:15px 0 55px; padding:0 24px 15px; }
.allgesouter h3 { font-weight:700; margin:0px 0 10px; padding:0px; color:#000000; font-size:16px; }
.totouter { background:#EFEFEF; position:relative; padding:21px 24px; margin: 42px 0 0; }
.tbno { background:#000000; position:absolute; margin:0px; padding:0px 15px; width:auto; height:42px; top:-42px; left:30px; color:#ffffff; font-size:16px; font-weight:700; text-align:center; line-height:42px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; }
.orderbtn { padding:20px 24px 80px; }
.orderbtn button { margin:0 auto; cursor:pointer; width:auto; height:50px; background:#000000; border:none; border-radius:10px; font-size:16px; font-weight:700; color:#fff; text-transform:uppercase; display: block; text-align: center; line-height: 50px; text-decoration: none; padding:0 15px; }
/*.catbtn { padding:20px 24px 80px; }*/
.catbtn button { margin:0px 0px 0px 24px; cursor:pointer; width:auto; height:50px; background:#000000; border:none; border-radius:10px; font-size:16px; font-weight:700; color:#fff; text-transform:uppercase; display: block; line-height: 50px; text-decoration: none; padding:0 15px; }
.ori_left { float:left; width:48%; text-align:left; color:#000000; font-size:16px; font-weight:400; }
.ori_rgt { float:right; width:48%; text-align:right; color:#000000; font-size:16px; font-weight:400; }
.oribold { font-weight:700; }
.tpbrder { margin-top:15px; padding:15px 0; border-top:1px solid #ccc; }
#itemdis { display:none; }
.cerr { display:none; color:red; font-size:14px; font-weight:400; }
.remcc { display:none; float:right; margin:0 auto; cursor:pointer; width:16%; height:35px; background:#000000; border:none; border-radius:10px; font-size:16px; font-weight:700; color:#fff; text-transform:uppercase; text-align: center; line-height: 35px; text-decoration: none; padding:0 10px; }
.cerr.grnclr { color:green; }
#itemnone { display:none; }
.payopt { padding:60px 24px 80px; }
.payopt a { margin:0 auto 20px; cursor:pointer; width:260px; height:50px; background:#000000; border:none; border-radius:10px; font-size:16px; font-weight:700; color:#fff; text-transform:uppercase; display: block; text-align: center; line-height: 50px; text-decoration: none; padding:0 15px; }
.thkbg { /*background:url('../assets/images/spls2.png');*/ background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:100vh; text-align:center; }
.ticklogo { width:110px; height:auto; margin:60px auto 0; }
.thkbg h4 { color:#000; font-size:24px; font-weight:400; margin:0px; padding:20px 10px; text-align:center; }
.tlogo { width:220px; height:auto; margin:40px auto 0; display:block;}
.tplogo { width:180px; height:auto; margin:20px auto 0; display:block; }
h5.flwusti { color:#000; font-size:16px; font-weight:400; margin:40px 0 0; padding:0px; text-align:center; }
.instlogo { width:90px; height:auto; margin:10px auto; display:block; }
h6.instalink { color:#000; font-size:20px; font-weight:400; margin:0px 0 40px; padding:0px; text-align:center; }
h6.instalink a { text-decoration:none; color:#000; }
#menu_outer.pdd10 { padding-bottom:160px; }
.sp1 { margin-bottom:10px; }

@media only screen and (max-width:820px) {
	h1.headtitle { font-size:20px; width: 60%; line-height:65px; }
}
@media only screen and (max-width:680px) {
    .btnlft { float: left; width: 7%; padding: 18px 0px; }
    .btnlft img { width:100%; height:auto; }
    h1.headtitle { font-size:20px; width: 60%; line-height:65px; }
	.cart_out{ width:40px; margin-top: 0px;}
    .imgrgt { width: 13%; text-align: right; padding: 6px 0; }
    .imgrgt img { width:100%; height:auto; }
    .tpline { height: 28px; }
    .btmline { height: 28px; }
    
}