/*a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:\'\';content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-text-size-adjust:none}mark{background-color:transparent;color:inherit}input::-moz-focus-inner{border:0;padding:0}input,select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none}*/ /* Pure v3.0.0 */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{font-family:sans-serif}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{display:flex;flex-flow:row wrap;align-content:flex-start}.pure-u{display:inline-block;vertical-align:top}.pure-u-1,.pure-u-1-1,.pure-u-1-12,.pure-u-1-2,.pure-u-1-24,.pure-u-1-3,.pure-u-1-4,.pure-u-1-5,.pure-u-1-6,.pure-u-1-8,.pure-u-10-24,.pure-u-11-12,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-2-24,.pure-u-2-3,.pure-u-2-5,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24,.pure-u-3-24,.pure-u-3-4,.pure-u-3-5,.pure-u-3-8,.pure-u-4-24,.pure-u-4-5,.pure-u-5-12,.pure-u-5-24,.pure-u-5-5,.pure-u-5-6,.pure-u-5-8,.pure-u-6-24,.pure-u-7-12,.pure-u-7-24,.pure-u-7-8,.pure-u-8-24,.pure-u-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%}.pure-u-1-12,.pure-u-2-24{width:8.3333%}.pure-u-1-8,.pure-u-3-24{width:12.5%}.pure-u-1-6,.pure-u-4-24{width:16.6667%}.pure-u-1-5{width:20%}.pure-u-5-24{width:20.8333%}.pure-u-1-4,.pure-u-6-24{width:25%}.pure-u-7-24{width:29.1667%}.pure-u-1-3,.pure-u-8-24{width:33.3333%}.pure-u-3-8,.pure-u-9-24{width:37.5%}.pure-u-2-5{width:40%}.pure-u-10-24,.pure-u-5-12{width:41.6667%}.pure-u-11-24{width:45.8333%}.pure-u-1-2,.pure-u-12-24{width:50%}.pure-u-13-24{width:54.1667%}.pure-u-14-24,.pure-u-7-12{width:58.3333%}.pure-u-3-5{width:60%}.pure-u-15-24,.pure-u-5-8{width:62.5%}.pure-u-16-24,.pure-u-2-3{width:66.6667%}.pure-u-17-24{width:70.8333%}.pure-u-18-24,.pure-u-3-4{width:75%}.pure-u-19-24{width:79.1667%}.pure-u-4-5{width:80%}.pure-u-20-24,.pure-u-5-6{width:83.3333%}.pure-u-21-24,.pure-u-7-8{width:87.5%}.pure-u-11-12,.pure-u-22-24{width:91.6667%}.pure-u-23-24{width:95.8333%}.pure-u-1,.pure-u-1-1,.pure-u-24-24,.pure-u-5-5{width:100%}.pure-button{display:inline-block;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;box-sizing:border-box}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-group{letter-spacing:-.31em;text-rendering:optimizespeed}.opera-only :-o-prefocus,.pure-button-group{word-spacing:-0.43em}.pure-button-group .pure-button{letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:rgba(0,0,0,.8);border:none transparent;background-color:#e6e6e6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:focus,.pure-button:hover{background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000}.pure-button-disabled,.pure-button-disabled:active,.pure-button-disabled:focus,.pure-button-disabled:hover,.pure-button[disabled]{border:none;background-image:none;opacity:.4;cursor:not-allowed;box-shadow:none;pointer-events:none}.pure-button-hidden{display:none}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-button-group .pure-button{margin:0;border-radius:0;border-right:1px solid rgba(0,0,0,.2)}.pure-button-group .pure-button:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.pure-button-group .pure-button:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;border-right:none}.pure-form input[type=color],.pure-form input[type=date],.pure-form input[type=datetime-local],.pure-form input[type=datetime],.pure-form input[type=email],.pure-form input[type=month],.pure-form input[type=number],.pure-form input[type=password],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=text],.pure-form input[type=time],.pure-form input[type=url],.pure-form input[type=week],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:2px solid #e1dad8;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:2px solid #e1dad8;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=color]:focus,.pure-form input[type=date]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=email]:focus,.pure-form input[type=month]:focus,.pure-form input[type=number]:focus,.pure-form input[type=password]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=text]:focus,.pure-form input[type=time]:focus,.pure-form input[type=url]:focus,.pure-form input[type=week]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129fea}.pure-form input:not([type]):focus{outline:0;border-color:#129fea}.pure-form input[type=checkbox]:focus,.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus{outline:thin solid #129FEA;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=color][disabled],.pure-form input[type=date][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=email][disabled],.pure-form input[type=month][disabled],.pure-form input[type=number][disabled],.pure-form input[type=password][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=text][disabled],.pure-form input[type=time][disabled],.pure-form input[type=url][disabled],.pure-form input[type=week][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form select:focus:invalid,.pure-form textarea:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=checkbox]:focus:invalid:focus,.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=color],.pure-form-stacked input[type=date],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=email],.pure-form-stacked input[type=file],.pure-form-stacked input[type=month],.pure-form-stacked input[type=number],.pure-form-stacked input[type=password],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=text],.pure-form-stacked input[type=time],.pure-form-stacked input[type=url],.pure-form-stacked input[type=week],.pure-form-stacked label,.pure-form-stacked select,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned select,.pure-form-aligned textarea,.pure-form-message-inline{display:inline-block;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form .pure-input-rounded,.pure-form input.pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-3-4{width:75%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=color],.pure-form input[type=date],.pure-form input[type=datetime-local],.pure-form input[type=datetime],.pure-form input[type=email],.pure-form input[type=month],.pure-form input[type=number],.pure-form input[type=password],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=text],.pure-form input[type=time],.pure-form input[type=url],.pure-form input[type=week],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=color],.pure-group input[type=date],.pure-group input[type=datetime-local],.pure-group input[type=datetime],.pure-group input[type=email],.pure-group input[type=month],.pure-group input[type=number],.pure-group input[type=password],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=text],.pure-group input[type=time],.pure-group input[type=url],.pure-group input[type=week]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0 0}.pure-form-message,.pure-form-message-inline{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu{box-sizing:border-box}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-item,.pure-menu-list{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-heading,.pure-menu-link{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-separator{display:inline-block;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-active>.pure-menu-children,.pure-menu-allow-hover:hover>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;padding:.5em 0}.pure-menu-horizontal .pure-menu-children .pure-menu-separator,.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-horizontal .pure-menu-children .pure-menu-separator{display:block;width:auto}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-heading,.pure-menu-link{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent;cursor:default}.pure-menu-active>.pure-menu-link,.pure-menu-link:focus,.pure-menu-link:hover{background-color:#eee}.pure-menu-selected>.pure-menu-link,.pure-menu-selected>.pure-menu-link:visited{color:#000}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px 0;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0} /* purecss@3.0.0/build/grids-responsive-min.css */ @media screen and (min-width:35.5em){.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-12,.pure-u-sm-1-2,.pure-u-sm-1-24,.pure-u-sm-1-3,.pure-u-sm-1-4,.pure-u-sm-1-5,.pure-u-sm-1-6,.pure-u-sm-1-8,.pure-u-sm-10-24,.pure-u-sm-11-12,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-2-24,.pure-u-sm-2-3,.pure-u-sm-2-5,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24,.pure-u-sm-3-24,.pure-u-sm-3-4,.pure-u-sm-3-5,.pure-u-sm-3-8,.pure-u-sm-4-24,.pure-u-sm-4-5,.pure-u-sm-5-12,.pure-u-sm-5-24,.pure-u-sm-5-5,.pure-u-sm-5-6,.pure-u-sm-5-8,.pure-u-sm-6-24,.pure-u-sm-7-12,.pure-u-sm-7-24,.pure-u-sm-7-8,.pure-u-sm-8-24,.pure-u-sm-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-sm-1-24{width:4.1667%}.pure-u-sm-1-12,.pure-u-sm-2-24{width:8.3333%}.pure-u-sm-1-8,.pure-u-sm-3-24{width:12.5%}.pure-u-sm-1-6,.pure-u-sm-4-24{width:16.6667%}.pure-u-sm-1-5{width:20%}.pure-u-sm-5-24{width:20.8333%}.pure-u-sm-1-4,.pure-u-sm-6-24{width:25%}.pure-u-sm-7-24{width:29.1667%}.pure-u-sm-1-3,.pure-u-sm-8-24{width:33.3333%}.pure-u-sm-3-8,.pure-u-sm-9-24{width:37.5%}.pure-u-sm-2-5{width:40%}.pure-u-sm-10-24,.pure-u-sm-5-12{width:41.6667%}.pure-u-sm-11-24{width:45.8333%}.pure-u-sm-1-2,.pure-u-sm-12-24{width:50%}.pure-u-sm-13-24{width:54.1667%}.pure-u-sm-14-24,.pure-u-sm-7-12{width:58.3333%}.pure-u-sm-3-5{width:60%}.pure-u-sm-15-24,.pure-u-sm-5-8{width:62.5%}.pure-u-sm-16-24,.pure-u-sm-2-3{width:66.6667%}.pure-u-sm-17-24{width:70.8333%}.pure-u-sm-18-24,.pure-u-sm-3-4{width:75%}.pure-u-sm-19-24{width:79.1667%}.pure-u-sm-4-5{width:80%}.pure-u-sm-20-24,.pure-u-sm-5-6{width:83.3333%}.pure-u-sm-21-24,.pure-u-sm-7-8{width:87.5%}.pure-u-sm-11-12,.pure-u-sm-22-24{width:91.6667%}.pure-u-sm-23-24{width:95.8333%}.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-24-24,.pure-u-sm-5-5{width:100%}}@media screen and (min-width:48em){.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-12,.pure-u-md-1-2,.pure-u-md-1-24,.pure-u-md-1-3,.pure-u-md-1-4,.pure-u-md-1-5,.pure-u-md-1-6,.pure-u-md-1-8,.pure-u-md-10-24,.pure-u-md-11-12,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-2-24,.pure-u-md-2-3,.pure-u-md-2-5,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24,.pure-u-md-3-24,.pure-u-md-3-4,.pure-u-md-3-5,.pure-u-md-3-8,.pure-u-md-4-24,.pure-u-md-4-5,.pure-u-md-5-12,.pure-u-md-5-24,.pure-u-md-5-5,.pure-u-md-5-6,.pure-u-md-5-8,.pure-u-md-6-24,.pure-u-md-7-12,.pure-u-md-7-24,.pure-u-md-7-8,.pure-u-md-8-24,.pure-u-md-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-md-1-24{width:4.1667%}.pure-u-md-1-12,.pure-u-md-2-24{width:8.3333%}.pure-u-md-1-8,.pure-u-md-3-24{width:12.5%}.pure-u-md-1-6,.pure-u-md-4-24{width:16.6667%}.pure-u-md-1-5{width:20%}.pure-u-md-5-24{width:20.8333%}.pure-u-md-1-4,.pure-u-md-6-24{width:25%}.pure-u-md-7-24{width:29.1667%}.pure-u-md-1-3,.pure-u-md-8-24{width:33.3333%}.pure-u-md-3-8,.pure-u-md-9-24{width:37.5%}.pure-u-md-2-5{width:40%}.pure-u-md-10-24,.pure-u-md-5-12{width:41.6667%}.pure-u-md-11-24{width:45.8333%}.pure-u-md-1-2,.pure-u-md-12-24{width:50%}.pure-u-md-13-24{width:54.1667%}.pure-u-md-14-24,.pure-u-md-7-12{width:58.3333%}.pure-u-md-3-5{width:60%}.pure-u-md-15-24,.pure-u-md-5-8{width:62.5%}.pure-u-md-16-24,.pure-u-md-2-3{width:66.6667%}.pure-u-md-17-24{width:70.8333%}.pure-u-md-18-24,.pure-u-md-3-4{width:75%}.pure-u-md-19-24{width:79.1667%}.pure-u-md-4-5{width:80%}.pure-u-md-20-24,.pure-u-md-5-6{width:83.3333%}.pure-u-md-21-24,.pure-u-md-7-8{width:87.5%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%}.pure-u-md-23-24{width:95.8333%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-24-24,.pure-u-md-5-5{width:100%}}@media screen and (min-width:64em){.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-12,.pure-u-lg-1-2,.pure-u-lg-1-24,.pure-u-lg-1-3,.pure-u-lg-1-4,.pure-u-lg-1-5,.pure-u-lg-1-6,.pure-u-lg-1-8,.pure-u-lg-10-24,.pure-u-lg-11-12,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-2-24,.pure-u-lg-2-3,.pure-u-lg-2-5,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24,.pure-u-lg-3-24,.pure-u-lg-3-4,.pure-u-lg-3-5,.pure-u-lg-3-8,.pure-u-lg-4-24,.pure-u-lg-4-5,.pure-u-lg-5-12,.pure-u-lg-5-24,.pure-u-lg-5-5,.pure-u-lg-5-6,.pure-u-lg-5-8,.pure-u-lg-6-24,.pure-u-lg-7-12,.pure-u-lg-7-24,.pure-u-lg-7-8,.pure-u-lg-8-24,.pure-u-lg-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-lg-1-24{width:4.1667%}.pure-u-lg-1-12,.pure-u-lg-2-24{width:8.3333%}.pure-u-lg-1-8,.pure-u-lg-3-24{width:12.5%}.pure-u-lg-1-6,.pure-u-lg-4-24{width:16.6667%}.pure-u-lg-1-5{width:20%}.pure-u-lg-5-24{width:20.8333%}.pure-u-lg-1-4,.pure-u-lg-6-24{width:25%}.pure-u-lg-7-24{width:29.1667%}.pure-u-lg-1-3,.pure-u-lg-8-24{width:33.3333%}.pure-u-lg-3-8,.pure-u-lg-9-24{width:37.5%}.pure-u-lg-2-5{width:40%}.pure-u-lg-10-24,.pure-u-lg-5-12{width:41.6667%}.pure-u-lg-11-24{width:45.8333%}.pure-u-lg-1-2,.pure-u-lg-12-24{width:50%}.pure-u-lg-13-24{width:54.1667%}.pure-u-lg-14-24,.pure-u-lg-7-12{width:58.3333%}.pure-u-lg-3-5{width:60%}.pure-u-lg-15-24,.pure-u-lg-5-8{width:62.5%}.pure-u-lg-16-24,.pure-u-lg-2-3{width:66.6667%}.pure-u-lg-17-24{width:70.8333%}.pure-u-lg-18-24,.pure-u-lg-3-4{width:75%}.pure-u-lg-19-24{width:79.1667%}.pure-u-lg-4-5{width:80%}.pure-u-lg-20-24,.pure-u-lg-5-6{width:83.3333%}.pure-u-lg-21-24,.pure-u-lg-7-8{width:87.5%}.pure-u-lg-11-12,.pure-u-lg-22-24{width:91.6667%}.pure-u-lg-23-24{width:95.8333%}.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-24-24,.pure-u-lg-5-5{width:100%}}@media screen and (min-width:80em){.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-12,.pure-u-xl-1-2,.pure-u-xl-1-24,.pure-u-xl-1-3,.pure-u-xl-1-4,.pure-u-xl-1-5,.pure-u-xl-1-6,.pure-u-xl-1-8,.pure-u-xl-10-24,.pure-u-xl-11-12,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-2-24,.pure-u-xl-2-3,.pure-u-xl-2-5,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24,.pure-u-xl-3-24,.pure-u-xl-3-4,.pure-u-xl-3-5,.pure-u-xl-3-8,.pure-u-xl-4-24,.pure-u-xl-4-5,.pure-u-xl-5-12,.pure-u-xl-5-24,.pure-u-xl-5-5,.pure-u-xl-5-6,.pure-u-xl-5-8,.pure-u-xl-6-24,.pure-u-xl-7-12,.pure-u-xl-7-24,.pure-u-xl-7-8,.pure-u-xl-8-24,.pure-u-xl-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xl-1-24{width:4.1667%}.pure-u-xl-1-12,.pure-u-xl-2-24{width:8.3333%}.pure-u-xl-1-8,.pure-u-xl-3-24{width:12.5%}.pure-u-xl-1-6,.pure-u-xl-4-24{width:16.6667%}.pure-u-xl-1-5{width:20%}.pure-u-xl-5-24{width:20.8333%}.pure-u-xl-1-4,.pure-u-xl-6-24{width:25%}.pure-u-xl-7-24{width:29.1667%}.pure-u-xl-1-3,.pure-u-xl-8-24{width:33.3333%}.pure-u-xl-3-8,.pure-u-xl-9-24{width:37.5%}.pure-u-xl-2-5{width:40%}.pure-u-xl-10-24,.pure-u-xl-5-12{width:41.6667%}.pure-u-xl-11-24{width:45.8333%}.pure-u-xl-1-2,.pure-u-xl-12-24{width:50%}.pure-u-xl-13-24{width:54.1667%}.pure-u-xl-14-24,.pure-u-xl-7-12{width:58.3333%}.pure-u-xl-3-5{width:60%}.pure-u-xl-15-24,.pure-u-xl-5-8{width:62.5%}.pure-u-xl-16-24,.pure-u-xl-2-3{width:66.6667%}.pure-u-xl-17-24{width:70.8333%}.pure-u-xl-18-24,.pure-u-xl-3-4{width:75%}.pure-u-xl-19-24{width:79.1667%}.pure-u-xl-4-5{width:80%}.pure-u-xl-20-24,.pure-u-xl-5-6{width:83.3333%}.pure-u-xl-21-24,.pure-u-xl-7-8{width:87.5%}.pure-u-xl-11-12,.pure-u-xl-22-24{width:91.6667%}.pure-u-xl-23-24{width:95.8333%}.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-24-24,.pure-u-xl-5-5{width:100%}}@media screen and (min-width:120em){.pure-u-xxl-1,.pure-u-xxl-1-1,.pure-u-xxl-1-12,.pure-u-xxl-1-2,.pure-u-xxl-1-24,.pure-u-xxl-1-3,.pure-u-xxl-1-4,.pure-u-xxl-1-5,.pure-u-xxl-1-6,.pure-u-xxl-1-8,.pure-u-xxl-10-24,.pure-u-xxl-11-12,.pure-u-xxl-11-24,.pure-u-xxl-12-24,.pure-u-xxl-13-24,.pure-u-xxl-14-24,.pure-u-xxl-15-24,.pure-u-xxl-16-24,.pure-u-xxl-17-24,.pure-u-xxl-18-24,.pure-u-xxl-19-24,.pure-u-xxl-2-24,.pure-u-xxl-2-3,.pure-u-xxl-2-5,.pure-u-xxl-20-24,.pure-u-xxl-21-24,.pure-u-xxl-22-24,.pure-u-xxl-23-24,.pure-u-xxl-24-24,.pure-u-xxl-3-24,.pure-u-xxl-3-4,.pure-u-xxl-3-5,.pure-u-xxl-3-8,.pure-u-xxl-4-24,.pure-u-xxl-4-5,.pure-u-xxl-5-12,.pure-u-xxl-5-24,.pure-u-xxl-5-5,.pure-u-xxl-5-6,.pure-u-xxl-5-8,.pure-u-xxl-6-24,.pure-u-xxl-7-12,.pure-u-xxl-7-24,.pure-u-xxl-7-8,.pure-u-xxl-8-24,.pure-u-xxl-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xxl-1-24{width:4.1667%}.pure-u-xxl-1-12,.pure-u-xxl-2-24{width:8.3333%}.pure-u-xxl-1-8,.pure-u-xxl-3-24{width:12.5%}.pure-u-xxl-1-6,.pure-u-xxl-4-24{width:16.6667%}.pure-u-xxl-1-5{width:20%}.pure-u-xxl-5-24{width:20.8333%}.pure-u-xxl-1-4,.pure-u-xxl-6-24{width:25%}.pure-u-xxl-7-24{width:29.1667%}.pure-u-xxl-1-3,.pure-u-xxl-8-24{width:33.3333%}.pure-u-xxl-3-8,.pure-u-xxl-9-24{width:37.5%}.pure-u-xxl-2-5{width:40%}.pure-u-xxl-10-24,.pure-u-xxl-5-12{width:41.6667%}.pure-u-xxl-11-24{width:45.8333%}.pure-u-xxl-1-2,.pure-u-xxl-12-24{width:50%}.pure-u-xxl-13-24{width:54.1667%}.pure-u-xxl-14-24,.pure-u-xxl-7-12{width:58.3333%}.pure-u-xxl-3-5{width:60%}.pure-u-xxl-15-24,.pure-u-xxl-5-8{width:62.5%}.pure-u-xxl-16-24,.pure-u-xxl-2-3{width:66.6667%}.pure-u-xxl-17-24{width:70.8333%}.pure-u-xxl-18-24,.pure-u-xxl-3-4{width:75%}.pure-u-xxl-19-24{width:79.1667%}.pure-u-xxl-4-5{width:80%}.pure-u-xxl-20-24,.pure-u-xxl-5-6{width:83.3333%}.pure-u-xxl-21-24,.pure-u-xxl-7-8{width:87.5%}.pure-u-xxl-11-12,.pure-u-xxl-22-24{width:91.6667%}.pure-u-xxl-23-24{width:95.8333%}.pure-u-xxl-1,.pure-u-xxl-1-1,.pure-u-xxl-24-24,.pure-u-xxl-5-5{width:100%}}@media screen and (min-width:160em){.pure-u-xxxl-1,.pure-u-xxxl-1-1,.pure-u-xxxl-1-12,.pure-u-xxxl-1-2,.pure-u-xxxl-1-24,.pure-u-xxxl-1-3,.pure-u-xxxl-1-4,.pure-u-xxxl-1-5,.pure-u-xxxl-1-6,.pure-u-xxxl-1-8,.pure-u-xxxl-10-24,.pure-u-xxxl-11-12,.pure-u-xxxl-11-24,.pure-u-xxxl-12-24,.pure-u-xxxl-13-24,.pure-u-xxxl-14-24,.pure-u-xxxl-15-24,.pure-u-xxxl-16-24,.pure-u-xxxl-17-24,.pure-u-xxxl-18-24,.pure-u-xxxl-19-24,.pure-u-xxxl-2-24,.pure-u-xxxl-2-3,.pure-u-xxxl-2-5,.pure-u-xxxl-20-24,.pure-u-xxxl-21-24,.pure-u-xxxl-22-24,.pure-u-xxxl-23-24,.pure-u-xxxl-24-24,.pure-u-xxxl-3-24,.pure-u-xxxl-3-4,.pure-u-xxxl-3-5,.pure-u-xxxl-3-8,.pure-u-xxxl-4-24,.pure-u-xxxl-4-5,.pure-u-xxxl-5-12,.pure-u-xxxl-5-24,.pure-u-xxxl-5-5,.pure-u-xxxl-5-6,.pure-u-xxxl-5-8,.pure-u-xxxl-6-24,.pure-u-xxxl-7-12,.pure-u-xxxl-7-24,.pure-u-xxxl-7-8,.pure-u-xxxl-8-24,.pure-u-xxxl-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xxxl-1-24{width:4.1667%}.pure-u-xxxl-1-12,.pure-u-xxxl-2-24{width:8.3333%}.pure-u-xxxl-1-8,.pure-u-xxxl-3-24{width:12.5%}.pure-u-xxxl-1-6,.pure-u-xxxl-4-24{width:16.6667%}.pure-u-xxxl-1-5{width:20%}.pure-u-xxxl-5-24{width:20.8333%}.pure-u-xxxl-1-4,.pure-u-xxxl-6-24{width:25%}.pure-u-xxxl-7-24{width:29.1667%}.pure-u-xxxl-1-3,.pure-u-xxxl-8-24{width:33.3333%}.pure-u-xxxl-3-8,.pure-u-xxxl-9-24{width:37.5%}.pure-u-xxxl-2-5{width:40%}.pure-u-xxxl-10-24,.pure-u-xxxl-5-12{width:41.6667%}.pure-u-xxxl-11-24{width:45.8333%}.pure-u-xxxl-1-2,.pure-u-xxxl-12-24{width:50%}.pure-u-xxxl-13-24{width:54.1667%}.pure-u-xxxl-14-24,.pure-u-xxxl-7-12{width:58.3333%}.pure-u-xxxl-3-5{width:60%}.pure-u-xxxl-15-24,.pure-u-xxxl-5-8{width:62.5%}.pure-u-xxxl-16-24,.pure-u-xxxl-2-3{width:66.6667%}.pure-u-xxxl-17-24{width:70.8333%}.pure-u-xxxl-18-24,.pure-u-xxxl-3-4{width:75%}.pure-u-xxxl-19-24{width:79.1667%}.pure-u-xxxl-4-5{width:80%}.pure-u-xxxl-20-24,.pure-u-xxxl-5-6{width:83.3333%}.pure-u-xxxl-21-24,.pure-u-xxxl-7-8{width:87.5%}.pure-u-xxxl-11-12,.pure-u-xxxl-22-24{width:91.6667%}.pure-u-xxxl-23-24{width:95.8333%}.pure-u-xxxl-1,.pure-u-xxxl-1-1,.pure-u-xxxl-24-24,.pure-u-xxxl-5-5{width:100%}}@media screen and (min-width:240em){.pure-u-x4k-1,.pure-u-x4k-1-1,.pure-u-x4k-1-12,.pure-u-x4k-1-2,.pure-u-x4k-1-24,.pure-u-x4k-1-3,.pure-u-x4k-1-4,.pure-u-x4k-1-5,.pure-u-x4k-1-6,.pure-u-x4k-1-8,.pure-u-x4k-10-24,.pure-u-x4k-11-12,.pure-u-x4k-11-24,.pure-u-x4k-12-24,.pure-u-x4k-13-24,.pure-u-x4k-14-24,.pure-u-x4k-15-24,.pure-u-x4k-16-24,.pure-u-x4k-17-24,.pure-u-x4k-18-24,.pure-u-x4k-19-24,.pure-u-x4k-2-24,.pure-u-x4k-2-3,.pure-u-x4k-2-5,.pure-u-x4k-20-24,.pure-u-x4k-21-24,.pure-u-x4k-22-24,.pure-u-x4k-23-24,.pure-u-x4k-24-24,.pure-u-x4k-3-24,.pure-u-x4k-3-4,.pure-u-x4k-3-5,.pure-u-x4k-3-8,.pure-u-x4k-4-24,.pure-u-x4k-4-5,.pure-u-x4k-5-12,.pure-u-x4k-5-24,.pure-u-x4k-5-5,.pure-u-x4k-5-6,.pure-u-x4k-5-8,.pure-u-x4k-6-24,.pure-u-x4k-7-12,.pure-u-x4k-7-24,.pure-u-x4k-7-8,.pure-u-x4k-8-24,.pure-u-x4k-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-x4k-1-24{width:4.1667%}.pure-u-x4k-1-12,.pure-u-x4k-2-24{width:8.3333%}.pure-u-x4k-1-8,.pure-u-x4k-3-24{width:12.5%}.pure-u-x4k-1-6,.pure-u-x4k-4-24{width:16.6667%}.pure-u-x4k-1-5{width:20%}.pure-u-x4k-5-24{width:20.8333%}.pure-u-x4k-1-4,.pure-u-x4k-6-24{width:25%}.pure-u-x4k-7-24{width:29.1667%}.pure-u-x4k-1-3,.pure-u-x4k-8-24{width:33.3333%}.pure-u-x4k-3-8,.pure-u-x4k-9-24{width:37.5%}.pure-u-x4k-2-5{width:40%}.pure-u-x4k-10-24,.pure-u-x4k-5-12{width:41.6667%}.pure-u-x4k-11-24{width:45.8333%}.pure-u-x4k-1-2,.pure-u-x4k-12-24{width:50%}.pure-u-x4k-13-24{width:54.1667%}.pure-u-x4k-14-24,.pure-u-x4k-7-12{width:58.3333%}.pure-u-x4k-3-5{width:60%}.pure-u-x4k-15-24,.pure-u-x4k-5-8{width:62.5%}.pure-u-x4k-16-24,.pure-u-x4k-2-3{width:66.6667%}.pure-u-x4k-17-24{width:70.8333%}.pure-u-x4k-18-24,.pure-u-x4k-3-4{width:75%}.pure-u-x4k-19-24{width:79.1667%}.pure-u-x4k-4-5{width:80%}.pure-u-x4k-20-24,.pure-u-x4k-5-6{width:83.3333%}.pure-u-x4k-21-24,.pure-u-x4k-7-8{width:87.5%}.pure-u-x4k-11-12,.pure-u-x4k-22-24{width:91.6667%}.pure-u-x4k-23-24{width:95.8333%}.pure-u-x4k-1,.pure-u-x4k-1-1,.pure-u-x4k-24-24,.pure-u-x4k-5-5{width:100%}} .pure-g {flex-wrap: nowrap;} /*https://unpkg.com/dropzone@6.0.0-beta.1/dist/dropzone.css*/ @keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0px)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05, 1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse2 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width 300ms ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}/*# sourceMappingURL=dropzone.css.map */ #intro > div {text-align: center; width: 100%; box-sizing: border-box; padding-left: 1rem; padding-right: 1rem;} #alerts {max-width: 900px; font-family: inter; font-size: 17px; border-radius: 10px; background: #c2b4af} /* Always declare will-change for interactive elements. */ html{font-family: inter, sans-serif; font-size: 18px; scroll-behavior: smooth;} body {background: #ede9e7; color: #554f4d; line-height: 1.6; /*background: #fff;*/} h1 {font-size: 2.25em; font-weight: 500; font-family: lexend, sans-serif; line-height: 1.2; margin-top: 2em;} h2 {font-size: 1.33em; font-weight: 500; text-transform: uppercase; letter-spacing: .05em; font-family: lexend, sans-serif;} a {color: #866a5f;} p {max-width: 50em;} p.small {font-size: 14px;} p.singlepar {margin: 2rem 0;} .pg-privacy ul, #macs ul {max-width: 50em;} hr {color: #866a5f;} fieldset {margin: 1.5rem 0; padding: 1rem; border: 0;} section {padding: 8rem 0;} img {font-size: 12px; text-align: center; display: flex; flex-direction: column; justify-content: center;} .input-group {display: flex;} #page {margin: 0 auto;} #page {padding-top: 90px;} .container {max-width: 1680px; margin: 0 auto;} #header {position: fixed; top: 0; left: 0; right: 0; z-index: 5; overflow: hidden; transform: translateZ(0); height: 74px; box-sizing: border-box; border-top: 3px solid #fff; border-bottom: 3px solid #fff; background: rgba(255,255,255,.85); backdrop-filter: blur(15px); box-shadow: 0 2px 6px rgba(134, 106, 95, .1); /*background: none; backdrop-filter: none;*/ } #header > .container {position: relative;} #header h1 {font-size: 24px; margin: 1rem 0; color: #fff; font-weight: 300; text-transform: uppercase; position: relative; z-index: 2; position: relative; text-align: center; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 20px; line-height: 1.15; } #header h1:before {content: " "; position: absolute; left: 50%; margin-left: -100px; top: 50%; margin-top: -100px; height: 200px; width: 200px; background: rgba(192,64,192,.25); border-radius: 100%; mix-blend-mode: multiply; z-index: -1; /* rgba(192,64,192,.25);*/ background: #451c1a; background: rgba(69, 28, 26, .4); background: #866a5f; } #header h1 strong {/*font-weight: 800;*/ display: block; font-size: 16px; letter-spacing: .3em; font-weight: 600;} #header h1 span {/*font-size: 22px;*/ font-size: 15px; letter-spacing: .3em; font-weight: 300;} #header h1 a {color: inherit; text-decoration: none; line-height: 0.7; padding-top: 4px;} #main {min-height: calc(100vh - 270px); display: flex; align-items: center; justify-content: center; flex-direction: column; align-items: stretch; position: relative; /*z-index: 1;*/} #nav_wrap {display: none;} #formbg {background: #d4ceca; position: absolute; left: 0; right: 0; height: 100vh; /*background: radial-gradient(#fff, #fff 50%, #ede9e7 75%, #ede9e7);*/ /*background: url("/img/coko2.jpg"); opacity: .15;*/ /*background: url("/img/bg1.jpg"); background-size: cover; opacity: .1;*/ background: #fff; } #makform {width: 100%; margin: 0; position: relative; overflow: hidden;} #makform.full {/*overflow: hidden;*/} #makform.full #setup {width: 1px; height: 1px; background: #000; overflow: hidden;} #makform.full #preview {margin-left: 0; background: rgba(255,255,255,.5); background: radial-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5) 50%, rgba(234, 229, 218, .5)); backdrop-filter: blur(5px);} #floaters {position: absolute; left: 50%; top: 50%; width: 50vh; height: 50vh; margin-left: -25vh; margin-top: -25vh;} .floaterwrap {position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .fw2 {transform: rotate(-51deg); } .fw3 {transform: rotate(-103deg); } .fw4 {transform: rotate(-154deg); } .fw5 {transform: rotate(-206deg); } .fw6 {transform: rotate(-257deg); } .fw7 {transform: rotate(-309deg); } .floater {position: absolute; left: -64px; top: -64px;} /* #floater1 {left: -64px; top: -64px;} #floater2 {right: -64px; top: -64px;} #floater3 {right: -64px; bottom: -64px;} #floater4 {left: -64px; bottom: -64px;} #floater5 {left: 50%; margin-left: -64px; bottom: -14vh;} #floater6 {left: 50%; margin-left: -64px; top: -14vh;} #floater7 {top: 50%; margin-top: -64px; left: -14vh;} #floater8 {top: 50%; margin-top: -64px; right: -14vh; display: none;} */ #intro > div {text-align: center; width: 100%; font-family: inter;} #intro h2 {font-family: great vibes, serif; text-transform: none !important; font-size: 60px !important; line-height: .85; /* animation: flipInX; /* referring directly to the animation's @keyframe declaration */ /* animation-duration: 2s; /*/ } #intro {margin: 0 auto; max-width: 25em;} #intro img {margin: 0 auto;} #i1 {animation: 3s ease .2s 1 bigpopin;} @keyframes bigpopin { 0% {transform: scale(0) translateY(0); opacity: 0;} 50% {transform: scale(1.15) translateY(0); opacity: .67;} 100% {transform: scale(1) translateY(0); opacity: 1;} } #i2 {animation: 3s ease 1s 1 flipInX;} #i3 {animation: 1.5s ease 2s 1 fadeInDown2;} #i4 {animation: 1.5s ease 2.5s 1 fadeInDown2;} @keyframes fadeInDown2{ 0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)} to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)} } #i1.out {animation: 1s ease-out .1s 1 bigpopout;} #i2.out {animation: .75s ease-out .1s 1 flipOutX;} #i3.out {animation: .75s ease-out .3s 1 fadeOutDown2;} #i4.out {animation: .75s ease-out .1s 1 fadeOutDown2;} @keyframes fadeOutDown2{ 0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)} 50%{opacity:0;} to{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)} } @keyframes bigpopout { 0% {transform: scale(1) translateY(0); opacity: 1;} 100% {transform: scale(0.5) translateY(-5%); opacity: 0;} } #i1, #i2, #i3, #i4 {animation-fill-mode: both !important;} #makform > .container {display: flex; flex-direction: row; min-height: calc(100vh - 110px); position: relative;} #formbg {} #makform > div {/*background: rgba(255,212,240,.25); background: rgba(255,255,255,.5); border: 3px solid #fff;*/} #makform h2 {text-transform: uppercase; font-size: 16px; letter-spacing: .05em; font-weight: 500; margin: 1rem 0; padding-left: .5em; background: none; color: #866a5f; position: relative; } #makform .slidecontent h2 {padding-left: 0;} #makform h2 a {text-decoration: none;} #makform h2 a:hover, #makform h2 a:focus, #makform h2 a:active {color: #e63178;} #makform [type=radio] {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #ccc; border: 3px solid orange; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer;} #makform [type=radio]:checked + img {/*outline: 5px solid #fff;*/} #setup {/*margin-top: 1rem; border-bottom: 0;*/ width: 380px; transition: height 1s, width 1s;} #setup > div {display: none;} .mf_field {margin-bottom: 3rem;} .mf_field fieldset {margin: 0; background: #fff; padding: 0; border-radius: 0 0 10px 10px; border-radius: 10px; border: 2px solid /*#eae5da*/ #c2b4af; /*padding-left: .25rem;*/ background: #eae5da; background: none; border: 0; flex-wrap: wrap; } .mf_field label {width: 64px; height: 64px; display: inline-flex; text-align: center; align-items: center; justify-content: center; text-transform: uppercase; font-size: 10px; color: #888; cursor: pointer; position: relative; margin: .25rem; margin: 1.5px; padding: .25rem; /*background: #ddd; */ border-radius: 10px; } .mf_field label.emph {/*background: #fff;*/ outline: 3px solid #c2b4af;} .mf_field label img {width: 100%; border-radius: 100%;} .toggleinfo {position: absolute; right: 0; top: 50%; margin-top: -22.5px; height: 45px; width: 45px; line-height: 45px; background: #fff; transition: all .35s ease-out; display: flex; align-items: center; justify-content: center; appearance: none; border: 0; cursor: pointer; border-radius: 10px; } .toggleinfo svg {stroke: #866a5f; transition: all .35s; width: 28px; height: 32px;} .toggleinfo:hover, .toggleinfo:focus, .toggleinfo:active {background: #866a5f;} .toggleinfo:hover svg, .toggleinfo:focus svg, .toggleinfo:active svg {stroke: #fff;} #col {} #col label {height: 16px; overflow: hidden; border: 10px solid #fff; border-left-width: 0; border-right-width: 0;} #fill {} #fill label {height: 16px; overflow: hidden; border: 10px solid #fff; border-left-width: 0; border-right-width: 0;} #img {} #img fieldset {} #img .fieldsetwrap {position: relative;} #img label {} .imglabel.blank {} .imglabel img {} #dropzone.dropzone {position: absolute; left: 4.5px; top: 4.5px; background: #c2b4af; color: #fff; border: 0; width: 64px; height: 64px; min-height: 64px; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; } .dropzone .dz-message {margin: 0; height: 64px; width: 64px;} .dropzone .dz-message .dz-button {width: 64px; height: 64px;} .dropzone .dz-message .dz-button > * {display: none;} .dropzone .dz-message .dz-button > svg {display: inline-block;} .dropzone .dz-preview {margin: 0 0 2px; width: 100%; /*height: 10px; overflow: hidden;*/ position: relative; min-height: 0; transition: height .5s;} .dropzone .dz-preview.dz-complete {animation-duration: .5s; animation-name: hide; animation-iteration-count: 1; animation-delay: .5s; animation-fill-mode: forwards;} @keyframes hide { from {height: auto;} to {height: 0;} } .dropzone .dz-preview .dz-image {display: none;} .dropzone .dz-preview .dz-details {position: absolute; left: 0; right: 0; height: 10px; background: limegreen; display: none;} .dropzone .dz-preview .dz-details .dz-size {font-size: 12px;} .dropzone .dz-preview .dz-progress {position: static; height: 6px; background: #866a5f; margin: 0 4px; border: 2px solid #866a5f;} /* .dropzone .dz-preview:nth-child(2) .dz-progress {top: 10px;} .dropzone .dz-preview:nth-child(3) .dz-progress {top: 20px;} .dropzone .dz-preview:nth-child(4) .dz-progress {top: 30px;} .dropzone .dz-preview:nth-child(5) .dz-progress {top: 40px;} .dropzone .dz-preview:nth-child(6) .dz-progress {top: 50px;} */ .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { z-index: 5; top: 50%; left: 103%; margin-left: 0; margin-top: 0; background: #c2b4af; border-radius: 50%; } .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { display: block; width: 12px; height: 12px; fill: #fff; } #preview {user-select: none; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-grow: 1; position: relative; background: rgba(255,255,255,.5); border-radius: 15px; margin-left: 1rem; /*border: 4px solid #fff;*/ background: radial-gradient(#fff, #fff 50%, /*#eae5da 75%,*/ #eae5da); overflow: hidden; transition: height 2s, width 2s, margin 1s; } .myslide {position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; z-index: 0; transform: translateY(-150vh); transition: transform .5s, opacity .15s; transition-timing-function: ease-out; } .myslide.on {opacity: 1; z-index: 1; transform: translateY(0);} #makform_preview {} #intro {} .infoslide {/*background: #eae5da;*/} .infoslide .slidecontent {margin: 2rem; max-height: calc(100% - 4rem); overflow-y: scroll;} .info_close {width: 60px; height: 60px; border-radius: 10px; /*background: rgba(255,255,255,33);*/ position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; /*border: 2px solid #866a5f;*/ color: #866a5f; transition: all .25s; } .info_close:hover, .info_close:active, .info_close:focus {background: rgba(255,255,255,.15);} #prev_wrap {height: 512px; width: 512px; margin: 0 auto; border-radius: 100%; padding: 0; position: relative; margin-top: -3rem; transform: translateX(0) rotate(0); transition: transform 2s; } #prev_wrap.away {transform: translateX(-100vw) rotate(-720deg);} #shadow {position: absolute; width: 450px; height: 450px; opacity: 1; left: 50%; top: 50%; margin-left: -225px; margin-top: -225px; border-radius: 100%; box-shadow: 0 35px 50px rgba(0,0,0,.1); } #col_img {position: absolute; width: 490px; height: 490px; opacity: 1; left: 50%; top: 50%; margin-left: -245px; margin-top: -245px; border-radius: 100%; /*filter: brightness(1.15);*/ } #img_img {position: absolute; width: 420px; height: 420px; opacity: 1; left: 50%; top: 50%; margin-left: -212px; margin-top: -213px; border-radius: 100%; mix-blend-mode: multiply; } #ovr_img {position: absolute; width: 480px; height: 480px; opacity: .5; left: 50%; top: 50%; margin-left: -240px; margin-top: -240px; border-radius: 100%; mix-blend-mode: overlay; } #prev2 {height: 60px; width: 60px; position: relative; border-radius: 100%; margin-right: 1rem;} #prev2 img {position: absolute; width: 60px; height: 60px; left: 0; right: 0; top: 0; bottom: 0; border-radius: 100%;} #prev2 #img_img2 {mix-blend-mode: multiply; width: 48px; height: 48px; left: 6px; right: 6px; top: 6px; bottom: 6px;} .sideview {background: #888; background: rgba(0,0,0,.33); padding: .5rem .5rem .25rem; border-radius: 20px; } #sideview {position: absolute; left: -250px; bottom: 105px; opacity: 0; transition: left .75s;} #sideview.on {opacity: 1; left: 15px;} .sideview > div {height: 24px; margin-bottom: 2px; display: flex;} .sideview .shell, .sideview .filling {height: 24px; width: 120px; transition: background .25s;} .sideview .shell {background: #dfd3c5;} .sideview .filling {background: #dfd3c5; border-radius: 20px; width: 110px; margin-left: 5px; margin-right: 5px;} .sideview [data-color="1"] {background: #c1b6d3;} .sideview [data-color="2"] {background: #ead8a1;} .sideview [data-color="3"] {background: #edb3be;} .sideview [data-color="4"] {background: #6fe5d2;} .sideview [data-color="5"] {background: #dfd3c5;} .sideview [data-color="6"] {background: #fdb18b;} .sideview [data-color="7"] {background: #d5d5a7;} .sideview .topshell {border-radius: 30px 30px 5px 5px; position: relative; top: 5px; border-bottom: 2px solid #888;} .sideview .btmshell {border-radius: 5px 5px 30px 30px; position: relative; top: -5px; border-top: 2px solid #888;} .sideview .descwrap {margin: 0; justify-content: center; align-items: center;} .sv_desc {/*padding-left: 1rem;*/ font-family: lexend, sans-serif; text-align: center; text-transform: uppercase; font-size: 14px; letter-spacing: .1em; font-weight: 300; background: none; color: #eee; color: rgba(255,255,255,.85); position: relative;} #addfrm_wrap {position: absolute; right: 0; bottom: 0; width: 100%; background: #fff; padding: 23px 0; background: pink; background: rgba(0,0,0,.05); background: rgba(134, 106, 95, .25); background: rgba(213, 203, 194, .25); background: rgba(230, 224, 217, .85); backdrop-filter: blur(5px); box-sizing: border-box; height: 90px; display: flex; justify-content: center; align-items: center; border-radius: 0 0 20px 20px; bottom: -100px; opacity: 0; transition: bottom 1s ease-out, opacity 1s ease-out; } #addfrm_wrap.on {bottom: 0; opacity: 1;} #addfrm_wrap h2 {text-align: center; display: none;} #tipslink {display: none;} #infolink {position: absolute; z-index: 1; bottom: 1.2rem; line-height: 60px; display: none;} #infolink a {text-decoration: none;} .addfrm {display: flex; display: inline-flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap; cursor: auto; margin: 0; padding: 1rem; padding: 0; } .addfrm * {box-sizing: border-box;} .addfrm .btn {margin: 0;} .showform .addfrm {display: flex;} .qty-group {display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: nowrap;} .qty-desc {line-height: 45px; padding: 0 15px; font-size: 24px; opacity: .67;} .addfrm > * {margin: 0; height: 45px;} .qty-group > * {margin: 0; height: 45px;} .addfrm .btn-action { width: 60px; padding: 0; border-radius: 0; font-size: 24px; line-height: 43px;} .addfrm .btn-action.dec {border-radius: 10px 0 0 10px;} .addfrm .btn-action.inc {border-radius: 0 10px 10px 0;} input.qty {text-align: center; margin: 0 2px;} .addfrm .qty {width: 60px; height: auto; text-align: center; color: #333; font-family: sans-serif; height: 45px; font-size: 24px; font-family: inter, sans-serif; border: 0; appearance: none;} .addfrm input[type="number"] {-moz-appearance: textfield; border-radius: 0;} .content2 {font-family: inter, serif; font-size: 20px;} .content2 h2 {font-family: great vibes, serif; text-transform: none; font-size: 60px; line-height: 1.2; margin-top: 2em;} #macs {padding-bottom: 0;} #macs h3 { font-family: lexend, sans-serif; text-transform: uppercase; font-size: 18px; letter-spacing: .05em; font-weight: 600; margin: 1rem 0 2rem; background: none; color: #866a5f; } #macs img {width: 100%; height: auto; display: block;} #macs .pure-g > div > div {margin: 1rem;} #macline {padding-bottom: 2rem; margin-left: -1rem; margin-right: -1rem;} #macline > div {border-radius: 20px;} #macline > div > div {background: rgba(255,255,255,.45); border-radius: 20px;} #macline img {border-radius: 20px 20px 0 0; height: auto;} #macline img.btm {border-radius: 0 0 20px 20px; opacity: .67; display: none;} #macline h3 {margin-top: 0; font-family: lexend, sans-serif; text-transform: uppercase; font-size: 15px; text-align: center; font-weight: 300; margin-bottom: 0; position: relative; top: -.5rem; background: #ae9b94; color: #fff; text-transform: uppercase; font-size: 16px; letter-spacing: .05em; font-weight: 500; } #macline p {text-align: center; padding: 0 .75em; min-height: 68px; margin-top: 0; margin-bottom: 0; display: flex; flex-direction: column; justify-content: center; padding-bottom: .5rem; line-height: 1.35;} #quality.pure-g {margin-left: -1rem; margin-right: -1rem;} #quality.pure-g > div > div {margin: 1rem; background: rgba(255,255,255,.25); padding: 1rem; border-radius: 20px; background: radial-gradient(rgba(255,255,255,.67), rgba(255,255,255,.5) 20%, rgba(255,255,255,0) 75%, rgba(255,255,255,0)); background: rgba(0,0,0,.05) radial-gradient(rgba(255,255,255,.85), rgba(255,255,255,.65) 20%, rgba(255,255,255,.15) 75%, rgba(255,255,255,0)); } #quality img {width: 75%; margin: 0 auto; mix-blend-mode: multiply;} #quality .small {font-size: 17px; margin: .5rem 0; min-height: 82px; display: flex; flex-direction: column; justify-content: center; padding-bottom: 1rem;} #macs table {background: #b19e8d; width: 100%; border-radius: 20px; background: rgba(134,106,95,.2); font-size: 17px; line-height: 1.2; background: rgba(0,0,0,.05);} #macs table td {border: 3px solid #ede9e7;} #macs2 {/*background: url("/img/coko1.jpg"); background-size: cover; padding-top: 0; color: #fff;*/} #table_wrap {/*width: 33%; margin: 0 auto;*/ margin-top: 6rem; align-items: flex-end; justify-content: center;} #table_wrap h3 {margin-bottom: .5rem; padding-left: 1em; margin-top: 50px;} #table_wrap p {text-align: center; font-size: 12px; opacity: .75; background: rgba(0,0,0,.05); border-radius: 20px; margin: 2rem 0; display: flex; flex-direction: column; justify-content: center; min-height: 90px; margin-bottom: 0; } #table_wrap img {border-radius: 20px;} #pickupwrap ul {margin-bottom: 2rem;} #pickupwrap li {margin-bottom: 1rem;} #pickup svg {color: #866a5f;} /* #inform {display: none;} .feat_content > .pure-g:nth-child(odd) {text-align: right;} .feat_content > .pure-g > div {padding: 2rem; display: flex; flex-direction: column; justify-content: center; align-items: stretch; background: rgba(255,255,255,.67);} .feat_content > .pure-g > div > img { background: #fbf4fb; width: 100%; text-align: center; min-height: 5em; height: auto; max-width: 100%; max-height: 100vh; margin-left: auto; margin-right: auto; display: block; flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: rgba(85, 68, 85, .5); background: rgba(32, 16, 32, .02); } */ @media screen and (max-width: 639px) { form {padding: 0;} } .rotor {animation-duration: .5s; animation-name: rotor; animation-iteration-count: 1; animation-timing-function: cubic-bezier(.42,-0.26,.61,1.24);} @keyframes rotor { from {transform: rotateY(0);} to {transform: rotateY(-360deg);} } .rotorx {animation-duration: .5s; animation-name: rotorx; animation-iteration-count: 1; animation-timing-function: cubic-bezier(.42,-0.26,.61,1.24);} @keyframes rotorx { from {transform: rotateX(0);} to {transform: rotateX(-360deg);} } .bye {animation: bye 0.25s linear both;} @keyframes bye {0% {opacity: 1;} 100% {opacity: 0;}} .bye2 {animation: bye2 0.25s ease-in both;} @keyframes bye2 {0% {transform: translateX(0);} 100% {transform: translateX(-150vw);}} .bye3 {animation: bye3 0.25s ease-in both;} @keyframes bye3 {0% {transform: translateX(0);} 100% {transform: translateX(150vw);}} /* .rollin {animation: rollin 0.25s linear both;} @keyframes rollin {0% {opacity: 1;} 100% {opacity: 0;}} */ .btn, input[type="submit"].btn { height: auto; text-align: center; text-transform: uppercase; font-family: lexend, sans-serif; font-size: 16px; letter-spacing: .05em; font-weight: 500; margin: 1rem 0 2rem; padding: 0 2em; display: inline-block; text-decoration: none; background: #eae5da; background: #f7f5f1; background: none; color: #866a5f; color: #c2b4af; transition: all .2s; border: 3px solid #c2b4af; border-radius: 10px; cursor: pointer; line-height: 45px; -webkit-tap-highlight-color: #e8e3dc; } .btn:hover, .btn:focus, input[type="submit"].btn:hover, input[type="submit"].btn:focus { transition: none; border-color: #866a5f; color: #866a5f; } /* .btn:active, input[type="submit"].btn:active {background: #866a5f; color: #fff; border-color: transparent; transition: none; box-shadow: none; text-shadow: 1px 1px 0 rgba(0,0,0,.1); } */ .btn-primary {border: 2px solid #866a5f; background: #866a5f; color: rgba(255,255,255.85); } .btn-primary:hover, .btn-primary:focus, input[type="submit"].btn-primary:hover, input[type="submit"].btn-primary:focus {color: #fff;} .btn-primary .icon {stroke: #fff; fill: none; width: 32px; height: 32px; position: relative; top: -3px;} .btn-primary .icon:first-child {margin-left: -.5em;} .btn-primary .icon:last-child {margin-right: -.5em;} .btn-primary {background: #866a5f;} .btm_ctrl {display: flex; justify-content: flex-end;} .btn.loading { position: relative; } .btn.loading::before { content: ''; position: absolute; background: inherit; width: 100%; height: 100%; top: 0; left: 0; border-radius: inherit; opacity: .9;} .btn.loading::after { content: ''; position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -6px; width: 12px; height: 12px; border: 2px solid transparent; border-top-color: #fff; border-radius: 50%; animation: spin 1s linear infinite;} @keyframes spin { to { transform: rotate(360deg); } } .feather {width: 24px; height: 24px; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none;} .icon {display: inline-block; vertical-align: middle;} #cart {position: absolute; right: 0px; top: 0; color: #fff; height: 80px; min-width: 80px;} #cart:before {content: " "; position: absolute; left: 50%; margin-left: -75px; top: 50%; margin-top: -75px; height: 150px; width: 150px; background: rgba(134,106,95,.15); border-radius: 100%; z-index: -1; background: none; } #cart a {display: block; width: 80px; height: 80px;} #cart.empty {display: none;} #cart img {position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; width: 60px; height: 60px; /*line-height: 80px; text-align: center;/* font-size: 30px;*/ /*border-radius: 60px; /*color: #010101; font-size: 24px;}*/ } #cart .icon:before {position: relative; left: -2px; opacity: .85;} #cartqty {position: absolute; background: red; color: #fff; right: 2px; top: 2px; padding: 0 3px; border-radius: 100%; height: 20px; line-height: 20px; min-width: 14px; text-align: center; transform: translateX(-50%); font-size: 12px; font-weight: bold; background: #866a5f; background: #e63178; background: #866a5f; } #cartprice {position: absolute; color: #fff; left: 0; right: 0; bottom: -8px; height: 24px; line-height: 24px; min-width: 14px; text-align: center; font-size: 12px; color: #fff; } .empty #cartqty, .empty #cartprice {display: none;} #cart.mod:before {animation: cartup2 5s 1;} /* #cart.mod #cartprice {animation: cartup3 5s 1;} .ciq_wrap.mod {animation: cartup2 5s 1;} */ /*@keyframes cartup { from { color: red; } to { color: #e6e6e6; } }*/ @keyframes cartup2 { from { background: #212;} to { background: rgba(255,255,255,.25); color: #fff; } } /*@keyframes cartup3 { from { color: #fff; } to { color: #888; } }*/ .inc {border-radius: 15% 0 0 15% / 200% 0 0 200%;} #footer {background: #b19e8d; padding: 2rem 0 1rem; color: #fff; color: rgba(255,255,255,.85); margin-top: 8rem; background: url("/img/coko1.jpg"); background-size: cover; background: #866a5f; position: relative; font-size: 16px; /* border-top: 3px solid #656; box-shadow: 0 -2px 6px rgba(134, 106, 95, .1); */ } #gtt_wrap {position: absolute; top: -6rem; left: 0; right: 0; display: flex; justify-content: center;} .pg-cart #gtt_wrap, .pg-order #gtt_wrap, .pg-confirm-order #gtt_wrap, .pg-thanks #gtt_wrap {display: none;} #footer #goto_top {color: #c2b4af; /* background: rgba(134,106,95,.2); background: #ae9b94; font-family: lexend, sans-serif; text-transform: uppercase; font-size: 16px; letter-spacing: .05em; font-weight: 500; */ } #footer #goto_top:hover, #footer #goto_top:focus, #footer #goto_top:active {color: #866a5f;} #footer .pure-g {margin-left: -1rem; margin-right: -1rem;} #footer .pure-g > div > div {padding: 1rem;} #footer .nav {list-style: none; padding: 0; display: flex; justify-content: center; margin: 4rem 0;} #footer .nav li {margin: 0 1rem;} .footlogo {} .footlogo > div { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;} .footlogo a {display: block; /*width: 200px;*/ margin: -1rem auto 0;} .footlogo img {width: auto; height: 164px;} #msp img {width: 222px; height: auto;} #mmlogo {} #uplogo {} #footer a {color: #fff; color: rgba(255,255,255,.85);} #copy {opacity: .67; text-align: center;} #copy p {margin: 0 auto;} .flexwrap {background: rgba(255,255,255,.5); backdrop-filter: blur(5px); padding: 1px 1.5rem 1.5rem; border-radius: 20px;} .cartbackwrap {} .cartback {padding-left: 1em; padding-right: 1em; margin: 0; border-width: 2px;} #cartwrap { width: 100%; margin-bottom: 3rem; max-width: 720px; margin: 0 auto;} #cartcontrol {width: 100%; background: rgba(255,255,255,.75); border: 0; margin: 2rem 0; border-radius: 20px;} #cartcontrol td {padding: 10px; vertical-align: middle; border: 0; border-bottom: 3px solid #f6f4f3;} #cartcontrol tr:last-child td {border: 0;} #cartcontrol tr.total td {padding-top: 1rem; padding-bottom: 1rem;} #cartcontrol td.remove {padding: 0;} #cartcontrol .btn.btn_remove {} #cartcontrol .btn.btn_remove span {line-height: 56px;} #cartcontrol .btn.btn_remove:hover, #cartcontrol .btn.btn_remove:focus, #cartcontrol .btn.btn_remove:active {color: #866a5f;} #cartcontrol .prod_img {text-align: center;} #cartcontrol .prod_img > div {display: flex; justify-content: center; align-items: center;} #cartcontrol .prod_img a {display: block;} #cartcontrol .prod_img img {} .preview {height: 90px; width: 90px; position: relative; border-radius: 100%; margin-right: 1rem; user-select: none;} .preview img {position: absolute; width: 90px; height: 90px; left: 0; right: 0; top: 0; bottom: 0; border-radius: 100%;} .preview img:last-child {mix-blend-mode: multiply; width: 72px; height: 72px; left: 9px; right: 9px; top: 9px; bottom: 9px;} #cartcontrol .prodbox {line-height: 1.4;} #cartcontrol .prodbox .icon {margin: 0;} #cartcontrol .mfg {color: #866a5f;} #cartcontrol .unpostable {color: #866a5f;} #cartcontrol .price {text-align: right;} #cartcontrol .qty form {display: inline-flex; align-items: center; margin: 0; height: 90px;} #cartcontrol .qty input {flex: 1 0 0; text-align: center; width: 60px;} #cartcontrol .btn {width: 56px; height: 56px; line-height: 56px; padding: 0; border-color: transparent; font-size: 2rem; background: none;} #cartcontrol .btn:active {color: #866a5f;} #cartcontrol .cartqty_cancel {display: none;} .js #cartcontrol .cartqty_cancel {display: inline-block;} #cartcontrol .btn_remove {margin: 0; line-height: inherit; display: flex; justify-content: center; align-items: center;} #cartcontrol .btn-action {} #cartcontrol .btn-action .icon {color: #866a5f; width: 56px; height: 56px; display: block;} #cartcontrol .cartqty_cancel, #cartcontrol .cartqty_submit { visibility: hidden; margin: 0; } #cartcontrol .cartqty_input { height: auto; padding: 0; margin: 0; transform: scale(2.3077); transform-origin: center center; margin: 0 42px; outline-color: #c2b4af; border: 1.3px solid #c2b4af; border-radius: 2px; color: #866a5f; line-height: 1.33; } #cartcontrol.changed td { opacity: .25; } #cartcontrol.changed .btn { visibility: hidden; } #cartcontrol.changed + p > a { visibility: hidden; } #cartcontrol.changed .active, #cartcontrol.changed .active * { opacity: 1; visibility: visible; } #cartcontrol.changed .active .btn_remove, #cartcontrol.changed .active .btn_remove * {visibility: hidden;} #cartcontrol.changed .active .cartqty_input {color: #866a5f; font-weight: bold;} #cartcontrol.changed .crt_rem {display: none;} #cartcontrol.final .cartqty_input {margin: 0 .5em 0 0; text-align: right;} #cartcontrol.final .btn-action {display: none;} #cartcontrol.final input {appearance: textfield; border: 0; background: transparent; transform: none; min-width: 1.5rem;} #cartcontrol.final form:after {content: " ks";} #promo {margin: 0 auto; display: none !important;} .crt-promo {display: flex; justify-content: center; flex-wrap: wrap;} .crt-promo > * {margin: 0; height: 45px !important; font-weight: 400; padding-top: 0; padding-bottom: 0; font-size: 20px;} .crt-promo h2 {text-transform: uppercase; line-height: 45px; padding: 0 1em; margin: 0; font-size: 20px;} .crt-promo label {margin-bottom: 1em;} .crt-promo input {margin-bottom: 1em;} .crt-promo button {margin: 0 1em;} #cartcontrol .sideview {position: static; background: none; transform: scale(.67); } #cartcontrol .sideview .topshell {border-color: #fff;} #cartcontrol .sideview .btmshell {border-color: #fff;} #cartcontrol .sideview .sv_desc {color: #866a5f;} #orderfrm {} #orderfrm label {margin-top: 1rem;} #orderfrm [type="text"] {width: 100%;} #orderfrm [type="email"] {width: 100%;} #orderfrm [type="tel"] {width: 100%;} #orderfrm textarea {width: 100%;} .form-label {font-family: inter, sans-serif;} .pgConfirmorder #cartcontrol .btn {display: none;} .pgConfirmorder .txtcontent .section {padding: 1rem 0;} #cartsection {border-top: 2px solid #85d1f5; padding-top: 1rem;} #confirmdata {margin: 30px 0;} #confirmdata p, #ordernote p { margin: 0; padding: 7.5px 15px; border-bottom: 2px solid #e6e6e6; } #confirmdata span, #ordernote span { vertical-align: text-top; display: inline-block; width: 32%; text-align: right; padding-right: 1em; line-height: 1.4; } #confirmdata strong, #ordernote strong { vertical-align: text-top; display: inline-block; width: 65%; line-height: 1.4; } #oc_btns {margin-top: 1rem;} #order_submit {border-bottom: 0;} #consent_wrap {margin: 2rem 0; padding: 1rem; position: relative;} #consent_wrap label {display: flex; flex-direction: row; align-items: center; margin: 0; justify-content: space-between; width: 100%;} #consent_desc {padding-right: 2em; padding-left: 0;} :root { --checkbox-border-color: #fff; --checkbox-checked-color: #fff; --checkbox-hover-color: #a3cef1; --checkbox-disabled-bg-color: #d9d9d9; } #consent_wrap input[type="checkbox"] { box-sizing: border-box; width: 45px; height: 45px; margin: 0; padding: 3px; border-radius: 5px; cursor: pointer; border: 2px solid #fff; appearance: none; background-color: transparent; outline: none; transition: outline 0.1s; } #consent_wrap input[type="checkbox"]:checked { background-size: cover; padding: 2px; } #consent_wrap input[type="checkbox"]:not(:disabled):checked { border-color: var(--checkbox-checked-color); background-image: url('data:image/svg+xml;utf8,'); } /* #consent_wrap input[type="checkbox"]:not(:disabled):hover { background-color: var(--checkbox-hover-color); outline: 6px solid var(--checkbox-hover-color); transform: scale(1.05); } */ #consent_wrap input[type="checkbox"]:focus-visible { outline: 6px solid var(--checkbox-hover-color); transform: scale(1.05); } #consent_checkbox {text-align: center; /*background: #ede9e7;*/ border-radius: 5px;} #consent {vertical-align: middle; margin: 0; line-height: 60px;} #svgrepo {display: none;} /*@media ((min-width: 1366px) and (max-height: 900px)) or (max-width: 1365px) and (orientation: landscape) {*/ @media screen and (max-width: 1719px){ .container {margin-left: 2rem; margin-right: 2rem; } } @media screen and (max-width: 1365px){ #macline {flex-wrap: wrap; justify-content: center;} #macline > div {flex-shrink: 0; /*display: flex; flex-direction: column; align-items: stretch;*/} } @media screen and (max-width: 1023px){ #page {padding-top: 80px;} #cart {right: -30px;} #makform > .container {flex-direction: column; margin: 0; min-height: calc(100vh - 80px); min-height: calc( calc(var(--vh, 1vh) * 100) - 80px); min-height: calc(100dvh - 80px); padding: .5rem; box-sizing: border-box; transition: height .5s; } #setup {width: auto; height: 290px;} #col, #fill, #img {margin-bottom: .5rem;} #col h2, #fill h2, #img h2 {margin-top: 0; margin-bottom: 0;} #col > div.fieldsetwrap, #fill > div.fieldsetwrap, #img > div.fieldsetwrap {overflow-x: scroll; } #col fieldset, #fill fieldset, #img fieldset {flex-wrap: nowrap; max-width: 100%; padding: 4px .25rem 10px;} #col label, #fill label {border-top-width: 5px; border-bottom-width: 5px;} #dropzone.dropzone {top: 8px; left: 11px;} #sideview {bottom: 85px;} #preview {margin-left: 0;} #addfrm_wrap {height: 70px;} #addfrm .qty-desc {visibility: hidden; width: 10px; padding: 0;} #prev2 {display: none;} [data-aos="fade-moje"] {transition-delay: 0s !important;} #quality.pure-g {flex-direction: column; padding-bottom: 2rem; margin-left: -.5rem; margin-right: -.5rem;} #quality > div {width: 100%;} #quality.pure-g > div > div {display: flex; flex-direction: row; align-items: center; padding: .5rem; margin: .5rem;} #quality img {width: 25%; flex-grow: 0; flex-shrink: 0; } #quality p {flex-grow: 1; padding-left: 2em; padding-right: 1em;} #table_wrap {flex-wrap: wrap; margin-top: 2rem;} #table_wrap > div {width: 100%;} #macs #table_wrap.pure-g > div > div {margin: 0;} #table_wrap p {max-width: none;} #pickup.pure-g {flex-direction: column; padding-bottom: 2rem; margin-left: -1rem; margin-right: -1rem;} #pickup > div {width: 100%;} #macs #pickup h3 {margin: 2rem 0 1rem;} } @media screen and (min-width: 1366px) and (max-height: 900px), screen and (max-width: 1365px) and (orientation: landscape), screen and (max-width: 1023px) { #makform {} /*.imglabel {width: 96px; height: 96px;}*/ #prev_wrap {height: 384px; width: 384px; /*margin-top: -5rem;*/} #shadow {width: 337.5px; height: 337.5px; margin-left: -168.75px; margin-top: -168.75px;} #col_img {width: 367.5px; height: 367.5px; margin-left: -183.75px; margin-top: -183.75px; } #img_img {width: 315px; height: 315px; margin-left: -159px; margin-top: -159px; } #ovr_img {width: 360px; height: 360px; margin-left: -180px; margin-top: -180px; } /*#addfrm_wrap {bottom: .5rem;}*/ /*#addfrm_wrap h2 {display: none;}*/ #infolink {bottom: .2rem;} } @media screen and (max-width: 959px){ #footer .pure-g {flex-wrap: wrap;} #footnav {width: 100%;} #msp {width: 100%;} #mmlogo, #uplogo {width: 50%; padding: 2rem 0;} #mmlogo img, #uplogo img {height: 128px;} } @media screen and (max-width: 859px){ .flexwrap {background: none; padding: 0;} #cartcontrol {font-size: 90%;} #cartcontrol:not(.final) tr {display: flex; width: 100%;} #cartcontrol:not(.final) tr:not(.total) {padding-bottom: 90px; position: relative; border-bottom: 15px solid #ede9e7;} #cartcontrol:not(.final) td {border: 0; /*padding: 1em 2px;*/} #cartcontrol tr.total td {/*border-bottom: 2px solid #ddd;*/} /*#cartcontrol .remove, */ #cartcontrol:not(.final) tr:not(.discount) td.remove {position: absolute; bottom: 15px; left: 0; z-index: 1; padding: 0;} #cartcontrol:not(.final) .qty {position: absolute; bottom: 0; left: 0; right: 0; border: 0; background: #f1f1f1; display: flex; align-items: center; justify-content: center; padding: 0;} #cartcontrol .qty .btn {line-height: 25px;} #cartcontrol .active .qty {z-index: 2;} #cartcontrol .prod_img {width: 220px; padding: 0;} #cartcontrol .prod_img a {} #cartcontrol:not(.final) .prod_img a {align-items: flex-start; justify-content: flex-start;} /*#cartcontrol .prod_img img {height: auto; width: auto; display: block; max-height: 60px; max-width: 90px;}*/ #cartcontrol .cartqty_input {width: 3rem; font-size: inherit;} #cartcontrol:not(.final) .price {font-size: inherit; flex-grow: 2; display: flex; flex-direction: column; justify-content: center;} #cartcontrol .prod_img a {display: flex; align-items: center; justify-content: center;} #cartcontrol .prodbox {padding-left: 10px;} } @media screen and (max-width: 819px){ #footer .nav {flex-direction: column; align-items: center;} #footer .nav li {margin: .25rem 0;} } @media screen and (max-width: 701px){ #confirmdata p {padding-left: 0; padding-right: 0;} #confirmdata span { display: block; width: auto; text-align: left;} #confirmdata strong { display: block; width: auto; text-align: left;} } @media screen and (max-width: 639px){ .toggleinfo {z-index: 1; height: 35px; margin-right: -5px;} #sideview {transform: scale(.75); transform-origin: left bottom;} #sideview.on {left: 5px; bottom: 75px;} #quality img {width: 40%;} #pickupwrap ul {list-style-position: inside; padding: 0; } } @media screen and (max-width: 519px){ .pg-confirm-order .prod_img > div {flex-direction: column; padding-bottom: 25px;} .pg-confirm-order .prod_img .preview {margin-right: 0;} } @media screen and (max-width: 479px){ #cart {right: -20px;} .container {margin-left: 1rem; margin-right: 1rem;} /*#makform .container {margin-left: .5rem; margin-right: .5rem;}*/ #prev_wrap {height: 205px; width: 205px; margin-top: -3rem; right: -3rem;} #prev_wrap.away {transform: translateX(-100vw) rotate(-720deg);} #shadow {width: 180px; height: 180px; margin-left: -90px; margin-top: -90px;} #col_img {width: 196px; height: 196px; margin-left: -98px; margin-top: -98px;} #img_img {width: 168px; height: 168px; margin-left: -85px; margin-top: -85px;} #ovr_img {width: 192px; height: 192px; margin-left: -96px; margin-top: -96px;} #macline > div {width: 100%;} #quality.pure-g > div > div {flex-direction: column; align-items: center; padding-top: 1rem;} #quality p {padding-left: 1em;} #msp, #mmlogo, #uplogo {width: 100%;} #footer .nav {flex-direction: column;} } @media screen and (max-width: 399px){ .addfrm .btn-action {width: 45px;} .addfrm .btn-primary {padding: 0 1em;} .addfrm .qty {width: 45px;} #addfrm .qty-desc {width: 5px;} .flexwrap .btn-primary {line-height: 25px; padding-top: 10px; padding-bottom: 10px;} .flexwrap .btn-primary svg {width: 20px; height: 20px;} #cartcontrol.final .cartqty_input {width: 2em;} #consent_desc {padding-right: 1em;} } /* [data-aos="test-anim1"] { transform: skewX(45deg); opacity: 0; transition-property: transform, opacity; &.aos-animate { transform: skewX(0); opacity: 1; } } */ .pulsate { animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-name: pulse; animation-duration: 2s; } @keyframes pulse { 0% {opacity: 1;} 50% {opacity: .5;} 100% {opacity: 1;} } @keyframes pulse2 { 0% {opacity: .9;} 50% {opacity: .7;} 100% {opacity: .9;} } .bounce { animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-name: bounce; animation-duration: 2s; } @keyframes bounce { 0% {transform: scale(1);} 50% {transform: scale(1.01);} 100% {transform: scale(1);} } .slowpop { animation-iteration-count: 1; animation-timing-function: ease; animation-name: slowpop; animation-duration: 1s; } @keyframes slowpop { 0% {transform: scale(1);} 50% {transform: scale(1.025);} 100% {transform: scale(1);} } @keyframes rotating { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } .rotating { animation: rotating 90s linear infinite; } .willpop {opacity: 0; transform: scale(0.5); transform-origin: center center; transition: opacity 5s, transform 5s; transition-timing-function: cubic-bezier(0,.21,0,1.17);} .popin {opacity: 1; transform: scale(1);} /*#macline > div > div. {} @keyframes myflipin{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}} .animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}} */ #dbg {position: absolute; right: 10px; top: 10px; font-size: 11px; font-family: Courier; background: #ffff99; padding: 15px; color: #000; z-index: 500;} .console {max-width: 900px; font-family: inter; border-radius: 20px; background: #c2b4af; color: #fff; padding: 1rem 2rem; margin: 0 auto 1.5rem; background: rgba(134, 106, 95, .75); } .console a {color: #fff;} .topicon svg {width: 45px; height: 45px;} #alerts {max-width: 900px; font-family: inter; font-size: 17px; border-radius: 10px; background: #c2b4af; color: #eee;} .flexpage #alerts {max-width: 720px;} #alerts ul {list-style: none; margin: 1rem 0; padding: 0; } /*#alerts .alert ul li {background: none; padding: 0px; font-size: 15px; line-height: 1.4em;}*/ .alert {color: #fff;} .error {} .msg {} .clause {border-top: 1px solid #887; padding-top: 0.5em;} .clauseData {background: #a9a; padding: 0.5em 1em; font-size: 0.8em; color: #434;} #alerts a.alerts-close {display: block; background: #e6e6e6; text-align: right; color: black; font-weight: bold; padding: 0.5em 1em; font-size: 15px; text-transform: uppercase;}