:root{
    --theme-color-gray:#171D1C; /* black grey */
    --theme-color-border:#DCDCDC;
    --theme-input-height:2.8rem;
    --theme-color-shadow:#03030314;
    --theme-color-white-gray:#F5F5F5;
    
    --theme-color-blue:#00A3E0; /* blue electric */
    --theme-color-red:#B80C09;
    --theme-color-white:#ffffff; /* white */
    --theme-color-yellow:#F6B75D; /* yellow */
    --theme-color-black:#0C0F0A; /* black */
    --theme-color-white-smoke:#fafafa; /* whyte smoke */
    --theme-menu-font-size:1rem;
    


}


*, *::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-white)
}
.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-gray);
    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-white)
}
.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;
}
.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 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 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: 48em) {
    #mobile_menu{
        padding: 1rem;
    }
    .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;
    }
}























.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-gray);
}

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












#pure-menu-toggler {
    margin: 0 0.5rem;
    border: 0;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--theme-color-black);
    color: var(--theme-color-white);
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;    
}


@media (max-width:80em){
    #pure-menu-toggler {
        position: fixed;
        top:1rem;
        right:1rem;
        z-index:999;
    }
    
}


/* labels */
.label {
    display: inline;
    padding: .2em .6em .3rem;
    font-size: 75%;
    line-height: 1;
    color: var(--theme-color-white);
    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-white);
    text-decoration: none;
    cursor: pointer;
}
.label:empty {
    display: none;
}
.btn .label {
    position: relative;
    top: -1px;
}
.label-default {
    background-color: inherit;
    color:var(--theme-color-gray);
}
.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-white);
    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-white);
    -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-white);
    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-white);
    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-white);
}
.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-white);
}




/* 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-white);
    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-white) !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-gray);
}
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-white);
}
.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;
}


.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 1rem;
}






.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-white);
    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, .categories-list {
    margin: 2rem 0;

    h2{
        font-size: 1.2rem;
        margin-top: 0.25rem;
    }


}
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, .breadcrumb{
    display: flex;
    gap: 0 0.45rem;
    align-items: center;
}




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

.breadcrumb{
    list-style: none;
    justify-content: center;
}



body {
    font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight: 300;
    color: var(--theme-color-gray);
    font-size: 1.1rem;
    line-height: 1.4rem;
    width: 100%;
    background: var(--theme-color-white-smoke);
}
h1, h2, h3, h4, h5, h6, .text-h1, .text-h2, .text-h3, .text-h4, .text-h5, .text-h6, .text-h {
    font-weight: 600;
    line-height: 1;
    margin:3rem 0;
    display: block;
}
/* default font size */
h1, .text-h1 {
    font-size: 3rem;
}
h2, .text-h2 {
    font-size: 2.3rem;
}

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

h4, .text-h4 {
    font-size: 1.2rem;

}
h5, .text-h5 {
    font-size: 1.2rem;
}
h6, .text-h6 {
    font-size: 0.8rem;
}


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

.text-12{
    font-size: 1.2rem;
    line-height: 1.2rem;
}

.text-14{
    font-size: 1.4rem;
    line-height: 1.6rem;
}
.text-16{
    font-size: 1.6rem;
    line-height: 1.8rem;
}

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

.text-33{
    font-size: 3rem;
    line-height: 3rem;
}

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

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

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

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







.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: 2.3rem;
        line-height: 2.3rem;
    }

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

    .text-33{
        font-size: 1.1rem;
        line-height: 1.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;
}















/* 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-white);
}
.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 var(--theme-color-white);
}
/* carousel */
.carousel-caption {
    color: var(--theme-color-white);
    text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev::before {
    content: '\f053';

}
.carousel-control .icon-next::before {
    content: '\f054';

}
.w-box {
    height:100%;
    padding:2rem;
    position: relative;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;

    > *{
        position: relative;
        margin:1rem 0;
    }
    
    ul{
        margin: 0 1.5rem;
    }

    h4{
        font-weight: 600;
    }
    
    a, a > img{
        display:flex;
        justify-content: center;
    }

}

.w-box::before{
    content: "";
    position: absolute;
    inset: 1rem;
    z-index: 0;
    transition: all 350ms ease;
}


.featbox{
    padding: 4rem;
}

@media (max-width: 48em){
    .w-box, .featbox {
        padding:1rem;
    }
    
    .w-box::before{
        inset: 0.5rem;
    }   
    
}




.list-hr{
    > li{
        border-bottom: 0.07rem solid var(--theme-color-border);
    }
    > li:last-of-type{
        border-bottom-width: 0;
    }
    h3,h4,h5,h6{
        margin: 1rem 0;
    }
}





.border{
    border: 1px solid var(--theme-color-border);
}

.border_l{
    border-left: 1px solid var(--theme-color-border);
}

.border_r{
    border-right: 1px solid var(--theme-color-border);
}

.border-v{
    border-left: 0;
    border-right: 0;
}





.container, .conteiner_wide {
    width:100%;
}

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

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

}

