/*! Spectre.css v0.5.7 | MIT License | github.com/picturepan2/spectre */html {
 font-family:sans-serif;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}
body {
 margin:0
}
article,aside,footer,header,nav,section {
 display:block
}
h1 {
 font-size:2em;
 margin:.67em 0
}

.frame-box > h1 {
    font-size: 40px;
    line-height: 1;
    margin: 0;
    max-width: 600px;
}

figcaption,figure,main {
 display:block
}
hr {
 overflow:visible;
 box-sizing:content-box;
 height:80px;
 visibility: hidden;
}
a {
 background-color:transparent;
 -webkit-text-decoration-skip:objects
}
a:active,a:hover {
 outline-width:0
}
address {
 font-style:normal
}
b,strong {
 font-weight:inherit
}
b,strong {
 font-weight:bolder
}
code,kbd,pre,samp {
 font-family:'SF Mono','Segoe UI Mono','Roboto Mono',Menlo,Courier,monospace;
 font-size:1em
}
dfn {
 font-style:italic
}
small {
 font-size:80%;
 font-weight:400
}
sub,sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sub {
 bottom:-.25em
}
sup {
 top:-.5em
}
audio,video {
 display:inline-block
}
audio:not([controls]) {
 display:none;
 height:0
}
img {
 border-style:none
}
svg:not(:root) {
 overflow:hidden
}
button,input,optgroup,select,textarea {
 font-family:inherit;
 font-size:inherit;
 line-height:inherit;
 margin:0
}
button,input {
 overflow:visible
}
button,select {
 text-transform:none
}
[type=reset],[type=submit],button,html [type=button] {
 -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
 padding:0;
 border-style:none
}
fieldset {
 margin:0;
 padding:0;
 border:0
}
legend {
 display:table;
 box-sizing:border-box;
 max-width:100%;
 padding:0;
 white-space:normal;
 color:inherit
}
progress {
 display:inline-block;
 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] {
 outline-offset:-2px;
 -webkit-appearance:textfield
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
 -webkit-appearance:none
}
::-webkit-file-upload-button {
 font:inherit;
 -webkit-appearance:button
}
details,menu {
 display:block
}
summary {
 display:list-item;
 outline:0
}
canvas {
 display:inline-block
}
template {
 display:none
}
[hidden] {
 display:none
}
*,::after,::before {
 box-sizing:inherit
}
html {
 font-size:20px;
 line-height:1.5;
 box-sizing:border-box;
 -webkit-tap-highlight-color:transparent
}
body {
 font-family: 'Merriweather', serif;
 font-size:20x;
 line-height: 28px;
 overflow-x:hidden;
 color: #005e81;
 text-rendering:optimizeLegibility;
 
}
a {
 text-decoration:none;
 color:#3085ee;
 outline:0
}
a:focus {
 box-shadow:0 0 0 .1rem rgba(48,133,238,.2)
}
a.active,a:active,a:focus,a:hover {
 text-decoration:underline;
 color:#126bd9
}
a:visited {
 color:#5fa1f2
}
h1,h2,h3,h4,h5,h6 {
 font-weight:500;
 line-height:1.2;
 margin-top:0;
 margin-bottom:.5em;
 color:inherit
}
.h1,.h2,.h3,.h4,.h5,.h6 {
 font-weight:500
}
.h1,h1 {
 font-size:2rem
}
.h2,h2 {
 font-size:1.6rem
}
.h3,h3 {
 font-size:1.4rem
}
.h4,h4 {
 font-size:1.2rem
}
.h5,h5 {
 font-size:1rem
}
.h6,h6 {
 font-size:.8rem
}
p {

    line-height: 1.25em;
}
a,ins,u {
 -webkit-text-decoration-skip:ink edges;
 text-decoration-skip:ink edges
}
abbr[title] {
 cursor:help;
 text-decoration:none;
 border-bottom:.05rem dotted
}
kbd {
 font-size:.7rem;
 line-height:1.2;
 padding:.1rem .2rem;
 color:#fff;
 border-radius:.1rem;
 background:#454d5d
}
mark {
 padding:.05rem .1rem 0;
 color:#50596c;
 border-bottom:.05rem solid #ffd367;
 border-radius:.1rem;
 background:#ffe9b3
}
blockquote {
 margin-left:0;
 padding:.4rem .8rem;
 border-left:.1rem solid #e7e9ed
}
blockquote p:last-child {
 margin-bottom:0
}
ol,ul {
 margin:.8rem 0 .8rem .8rem;
 padding:0
}
ol ol,ol ul,ul ol,ul ul {
 margin:.8rem 0 .8rem .8rem
}
ol li,ul li {
 margin-top:.4rem
}
ul {
 list-style:disc inside
}
ul ul {
 list-style-type:circle
}
ol {
 list-style:decimal inside
}
ol ol {
 list-style-type:lower-alpha
}
dl dt {
 font-weight:700
}
dl dd {
 margin:.4rem 0 .8rem 0
}
.lang-zh,.lang-zh-hans,html:lang(zh),html:lang(zh-Hans) {
 font-family:-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',sans-serif
}
.lang-zh-hant,html:lang(zh-Hant) {
 font-family:-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang TC','Hiragino Sans CNS','Microsoft JhengHei','Helvetica Neue',sans-serif
}
.lang-ja,html:lang(ja) {
 font-family:-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Hiragino Sans','Hiragino Kaku Gothic Pro','Yu Gothic',YuGothic,Meiryo,'Helvetica Neue',sans-serif
}
.lang-ko,html:lang(ko) {
 font-family:-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,'Malgun Gothic','Helvetica Neue',sans-serif
}
.lang-cjk ins,.lang-cjk u,:lang(ja) ins,:lang(ja) u,:lang(zh) ins,:lang(zh) u {
 text-decoration:none;
 border-bottom:.05rem solid
}
.lang-cjk del+del,.lang-cjk del+s,.lang-cjk ins+ins,.lang-cjk ins+u,.lang-cjk s+del,.lang-cjk s+s,.lang-cjk u+ins,.lang-cjk u+u,:lang(ja) del+del,:lang(ja) del+s,:lang(ja) ins+ins,:lang(ja) ins+u,:lang(ja) s+del,:lang(ja) s+s,:lang(ja) u+ins,:lang(ja) u+u,:lang(zh) del+del,:lang(zh) del+s,:lang(zh) ins+ins,:lang(zh) ins+u,:lang(zh) s+del,:lang(zh) s+s,:lang(zh) u+ins,:lang(zh) u+u {
 margin-left:.125em
}
.table {
 width:100%;
 border-spacing:0;
 border-collapse:collapse;
 text-align:left
}
.table.table-striped tbody tr:nth-of-type(odd) {
 background:#f8f9fa
}
.table tbody tr.active,.table.table-striped tbody tr.active {
 background:#f0f1f4
}
.table.table-hover tbody tr:hover {
 background:#f0f1f4
}
.table.table-scroll {
 display:block;
 overflow-x:auto;
 padding-bottom:.75rem;
 white-space:nowrap
}
.table td,.table th {
 padding:.6rem .4rem;
 border-bottom:.05rem solid #e7e9ed
}
.table th {
 border-bottom-width:.1rem
}
.btn,.button {
 font-size:.8rem;
 line-height:1.2rem;
 display:inline-block;
 height:1.8rem;
 padding:.25rem .4rem;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 transition:background .2s,border .2s,box-shadow .2s,color .2s;
 text-align:center;
 vertical-align:middle;
 white-space:nowrap;
 text-decoration:none;
 color:#3085ee;
 border:.05rem solid #3085ee;
 border-radius:.1rem;
 outline:0;
 background:#fff;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
.btn:focus,.button:focus {
 box-shadow:0 0 0 .1rem rgba(48,133,238,.2)
}
.btn:focus,.btn:hover,.button:focus,.button:hover {
 text-decoration:none;
 border-color:#227ded;
 background:#e1edfd
}
.active.button,.btn.active,.btn:active,.button:active {
 text-decoration:none;
 color:#fff;
 border-color:#1370e3;
 background:#227ded
}
.active.loading.button::after,.btn.active.loading::after,.btn:active.loading::after,.button:active.loading::after {
 border-bottom-color:#fff;
 border-left-color:#fff
}
.btn.disabled,.btn:disabled,.btn[disabled],.button:disabled,.button[disabled],.disabled.button {
 cursor:default;
 pointer-events:none;
 opacity:.5
}
.btn-primary.button,.btn.btn-primary {
 color:#fff;
 border-color:#227ded;
 background:#3085ee
}
.btn-primary.button:focus,.btn-primary.button:hover,.btn.btn-primary:focus,.btn.btn-primary:hover {
 color:#fff;
 border-color:#1370e3;
 background:#1877ec
}
.btn-primary.active.button,.btn-primary.button:active,.btn.btn-primary.active,.btn.btn-primary:active {
 color:#fff;
 border-color:#126bd9;
 background:#1372e7
}
.btn-primary.loading.button::after,.btn.btn-primary.loading::after {
 border-bottom-color:#fff;
 border-left-color:#fff
}
.btn-success.button,.btn.btn-success {
 color:#fff;
 border-color:#2faa3f;
 background:#32b643
}
.btn-success.button:focus,.btn.btn-success:focus {
 box-shadow:0 0 0 .1rem rgba(50,182,67,.2)
}
.btn-success.button:focus,.btn-success.button:hover,.btn.btn-success:focus,.btn.btn-success:hover {
 color:#fff;
 border-color:#2da23c;
 background:#30ae40
}
.btn-success.active.button,.btn-success.button:active,.btn.btn-success.active,.btn.btn-success:active {
 color:#fff;
 border-color:#278e34;
 background:#2a9a39
}
.btn-success.loading.button::after,.btn.btn-success.loading::after {
 border-bottom-color:#fff;
 border-left-color:#fff
}
.btn-error.button,.btn.btn-error {
 color:#fff;
 border-color:#d95000;
 background:#e85600
}
.btn-error.button:focus,.btn.btn-error:focus {
 box-shadow:0 0 0 .1rem rgba(232,86,0,.2)
}
.btn-error.button:focus,.btn-error.button:hover,.btn.btn-error:focus,.btn.btn-error:hover {
 color:#fff;
 border-color:#cf4d00;
 background:#de5200
}
.btn-error.active.button,.btn-error.button:active,.btn.btn-error.active,.btn.btn-error:active {
 color:#fff;
 border-color:#b54300;
 background:#c44900
}
.btn-error.loading.button::after,.btn.btn-error.loading::after {
 border-bottom-color:#fff;
 border-left-color:#fff
}
.btn-link.button,.btn.btn-link {
 color:#3085ee;
 border-color:transparent;
 background:0 0
}
.btn-link.active.button,.btn-link.button:active,.btn-link.button:focus,.btn-link.button:hover,.btn.btn-link.active,.btn.btn-link:active,.btn.btn-link:focus,.btn.btn-link:hover {
 color:#126bd9
}
.btn-sm.button,.btn.btn-sm {
 font-size:.7rem;
 height:1.4rem;
 padding:.05rem .3rem
}
.btn-lg.button,.btn.btn-lg {
 font-size:.9rem;
 height:2rem;
 padding:.35rem .6rem
}
.btn-block.button,.btn.btn-block {
 display:block;
 width:100%
}
.btn-action.button,.btn.btn-action {
 width:1.8rem;
 padding-right:0;
 padding-left:0
}
.btn-action.btn-sm.button,.btn.btn-action.btn-sm {
 width:1.4rem
}
.btn-action.btn-lg.button,.btn.btn-action.btn-lg {
 width:2rem
}
.btn-clear.button,.btn.btn-clear {
 line-height:.8rem;
 width:1rem;
 height:1rem;
 margin-right:-2px;
 margin-left:.2rem;
 padding:.1rem;
 text-decoration:none;
 opacity:1;
 color:currentColor;
 border:0;
 background:0 0
}
.btn-clear.button:focus,.btn-clear.button:hover,.btn.btn-clear:focus,.btn.btn-clear:hover {
 opacity:.95;
 background:rgba(248,249,250,.5)
}
.btn-clear.button::before,.btn.btn-clear::before {
 content:'\2715'
}
.btn-group {
 display:-ms-inline-flexbox;
 display:inline-flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.btn-group .btn,.btn-group .button {
 -ms-flex:1 0 auto;
 flex:1 0 auto
}
.btn-group .btn:first-child:not(:last-child),.btn-group .button:first-child:not(:last-child) {
 border-top-right-radius:0;
 border-bottom-right-radius:0
}
.btn-group .btn:not(:first-child):not(:last-child),.btn-group .button:not(:first-child):not(:last-child) {
 margin-left:-.05rem;
 border-radius:0
}
.btn-group .btn:last-child:not(:first-child),.btn-group .button:last-child:not(:first-child) {
 margin-left:-.05rem;
 border-top-left-radius:0;
 border-bottom-left-radius:0
}
.btn-group .active.button,.btn-group .btn.active,.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover,.btn-group .button:active,.btn-group .button:focus,.btn-group .button:hover {
 z-index:1
}
.btn-group.btn-group-block {
 display:-ms-flexbox;
 display:flex
}
.btn-group.btn-group-block .btn,.btn-group.btn-group-block .button {
 -ms-flex:1 0 0;
 flex:1 0 0
}
.form-group:not(:last-child) {
 margin-bottom:.4rem
}
fieldset {
 margin-bottom:.8rem
}
legend {
 font-size:.9rem;
 font-weight:500;
 margin-bottom:.8rem
}
.form-label {
 line-height:1.2rem;
 display:block;
 padding:.3rem 0
}
.form-label.label-sm {
 font-size:.7rem;
 padding:.1rem 0
}
.form-label.label-lg {
 font-size:.9rem;
 padding:.4rem 0
}
.form-input,.search-input,[data-grav-field=array] input,[data-grav-field=array] textarea {
 font-size:.8rem;
 line-height:1.2rem;
 position:relative;
 display:block;
 width:100%;
 max-width:100%;
 height:1.8rem;
 padding:.25rem .4rem;
 transition:background .2s,border .2s,box-shadow .2s,color .2s;
 color:#50596c;
 border:.05rem solid #caced7;
 border-radius:.1rem;
 outline:0;
 background:#fff;
 background-image:none;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
.form-input:focus,.search-input:focus,[data-grav-field=array] input:focus,[data-grav-field=array] textarea:focus {
 border-color:#3085ee;
 box-shadow:0 0 0 .1rem rgba(48,133,238,.2)
}
.form-input::-webkit-input-placeholder,.search-input::-webkit-input-placeholder,[data-grav-field=array] input::-webkit-input-placeholder,[data-grav-field=array] textarea::-webkit-input-placeholder {
 color:#acb3c2
}
.form-input:-ms-input-placeholder,.search-input:-ms-input-placeholder,[data-grav-field=array] input:-ms-input-placeholder,[data-grav-field=array] textarea:-ms-input-placeholder {
 color:#acb3c2
}
.form-input::-ms-input-placeholder,.search-input::-ms-input-placeholder,[data-grav-field=array] input::-ms-input-placeholder,[data-grav-field=array] textarea::-ms-input-placeholder {
 color:#acb3c2
}
.form-input::placeholder,.search-input::placeholder,[data-grav-field=array] input::placeholder,[data-grav-field=array] textarea::placeholder {
 color:#acb3c2
}
.form-input.input-sm,.input-sm.search-input,[data-grav-field=array] input.input-sm,[data-grav-field=array] textarea.input-sm {
 font-size:.7rem;
 height:1.4rem;
 padding:.05rem .3rem
}
.form-input.input-lg,.input-lg.search-input,[data-grav-field=array] input.input-lg,[data-grav-field=array] textarea.input-lg {
 font-size:.9rem;
 height:2rem;
 padding:.35rem .6rem
}
.form-input.input-inline,.input-inline.search-input,[data-grav-field=array] input.input-inline,[data-grav-field=array] textarea.input-inline {
 display:inline-block;
 width:auto;
 vertical-align:middle
}
.form-input[type=file],.search-input[type=file],[data-grav-field=array] input[type=file],[data-grav-field=array] textarea[type=file] {
 height:auto
}
[data-grav-field=array] textarea,[data-grav-field=array] textarea.input-lg,[data-grav-field=array] textarea.input-sm,textarea.form-input,textarea.form-input.input-lg,textarea.form-input.input-sm,textarea.input-lg.search-input,textarea.input-sm.search-input,textarea.search-input {
 height:auto
}
.form-input-hint {
 font-size:.7rem;
 margin-top:.2rem;
 color:#acb3c2
}
.has-success .form-input-hint,.is-success+.form-input-hint {
 color:#32b643
}
.has-error .form-input-hint,.is-error+.form-input-hint {
 color:#e85600
}
.form-select {
 font-size:.8rem;
 line-height:1.2rem;
 width:100%;
 height:1.8rem;
 padding:.25rem .4rem;
 vertical-align:middle;
 color:inherit;
 border:.05rem solid #caced7;
 border-radius:.1rem;
 outline:0;
 background:#fff;
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none
}
.form-select:focus {
 border-color:#3085ee;
 box-shadow:0 0 0 .1rem rgba(48,133,238,.2)
}
.form-select::-ms-expand {
 display:none
}
.form-select.select-sm {
 font-size:.7rem;
 height:1.4rem;
 padding:.05rem 1.1rem .05rem .3rem
}
.form-select.select-lg {
 font-size:.9rem;
 height:2rem;
 padding:.35rem 1.4rem .35rem .6rem
}
.form-select[multiple],.form-select[size] {
 height:auto;
 padding:.25rem .4rem
}
.form-select[multiple] option,.form-select[size] option {
 padding:.1rem .2rem
}
.form-select:not([multiple]):not([size]) {
 padding-right:1.2rem;
 background:#fff url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=\'http://www.w3.org/2000/svg\'%20viewBox=\'0%200%204%205\'%3E%3Cpath%20fill=\'%23667189\'%20d=\'M2%200L0%202h4zm0%205L0%203h4z\'/%3E%3C/svg%3E') no-repeat right .35rem center/.4rem .5rem
}
.has-icon-left,.has-icon-right {
 position:relative
}
.has-icon-left .form-icon,.has-icon-right .form-icon {
 position:absolute;
 z-index:2;
 top:50%;
 width:.8rem;
 height:.8rem;
 margin:0 .25rem;
 transform:translateY(-50%)
}
.has-icon-left .form-icon {
 left:.05rem
}
.has-icon-left .form-input,.has-icon-left .search-input,.has-icon-left [data-grav-field=array] input,.has-icon-left [data-grav-field=array] textarea,[data-grav-field=array] .has-icon-left input,[data-grav-field=array] .has-icon-left textarea {
 padding-left:1.3rem
}
.has-icon-right .form-icon {
 right:.05rem
}
.has-icon-right .form-input,.has-icon-right .search-input,.has-icon-right [data-grav-field=array] input,.has-icon-right [data-grav-field=array] textarea,[data-grav-field=array] .has-icon-right input,[data-grav-field=array] .has-icon-right textarea {
 padding-right:1.3rem
}
.form-checkbox,.form-radio,.form-switch {
 line-height:1.2rem;
 position:relative;
 display:block;
 min-height:1.2rem;
 margin:.2rem 0;
 padding:.1rem .4rem .1rem 1.2rem
}
.form-checkbox input,.form-radio input,.form-switch input {
 position:absolute;
 overflow:hidden;
 clip:rect(0,0,0,0);
 width:1px;
 height:1px;
 margin:-1px
}
.form-checkbox input:focus+.form-icon,.form-radio input:focus+.form-icon,.form-switch input:focus+.form-icon {
 border-color:#3085ee;
 box-shadow:0 0 0 .1rem rgba(48,133,238,.2)
}
.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon,.form-switch input:checked+.form-icon {
 border-color:#3085ee;
 background:#3085ee
}
.form-checkbox .form-icon,.form-radio .form-icon,.form-switch .form-icon {
 position:absolute;
 display:inline-block;
 cursor:pointer;
 transition:background .2s,border .2s,box-shadow .2s,color .2s;
 border:.05rem solid #caced7
}
.form-checkbox.input-sm,.form-radio.input-sm,.form-switch.input-sm {
 font-size:.7rem;
 margin:0
}
.form-checkbox.input-lg,.form-radio.input-lg,.form-switch.input-lg {
 font-size:.9rem;
 margin:.3rem 0
}
.form-checkbox .form-icon,.form-radio .form-icon {
 top:.3rem;
 left:0;
 width:.8rem;
 height:.8rem;
 background:#fff
}
.form-checkbox input:active+.form-icon,.form-radio input:active+.form-icon {
 background:#f0f1f4
}
.form-checkbox .form-icon {
 border-radius:.1rem
}
.form-checkbox input:checked+.form-icon::before {
 position:absolute;
 top:50%;
 left:50%;
 width:6px;
 height:9px;
 margin-top:-6px;
 margin-left:-3px;
 content:'';
 transform:rotate(45deg);
 border:.1rem solid #fff;
 border-top-width:0;
 border-left-width:0;
 background-clip:padding-box
}
.form-checkbox input:indeterminate+.form-icon {
 border-color:#3085ee;
 background:#3085ee
}
.form-checkbox input:indeterminate+.form-icon::before {
 position:absolute;
 top:50%;
 left:50%;
 width:10px;
 height:2px;
 margin-top:-1px;
 margin-left:-5px;
 content:'';
 background:#fff
}
.form-radio .form-icon {
 border-radius:50%
}
.form-radio input:checked+.form-icon::before {
 position:absolute;
 top:50%;
 left:50%;
 width:6px;
 height:6px;
 content:'';
 transform:translate(-50%,-50%);
 border-radius:50%;
 background:#fff
}
.form-switch {
 padding-left:2rem
}
.form-switch .form-icon {
 top:.25rem;
 left:0;
 width:1.6rem;
 height:.9rem;
 border-radius:.45rem;
 background:#acb3c2;
 background-clip:padding-box
}
.form-switch .form-icon::before {
 position:absolute;
 top:0;
 left:0;
 display:block;
 width:.8rem;
 height:.8rem;
 content:'';
 transition:background .2s,border .2s,box-shadow .2s,color .2s,left .2s;
 border-radius:50%;
 background:#fff
}
.form-switch input:checked+.form-icon::before {
 left:14px
}
.form-switch input:active+.form-icon::before {
 background:#f8f9fa
}
.input-group {
 display:-ms-flexbox;
 display:flex
}
.input-group .input-group-addon {
 line-height:1.2rem;
 padding:.25rem .4rem;
 white-space:nowrap;
 border:.05rem solid #caced7;
 border-radius:.1rem;
 background:#f8f9fa
}
.input-group .input-group-addon.addon-sm {
 font-size:.7rem;
 padding:.05rem .3rem
}
.input-group .input-group-addon.addon-lg {
 font-size:.9rem;
 padding:.35rem .6rem
}
.input-group .form-input,.input-group .form-select,.input-group .search-input,.input-group [data-grav-field=array] input,.input-group [data-grav-field=array] textarea,[data-grav-field=array] .input-group input,[data-grav-field=array] .input-group textarea {
 width:1%;
 -ms-flex:1 1 auto;
 flex:1 1 auto
}
.input-group .input-group-btn {
 z-index:1
}
.input-group .form-input:first-child:not(:last-child),.input-group .form-select:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child),.input-group .search-input:first-child:not(:last-child),.input-group [data-grav-field=array] input:first-child:not(:last-child),.input-group [data-grav-field=array] textarea:first-child:not(:last-child),[data-grav-field=array] .input-group input:first-child:not(:last-child),[data-grav-field=array] .input-group textarea:first-child:not(:last-child) {
 border-top-right-radius:0;
 border-bottom-right-radius:0
}
.input-group .form-input:not(:first-child):not(:last-child),.input-group .form-select:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child),.input-group .search-input:not(:first-child):not(:last-child),.input-group [data-grav-field=array] input:not(:first-child):not(:last-child),.input-group [data-grav-field=array] textarea:not(:first-child):not(:last-child),[data-grav-field=array] .input-group input:not(:first-child):not(:last-child),[data-grav-field=array] .input-group textarea:not(:first-child):not(:last-child) {
 margin-left:-.05rem;
 border-radius:0
}
.input-group .form-input:last-child:not(:first-child),.input-group .form-select:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child),.input-group .search-input:last-child:not(:first-child),.input-group [data-grav-field=array] input:last-child:not(:first-child),.input-group [data-grav-field=array] textarea:last-child:not(:first-child),[data-grav-field=array] .input-group input:last-child:not(:first-child),[data-grav-field=array] .input-group textarea:last-child:not(:first-child) {
 margin-left:-.05rem;
 border-top-left-radius:0;
 border-bottom-left-radius:0
}
.input-group .form-input:focus,.input-group .form-select:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus,.input-group .search-input:focus,.input-group [data-grav-field=array] input:focus,.input-group [data-grav-field=array] textarea:focus,[data-grav-field=array] .input-group input:focus,[data-grav-field=array] .input-group textarea:focus {
 z-index:2
}
.input-group .form-select {
 width:auto
}
.input-group.input-inline {
 display:-ms-inline-flexbox;
 display:inline-flex
}
.form-input.is-success,.form-select.is-success,.has-success .form-input,.has-success .form-select,.has-success .search-input,.has-success [data-grav-field=array] input,.has-success [data-grav-field=array] textarea,.is-success.search-input,[data-grav-field=array] .has-success input,[data-grav-field=array] .has-success textarea,[data-grav-field=array] input.is-success,[data-grav-field=array] textarea.is-success {
 border-color:#32b643;
 background:#f9fdfa
}
.form-input.is-success:focus,.form-select.is-success:focus,.has-success .form-input:focus,.has-success .form-select:focus,.has-success .search-input:focus,.has-success [data-grav-field=array] input:focus,.has-success [data-grav-field=array] textarea:focus,.is-success.search-input:focus,[data-grav-field=array] .has-success input:focus,[data-grav-field=array] .has-success textarea:focus,[data-grav-field=array] input.is-success:focus,[data-grav-field=array] textarea.is-success:focus {
 box-shadow:0 0 0 .1rem rgba(50,182,67,.2)
}
.form-input.is-error,.form-select.is-error,.has-error .form-input,.has-error .form-select,.has-error .search-input,.has-error [data-grav-field=array] input,.has-error [data-grav-field=array] textarea,.is-error.search-input,[data-grav-field=array] .has-error input,[data-grav-field=array] .has-error textarea,[data-grav-field=array] input.is-error,[data-grav-field=array] textarea.is-error {
 border-color:#e85600;
 background:#fffaf7
}
.form-input.is-error:focus,.form-select.is-error:focus,.has-error .form-input:focus,.has-error .form-select:focus,.has-error .search-input:focus,.has-error [data-grav-field=array] input:focus,.has-error [data-grav-field=array] textarea:focus,.is-error.search-input:focus,[data-grav-field=array] .has-error input:focus,[data-grav-field=array] .has-error textarea:focus,[data-grav-field=array] input.is-error:focus,[data-grav-field=array] textarea.is-error:focus {
 box-shadow:0 0 0 .1rem rgba(232,86,0,.2)
}
.form-checkbox.is-error .form-icon,.form-radio.is-error .form-icon,.form-switch.is-error .form-icon,.has-error .form-checkbox .form-icon,.has-error .form-radio .form-icon,.has-error .form-switch .form-icon {
 border-color:#e85600
}
.form-checkbox.is-error input:checked+.form-icon,.form-radio.is-error input:checked+.form-icon,.form-switch.is-error input:checked+.form-icon,.has-error .form-checkbox input:checked+.form-icon,.has-error .form-radio input:checked+.form-icon,.has-error .form-switch input:checked+.form-icon {
 border-color:#e85600;
 background:#e85600
}
.form-checkbox.is-error input:focus+.form-icon,.form-radio.is-error input:focus+.form-icon,.form-switch.is-error input:focus+.form-icon,.has-error .form-checkbox input:focus+.form-icon,.has-error .form-radio input:focus+.form-icon,.has-error .form-switch input:focus+.form-icon {
 border-color:#e85600;
 box-shadow:0 0 0 .1rem rgba(232,86,0,.2)
}
.form-checkbox.is-error input:indeterminate+.form-icon,.has-error .form-checkbox input:indeterminate+.form-icon {
 border-color:#e85600;
 background:#e85600
}
.form-input:not(:placeholder-shown):invalid,.search-input:not(:placeholder-shown):invalid,[data-grav-field=array] input:not(:placeholder-shown):invalid,[data-grav-field=array] textarea:not(:placeholder-shown):invalid {
 border-color:#e85600
}
.form-input:not(:placeholder-shown):invalid:focus,.search-input:not(:placeholder-shown):invalid:focus,[data-grav-field=array] input:not(:placeholder-shown):invalid:focus,[data-grav-field=array] textarea:not(:placeholder-shown):invalid:focus {
 background:#fffaf7;
 box-shadow:0 0 0 .1rem rgba(232,86,0,.2)
}
.form-input:not(:placeholder-shown):invalid+.form-input-hint,.search-input:not(:placeholder-shown):invalid+.form-input-hint,[data-grav-field=array] input:not(:placeholder-shown):invalid+.form-input-hint,[data-grav-field=array] textarea:not(:placeholder-shown):invalid+.form-input-hint {
 color:#e85600
}
.disabled.search-input,.form-input.disabled,.form-input:disabled,.form-select.disabled,.form-select:disabled,.search-input:disabled,[data-grav-field=array] input.disabled,[data-grav-field=array] input:disabled,[data-grav-field=array] textarea.disabled,[data-grav-field=array] textarea:disabled {
 cursor:not-allowed;
 opacity:.5;
 background-color:#f0f1f4
}
.form-input[readonly],.search-input[readonly],[data-grav-field=array] input[readonly],[data-grav-field=array] textarea[readonly] {
 background-color:#f8f9fa
}
input.disabled+.form-icon,input:disabled+.form-icon {
 cursor:not-allowed;
 opacity:.5;
 background:#f0f1f4
}
.form-switch input.disabled+.form-icon::before,.form-switch input:disabled+.form-icon::before {
 background:#fff
}
.form-horizontal {
 padding:.4rem 0
}
.form-horizontal .form-group {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.form-inline {
 display:inline-block
}
.label {
 line-height:1.2;
 display:inline-block;
 padding:.1rem .2rem;
 color:#5b657a;
 border-radius:.1rem;
 background:#f0f1f4
}
.label.label-rounded {
 padding-right:.4rem;
 padding-left:.4rem;
 border-radius:5rem
}
.label.label-primary {
 color:#fff;
 background:#3085ee
}
.label.label-secondary {
 color:#3085ee;
 background:#e1edfd
}
.label.label-success {
 color:#fff;
 background:#32b643
}
.label.label-warning {
 color:#fff;
 background:#ffb700
}
.label.label-error {
 color:#fff;
 background:#e85600
}
code {
 font-size:85%;
 line-height:1.2;
 padding:.1rem .2rem;
 color:#d73e48;
 border-radius:.1rem;
 background:#fcf2f2
}
.code {
 position:relative;
 color:#50596c;
 border-radius:.1rem
}
.code::before {
 font-size:.7rem;
 position:absolute;
 top:.1rem;
 right:.4rem;
 content:attr(data-lang);
 color:#acb3c2
}
.code code {
 line-height:1.5;
 display:block;
 overflow-x:auto;
 width:100%;
 padding:1rem;
 color:inherit;
 background:#f8f9fa
}
.img-responsive {
 display:block;
 max-width:100%;
 height:auto
}
.img-fit-cover {
 object-fit:cover
}
.img-fit-contain {
 object-fit:contain
}
.video-responsive {
 position:relative;
 display:block;
 overflow:hidden;
 width:100%;
 padding:0
}
.video-responsive::before {
 display:block;
 padding-bottom:56.25%;
 content:''
}
.video-responsive embed,.video-responsive iframe,.video-responsive object {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 width:100%;
 height:100%;
 border:0
}
video.video-responsive {
 max-width:100%;
 height:auto
}
video.video-responsive::before {
 content:none
}
.video-responsive-4-3::before {
 padding-bottom:75%
}
.video-responsive-1-1::before {
 padding-bottom:100%
}
.figure {
 margin:0 0 .4rem 0
}
.figure .figure-caption {
 margin-top:.4rem;
 color:#667189
}
.container {
 width:100%;
 margin-right:auto;
 margin-left:auto;
 padding-right:.4rem;
 padding-left:.4rem;
}
.container.grid-xl {
 max-width:1296px
}
.container.grid-lg {
 max-width:976px
}
.container.grid-md {
 max-width:856px
}
.container.grid-sm {
 max-width:616px
}
.container.grid-xs {
 max-width:496px
}
.show-lg,.show-md,.show-sm,.show-xl,.show-xs {
 display:none!important
}
.columns {
 display:-ms-flexbox;
 display:flex;
 margin-right:1rem;
 margin-left: 2.8rem;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.columns.col-gapless {
 margin-right:0;
 margin-left:0
}
.columns.col-gapless>.column {
 padding-right:0;
 padding-left:0
}
.columns.col-oneline {
 overflow-x:auto;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap
}
.column {
 max-width:100%;
 padding-right:.4rem;
 padding-left:.4rem;
 -ms-flex:1;
 flex:1
}
.column.col-1,.column.col-10,.column.col-11,.column.col-12,.column.col-2,.column.col-3,.column.col-4,.column.col-5,.column.col-6,.column.col-7,.column.col-8,.column.col-9 {

}
.col-12 {
 width:100%
}
.col-11 {
 width:91.66666667%
}
.col-10 {
 width:83.33333333%
}
.col-9 {
 width:75%
}
.col-8 {
 width:66.66666667%
}
.col-7 {
 width:58.33333333%
}
.col-6 {
 width:50%
}
.col-5 {
 width:41.66666667%
}
.col-4 {
 width:33.33333333%
}
.col-3 {
 width:25%
}
.col-2 {
 width:16.66666667%
}
.col-1 {
 width:8.33333333%
}
.col-auto {
 width:auto;
 max-width:none;
 -ms-flex:0 0 auto;
 flex:0 0 auto
}
.col-mx-auto {
 margin-right:auto;
 margin-left:auto
}
.col-ml-auto {
 margin-left:auto
}
.col-mr-auto {
 margin-right:auto
}
@media (max-width:1280px) {
 .col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9 {
  -ms-flex:none;
  flex:none
 }
 .col-xl-12 {
  width:100%
 }
 .col-xl-11 {
  width:91.66666667%
 }
 .col-xl-10 {
  width:83.33333333%
 }
 .col-xl-9 {
  width:75%
 }
 .col-xl-8 {
  width:66.66666667%
 }
 .col-xl-7 {
  width:58.33333333%
 }
 .col-xl-6 {
  width:50%
 }
 .col-xl-5 {
  width:41.66666667%
 }
 .col-xl-4 {
  width:33.33333333%
 }
 .col-xl-3 {
  width:25%
 }
 .col-xl-2 {
  width:16.66666667%
 }
 .col-xl-1 {
  width:8.33333333%
 }
 .hide-xl {
  display:none!important
 }
 .show-xl {
  display:block!important
 }
}
@media (max-width:960px) {
 .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
  -ms-flex:none;
  flex:none
 }
 .col-lg-12 {
  width:100%
 }
 .col-lg-11 {
  width:91.66666667%
 }
 .col-lg-10 {
  width:83.33333333%
 }
 .col-lg-9 {
  width:75%
 }
 .col-lg-8 {
  width:66.66666667%
 }
 .col-lg-7 {
  width:58.33333333%
 }
 .col-lg-6 {
  width:50%
 }
 .col-lg-5 {
  width:41.66666667%
 }
 .col-lg-4 {
  width:33.33333333%
 }
 .col-lg-3 {
  width:25%
 }
 .col-lg-2 {
  width:16.66666667%
 }
 .col-lg-1 {
  width:8.33333333%
 }
 .hide-lg {
  display:none!important
 }
 .show-lg {
  display:block!important
 }
}
@media (max-width:840px) {
 .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
  -ms-flex:none;
  flex:none
 }
 .col-md-12 {
  width:100%
 }
 .col-md-11 {
  width:91.66666667%
 }
 .col-md-10 {
  width:83.33333333%
 }
 .col-md-9 {
  width:75%
 }
 .col-md-8 {
  width:66.66666667%
 }
 .col-md-7 {
  width:58.33333333%
 }
 .col-md-6 {
  width:50%
 }
 .col-md-5 {
  width:41.66666667%
 }
 .col-md-4 {
  width:33.33333333%
 }
 .col-md-3 {
  width:25%
 }
 .col-md-2 {
  width:16.66666667%
 }
 .col-md-1 {
  width:8.33333333%
 }
 .hide-md {
  display:none!important
 }
 .show-md {
  display:block!important
 }
}
@media (max-width:600px) {
 .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
  -ms-flex:none;
  flex:none
 }
 .col-sm-12 {
  width:100%
 }
 .col-sm-11 {
  width:91.66666667%
 }
 .col-sm-10 {
  width:83.33333333%
 }
 .col-sm-9 {
  width:75%
 }
 .col-sm-8 {
  width:66.66666667%
 }
 .col-sm-7 {
  width:58.33333333%
 }
 .col-sm-6 {
  width:50%
 }
 .col-sm-5 {
  width:41.66666667%
 }
 .col-sm-4 {
  width:33.33333333%
 }
 .col-sm-3 {
  width:25%
 }
 .col-sm-2 {
  width:16.66666667%
 }
 .col-sm-1 {
  width:8.33333333%
 }
 .hide-sm {
  display:none!important
 }
 .show-sm {
  display:block!important
 }
}
@media (max-width:480px) {
 .col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
  -ms-flex:none;
  flex:none
 }
 .col-xs-12 {
  width:100%
 }
 .col-xs-11 {
  width:91.66666667%
 }
 .col-xs-10 {
  width:83.33333333%
 }
 .col-xs-9 {
  width:75%
 }
 .col-xs-8 {
  width:66.66666667%
 }
 .col-xs-7 {
  width:58.33333333%
 }
 .col-xs-6 {
  width:50%
 }
 .col-xs-5 {
  width:41.66666667%
 }
 .col-xs-4 {
  width:33.33333333%
 }
 .col-xs-3 {
  width:25%
 }
 .col-xs-2 {
  width:16.66666667%
 }
 .col-xs-1 {
  width:8.33333333%
 }
 .hide-xs {
  display:none!important
 }
 .show-xs {
  display:block!important
 }
}
.navbar {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:stretch;
 align-items:stretch;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.navbar .navbar-section {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex:1 0 0;
 flex:1 0 0
}
.navbar .navbar-section:not(:first-child):last-child {
 -ms-flex-pack:end;
 justify-content:flex-end
}
.navbar .navbar-center {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex:0 0 auto;
 flex:0 0 auto
}
.navbar .navbar-brand {
 font-size:.9rem;
 text-decoration:none
}
.accordion input:checked~.accordion-header .icon,.accordion[open] .accordion-header .icon {
 transform:rotate(90deg)
}
.accordion input:checked~.accordion-body,.accordion[open] .accordion-body {
 max-height:50rem
}
.accordion .accordion-header {
 display:block;
 padding:.2rem .4rem
}
.accordion .accordion-header .icon {
 transition:transform .25s
}
.accordion .accordion-body {
 overflow:hidden;
 max-height:0;
 margin-bottom:.4rem;
 transition:max-height .25s
}
summary.accordion-header::-webkit-details-marker {
 display:none
}
.avatar {
 font-size:.8rem;
 font-weight:300;
 line-height:1.25;
 position:relative;
 display:inline-block;
 width:1.6rem;
 height:1.6rem;
 margin:0;
 vertical-align:middle;
 color:rgba(255,255,255,.85);
 border-radius:50%;
 background:#3085ee
}
.avatar.avatar-xs {
 font-size:.4rem;
 width:.8rem;
 height:.8rem
}
.avatar.avatar-sm {
 font-size:.6rem;
 width:1.2rem;
 height:1.2rem
}
.avatar.avatar-lg {
 font-size:1.2rem;
 width:2.4rem;
 height:2.4rem
}
.avatar.avatar-xl {
 font-size:1.6rem;
 width:3.2rem;
 height:3.2rem
}
.avatar img {
 position:relative;
 z-index:1;
 width:100%;
 height:100%;
 border-radius:50%
}
.avatar .avatar-icon,.avatar .avatar-presence {
 position:absolute;
 z-index:2;
 right:14.64%;
 bottom:14.64%;
 width:50%;
 height:50%;
 padding:.1rem;
 transform:translate(50%,50%);
 background:#fff
}
.avatar .avatar-presence {
 width:.5em;
 height:.5em;
 border-radius:50%;
 background:#acb3c2;
 box-shadow:0 0 0 .1rem #fff
}
.avatar .avatar-presence.online {
 background:#32b643
}
.avatar .avatar-presence.busy {
 background:#e85600
}
.avatar .avatar-presence.away {
 background:#ffb700
}
.avatar[data-initial]::before {
 position:absolute;
 z-index:1;
 top:50%;
 left:50%;
 content:attr(data-initial);
 transform:translate(-50%,-50%);
 color:currentColor
}
.badge {
 position:relative;
 white-space:nowrap
}
.badge:not([data-badge])::after,.badge[data-badge]::after {
 display:inline-block;
 content:attr(data-badge);
 transform:translate(-.05rem,-.5rem);
 color:#fff;
 border-radius:.5rem;
 background:#3085ee;
 background-clip:padding-box;
 box-shadow:0 0 0 .1rem #fff
}
.badge[data-badge]::after {
 font-size:.7rem;
 line-height:1;
 min-width:.9rem;
 height:.9rem;
 padding:.1rem .2rem;
 text-align:center;
 white-space:nowrap
}
.badge:not([data-badge])::after,.badge[data-badge='']::after {
 width:6px;
 min-width:6px;
 height:6px;
 padding:0
}
.badge.btn::after,.badge.button::after {
 position:absolute;
 top:0;
 right:0;
 transform:translate(50%,-50%)
}
.badge.avatar::after {
 position:absolute;
 z-index:100;
 top:14.64%;
 right:14.64%;
 transform:translate(50%,-50%)
}
.breadcrumb {
 margin:.2rem 0;
 padding:.2rem 0;
 list-style:none
}
.breadcrumb .breadcrumb-item {
 display:inline-block;
 margin:0;
 padding:.2rem 0;
 color:#667189
}
.breadcrumb .breadcrumb-item:not(:last-child) {
 margin-right:.2rem
}
.breadcrumb .breadcrumb-item:not(:last-child) a {
 color:#667189
}
.breadcrumb .breadcrumb-item:not(:first-child)::before {
 padding-right:.4rem;
 content:'/';
 color:#667189
}
.bar {
 display:-ms-flexbox;
 display:flex;
 width:100%;
 height:.8rem;
 border-radius:.1rem;
 background:#f0f1f4;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap
}
.bar.bar-sm {
 height:.2rem
}
.bar .bar-item {
 font-size:.7rem;
 line-height:.8rem;
 position:relative;
 display:block;
 width:0;
 height:100%;
 text-align:center;
 color:#fff;
 background:#3085ee;
 -ms-flex-negative:0;
 flex-shrink:0
}
.bar .bar-item:first-child {
 border-top-left-radius:.1rem;
 border-bottom-left-radius:.1rem
}
.bar .bar-item:last-child {
 border-top-right-radius:.1rem;
 border-bottom-right-radius:.1rem;
 -ms-flex-negative:1;
 flex-shrink:1
}
.bar-slider {
 position:relative;
 height:.1rem;
 margin:.4rem 0
}
.bar-slider .bar-item {
 position:absolute;
 left:0;
 padding:0
}
.bar-slider .bar-item:not(:last-child):first-child {
 z-index:1;
 background:#f0f1f4
}
.bar-slider .bar-slider-btn {
 position:absolute;
 top:50%;
 right:0;
 width:.6rem;
 height:.6rem;
 padding:0;
 transform:translate(50%,-50%);
 border:0;
 border-radius:50%;
 background:#3085ee
}
.bar-slider .bar-slider-btn:active {
 box-shadow:0 0 0 .1rem #3085ee
}
.card {
 display:-ms-flexbox;
 display:flex;
 flex-direction:column;
 border:.05rem solid #e7e9ed;
 border-radius:.1rem;
 background:#fff;
 -ms-flex-direction:column
}
.card .card-body,.card .card-footer,.card .card-header {
 padding:.8rem;
 padding-bottom:0
}
.card .card-body:last-child,.card .card-footer:last-child,.card .card-header:last-child {
 padding-bottom:.8rem
}
.card .card-body {
 -ms-flex:1 1 auto;
 flex:1 1 auto
}
.card .card-image {
 padding-top:.8rem
}
.card .card-image:first-child {
 padding-top:0
}
.card .card-image:first-child img {
 border-top-left-radius:.1rem;
 border-top-right-radius:.1rem
}
.card .card-image:last-child img {
 border-bottom-right-radius:.1rem;
 border-bottom-left-radius:.1rem
}
.chip {
 font-size:90%;
 line-height:.8rem;
 display:-ms-inline-flexbox;
 display:inline-flex;
 overflow:hidden;
 max-width:320px;
 height:1.2rem;
 margin:.1rem;
 padding:.2rem .4rem;
 vertical-align:middle;
 white-space:nowrap;
 text-decoration:none;
 text-overflow:ellipsis;
 border-radius:5rem;
 background:#f0f1f4;
 -ms-flex-align:center;
 align-items:center
}
.chip.active {
 color:#fff;
 background:#3085ee
}
.chip .avatar {
 margin-right:.2rem;
 margin-left:-.4rem
}
.chip .btn-clear {
 transform:scale(.75);
 border-radius:50%
}
.dropdown {
 position:relative;
 display:inline-block
}
.dropdown .menu {
 position:absolute;
 top:100%;
 left:0;
 display:none;
 overflow-y:auto;
 max-height:50vh;
 animation:slide-down .15s ease 1
}
.dropdown.dropdown-right .menu {
 right:0;
 left:auto
}
.dropdown .dropdown-toggle:focus+.menu,.dropdown .menu:hover,.dropdown.active .menu {
 display:block
}
.dropdown .btn-group .dropdown-toggle:nth-last-child(2) {
 border-top-right-radius:.1rem;
 border-bottom-right-radius:.1rem
}
.empty {
 padding:3.2rem 1.6rem;
 text-align:center;
 color:#667189;
 border-radius:.1rem;
 background:#f8f9fa
}
.empty .empty-icon {
 margin-bottom:.8rem
}
.empty .empty-subtitle,.empty .empty-title {
 margin:.4rem auto
}
.empty .empty-action {
 margin-top:.8rem
}
.menu {
 z-index:300;
 min-width:180px;
 margin:0;
 padding:.4rem;
 list-style:none;
 transform:translateY(.2rem);
 border-radius:.1rem;
 background:#fff;
 box-shadow:0 .05rem .2rem rgba(69,77,93,.3)
}
.menu.menu-nav {
 background:0 0;
 box-shadow:none
}
.menu .menu-item {
 margin-top:0;
 padding:0 .4rem;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 text-decoration:none
}
.menu .menu-item>a {
 display:block;
 margin:0 -.4rem;
 padding:.2rem .4rem;
 text-decoration:none;
 color:inherit;
 border-radius:.1rem
}
.menu .menu-item>a:focus,.menu .menu-item>a:hover {
 color:#3085ee;
 background:#e1edfd
}
.menu .menu-item>a.active,.menu .menu-item>a:active {
 color:#3085ee;
 background:#e1edfd
}
.menu .menu-item .form-checkbox,.menu .menu-item .form-radio,.menu .menu-item .form-switch {
 margin:.1rem 0
}
.menu .menu-item+.menu-item {
 margin-top:.2rem
}
.menu .menu-badge {
 float:right;
 padding:.2rem 0
}
.menu .menu-badge .btn,.menu .menu-badge .button {
 margin-top:-.1rem
}
.modal {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 display:none;
 overflow:hidden;
 padding:.4rem;
 opacity:0;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:center;
 justify-content:center
}
.modal.active,.modal:target {
 z-index:400;
 display:-ms-flexbox;
 display:flex;
 opacity:1
}
.modal.active .modal-overlay,.modal:target .modal-overlay {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 display:block;
 cursor:default;
 background:rgba(248,249,250,.75)
}
.modal.active .modal-container,.modal:target .modal-container {
 z-index:1;
 animation:slide-down .2s ease 1
}
.modal.modal-sm .modal-container {
 max-width:320px;
 padding:0 .4rem
}
.modal.modal-lg .modal-overlay {
 background:#fff
}
.modal.modal-lg .modal-container {
 max-width:960px;
 box-shadow:none
}
.modal-container {
 display:-ms-flexbox;
 display:flex;
 flex-direction:column;
 width:100%;
 max-width:640px;
 max-height:75vh;
 padding:0 .8rem;
 border-radius:.1rem;
 background:#fff;
 box-shadow:0 .2rem .5rem rgba(69,77,93,.3);
 -ms-flex-direction:column
}
.modal-container.modal-fullheight {
 max-height:100vh
}
.modal-container .modal-header {
 padding:.8rem;
 color:#454d5d
}
.modal-container .modal-body {
 position:relative;
 overflow-y:auto;
 padding:.8rem
}
.modal-container .modal-footer {
 padding:.8rem;
 text-align:right
}
.nav {
 display:-ms-flexbox;
 display:flex;
 flex-direction:column;
 margin:.2rem 0;
 list-style:none;
 -ms-flex-direction:column
}
.nav .nav-item a {
 padding:.2rem .4rem;
 text-decoration:none;
 color:#667189
}
.nav .nav-item a:focus,.nav .nav-item a:hover {
 color:#3085ee
}
.nav .nav-item.active>a {
 font-weight:700;
 color:#50596c
}
.nav .nav-item.active>a:focus,.nav .nav-item.active>a:hover {
 color:#3085ee
}
.nav .nav {
 margin-bottom:.4rem;
 margin-left:.8rem
}
.pagination {
 display:-ms-flexbox;
 display:flex;
 margin:.2rem 0;
 padding:.2rem 0;
 list-style:none
}
.pagination .page-item {
 margin:.2rem .05rem
}
.pagination .page-item span {
 display:inline-block;
 padding:.2rem .2rem
}
.pagination .page-item a {
 display:inline-block;
 padding:.2rem .4rem;
 text-decoration:none;
 border-radius:.1rem
}
.pagination .page-item a:focus,.pagination .page-item a:hover {
 color:#3085ee
}
.pagination .page-item.disabled a {
 cursor:default;
 pointer-events:none;
 opacity:.5
}
.pagination .page-item.active a {
 color:#fff;
 background:#3085ee
}
.pagination .page-item.page-next,.pagination .page-item.page-prev {
 -ms-flex:1 0 50%;
 flex:1 0 50%
}
.pagination .page-item.page-next {
 text-align:right
}
.pagination .page-item .page-item-title {
 margin:0
}
.pagination .page-item .page-item-subtitle {
 margin:0;
 opacity:.5
}
.panel {
 display:-ms-flexbox;
 display:flex;
 flex-direction:column;
 border:.05rem solid #e7e9ed;
 border-radius:.1rem;
 -ms-flex-direction:column
}
.panel .panel-footer,.panel .panel-header {
 padding:.8rem;
 -ms-flex:0 0 auto;
 flex:0 0 auto
}
.panel .panel-nav {
 -ms-flex:0 0 auto;
 flex:0 0 auto
}
.panel .panel-body {
 overflow-y:auto;
 padding:0 .8rem;
 -ms-flex:1 1 auto;
 flex:1 1 auto
}
.popover {
 position:relative;
 display:inline-block
}
.popover .popover-container {
 position:absolute;
 z-index:300;
 top:0;
 left:50%;
 width:320px;
 padding:.4rem;
 transition:transform .2s;
 transform:translate(-50%,-50%) scale(0);
 opacity:0
}
.popover :focus+.popover-container,.popover:hover .popover-container {
 display:block;
 transform:translate(-50%,-100%) scale(1);
 opacity:1
}
.popover.popover-right .popover-container {
 top:50%;
 left:100%
}
.popover.popover-right :focus+.popover-container,.popover.popover-right:hover .popover-container {
 transform:translate(0,-50%) scale(1)
}
.popover.popover-bottom .popover-container {
 top:100%;
 left:50%
}
.popover.popover-bottom :focus+.popover-container,.popover.popover-bottom:hover .popover-container {
 transform:translate(-50%,0) scale(1)
}
.popover.popover-left .popover-container {
 top:50%;
 left:0
}
.popover.popover-left :focus+.popover-container,.popover.popover-left:hover .popover-container {
 transform:translate(-100%,-50%) scale(1)
}
.popover .card {
 border:0;
 box-shadow:0 .2rem .5rem rgba(69,77,93,.3)
}
.step {
 display:-ms-flexbox;
 display:flex;
 width:100%;
 margin:.2rem 0;
 list-style:none;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap
}
.step .step-item {
 position:relative;
 min-height:1rem;
 margin-top:0;
 text-align:center;
 -ms-flex:1 1 0;
 flex:1 1 0
}
.step .step-item:not(:first-child)::before {
 position:absolute;
 top:9px;
 left:-50%;
 width:100%;
 height:2px;
 content:'';
 background:#3085ee
}
.step .step-item a {
 display:inline-block;
 padding:20px 10px 0;
 text-decoration:none;
 color:#3085ee
}
.step .step-item a::before {
 position:absolute;
 z-index:1;
 top:.2rem;
 left:50%;
 display:block;
 width:.6rem;
 height:.6rem;
 content:'';
 transform:translateX(-50%);
 border:.1rem solid #fff;
 border-radius:50%;
 background:#3085ee
}
.step .step-item.active a::before {
 border:.1rem solid #3085ee;
 background:#fff
}
.step .step-item.active~.step-item::before {
 background:#e7e9ed
}
.step .step-item.active~.step-item a {
 color:#acb3c2
}
.step .step-item.active~.step-item a::before {
 background:#e7e9ed
}
.tab {
 display:-ms-flexbox;
 display:flex;
 margin:.2rem 0 .15rem 0;
 list-style:none;
 border-bottom:.05rem solid #e7e9ed;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.tab .tab-item {
 margin-top:0
}
.tab .tab-item a {
 display:block;
 margin:0 .4rem 0 0;
 padding:.4rem .2rem .3rem .2rem;
 text-decoration:none;
 color:inherit;
 border-bottom:.1rem solid transparent
}
.tab .tab-item a:focus,.tab .tab-item a:hover {
 color:#3085ee
}
.tab .tab-item a.active,.tab .tab-item.active a {
 color:#3085ee;
 border-bottom-color:#3085ee
}
.tab .tab-item.tab-action {
 text-align:right;
 -ms-flex:1 0 auto;
 flex:1 0 auto
}
.tab .tab-item .btn-clear {
 margin-top:-.2rem
}
.tab.tab-block .tab-item {
 text-align:center;
 -ms-flex:1 0 0;
 flex:1 0 0
}
.tab.tab-block .tab-item a {
 margin:0
}
.tab.tab-block .tab-item .badge[data-badge]::after {
 position:absolute;
 top:.1rem;
 right:.1rem;
 transform:translate(0,0)
}
.tab:not(.tab-block) .badge {
 padding-right:0
}
.tile {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-line-pack:justify;
 align-content:space-between;
 -ms-flex-align:start;
 align-items:flex-start
}
.tile .tile-action,.tile .tile-icon {
 -ms-flex:0 0 auto;
 flex:0 0 auto
}
.tile .tile-content {
 -ms-flex:1 1 auto;
 flex:1 1 auto
}
.tile .tile-content:not(:first-child) {
 padding-left:.4rem
}
.tile .tile-content:not(:last-child) {
 padding-right:.4rem
}
.tile .tile-subtitle,.tile .tile-title {
 line-height:1.2rem
}
.tile.tile-centered {
 -ms-flex-align:center;
 align-items:center
}
.tile.tile-centered .tile-content {
 overflow:hidden
}
.tile.tile-centered .tile-subtitle,.tile.tile-centered .tile-title {
 overflow:hidden;
 margin-bottom:0;
 white-space:nowrap;
 text-overflow:ellipsis
}
.toast {
 display:block;
 width:100%;
 padding:.4rem;
 color:#fff;
 border:.05rem solid #454d5d;
 border-color:#454d5d;
 border-radius:.1rem;
 background:rgba(69,77,93,.95)
}
.toast.toast-primary {
 border-color:#3085ee;
 background:rgba(48,133,238,.95)
}
.toast.toast-success {
 border-color:#32b643;
 background:rgba(50,182,67,.95)
}
.toast.toast-warning {
 border-color:#ffb700;
 background:rgba(255,183,0,.95)
}
.toast.toast-error {
 border-color:#e85600;
 background:rgba(232,86,0,.95)
}
.toast a {
 text-decoration:underline;
 color:#fff
}
.toast a.active,.toast a:active,.toast a:focus,.toast a:hover {
 opacity:.75
}
.toast .btn-clear {
 margin:.1rem
}
.toast p:last-child {
 margin-bottom:0
}
.tooltip {
 position:relative
}
.tooltip::after {
 font-size:.7rem;
 position:absolute;
 z-index:300;
 bottom:100%;
 left:50%;
 display:block;
 overflow:hidden;
 max-width:320px;
 padding:.2rem .4rem;
 content:attr(data-tooltip);
 transition:opacity .2s,transform .2s;
 transform:translate(-50%,.4rem);
 white-space:pre;
 text-overflow:ellipsis;
 pointer-events:none;
 opacity:0;
 color:#fff;
 border-radius:.1rem;
 background:rgba(69,77,93,.95)
}
.tooltip:focus::after,.tooltip:hover::after {
 transform:translate(-50%,-.2rem);
 opacity:1
}
.tooltip.disabled,.tooltip[disabled] {
 pointer-events:auto
}
.tooltip.tooltip-right::after {
 bottom:50%;
 left:100%;
 transform:translate(-.2rem,50%)
}
.tooltip.tooltip-right:focus::after,.tooltip.tooltip-right:hover::after {
 transform:translate(.2rem,50%)
}
.tooltip.tooltip-bottom::after {
 top:100%;
 bottom:auto;
 transform:translate(-50%,-.4rem)
}
.tooltip.tooltip-bottom:focus::after,.tooltip.tooltip-bottom:hover::after {
 transform:translate(-50%,.2rem)
}
.tooltip.tooltip-left::after {
 right:100%;
 bottom:50%;
 left:auto;
 transform:translate(.4rem,50%)
}
.tooltip.tooltip-left:focus::after,.tooltip.tooltip-left:hover::after {
 transform:translate(-.2rem,50%)
}
@keyframes loading {
 0% {
  transform:rotate(0)
 }
 100% {
  transform:rotate(360deg)
 }
}
@keyframes slide-down {
 0% {
  transform:translateY(-1.6rem);
  opacity:0
 }
 100% {
  transform:translateY(0);
  opacity:1
 }
}
.text-primary {
 color:#3085ee!important
}
a.text-primary:focus,a.text-primary:hover {
 color:#1877ec
}
a.text-primary:visited {
 color:#4893f0
}
.text-secondary {
 color:#d3e5fb!important
}
a.text-secondary:focus,a.text-secondary:hover {
 color:#bbd7f9
}
a.text-secondary:visited {
 color:#eaf3fd
}
.text-gray {
 color:#acb3c2!important
}
a.text-gray:focus,a.text-gray:hover {
 color:#9ea6b7
}
a.text-gray:visited {
 color:#bbc1cd
}
.text-light {
 color:#fff!important
}
a.text-light:focus,a.text-light:hover {
 color:#f2f2f2
}
a.text-light:visited {
 color:#fff
}
.text-dark {
 color:#50596c!important
}
a.text-dark:focus,a.text-dark:hover {
 color:#454d5d
}
a.text-dark:visited {
 color:#5b657a
}
.text-success {
 color:#32b643!important
}
a.text-success:focus,a.text-success:hover {
 color:#2da23c
}
a.text-success:visited {
 color:#39c94b
}
.text-warning {
 color:#ffb700!important
}
a.text-warning:focus,a.text-warning:hover {
 color:#e6a500
}
a.text-warning:visited {
 color:#ffbe1a
}
.text-error {
 color:#e85600!important
}
a.text-error:focus,a.text-error:hover {
 color:#cf4d00
}
a.text-error:visited {
 color:#ff6003
}
.bg-primary {
 color:#fff;
 background:#3085ee!important
}
.bg-secondary {
 background:#e1edfd!important
}
.bg-dark {
 color:#fff;
 background:#454d5d!important
}
.bg-gray {
 background:#d9e2e9;
}
.bg-beige{
    background:#f6f2ee;
}
.bg-brown{
    background:#eed5c3;
}
.bg-success {
 color:#fff;
 background:#32b643!important
}
.bg-warning {
 color:#fff;
 background:#ffb700!important
}
.bg-error {
 color:#fff;
 background:#e85600!important
}
.c-hand {
 cursor:pointer
}
.c-move {
 cursor:move
}
.c-zoom-in {
 cursor:zoom-in
}
.c-zoom-out {
 cursor:zoom-out
}
.c-not-allowed {
 cursor:not-allowed
}
.c-auto {
 cursor:auto
}
.d-block {
 display:block
}
.d-inline {
 display:inline
}
.d-inline-block {
 display:inline-block
}
.d-flex {
 display:-ms-flexbox;
 display:flex
}
.d-inline-flex {
 display:-ms-inline-flexbox;
 display:inline-flex
}
.d-hide,.d-none {
 display:none!important
}
.d-visible {
 visibility:visible
}
.d-invisible {
 visibility:hidden
}
.text-hide {
 font-size:0;
 line-height:0;
 color:transparent;
 border:0;
 background:0 0;
 text-shadow:none
}
.text-assistive {
 position:absolute;
 overflow:hidden;
 clip:rect(0,0,0,0);
 width:1px;
 height:1px;
 margin:-1px;
 padding:0;
 border:0
}
.divider,.divider-vert {
 position:relative;
 display:block
}
.divider-vert[data-content]::after,.divider[data-content]::after {
 font-size:.7rem;
 display:inline-block;
 padding:0 .4rem;
 content:attr(data-content);
 transform:translateY(-.65rem);
 color:#acb3c2;
 background:#fff
}
.divider {
 height:.05rem;
 margin:.4rem 0;
 border-top:.05rem solid #e7e9ed
}
.divider[data-content] {
 margin:.8rem 0
}
.divider-vert {
 display:block;
 padding:.8rem
}
.divider-vert::before {
 position:absolute;
 top:.4rem;
 bottom:.4rem;
 left:50%;
 display:block;
 content:'';
 transform:translateX(-50%);
 border-left:.05rem solid #e7e9ed
}
.divider-vert[data-content]::after {
 position:absolute;
 top:50%;
 left:50%;
 padding:.2rem 0;
 transform:translate(-50%,-50%)
}
.loading {
 position:relative;
 min-height:.8rem;
 pointer-events:none;
 color:transparent!important
}
.loading::after {
 position:absolute;
 z-index:1;
 top:50%;
 left:50%;
 display:block;
 width:.8rem;
 height:.8rem;
 margin-top:-.4rem;
 margin-left:-.4rem;
 content:'';
 animation:loading .5s infinite linear;
 border:.1rem solid #3085ee;
 border-top-color:transparent;
 border-right-color:transparent;
 border-radius:50%
}
.loading.loading-lg {
 min-height:2rem
}
.loading.loading-lg::after {
 width:1.6rem;
 height:1.6rem;
 margin-top:-.8rem;
 margin-left:-.8rem
}
.clearfix::after {
 display:table;
 clear:both;
 content:''
}
.float-left {
 float:left!important
}
.float-right {
 float:right!important
}
.p-relative {
 position:relative!important
}
.p-absolute {
 position:absolute!important
}
.p-fixed {
 position:fixed!important
}
.p-sticky {
 position:-webkit-sticky!important;
 position:sticky!important
}
.p-centered {
 display:block;
 float:none;
 margin-right:auto;
 margin-left:auto
}
.flex-centered {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:center;
 justify-content:center
}
.m-0 {
 margin:0!important
}
.mb-0 {
 margin-bottom:0!important
}
.ml-0 {
 margin-left:0!important
}
.mr-0 {
 margin-right:0!important
}
.mt-0 {
 margin-top:0!important
}
.mx-0 {
 margin-right:0!important;
 margin-left:0!important
}
.my-0 {
 margin-top:0!important;
 margin-bottom:0!important
}
.m-1 {
 margin:.2rem!important
}
.mb-1 {
 margin-bottom:.2rem!important
}
.ml-1 {
 margin-left:.2rem!important
}
.mr-1 {
 margin-right:.2rem!important
}
.mt-1 {
 margin-top:.2rem!important
}
.mx-1 {
 margin-right:.2rem!important;
 margin-left:.2rem!important
}
.my-1 {
 margin-top:.2rem!important;
 margin-bottom:.2rem!important
}
.m-2 {
 margin:.4rem!important
}
.mb-2 {
 margin-bottom:.4rem!important
}
.ml-2 {
 margin-left:.4rem!important
}
.mr-2 {
 margin-right:.4rem!important
}
.mt-2 {
 margin-top:.4rem!important
}
.mx-2 {
 margin-right:.4rem!important;
 margin-left:.4rem!important
}
.my-2 {
 margin-top:.4rem!important;
 margin-bottom:.4rem!important
}
.p-0 {
 padding:0!important
}
.pb-0 {
 padding-bottom:0!important
}
.pl-0 {
 padding-left:0!important
}
.pr-0 {
 padding-right:0!important
}
.pt-0 {
 padding-top:0!important
}
.px-0 {
 padding-right:0!important;
 padding-left:0!important
}
.py-0 {
 padding-top:0!important;
 padding-bottom:0!important
}
.p-1 {
 padding:.2rem!important
}
.pb-1 {
 padding-bottom:.2rem!important
}
.pl-1 {
 padding-left:.2rem!important
}
.pr-1 {
 padding-right:.2rem!important
}
.pt-1 {
 padding-top:.2rem!important
}
.px-1 {
 padding-right:.2rem!important;
 padding-left:.2rem!important
}
.py-1 {
 padding-top:.2rem!important;
 padding-bottom:.2rem!important
}
.p-2 {
 padding:.4rem!important
}
.pb-2 {
 padding-bottom:.4rem!important
}
.pl-2 {
 padding-left:.4rem!important
}
.pr-2 {
 padding-right:.4rem!important
}
.pt-2 {
 padding-top:.4rem!important
}
.px-2 {
 padding-right:.4rem!important;
 padding-left:.4rem!important
}
.py-2 {
 padding-top:.4rem!important;
 padding-bottom:.4rem!important
}
.s-rounded {
 border-radius:.1rem
}
.s-circle {
 border-radius:50%
}
.text-left {
 text-align:left
}
.text-right {
 text-align:right
}
.text-center {
 text-align:center
}
.text-justify {
 text-align:justify
}
.text-lowercase {
 text-transform:lowercase
}
.text-uppercase {
 text-transform:uppercase
}
.text-capitalize {
 text-transform:capitalize
}
.text-normal {
 font-weight:400
}
.text-bold {
 font-weight:700
}
.text-italic {
 font-style:italic
}
.text-large {
 font-size:1.2em
}
.text-ellipsis {
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.text-clip {
 overflow:hidden;
 white-space:nowrap;
 text-overflow:clip
}
.text-break {
 word-wrap:break-word;
 word-break:break-word;
 -webkit-hyphens:auto;
 hyphens:auto;
 -ms-hyphens:auto
}

@media (max-width: 600px){

    .frame-box > h1{
        font-size: 24px;
        line-height: 1;
        margin: 0;
    }
    
    .columns{
        margin-left: 0px;
        margin-right: 0px;
    }
    
    }
    
    
