@charset "utf-8";

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    padding: 0;
    margin: 0
}

fieldset,
img {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

ol,
ul {
    list-style: none
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-weight: 400;
    font-style: normal
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-size: 100%
}

q:after,
q:before {
    content: ''
}

abbr,
acronym {
    border: 0
}

strong {
    font-weight: 700
}

:root {
    color-scheme: light
}

@media (prefers-color-scheme:dark) {
    :root {
        color-scheme: light
    }
}

@font-face {
    font-family: Aptos;
    src: url(font/aptos/aptos-black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aptos;
    src: url(font/aptos/aptos-black-italic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Aptos;
    src: url(font/aptos/aptos-extrabold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aptos;
    src: url(font/aptos/aptos-extrabold-italic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Aptos;
    src: url(font/aptos/aptos-bold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aptos;
    src: url(font/aptos/aptos.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aptos;
    src: url(font/aptos/aptos-italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Aptos;
    src: url(font/aptos/aptos-light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aptos;
    src: url(font/aptos/aptos-light-italic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Arboria;
    src: url(font/arboria/Arboria-Black.eot);
    src: url(font/arboria/Arboria-Black.eot) format('embedded-opentype'), url(font/arboria/Arboria-Black.woff) format('woff'), url(font/arboria/Arboria-Black.ttf) format('truetype'), url(font/arboria/Arboria-Black.svg) format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Arboria;
    src: url(font/arboria/Arboria-Bold.eot);
    src: url(font/arboria/Arboria-Bold.eot) format('embedded-opentype'), url(font/arboria/Arboria-Bold.woff) format('woff'), url(font/arboria/Arboria-Bold.ttf) format('truetype'), url(font/arboria/Arboria-Bold.svg) format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Arboria;
    src: url(font/arboria/Arboria-Book.eot);
    src: url(font/arboria/Arboria-Book.eot) format('embedded-opentype'), url(font/arboria/Arboria-Book.woff) format('woff'), url(font/arboria/Arboria-Book.ttf) format('truetype'), url(font/arboria/Arboria-Book.svg) format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Arboria;
    src: url(font/arboria/Arboria-Light.eot);
    src: url(font/arboria/Arboria-Light.eot) format('embedded-opentype'), url(font/arboria/Arboria-Light.woff) format('woff'), url(font/arboria/Arboria-Light.ttf) format('truetype'), url(font/arboria/Arboria-Light.svg) format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Arial;
    src: url(font/arial/ARIAL.ttf.html) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Arial;
    src: url(font/arial/ARIAL-BLACKITALIC.ttf) format('truetype');
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Arial;
    src: url(font/arial/ARIAL-BOLD.ttf) format('truetype');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Arial;
    src: url(font/arial/ARIAL-BOLDITALIC.ttf) format('truetype');
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: Arial;
    src: url(font/arial/ARIAL-ITALIC.ttf) format('truetype');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Arial;
    src: url(font/arial/ARIAL-LIGHT.ttf) format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Arial;
    src: url(font/arial/ARIAL-LIGHTITALIC.ttf) format('truetype');
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Arial;
    src: url(font/arial/ARIAL-MEDIUM.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Arial;
    src: url(font/arial/ARIAL-MEDIUMITALIC.ttf) format('truetype');
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'Arial CE';
    src: url(font/arial/ARIALCE.ttf.html) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Arial CE';
    src: url(font/arial/ARIALCEMT-BLACK.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Arial CE';
    src: url(font/arial/ARIALCE-BOLD.ttf) format('truetype');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Arial CE';
    src: url(font/arial/ARIALCE-BOLDITALIC.ttf) format('truetype');
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'Arial CE';
    src: url(font/arial/ARIALCE-ITALIC.ttf) format('truetype');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Arial Narrow';
    src: url(font/arial/ARIALN.ttf.html) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Arial Narrow';
    src: url(font/arial/ARIALN-BLACK.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Arial Narrow';
    src: url(font/arial/ARIALN-BOLD.ttf) format('truetype');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'Arial Narrow';
    src: url(font/arial/ARIALN-BOLDITALIC.ttf) format('truetype');
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: 'Arial Narrow';
    src: url(font/arial/ARIALN-ITALIC.ttf) format('truetype');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Arsenal;
    src: url(font/arsenal/Arsenal-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Arsenal;
    src: url(font/arsenal/Arsenal-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Arsenal;
    src: url(font/arsenal/Arsenal-Bold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Arsenal;
    src: url(font/arsenal/Arsenal-BoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-ExtraBold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-Bold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-BoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-SemiBold.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-SemiBoldItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-ExtraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-ExtraLightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Barlow;
    src: url(font/barlow/Barlow-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: 'Bebas Neue';
    src: url(font/bebasneue/BebasNeue-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Bona Nova SC';
    src: url(font/bonanovasc/BonaNovaSC-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Bona Nova SC';
    src: url(font/bonanovasc/BonaNovaSC-Bold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Bona Nova SC';
    src: url(font/bonanovasc/BonaNovaSC-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Brush Script MT';
    src: url(font/brushscriptmt/BRUSHSCI.ttf.html) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Cambo;
    src: url(font/cambo/Cambo-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Campaign;
    src: url(font/campaign/Campaign-Black.otf) format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Campaign;
    src: url(font/campaign/Campaign-BlackItalic.otf) format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Campaign;
    src: url(font/campaign/Campaign-Bold.otf) format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Campaign;
    src: url(font/campaign/Campaign-BoldItalic.otf) format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Campaign;
    src: url(font/campaign/Campaign-Italic.otf) format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Campaign;
    src: url(font/campaign/Campaign-Light.otf.html) format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Campaign;
    src: url(font/campaign/Campaign-LightItalic.otf) format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Campaign;
    src: url(font/campaign/Campaign-Medium.otf) format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Campaign;
    src: url(font/campaign/Campaign-MediumItalic.otf) format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Campaign;
    src: url(font/campaign/Campaign-Regular.otf) format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Castoro Titling';
    src: url(font/castorotitling/CastoroTitling-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Concert One';
    src: url(font/concertone/ConcertOne-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Courgette;
    src: url(font/courgette/Courgette-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Domaine Display';
    src: url(font/domainedisplay/DomaineDisplay-Black.otf) format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Domaine Display';
    src: url(font/domainedisplay/DomaineDisplay-BlackItalic.otf) format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Domaine Display';
    src: url(font/domainedisplay/DomaineDisplay-Bold.otf) format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Domaine Display';
    src: url(font/domainedisplay/DomaineDisplay-BoldItalic.otf) format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Domaine Display';
    src: url(font/domainedisplay/DomaineDisplay-ExtraBold.otf.html) format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Domaine Display';
    src: url(font/domainedisplay/DomaineDisplay-ExtraBoldItalic.otf.html) format('opentype');
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Domaine Display';
    src: url(font/domainedisplay/DomaineDisplay-ExtraLight.otf.html) format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Domaine Display';
    src: url(font/domainedisplay/DomaineDisplay-Medium.otf) format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Domaine Display';
    src: url(font/domainedisplay/DomaineDisplay-MediumItalic.otf) format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Domaine Display';
    src: url(font/domainedisplay/DomaineDisplay-Regular.otf) format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Domaine Display';
    src: url(font/domainedisplay/DomaineDisplay-RegularItalic.otf) format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Domaine Display';
    src: url(font/domainedisplay/DomaineDisplay-SemiBold.otf.html) format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Domaine Display';
    src: url(font/domainedisplay/DomaineDisplay-SemiBoldItalic.otf.html) format('opentype');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Dosis Book';
    src: url(font/dosisbook/Dosis-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Dosis Book';
    src: url(font/dosisbook/Dosis-Book.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Dosis Book';
    src: url(font/dosisbook/Dosis-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Dosis Book';
    src: url(font/dosisbook/Dosis-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Dosis Book';
    src: url(font/dosisbook/Dosis-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Kin Grotesque';
    src: url(font/kingrotesque/KinGrotesqueStd-100.otf) format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Kin Grotesque';
    src: url(font/kingrotesque/KinGrotesqueStd-200.otf) format('opentype');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Kin Grotesque';
    src: url(font/kingrotesque/KinGrotesqueStd-300.otf) format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Kin Grotesque';
    src: url(font/kingrotesque/KinGrotesqueStd-400.otf) format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Kin Grotesque';
    src: url(font/kingrotesque/KinGrotesqueStd-500.otf) format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Kin Grotesque';
    src: url(font/kingrotesque/KinGrotesqueStd-600.otf) format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Kin Grotesque';
    src: url(font/kingrotesque/KinGrotesqueStd-700.otf) format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Kin Grotesque';
    src: url(font/kingrotesque/KinGrotesqueStd-800.otf) format('opentype');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Kin Grotesque';
    src: url(font/kingrotesque/KinGrotesqueStd-900.otf) format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(font/lato/Lato-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(font/lato/Lato-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(font/lato/Lato-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(font/lato/Lato-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(font/lato/Lato-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(font/lato/Lato-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(font/lato/Lato-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(font/lato/Lato-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(font/lato/Lato-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Lato;
    src: url(font/lato/Lato-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Marcellus;
    src: url(font/marcellus/Marcellus-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'MElle PRC Xbold';
    src: url(font/melleprcxbold/melleprcxbold.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Merriweather;
    src: url(font/merriweather/Merriweather-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Merriweather;
    src: url(font/merriweather/Merriweather-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Merriweather;
    src: url(font/merriweather/Merriweather-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Merriweather;
    src: url(font/merriweather/Merriweather-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Merriweather;
    src: url(font/merriweather/Merriweather-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Merriweather;
    src: url(font/merriweather/Merriweather-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Merriweather;
    src: url(font/merriweather/Merriweather-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Merriweather;
    src: url(font/merriweather/Merriweather-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-ExtraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-ExtraLightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(font/montserrat/static/Montserrat-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-ExtraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-ExtraLightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Noto Sans';
    src: url(font/notosans/NotoSans-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-ExtraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-ExtraLightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-Thin.ttf.html) format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    src: url(font/nunitosans/static/NunitoSans_10pt-ThinItalic.ttf.html) format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(font/opensans/static/OpenSans/OpenSans-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(font/opensans/static/OpenSans/OpenSans-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(font/opensans/static/OpenSans/OpenSans-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(font/opensans/static/OpenSans/OpenSans-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(font/opensans/static/OpenSans/OpenSans-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(font/opensans/static/OpenSans/OpenSans-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(font/opensans/static/OpenSans/OpenSans-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(font/opensans/static/OpenSans/OpenSans-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(font/opensans/static/OpenSans/OpenSans-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(font/opensans/static/OpenSans/OpenSans-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(font/opensans/static/OpenSans/OpenSans-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Open Sans';
    src: url(font/opensans/static/OpenSans/OpenSans-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Oswald;
    src: url(font/oswald/static/Oswald-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Oswald;
    src: url(font/oswald/static/Oswald-ExtraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Oswald;
    src: url(font/oswald/static/Oswald-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Oswald;
    src: url(font/oswald/static/Oswald-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Oswald;
    src: url(font/oswald/static/Oswald-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Oswald;
    src: url(font/oswald/static/Oswald-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Parisienne;
    src: url(font/parisienne/Parisienne-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(font/poppins/Poppins-Black.eot.html);
    src: url(font/poppins/Poppins-Black.eot.html) format('embedded-opentype'), url(font/poppins/Poppins-Black.woff.html) format('woff'), url(font/poppins/Poppins-Black.ttf) format('truetype'), url(font/poppins/Poppins-Black.svg) format('svg');
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(font/poppins/Poppins-Bold.eot.html);
    src: url(font/poppins/Poppins-Bold.eot.html) format('embedded-opentype'), url(font/poppins/Poppins-Bold.woff.html) format('woff'), url(font/poppins/Poppins-Bold.ttf) format('truetype'), url(font/poppins/Poppins-Bold.svg) format('svg');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(font/poppins/Poppins-ExtraBold.eot.html);
    src: url(font/poppins/Poppins-ExtraBold.eot.html) format('embedded-opentype'), url(font/poppins/Poppins-ExtraBold.woff.html) format('woff'), url(font/poppins/Poppins-ExtraBold.ttf) format('truetype'), url(font/poppins/Poppins-ExtraBold.svg) format('svg');
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(font/poppins/Poppins-ExtraLight.eot.html);
    src: url(font/poppins/Poppins-ExtraLight.eot.html) format('embedded-opentype'), url(font/poppins/Poppins-ExtraLight.woff.html) format('woff'), url(font/poppins/Poppins-ExtraLight.ttf) format('truetype'), url(font/poppins/Poppins-ExtraLight.svg) format('svg');
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(font/poppins/Poppins-Light.eot.html);
    src: url(font/poppins/Poppins-Light.eot.html) format('embedded-opentype'), url(font/poppins/Poppins-Light.woff.html) format('woff'), url(font/poppins/Poppins-Light.ttf) format('truetype'), url(font/poppins/Poppins-Light.svg) format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(font/poppins/Poppins-Medium.eot.html);
    src: url(font/poppins/Poppins-Medium.eot.html) format('embedded-opentype'), url(font/poppins/Poppins-Medium.woff.html) format('woff'), url(font/poppins/Poppins-Medium.ttf) format('truetype'), url(font/poppins/Poppins-Medium.svg) format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(font/poppins/Poppins-Regular.eot.html);
    src: url(font/poppins/Poppins-Regular.eot.html) format('embedded-opentype'), url(font/poppins/Poppins-Regular.woff.html) format('woff'), url(font/poppins/Poppins-Regular.ttf) format('truetype'), url(font/poppins/Poppins-Regular.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(font/poppins/Poppins-SemiBold.eot.html);
    src: url(font/poppins/Poppins-SemiBold.eot.html) format('embedded-opentype'), url(font/poppins/Poppins-SemiBold.woff.html) format('woff'), url(font/poppins/Poppins-SemiBold.ttf) format('truetype'), url(font/poppins/Poppins-SemiBold.svg) format('svg');
    font-weight: 550;
    font-style: normal
}

@font-face {
    font-family: Poppins;
    src: url(font/poppins/Poppins-Thin.eot.html);
    src: url(font/poppins/Poppins-Thin.eot.html) format('embedded-opentype'), url(font/poppins/Poppins-Thin.woff.html) format('woff'), url(font/poppins/Poppins-Thin.ttf) format('truetype'), url(font/poppins/Poppins-Thin.svg) format('svg');
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-ExtraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-ExtraLightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Prompt;
    src: url(font/prompt/Prompt-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Rage Italic';
    src: url(font/rageitalic/rageitalic.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-ExtraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-ExtraLightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Raleway;
    src: url(font/raleway/static/Raleway-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(font/roboto/Roboto-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(font/roboto/Roboto-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(font/roboto/Roboto-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(font/roboto/Roboto-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(font/roboto/Roboto-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(font/roboto/Roboto-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(font/roboto/Roboto-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(font/roboto/Roboto-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(font/roboto/Roboto-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(font/roboto/Roboto-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(font/roboto/Roboto-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Roboto;
    src: url(font/roboto/Roboto-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Rubik;
    src: url(font/rubik/static/Rubik-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Rubik;
    src: url(font/rubik/static/Rubik-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Rubik;
    src: url(font/rubik/static/Rubik-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Rubik;
    src: url(font/rubik/static/Rubik-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Rubik;
    src: url(font/rubik/static/Rubik-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Rubik;
    src: url(font/rubik/static/Rubik-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Rubik;
    src: url(font/rubik/static/Rubik-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Rubik;
    src: url(font/rubik/static/Rubik-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Rubik;
    src: url(font/rubik/static/Rubik-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Rubik;
    src: url(font/rubik/static/Rubik-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Rubik;
    src: url(font/rubik/static/Rubik-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Rubik;
    src: url(font/rubik/static/Rubik-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Rubik;
    src: url(font/rubik/static/Rubik-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Rubik;
    src: url(font/rubik/static/Rubik-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Sacramento;
    src: url(font/sacramento/Sacramento-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Satisfy;
    src: url(font/satisfy/Satisfy-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url(font/sourcesanspro/SourceSansPro-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url(font/sourcesanspro/SourceSansPro-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url(font/sourcesanspro/SourceSansPro-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url(font/sourcesanspro/SourceSansPro-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url(font/sourcesanspro/SourceSansPro-ExtraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url(font/sourcesanspro/SourceSansPro-ExtraLightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url(font/sourcesanspro/SourceSansPro-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url(font/sourcesanspro/SourceSansPro-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url(font/sourcesanspro/SourceSansPro-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url(font/sourcesanspro/SourceSansPro-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url(font/sourcesanspro/SourceSansPro-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url(font/sourcesanspro/SourceSansPro-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Times New Roman';
    src: url(font/timesnewroman/timesnewroman.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Times New Roman';
    src: url(font/timesnewroman/timesnewromanbold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Times New Roman';
    src: url(font/timesnewroman/timesnewromanitalic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Times New Roman';
    src: url(font/timesnewroman/timesnewromanbolditalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Varela Round';
    src: url(font/varelaround/VarelaRound-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Vesper Libre';
    src: url(font/vesperlibre/VesperLibre-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Vesper Libre';
    src: url(font/vesperlibre/VesperLibre-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Vesper Libre';
    src: url(font/vesperlibre/VesperLibre-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Vesper Libre';
    src: url(font/vesperlibre/VesperLibre-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-ExtraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-ExtraLightItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-SemiBoldItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Work Sans';
    src: url(font/worksans/static/WorkSans-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

:root {
    --scrollbar-width: 0px
}

html {
    scroll-behavior: smooth;
    overscroll-behavior: contain
}

body {
    font-family: 'Open Sans', 'Microsoft YaHei New', 'Microsoft Yahei', '微软雅黑', 宋体, SimSun, STXihei, '华文细黑', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    background: #fff;
    color: #25282a;
    font-weight: 400;
    letter-spacing: .5px;
    scroll-behavior: smooth;
    overscroll-behavior: contain;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', 'Microsoft YaHei New', 'Microsoft Yahei', '微软雅黑', 宋体, SimSun, STXihei, '华文细黑', sans-serif;
    color: #25282a
}

h1 {
    font-size: 2.2em;
    font-weight: 600
}

h2 {
    font-size: 1.4rem;
    font-weight: 600
}

a,
a:visited {
    color: #00adbb;
    outline: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

a:focus,
a:hover {
    color: #00adbb;
    text-decoration: none
}

a.disabled,
a.disabled:focus,
a.disabled:hover {
    background: 0 0;
    color: #b0b0b0;
    cursor: default
}

dl,
ol,
ul {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
    margin-top: 1rem
}

ul {
    list-style-type: square
}

ol {
    list-style-type: decimal
}

ol[list-type=lower-latin] {
    list-style-type: lower-latin
}

ul.list-vertical {
    padding-left: 0;
    margin: 0
}

ul.list-vertical>li {
    display: inline-block;
    margin: 0 .2rem
}

ul.list-vertical>li:first-of-type {
    margin-left: 0
}

ul.list-vertical>li:last-of-type {
    margin-right: 0
}

ol {
    list-style-type: decimal
}

p {
    font-size: 1rem;
    line-height: 1.6;
    text-align: justify
}

b,
strong {
    font-weight: 600;
    letter-spacing: .5px
}

em {
    font-style: italic
}

iframe,
img,
picture,
video {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    border: 0
}

iframe {
    aspect-ratio: 5/2
}

table {
    border: 0;
    background: 0 0
}

table tr.alt,
table tr.even,
table tr:nth-of-type(2n) {
    background: 0 0
}

table tbody tr td,
table tbody tr th {
    vertical-align: top;
    font-size: 1rem;
    padding: .5rem .8rem;
    line-height: 1.5;
    border-color: #cecece
}

label {
    font-size: .8rem;
    font-weight: 400;
    margin-bottom: .3rem;
    color: #909090;
    letter-spacing: .5px;
    text-transform: lowercase;
    cursor: pointer;
    display: block
}

.label {
    white-space: unset;
    font-size: 1rem;
    border-radius: 4px;
    display: inline-block;
    color: #303030;
    background-color: #dfdfdf;
    padding: .1rem .7rem .16rem;
    letter-spacing: .3px;
    line-height: 1.7
}

.label_inline {
    font-size: .9rem;
    line-height: 1.3;
    color: #25282a;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 1.5rem;
    text-transform: none
}

.label_action {
    white-space: nowrap
}

.label_action_inline {
    padding-left: .5rem;
    white-space: nowrap
}

.label_checkbox {
    color: #222;
    text-transform: none;
    top: -1.9px;
    position: relative
}

.label_hint {
    font-size: .75rem;
    color: #a0a0a0;
    margin: -.7rem 0 1rem;
    display: block
}

.label_loading {
    color: #ed7e05
}

.label_success {
    color: #169122
}

.label_success.label_success_lite {
    color: #36e047
}

.label_error {
    padding-left: 2px;
    color: #ea6852
}

.label_error.label_error_lite {
    color: #ef8c7a
}

.label_validate {
    padding: 0;
    margin: -.7rem 0 1.3rem;
    display: block
}

.label_text {
    padding: 0
}

input[type]:not([type=checkbox]):not([type=radio]),
select,
textarea {
    -webkit-appearance: none;
    font-size: .85rem;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    color: #303030;
    box-shadow: none;
    border-radius: .2rem;
    line-height: normal;
    letter-spacing: .5px;
    font-family: inherit;
    display: block;
    margin: 0 0 1rem 0;
    padding: .5rem;
    height: 2.3125rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .15s linear;
    outline: 0
}

input[type=radio] {
    display: inline;
    margin-bottom: 1rem
}

fieldset[asas-v][asas-v-radio] label {
    display: inline-block;
    letter-spacing: inherit;
    color: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-transform: inherit;
    margin-bottom: inherit;
    font-size: inherit;
    margin: .2rem .35rem 0
}

fieldset[asas-v][asas-v-radio] label:first-of-type {
    margin-left: 0
}

fieldset[asas-v][asas-v-radio] label:last-of-type {
    margin-right: 0
}

select {
    padding-left: .27rem;
    padding-right: 1.05rem
}

select>option {
    font-family: 'Open Sans', 'Microsoft YaHei New', 'Microsoft Yahei', '微软雅黑', 宋体, SimSun, STXihei, '华文细黑', sans-serif;
    font-weight: 400;
    font-size: 1rem
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.button.button_action,
a.button.button_action,
button.button_action,
input[type].button.button_action {
    background-color: #00adbb;
    color: #f9f9f9;
    text-decoration: none;
    border: 0;
    cursor: pointer
}

input[readonly] {
    background-color: #efefef !important;
    color: #505050 !important
}

input[disabled] {
    background-color: #efefef !important;
    color: #b0b0b0 !important;
    border: 1px solid #efefef !important;
    cursor: default !important
}

.button.disabled,
.button[disabled],
button.disabled,
button[disabled] {
    background-color: #efefef !important;
    border-color: #efefef !important;
    color: #b0b0b0 !important;
    cursor: default
}

textarea {
    margin-bottom: 1rem;
    min-height: 8rem
}

.button,
a.button,
button,
input[type].button {
    font-family: 'Open Sans', 'Microsoft YaHei New', 'Microsoft Yahei', '微软雅黑', 宋体, SimSun, STXihei, '华文细黑', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    padding: .6rem 1.25rem;
    color: #231f20;
    border-radius: 3px;
    background-color: #e6e6e6;
    letter-spacing: .5px;
    cursor: pointer;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.button:focus,
.button:hover,
a.button:focus,
a.button:hover,
button.button:focus,
button.button:hover {
    background-color: #fff0ca;
    color: #231f20;
    text-decoration: none
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.underline {
    text-decoration: underline
}

.common_title {
    letter-spacing: .5px !important;
    font-size: 17px !important
}

.section_separator {
    margin-bottom: 1rem;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 1rem
}

.disabled {
    background-color: #efefef
}

.disappear {
    display: none
}

.productbrand_title {
    text-align: center
}

.product_box {
    border: 1px solid #dfdfdf;
    padding: .5rem;
    text-align: center
}

.formError .formErrorContent {
    left: -102px;
    border: 0 !important;
    box-shadow: 0 0 6px #707070 !important
}

.formError .formErrorArrow div {
    box-shadow: none !important;
    border: 0 !important
}

.grow img {
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    padding: .5rem;
    margin-bottom: .5rem
}

.grow img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.row {
    max-width: 1400px
}

.full_width {
    width: 100%
}

hr {
    border-color: #d0d0d0;
    border: 0;
    border-top: 1px solid #909090
}

.alert-box {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    display: block;
    margin-bottom: 1.25rem;
    position: relative;
    padding: .875rem 1.5rem .875rem .875rem;
    transition: opacity .3s ease-out;
    background-color: #008cba;
    border-color: #0078a0;
    color: #fff
}

.alert-box.success {
    background-color: #43ac6a;
    border-color: #3a945b;
    color: #fff
}

.alert-box.alert {
    background-color: #f04124;
    border-color: #de2d0f;
    color: #fff
}

.alert-box.info {
    color: #fff;
    background-color: #006f9d;
    border: #006f9d
}

.alert-box ul {
    margin-bottom: 0
}

@media only screen and (max-width:64em) {
    label.inline {
        margin-bottom: 0
    }
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

[v-cloak] {
    display: none !important
}

.fade-enter-active {
    transition: opacity .3s
}

.fade-leave-active {
    transition: opacity .2s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.asas-animate {
    transition: all .7s ease-in-out
}

.asas-animate.asas-animate-fade-in {
    opacity: 0
}

.asas-animate.asas-animate-slide-up {
    transform: translateY(5vh)
}

.asas-animate.asas-animate-fade-in.asas-animate-fired {
    opacity: 1
}

.asas-animate.asas-animate-slide-up.asas-animate-fired {
    transform: translateY(0)
}

.common_block {
    padding: .9rem 1.6rem;
    background-color: #050505;
    height: inherit;
    margin-bottom: .67rem
}

.common_block h2 {
    font-weight: 700;
    font-size: 1.05rem
}

.common_block ul li {
    margin-bottom: .33rem
}

.asas-select-dropdown .select-selected {
    -webkit-appearance: none;
    font-size: .85rem;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    color: #303030;
    box-shadow: none;
    border-radius: .2rem;
    line-height: normal;
    letter-spacing: .5px;
    font-family: inherit;
    display: block;
    margin: 0 0 1rem 0;
    padding: .5rem;
    padding-right: .5rem;
    padding-left: .5rem;
    height: 2.3125rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all .15s linear;
    outline: 0
}

.asas-select-dropdown .select-hide.select-unhide {
    display: block
}

.select-dropdown-container {
    grid-template-columns: max-content max-content auto
}

.select-dropdown-container>div:first-child {
    padding: 5px 0 0 0
}

.select-dropdown-container>div:nth-child(2) {
    padding-left: .5rem;
    padding-right: 0
}

.select-dropdown-container>div:nth-child(3) {
    padding-right: 0
}

.select-dropdown {
    position: absolute;
    background-color: #fff;
    border: 1px solid #efefef
}

select[asas-select]:not([multiple]) {
    display: none
}

.asas-select-dropdown {
    position: relative;
    margin-bottom: .3rem
}

.asas-select-dropdown .select-selected {
    border: .0625rem solid #d0d0d0;
    cursor: pointer;
    display: inline-block;
    position: relative;
    user-select: none
}

.asas-select-dropdown .select-selected.select-selected-no-option {
    cursor: default
}

.asas-select-dropdown .select-selected:after {
    position: absolute;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: calc(50% - .5rem);
    right: .5rem;
    color: #363636;
    font-size: 1rem;
    transition: transform .2s ease
}

.asas-select-dropdown .select-selected.select-arrow-active:after {
    transform: rotate(180deg)
}

.asas-select-dropdown .select-selected.select-arrow-active.select-selected-no-option:after,
.asas-select-dropdown .select-selected.select-selected-no-option:after {
    content: ""
}

.asas-select-dropdown .asas-select-options-container>div:not(.asas-select-separator),
.asas-select-dropdown .select-items>div:not(.search-container):not(.asas-select-options-container):not(.asas-select-pagination) {
    padding: .25rem .5rem;
    cursor: pointer
}

.asas-select-dropdown .asas-select-options-container>div:last-of-type,
.asas-select-dropdown .select-items>div:last-of-type {
    border: none
}

.asas-select-separator {
    border-bottom: 1.5px solid #dfdfdf;
    margin: .4rem 0
}

.asas-select-dropdown .select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: .0625rem solid #dfdfdf;
    margin-top: -.125rem;
    box-shadow: .0625rem .0625rem .1875rem #00000010;
    max-width: 37.5rem;
    text-align: left;
    width: max-content;
    min-width: 100%;
    padding: .5rem;
    max-height: 25rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    animation: dropdownFadeIn .2s ease-out
}

.asas-select-dropdown .select-hide {
    display: none
}

.asas-select-dropdown .asas-select-options-container>div:not(.asas-select-separator):hover,
.asas-select-dropdown .select-items>div:not(.search-container):not(.asas-select-options-container):not(.asas-select-pagination):hover {
    background-color: #e8f4fd;
    transition: background-color .2s ease
}

.asas-select-dropdown .same-as-selected {
    background-color: #f5f5f5
}

.asas-select-dropdown .same-as-selected {
    font-weight: 600
}

.asas-select-dropdown .select-search-input,
.asas-select-dropdown .select-search-input:hover {
    padding: .4rem 32px .55rem 8px;
    width: calc(100% - 2.5rem);
    margin-bottom: .4rem
}

.asas-select-dropdown .select-search-input::placeholder {
    font-weight: 400;
    color: #606060
}

.asas-select-dropdown .search-container {
    position: relative;
    display: block;
    width: 100%
}

.asas-select-dropdown .search-clear-icon {
    position: absolute;
    right: .5rem;
    top: calc(50% - .4rem);
    transform: translateY(-50%);
    cursor: pointer;
    font-size: .9rem;
    display: none
}

.asas-select-dropdown .search-clear-icon:hover {
    color: #333
}

.asas-select-dropdown .asas-select-options-container {
    flex: 1 1 0%;
    overflow-y: auto
}

.asas-select-dropdown .asas-select-no-results {
    padding: .5rem;
    color: #666;
    font-style: italic;
    text-align: center
}

.asas-select-loading-icon {
    margin-left: .5rem;
    font-size: 1rem
}

.asas-select-dropdown .select-selected-multiple {
    min-height: 2.375rem;
    padding: .25rem .5rem;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    align-items: center
}

select[asas-selectnew] {
    display: none
}

.asas-select-dropdown .asas-select-display-text {
    flex: 1;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.asas-select-dropdown .asas-select-selected-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    flex: 1;
    min-height: 1.5rem
}

.asas-select-dropdown .asas-select-selected-tag {
    display: inline-flex;
    align-items: center;
    background: #ddfdff;
    border-radius: .1875rem;
    padding: .4rem .6rem;
    font-size: 1rem;
    color: #00575e;
    white-space: nowrap;
    animation: tagFadeIn .2s ease-in-out
}

@keyframes tagFadeIn {
    from {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.asas-select-dropdown .asas-select-tag-text {
    max-width: 9.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.asas-select-dropdown .asas-select-tag-remove {
    margin-left: .375rem;
    color: #00adbb;
    cursor: pointer;
    font-weight: 700;
    font-size: 1rem;
    padding: 0 .125rem;
    border-radius: .125rem;
    transition: all .15s ease;
    transform-origin: center
}

.asas-select-dropdown .asas-select-tag-remove:hover {
    transform: scale(1.2)
}

@keyframes dropdownFadeIn {
    from {
        opacity: 0;
        transform: translateY(-.5rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.asas-select-dropdown .asas-select-checkbox {
    font-size: 1rem;
    line-height: 1;
    margin-right: .5rem
}

.asas-select-dropdown .asas-select-checkbox.far {
    color: #00adbb;
    background-color: #fff
}

.asas-select-dropdown .asas-select-checkbox.fas {
    color: #00adbb;
    border-radius: .125rem;
    padding: .0625rem
}

.asas-select-dropdown .asas-select-pagination {
    padding: .5rem;
    border-top: 1.5px solid #dfdfdf !important;
    margin-top: .5rem;
    position: sticky;
    bottom: 0;
    z-index: 1
}

.asas-select-dropdown .asas-select-pagination .pagination_wrapper {
    margin-bottom: 0
}

.asas-select-dropdown .asas-select-page-btn {
    padding: .25rem .5rem;
    border: .0625rem solid #ddd;
    background: #fff;
    cursor: pointer;
    border-radius: .1875rem;
    font-size: .75rem;
    color: #333;
    text-decoration: none;
    transition: all .15s ease;
    min-width: 2rem;
    text-align: center
}

.asas-select-dropdown .asas-select-page-btn:hover {
    background: #e9ecef;
    border-color: #adb5bd
}

.asas-select-dropdown .asas-select-page-btn.active {
    background: #007cba;
    color: #fff;
    border-color: #007cba
}

.asas-select-dropdown .asas-select-page-btn:disabled {
    opacity: .5;
    cursor: not-allowed
}

@media (max-width:768px) {
    .asas-select-dropdown .asas-select-selected-tags {
        max-height: 60px;
        overflow-y: auto
    }

    .asas-select-dropdown .asas-select-tag-text {
        max-width: 100px
    }
}

input[asas-color] {
    padding-left: 1.8rem
}

.asas-color-picker-wrapper {
    position: relative
}

.asas-color-picker-display {
    position: absolute;
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 3px;
    top: 5px;
    left: 5px;
    border: 1px solid #cecece;
    cursor: pointer
}

.asas-color-picker-display:hover {
    transform: scale(1.15);
    transition: all .22s ease-in-out
}

.asas-color-picker {
    position: absolute;
    border: 1px solid #d0d0d0;
    width: max-content;
    background-color: #fff;
    padding: .9375rem 0;
    top: 0;
    z-index: 10;
    grid-template-columns: 22.5rem 8.7625rem 3.2rem 3.2rem 3.2rem 4.1375rem;
    grid-template-rows: auto 3.875rem 2rem auto;
    grid-template-areas: 'color-picker-block color-picker-input-hex color-picker-input-rgb-r color-picker-input-rgb-g color-picker-input-rgb-b color-picker-input-rgb-a' 'color-picker-block color-picker-strip color-picker-strip color-picker-strip color-picker-strip color-picker-strip' 'color-picker-block color-picker-transparency color-picker-transparency color-picker-transparency color-picker-transparency color-picker-transparency' 'color-picker-compare color-picker-action color-picker-action color-picker-action color-picker-action color-picker-action';
    box-shadow: 1px 1px 3px #00000010
}

.asas-color-picker.color-picker-hide {
    display: none
}

.asas-color-block-wrapper {
    grid-area: color-picker-block;
    position: relative
}

.asas-color-block {
    width: 100%;
    height: 12rem;
    border-radius: 4px;
    display: block
}

.asas-color-input-hex-wrapper {
    grid-area: color-picker-input-hex;
    text-align: left;
    padding: 0 0 0 .9375rem !important
}

input.asas-color-input-hex {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 0
}

.asas-color-input-rgb-r-wrapper {
    grid-area: color-picker-input-rgb-r;
    padding: 0 0 0 .3rem !important
}

.asas-color-input-rgb-g-wrapper {
    grid-area: color-picker-input-rgb-g;
    padding: 0 0 0 .3rem !important
}

.asas-color-input-rgb-b-wrapper {
    grid-area: color-picker-input-rgb-b;
    padding: 0 0 0 .3rem !important
}

.asas-color-input-rgb-a-wrapper {
    grid-area: color-picker-input-rgb-a;
    padding: 0 .9375rem 0 .3rem !important
}

input.asas-color-input-rgb {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 0
}

label.asas-color-label {
    text-align: center;
    display: block;
    font-weight: 600;
    color: #909090;
    font-size: .8rem;
    margin-top: .2rem;
    letter-spacing: 1px;
    text-transform: uppercase
}

.asas-color-strip-wrapper {
    grid-area: color-picker-strip;
    padding: .9375rem !important;
    position: relative
}

.asas-color-strip {
    width: 100%;
    height: 2rem;
    border-radius: 4px;
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(red), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(66%, #00f), color-stop(83%, #f0f), to(red));
    background: linear-gradient(to right, red 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 66%, #f0f 83%, red 100%)
}

.asas-color-transparency-wrapper {
    grid-area: color-picker-transparency;
    position: relative
}

.asas-color-transparency {
    width: 100%;
    height: 2rem;
    border-radius: 4px;
    position: relative;
    background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%);
    background-size: 16px 16px;
    background-position: 0 0, 0 8px, 8px -8px, -8px 0;
    display: block
}

.asas-color-compare-wrapper {
    grid-area: color-picker-compare;
    position: relative
}

.asas-color-compare-box {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    width: calc(50% - .3rem);
    height: 2rem;
    margin-bottom: 2.1rem;
    margin-top: .9375rem;
    box-shadow: 0 0 1px rgba(0, 0, 0, .4)
}

[asas-color-compare-current].asas-color-compare-box {
    border-radius: 4px 2px 2px 4px;
    margin-right: .3rem
}

[asas-color-compare-new].asas-color-compare-box {
    border-radius: 2px 4px 4px 2px;
    margin-left: .3rem
}

.asas-color-compare-box .asas-color-label {
    position: relative;
    bottom: -2.1rem
}

.asas-color-action-wrapper {
    grid-area: color-picker-action;
    position: relative;
    text-align: right
}

.asas-color-action-wrapper a {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 2.1rem;
    margin-top: .9375rem;
    height: 2rem;
    line-height: 3.1;
    font-size: 1rem
}

.asas-color-action-wrapper a[asas-color-close],
.asas-color-action-wrapper a[asas-color-reset] {
    color: #909090;
    margin-right: .9375rem;
    text-transform: lowercase
}

.asas-color-action-wrapper a[asas-color-save] {
    color: #303030;
    font-weight: 600;
    margin-right: calc(.9375rem / 2)
}

.asas-color-circle-pointer {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    border: 3px solid #202020;
    border-radius: 100%;
    position: absolute;
    pointer-events: none;
    left: 50%;
    top: 50%
}

.asas-color-circle-pointer::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 3px solid #fff;
    border-radius: 100%;
    display: block
}

.asas-color-rect-pointer {
    position: absolute;
    width: 5px;
    margin-left: -3px;
    margin-top: -3px;
    height: 2rem;
    border: 3px solid #202020;
    border-radius: 6px;
    top: 0;
    pointer-events: none
}

.asas-color-strip-wrapper .asas-color-rect-pointer {
    top: .9375rem
}

.asas-color-rect-pointer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: calc(2rem - 4px);
    border: 2px solid #fff;
    border-radius: 2px
}

textarea[asas-editor] {
    display: none
}

.asas-editor {
    width: 100%;
    min-height: 5rem
}

[asas-panel-id] {
    cursor: pointer
}

ul.asas-tab-group {
    list-style: none;
    display: block;
    padding-left: 0
}

ul.asas-tab-group.asas-tab-group-header-only {
    border-bottom: 1.5px solid #dfdfdf;
    margin-bottom: 1rem
}

ul.asas-tab-group li {
    display: inline-block
}

[asas-tab-id],
a[asas-tab-id],
a[asas-tab-id]:visited {
    cursor: pointer;
    padding: .5rem .8rem;
    border: 1.5px solid #dfdfdf;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    display: inline-block
}

[asas-tab-content] {
    display: none;
    padding: 1.2rem 1.875rem 1rem;
    border: 1.5px solid #dfdfdf;
    border-radius: 0 0 4px 4px;
    margin-bottom: 1rem
}

[asas-tab-content].selected {
    display: block
}

@media only screen and (max-width:40em) {
    ul.asas-tab-group {
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 1em;
        border-bottom: 1px solid #dfdfdf;
        text-align: left;
        touch-action: pan-x pan-y;
        overscroll-behavior-x: contain;
        scrollbar-width: thin;
        scrollbar-color: var(--primary-color-1) transparent
    }
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 18px;
    top: 1px;
    right: 0;
    margin: 0;
    position: absolute
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider {
    background-color: #00adbb
}

input:focus+.slider {
    box-shadow: 0 0 1px #00adbb
}

input:checked+.slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.asas-carousel-focus-wrapper {
    position: relative;
    white-space: nowrap;
    overflow: hidden
}

.asas-carousel-focus-box {
    display: inline-block;
    background-position: 50% 50%;
    cursor: zoom-in
}

.asas-carousel-focus-wrapper .asas-carousel-focus-box img {
    display: block;
    background-color: #fff
}

.asas-carousel-focus-wrapper .asas-carousel-focus-box:hover img {
    opacity: 0
}

.asas-carousel-nav-wrapper.grid-container,
.grid-container .grid-container-item .asas-carousel-nav-wrapper.grid-container {
    grid-template-columns: max-content auto max-content;
    margin-left: 0;
    margin-right: 0
}

.asas-carousel-thumbnail-list {
    overflow: hidden;
    margin: 0 .9375rem
}

ul.asas-carousel {
    display: block;
    margin: 0 0 0;
    padding: 0;
    white-space: nowrap;
    transition: ease all .2s
}

ul.asas-carousel li {
    display: inline-block;
    list-style: none;
    margin: 0 .5rem 0 0;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    cursor: pointer
}

ul.asas-carousel li:first-of-type {
    margin-left: 0
}

ul.asas-carousel li:last-of-type {
    margin-right: 0
}

ul.asas-carousel li img {
    display: block;
    border-radius: 5px;
    height: 6rem;
    width: auto;
    transition: opacity .5s
}

.asas-carousel-nav {
    position: relative
}

.asas-carousel-nav i {
    color: #606060;
    font-size: 2rem;
    border-radius: 50%;
    text-align: center;
    position: relative;
    top: calc(50% - 16px);
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.asas-carousel-nav.asas-carousel-nav-disabled i {
    color: #dfdfdf;
    cursor: default
}

.asas-carousel-block-wrapper {
    overflow-x: hidden
}

.asas-carousel-block-nav {
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between
}

.asas-carousel-block-nav .asas-carousel-block-nav-item {
    display: inline-block;
    font-size: 1.5rem
}

.asas-carousel-block-nav-pagination {
    align-items: center;
    display: flex
}

button.asas-carousel-block-nav-pagination-item,
button.asas-carousel-block-nav-pagination-item:focus,
button.asas-carousel-block-nav-pagination-item:hover {
    background-color: #efefef;
    border-radius: 100%;
    margin: 0 .25em;
    width: .75em;
    height: .75em;
    padding: 0;
    border: 0
}

button.asas-carousel-block-nav-pagination-item.selected {
    background-color: var(--primary-color-1)
}

.asas-carousel-block {
    grid-auto-columns: calc(100vw);
    grid-auto-flow: column;
    overflow-x: visible;
    transition: ease-in-out;
    transition-duration: .25s;
    transition-delay: 50ms;
    width: 100vw;
    overflow-y: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    touch-action: pan-x pan-y;
    overscroll-behavior-x: contain
}

.asas-carousel-block::-webkit-scrollbar {
    display: none
}

.grid-container.asas-carousel-block {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1rem
}

.asas-carousel-block-item {
    scroll-snap-align: center;
    scroll-snap-stop: always;
    width: 100vw;
    box-sizing: border-box
}

.grid-container-item.asas-carousel-block-item {
    margin-bottom: 0
}

.modal {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .45)
}

.modal-content {
    background: rgba(255, 255, 255, .97);
    margin: 0;
    padding: 2rem;
    border: 1px solid silver;
    max-width: 960px;
    width: calc(100% - 1.875rem);
    border-radius: 5px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    max-height: calc(100vh - 10%);
    overflow: auto;
    font-size: 1rem;
    line-height: 1.6;
    color: #25282a
}

.modal-content h1 {
    text-align: center;
    line-height: 1.2
}

.modal-close {
    top: .15rem;
    right: .7rem;
    font-weight: 400;
    color: #505050;
    text-decoration: none;
    position: absolute;
    font-size: 1.5rem
}

.modal-close:focus,
.modal-close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

@media only screen and (max-width:64em) {
    .modal-content {
        max-height: calc(100vh - 5.875rem);
        top: .9375rem;
        bottom: .9375rem;
        transform: translate(-50%, 0);
        overflow-y: auto;
        max-width: calc(100% - 5.875rem)
    }
}

.widget {
    padding: 1.5em 1.8em;
    border-radius: 4px;
    display: block;
    margin-bottom: 1em;
    background: #fff;
    border: 1px solid #eaedf2;
    line-height: 1.5
}

.widget h1 {
    border-bottom: 0 !important;
    color: #373737 !important;
    font-size: 1.45rem !important;
    font-weight: 400 !important;
    margin: 0 0 .65rem !important;
    padding-bottom: 0 !important;
    text-transform: none !important;
    line-height: 1.2 !important
}

.widget h2>.widget_header_subtitle {
    display: block;
    font-weight: 400;
    font-size: .9rem;
    text-transform: none;
    line-height: 1.6em;
    color: #868da5
}

.widget>ul {
    margin-left: 0;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-left: 0;
    list-style-type: none
}

.widget>ul:last-child {
    margin-bottom: 0
}

.widget ul li {
    margin-bottom: 1em
}

.widget ul.widget_simple_list li {
    margin-bottom: .5em
}

.widget ul.widget_featured_list li {
    margin-bottom: 1.8em
}

.widget ul li .widget_cover_image_box {
    margin-bottom: .8em
}

.widget ul li .widget_cover_image_box img.widget_cover_image {
    max-width: 100%;
    border-radius: 3px
}

.widget ul li .widget_list_item_grid {
    grid-template-columns: max-content auto
}

.widget ul li .widget_thumb_image_box {
    padding-right: 0
}

.widget ul li .widget_thumb_image_box img.widget_thumb_image {
    max-width: 56px;
    border-radius: 2px
}

.widget ul li .widget_thumb_image_box img.widget_thumb_image.widget_thumb_image_default {
    width: 56px;
    aspect-ratio: 1/1
}

.widget ul li .widget_title {
    display: block;
    margin-bottom: .15em
}

.widget ul li .widget_subtitle {
    color: #868da5;
    display: block;
    font-size: .95em;
    letter-spacing: .03125em
}

.widget ol li ol,
.widget ul li ul {
    margin: 0 0 .65em
}

.widget ol li li,
.widget ul li li {
    margin: .33em 0
}

.widget .widget_more_link {
    text-align: right;
    margin-top: 1.5em
}

.widget .widget_more_link a {
    font-size: .95em
}

#breadcrumbs_wrapper {
    border-radius: 0;
    margin-bottom: 1rem;
    padding: 0
}

ul.breadcrumbs {
    margin: 1rem 0 -1.5rem;
    padding: 0;
    position: relative;
    z-index: 20
}

.breadcrumbs_inline_wrapper .breadcrumbs {
    margin: 0 auto -49px
}

.breadcrumbs>* {
    text-transform: none;
    font-size: .9rem;
    line-height: 2rem
}

.breadcrumbs>:before {
    color: #afafaf;
    content: "/";
    margin: 0 .7rem;
    top: 0
}

.breadcrumbs>li:first-of-type:before {
    content: none;
    margin: 0 .7rem 0 0
}

.breadcrumbs>* a {
    color: #959595;
    line-height: 3.4;
    text-decoration: underline
}

.breadcrumbs>.current a,
.breadcrumbs>.current:hover a {
    color: #959595;
    text-decoration: none
}

.breadcrumbs>:focus a,
.breadcrumbs>:hover a {
    text-decoration: underline;
    color: #505050
}

.breadcrumb_overlay {
    margin-top: 0
}

@media only screen and (max-width:40em) {
    .breadcrumbs {
        padding-top: .6rem
    }

    .breadcrumbs_inline_wrapper .breadcrumbs {
        position: absolute
    }

    .breadcrumbs>* {
        line-height: 1
    }

    .breadcrumbs>* a {
        line-height: 1.6
    }

    .breadcrumbs>.current a,
    .breadcrumbs>.current:hover a {
        color: #606060
    }
}

#main_outer_wrapper {
    background: #fff
}

#main_wrapper {
    max-width: 100%;
    margin-bottom: 0;
    padding-bottom: 1.5rem
}

#main_wrapper.row {
    max-width: 1400px
}

#main_wrapper #main_content_wrapper {
    margin-bottom: 1rem
}

#footer_wrapper {
    background-color: #234466;
    border-top: 1px solid #4a5c7b;
    padding: 1.5rem 0 1.5rem 0;
    margin-top: 0;
    color: #fff;
    font-size: .85rem
}

#footer_wrapper #footer_newsletter {
    border-bottom: 1px solid #4a5c7b;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem
}

#footer_wrapper #footer_newsletter #newsletter_title {
    padding-top: .35rem;
    font-weight: 600;
    color: #fff
}

#footer_wrapper #footer_newsletter #newsletter_input input {
    margin-bottom: 0
}

#footer_wrapper #footer_newsletter #newsletter_form_alert {
    margin-top: .2rem
}

#footer_wrapper #footer {
    max-width: 1400px;
    margin-bottom: 1.5rem
}

#footer_wrapper #footer h1 {
    color: #fff;
    margin: 0 0 .65rem;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px
}

#footer_wrapper #footer ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: .8rem;
    padding-bottom: .7rem;
    font-size: .9rem
}

#footer_wrapper #footer ul li {
    margin-bottom: .3rem
}

#footer_wrapper #footer ul li hr.footer_separator {
    border-color: #4a5c7b;
    width: 2rem;
    margin: .7rem 0
}

#footer_wrapper #footer a {
    color: #fff
}

#footer_wrapper #footer a:hover {
    color: #fff;
    text-shadow: 0 0 10px rgba(255, 255, 255, .8)
}

#footer_wrapper #footer ul#contact li .list_title {
    width: 3.4rem;
    display: inline-block
}

#footer_wrapper #footer #apps img {
    width: 10rem;
    margin-bottom: .24rem
}

#footer_wrapper #footer ul#socials {
    list-style: outside none none;
    position: relative;
    margin-bottom: .5rem;
    margin-top: .1rem
}

#footer_wrapper #footer ul#socials li {
    display: inline-block;
    padding-right: 1.5rem
}

#footer_wrapper #footer ul#socials li:last-of-type {
    padding-right: 0
}

#footer_wrapper #footer ul#socials li a {
    display: block;
    color: #fff;
    position: relative
}

#footer_wrapper #footer ul#socials li a.adjust {
    top: -1px
}

#footer_wrapper #footer_bottom {
    margin: 0 -.9375rem;
    max-width: 1400px;
    padding: 1rem 0;
    border-top: 1px solid #4a5c7b
}

#footer_wrapper #footer_bottom .separator {
    margin: 0 .8rem;
    color: #4a5c7b
}

@media only screen and (max-width:64em) {
    #footer_wrapper #footer_newsletter #newsletter_title {
        padding-top: 0;
        margin-bottom: .4rem
    }

    #footer_wrapper #footer ul li hr.footer_separator {
        margin: 1rem auto
    }

    #footer_wrapper #footer #apps {
        margin-bottom: 1.8rem
    }

    #footer_wrapper #footer_bottom {
        margin: 1rem 0;
        padding: 1rem .9375rem
    }

    #footer_wrapper #footer_bottom #copyright {
        margin-bottom: 1.5rem
    }
}

.pagination_wrapper {
    display: inline-block
}

.pagination_wrapper .pagination li.current a {
    background: #efab00
}

.pagination_wrapper .pagination li {
    margin-bottom: 1rem
}

.pagination_wrapper .pagination li>a {
    font-family: 'Open Sans', 'Microsoft YaHei New', 'Microsoft Yahei', '微软雅黑', 宋体, SimSun, STXihei, '华文细黑', sans-serif;
    font-size: .9rem;
    color: #202020;
    padding: .2rem .62rem;
    background: #efefef;
    font-weight: 400
}

.pagination_wrapper .pagination li>a:hover {
    background: #d9d9d9
}

.pagination li a:hover,
.pagination_wrapper .pagination li.current a:hover {
    background: #efab00
}

.pagination_wrapper .pagination li.disabled>a {
    background: none repeat scroll 0 0 #efefef;
    color: #909090;
    cursor: default;
    text-decoration: none
}

.pagination_wrapper .pagination li.dots>a {
    background: none repeat scroll 0 0 #efefef;
    color: #202020;
    cursor: default
}

.common_form.common_block {
    padding: 1rem 0
}

.common_form textarea {
    height: 10rem
}

.common_form hr {
    margin: 0 0 1rem
}

.label_required {
    color: #ea6852;
    display: inline-block;
    margin-left: .1rem;
    font-weight: 400
}

.common_table {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 100%;
    margin-top: 10px
}

.common_table th {
    text-align: left;
    padding: .8rem 1.2rem;
    background-color: #202020;
    color: #f5f5f5;
    border: 1px solid #505050;
    border-bottom: 0;
    letter-spacing: .5px;
    font-weight: 400;
    margin-top: .3rem;
    text-transform: uppercase
}

.common_table td {
    padding: .8rem 1.2rem;
    border-left: 1px solid #ddd;
    color: #25282a
}

.common_table_nocell th {
    text-align: left;
    padding: 7px 5px 3px;
    vertical-align: top;
    min-width: 90px
}

.common_table_nocell td {
    padding: 3px 5px
}

.common_table_right {
    border-right: 1px solid #202020
}

.common_table tr:nth-child(even) {
    background: 0 0
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    margin: 0 auto;
    max-width: 1400px;
    box-sizing: border-box
}

.grid-container .grid-container-item .grid-container {
    margin-left: -.9375em;
    margin-right: -.9375em
}

.grid-container-item {
    padding: 0 .9375em
}

.grid-container-item.grid-container-item-collapse {
    padding: 0
}

.grid-container-content-wrapper {
    display: contents
}

.grid-container-separator {
    padding: 0
}

.grid-container-separator>hr {
    border: 0;
    border-top: 1px solid #eaedf2;
    margin: .9375rem 0
}

.grid-container-separator-bottom {
    border-bottom: 1px solid #eaedf2
}

.common_table_action_wrapper {
    text-align: right;
    margin-bottom: 1rem
}

.common_table_grid,
.common_table_grid.grid-container {
    grid-template-columns: repeat(1, auto);
    border: 1px solid #eaedf2;
    border-radius: 4px;
    padding: .5rem 1.5rem;
    margin-bottom: 1rem
}

.grid-container .grid-container-item .common_table_grid.grid-container {
    margin-left: 0;
    margin-right: 0
}

.common_table_grid .header {
    font-weight: 600;
    color: #b6b5c3;
    padding: .8rem .9375rem
}

.common_table_grid .main {
    border-top: 1px solid #eaedf2;
    padding: .8rem .9375rem
}

.common_table_grid .main.grid-container-item.grid-container-item-collapse {
    padding-left: 0;
    padding-right: 0
}

.common_table_grid .common_table_grid_title {
    font-size: 1.15em;
    font-weight: 700;
    margin-bottom: .4em
}

.common_table_grid .common_table_grid_subtitle {
    font-size: .9em;
    margin-bottom: .4em;
    letter-spacing: .8px;
    margin-top: -.1em;
    color: #909090;
    line-height: 1.6em
}

.common_table_grid .mobile_header {
    font-weight: 400;
    font-size: .8rem;
    color: #909090;
    line-height: 1;
    text-transform: lowercase;
    letter-spacing: 1px;
    margin-bottom: .25rem;
    display: none
}

.common_table_grid .action_unselected {
    background: #d6d7df !important;
    color: #234466 !important
}

.grid-container.common_confirm_checkbox_grid {
    grid-template-columns: max-content auto
}

@media only screen and (max-width:40em) {
    .common_table_grid .header {
        display: none
    }

    .grid-container-item-last {
        padding-bottom: 4rem !important
    }

    .common_table_grid .mobile_header {
        display: block
    }
}

#common_search_box {
    padding: 1.5rem;
    border: 1px solid #eaedf2;
    margin-bottom: 1.5rem;
    background: #f6f6f6;
    border-radius: 4px
}

#common_search_box .grid-container {
    width: 100%;
    max-width: 100%
}

#common_search_box.search_initial {
    border: 1px solid #eaeDF2AA;
    background: #f3f3f3
}

#common_search_box h2,
#layout_grid #layout_grid_content #common_search_box h2 {
    display: inline-block;
    margin-bottom: 0;
    font-size: 1.15rem;
    margin-top: 0
}

#common_search_box #common_search_trigger_box {
    display: inline-block;
    margin-left: 6px;
    position: relative;
    top: -1px
}

#common_search_box #common_search_trigger_box a,
#common_search_box #common_search_trigger_box a:hover {
    font-size: .8rem
}

#common_search_box #common_search_content {
    margin-top: 1rem
}

#common_search_box #common_search_content p {
    margin-bottom: 1rem
}

#common_search_form {
    margin-top: .5rem
}

#common_search_form #common_search_form_fields.grid-container {
    grid-template-columns: minmax(max-content, 1fr) minmax(max-content, 1fr)
}

#common_search_form #common_search_form_fields label {
    color: #303030FF
}

#common_search_form #common_search_form_action.grid-container {
    text-align: right;
    margin: 1rem 0 0
}

#common_search_form #common_search_submit {
    width: auto
}

.common_result_header.grid-container {
    grid-template-columns: auto auto;
    margin-bottom: 1rem
}

.common_pagination {
    text-align: right
}

@media only screen and (max-width:40em) {
    .common_result_header {
        grid-template-columns: 1fr
    }

    #common_search_form #common_search_form_fields.grid-container {
        grid-template-columns: 1fr
    }
}

.grecaptcha-badge {
    visibility: hidden
}

#debug_box {
    width: 960px;
    margin: 1rem auto;
    font-size: .85rem;
    font-family: 'Open Sans', 'Microsoft YaHei New', 'Microsoft Yahei', '微软雅黑', 宋体, SimSun, STXihei, '华文细黑', sans-serif;
    padding: 1rem 1.67rem;
    border: 3px solid #06f;
    border-radius: .9rem;
    overflow: scroll
}

#debug_box h1 {
    padding: 0;
    margin: 0 0 1rem;
    font-size: 1.2rem
}

input[type=text].call_to_action_input {
    display: inline-block;
    width: 20rem;
    padding: 1.4rem 1.2rem;
    line-height: 1.3;
    border-radius: .2rem 0 0 .2rem !important;
    border: 1px solid #dfdfdf;
    border-right: 0
}

input[type=submit].call_to_action_button.button,
input[type=submit].call_to_action_button.button:focus,
input[type=submit].call_to_action_button.button:visited {
    display: inline-block;
    color: #fff;
    padding: .75rem 1.2rem;
    background-color: #ea6852 !important;
    cursor: pointer;
    text-decoration: none;
    border-radius: 0 .2rem .2rem 0 !important;
    letter-spacing: .3px;
    width: 13rem
}

input[type=submit].call_to_action_button.button:hover {
    color: #fff !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, .3)
}

#search_bar_box {
    display: none !important;
}

@media only screen and (max-width:40em) {
    input[type=text].call_to_action_input {
        padding: 1.4rem .8rem;
        width: 50%
    }

    input[type=submit].call_to_action_button.button {
        padding: .75rem .8rem;
        width: 50%
    }
}