:root,[data-bs-theme="light"]{
    --pix-blue: #0d6efd;
    --pix-indigo: #6610f2;
    --pix-purple: #6f42c1;
    --pix-pink: #d63384;
    --pix-red: #dc3545;
    --pix-orange: #fd7e14;
    --pix-yellow: #ffc107;
    --pix-green: #198754;
    --pix-teal: #20c997;
    --pix-cyan: #0dcaf0;
    --pix-black: #000;
    --pix-white: #fff;
    --pix-gray: #6c757d;
    --pix-gray-dark: #343a40;
    --pix-gray-100: #f8f9fa;
    --pix-gray-200: #e9ecef;
    --pix-gray-300: #dee2e6;
    --pix-gray-400: #ced4da;
    --pix-gray-500: #adb5bd;
    --pix-gray-600: #6c757d;
    --pix-gray-700: #495057;
    --pix-gray-800: #343a40;
    --pix-gray-900: #212529;
    --pix-primary: #0d6efd;
    --pix-secondary: #6c757d;
    --pix-success: #198754;
    --pix-info: #0dcaf0;
    --pix-warning: #ffc107;
    --pix-danger: #dc3545;
    --pix-light: #f8f9fa;
    --pix-dark: #212529;
    --pix-primary-rgb: 13,110,253;
    --pix-secondary-rgb: 108,117,125;
    --pix-success-rgb: 25,135,84;
    --pix-info-rgb: 13,202,240;
    --pix-warning-rgb: 255,193,7;
    --pix-danger-rgb: 220,53,69;
    --pix-light-rgb: 248,249,250;
    --pix-dark-rgb: 33,37,41;
    --pix-primary-text-emphasis: #052c65;
    --pix-secondary-text-emphasis: #2b2f32;
    --pix-success-text-emphasis: #0a3622;
    --pix-info-text-emphasis: #055160;
    --pix-warning-text-emphasis: #664d03;
    --pix-danger-text-emphasis: #58151c;
    --pix-light-text-emphasis: #495057;
    --pix-dark-text-emphasis: #495057;
    --pix-primary-bg-subtle: #cfe2ff;
    --pix-secondary-bg-subtle: #e2e3e5;
    --pix-success-bg-subtle: #d1e7dd;
    --pix-info-bg-subtle: #cff4fc;
    --pix-warning-bg-subtle: #fff3cd;
    --pix-danger-bg-subtle: #f8d7da;
    --pix-light-bg-subtle: #fcfcfd;
    --pix-dark-bg-subtle: #ced4da;
    --pix-primary-border-subtle: #9ec5fe;
    --pix-secondary-border-subtle: #c4c8cb;
    --pix-success-border-subtle: #a3cfbb;
    --pix-info-border-subtle: #9eeaf9;
    --pix-warning-border-subtle: #ffe69c;
    --pix-danger-border-subtle: #f1aeb5;
    --pix-light-border-subtle: #e9ecef;
    --pix-dark-border-subtle: #adb5bd;
    --pix-white-rgb: 255,255,255;
    --pix-black-rgb: 0,0,0;
    --pix-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --pix-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --pix-gradient: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0));
    --pix-body-font-family: var(--pix-font-sans-serif);
    --pix-body-font-size:1rem;
    --pix-body-font-weight: 400;
    --pix-body-line-height: 1.5;
    --pix-body-color: #212529;
    --pix-body-color-rgb: 33,37,41;
    --pix-body-bg: #fff;
    --pix-body-bg-rgb: 255,255,255;
    --pix-emphasis-color: #000;
    --pix-emphasis-color-rgb: 0,0,0;
    --pix-secondary-color: rgba(33,37,41,0.75);
    --pix-secondary-color-rgb: 33,37,41;
    --pix-secondary-bg: #e9ecef;
    --pix-secondary-bg-rgb: 233,236,239;
    --pix-tertiary-color: rgba(33,37,41,0.5);
    --pix-tertiary-color-rgb: 33,37,41;
    --pix-tertiary-bg: #f8f9fa;
    --pix-tertiary-bg-rgb: 248,249,250;
    --pix-heading-color: inherit;
    --pix-link-color: #0d6efd;
    --pix-link-color-rgb: 13,110,253;
    --pix-link-decoration: underline;
    --pix-link-hover-color: #0a58ca;
    --pix-link-hover-color-rgb: 10,88,202;
    --pix-code-color: #d63384;
    --pix-highlight-color: #212529;
    --pix-highlight-bg: #fff3cd;
    --pix-border-width: 1px;
    --pix-border-style: solid;
    --pix-border-color: #dee2e6;
    --pix-border-color-translucent: rgba(0,0,0,0.175);
    --pix-border-radius: .375rem;
    --pix-border-radius-sm: .25rem;
    --pix-border-radius-lg: .5rem;
    --pix-border-radius-xl: 1rem;
    --pix-border-radius-xxl: 2rem;
    --pix-border-radius-2xl: var(--pix-border-radius-xxl);
    --pix-border-radius-pill: 50rem;
    --pix-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
    --pix-box-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
    --pix-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,0.175);
    --pix-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,0.075);
    --pix-focus-ring-width: .25rem;
    --pix-focus-ring-opacity: .25;
    --pix-focus-ring-color: rgba(13,110,253,0.25);
    --pix-form-valid-color: #198754;
    --pix-form-valid-border-color: #198754;
    --pix-form-invalid-color: #dc3545;
    --pix-form-invalid-border-color: #dc3545
}
[data-bs-theme="dark"]{
    color-scheme:dark;
    --pix-body-color: #dee2e6;
    --pix-body-color-rgb: 222,226,230;
    --pix-body-bg: #212529;
    --pix-body-bg-rgb: 33,37,41;
    --pix-emphasis-color: #fff;
    --pix-emphasis-color-rgb: 255,255,255;
    --pix-secondary-color: rgba(222,226,230,0.75);
    --pix-secondary-color-rgb: 222,226,230;
    --pix-secondary-bg: #343a40;
    --pix-secondary-bg-rgb: 52,58,64;
    --pix-tertiary-color: rgba(222,226,230,0.5);
    --pix-tertiary-color-rgb: 222,226,230;
    --pix-tertiary-bg: #2b3035;
    --pix-tertiary-bg-rgb: 43,48,53;
    --pix-primary-text-emphasis: #6ea8fe;
    --pix-secondary-text-emphasis: #a7acb1;
    --pix-success-text-emphasis: #75b798;
    --pix-info-text-emphasis: #6edff6;
    --pix-warning-text-emphasis: #ffda6a;
    --pix-danger-text-emphasis: #ea868f;
    --pix-light-text-emphasis: #f8f9fa;
    --pix-dark-text-emphasis: #dee2e6;
    --pix-primary-bg-subtle: #031633;
    --pix-secondary-bg-subtle: #161719;
    --pix-success-bg-subtle: #051b11;
    --pix-info-bg-subtle: #032830;
    --pix-warning-bg-subtle: #332701;
    --pix-danger-bg-subtle: #2c0b0e;
    --pix-light-bg-subtle: #343a40;
    --pix-dark-bg-subtle: #1a1d20;
    --pix-primary-border-subtle: #084298;
    --pix-secondary-border-subtle: #41464b;
    --pix-success-border-subtle: #0f5132;
    --pix-info-border-subtle: #087990;
    --pix-warning-border-subtle: #997404;
    --pix-danger-border-subtle: #842029;
    --pix-light-border-subtle: #495057;
    --pix-dark-border-subtle: #343a40;
    --pix-heading-color: inherit;
    --pix-link-color: #6ea8fe;
    --pix-link-hover-color: #8bb9fe;
    --pix-link-color-rgb: 110,168,254;
    --pix-link-hover-color-rgb: 139,185,254;
    --pix-code-color: #e685b5;
    --pix-highlight-color: #dee2e6;
    --pix-highlight-bg: #664d03;
    --pix-border-color: #495057;
    --pix-border-color-translucent: rgba(255,255,255,0.15);
    --pix-form-valid-color: #75b798;
    --pix-form-valid-border-color: #75b798;
    --pix-form-invalid-color: #ea868f;
    --pix-form-invalid-border-color: #ea868f
}
*,*::before,*::after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
@media (prefers-reduced-motion: no-preference){
    :root{
        scroll-behavior:smooth
    }
}
body{
    margin:0;
    font-family:var(--pix-body-font-family);
    font-size:var(--pix-body-font-size);
    font-weight:var(--pix-body-font-weight);
    line-height:var(--pix-body-line-height);
    color:var(--pix-body-color);
    text-align:var(--pix-body-text-align);
    background-color:var(--pix-body-bg);
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
hr{
    margin:1rem 0;
    color:inherit;
    border:0;
    border-top:var(--pix-border-width) solid;
    opacity:.25
}
h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:.5rem;
    font-weight:500;
    line-height:1.2;
    color:var(--pix-heading-color)
}
h1{
    font-size:calc(1.375rem + 1.5vw)
}
@media (min-width: 1200px){
    h1{
        font-size:2.5rem
    }
}
h2{
    font-size:calc(1.325rem + .9vw)
}
@media (min-width: 1200px){
    h2{
        font-size:2rem
    }
}
h3{
    font-size:calc(1.3rem + .6vw)
}
@media (min-width: 1200px){
    h3{
        font-size:1.75rem
    }
}
h4{
    font-size:calc(1.275rem + .3vw)
}
@media (min-width: 1200px){
    h4{
        font-size:1.5rem
    }
}
h5{
    font-size:1.25rem
}
h6{
    font-size:1rem
}
p{
    margin-top:0;
    margin-bottom:1rem
}
abbr[title]{
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted;
    cursor:help;
    text-decoration-skip-ink:none
}
address{
    margin-bottom:1rem;
    font-style:normal;
    line-height:inherit
}
ol,ul{
    padding-left:2rem
}
ol,ul,dl{
    margin-top:0;
    margin-bottom:1rem
}
ol ol,ul ul,ol ul,ul ol{
    margin-bottom:0
}
dt{
    font-weight:700
}
dd{
    margin-bottom:.5rem;
    margin-left:0
}
blockquote{
    margin:0 0 1rem
}
b,strong{
    font-weight:bolder
}
small{
    font-size:.875em
}
mark{
    padding:.1875em;
    color:var(--pix-highlight-color);
    background-color:var(--pix-highlight-bg)
}
sub,sup{
    position:relative;
    font-size:.75em;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
a{
    color:rgba(var(--pix-link-color-rgb), var(--pix-link-opacity, 1));
    text-decoration:underline
}
a:hover{
    --pix-link-color-rgb: var(--pix-link-hover-color-rgb)
}
a:not([href]):not([class]),a:not([href]):not([class]):hover{
    color:inherit;
    text-decoration:none
}
pre,code,kbd,samp{
    font-family:var(--pix-font-monospace);
    font-size:1em
}
pre{
    display:block;
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto;
    font-size:.875em
}
pre code{
    font-size:inherit;
    color:inherit;
    word-break:normal
}
code{
    font-size:.875em;
    color:var(--pix-code-color);
    word-wrap:break-word
}
a>code{
    color:inherit
}
kbd{
    padding:.1875rem .375rem;
    font-size:.875em;
    color:var(--pix-body-bg);
    background-color:var(--pix-body-color);
    border-radius:.25rem
}
kbd kbd{
    padding:0;
    font-size:1em
}
figure{
    margin:0 0 1rem
}
img,svg{
    vertical-align:middle
}
table{
    caption-side:bottom;
    border-collapse:collapse
}
caption{
    padding-top:.5rem;
    padding-bottom:.5rem;
    color:var(--pix-secondary-color);
    text-align:left
}
th{
    text-align:inherit;
    text-align:-webkit-match-parent
}
thead,tbody,tfoot,tr,td,th{
    border-color:inherit;
    border-style:solid;
    border-width:0
}
label{
    display:inline-block
}
button{
    border-radius:0
}
button:focus:not(:focus-visible){
    outline:0
}
input,button,select,optgroup,textarea{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button,select{
    text-transform:none
}
[role="button"]{
    cursor:pointer
}
select{
    word-wrap:normal
}
select:disabled{
    opacity:1
}
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator{
    display:none !important
}
button,[type="button"],[type="reset"],[type="submit"]{
    -webkit-appearance:button
}
button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){
    cursor:pointer
}
::-moz-focus-inner{
    padding:0;
    border-style:none
}
textarea{
    resize:vertical
}
fieldset{
    min-width:0;
    padding:0;
    margin:0;
    border:0
}
legend{
    float:left;
    width:100%;
    padding:0;
    margin-bottom:.5rem;
    font-size:calc(1.275rem + .3vw);
    line-height:inherit
}
@media (min-width: 1200px){
    legend{
        font-size:1.5rem
    }
}
legend+*{
    clear:left
}
::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{
    padding:0
}
::-webkit-inner-spin-button{
    height:auto
}
[type="search"]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-color-swatch-wrapper{
    padding:0
}
::file-selector-button{
    font:inherit;
    -webkit-appearance:button
}
output{
    display:inline-block
}
iframe{
    border:0
}
summary{
    display:list-item;
    cursor:pointer
}
progress{
    vertical-align:baseline
}
[hidden]{
    display:none !important
}
.container,.container-fluid,.container-xs,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{
    --pix-gutter-x: 30px;
    --pix-gutter-y: 0;
    width:100%;
    padding-right:calc(var(--pix-gutter-x) * .5);
    padding-left:calc(var(--pix-gutter-x) * .5);
    margin-right:auto;
    margin-left:auto
}
.container{
    max-width:400px
}
@media (min-width: 576px){
    .container,.container-sm{
        max-width:540px
    }
}
@media (min-width: 768px){
    .container,.container-sm,.container-md{
        max-width:720px
    }
}
@media (min-width: 992px){
    .container,.container-sm,.container-md,.container-lg{
        max-width:960px
    }
}
@media (min-width: 1200px){
    .container,.container-sm,.container-md,.container-lg,.container-xl{
        max-width:1140px
    }
}
@media (min-width: 1360px){
    .container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{
        max-width:1580px
    }
}
:root{
    --pix-breakpoint-xs: 0;
    --pix-breakpoint-sm: 576px;
    --pix-breakpoint-md: 768px;
    --pix-breakpoint-lg: 992px;
    --pix-breakpoint-xl: 1200px;
    --pix-breakpoint-xxl: 1360px
}
.row{
    --pix-gutter-x: 30px;
    --pix-gutter-y: 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:calc(-1 * var(--pix-gutter-y));
    margin-right:calc(-.5 * var(--pix-gutter-x));
    margin-left:calc(-.5 * var(--pix-gutter-x))
}
.row>*{
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding-right:calc(var(--pix-gutter-x) * .5);
    padding-left:calc(var(--pix-gutter-x) * .5);
    margin-top:var(--pix-gutter-y)
}
.col{
    -webkit-box-flex:1;
    -ms-flex:1 0 0%;
    flex:1 0 0%
}
.row-cols-auto>*{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:auto
}
.row-cols-1>*{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:100%
}
.row-cols-2>*{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:50%
}
.row-cols-3>*{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:33.33333%
}
.row-cols-4>*{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:25%
}
.row-cols-5>*{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:20%
}
.row-cols-6>*{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:16.66667%
}
.col-auto{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:auto
}
.col-1{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:8.33333%
}
.col-2{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:16.66667%
}
.col-3{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:25%
}
.col-4{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:33.33333%
}
.col-5{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:41.66667%
}
.col-6{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:50%
}
.col-7{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:58.33333%
}
.col-8{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:66.66667%
}
.col-9{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:75%
}
.col-10{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:83.33333%
}
.col-11{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:91.66667%
}
.col-12{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:100%
}
.offset-1{
    margin-left:8.33333%
}
.offset-2{
    margin-left:16.66667%
}
.offset-3{
    margin-left:25%
}
.offset-4{
    margin-left:33.33333%
}
.offset-5{
    margin-left:41.66667%
}
.offset-6{
    margin-left:50%
}
.offset-7{
    margin-left:58.33333%
}
.offset-8{
    margin-left:66.66667%
}
.offset-9{
    margin-left:75%
}
.offset-10{
    margin-left:83.33333%
}
.offset-11{
    margin-left:91.66667%
}
.g-0,.gx-0{
    --pix-gutter-x: 0
}
.g-0,.gy-0{
    --pix-gutter-y: 0
}
.g-1,.gx-1{
    --pix-gutter-x: .25rem
}
.g-1,.gy-1{
    --pix-gutter-y: .25rem
}
.g-2,.gx-2{
    --pix-gutter-x: .5rem
}
.g-2,.gy-2{
    --pix-gutter-y: .5rem
}
.g-3,.gx-3{
    --pix-gutter-x: 1rem
}
.g-3,.gy-3{
    --pix-gutter-y: 1rem
}
.g-4,.gx-4{
    --pix-gutter-x: 1.5rem
}
.g-4,.gy-4{
    --pix-gutter-y: 1.5rem
}
.g-5,.gx-5{
    --pix-gutter-x: 3rem
}
.g-5,.gy-5{
    --pix-gutter-y: 3rem
}
@media (min-width: 576px){
    .col-sm{
        -webkit-box-flex:1;
        -ms-flex:1 0 0%;
        flex:1 0 0%
    }
    .row-cols-sm-auto>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto
    }
    .row-cols-sm-1>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:100%
    }
    .row-cols-sm-2>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:50%
    }
    .row-cols-sm-3>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:33.33333%
    }
    .row-cols-sm-4>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:25%
    }
    .row-cols-sm-5>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:20%
    }
    .row-cols-sm-6>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:16.66667%
    }
    .col-sm-auto{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto
    }
    .col-sm-1{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:8.33333%
    }
    .col-sm-2{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:16.66667%
    }
    .col-sm-3{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:25%
    }
    .col-sm-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:33.33333%
    }
    .col-sm-5{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:41.66667%
    }
    .col-sm-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:50%
    }
    .col-sm-7{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:58.33333%
    }
    .col-sm-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:66.66667%
    }
    .col-sm-9{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:75%
    }
    .col-sm-10{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:83.33333%
    }
    .col-sm-11{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:91.66667%
    }
    .col-sm-12{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:100%
    }
    .offset-sm-0{
        margin-left:0
    }
    .offset-sm-1{
        margin-left:8.33333%
    }
    .offset-sm-2{
        margin-left:16.66667%
    }
    .offset-sm-3{
        margin-left:25%
    }
    .offset-sm-4{
        margin-left:33.33333%
    }
    .offset-sm-5{
        margin-left:41.66667%
    }
    .offset-sm-6{
        margin-left:50%
    }
    .offset-sm-7{
        margin-left:58.33333%
    }
    .offset-sm-8{
        margin-left:66.66667%
    }
    .offset-sm-9{
        margin-left:75%
    }
    .offset-sm-10{
        margin-left:83.33333%
    }
    .offset-sm-11{
        margin-left:91.66667%
    }
    .g-sm-0,.gx-sm-0{
        --pix-gutter-x: 0
    }
    .g-sm-0,.gy-sm-0{
        --pix-gutter-y: 0
    }
    .g-sm-1,.gx-sm-1{
        --pix-gutter-x: .25rem
    }
    .g-sm-1,.gy-sm-1{
        --pix-gutter-y: .25rem
    }
    .g-sm-2,.gx-sm-2{
        --pix-gutter-x: .5rem
    }
    .g-sm-2,.gy-sm-2{
        --pix-gutter-y: .5rem
    }
    .g-sm-3,.gx-sm-3{
        --pix-gutter-x: 1rem
    }
    .g-sm-3,.gy-sm-3{
        --pix-gutter-y: 1rem
    }
    .g-sm-4,.gx-sm-4{
        --pix-gutter-x: 1.5rem
    }
    .g-sm-4,.gy-sm-4{
        --pix-gutter-y: 1.5rem
    }
    .g-sm-5,.gx-sm-5{
        --pix-gutter-x: 3rem
    }
    .g-sm-5,.gy-sm-5{
        --pix-gutter-y: 3rem
    }
}
@media (min-width: 768px){
    .col-md{
        -webkit-box-flex:1;
        -ms-flex:1 0 0%;
        flex:1 0 0%
    }
    .row-cols-md-auto>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto
    }
    .row-cols-md-1>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:100%
    }
    .row-cols-md-2>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:50%
    }
    .row-cols-md-3>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:33.33333%
    }
    .row-cols-md-4>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:25%
    }
    .row-cols-md-5>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:20%
    }
    .row-cols-md-6>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:16.66667%
    }
    .col-md-auto{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto
    }
    .col-md-1{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:8.33333%
    }
    .col-md-2{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:16.66667%
    }
    .col-md-3{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:25%
    }
    .col-md-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:33.33333%
    }
    .col-md-5{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:41.66667%
    }
    .col-md-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:50%
    }
    .col-md-7{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:58.33333%
    }
    .col-md-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:66.66667%
    }
    .col-md-9{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:75%
    }
    .col-md-10{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:83.33333%
    }
    .col-md-11{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:91.66667%
    }
    .col-md-12{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:100%
    }
    .offset-md-0{
        margin-left:0
    }
    .offset-md-1{
        margin-left:8.33333%
    }
    .offset-md-2{
        margin-left:16.66667%
    }
    .offset-md-3{
        margin-left:25%
    }
    .offset-md-4{
        margin-left:33.33333%
    }
    .offset-md-5{
        margin-left:41.66667%
    }
    .offset-md-6{
        margin-left:50%
    }
    .offset-md-7{
        margin-left:58.33333%
    }
    .offset-md-8{
        margin-left:66.66667%
    }
    .offset-md-9{
        margin-left:75%
    }
    .offset-md-10{
        margin-left:83.33333%
    }
    .offset-md-11{
        margin-left:91.66667%
    }
    .g-md-0,.gx-md-0{
        --pix-gutter-x: 0
    }
    .g-md-0,.gy-md-0{
        --pix-gutter-y: 0
    }
    .g-md-1,.gx-md-1{
        --pix-gutter-x: .25rem
    }
    .g-md-1,.gy-md-1{
        --pix-gutter-y: .25rem
    }
    .g-md-2,.gx-md-2{
        --pix-gutter-x: .5rem
    }
    .g-md-2,.gy-md-2{
        --pix-gutter-y: .5rem
    }
    .g-md-3,.gx-md-3{
        --pix-gutter-x: 1rem
    }
    .g-md-3,.gy-md-3{
        --pix-gutter-y: 1rem
    }
    .g-md-4,.gx-md-4{
        --pix-gutter-x: 1.5rem
    }
    .g-md-4,.gy-md-4{
        --pix-gutter-y: 1.5rem
    }
    .g-md-5,.gx-md-5{
        --pix-gutter-x: 3rem
    }
    .g-md-5,.gy-md-5{
        --pix-gutter-y: 3rem
    }
}
@media (min-width: 992px){
    .col-lg{
        -webkit-box-flex:1;
        -ms-flex:1 0 0%;
        flex:1 0 0%
    }
    .row-cols-lg-auto>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto
    }
    .row-cols-lg-1>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:100%
    }
    .row-cols-lg-2>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:50%
    }
    .row-cols-lg-3>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:33.33333%
    }
    .row-cols-lg-4>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:25%
    }
    .row-cols-lg-5>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:20%
    }
    .row-cols-lg-6>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:16.66667%
    }
    .col-lg-auto{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto
    }
    .col-lg-1{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:8.33333%
    }
    .col-lg-2{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:16.66667%
    }
    .col-lg-3{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:25%
    }
    .col-lg-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:33.33333%
    }
    .col-lg-5{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:41.66667%
    }
    .col-lg-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:50%
    }
    .col-lg-7{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:58.33333%
    }
    .col-lg-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:66.66667%
    }
    .col-lg-9{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:75%
    }
    .col-lg-10{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:83.33333%
    }
    .col-lg-11{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:91.66667%
    }
    .col-lg-12{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:100%
    }
    .offset-lg-0{
        margin-left:0
    }
    .offset-lg-1{
        margin-left:8.33333%
    }
    .offset-lg-2{
        margin-left:16.66667%
    }
    .offset-lg-3{
        margin-left:25%
    }
    .offset-lg-4{
        margin-left:33.33333%
    }
    .offset-lg-5{
        margin-left:41.66667%
    }
    .offset-lg-6{
        margin-left:50%
    }
    .offset-lg-7{
        margin-left:58.33333%
    }
    .offset-lg-8{
        margin-left:66.66667%
    }
    .offset-lg-9{
        margin-left:75%
    }
    .offset-lg-10{
        margin-left:83.33333%
    }
    .offset-lg-11{
        margin-left:91.66667%
    }
    .g-lg-0,.gx-lg-0{
        --pix-gutter-x: 0
    }
    .g-lg-0,.gy-lg-0{
        --pix-gutter-y: 0
    }
    .g-lg-1,.gx-lg-1{
        --pix-gutter-x: .25rem
    }
    .g-lg-1,.gy-lg-1{
        --pix-gutter-y: .25rem
    }
    .g-lg-2,.gx-lg-2{
        --pix-gutter-x: .5rem
    }
    .g-lg-2,.gy-lg-2{
        --pix-gutter-y: .5rem
    }
    .g-lg-3,.gx-lg-3{
        --pix-gutter-x: 1rem
    }
    .g-lg-3,.gy-lg-3{
        --pix-gutter-y: 1rem
    }
    .g-lg-4,.gx-lg-4{
        --pix-gutter-x: 1.5rem
    }
    .g-lg-4,.gy-lg-4{
        --pix-gutter-y: 1.5rem
    }
    .g-lg-5,.gx-lg-5{
        --pix-gutter-x: 3rem
    }
    .g-lg-5,.gy-lg-5{
        --pix-gutter-y: 3rem
    }
}
@media (min-width: 1200px){
    .col-xl{
        -webkit-box-flex:1;
        -ms-flex:1 0 0%;
        flex:1 0 0%
    }
    .row-cols-xl-auto>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto
    }
    .row-cols-xl-1>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:100%
    }
    .row-cols-xl-2>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:50%
    }
    .row-cols-xl-3>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:33.33333%
    }
    .row-cols-xl-4>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:25%
    }
    .row-cols-xl-5>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:20%
    }
    .row-cols-xl-6>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:16.66667%
    }
    .col-xl-auto{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto
    }
    .col-xl-1{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:8.33333%
    }
    .col-xl-2{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:16.66667%
    }
    .col-xl-3{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:25%
    }
    .col-xl-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:33.33333%
    }
    .col-xl-5{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:41.66667%
    }
    .col-xl-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:50%
    }
    .col-xl-7{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:58.33333%
    }
    .col-xl-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:66.66667%
    }
    .col-xl-9{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:75%
    }
    .col-xl-10{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:83.33333%
    }
    .col-xl-11{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:91.66667%
    }
    .col-xl-12{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:100%
    }
    .offset-xl-0{
        margin-left:0
    }
    .offset-xl-1{
        margin-left:8.33333%
    }
    .offset-xl-2{
        margin-left:16.66667%
    }
    .offset-xl-3{
        margin-left:25%
    }
    .offset-xl-4{
        margin-left:33.33333%
    }
    .offset-xl-5{
        margin-left:41.66667%
    }
    .offset-xl-6{
        margin-left:50%
    }
    .offset-xl-7{
        margin-left:58.33333%
    }
    .offset-xl-8{
        margin-left:66.66667%
    }
    .offset-xl-9{
        margin-left:75%
    }
    .offset-xl-10{
        margin-left:83.33333%
    }
    .offset-xl-11{
        margin-left:91.66667%
    }
    .g-xl-0,.gx-xl-0{
        --pix-gutter-x: 0
    }
    .g-xl-0,.gy-xl-0{
        --pix-gutter-y: 0
    }
    .g-xl-1,.gx-xl-1{
        --pix-gutter-x: .25rem
    }
    .g-xl-1,.gy-xl-1{
        --pix-gutter-y: .25rem
    }
    .g-xl-2,.gx-xl-2{
        --pix-gutter-x: .5rem
    }
    .g-xl-2,.gy-xl-2{
        --pix-gutter-y: .5rem
    }
    .g-xl-3,.gx-xl-3{
        --pix-gutter-x: 1rem
    }
    .g-xl-3,.gy-xl-3{
        --pix-gutter-y: 1rem
    }
    .g-xl-4,.gx-xl-4{
        --pix-gutter-x: 1.5rem
    }
    .g-xl-4,.gy-xl-4{
        --pix-gutter-y: 1.5rem
    }
    .g-xl-5,.gx-xl-5{
        --pix-gutter-x: 3rem
    }
    .g-xl-5,.gy-xl-5{
        --pix-gutter-y: 3rem
    }
}
@media (min-width: 1360px){
    .col-xxl{
        -webkit-box-flex:1;
        -ms-flex:1 0 0%;
        flex:1 0 0%
    }
    .row-cols-xxl-auto>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto
    }
    .row-cols-xxl-1>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:100%
    }
    .row-cols-xxl-2>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:50%
    }
    .row-cols-xxl-3>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:33.33333%
    }
    .row-cols-xxl-4>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:25%
    }
    .row-cols-xxl-5>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:20%
    }
    .row-cols-xxl-6>*{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:16.66667%
    }
    .col-xxl-auto{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:auto
    }
    .col-xxl-1{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:8.33333%
    }
    .col-xxl-2{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:16.66667%
    }
    .col-xxl-3{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:25%
    }
    .col-xxl-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:33.33333%
    }
    .col-xxl-5{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:41.66667%
    }
    .col-xxl-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:50%
    }
    .col-xxl-7{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:58.33333%
    }
    .col-xxl-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:66.66667%
    }
    .col-xxl-9{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:75%
    }
    .col-xxl-10{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:83.33333%
    }
    .col-xxl-11{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:91.66667%
    }
    .col-xxl-12{
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        width:100%
    }
    .offset-xxl-0{
        margin-left:0
    }
    .offset-xxl-1{
        margin-left:8.33333%
    }
    .offset-xxl-2{
        margin-left:16.66667%
    }
    .offset-xxl-3{
        margin-left:25%
    }
    .offset-xxl-4{
        margin-left:33.33333%
    }
    .offset-xxl-5{
        margin-left:41.66667%
    }
    .offset-xxl-6{
        margin-left:50%
    }
    .offset-xxl-7{
        margin-left:58.33333%
    }
    .offset-xxl-8{
        margin-left:66.66667%
    }
    .offset-xxl-9{
        margin-left:75%
    }
    .offset-xxl-10{
        margin-left:83.33333%
    }
    .offset-xxl-11{
        margin-left:91.66667%
    }
    .g-xxl-0,.gx-xxl-0{
        --pix-gutter-x: 0
    }
    .g-xxl-0,.gy-xxl-0{
        --pix-gutter-y: 0
    }
    .g-xxl-1,.gx-xxl-1{
        --pix-gutter-x: .25rem
    }
    .g-xxl-1,.gy-xxl-1{
        --pix-gutter-y: .25rem
    }
    .g-xxl-2,.gx-xxl-2{
        --pix-gutter-x: .5rem
    }
    .g-xxl-2,.gy-xxl-2{
        --pix-gutter-y: .5rem
    }
    .g-xxl-3,.gx-xxl-3{
        --pix-gutter-x: 1rem
    }
    .g-xxl-3,.gy-xxl-3{
        --pix-gutter-y: 1rem
    }
    .g-xxl-4,.gx-xxl-4{
        --pix-gutter-x: 1.5rem
    }
    .g-xxl-4,.gy-xxl-4{
        --pix-gutter-y: 1.5rem
    }
    .g-xxl-5,.gx-xxl-5{
        --pix-gutter-x: 3rem
    }
    .g-xxl-5,.gy-xxl-5{
        --pix-gutter-y: 3rem
    }
}
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block
}
audio,canvas,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
a{
    background:transparent
}
a:focus{
    outline:none
}
a:active,a:hover{
    outline:0
}
h1{
    font-size:inherit;
    margin:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:bold
}
dfn{
    font-style:italic
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
code,kbd,pre,samp{
    font-family:monospace, serif;
    font-size:1em
}
pre{
    white-space:pre-wrap
}
q{
    quotes:"\201C" "\201D" "\2018" "\2019"
}
small{
    font-size:inherit
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:0
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em
}
legend{
    border:0;
    padding:0
}
button,input,select,textarea{
    font-family:inherit;
    font-size:100%;
    margin:0
}
button,input{
    line-height:normal
}
button,select{
    text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
input[type="checkbox"],input[type="radio"]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type="search"]{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
*:before,*:after{
    pointer-events:none
}
textarea{
    overflow:auto;
    vertical-align:top
}
table{
    border-collapse:collapse;
    border-spacing:0
}
a{
    text-decoration:none
}
h1,h2,h3,h4,h5,h6{
    margin-bottom:0
}
p{
    margin-bottom:0;
    -webkit-margin-before:0;
    margin-block-start:0;
    -webkit-margin-after:0;
    margin-block-end:0
}
label{
    margin-bottom:0
}
ol,ul,dl{
    margin-bottom:0
}
ul{
    -webkit-margin-before:0;
    margin-block-start:0;
    -webkit-margin-after:0;
    margin-block-end:0;
    list-style:none;
    -webkit-margin-start:0;
    margin-inline-start:0;
    -webkit-margin-end:0;
    margin-inline-end:0;
    -webkit-padding-start:0;
    padding-inline-start:0
}
input,button{
    padding:0;
    margin:0;
    outline:none;
    border:none;
    background:transparent
}
html,body{
    max-width:100%;
    overflow-x:hidden
}
body{
    margin:0;
    line-height:1.5;
    font-size:14px;
    font-weight:400;
    line-height:1.5;
    color:#e7e7e7;
    text-align:left;
    background-color:#000;
    font-family:'Open Sans';
    font-size:14px;
    color:#e7e7e7;
    overflow-x:hidden
}
::-webkit-scrollbar{
    width:5px;
    height:5px;
    background-color:#222423
}
::-webkit-scrollbar-thumb{
    background-color:#a7a7a7;
    background-size:100% 300%;
    border-radius:0px;
    -webkit-transition:.3s;
    transition:.3s
}
::-moz-selection{
    color:white;
    background:#a7a7a7
}
::selection{
    color:white;
    background:#a7a7a7
}
@font-face{
    font-family:'gang-of-tree';
    src:url("../fonts/gang-of-tree.ttf") format("truetype");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'friz-quadrata-medium';
    src:url("../fonts/friz-quadrata-std-medium.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
body{
    font-weight:400 !important;
    background-repeat:repeat;
    background-size:auto;
    font-family:"Open Sans", sans-serif;
    overflow-y:auto
}
#nav-hamburger{
    width:18px;
    height:16px;
    position:relative;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    cursor:pointer;
    margin-left:40px
}
@media (min-width: 1360px){
    #nav-hamburger{
        display:none
    }
}
#nav-hamburger span{
    display:block;
    position:absolute;
    height:2px;
    width:100%;
    background:#fff;
    border-radius:5px;
    opacity:1;
    left:0;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}
#nav-hamburger:hover span{
    background-color:#fff
}
#nav-hamburger span:nth-child(1){
    top:0px
}
#nav-hamburger span:nth-child(2),#nav-hamburger span:nth-child(3){
    top:8px
}
#nav-hamburger span:nth-child(4){
    top:16px
}
#nav-hamburger.open span:nth-child(1){
    top:8px;
    width:0%;
    left:50%
}
#nav-hamburger.open span:nth-child(4){
    top:8px;
    width:0%;
    left:50%
}
#nav-hamburger.open span:nth-child(2){
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
#nav-hamburger.open span:nth-child(3){
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.mobile-menu{
    -webkit-backdrop-filter:blur(15px);
    backdrop-filter:blur(15px);
    background-color:rgba(34,36,35,0.5);
    background-size:auto;
    height:100vh;
    position:fixed;
    width:100%;
    right:0;
    top:0;
    -webkit-transform:translate(-100%);
    transform:translate(-100%);
    -webkit-transition:.2s;
    transition:.2s;
    width:100%;
    z-index:9;
    opacity:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
@media (min-width: 1360px){
    .mobile-menu{
        display:none
    }
}
.mobile-menu.open{
    -webkit-transform:translate(0);
    transform:translate(0)
}
.mobile-menu .container{
    padding-top:calc(86px)
}
.mobile-menu .main-menu{
    height:auto;
    margin-top:40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.mobile-menu .main-menu .menu-item{
    background-color:rgba(255,255,255,0.1);
    margin-bottom:15px;
    opacity:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    width:100%;
    min-height:45px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-weight:bold;
    -webkit-transition:0.2s;
    transition:0.2s
}
.mobile-menu .main-menu .menu-item:hover{
    background-color:rgba(255,255,255,0.15)
}
.mobile-menu .h-sep{
    height:1px;
    opacity:0.1;
    width:100%;
    background-color:#fff;
    background-size:cover;
    margin-top:20px;
    margin-bottom:30px
}
.mobile-menu .button-style-2{
    margin:0 auto
}
.mobile-menu .buttons{
    height:inherit;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.mobile-menu .buttons .login{
    font-weight:bold;
    color:#efe3fa;
    margin:10px
}
.mobile-menu .buttons .button{
    margin:10px
}
.main-menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position:relative
}
.main-menu a,.main-menu .menu-item{
    padding:0 10px;
    -webkit-transition:0.2s;
    transition:0.2s;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    color:inherit;
    height:inherit;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    opacity:0.5
}
.main-menu a:after,.main-menu .menu-item:after{
    content:'';
    height:inherit;
    width:100%;
    background-size:cover;
    background-image:url(../img/ui/nav-hover.png);
    display:block;
    position:absolute;
    left:0;
    top:0;
    z-index:0;
    opacity:0;
    -webkit-transition:0.2s;
    transition:0.2s
}
.main-menu a>*,.main-menu .menu-item>*{
    z-index:1
}
.main-menu a img,.main-menu .menu-item img{
    margin-right:10px;
    display:block;
    -webkit-transition:0.2s;
    transition:0.2s
}
.main-menu a .title,.main-menu .menu-item .title{
    -webkit-transition:0.2s;
    transition:0.2s;
    font-weight:bold;
    color:#d3c9b7;
    text-transform:uppercase;
    line-height:1
}
.main-menu a .title .name,.main-menu .menu-item .title .name{
    font-size:15px;
    text-shadow:0.484px 1.941px 0px rgba(26,27,27,0.4)
}
.main-menu a .title span,.main-menu .menu-item .title span{
    color:#ac9f95;
    font-size:8px
}
.main-menu a:hover,.main-menu .menu-item:hover{
    opacity:1
}
.main-menu a:hover .title .name,.main-menu .menu-item:hover .title .name{
    text-decoration:underline
}
.main-menu a.active,.main-menu .menu-item.active{
    opacity:1
}
.main-menu a.active:after,.main-menu .menu-item.active:after{
    opacity:1
}
.main-menu a.active .title,.main-menu .menu-item.active .title{
    -webkit-filter:brightness(1.2);
    filter:brightness(1.2)
}
.main-menu a.active img,.main-menu .menu-item.active img{
    -webkit-filter:brightness(1.2);
    filter:brightness(1.2)
}
.header{
    position:fixed;
    z-index:900;
    top:0px;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background-color:#222423;
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:bold;
    height:70px
}
.header .main-menu{
    height:70px
}
.header::after{
    display:block;
    position:absolute;
    height:90px;
    top:0;
    background-image:url(../img/ui/navbar-bg.png);
    width:100%;
    background-repeat:repeat-x;
    left:0;
    content:''
}
.header .h-sep{
    margin:0 30px 0 0px;
    background-color:#151616;
    border-right:1px solid #514739;
    width:1px;
    height:20px
}
.header .header-row{
    z-index:2;
    position:relative
}
.header .h-right,.header .h-left{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.header .h-left{
    -webkit-box-flex:3;
    -ms-flex-positive:3;
    flex-grow:3
}
@media (max-width: 1359.98px){
    .header .h-left .main-menu,.header .h-left .h-sep{
        display:none
    }
}
.header .h-left .logo{
    width:141px;
    height:45px;
    position:relative;
    cursor:pointer;
    -webkit-transition:0.2s;
    transition:0.2s;
    margin-right:30px
}
.header .h-left .logo:hover{
    -webkit-filter:brightness(115%);
    filter:brightness(115%)
}
.header .h-left .logo img{
    pointer-events:none;
    position:absolute
}
.header .h-right{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.header .h-right .buttons{
    margin-left:auto;
    height:inherit;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media (max-width: 575.98px){
    .header .h-right .buttons{
        display:none
    }
}
@media (max-width: 767.98px){
    .header .h-right .buttons .lang-selector{
        display:none
    }
}
.header .h-right .buttons .lang-selector{
    margin-right:30px;
    position:relative
}
.header .h-right .buttons .lang-selector.open .lang-dropdown{
    opacity:1;
    pointer-events:unset;
    -webkit-transform:translateY(0px);
    transform:translateY(0px)
}
.header .h-right .buttons .lang-selector .nav-lang-button{
    padding:5px;
    background-color:rgba(169,168,167,0.1);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    -webkit-transition:0.2s;
    transition:0.2s
}
.header .h-right .buttons .lang-selector .nav-lang-button:hover{
    background-color:rgba(169,168,167,0.3)
}
.header .h-right .buttons .lang-selector .nav-lang-button span{
    display:block;
    margin:0 10px 0 5px;
    color:#d3c9b7;
    width:20px;
    font-size:13px;
    text-transform:uppercase;
    text-shadow:0.484px 1.941px 0px rgba(26,27,27,0.4)
}
.header .h-right .buttons .lang-selector .nav-lang-button img{
    height:17px;
    width:25px;
    display:block;
    outline:2px solid rgba(22,22,22,0.5)
}
.header .h-right .buttons .lang-selector .lang-dropdown{
    opacity:0;
    pointer-events:none;
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px);
    -webkit-transition:0.2s;
    transition:0.2s;
    position:absolute;
    top:50px;
    left:-5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    background-color:rgba(34,36,35,0.9);
    padding:5px
}
.section-subpage{
    margin-top:69px;
    width:100%;
    background-image:url(../img/subpage-bg.png)
}
.section-subpage .section-heading{
    padding-top:120px;
    padding-bottom:150px
}
.section-welcome{
    margin-top:69px;
    width:100%
}
.section-welcome .pixarts-header-contents{
    height:calc(829px);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
@media (max-width: 575.98px){
    .section-welcome .pixarts-header-contents{
        height:600px
    }
}
.section-welcome .pixarts-header-contents .welcome-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:left;
    -ms-flex-align:left;
    align-items:left;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:inherit;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.section-welcome .pixarts-header-contents .welcome-content .col-auto{
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-bottom:70px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-right:auto
}
.section-welcome .pixarts-header-contents .welcome-content .welcome-button{
    background-image:url(../img/ui/button-welcome-red.png);
    height:89px;
    max-width:362px;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    text-transform:uppercase;
    text-align:center;
    z-index:1;
    -webkit-transition:0.2s;
    transition:0.2s;
    position:relative;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    line-height:1.2
}
.section-welcome .pixarts-header-contents .welcome-content .welcome-button:hover{
    -webkit-filter:brightness(1.2);
    filter:brightness(1.2);
    -webkit-transform:scale(1.02);
    transform:scale(1.02)
}
.section-welcome .pixarts-header-contents .welcome-content .welcome-button .title{
    color:#e8dad1;
    font-size:28px;
    text-shadow:0.726px 2.911px 0px rgba(101,19,19,0.9);
    font-family:"friz-quadrata-medium"
}
.section-welcome .pixarts-header-contents .welcome-content .welcome-button span{
    font-size:11px;
    color:#e66e6a;
    text-shadow:0.484px 1.941px 0px rgba(87,29,26,0.6)
}
.section-welcome .pixarts-header-contents .welcome-content a.big-logo{
    position:relative;
    display:block;
    z-index:1;
    margin-bottom:80px;
    max-width:587px;
    max-height:266px;
    width:100%;
    height:auto;
    -webkit-transition:0.2s;
    transition:0.2s
}
.section-welcome .pixarts-header-contents .welcome-content a.big-logo:hover{
    -webkit-filter:brightness(120%) contrast(105%);
    filter:brightness(120%) contrast(105%);
    -webkit-transform:scale(1.02);
    transform:scale(1.02)
}
@media (max-width: 991.98px){
    .section-welcome .pixarts-header-contents .welcome-content a.big-logo{
        -webkit-filter:drop-shadow(0px 0px 25px #222423);
        filter:drop-shadow(0px 0px 25px #222423)
    }
    .section-welcome .pixarts-header-contents .welcome-content a.big-logo img{
        -webkit-filter:drop-shadow(0px 0px 25px #222423);
        filter:drop-shadow(0px 0px 25px #222423)
    }
}
.section-welcome .pixarts-header-contents .welcome-content a.big-logo img{
    display:block;
    width:100%;
    pointer-events:none;
    height:auto
}
@media (max-width: 767.98px){
    .section-welcome .pixarts-header-contents .welcome-content a.big-logo{
        margin-bottom:85px
    }
}
.section-welcome .pixarts-header-contents img.welc-bg,.section-welcome .pixarts-header-contents video{
    position:absolute;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
    width:100%;
    margin:0 auto;
    height:inherit;
    display:block;
    z-index:0;
    max-width:100%;
    pointer-events:none
}
.section-welcome .pixarts-header-contents img.welc-bg.enable{
    display:block !important
}
@media (min-width: 1200px){
    .section-welcome .pixarts-header-contents img.welc-bg{
        display:none
    }
}
@media (max-width: 767.98px){
    .section-welcome .pixarts-header-contents img.welc-bg{
        -o-object-position:64% 10%;
        object-position:64% 10%
    }
}
.section-welcome .pixarts-header-contents video{
    min-width:1150px;
    max-width:3840px
}
@media (max-width: 1199.98px){
    .section-welcome .pixarts-header-contents video{
        display:none
    }
}
img.section-separator{
    width:980px;
    height:22px;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
    max-width:100%;
    margin:60px auto;
    display:block;
    pointer-events:none
}
.section-content-dark{
    position:relative;
    padding-top:50px;
    padding-bottom:80px
}
.section-content-dark:after{
    z-index:1;
    background:url(../img/ui/bg-dark-top-addon.png) center repeat-x;
    content:'';
    width:100vw;
    height:119px;
    background-size:auto 100%;
    background-position:top;
    position:absolute;
    left:0;
    top:30px
}
.section-content-dark:before{
    background:url(../img/ui/bg-dark-repeat.png) center repeat-y;
    background-size:100% auto;
    background-position:top;
    content:'';
    width:100vw;
    height:calc(100% - 65px);
    position:absolute;
    left:0;
    top:65px
}
.section-content-white{
    position:relative;
    padding-bottom:70px
} 
.section-content-white:after{
    z-index:1;
    background:url(../img/ui/bg-white-top-addon.png) center repeat-x;
    content:'';
    width:100%;
    height:119px;
    background-size:auto 100%;
    background-position:top;
    position:absolute;
    left:0;
    top:30px
}
.section-content-white:before{
    background:url(../img/ui/bg-white-repeat.webp) center repeat-y;
    background-size:100% auto;
    background-position:top;
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:70px
}
.holder{
    position:relative;
    z-index:2
}
.w-heading{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:10px 30px;
    background-image:url(../img/ui/widget-head-bg.png);
    min-height:77px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-transform:uppercase;
    width:100%
}
.w-heading .action{
    display:block;
    padding:5px 15px;
    background-color:rgba(169,168,167,0.1);
    -webkit-transition:0.2s;
    transition:0.2s
}
.w-heading .action:hover{
    background-color:rgba(169,168,167,0.3)
}
.w-heading .action span{
    line-height:1;
    font-weight:bold;
    color:#d3c9b7;
    font-size:13px;
    text-shadow:0.484px 1.941px 0px rgba(26,27,27,0.7)
}
.w-heading .w-name{
    font-weight:bold;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-transform:uppercase;
    line-height:1
}
.w-heading .w-name img{
    width:auto;
    margin-right:10px
}
.w-heading .w-name .main{
    color:#d3c9b7;
    font-size:15px;
    text-shadow:0.484px 1.941px 0px rgba(26,27,27,0.7)
}
.w-heading .w-name span{
    font-size:8px;
    color:#ac9f95
}
.w-holder{
    background-image:url(../img/ui/news-widget-bg.png);
    background-size:cover;
    background-position:bottom center
}
.footer{
    background:url(../img/ui/bg-footer.png);
    background-position:top;
    background-size:cover
}
.footer .footer-bottom{
    background-color:rgba(0,0,0,0.4);
    padding:20px 0
}
.footer .footer-bottom .container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.footer .footer-bottom .social,.footer .footer-bottom .link,.footer .footer-bottom .h-sep{
    margin:15px
}
.footer .footer-bottom .social{
    opacity:0.5;
    -webkit-transition:0.3s;
    transition:0.3s
}
.footer .footer-bottom .social:hover{
    opacity:1
}
.footer .footer-bottom .link{
    display:block;
    font-size:14px;
    color:#636363;
    font-weight:500;
    text-shadow:0px 1px 3.28px rgba(9,8,12,0.74)
}
.footer .footer-bottom .link:hover{
    color:#979797
}
.footer .footer-bottom .h-sep{
    background-color:#151616;
    border-right:1px solid #393939;
    height:20px;
    width:1px
}
.footer .footer-bottom .author-logo{
    margin-left:auto;
    max-width:152px;
    height:auto;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    opacity:0.5;
    -webkit-transition:0.2s;
    transition:0.2s
}
.footer .footer-bottom .author-logo:hover{
    opacity:1
}
.footer .footer-bottom .author-logo img{
    display:block;
    height:auto;
    max-width:152px
}
@media (min-width: 992px){
    .footer .lang-selector,.footer .f-detail{
        padding:30px 0
    }
}
.footer .lang-selector{
    position:relative;
    max-width:230px;
    width:100%
}
@media (min-width: 992px){
    .footer .lang-selector{
        margin-left:auto
    }
}
.footer .lang-selector .foot-lang-button{
    width:100%;
    background-color:rgba(16,16,16,0.5);
    border:1px solid #101010;
    height:44px;
    padding:20px;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transition:0.2s;
    transition:0.2s;
    cursor:pointer
}
.footer .lang-selector .foot-lang-button:hover{
    background-color:rgba(16,16,16,0.2)
}
.footer .lang-selector .foot-lang-button img{
    margin-right:10px
}
.footer .lang-selector>.foot-lang-button:after{
    content:'';
    height:6px;
    width:10px;
    position:absolute;
    display:block;
    background-image:url(../img/ui/lang-arrow.png);
    right:20px;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.footer .lang-selector .lang-dropdown{
    -webkit-transition:.2s;
    transition:.2s;
    opacity:0;
    -webkit-transform:translateY(5px);
    transform:translateY(5px);
    pointer-events:none;
    width:inherit;
    background-color:rgba(16,16,16,0.2);
    position:absolute;
    bottom:100%;
    left:0
}
.footer .lang-selector.open .lang-dropdown{
    opacity:1;
    -webkit-transform:translateY(0px);
    transform:translateY(0px);
    pointer-events:unset
}
.footer .footer-content{
    padding:30px 0
}
.footer .footer-content .f-detail{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.footer .footer-content .f-detail .pegi{
    max-width:100%;
    height:auto;
    -o-object-fit:cover;
    object-fit:cover;
    display:block;
    margin-right:20px
}
.footer .footer-content .f-detail .desc p{
    margin:3px 0;
    display:block;
    font-size:14px;
    color:#636363;
    font-weight:500;
    text-shadow:0px 1px 3.28px rgba(9,8,12,0.74)
}
.footer .footer-content .f-detail .desc p .gold{
    color:#c99657
}
.footer .footer-content .f-detail .desc p .white{
    color:#dadada
}
.footer .footer-separate{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:relative;
    opacity:0.3
}
.footer .footer-separate:after{
    width:calc(100% - 40px);
    height:1px;
    background-color:#9e8d78;
    content:'';
    position:absolute;
    display:block;
    left:20px;
    top:50%;
    -webkit-transform:translateY(-1px);
    transform:translateY(-1px)
}
.footer .footer-menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:30px 0 20px 0
}
.footer .footer-menu a{
    display:block;
    font-size:15px;
    text-shadow:0.484px 1.941px 0px rgba(26,27,27,0.4);
    color:#d3c9b7;
    font-weight:bold;
    padding:20px 40px;
    line-height:1;
    position:relative
}
.footer .footer-menu a:hover{
    text-transform:uppercase
}
@media (min-width: 992px){
    .footer .footer-menu a:not(:last-child):after{
        background-image:url(../img/ui/footer-menu-separate.png);
        width:11px;
        height:18px;
        position:absolute;
        content:'';
        right:0;
        top:50%;
        -webkit-transform:translate(50%, -40%);
        transform:translate(50%, -40%)
    }
}
.ranking-holder{
    margin-top:10px;
    overflow:hidden;
    padding-bottom:50px
}
.col-ranking .hold-ranking{
    position:relative
}
.col-ranking .hold-ranking:after{
    height:100%;
    width:5px;
    background-image:url(../img/ui/gold-deco.png);
    left:-5px;
    top:0;
    content:'';
    position:absolute
}
.col-ranking .hold-ranking:before{
    width:100%;
    height:100%;
    border:2px solid #fff;
    opacity:0.3;
    content:'';
    left:10px;
    top:10px;
    display:block;
    position:absolute
}
.col-ranking .hold-ranking>*{
    position:relative;
    z-index:1
}
.col-ranking .rank-table{
    overflow:auto
}
.col-ranking .rank-table .t-head,.col-ranking .rank-table .t-contents .t-field{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    min-width:500px;
    width:100%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.col-ranking .rank-table .t-head .holder,.col-ranking .rank-table .t-contents .t-field .holder{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    max-width:calc(100% - 60px);
    min-width:calc(100% - 60px);
    left:30px
}
.col-ranking .rank-table .t-head .t-id,.col-ranking .rank-table .t-contents .t-field .t-id{
    width:10%;
    min-width:10%
}
.col-ranking .rank-table .t-head .t-name,.col-ranking .rank-table .t-contents .t-field .t-name{
    width:30%;
    min-width:30%;
    font-weight:500
}
.col-ranking .rank-table .t-head .t-country,.col-ranking .rank-table .t-contents .t-field .t-country{
    width:25%;
    color:#5c5c5c;
    min-width:25%
}
.col-ranking .rank-table .t-head .t-kingdom,.col-ranking .rank-table .t-contents .t-field .t-kingdom{
    font-weight:500;
    width:20%;
    min-width:20%
}
.col-ranking .rank-table .t-head .t-red,.col-ranking .rank-table .t-contents .t-field .t-red{
    color:#ff3e50;
    text-shadow:0px 0px 3.85px rgba(255,62,80,0.15)
}
.col-ranking .rank-table .t-head .t-blue,.col-ranking .rank-table .t-contents .t-field .t-blue{
    color:#3e6bff;
    text-shadow:0px 0px 3.85px rgba(62,107,255,0.15)
}
.col-ranking .rank-table .t-head .t-gold,.col-ranking .rank-table .t-contents .t-field .t-gold{
    color:#c29e6c;
    text-shadow:0px 0px 3.85px rgba(194,158,108,0.15)
}
.col-ranking .rank-table .t-head .t-res,.col-ranking .rank-table .t-contents .t-field .t-res{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end;
    width:15%;
    min-width:15%
}
.col-ranking .rank-table .t-head .t-res span,.col-ranking .rank-table .t-contents .t-field .t-res span{
    margin-left:3px;
    color:#c29e6c
}
.col-ranking .rank-table .t-head .t-res span.red,.col-ranking .rank-table .t-contents .t-field .t-res span.red{
    margin-left:3px;
    color:#951818
}
.col-ranking .rank-table .t-head{
    color:#7a7873;
    font-size:12px;
    height:50px;
    padding-left:30px;
    padding-right:30px
}
.col-ranking .rank-table .t-contents .t-field{
    color:#353535;
    height:50px
}
.col-ranking .rank-table .t-contents .t-field:nth-child(odd){
    border-bottom:1px solid #CCC;
    background-color:rgba(255,255,255,0.75)
}
.col-ranking .rank-table .t-contents.reverse .t-field:nth-child(even){
    background-color:rgba(255,255,255,0.75)
}
.col-ranking .rank-table .t-contents.reverse .t-field:nth-child(odd){
    background-color:unset;
    border-top:1px solid #CCC;
    border-bottom:0px solid #CCC
}
@media (min-width: 1200px){
    .col-news{
        position:relative;
        top:10px
    }
}
@media (max-width: 991.98px){
    .col-news{
        margin-top:30px
    }
}
.s-news-holder{
    position:relative
}
.s-news-holder:before{
    top:0;
    width:calc(100% - 60px);
    border-bottom:1px solid rgba(34,36,35,0.1);
    content:'';
    position:absolute;
    left:30px
}
.s-news-holder .news-item{
    padding:0 30px;
    height:50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    display:flex
}
.s-news-holder .news-item:before{
    width:100%;
    height:50px;
    background-image:url(../img/ui/news-hover-bg.png);
    content:'';
    position:absolute;
    left:0px;
    z-index:0;
    opacity:0;
    -webkit-transition:0.5s;
    transition:0.5s
}
.s-news-holder .news-item:hover:before{
    opacity:1
}
.s-news-holder .news-item:hover .title,.s-news-holder .news-item:hover .date{
    color:#e0e0e0
}
.s-news-holder .news-item:after{
    bottom:0;
    width:calc(100% - 60px);
    border-bottom:1px solid rgba(34,36,35,0.1);
    content:'';
    position:absolute;
    left:30px
}
.s-news-holder .news-item .badge{
    z-index:1;
    height:22px;
    width:auto;
    background:url(../img/ui/news-badge-bg-repeat.png) center repeat-x;
    background-size:auto 100%;
    background-position:left top;
    padding:0 15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-right:20px
}
.s-news-holder .news-item .badge span{
    white-space:nowrap;
    font-weight:bold;
    font-size:11px;
    color:#ffffff;
    text-transform:uppercase
}
.s-news-holder .news-item .badge.b-blue{
    -webkit-filter:hue-rotate(217deg) brightness(1.2);
    filter:hue-rotate(217deg) brightness(1.2)
}
.s-news-holder .news-item .badge.b-gray{
    -webkit-filter:saturate(0) brightness(1.3);
    filter:saturate(0) brightness(1.3)
}
.s-news-holder .news-item .title{
    z-index:1;
    position:relative;
    color:#222423;
    font-weight:500;
    display:inline-block;
    white-space:nowrap;
    overflow:hidden !important;
    text-overflow:ellipsis
}
.s-news-holder .news-item .date{
    z-index:1;
    position:relative;
    margin-left:30px;
    font-weight:bold;
    white-space:nowrap;
    font-size:14px;
    color:#222423
}
@media (max-width: 575.98px){
    .s-news-holder .news-item .date{
        display:none
    }
}
.s-news-holder .news-item .date span{
    color:#7a7a7a
}
.big-news{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:20px 30px
}
.big-news .image-holder{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background-image:url(../img/ui/image-holder-bg.png);
    width:123px;
    height:72px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transition:0.2s;
    transition:0.2s;
    margin-right:20px
}
.big-news .image-holder:hover{
    -webkit-filter:brightness(1.2);
    filter:brightness(1.2)
}
.big-news .image-holder img{
    width:117px;
    height:66px;
    -o-object-fit:cover;
    object-fit:cover;
    display:block;
    pointer-events:none
}
.big-news .details{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-weight:500
}
.big-news .details .title{
    margin-bottom:20px;
    color:#333333;
    position:relative;
    font-size:14px
}
.big-news .details .title::after{
    content:'';
    border-bottom:1px solid #222423;
    opacity:0.2;
    position:absolute;
    left:0;
    width:30px;
    bottom:-10px
}
.big-news .details .title:hover{
    text-decoration:underline
}
.big-news .details .title span{
    color:#8f292f;
    font-weight:bold
}
.big-news .details .info{
    color:#979797;
    font-size:13px
}
.big-news .details .info span{
    color:#333
}
.big-news .details .info span.red{
    color:#8f292f
}
.media-player{
    position:relative;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media (min-width: 992px){
    .media-player{
        height:360px
    }
}
.media-player .media-action{
    cursor:pointer;
    -webkit-transition:0.3s;
    transition:0.3s;
    display:block;
    position:absolute
}
.media-player .media-action:hover{
    -webkit-transform:scale(1.04);
    transform:scale(1.04);
    -webkit-filter:brightness(1.1);
    filter:brightness(1.1)
}
.media-player .player-controls{
    width:calc(100% - 60px);
    position:absolute;
    bottom:20px;
    max-width:100%
}
.media-player .media-holder{
    width:inherit;
    height:inherit;
    overflow:hidden
}
.media-player .media-holder img,.media-player .media-holder video{
    width:100%;
    max-width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.media-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:10px 30px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    background-image:url(../img/ui/widget-head-bg.png);
    min-height:77px;
    font-weight:bold;
    text-transform:uppercase;
    width:100%
}
.media-title .name{
    color:#d3c9b7;
    font-size:15px;
    text-shadow:0.484px 1.941px 0px rgba(26,27,27,0.7)
}
.media-title .desc{
    color:#ac9f95;
    font-size:10px
}
/*.holder-media{
    margin-top:-70px
}
*/
.holder-form{
    margin-top:-70px;
    position:relative;
    overflow:hidden
}
.holder-form .justify-content-center{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.holder-form .char-reg-addon{
    position:absolute;
    right:0;
    -webkit-transform:translateX(20%);
    transform:translateX(20%);
    top:0
}
@media (max-width: 1199.98px){
    .holder-form .char-reg-addon{
        display:none
    }
}
.account-form{
    z-index:1;
    padding:40px;
    background-position:bottom center;
    background-image:url(../img/ui/form-bg.png);
    background-size:cover;
    position:relative
}
.account-form .f-heading{
    color:#222423;
    font-size:28px;
    line-height:1.2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-family:"gang-of-tree"
}
.account-form .f-heading .text{
    margin:10px 20px
}
.account-form .separate{
    height:1px;
    width:100%;
    background-color:#222423;
    opacity:.1;
    margin:25px 0
}
.account-form p{
    text-align:center;
    color:#5b5454;
    font-size:14px
}
.account-form p b{
    font-weight:500;
    color:#222423
}
.account-form .notify{
    margin-top:25px;
    padding:15px;
    color:#222423;
    text-align:center
}
.account-form .notify.red{
    color:#de0034;
    background-color:rgba(220,0,60,0.08);
    border:1px solid rgba(220,0,60,0.6)
}
.account-form .notify.green{
    color:#2b7c4f;
    background-color:rgba(0,220,98,0.08);
    border:1px solid rgba(0,220,98,0.6)
}
.account-form .input-holder span{
    display:block;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    color:#222423;
    margin-bottom:5px;
    margin-top:30px
}
.account-form .input-holder .label{
    width:100%;
    position:relative
}
.account-form .input-holder .label:after{
    height:10px;
    left:49px;
    width:1px;
    content:'';
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    position:absolute;
    background-color:#fff;
    opacity:0.2
}
.account-form .input-holder .label img{
    position:absolute;
    left:25px;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.account-form .input-holder input{
    border-bottom:2px solid white;
    width:100%;
    color:#ededed;
    height:48px;
    padding:0 20px 0 70px
}
.account-form .input-holder input::-webkit-input-placeholder{
    color:rgba(237,237,237,0.6)
}
.account-form .input-holder input:-ms-input-placeholder{
    color:rgba(237,237,237,0.6)
}
.account-form .input-holder input::-ms-input-placeholder{
    color:rgba(237,237,237,0.6)
}
.account-form .input-holder input::placeholder{
    color:rgba(237,237,237,0.6)
}
.account-form .checkbox{
    margin-top:30px;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.account-form .checkbox input{
    display:none
}
.account-form .checkbox input:checked+span:after{
    opacity:1
}
.account-form .checkbox span{
    position:relative;
    padding-left:35px;
    font-size:14px;
    color:#2d2d2d;
    display:block
}
.account-form .checkbox span:before,.account-form .checkbox span:after{
    content:'';
    position:absolute;
    -webkit-transition:0.2s;
    transition:0.2s;
    display:block
}
.account-form .checkbox span:before{
    cursor:pointer;
    left:0;
    top:0px;
    background-color:#1F2120;
    width:22px;
    display:block;
    height:20px
}
.account-form .checkbox span:after{
    opacity:0;
    left:0px;
    top:0px;
    pointer-events:none;
    background-image:url(../img/ui/check-checked.png);
    width:22px;
    height:20px
}
.account-form .checkbox span a{
    font-weight:500;
    color:#1c1c1c
}
.account-form .checkbox span a:hover{
    text-decoration:underline
}
.account-form .button-submit{
    margin:30px auto;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    min-width:256px
}
.account-form .button-submit .title{
    text-align:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-line-pack:center;
    align-content:center
}
.account-form .button-submit:before{
    background-position:center;
    background-image:url(../img/ui/btn-submit-center.png)
}
.account-form .links{
    margin-top:-15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    color:#222423
}
.account-form .links span{
    margin:15px
}
.account-form .links a{
    color:inherit;
    text-decoration:underline
}
.account-form .decoration{
    position:absolute;
    pointer-events:none
}
.account-form .decoration--left{
    left:10px;
    bottom:10px
}
.account-form .decoration--right{
    right:10px;
    bottom:10px
}
.holder-banners{
    overflow:hidden;
    padding:45px 15px;
    margin-top:-45px;
    margin-bottom:-45px
}
.holder-banners .banner{
    height:100%;
    min-height:134px;
    width:100%;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:30px 30px;
    -webkit-transition:0.2s;
    transition:0.2s
}
.holder-banners .banner:hover{
    -webkit-filter:brightness(1.15);
    filter:brightness(1.15);
    -webkit-transform:translateY(-3px);
    transform:translateY(-3px)
}
.holder-banners .banner:before{
    width:100%;
    height:100%;
    border:2px solid #222423;
    opacity:0.3;
    content:'';
    left:10px;
    top:10px;
    display:block;
    position:absolute
}
.holder-banners .banner .deco{
    position:absolute;
    height:83px;
    pointer-events:none;
    width:83px;
    z-index:1
}
.holder-banners .banner .deco--left{
    left:10px;
    bottom:10px
}
.holder-banners .banner .deco--right{
    right:10px;
    top:10px
}
.holder-banners .banner:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    display:block;
    height:inherit;
    background-size:cover
}
.holder-banners .banner .title{
    position:relative;
    z-index:2;
    display:block;
    text-transform:uppercase;
    line-height:1.2;
    text-shadow:2.007px 2.229px 0px rgba(49,11,11,0.6)
}
.holder-banners .banner .title span{
    font-size:12px;
    font-family:"Open Sans";
    color:#cfb7b5
}
.holder-banners .banner .title .main{
    font-size:24px;
    font-family:"friz-quadrata-medium";
    color:#fff;
    left:348.026px;
    top:1413.076px;
    z-index:180
}
.holder-banners .banner--red:after{
    background-image:url(../img/ui/red-banner-bg-only.png)
}
.holder-banners .banner--red .character{
    width:164px;
    height:194px;
    z-index:1;
    position:absolute;
    pointer-events:none;
    right:-60px;
    bottom:0
}
.holder-banners .banner--gray{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
.holder-banners .banner--gray .title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-shadow:2.007px 2.229px 0px rgba(0,0,0,0.9)
}
.holder-banners .banner--gray .title span{
    color:#d1d1d1
}
.holder-banners .banner--gray:after{
    background-image:url(../img/ui/gray-banner-bg.png)
}
.section-heading{
    width:100%;
    padding-top:100px;
    padding-bottom:60px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
    overflow:hidden;
    line-height:1.2
}
.section-heading img{
    height:22px;
    display:block;
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px);
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    -o-object-fit:auto;
    object-fit:auto
}
.section-heading .head{
    padding:0 25px
}
.section-heading .title{
    font-size:45px;
    color:#222423;
    font-family:"gang-of-tree";
    text-shadow:0.726px 2.911px 0px rgba(255,255,255,0.8)
}
.section-heading span{
    color:#000000;
    opacity:0.3;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:5px
}
.section-heading.dark .title{
    color:#efefef;
    text-shadow:0.726px 2.911px 0px rgba(0,0,0,0.8)
}
.section-heading.dark span{
    color:#efefef
}
.about-point{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:20px
}
.about-point .id{
    background-image:url(../img/ui/about-decoration.png);
    height:79px;
    min-width:63px;
    background-size:cover;
    display:block;
    margin-right:20px;
    position:relative;
    margin-top:10px
}
.about-point .id span{
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    top:15px;
    font-size:25px;
    font-family:"gang-of-tree";
    color:#222423;
    line-height:1;
    text-shadow:0.726px 2.911px 0px rgba(255,255,255,0.86)
}
.about-point .text .head{
    font-family:"gang-of-tree";
    font-size:20px;
    color:#222423;
    margin-bottom:5px
}
.about-point .text p{
    color:#5b5454;
    font-size:14px
}
.about-point .text p b{
    font-weight:500;
    color:#222423
}
.about-image-holder{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.about-image-holder img.about-image{
    width:100%;
    height:auto;
    max-width:100%
}
.about-image-holder .button-about{
    position:absolute;
    bottom:0;
    -webkit-transform:translateY(50%);
    transform:translateY(50%);
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
.about-image-holder .button-about:before{
    background-image:url(../img/ui/open-presentation-bg-button.png)
}
.button-widget{
    height:50px;
    padding:0 40px;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin-left:auto;
    margin-right:30px;
    -webkit-transform:translateY(50%);
    transform:translateY(50%)
}
.button-widget span{
    font-size:13px;
    color:#d9d9d9;
    font-weight:700;
    z-index:1
}
.button-widget:before{
    background-image:url(../img/ui/gray-button-bg.png);
    background-size:cover
}
.button-gold-nav{
    padding:0 30px;
    height:70px
}
.button-gold-nav .title{
    z-index:1;
    text-transform:uppercase;
    color:#242525;
    font-size:15px;
    line-height:0.9
}
.button-gold-nav .title .name{
    font-weight:bold;
    text-shadow:0.242px 0.97px 0px rgba(213,185,146,0.8),0.242px 0.97px 2px rgba(213,185,146,0.6)
}
.button-gold-nav .title span{
    font-size:8px;
    color:#d3ba9a;
    text-shadow:0.242px 0.97px 2px rgba(35,36,36,0.7)
}
.button-gold-nav img{
    z-index:1;
    margin-right:10px
}
.button-gold-nav:before{
    background-image:url(../img/ui/button-nav-gold.png);
    background-size:cover
}
.button-gold-nav,.button-widget{
    -webkit-transition:0.2s;
    transition:0.2s;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative
}
.button-gold-nav:hover,.button-widget:hover{
    -webkit-filter:brightness(120%);
    filter:brightness(120%)
}
.button-gold-nav:before,.button-widget:before{
    position:absolute;
    height:inherit;
    width:-webkit-fill-available;
    width:-moz-available;
    width:fill-available;
    content:'';
    left:0;
    top:0
}
input{
    background-color:#1f2120
}
table{
    border:1px solid rgba(204,204,204,0.1);
    border-collapse:collapse;
    margin:0;
    padding:0;
    width:100%;
    table-layout:fixed
}
table caption{
    font-size:1.5em;
    margin:.5em 0 .75em
}
table tr{
    background-color:rgba(204,204,204,0.1);
    border:1px solid rgba(204,204,204,0.25);
    padding:.35em
}
table th,table td{
    padding:.625em;
    text-align:center
}
table th{
    font-size:.85em;
    letter-spacing:.1em;
    text-transform:uppercase
}
@media screen and (max-width: 600px){
    table{
        border:0
    }
    table caption{
        font-size:1.3em
    }
    table thead{
        border:none;
        clip:rect(0 0 0 0);
        height:1px;
        margin:-1px;
        overflow:hidden;
        padding:0;
        position:absolute;
        width:1px
    }
    table tr{
        border-bottom:3px solid #ddd;
        display:block;
        margin-bottom:.625em
    }
    table td{
        border-bottom:1px solid #ddd;
        display:block;
        font-size:.8em;
        text-align:right
    }
    table td::before{
        content:attr(data-label);
        float:left;
        font-weight:bold;
        text-transform:uppercase
    }
    table td:last-child{
        border-bottom:0
    }
}
/*# sourceMappingURL=style.min.css.map */