.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 3rem 0 var(--theme-color-shadow);}
.shadow-top{box-shadow: 0 -2rem 2rem 0 var(--theme-color-shadow);}
.shadow-bottom{box-shadow: 0 2rem 2rem 0 var(--theme-color-shadow);}

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













/* 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;
}









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







.panel {
    background-color: var(--theme-color-white);
    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: 1rem;
    color: inherit;
}

body h3.panel-title, body h4.panel-title{
    font-size: 1.2rem;
    margin:0;
}

.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 var(--theme-color-border);
}
.panel-default {
    border-color: var(--theme-color-border);
}
.panel-default > .panel-heading {
    color: #333333;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--theme-color-border);
}
.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: var(--theme-color-border);
}


.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;
}











/*NAV*/

.nav{
    list-style: none;
}

#sitenav{
    display:flex;
    
    .parent{
        position: relative;
    }
    /*    menu wrapper*/
    .nav.menu.mod-list{
        display: flex;
        list-style: none;

        
        /*lv1 type parent*/
        > li.parent::after {
            content: "";
            border: 0.1rem solid var(--theme-color-white);
            border-top: none;
            border-left: none;
            transform: rotate(45deg);
            top: 1rem;
            right:0;
            position: absolute;
            width: 0.4rem;
            height: 0.4rem;
        }
        
        /*lv1 type parent*/
        > li.parent.open::after {
            transform: rotate(225deg);
            top: 1.1rem;
        }
        
        /*lv1 type parent*/
        > li.parent.open > .nav-child {
            max-height: 20rem;        
            opacity: 1;
            z-index: 1;
        } 
        
        > li > a:hover, .open a {
            transition: 0.25s ease;
            box-shadow: 0px 0.17rem 0 0 var(--theme-color-white);
        }        
        
        a {
            text-transform: lowercase;
        }


    
        /*ul wrapper for menu lv2*/
        > li > ul.nav-child {
            display: flex;
            flex-direction: column;
            overflow: hidden;
            max-height: 0;
            opacity: 0;
            list-style: none;
            transition: max-height 250ms ease, opacity 200ms ease;
        }   
    
  

    }
}




/* Mobiles */
@media (max-width:80em) {

    #sitenav.collapse.in{
        transform: translateX(0);
    }

    #sitenav {
        width: 16rem;
        position: fixed;
        z-index:9;
        top: 0;
        right: 0;
        bottom: 0;
        padding-top: 0px;
        overflow-y: scroll;
        background: var(--theme-color-blue) !important;
        justify-content: space-evenly;
        align-items: end;
        padding: 1rem;
        flex-direction: column;
        height:100vh!important;
        transform: translateX(180rem);
        transition: transform 0.5s ease;
  
        a{
            color:var(--theme-color-white);
            font-size: 1.3rem;
        }
        
        ul.nav, ul.nav > li{
            display: flex;
            gap: 1.2rem;
            font-size: 1.2rem;
            flex-direction: column;
            align-items: flex-end;
        }
        
        > li > a:hover, .open a {
            transition: 0.25s ease;
            box-shadow:none !important;
        }       
        
        
        
        /*lv1 type parent*/
        > li.parent::after {
            top: 0.5rem !important;
        }        
        
        
        
    }
    
        .nav-child {
            box-shadow: -0.1rem 0px 0 0px var(--theme-color-white) inset;
            align-items: flex-end;


            > li > a{
                font-size:0.9rem !important;
            } 

            > li{
                margin:0.25rem 1rem 0.25rem;
            }
        }    
        
      
        
        
    
    


}


    #sitenav {
            
        a{
            padding-left: 0.75rem;
            padding-right:0.75rem;
        }
    }


/* Desktop */
@media (min-width:80em){
    #sitenav {
        overflow:visible;
        justify-content: space-between;
        align-items: center;
        font-size: var(--theme-menu-font-size);
            
        a{
            font-size: var(--theme-menu-font-size);
        }
        
        .nav.menu.mod-list{
            gap: 1.2rem;
            
            > li.parent > ul.nav-child > li {
                margin: 0.5rem 0.75rem;
            }  
            
            > li > ul.nav-child {
                position: absolute;
                background:var(--theme-color-white);
                top:2.15rem;
                left: 0;
                width:10rem;
                box-shadow: 0 0 15px var(--theme-color-shadow);
                z-index: -1;
            }     
            
            > li > ul.nav-child a{
                color: var(--theme-color-black);
            }
            
       
            li{
                display: flex;
                align-items: center;
            }
        
/*            set height only for lv1*/
            > li{
                height: 2.4rem;
            }        
         }
        
    }
}


