:root{
    --theme-color-1:#4682CC; /* blue */
    --theme-color-2:#171D1C; /* black grey */
    --theme-color-3:#EA8239; /* orange */
    --theme-color-4:#FFFFFF; /* white */
    --theme-color-5:#16BAC5; /* green */
    --theme-color-6:#FBFBFB; /* white grey */
    --theme-color-border:#EEEEEE;
    --theme-input-height:2.8rem;
    --theme-color-shadow:#dbdbdb;
    
}


*, *::before, *:after{
    box-sizing: border-box;
}


/*!
Pure v3.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE
*/
/*!
normalize.css v | MIT License | https://necolas.github.io/normalize.css/
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2rem;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:-.31rem;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 1rem;background-color: #e6e6e6;color:rgba(0,0,0,.8);border:none transparent;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:focus,.pure-button:hover{}.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:var(--theme-color-4)}.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 .6rem;display:inline-block;border:1px solid #ccc;vertical-align:middle;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6rem;display:inline-block;border:1px solid #ccc;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:#184d7c; }.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:var(--theme-color-border);color:var(--theme-color-2);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{background-color:var(--theme-color-4)}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75rem;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3rem;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:10rem;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:2rem;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:.3rem;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, .pure-form select, .pure-form textarea{margin-bottom:.3rem;display:block;width:100%}.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:.3rem;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:.75rem;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}.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:.5rem;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.3rem;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:var(--theme-color-2)}.pure-menu-children{background-color:var(--theme-color-4)}.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:var(--theme-color-border)}.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}



/*!
Pure v3.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE
*/
@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%}}

/*
sm      ≥ 568px     35.5em
md      ≥ 768px     48 em
lg      ≥ 1024px    64em
xl      ≥ 1280px    80em
xxl     ≥ 1920px    120em    
xxxl    ≥ 2560px    160em
x4k     ≥ 3840px    240em
*/

.pure-hidden, .pure-visible-sm,.pure-visible-md, .pure-visible-lg, .pure-visible-x1, .pure-visible-xxl, .pure-visible-xxxl, .pure-visible-x4k{
    display: none !important;
}
.flexbox{
    display:flex;
    align-items: center;
}

.gap-025{
    gap:0.25rem;
}

.gap-050{
    gap:0.5rem;
}

.gap-075{
    gap:0.75rem;
}

.pure-form .pure-checkbox, .pure-form .pure-radio{
    width:auto !important;
}

/*<568px*/
@media (max-width: 35.5em) {
    .pure-hidden-sm{
        display: none !important;
    }
    .pure-visible-sm{
        display: inherit !important;
    }
}
/*568px-768px*/
@media (min-width: 35.5em) and (max-width: 48em) {
    .pure-hidden-md {
        display: none !important;
    }
    .pure-visible-md{
        display: inherit !important;
    }
}
/*768px-1024px*/
@media (min-width: 48em) and (max-width: 64em) {
    .pure-hidden-lg{
        display: none !important;
    }
    .pure-visible-lg{
        display: inherit !important;
    }}
/*1024px-1280px*/
@media (min-width: 64em) and (max-width: 80em) {
    .pure-hidden-x1{
        display: none !important;
    }
    .pure-visible-xl{
        display: inherit !important;
    }    
}
/*1280px-191rem*/
@media (min-width: 80em) and (max-width: 120em) {
    .pure-hidden-xxl{
        display: none !important;
    }
    .pure-visible-xxl{
        display: inherit !important;
    }    
}
/*1920-2560px*/
@media (min-width: 120em) and (max-width: 160em) {
    .pure-hidden-xxxl {
        display: none !important;
    }
    .pure-visible-xxxl{
        display: inherit !important;
    }    
}
/*2560px-3840px*/
@media (min-width: 160em) and (max-width: 240em) {
    .pure-hidden-x4k{
        display: none !important;
    }
    .pure-visible-x4k{
        display: inherit !important;
    }    
}




.pure-menu.pure-menu-horizontal{
    margin:0;
}


.pure-menu.pure-menu-horizontal{
    margin:0;
}


.pure-menu-children > li > a{
    padding: 0.5em 0.75rem;
    text-transform: none;
    text-align: left;
}

.pure-menu-active > .pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover
{
    background: var(--theme-color-4);
}



.pure-menu-horizontal{
    white-space:normal;
}






















/* nav */


.dropdown.open > .dropdown-menu{
    display:block !important;
}


.pure-menu-list > li:active, .pure-menu-list > li:hover, .pure-menu-list > li:focus, .pure-menu-list > li:focus, .pure-menu-list > li.dropdown.open{
/*    box-shadow: 0 3px 0px #e80001;*/
}

.pure-menu-list{
    position:initial;
}
#pure-menu-categories{
        background:var(--theme-color-4);
        left:0px;
        top:106px;
        right:0px;
        width:100%;
        position: absolute;
        z-index:10;
}

#pure-menu-categories .w-box{
    background:#f9f9f9;
}

