/*
Theme Name: Olzhop
Version: 1.1
Theme URI: https://www.oketheme.com/themes/olzhop-theme/
Author: Tri Yuli Kurniawan
Author URI: https://www.oketheme.com
Description: Olzhop Theme adalah template toko online WordPress masa kini dengan berbagai fitur andalan dan kekinian. Tampilannya modern, elegan dan profesional membuat pelanggan website Anda betah berlama-lama belanja. Management toko sangat mudah dioperasikan meskipun oleh newbi sekalipun.
Tags: olzhop, oketheme, toko online, ecommerce, aktif #3A588F, hover #f8991d
*/
*,:after,:before{box-sizing:border-box}body{font-family:Arial;font-size:14px;color:#444;background:#fff;margin:0}li,nav,ul{margin:0;padding:0}.clear:after,.clear:before{content:' ';display:table}a,h1,h2,h3,h4{color:#3a588f}a:hover{color:#f8991d}a:active,a:hover,a:link,a:visited{text-decoration:none}h1{font-size:180%}h2{font-size:150%}h3{font-size:120%}h4{font-size:100%}h1,h2,h3,h4{margin:20px 0 10px}input,radio,select,textarea{padding:5px 7px;color:#555;outline:0;border:#f2f2f2 solid 1px;background:#fff}.button-primary,.form-submit input,button{font-size:100%;cursor:pointer;padding:6px 15px;background:#3a588f;border:0;outline:0;color:#fff;transition:.5s}.button-primary:hover,.form-submit input:hover,button:hover{background:#f8991d}blockquote{width:94%;margin:0 3%;padding:0 15px;border:1px solid #f2f2f2;border-left:10px solid #f2f2f2;background:#fff}code{background:#f5f5f5;border:#f2f2f2 solid 1px;padding:5px}img{height:auto}a img{border:none}img.center{display:block;margin-left:auto;margin-right:auto}img.aligncenter{display:block;margin:5px auto}img.alignright{display:inline;margin:0 0 5px 5px;padding:5px}img.alignleft{display:inline;margin:0 5px 5px 0;padding:5px}.wp-caption{border:#f2f2f2 solid 1px;background-color:#fff;padding:5px;margin:5px}.wp-caption img{margin:0;padding:0;border:none}.wp-caption p.wp-caption-text{text-align:center;font-style:italic;font-size:80%;padding:5px 5px 0;margin:0}.aligncenter{display:block;margin:5px auto}.alignleft{float:left}.alignright{float:right}.wp-caption,img,img.alignnone,p img{max-width:100%}.glyphicon{font-size:80%;margin-right:3px}@keyframes blinker{50%{opacity:0}}.blink{animation:blinker 1s linear infinite}.info{border:#f2f2f2 solid 1px;background:#f9f9f9;padding:6px 8px}.notis{border:#ffb973 solid 1px;background:#ffffec;padding:6px 8px;color:#ff8000}.warning{border:#d90000 solid 1px;background:#ffcfbf;padding:6px 8px;color:#d90000}.sukses{border:1px solid #4caf50;background:#d9f4db;padding:6px 8px;color:#4caf50}.kotax{width:100%;padding:10px;margin:10px 0}.kotax ul li{list-style:circle;padding:3px 0;margin:5px 10px 5px 30px;font-size:85%}.small{font-size:80%}.medium{font-size:90%}.jumbo{font-size:500%}.hidden{font-size:0}.tred{color:red}.tgreen{color:#4caf50}.torange{color:#ff8000}.judul{margin:20px 0 10px;font-size:110%;font-weight:700}.headtitle{display:block;padding-bottom:20px;position:relative;text-align:center;font-size:140%;color:#3a588f;z-index:1;line-height:42px;font-weight:700}.headtitle:before{border-top:1px solid #f2f2f2;content:"";position:absolute;top:19px;left:0;width:100%;z-index:-1}.headtitle span{background:#fff;border:1px solid #f2f2f2;padding:8px 15px;box-shadow:0 5px 0 0 rgba(0,0,0,.03)}#wrapperwide{width:100%;margin:0 auto;background:#fff}#tophead{width:100%;margin:0 auto;background:#fff;position:fixed;top:0;z-index:988;box-shadow:0 2px 8px 0 rgba(0,0,0,.08);transition:.5s}#naviwrap{width:100%;background:#f5f5f5;color:#555;border-bottom:1px solid #eee;height:32px}.topmenu{max-width:1190px;margin:0 auto;font-size:12px}.navigasi{width:12%;height:32px;font-weight:700;padding:7px;text-align:center;background:#eee;color:#3a588f;float:left;cursor:pointer}.navigasi:hover{color:#f8991d;background:#fff;border-left:1px solid #eee;border-right:1px solid #eee}.navigasi:hover .navicontent{display:block}.navicontent{display:none;font-weight:400;background:#fff;max-width:1190px;text-align:left;padding:5px;position:absolute;top:32px;margin-left:-8px;z-index:1;border:1px solid #eee;border-bottom-width:5px;border-top:none}.kontak{width:12%;height:32px;font-size:12px;font-weight:700;padding:7px;text-align:center;float:left}.runningtext{width:76%;float:left;height:32px}.runningtext li{padding:7px 10px;font-size:12px;list-style-type:none}.naviku>li{float:left}.naviku a{padding:5px 10px;height:32px}.naviku{list-style:none;font-size:12px;text-align:left}.naviku:after{content:" ";display:table;clear:both}.naviku>li>a{display:block}.naviku ul{list-style:none;width:150px}.naviku a{color:#666}.naviku a:hover{color:#f8991d}.naviku li{position:relative}.naviku>li>.parent{background-image:url(images/downArrow.png);padding-right:30px;background-repeat:no-repeat;background-position:right}.naviku li ul{position:absolute;text-transform:none;left:-9999px}.naviku>li.hover>ul{left:0}.naviku li li.hover ul{left:100%;top:0}.naviku li li{z-index:100}.naviku li li a{display:block;background:#f9f9f9;position:relative;border:none}.naviku li li ul{border:none}.naviku li li li li a{z-index:300}#header{max-width:1190px;margin:0 auto;padding:20px 0;transition:.5s}#header .glyphicon-menu-hamburger,#header .glyphicon-shopping-cart{color:#3a588f;margin:0}.headlogo{width:32%;height:60px;float:left;padding:0 60px 0 10px;position:relative}.headlogo img{max-width:300px;max-height:60px;vertical-align:middle}.headlogo p{margin:0;font-size:11px}.headlogo .logotitle{font-weight:700;font-size:24px}.menukat{position:absolute;right:10px;top:10px;width:40px;height:50px;text-align:center;cursor:pointer}#kategori{width:100%;text-align:left;padding:5px 0 5px 5px;position:absolute;box-shadow:0 2px 5px 0 rgba(0,0,0,.08);z-index:1;background:#fff;left:0;top:100%;display:none;border:1px solid #f2f2f2}#kategori h2{font-weight:700;font-size:100%;padding:10px;text-transform:uppercase;margin:0}.headlogo:hover #kategori{display:block}.headcart{width:5%;height:60px;padding:10px;position:relative;float:left;text-align:center}.pcs{background:red;width:24px;height:24px;border-radius:50%;color:#fff;font-size:11px;line-height:24px;display:inline-block;position:absolute;top:7px;margin-left:-10px;text-align:center}#rincian{width:440px;padding:10px;position:absolute;box-shadow:0 2px 5px 0 rgba(0,0,0,.08);z-index:1;background:#fff;right:-190px;top:100%;display:none;text-align:right;border:1px solid #f2f2f2}.headcart:hover #rincian{display:block}#rincian #jcart table tbody{display:block;max-height:310px;overflow:auto}#rincian #jcart table tbody::-webkit-scrollbar-track{background-color:#f1f1f1}#rincian #jcart table tbody::-webkit-scrollbar{width:5px}#rincian #jcart table tbody::-webkit-scrollbar-thumb{background-color:#777}.headsearch{width:40%;float:left;text-align:right;height:60px;padding:10px 0;position:relative}.headsearch input{padding:5px 10px;border:none;float:left;height:40px;margin:0;background:#f9f9f9;width:100%;border:1px solid #f2f2f2;border-radius:20px}.headsearch button{width:15%;height:40px;padding:5px;float:right;border-radius:20px;position:absolute;right:0}.headmember{width:23%;height:60px;padding:10px;float:left;text-align:right;position:relative;cursor:pointer}.headmember button{margin-top:5px;padding:5px 15px}#topmember{min-width:200px;font-size:95%;position:absolute;box-shadow:0 2px 5px 0 rgba(0,0,0,.08);z-index:1;background:#fff;right:0;top:100%;display:none;padding:5px;border:1px solid #f2f2f2}#topmember ul li{width:100%;list-style:none;padding:5px 15px;text-align:left}#topmember li:hover{background:#f9f9f9}.headmember:hover #topmember{display:block}.buttonreg{background:#f8991d}#kategori:after,#kategori:before,#rincian:after,#rincian:before,#topmember:after,#topmember:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute}#kategori:after,#kategori:before,#topmember:after,#topmember:before{right:18px}#rincian:after,#rincian:before{right:205px}#kategori:after,#rincian:after,#topmember:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}#kategori:before,#rincian:before,#topmember:before{border-color:rgba(242,242,242,0);border-bottom-color:#f2f2f2;border-width:12px;margin-right:-2px}nav.vertical{position:relative;overflow-y:scroll;max-height:500px}.vertical::-webkit-scrollbar-track{background-color:#fff}.vertical::-webkit-scrollbar{width:5px}.vertical::-webkit-scrollbar-thumb{background-color:#777}nav.vertical ul{list-style:none}nav.vertical li{position:relative}.navparent{background-image:url(images/downArrow.png);padding-right:20px;background-repeat:no-repeat;background-position:right}nav.vertical ul li{background-image:linear-gradient(#f9f9f9,#fff)}nav.vertical ul li ul li{background:#777}nav.vertical ul li ul li:hover>a{background:#888}nav.vertical ul li ul li>a{color:#fff;font-size:90%}nav.vertical a{display:block;color:#3a588f;text-decoration:none;padding:7px 12px;transition:.2s}nav.vertical li:hover>a{background:#3a588f;color:#fff}nav.vertical ul ul{transition:max-height .2s ease-out;max-height:0;overflow:hidden}nav.vertical li:hover>ul{max-height:500px;transition:max-height .25s ease-in}#sliderwrap{width:100%;margin:0}#slider img{width:100%}#wrappercontain{width:100%;background:#fff;margin-top:130px}#wrappercontainoff{width:100%;background:#fff}.containwrap{max-width:1190px;margin:0 auto;padding:30px 0}#mainwrap{background:#fff;width:100%;margin-bottom:50px;overflow:hidden}#whywrap{width:100%;margin-bottom:50px;overflow:hidden;padding:10px 0 20px;background-image:linear-gradient(to top,#f9f9f9,#fff)}.why{width:25%;padding:10px;float:left;text-align:center}.why h2{font-size:110%;margin-bottom:5px}.why p{font-size:90%;margin:0 0 15px}.whyicon{font-size:50px;color:#3a588f}.bannerx img{width:100%}.spescat{width:100%;overflow:hidden;padding:20px 20px 40px;background-image:linear-gradient(to bottom right,#3a588f,#fff);background-size:cover;background-repeat:no-repeat;background-position:center center;margin-bottom:0}.spescat_info{width:40%;float:left;background:rgba(255,255,255,.9);padding:20px;position:absolute;top:120px;margin:0 3% 0 2%}.spescat_info h3{font-size:220%;margin-top:0}.spescat_produk{width:55%;float:right;padding:10px}.gridpadspes{width:50%;float:left;padding:10px}.gridpadspes .grid{padding:5px}.gridpadspes div .arealabel{top:15px}#katspesial .owl-controls{bottom:10px;right:30px;position:absolute}.katarsip{padding:15px;margin-bottom:15px;position:relative}#testihome{width:100%;padding:30px;background-image:linear-gradient(to bottom left,#3a588f,#fff);background-size:cover;background-repeat:no-repeat;background-position:center center;margin-bottom:50px;position:relative;overflow:hidden}.testioverlay{background-image:linear-gradient(to right,#fff,#fff,transparent);opacity:.8;position:absolute;top:0;left:0;width:100%;height:100%}.testi_info{width:42%;padding:20px;float:right;background-color:rgba(255,255,255,.9);position:relative}.testi_info h3{font-size:220%;margin-top:0}.testi_slider{width:55%;float:left;padding:10px 10px 0;position:relative}.gridblog{width:33.333%;background:#fff;padding:0 10px 0;float:left;position:relative;overflow:hidden;text-align:center;margin-bottom:20px}.gridblog img{width:100%}.bloginfo{width:100%;position:absolute;bottom:-140px;left:0;text-align:center;transition:.5s}.blogtitle{background:#fff;max-width:300px;padding:10px;display:inline-block}.gridblog:hover .bloginfo{bottom:0}.blogselect{width:300px;background:#f9f9f9}.gridpad{padding:10px;float:left;width:25%}.gridpadrr{padding:10px}.grid{width:100%;background:#fff;position:relative}.grid:hover img{transform:scale(1.1) rotate(4deg)}.wrapthumb{width:100%;margin-bottom:10px;overflow:hidden;position:relative}.wrapthumb img{transition:.5s;width:100%}.tithumb{min-height:90px}.titel{margin-bottom:10px}#relrand{padding:0 27px}.arealabel{position:absolute;top:10px;right:-8px;z-index:2;text-align:right}.labeli{color:#fff;display:inline-block;font-size:12px;padding:2px 8px;height:22px;position:relative}.labeli:after{position:absolute;right:0;bottom:-6px;content:" ";border-style:solid;border-width:0 0 6px 8px;border-color:transparent transparent transparent #ccc}.colorlabel{position:absolute;bottom:5px;left:5px;padding-left:5px}.quicklabel{position:absolute;background:#eee;padding:3px 5px;top:10px;left:10px}.quickmobile{padding:0 10px;height:25px;margin:-37px 0 15px;position:relative}.buttonmobile{color:#fff;text-align:center;padding:2px 5px;font-size:10px;opacity:.8;display:inline-block}.buttonmobile:hover{opacity:1}.quickpop{max-width:480px;padding:5px;display:none}.quickdetail{width:50%;float:right;padding-left:20px}.quickdetail li{list-style:none}.quickdetail button{width:98%;margin-top:5px}.btnsms{background:#ffb600}.btntel{background:#dc1818}.btnbbm{background:#0292ce}.btnwa{background:#6cc415}.btnmess{background:#0084ff}.btnline{background:#00b900}.btnwechat{background:#255a0a}.btnmail{background:#ff5c26}.quickview{width:50%;text-align:center;float:left}.quickview img{width:100%;background:#fff;border:#f2f2f2 solid 1px;margin-bottom:15px}.pagination{width:100%;margin-top:10px;border-top:#f2f2f2 solid 1px;padding-top:10px}.pagination a,.pagination>.current{border:#f2f2f2 solid 1px;padding:5px 10px;background:#fff;margin:0 2px;display:inline-block}.pagination a:hover,.pagination>.current{color:#fff;background:#3a588f;border:none}.invpop{max-width:500px;padding:15px;background:#fff;display:none;overflow-y:scroll;max-height:600px}.invpop::-webkit-scrollbar-track{background-color:#f1f1f1}.invpop::-webkit-scrollbar{width:5px}.invpop::-webkit-scrollbar-thumb{background-color:#777}.invjudul{font-size:130%;font-weight:700;padding-bottom:5px;border-bottom:2px solid #f5f5f5;margin:20px 0 5px}.invtotal{display:inline-block;padding:10px 15px;background:#fff;text-align:center;margin-top:10px;border:#f2f2f2 solid 1px;box-shadow:0 5px 0 0 rgba(0,0,0,.03);font-weight:700}.wrap-post{margin:10px 0;padding:5px}.invpop ul li,.wrap-post ul li{list-style:circle;border-bottom:1px solid #f5f5f5;padding:3px 0;margin:5px 10px 5px 30px}.popup{min-width:300px;max-width:1000px;display:none;padding:5px}.popup ul li{list-style:none;padding:2px 0;margin:2px 0}.labelkontak{background:#3a588f;color:#fff;height:100%;padding:6px 15px;display:inline-block;margin-right:-5px}.popup td{padding:3px;vertical-align:top}.boxview{width:35%;float:left;position:relative}.boxview img{border:1px solid #f2f2f2}.boxdetail{width:65%;padding-left:30px;float:left}.boxdetail h2{font-size:110%}.indetail{float:right;width:50%}.indetail td{border-bottom:1px solid #f2f2f2;padding:10px 5px;vertical-align:top}.inprice{float:right;width:50%}.inprice td{padding:5px}.inprice select{width:100%;padding:10px}.indesk{width:100%;background:#f9f9f9;overflow-y:scroll;max-height:300px;padding:10px;margin:10px 0}.indesk::-webkit-scrollbar-track{background-color:#f1f1f1}.indesk::-webkit-scrollbar{width:5px}.indesk::-webkit-scrollbar-thumb{background-color:#777}#harganya,.harga{font-size:180%;font-weight:700}.qtycart{text-align:center;padding:10px}.jumdiv{width:170px}.btn-number{background:#fff;color:#555;border:1px solid #f2f2f2}.jumdiv input{background:#fff;margin:0 2%}.jumdiv button:hover{color:#fff}.buybutton{padding:15px 40px;margin:0;font-size:130%;max-width:100%}.tagprice{display:none;margin-top:10px}#zoomview{width:100%}#galeri{width:100%}.zoomthumb{padding:10px 5px;opacity:.7;background:#fff;width:100%}.zoomthumb:hover{opacity:1}.active_gal img{opacity:1!important}#kotakwarna{margin-right:5px;display:inline-block;border-radius:50%;padding:2px;border:1px solid #f2f2f2;background:#f9f9f9}.warni{width:18px;height:18px;border-radius:50%}#footerback{background:#3a588f;color:#fcfcfc;width:100%;position:relative;display:block;padding:20px 0 0}#footerback a{color:#fcfcfc}#footerback a:hover{border-bottom:1px dotted #fff}.overback{top:0;left:0;right:0;bottom:0;opacity:.15;position:absolute;background-size:cover;background-repeat:no-repeat;background-position:top center;filter:grayscale(1)}#footerarea{max-width:1190px;margin:0 auto;z-index:1;position:relative}#footerarea h4{color:#fff;padding:10px 0;text-transform:uppercase;margin-top:0}.footbarwidget{width:33.333%;padding:20px 15px 20px;float:left}.footbar{margin-bottom:30px;overflow:hidden}.footbar ul li{padding:5px 0;margin-left:20px}.footbar ul li li{border-left:1px solid rgba(255,255,255,.25);padding-left:5px}.footer{max-width:1190px;margin:0 auto;padding:30px 10px 20px;z-index:2;position:relative;overflow:hidden}.copyright{text-align:center;width:100%;padding:10px 20px}.ads728{width:100%;max-height:102px;margin:20px 0;text-align:center;padding:5px;border:1px solid #f2f2f2}.socmed{text-align:center;background:#fff;padding:20px 0 0 0}.socmed img{opacity:1;transition:.5s;max-width:14.2%}.socmed img:hover{opacity:.5}.bankwrap{padding:10px;overflow:hidden}.banx{width:33.333%;padding:5px;float:left}.bca,.bni,.bri,.cimb,.danamon,.mandiri,.muamalat,.xbank{background-image:url(images/bank.jpg);background-repeat:no-repeat;width:130px;height:60px;float:left;border:#f2f2f2 solid 1px;margin:0 5px 5px 0}.bca{background-position:0 0}.mandiri{background-position:-130px 0}.bri{background-position:-260px 0}.danamon{background-position:-390px 0}.bni{background-position:-520px 0}.cimb{background-position:-650px 0}.muamalat{background-position:-780px 0}.xbank{background-position:-910px 0}.cahaya,.dse,.ekspedisi,.esl,.firstlog,.idl,.indah,.jet,.jne,.jnt,.lion,.ncs,.ninja,.pahala,.pandu,.pcp,.pos,.rpx,.sap,.sicepat,.slis,.star,.tiki,.wahana{background-image:url(images/ekspedisi.jpg);background-repeat:no-repeat;display:inline-block;width:127px;height:60px;border:#f2f2f2 solid 1px;margin:5px}.jne{background-position:0 0}.pos{background-position:-130px 0}.tiki{background-position:-260px 0}.pcp{background-position:-390px 0}.esl{background-position:-520px 0}.rpx{background-position:-650px 0}.pandu{background-position:-780px 0}.wahana{background-position:-910px 0}.sicepat{background-position:-1040px 0}.jnt{background-position:-1170px 0}.pahala{background-position:-1300px 0}.cahaya{background-position:-1430px 0}.sap{background-position:-1560px 0}.jet{background-position:-1690px 0}.indah{background-position:-1820px 0}.dse{background-position:-1950px 0}.slis{background-position:-2080px 0}.firstlog{background-position:-2210px 0}.ncs{background-position:-2340px 0}.star{background-position:-2470px 0}.ninja{background-position:-2600px 0}.lion{background-position:-2730px 0}.idl{background-position:-2860px 0}.ekspedisi{background-position:-2990px 0}.comments,.comments input[type=text],.comments textarea{width:100%}.comments{margin-bottom:50px}.comments label{font-weight:700}.comments input[type=radio]{margin:0 5px;color:#ccc}.comment-respond{margin:20px 0}.comments ul li{list-style-type:none;padding:10px 10px 10px 0;margin-top:10px;border:1px solid #f2f2f2}.comments li li{padding:10px;background:#f9f9f9;border:none;border-top:1px solid #f2f2f2;margin:0 -10px -10px 0}.ratestar{display:inline-block;margin-right:10px;margin-top:-15px;padding:8px 5px 2px 2px}.ratestar:hover{background:#f2f2f2}.leftcomment{width:15%;float:left;text-align:center}.rightcomment{width:85%;padding:0 0 10px 20px;border-left:1px solid #f2f2f2;float:right}.scrollup{position:fixed;display:none;z-index:600;width:40px;height:40px;bottom:70px;right:20px;text-indent:-9999px;background:url(images/icon_top.png) no-repeat;opacity:.1}.waarea{position:fixed;z-index:601;width:200px;height:40px;bottom:20px;right:20px;display:table;font-size:13px}.wabutton{color:#fff;background:#24be5b;text-align:center;vertical-align:middle;display:table-cell}#wacontent{width:100%;text-align:left;position:absolute;z-index:1;background:#fff;bottom:40px;right:0;display:none;border:1px solid #f2f2f2;color:#444}#wacontent a{color:#444}.walist{overflow:auto;padding:8px;border-bottom:1px solid #f9f9f9}.wapop .walist{background:#efefef;border-bottom:1px solid #d5d5d5}.wabutton .walist:hover{background:#f1fce9}.walist img{float:left;border-radius:50%;width:40px;margin-right:10px}.wabutton:hover #wacontent{display:block}.waonline{color:transparent;text-shadow:0 0 0 #2aaa52}.wapop{min-width:350px;max-width:500px;display:none}.wachat{background-image:url(images/wa/wa-back.jpg);background-repeat:no-repeat;background-position:center center;height:150px;padding:10px}.wabubble1,.wabubble2{background:#fff;position:relative;padding:5px 10px;margin-left:10px;margin-bottom:3px;font-size:12px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;display:inline-block;box-shadow:0 2px 2px 0 rgba(0,0,0,.15)}.wabubble1:after{content:'';position:absolute;display:block;top:0;right:100%;width:0;height:0;width:0;height:0;border-bottom:10px solid transparent;border-right:10px solid #fff}.wareply{background:#efefef;padding:10px}.wareply ::placeholder{color:#ccc}.wareply input{width:88%;margin:0 2% 0 0;border:none}.wareply button{width:10%;margin:0;padding:5px;text-align:center;background:#24be5b}.viewform{width:68%;padding-right:10px;float:left}.viewform .judul{border-bottom:5px solid #f2f2f2;padding-bottom:10px}.viewform .jcart-items{padding:10px 0}.tabcart input,.tabcart select,.tabcart textarea{width:100%}.tabcart td{padding:5px}.tabcart ::placeholder{color:#ccc}.viewcart{width:32%;padding-left:10px;float:right}#dcart td{padding:5px}#dcart .ong1{width:45%;border-bottom:1px solid #f2f2f2}#dcart .ong2{text-align:right;border:#f2f2f2 solid 1px;background:#fcfcfc;width:55%}#coupon{max-width:400px}#coupon input[type=text]{width:59%;margin-right:1%;float:left}#coupon button{width:40%;margin:0;float:right}.infodisc{padding:5px}.voucher{display:none;padding:10px;margin-bottom:10px;text-align:right;border:#85b200 dashed 1px;background:#e2ffd9}.vouch{border:#ffa64d dashed 1px;background:#ffffbf;padding:0 5px;margin-left:10px;font-size:140%}.cocart{max-width:400px;background:#fff6bf;padding:20px;margin:20px auto;border:#f2f2f2 solid 1px}.td1{width:35%;vertical-align:top}.td2{width:65%;vertical-align:top}#jcart table{width:100%;background:#fff;margin-top:-5px}#jcart td,#jcart tr{width:100%;display:block;overflow:hidden}.jcart-items{text-align:left;vertical-align:top;padding:5px 0;border-bottom:1px solid #f2f2f2;position:relative}.jcart-items img{float:left;margin:0 10px 2px 0}.jcart-item-title{font-weight:700}.jcart-remove{color:red}.jcart-item-size{margin-top:5px}.ubahqty{width:50px;height:22px;margin-top:7px;text-align:center;padding:5px}.jcart-item-price{font-weight:700;position:absolute;bottom:5px;right:5px}.jcart-item-foot{padding:15px 10px;text-align:right;position:relative;background:#f9f9f9}.jcart-item-total{font-weight:700;position:absolute;bottom:15px;left:10px}.jcart-item-qtyberat{margin-top:5px;display:inline-block;font-weight:700}#jcart-subtotal{font-size:130%;font-weight:700;margin-left:10px}.ukco{font-size:90%;border:1px solid #f2f2f2;background:#f1f1f1;margin-right:5px;padding:1px 5px}#jcart-buttons input{margin:2px;padding:2px}#jcart-sizetip{display:none;border:#fff solid 5px;color:#fff;background:red;text-align:center;box-shadow:0 1px 5px #ccc;padding:7px 15px;position:absolute;margin-top:-50px;z-index:2}#jcart-tooltip{display:none;position:fixed;z-index:9999;padding:100px 10px;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.popcart{background-color:#f9f9f9;margin:auto;padding:15px;border:#f2f2f2 solid 1px;max-width:500px}.popcart img{background:#fff;border:#f2f2f2 solid 1px;padding:5px;margin:0 15px 5px 0;float:left}#resultresi table,.resultongkir table{margin:10px 0;background:#f7f7f7;border:#f2f2f2 solid 1px}#resultresi tr:nth-child(even),.resultongkir tr:nth-child(even){background:#fff}#resultresi tr:hover,.resultongkir tr:hover{background:#f2f2f2}#resultresi th,.resultongkir th{background:#f1f1f1;padding:10px;font-weight:400;font-size:110%;border-bottom:1px solid #f2f2f2}#resultresi td,.resultongkir td{border-bottom:1px solid #f1f1f1;margin:10px 0}.resultongkir input[type=radio]{width:25px;height:25px;cursor:pointer}.resultongkir input[type=radio]{width:25px;height:25px;cursor:pointer}.cekongkir input[type=radio]{width:0;height:0;cursor:pointer}.avatar{padding:5px;background:#fff;float:left;margin:0 10px 0 0;border:#f2f2f2 solid 1px}.avaprofil{width:150px;height:150px;margin:10px auto}.avatesti{width:130px;height:130px}.avadiskusi{width:90px;height:90px}.seo{font-size:0;margin:0;padding:0}.crumbs{padding-bottom:5px;margin-bottom:15px;font-size:90%;border-bottom:1px solid #f2f2f2}.shareicon{font-size:35px;margin-right:10px}.shareicon:hover{opacity:.7}.error{border:1px solid red;background:#fdd;margin-bottom:5px}label.error{border:none;background:0 0;color:#fa3c3c;font-size:90%;display:block}.tabproduk{margin-top:10px}.nav-tabs{border-color:#f2f2f2;font-size:110%}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border-color:#f2f2f2;border-bottom-color:transparent}#ppcircle,#ppcircle-edit{border-radius:50%;border:5px solid #e5e5e5;background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;background-color:#fff}.pp-edit,.pp-upload{cursor:pointer;background:#e5e5e5;border-radius:50%;padding:7px;font-size:16px}.uploadpic{position:absolute;bottom:0;right:5px}.boxpp{width:30%;padding:20px;text-align:center;float:left;background-image:linear-gradient(to bottom,#f7f7f7,#fff);border:1px solid #f2f2f2}.boxpp ul{margin:30px 0}.boxpp ul li{list-style:none;border-bottom:1px solid #f2f2f2;box-shadow:0 1px #fff;padding:7px 0}.boxinfo{width:70%;padding-left:30px;float:right}.boxinfo h3{font-weight:600;margin-right:10px;font-size:120%}.boxinfo h2{font-weight:600;font-size:130%}.boxinfo table{margin-bottom:30px}.boxinfo td{vertical-align:top;padding:5px 2px}.tdpro1{width:35%;padding-right:10px;font-weight:600}.tdpro2{width:65%}.namanama{width:49%}.select32{width:32%}.td100{width:99%}#orderlist{border:1px solid #f2f2f2;margin:20px 0}.dataTables_filter,.dataTables_length{margin-bottom:20px}.loginwrap{max-width:380px}.regwrap{max-width:800px}.midwrap{max-width:900px}.regleft{width:50%;float:left;padding-right:15px;border-right:1px solid #f2f2f2}.regright{width:50%;float:right;padding-left:15px}.midform{border:1px solid #f2f2f2;background:#f9f9f9;padding:10px 20px;margin:20px auto 50px;overflow:hidden}.midform input[type=password],.midform input[type=text],.midform label{width:100%}.midform ::placeholder{font-size:90%;color:#ccc}.nav-pills{background-color:#d5d5d5;position:absolute;width:100%;height:4px;top:40px;text-align:center}.nav-pills>li+li{margin-left:0}.nav-pills>li>a{padding:0;font-size:12px;max-width:78px;margin:0 auto;color:#d5d5d5;border-radius:50%;position:relative;top:-32px;z-index:100}.nav-pills>li>a:after{content:'';width:70px;height:70px;border-radius:50%;display:inline-block;position:absolute;right:-1px;top:-4px;transform:scale(0);transition:.2s all linear}.nav-pills>li>a:focus,.nav-pills>li>a:hover{background-color:transparent;color:#d5d5d5;outline:0!important;cursor:pointer}.nav-pills>li.active>a:after{content:'';width:70px;height:70px;border-radius:50%;display:inline-block;position:absolute;right:5px;top:-2px;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transition:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{background-color:transparent;color:#3a588f;-webkit-transition:font-size .2s linear;-moz-transition:font-size .2s linear;-o-transition:font-size .2s linear;-ms-transition:font-size .2s linear;transition:font-size .2s linear}.nav-pills>li.active>a [class*=ti-],.nav-pills>li.active>a:focus [class*=ti-],.nav-pills>li.active>a:hover [class*=ti-]{color:#fff;font-size:28px;top:17px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}.wizard-card{min-height:410px;padding:10px 0}.wizard-card .icon-circle{font-size:20px;border:4px solid #d5d5d5;text-align:center;border-radius:50%;color:#d5d5d5;font-weight:400;width:70px;height:70px;background-color:#fff;margin:0 auto;position:relative;top:-2px}.wizard-card .icon-circle [class*=ti-]{position:absolute;z-index:1;left:1px;right:0;top:20px}.wizard-card .nav-pills>li.active>a:after{background-color:#3a588f}.wizard-card .nav-pills .icon-circle.checked{border-color:#3a588f}.wizard-card .wizard-navigation .progress-bar{background-color:#3a588f}.wizard-card .tab-content{min-height:400px}.wizard-card .wizard-footer{border-top:3px solid #f2f2f2;padding-top:10px;margin-top:10px}.wizard-card .disabled{display:none}.wizard-navigation{position:relative;height:150px}.wizard-navigation .progress-with-circle{position:relative;top:40px;z-index:50;height:5px}.wizard-card .wizard-navigation .progress-with-circle .progress-bar{box-shadow:none;-webkit-transition:width .3s ease;-o-transition:width .3s ease;transition:width .3s ease}