/*END NAV*/









/*TABS*/

.nav-tabs {
    display: flex;
    list-style: none;
    gap:1em;
    justify-content: center;
    
    >li{
        padding:0.25rem 0;
    }
    
    > li.active a{
        font-weight:700;
    }    
    
}

@media (min-width:60em){
    .nav-tabs {
        justify-content:left;

        > li{
            padding: 1rem;
        }
        > li:before{
            content: "/";
            margin-right: 2rem;
        }

        > li:first-of-type::before{
            content: "";
        }
    }
}






@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%;
}






.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}
@media (min-width: 48em) {
    .tab-content {
        margin-left: 2rem;
        border-left: 1px solid var(--theme-color-border);
        padding-left: 2rem;
    }
}

@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-white);
    box-shadow: 0 0 10px #cecece;
    padding: 1rem;
    position: absolute;
    top: 4rem;
    list-style: none;
    z-index: 9;
}





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

footer {
    position: relative;
    border-top: 1px solid var(--theme-color-border);

    .moduletable{
        margin: 0;
    }

    h3, h4{
        position:relative;
        margin: 0 0 1rem;
    }
}

.strong-400{font-weight: 400;}
.strong-600{font-weight: 600;}
.strong-800{font-weight: 800;}


form#colete-form{
    .item{
        margin-bottom: 0;
    }
    .item_wrapper{
        display: flex;
        gap:0.75rem;
        flex-wrap: wrap;
    }
    fieldset{
        position: relative;
        margin:0;
        padding:3rem 0 1rem;
    }
    fieldset > button{
        position: absolute;
        top: 1rem;
        right: 1rem;
    }
    
    fieldset:first-of-type{
        border-top: 0;
    }

    legend{
        border: 0px;
        width: inherit;
        padding: 0;
        font-size: 1rem;
        text-transform: uppercase;
        font-weight: 600;
        position: absolute;
        top: 1rem;
        margin: 0 auto;
        left: 0;
        display: flex;
        align-items: baseline;
        justify-content: center;
        gap: 1rem;
        
    }

    legend::before{
        content:"";
        border: 0.07px solid var(--theme-color-blue);
        width: 10rem;
        height: 1px;
        display: flex;        
    }

    #controls{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }        
        
        

    #controls > div{
        display: flex;
        gap:1rem;
    }

    #result{
        font-weight: 600;
        font-size: 1.4rem;
    }

    label{
        text-transform: uppercase;
    }

}

@media (max-width:48em){
    form#colete-form{
        #controls{
            flex-direction: column;
        }
    }
}


#items-container fieldset {
    border-top: 1px solid var(--theme-color-border);
}

@media (min-width:48em){
    form#colete-form{
        .control-group{
            width: calc(25% - 1rem);
            padding: 0.5rem;
        }
    }
}


@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-blue);
    }

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

h2.emph::after, h3.emph::after{
    content: "";
    width: 6rem;
    display: block;
    border-bottom: 0.1rem solid var(--theme-color-blue);
    margin-top: 0.5rem;
}




.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;
        }

    }

    h2, h3,h4{
        margin: 1rem 0;
        font-weight: 100;
        font-style: italic;
    }





}

@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%;
}
body input, body select{
    height: 3rem;
}

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



@media (max-width: 48em) {

    .mod-languages{
        border:0 !important;
    }

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



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

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

    }

}

@media (max-width: 48em) {

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

main{
    margin-top:2rem;
    margin-bottom: 2rem;
    position: relative;
}

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

header{
    background: var(--theme-color-black);
    color: var(--theme-color-white);
    a{
        color:var(--theme-color-white);
    }
    
    li.parent > ul a{
        color:var(--theme-color-blue);
    }
    
    
}

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

    main{
        margin-top:2rem;
    }
    


    header{
        padding: 2rem;

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


}


    main > section:first-of-type{
        margin-top: -2rem;
    }


@media (min-width: 48em) {
    #hp_brand {
        position: absolute;
        top: -2rem;
        right: 0;
        width: 400px;
    }
}

section{
    margin: 2rem 0;
    content: '';
    width: 100%;

}