@media (min-width: 81em){

    nav .pure-menu .dropdown-menu{

    /*    
        top:11rem; 
        left:0;
        right:0;*/


        position: fixed;
        left: auto;
        right: 50%;
        top: 50%;
        transform: translate(50%,-50%);
        max-width: 100%;
        box-shadow: 0 5px 30px rgba(0,0,0,.2), 9px 11px 0px -5px #184d7c;
        font-size: 1.4rem;
        padding: 5rem 2rem;
        z-index: 1044;

    }
}
@media (max-width: 80em){
    nav .pure-menu .dropdown-menu{
        top:150px;
        left:0;
        right:0;
        margin:0 auto;
    }
}
    
@media (max-width: 48em){
    nav .pure-menu .dropdown-menu{
        top:170px;
    }
}

.pure-menu-item{
    position:initial;
}

@media (max-width: 811px)
{
    
    #pure-menu-categories img{height:100px}


    .pure-menu-link-icon{
        padding:0.5em 0.25rem;
        
    }
    

    
    .padding-45-0{
        padding: 15pt 0;
    }
    


    
    
    

    
    
    
    .dropdown.open > ul.dropdown-menu{
        display:block !important;
    }
    .pure-menu-item{
    }
    .pure-menu-heading, .pure-menu-link{
        white-space: normal;
    }

    
    #navbar-brandname > a > img{
        height:44px;
/*        margin-left: -40px;*/
    }
    

    
    
    
    .dropdown.open > ul.dropdown-menu.shadow{
        width: 100% !important;
    }
    
  
    
    
    .pure-menu-item, .pure-menu-list{
        position: initial;
    }

    
    
    
    
    
    
    .pure-menu-children > li > a{
        padding-left: 1.75rem;
    }   
    

    

}


  .navbar-header{
      justify-content:space-between;
      align-items: last baseline;
  }
  
  .navbar-toggle{
      text-transform: none;
      font-weight: bold;
  }
  
@media screen and (max-width: 48em) {
  .navbar-header{
      padding:0.5rem;
  }    
    
    
    .navbar-toggle{
        width:1.7rem;
    }  
}
  
  .navbar-toggle::before{
/*      content:"\00D7";*/
  }  
  
  .navbar-toggle.collapsed{
      color:var(--theme-color-2);
  }

  .navbar-toggle.collapsed::before{
/*      content:"\2261";*/
  }
  





      

@media screen and (min-width: 811px) {
    #pure-menu-top-right{width:auto}
    .padding-45-0{
        padding: 45pt 0;
    }  
  
    #top-menu{
        margin-bottom:2rem;
    }
  
    .pure-menu-link{
        padding: 0 0.5rem;
    }

}





  #pure-menu-toggler {
    margin: 0 0.5rem;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 3.5rem;
  }


/* labels */
.label {
  display: inline;
  padding: .2em .6em .3rem;
  font-size: 75%;
  line-height: 1;
  color: var(--theme-color-4);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  font-weight: normal;
}
a.label:hover,
a.label:focus {
  color: var(--theme-color-4);
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: inherit;
  color:var(--theme-color-2);
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}







/* tooltip */



.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;

  line-break: auto;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: var(--theme-color-4);
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}




/* popover */

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: var(--theme-color-4);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

  line-break: auto;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow::after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow::after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: var(--theme-color-4);
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow::after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: var(--theme-color-4);
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow::after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: var(--theme-color-4);
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow::after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: var(--theme-color-4);
}




/* alert */

.alert {
  padding: 2rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.close{
  position: absolute;
  top: 1rem;
  right: 1rem;
  content:"";
  color: inherit;
  border: 0px;
  background:none;
  cursor: pointer;
  font-size: 2rem;
}



.alert-success {
  color: #3c763d;
  background-color: #dff0d8 !important;
  border:1px solid transparent;
  border-color: #06ac09;
}
.alert-success hr {
  border-top-color: #06ac09;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  border:1px solid transparent;
  color: #31708f;
  background-color: #d9edf7 !important;
  border-color: #82daec;
}
.alert-info hr {
  border-top-color: #82daec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  border:1px solid transparent;
  color: #8a6d3b;
  background-color: #fcf8e3 !important;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
    color: var(--theme-color-4);
    background-color: #d00000 !important;
    border-color: #ff4361;
    box-shadow: 0 0 15px #656565;
    border-radius:1rem;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
.alert-pure{
    border:1px solid transparent;
    background-color:var(--theme-color-4) !important;
    border-color: #ddd;
}
















html {
  font-size: 16px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  line-height: 1.42857143;
}
body.body-freez{
    overflow: hidden;
}

body.disabled{
    height: 100%;
    overflow: hidden;  
}


input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  text-decoration: none;
  color:var(--theme-color-2);
}
a:hover,
a:focus {
  text-decoration: underline;
/*  color:#AF141A;*/
}
a:focus {
  outline: 0;
  text-decoration: none;

}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
  max-width: 100%;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  padding: 4px;
  line-height: 1.42857143;
  background-color: var(--theme-color-4);
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid var(--theme-color-border);
}

.divider{
    margin:10px 0;
    overflow: hidden;
    height:1px;
    background-color: var(--theme-color-border);
}


.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}





p {
  margin: 0 0 10px;
}






.lead {
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
}



@media (min-width: 768px) {
  body .lead {
    font-size: 1.2rem;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: .2rem;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-big{font-size: 30pt}
.text-bigger{font-size: 44pt}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #e80001;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.text-clamp{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;    
}
.text-clamp-2{
  -webkit-line-clamp: 2;
}
.text-clamp-3{
  -webkit-line-clamp: 3;
}
.text-clamp-4{
  -webkit-line-clamp: 4;
}
.text-clamp-5{
  -webkit-line-clamp: 5;
}
.text-clamp-6{
  -webkit-line-clamp: 6;
}
.text-clamp-7{
  -webkit-line-clamp: 7;
}
.bg-primary {
  color: var(--theme-color-4);
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  border-bottom: 1px solid var(--theme-color-border);
  padding: 2rem;
  
  h1, h2{
    font-size: 2rem;
    border-left: 0.48rem solid var(--theme-color-1);
    margin: 0;
    font-weight: 100;
    font-style: italic;
    padding-left: 1rem;  
  }
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

/*.list-unstyled > li{
    display:flex;
    gap:1rem;
}*/

.list-inline, .list-inline > li{
    display: flex;
    gap: 0 0.45rem;
    align-items: center;
}


.nav > li > a:hover:not(.pure-button) {
  color: var(--theme-color-1);
}

.list-inline > li > a{
   padding: 0.5rem 0.75rem;
   position: relative;
}


#sitenav{
        .list-inline > li > a:hover {
            color:var(--theme-color-1);
        }
}



@media (min-width: 48em){
    #sitenav{
        .list-inline > li > a:hover {
            background-color: var(--theme-color-4);
            box-shadow: inset 0 0.0625em 0 0 #f4f4f4, 0 0.0625em 0 0 #efefef, 0 0.125em 0 0 #ececec, 0 0.25em 0 0 #e0e0e0, 0 0.3125em 0 0 #dedede, 0 0.375em 0 0 #dcdcdc, 0 0.425em 0 0 #cacaca, 0 0.425em 0.5em 0 #cecece;
        }
    }
}

body {
	font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	font-weight: 400;
	color: var(--theme-color-2);
	font-size: 1rem;
	line-height: 1.1rem;
	width: 100%;
        background: var(--theme-color-6);
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1;
}
/* default font size */
h1, .text-h1 {
    font-size: 3rem;
    font-weight:800;
}
h2, .text-h2 {
    font-size: 2.3rem;
}

h3, .text-h3 {
    font-size: 1.3rem;
}

h4, .text-h4 {
	font-size: 1.1rem;
        
}
h5, .text-h5 {
	font-size: 0.9rem;
}
h6, .text-h6 {
	font-size: 0.8rem;
}

.text-77{
    font-size: 7.4rem;
    line-height: 7.4rem;
}

.text-66{
    font-size: 6.3rem;
    line-height: 6.3rem;
}

.text-55{
    font-size: 5.2rem;
    line-height: 5.2rem;
}

.text-44{
    font-size: 4.1rem;
    line-height: 4.1rem;
}

.text-33{
    font-size: 3rem;
    line-height: 3rem;
}
.text-22{
    font-size: 2rem;
    line-height: 2rem;
}
.text-25{
    font-size: 2.5rem;
    line-height: 2.5rem;
}
.text-12{
    font-size: 1.2rem;
    line-height: 1.2rem;
}

.text-11{
    font-size: 1.1rem;
    line-height: 1.1rem;
}

.text-600{
    font-weight: 600;
}
.text-800{
    font-weight: 800;
}
.text-900{
    font-weight: 900;
}

.text-italic{
    font-style: italic;
}

@media (max-width: 48em){
    .text-77{
        font-size: 6.5rem;
        line-height: 6.5rem;
    }

    .text-66{
        font-size: 5.4rem;
        line-height: 5.4rem;
    }

    .text-55{
        font-size: 4.3rem;
        line-height: 4.3rem;
    }

    .text-44{
        font-size: 3.2rem;
        line-height: 3.2rem;
    }

    .text-33{
        font-size: 2.1rem;
        line-height: 2.1rem;
    }
    .text-22{
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    .text-25{
        font-size: 1.4rem;
        line-height: 1.4rem;
    }
    
    h1, .text-h1 {
        font-size: 2.1rem;
        font-weight:800;
    }
    h2, .text-h2 {
        font-size: 1.4rem;
    }    
    
    

    
}




a:hover {
	text-decoration: none;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-weight: normal;
        font-size: 80%;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
}

.input-group .input-group-addon {
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}





div.required .control-label::before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}


/* drop down menus */

/* top */
#top {
        margin: 0;
}
@media (max-width: 48em){
    #top {
        margin: 1rem;
    }
}





footer {
    position: relative;
    display: table;
    margin-left:auto;
    margin-right:auto;
}










/* pagination */