section.hero{

    line-height: 1.4;
    
    h1, h2{
        margin: 2rem 0;
    }

    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{

        h1{
            font-size: 2rem;
        }
        h2{
            font-size: 1.3rem;
        }

    }
}





@media (min-width: 64em) {
    section.hero{
        text-align:left;

       

    }
}




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-white);
        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-gray);
}

#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-white);
        padding: 2rem;
        max-width: 400px;
        width: 90%;
        position: relative;
        color: var(--theme-color-blue);
        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;
    }



}



.text-color-red, .text-color-red a{color:var(--theme-color-red);}
.text-color-blue, .text-color-blue a{color: var(--theme-color-blue);}
.text-color-white, .text-color-white a{color: var(--theme-color-white);}
.text-color-yellow, .text-color-yellow a{color: var(--theme-color-yellow);}
.text-color-black, .text-color-black a{color: var(--theme-color-black);}
.text-color-gray, .text-color-gray a{color: var(--theme-color-gray);}



.bg-color-red, .bg-color-red-inner:before{background: var(--theme-color-red);}
.bg-color-white-gray, .bg-color-white-gray-inner:before{background: var(--theme-color-white-gray);}
.bg-color-white-smoke, .bg-color-white-smoke-inner:before{background: var(--theme-color-white-smoke);}
.bg-color-blue, .bg-color-blue-inner:before{background: var(--theme-color-blue);}
.bg-color-white, .bg-color-white-inner:before{background: var(--theme-color-white);}
.bg-color-yellow, .bg-color-yellow-inner:before{background: var(--theme-color-yellow);}
.bg-color-black, .bg-color-black-inner:before{background: var(--theme-color-black);}
.bg-color-gray, .bg-color-gray-inner:before{background: var(--theme-color-gray);}


.border-color-red, .border-color-red-inner:before{border: 0.17rem solid var(--theme-color-red);}
.border-color-white-gray, .border-color-white-gray-inner:before{border: 0.1rem solid var(--theme-color-white-gray);}
.border-color-white-smoke, .border-color-white-smoke-inner:before{border: 0.1rem solid var(--theme-color-white-smoke);}
.border-color-blue, .border-color-blue-inner:before{border: 0.17rem solid var(--theme-color-blue);}
.border-color-white, .border-color-white-inner:before{border: 0.17rem solid var(--theme-color-white);}
.border-color-yellow, .border-color-yellow-inner:before{border: 0.17rem solid var(--theme-color-yellow);}
.border-color-black, .border-color-black-inner:before{border: 0.17rem solid var(--theme-color-black);}





.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-white);
}
.pure-button.wrapper-color-4:focus,.pure-button.wrapper-color-4:hover{
    box-shadow:0 0 0 0.15rem var(--theme-color-white);
}

.mod-languages{
    display: flex;
    align-content: center;
    padding: 0.25rem;
    margin-right: 0.25rem;
    border-right: 0.07rem solid var(--theme-color-gray);

    > .open{
        position: relative;
    }

}


.content-separator {
  position: relative;
  display: flex;
  justify-content: center;
  
  
  > *{
      z-index:1;
  }
  
}

.content-separator::before {
    content: "";
    position: absolute;
    border-bottom: 1px solid var(--theme-color-border);
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}




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



.fbx{
    display:flex;
}

.fbx_fd_r{
    flex-direction: row;
}

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

.fbx_fd_c{
    flex-direction: column;
}

.fbx_fd_cr{
    flex-direction: column-reverse;
}
.fbx_g025{
    gap:0.25rem;
}
.fbx_g050{
    gap:0.5rem;
}

.fbx_g1{
    gap:1rem;
}
.fbx_g15{
    gap:1.5rem;
}
.fbx_g2{
    gap:2rem;
}

.fbx_ai_fe{
    align-items: flex-end;
}
.fbx_ai_c{
    align-items: center;
}
.fbx_ai_b{
    align-items: baseline;
}
.fbx_jc_sb{justify-content: space-between;}
.fbx_jc_sa{justify-content: space-around;}
.fbx_jc_se{justify-content: space-evenly;}
.fbx_jc_c{justify-content: center;}

.fbx_fs0{flex-shrink: 0;}

.fbx_fs1{flex-shrink: 1;}


@media (max-width:64em){
    .fbx_reverse_cr64{
        flex-direction:column-reverse;
    }
}




#brand{
    position: absolute;
    align-self: center;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}


@media (max-width:48em){
    #brand{
        top:2rem;
    }

}

big{
    display: block;
}
.contact-form{
    border-left: 1px solid var(--theme-color-shadow);
}