.pagination {
    margin: 1em 0;
    padding:0;
    display:flex;
    flex-wrap: wrap;
    list-style: none;
    gap:0 0.5rem;
    justify-content:center;
}


@media (max-width: 48em){
    .pagination {
        width:auto;
    }
}

.pagination > li > a, .pagination > li > span{
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: 4rem;
    width: 1rem;
    display: block;
    height: 1rem;
    text-align: center;  
}

.pagination li a:hover{
    border-color: red;
}

.pagination li.active > span{
    background:#184d7c;
    color:var(--theme-color-4);
}
.pagination > li.active > span{
    border-color: #184d7c;
}










/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: var(--theme-color-border)eee;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev::before {
	content: '\f053';
	
}
.carousel-control .icon-next::before {
	content: '\f054';
	
}
.w-box {
	overflow: auto;
        box-shadow: 0 0 1px #acacac;
        background:var(--theme-color-4);
        
        .details{
            font-size: 1rem;
        }
        
}

.w-box:hover{
    box-shadow: 0 0 15px var(--theme-color-shadow);
}









@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
}








.border{
    border: 1px solid #dddddd;
}



.container {
    width:100%;
}

@media (min-width: 960px){
.container {
  width: 960px;
  margin:0 auto;
}

div.front-paged-item{
    transform: translateY(30%);
    -ms-transform: translateY(30%);
}







}



.l-box{
    padding: 1rem;
}
.l-box2{
    padding: 2rem;
}
.l-box3{
    padding: 3rem;
}

.l-box-v{
    padding-top: 0;
    padding-bottom: 0;
}

.l-box-h{
    padding-left: 0;
    padding-right: 0;
}


@media (max-width: 48em)
{
    .l-box{
        padding: 0.5rem;
    }
}

.l-box-clear{
    margin:-1rem;
}

.l-box2-clear{
    margin:-2rem;
}

.l-box3-clear{
    margin:-3rem;
}

.d-block{display:block;width:100% !important}


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

.lead{
    font-size:1.1rem;
}

h2.lead{
    margin-bottom: 3rem;
    width:60%;
    margin:0 auto;
}


.shadow{
    box-shadow: 0 0 15px var(--theme-color-shadow);
}

.shadow-type-2{
    box-shadow: 0 5px 30px rgba(0,0,0,.2), 9px 11px 0px -5px #184d7c;    
}





.pure-table{
    width:100%;
}

.pure-table thead{
    background: #f5f5f5;
}

.pure-table td, .pure-table th{
    vertical-align: top;
}




#pure-menu-categories, .pure-menu-children.dropdown-menu{
    box-shadow: 0 13px 13px #0000002e;
}












/* buttons */
.buttons {
    margin: 1em 0;
}


.pure-button-xs {
    font-size: 0.55rem;
}
.pure-button-sm {
    font-size: 0.6rem;
}

.pure-button-md {
    font-size: 0.7rem;
}

.pure-button-lg {
    font-size: 0.8rem;

}


.pure-button-xl {
    font-size: 1rem;
}

.pure-button-xxl {
    font-size: 1.1rem;
}

.pure-button-xxxl {
    font-size: 1.2rem;
}

.pure-button-x4k {
    font-size: 1.4rem;
}










.pure-button-primary,
.pure-button-pure,
.pure-button-success,
.pure-button-error,
.pure-button-warning,
.pure-button-secondary,
.pure-button-primary a,
.pure-button-pure a,
.pure-button-success a,
.pure-button-error a,
.pure-button-warning a,
.pure-button-secondary a{
    color:var(--theme-color-4);
}

.pure-button-primary:hover,
.pure-button-success:hover,
.pure-button-error:hover,
.pure-button-warning:hover,
.pure-button-secondary:hover {
    box-shadow: 0 0 13px -5px rgba(0, 0, 0, 0.6) inset;
    color:var(--theme-color-4);
}

.pure-button-success {
    background: rgb(28, 184, 65);
    /* this is a green */
}

.pure-button-error {
    background: rgb(202, 60, 60);
    /* this is a maroon */
}

.pure-button-warning {
    background: rgb(223, 117, 20);
    /* this is an orange */
}

.pure-button-secondary {
    background: #000;
}

.pure-button-pure{
    background: var(--theme-color-4);
    border:1px solid #ddd;
    color:#000 !important;
}




.pure-button-type-1{
    background:var(--theme-color-1);
}
.pure-button-type-2{
    background:var(--theme-color-2);
}
.pure-button-type-3{
    background:var(--theme-color-3);
}

.pure-button-type-4{
    background:var(--theme-color-4);
    border:1px solid var(--theme-color-border);
}

.pure-button-type-1, .pure-button-type-2, .pure-button-type-3{
    color:var(--theme-color-4);
}



.pure-button-type-1:hover, .pure-button-type-2:hover, .pure-button-type-3:hover, .pure-button-type-4:hover{
    box-shadow:0px 0px 0px 2px var(--theme-color-4);
}





.lead-box{
    max-width: 70%;
    margin:0 auto;
}


.checkbox label{
    cursor: pointer;
}

.mfp-bg{
    background:var(--theme-color-4) !important;
    opacity: 1 !important;
}

.mfp-figure::after {
    box-shadow: none !important;
}





.border-radius{
    border-radius: 2rem;
}
.border-no{border-width: 0px}







.panel {
    background-color: var(--theme-color-4);
    border: 1px solid var(--theme-color-border);
    margin-bottom: 1rem;
}

.panel:hover {
  box-shadow: 0 0 15px var(--theme-color-shadow);
}


.panel-body {
    padding: 1rem;
    
    ul, ol{
        padding-left: 1rem;
        padding-right: 1rem;
    }    
    
    h4:first-of-type{
        margin-top:0;
    }
    
    h4{
       margin-bottom: 1rem; 
    }
    
}
.panel-heading {
    padding: 1rem;
}




.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 0.5em 1rem;
  border-top: 1px solid transparent;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}


.panel-group {
  margin-bottom: 1rem;
}
.panel-group .panel {
  margin-bottom: 0;
}
.panel-group .panel + .panel {
  margin-top: 1rem;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}



.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: var(--theme-color-4);
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: var(--theme-color-4);
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.panel-body::before,
.panel-body::after {
  display: table;
  content: " ";
}
.panel-body::after {
  clear: both;
}




.panel-heading{
    position: relative;
}

.panel .accordion-toggle:not(.collapsed){
    font-weight: bold;
}


.panel .accordion-toggle::before {
  content: "-";
  position: absolute;
  right: 1rem;
}
.panel .accordion-toggle.collapsed::before {
  content: "+";
}


.panel hr{
    max-width: 30%;
    margin-left:0;
}











.collapse {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height .35s ease;
	-moz-transition: height .35s ease;
	-o-transition: height .35s ease;
	transition: height .35s ease;
}
.collapse.in {
	height: auto;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}



.content-space-between{
    justify-content: space-between;
}

.align-items-center{
    align-items:center;
}

.align-items-flex-start{
    align-items:flex-start;
}







.flip{
    flex-direction:row-reverse;
}

.text-separator::before,.text-separator::after{
    content:'';
    height:1px;
    width:40%;
    background:#000;
    margin-right: 1rem;
    display:inline-block;
}
.text-separator::after{
    margin:0 0 0 1rem;
}



.has-error input, .has-error select{
    background:#ffe9e9;
    border:1px solid #e80001 !important;
}


.has-error-corrected input, .has-error-corrected select{
    background:#06ac09;
    border:1px solid #06ac09 !important;
}











/*Menu*/



#button-menu {
    line-height: 30px;
    font-size: 24px;
    float: left;
    padding: 10px 1rem;
    line-height: 25px;
    display: inline-block;
    cursor: pointer;
    color: #6D6D6D;
    border-right: 1px solid var(--theme-color-border);
}


#sitenav::-webkit-scrollbar {
    width: 10px;
    background-color: rgba(200, 200, 200, 0);
}

#sitenav::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(128, 139, 156, 0.2);
}



#sitenav, #content, #footer {
    transition: all 0.3s;
}

#sitenav + #content, #sitenav + #content + #footer {
    position: relative;
    left: 0px;
}

#sitenav.active {
    left: 0px;
}

#sitenav.active + #content, #sitenav.active + #content + #footer {
    left: 235px;
}


#sitenav a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.7rem;
}



/* Mobiles */
@media (max-width:48em) {
    
    #sitenav {
        width: 100%;
        top: 0;
        left: 3000px;
        bottom:0;
        z-index: 10;
        background:var(--theme-color-4);
        overflow-y: scroll;
        position: fixed;
    }
    
    
    #sitenav.collapse.in{
        left:10rem !important;
    }
    
    

    #sitenav{
        border:1px solid #ddd;
        box-shadow: 0 0 30px #0000001a;
    }
    
    ul#menu > li > a{
        font-size: 1.2em !important;
    }
    
    ul#menu li li a{
        font-size: 1rem;
    }
    
    ul#menu .parent.collapsed{
        font-weight: normal;
    }
    
    ul#menu .parent {
        font-weight: 800;
    }
    
    ul#menu li a.parent::after{
        left:1rem;
        right:initial;
    }    
    
    
    
    #sitenav {
        width: 100%;
        position: fixed;
        top:0;
        left:3000;
        bottom: 0;
        padding-top:0px;
        overflow-y:scroll;
        background:var(--theme-color-2) !important;
        box-shadow: 0 0 30px #0000001a;
        justify-content: space-between;
        padding: 1rem;
        display:block;
        
        a{
            color:var(--theme-color-4);
            font-size: 1.3rem;
        }
    }
    
    
    #sitenav ul.list-inline, #sitenav ul.list-inline > li{
        display: block;
        font-size: 1.2rem;
        margin-top: 1rem;
    }
    
    

    #sitenav + #content, #sitenav + #content + #footer {
        left: 0px;
/*        width: 70%;*/
        margin-bottom:2rem;        
        padding: 1rem;
        
    }

    #sitenav.active + #content, #sitenav.active + #content + #footer {
        left: 0px;
        margin-left: 235px;
    }

    
    
}


/* Desktop */
@media (min-width:80em){
    
    
    #button-menu {
        display: none;
    }    
    
    #sitenav {
        display:flex;
        overflow:visible;
        justify-content: space-between;
        align-items: center;
    }    
    
    #sitenav ul#menu{
        z-index:9;
    }    
    ul#menu > li > a{
        border-left: 1px solid #ddd;
        margin:0.75em 0;
    }
    
    ul#menu > li:first-of-type > a{
        border-left: 1px solid var(--theme-color-4);
        margin:0.75em 0;
    }    
    
    ul#menu li ul li a{
        padding:0.5em 1.45em !important;
    }
    
    
}



.navbar-static-top{}







/* Navigation */
#navigation {
    text-transform: uppercase;
    padding: 1rem;
    color: #184d7c;
    background: var(--theme-color-4);
    display: flex;
    box-shadow: 0 0 15px var(--theme-color-shadow), 0 5px 0px #184d7c inset;
    margin-bottom: 3rem;    
    justify-content: space-between;    
}

/* Desktop */
@media (min-width: 80em) {
    #navigation {
        display:none;
    }
}




/* Menu */
ul#menu, ul#menu ul, ul#menu li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#menu .panel{
    border:0px;
}



ul#menu > li{
    background: transparent;
}


/* Desktop */

ul#menu {
    margin-bottom: 0;
}

ul#menu li a {
    text-decoration: none;
    display: flex;
    cursor: pointer;
    font-size:13px;
    position:relative;
    gap:1rem;
}
/* Desktop */



ul#menu li a.collapsed::after, ul#menu li a.parent::after {
    width: 4px;
    height: 4px;
    position: absolute;
}

@media (max-width: 80em) {
    
    ul#menu li a {
        padding: 0.5em 0 0.5em 2.25rem;
    }      
    
    
    ul#menu li a.parent::after {    
        left:1rem;
    }     
    
    ul#menu li a.parent::after {
        content: '-';
    }
    
    ul#menu li a.collapsed::after {
        margin-top: 0;
        content: '+';
    }    
    
}

@media (min-width: 80em) {
    
    
    ul#menu li a {
        padding: 0.5em 1.75em 0.5em 1.75rem;
    }    
    
    
    ul#menu li a.parent::after {    
        right:1rem;
    }  
    
    ul#menu li a.collapsed::after, ul#menu li a.parent::after {
        content: '';
        border: 2px solid var(--theme-color-2);
        border-top: none;
        border-left: none;
        transform: rotate(225deg);
        top:0.75rem;        
    }

    ul#menu li a.collapsed::after {
        transform: rotate(45deg);
        content:'';
    }   
    
    
}




ul#menu li a.parent[aria-expanded="true"], ul#menu > li > a:hover{
    box-shadow:3px 0 0px #184d7c inset;
}

ul#menu li:first-of-type a.parent[aria-expanded="true"], ul#menu > li:first-of-type > a:hover{
    box-shadow:inherit;
}







/* 1st lvl */
ul#menu > li {
/*    border-bottom: 1px solid #18cc53;*/
}

ul#menu > li > a {
    font-size: 10rem;
}



ul#menu > li > a > i {
    font-size: 1rem;
    width: 18px;
    margin-right: 5px;
}

ul#menu > li.active > a {
    color: var(--theme-color-4) !important;
    background-color: #18cc53;
}

ul#menu > li > ul {
}

/* Desktop */
@media (min-width: 80em) {
    ul#menu > li > ul {
        position: absolute;
        background-color: var(--theme-color-4);
        box-shadow: 0 11px 10px #bdbdbd;       
        z-index: 9;
    }
}


/* 2nd lvl */
ul#menu li li a {
}

ul#menu li li a::before {
    margin-top: 0.35rem;
    transform: rotate(315deg);
    transition: margin ease 0.5s;
}



ul#menu li li a:hover {
font-weight:bolder;
}

ul#menu li li.active > a {
    color: var(--theme-color-4) !important;
    background-color: #18cc53;
}

ul#menu li ul a {
    padding-left: 3rem;
}

ul#menu li li ul a {
    padding-left: 3em !important;
    background: #f7f7f7;
}

ul#menu li li li ul a {
    padding-left: 60px;
}

ul#menu li li li li ul a {
    padding-left: 80px;
}


/* Desktop */
@media (min-width: 80em) {
    ul#menu{
        display:flex;
    }
    
   
}




@media (max-width:64em){
    .wrapper_scroll{
       width:100%;
       overflow: scroll;
       flex-wrap: nowrap;
    }
    
    .wrapper_scroll > div, .wrapper_scroll > li{
        flex-shrink: 0;
    }
    
    
}









.width-full{
    width: 100%;
}





button.pure-button span.button-icon {
  margin: 0;
  padding: 0 0.75rem;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}


@media (max-width: 35.5em) {
  button.pure-button:not(#search > span > button) {
    justify-content: flex-end;
  }
}




.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}


@media (max-width:64em){
    .wrapper_scroll{
       width:100%;
       overflow: scroll;
       flex-wrap: nowrap;
    }
    
    .wrapper_scroll > div, .wrapper_scroll > li{
        flex-shrink: 0;
    }    
    
}


.dropdown-menu{
    display:none;    
}


.open > .dropdown-menu {
    display: block;
    background: var(--theme-color-4);
    box-shadow: 0 0 10px #cecece;
    padding: 1rem;
    position: absolute;
    top: 4rem;
    list-style: none;
    z-index: 9;
}





.lang-active{
    font-weight: 600;
}



footer .moduletable{
    margin: 0;
}

footer h3, footer h4{
    margin-top: 0;
}


form#colete-form{
    .item{
        margin-bottom: 2rem;
        padding: 1rem;
        border: 1px solid var(--theme-color-border);
    }
    .item_wrapper{
        display: flex;
        gap:0.75rem;
    }    
    fieldset{
        position: relative;
    }
    fieldset > button{
        float:right;
        margin-top:1rem;
    }
    
    legend{
        border: 0px;
        width:inherit;
        padding: 0 1rem;
        font-size: 1.2rem;
        text-transform: uppercase;
        font-weight: 600;
        background: var(--theme-color-4);
    }
    
    .controls{
        display: flex;
        justify-content: space-between;
        align-items: center;        
    }
    
    #result{
        font-weight: 600;
        font-size: 1.4rem;
    }
    

    
}

#items-container fieldset:nth-child(even) {
    background-color: var(--theme-color-6);
}   

@media (min-width:48em){
    form#colete-form{
        .control-group{
            flex-basis: 20%;
        }        
    }
}


@media (max-width:48em){
    form#colete-form{
        .item_wrapper{
            flex-wrap: wrap;
        }    
        
        .control-group {
            width: 45%;
        }        
    }    
}



.item{
    
    
    h2{
        font-size: 2rem;
        font-weight: 800;
    }
    
    h3{
        font-size: 1.2rem;
    }    
    
    h2 > a:hover, h3 > a:hover{
        color:var(--theme-color-1);
    }
    
    > .border:hover{
        box-shadow: 0 0 15px var(--theme-color-shadow);
    }
}


.item-page{
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.4;
    
    div[itemprop="articleBody"]{
        
        > section{
            margin-top: 3rem;
        }

        > section:first-of-type{
            margin-top:0;
        }        
        
    }
    
    section > h2{
        font-size: 2rem;
        border-left: 0.48rem solid var(--theme-color-1);
        margin: 1rem 0;
        font-weight: 100;
        font-style: italic;
        padding-left: 1rem;        
    }
    
}

@media (max-width: 48em) {
    .item-page{
        section > h2{
            font-size: 1.3rem;
        }

    }
}







.footer_contact li{
    display:flex;
    gap:1rem;
    align-items: center;
    line-height: 1rem;
    margin-bottom: 0.25rem;
}


.img_caption .left {
        float: left;
        margin-right: 1rem;
}
.img_caption .right {
        float: right;
        margin-left: 1rem;
}
.img_caption .left p {
        clear: left;
        text-align: center;
}
.img_caption .right p {
        clear: right;
        text-align: center;
}
.img_caption {
        text-align: center !important;
}
.img_caption.none {
        margin-left: auto;
        margin-right: auto;
}
figure {
        display: table;
}
figure.pull-center,
img.pull-center {
        margin-left: auto;
        margin-right: auto;
}
figcaption {
        display: table-caption;
}







logo{
    padding:0.5em 1rem;
    background:#000;
    display:table;
}




hr.type-2{
    width: 1px;
    height: 4rem;
    background:#ddd;
    border:0px;
}




.alert{
    padding: 2rem;
    margin:0;
    position: relative;
}

body input, body textarea, body select{
    width:100%;
    border-radius: 0.75rem;
    height: 3rem;
}


.lang-block.dropdown-menu{
    right:0;
    width: 14rem;
}



@media (max-width: 48em) {

    .mod-languages{
        position: absolute;
        top: 1rem;
        left: 11rem;
    }

    .open > .dropdown-menu{
        right: 0;
    }



    .open > .lang-block.dropdown-menu{
        width: 100vw;
        left: 0;
        right: 0;
        display: table;
        background: var(--theme-color-2);
        color: var(--theme-color-4);

        a{
            color: var(--theme-color-4);
        }

    }            




    .alert{
        margin-right: 2rem;
    }    
}
        
        

main{
    margin-top:2rem;
    margin-bottom: 2rem;
    position: relative;
    background: var(--theme-color-4);
}

#system-message-container{
    position:fixed;
    z-index: 1;    
}

        

@media (min-width: 48em) {
    body .item-page {
      font-size: 1.1rem;
    }

    main{
        margin-top:2rem;
        box-shadow: 0.25rem 2rem 1.5rem var(--theme-color-shadow);
        display:table;
    }

    header{
        padding: 0 0 1.4rem;
        
        > .menu_top_callout{
            margin-bottom: 1rem;
            padding: 0.5rem 0;
            display: flex;
            position: relative;
            border-bottom: 0.05rem solid var(--theme-color-border);            
        }
    }
    

}



section.hero{
   
    line-height: 1.4;
    
    h1{
        font-weight: 800;            
    }
    h2{
         font-weight: 300;         
    }    
    
}


@media (max-width: 48em) {
    section.hero{
        text-align:center;   
        
        h1{
            font-size: 2.2rem;
        }
        h2{
            font-size: 1.1rem;
        }        
        
    }
}


@media (min-width: 48em) and (max-width: 64em) {
    section.hero{
        text-align:right;   
        
        h1{
            font-size: 2rem;
        }
        h2{
            font-size: 1.3rem;
        }        
        
    }
}





@media (min-width: 64em) {
    section.hero{
        text-align:right; 
        
        h1{
            font-size: 3rem;
            line-height: 2.2rem;
        }
        h2{
            font-size: 1.6rem;
        }          
        
    }
}




section.pricing{
   
    line-height: 1;
    
    h4{
        font-weight: 300; 
        margin:0;
    }
    .price{
         font-weight: 800;         
    }   
    .details{
        font-size: 1.1rem;
        font-weight: 300;
        line-height: 1.2rem;
    }
    
    .icon-wrapper{
        display: table;
        margin: 0 auto;
        margin-bottom: 0px;
        padding: 1rem;
        border: 0.12rem solid var(--theme-color-4);
        border-radius: 10rem;
        margin-bottom: 1rem;
    }
    
    
}


@media (max-width: 48em) {
    section.pricing{
        text-align:center;   
        
        h4{
            font-size: 1.3rem;
        }
        .price{
            font-size: 2.3rem;
        }  
    .details{
        font-size: 1.1rem;
        line-height: 1.4;
    }        
        
        
    }
}
@media (min-width: 48em) {
    section.pricing{
        text-align:right; 
        
        h4{
            font-size: 1.3rem;
        }
        .price{
            font-size: 1.8rem;
            line-height: 3.6rem;
        }          
        
    }
}


@media (max-width: 64em)
{
    .l-box2, .l-box3{
            padding: 1rem;
    }
}



.modal_close{
    position: absolute; 
    top: 1rem; 
    right: 1rem; 
    cursor: pointer; 
    font-size: 1.4rem;
    color: var(--theme-color-2);
}

#modal_backdrop{
    display: none; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: rgba(255, 255, 255, 0.72); 
    justify-content: center; 
    align-items: center;
    z-index:1001;
  
    #result{
        margin-top: 10px; 
        font-weight: bold;
    }
  
    #modal_close{
        position: absolute; 
        top: 1rem; 
        right: 1rem; 
        cursor: pointer; 
        font-size: 1.2rem;
    }
      
    .modal_content{
        background: var(--theme-color-4);
        padding: 2rem;
        max-width: 400px;
        width: 90%;
        position: relative;
        color: var(--theme-color-1);
        text-align: left;
        box-shadow: 0 0 1rem 0px var(--theme-color-shadow);
    }
    
    
  
    input{
        width: 100%;
        border-radius: 0;
        border: 0px;
        padding: 0.75rem;
        margin-bottom: 1rem;
        border:1px solid var(--theme-color-shadow);
    }
    
    label{
        font-weight: normal;
        font-size: 1rem;
        margin: 1rem 0;
        display: block;
    }
    
    h6{
        font-size: 2rem;
        font-weight: 300;
        margin:2rem 0;
    }
    
    
  
}



.wrapper-color-1{background: var(--theme-color-1);}
.wrapper-color-2{background: var(--theme-color-2);}
.wrapper-color-3{background: var(--theme-color-3);}
.wrapper-color-4{background: var(--theme-color-4);}


.text-color-1{color:var(--theme-color-1);}
.text-color-2{color:var(--theme-color-2);}
.text-color-3{color:var(--theme-color-3);}
.text-color-4{color:var(--theme-color-4);}


.pure-button{
    transition: 0.15s ease;
    cursor: pointer;
}

.pure-button.wrapper-color-1:focus,.pure-button.wrapper-color-1:hover,
.pure-button.wrapper-color-2:focus,.pure-button.wrapper-color-2:hover,
.pure-button.wrapper-color-3:focus,.pure-button.wrapper-color-3:hover
{
    box-shadow:0 0 0 0.15rem var(--theme-color-4);
}
.pure-button.wrapper-color-4:focus,.pure-button.wrapper-color-4:hover{
    box-shadow:0 0 0 0.15rem var(--theme-color-4);
}

.mod-languages{
    display: flex;
    align-content: center;
    padding: 0.5rem;
    margin-left: 0.5rem;
    border-left: 0.14rem solid var(--theme-color-border);
    
    > .open{
        position: relative;
    }
    
}

.pure-button{
    position: relative;
    border-radius: 0.75rem
}

.pure-button:hover::after, .modal_content::after{
    content: '';
    width: 100%;
    height: 100%;
    background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(255,94,247,1) 17.8%, rgba(2,245,255,1) 100.2% );
    filter: blur(15px);
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
}