@charset "UTF-8";
/*! Bootstrap v4.4.1 (https://getbootstrap.com/) Copyright 2011-2019 The Bootstrap Authors Copyright 2011-2019 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
@font-face { font-family: 'nanum-square-r'; src: url("../fonts/nanumsquares/nanumsquarer.eot"); src: url("../fonts/nanumsquares/nanumsquarer.eot?#iefix") format("embedded-opentype"), url("../fonts/nanumsquares/nanumsquarer.ttf") format("truetype"), url("../fonts/nanumsquares/NanumSquareR.woff") format("woff"), url("../fonts/nanumsquares/nanumsquarer.svg#nanumsquarerregular") format("svg"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'nanum-square-b'; src: url("../fonts/nanumsquares/nanumsquareb.eot"); src: url("../fonts/nanumsquares/nanumsquareb.eot?#iefix") format("embedded-opentype"), url("../fonts/nanumsquares/nanumsquareb.ttf") format("truetype"), url("../fonts/nanumsquares/NanumSquareB.woff") format("woff"), url("../fonts/nanumsquares/nanumsquareb.svg#nanumsquarebregular") format("svg"); font-weight: 700; font-style: bold; }

@font-face { font-family: 'nanum-square-eb'; src: url("../fonts/nanumsquares/nanumsquareeb.eot"); src: url("../fonts/nanumsquares/nanumsquareeb.eot?#iefix") format("embedded-opentype"), url("../fonts/nanumsquares/nanumsquareeb.ttf") format("truetype"), url("../fonts/nanumsquares/NanumSquareeb.woff") format("woff"); font-weight: 900; font-style: bolder; }

@font-face { font-family: 'Noto Sans SC'; src: url("../fonts/Noto_Sans_SC/NotoSansSC-Regular.otf"); src: url("../fonts/Noto_Sans_SC/NotoSansSC-Regular.otf?#iefix") format("OpenType"); font-weight: 400; }

@font-face { font-family: 'Noto Sans SC'; src: url("../fonts/Noto_Sans_SC/NotoSansSC-Medium.otf"); src: url("../fonts/Noto_Sans_SC/NotoSansSC-Medium.otf?#iefix") format("OpenType"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'Noto Sans SC'; src: url("../fonts/Noto_Sans_SC/NotoSansSC-Bold.otf"); src: url("../fonts/Noto_Sans_SC/NotoSansSC-Bold.otf?#iefix") format("OpenType"); font-weight: 700; font-style: bold; }

:root { --blue: #1d81eb; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #db4612; --orange: #f79200; --yellow: #ffca00; --green: #00c784; --teal: #20c997; --cyan: #0eabbd; --white: #fff; --brown: #a68a76; --gray: #767676; --gray-dark: #4f4f4f; --primary: #181818; --secondary: #1c6693; --success: #1d81eb; --info: #f79200; --warning: #ffca00; --danger: #db4612; --default: #989898; --light: #f9f9f9; --dark: #181818; --black: #080808; --breakpoint-xs: 0; --breakpoint-sm: 540px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1024px; --breakpoint-xxl: 1220px; --breakpoint-xxxl: 1600px; --font-family-sans-serif: "nanum-square-r", "Noto Sans SC"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

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

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(8, 8, 8, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: "nanum-square-r", "Noto Sans SC"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #767676; text-align: left; }

[tabindex="-1"]:focus { outline: 0 !important; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; }

p { margin-top: 0; margin-bottom: 0; }

abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; }

address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }

ol, ul, dl { margin: 0; padding: 0; list-style: none; }

ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }

dt { font-weight: 700; }

dd { margin-bottom: .5rem; margin-left: 0; }

blockquote { margin: 0 0 1rem; }

b, strong { font-weight: bolder; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

a { color: #767676; text-decoration: none; background-color: transparent; }

a:hover { color: dimgray; text-decoration: none; }

a[role=button] { cursor: pointer; }

a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; }

a:not([href]):not([tabindex]):focus { outline: 0; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; }

figure { margin: 0 0 1rem; }

img { max-width: 100%; vertical-align: middle; border-style: none; }

svg { overflow: hidden; vertical-align: middle; }

table { border-collapse: collapse; }

caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #767676; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

label { display: inline-block; margin-bottom: 0.5rem; }

button { border-radius: 0; border: 0; padding: 0; margin: 0; background: transparent; }

/* button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } */
input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

select { word-wrap: normal; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; }

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; }

textarea { overflow: auto; resize: vertical; }

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }

legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }

progress { vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { outline-offset: -2px; -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; }

output { display: inline-block; }

summary { display: list-item; cursor: pointer; }

template { display: none; }

[hidden] { display: none !important; }

.table { width: 100%; color: #333; }

.table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #ddd; }

.table thead th { vertical-align: bottom; background: #000; color: #fff; font-size: 18px; padding: 26px 0; }

.table tbody + tbody { border-top: 2px solid #ddd; }

.table tbody td { border-bottom: 2px solid #181818; font-size: 18px; padding: 26px 60px 25px; }

.table .text-left { padding-left: 60px; }

.table [class^=icon-] { margin-left: 8px; }

@media (max-width: 1599.98px) { .table tbody td { padding-left: 30px; padding-right: 30px; }
  .table .text-left { padding-left: 30px; } }

.table-sm th, .table-sm td { padding: 0.3rem; }

.table-bordered { border: 1px solid #ddd; }

.table-bordered th, .table-bordered td { border: 1px solid #ddd; }

.table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; }

.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; }

.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(8, 8, 8, 0.05); }

.table-hover tbody tr:hover { color: #333; background-color: rgba(8, 8, 8, 0.075); }

.table-primary, .table-primary > th, .table-primary > td { background-color: #bebebe; }

.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #878787; }

.table-hover .table-primary:hover { background-color: #b1b1b1; }

.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #b1b1b1; }

.table-secondary, .table-secondary > th, .table-secondary > td { background-color: #bfd4e1; }

.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #89afc7; }

.table-hover .table-secondary:hover { background-color: #aec8d9; }

.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #aec8d9; }

.table-success, .table-success > th, .table-success > td { background-color: #c0dcf9; }

.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #89bdf5; }

.table-hover .table-success:hover { background-color: #a9cff7; }

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #a9cff7; }

.table-info, .table-info > th, .table-info > td { background-color: #fde0b8; }

.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #fbc67a; }

.table-hover .table-info:hover { background-color: #fcd59f; }

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #fcd59f; }

.table-warning, .table-warning > th, .table-warning > td { background-color: #fff0b8; }

.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffe37a; }

.table-hover .table-warning:hover { background-color: #ffeb9f; }

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffeb9f; }

.table-danger, .table-danger > th, .table-danger > td { background-color: #f5cbbd; }

.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ec9f84; }

.table-hover .table-danger:hover { background-color: #f2baa7; }

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f2baa7; }

.table-default, .table-default > th, .table-default > td { background-color: #e2e2e2; }

.table-default th, .table-default td, .table-default thead th, .table-default tbody + tbody { border-color: #c9c9c9; }

.table-hover .table-default:hover { background-color: #d5d5d5; }

.table-hover .table-default:hover > td, .table-hover .table-default:hover > th { background-color: #d5d5d5; }

.table-light, .table-light > th, .table-light > td { background-color: #fdfdfd; }

.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fcfcfc; }

.table-hover .table-light:hover { background-color: #f0f0f0; }

.table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #f0f0f0; }

.table-dark, .table-dark > th, .table-dark > td { background-color: #bebebe; }

.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #878787; }

.table-hover .table-dark:hover { background-color: #b1b1b1; }

.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b1b1b1; }

.table-black, .table-black > th, .table-black > td { background-color: #bababa; }

.table-black th, .table-black td, .table-black thead th, .table-black tbody + tbody { border-color: #7f7f7f; }

.table-hover .table-black:hover { background-color: #adadad; }

.table-hover .table-black:hover > td, .table-hover .table-black:hover > th { background-color: #adadad; }

.table-active, .table-active > th, .table-active > td { background-color: rgba(8, 8, 8, 0.075); }

.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }

.table .thead-dark th { color: #fff; background-color: #333333; border-color: #464646; }

.table .thead-light th { color: #4f4f4f; background-color: #e9ecef; border-color: #ddd; }

.table-dark { color: #fff; background-color: #333333; }

.table-dark th, .table-dark td, .table-dark thead th { border-color: #464646; }

.table-dark.table-bordered { border: 0; }

.table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); }

.table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 539.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive-sm > .table-bordered { border: 0; } }

@media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive-md > .table-bordered { border: 0; } }

@media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive-lg > .table-bordered { border: 0; } }

@media (max-width: 1023.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive-xl > .table-bordered { border: 0; } }

@media (max-width: 1219.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive-xxl > .table-bordered { border: 0; } }

@media (max-width: 1599.98px) { .table-responsive-xxxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive-xxxl > .table-bordered { border: 0; } }

.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.table-responsive > .table-bordered { border: 0; }

@media (max-width: 991.98px) { .table-transform, .table-transform thead, .table-transform tbody, .table-transform tr, .table-transform th, .table-transform td { display: block; }
  .table-transform { border-top: 2px solid #181818; }
  .table-transform thead { display: none; }
  .table-transform tbody tr { border-bottom: 2px solid #181818; padding: 20px 0; }
  .table-transform tbody td { border: 0; text-align: left !important; padding: 0; font-size: 13px; }
  .table-transform .text-left { padding: 0; } }

.pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; -ms-flex-pack: center; justify-content: center; align-items: center; margin-top: 40px; }

.page-link { position: relative; display: block; padding: 5px; font-size: 18px; margin-left: -1px; line-height: 1.25; color: #999999; background-color: #fff; font-weight: 700; }

.page-link:hover { z-index: 2; color: dimgray; text-decoration: none; }

.page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(24, 24, 24, 0.25); }

.page-item { margin: 0 7px; }

.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }

.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }

.page-item.active .page-link { z-index: 1; color: #333; text-decoration: underline; }

.page-item.disabled .page-link { color: #767676; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; }

.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }

.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; }

.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; }

.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; }

.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; }

.page-arrow { padding: 0; margin: 0 60px; }

.page-arrow .page-link { padding: 0; }

.icon-page-prev { display: inline-block; width: 40px; height: 40px; background: #181818; position: relative; vertical-align: top; }

.icon-page-prev::before { content: ''; display: inline-block; width: 11px; height: 11px; border-left: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(-45deg) translate(3px, 0); position: absolute; left: 50%; top: 50%; margin-top: -5.5px; margin-left: -5.5px; }

.icon-page-next { display: inline-block; width: 40px; height: 40px; background: #181818; position: relative; vertical-align: top; }

.icon-page-next::before { content: ''; display: inline-block; width: 11px; height: 11px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg) translate(0, -2px); position: absolute; left: 50%; top: 50%; margin-top: -5.5px; margin-left: -5.5px; }

@media (max-width: 991.98px) { .page-link { font-size: 15px; }
  .page-arrow { margin: 0 25px; }
  .icon-page-prev, .icon-page-next { width: 34px; height: 34px; }
  .icon-page-prev::before, .icon-page-next::before { width: 9px; height: 9px; margin-top: -4.5px; margin-left: -4.5px; } }

.nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }

.nav-link { display: block; padding: 0.5rem 1rem; }

.nav-link:hover, .nav-link:focus { text-decoration: none; }

.nav-link.disabled { color: #fff; pointer-events: none; cursor: default; }

.nav-tabs .nav-item { margin-bottom: -1px; margin-left: -1px; }

.nav-tabs .nav-link { padding: .75rem 2rem; border: 1px solid #fff; border-top-left-radius: 0; border-top-right-radius: 0; }

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; }

.nav-tabs .nav-link.disabled { color: #fff; background-color: transparent; border-color: transparent; }

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #080808; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; }

.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; }

.nav-pills .nav-link { border-radius: 0.25rem; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #181818; }

.nav-fill .nav-item { flex: 1 1 auto; text-align: center; }

.nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; }

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

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

.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; }

.navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

.navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; }

.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }

.navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; }

.navbar-nav .nav-link { padding-right: 0; padding-left: 0; }

.navbar-nav .dropdown-menu { position: static; float: none; }

.navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; }

.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }

.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0; }

.navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; }

.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; }

@media (max-width: 539.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 540px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; }
  .navbar-expand-sm .navbar-nav { flex-direction: row; }
  .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; }
  .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-sm .navbar-toggler { display: none; } }

@media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; }
  .navbar-expand-md .navbar-nav { flex-direction: row; }
  .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; }
  .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-md .navbar-toggler { display: none; } }

@media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; }
  .navbar-expand-lg .navbar-nav { flex-direction: row; }
  .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; }
  .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-lg .navbar-toggler { display: none; } }

@media (max-width: 1023.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 1024px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; }
  .navbar-expand-xl .navbar-nav { flex-direction: row; }
  .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; }
  .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-xl .navbar-toggler { display: none; } }

@media (max-width: 1219.98px) { .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 1220px) { .navbar-expand-xxl { flex-flow: row nowrap; justify-content: flex-start; }
  .navbar-expand-xxl .navbar-nav { flex-direction: row; }
  .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
  .navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid { flex-wrap: nowrap; }
  .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-xxl .navbar-toggler { display: none; } }

@media (max-width: 1599.98px) { .navbar-expand-xxxl > .container, .navbar-expand-xxxl > .container-fluid { padding-right: 0; padding-left: 0; } }

@media (min-width: 1600px) { .navbar-expand-xxxl { flex-flow: row nowrap; justify-content: flex-start; }
  .navbar-expand-xxxl .navbar-nav { flex-direction: row; }
  .navbar-expand-xxxl .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-xxxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
  .navbar-expand-xxxl > .container, .navbar-expand-xxxl > .container-fluid { flex-wrap: nowrap; }
  .navbar-expand-xxxl .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-xxxl .navbar-toggler { display: none; } }

.navbar-expand { flex-flow: row nowrap; justify-content: flex-start; }

.navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; }

.navbar-expand .navbar-nav { flex-direction: row; }

.navbar-expand .navbar-nav .dropdown-menu { position: absolute; }

.navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }

.navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; }

.navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; }

.navbar-expand .navbar-toggler { display: none; }

.navbar-light .navbar-brand { color: rgba(8, 8, 8, 0.9); }

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(8, 8, 8, 0.9); }

.navbar-light .navbar-nav .nav-link { color: rgba(8, 8, 8, 0.5); }

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(8, 8, 8, 0.7); }

.navbar-light .navbar-nav .nav-link.disabled { color: rgba(8, 8, 8, 0.3); }

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(8, 8, 8, 0.9); }

.navbar-light .navbar-toggler { color: rgba(8, 8, 8, 0.5); border-color: rgba(8, 8, 8, 0.1); }

.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(8, 8, 8, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-light .navbar-text { color: rgba(8, 8, 8, 0.5); }

.navbar-light .navbar-text a { color: rgba(8, 8, 8, 0.9); }

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(8, 8, 8, 0.9); }

.navbar-dark .navbar-brand { color: #fff; }

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; }

.navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); }

.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; }

.navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); }

.navbar-dark .navbar-text a { color: #fff; }

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; }

.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #080808; text-shadow: 0 1px 0 #fff; opacity: .5; }

.close:hover { color: #080808; text-decoration: none; }

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; }

button.close { padding: 0; background-color: transparent; border: 0; appearance: none; }

a.close.disabled { pointer-events: none; }

.modal-open { overflow: hidden; }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; }

.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }

.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); }

@media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } }

.modal.show .modal-dialog { transform: none; }

.modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); }

.modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; }

.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; }

.modal-dialog-scrollable .modal-body { overflow-y: auto; }

.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); }

.modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; }

.modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; }

.modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; }

.modal-dialog-centered.modal-dialog-scrollable::before { content: none; }

.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 0 solid rgba(8, 8, 8, 0.2); border-radius: 0; outline: 0; }

.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #080808; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.show { opacity: 0.5; }

.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 2.125rem 4.375rem; border-bottom: 0 solid #ddd; background: #181818; border-top-left-radius: 0; border-top-right-radius: 0; }

.modal-header .close { padding: 2.125rem 4.375rem; margin: -2.125rem -4.375rem -2.125rem auto; opacity: 1; }

.modal-title { margin-bottom: 0; line-height: 1; font-size: 30px; letter-spacing: -0.025em; color: #fff; }

.modal-body { position: relative; flex: 1 1 auto; padding: 4.375rem; }

.modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 4.375rem; border-top: 0 solid #ddd; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.modal-footer > :not(:first-child) { margin-left: .25rem; }

.modal-footer > :not(:last-child) { margin-right: .25rem; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 540px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; }
  .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); }
  .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered { min-height: calc(100% - 3.5rem); }
  .modal-dialog-centered::before { height: calc(100vh - 3.5rem); }
  .modal-sm { max-width: 300px; } }

@media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 1000px; } }

@media (min-width: 1024px) { .modal-xl { max-width: 1140px; } }

@media (max-width: 991.98px) { .modal-dialog { margin: 0; }
  .modal-header { padding: 25px 30px; }
  .modal-header .close { padding: 30px; margin: -30px -30px -30px auto; }
  .modal-header .icon-close-white { width: 20px; height: 20px; }
  .modal-title { font-size: 20px; }
  .modal-body { padding: 30px; } }

.align-baseline { vertical-align: baseline !important; }

.align-top { vertical-align: top !important; }

.align-middle { vertical-align: middle !important; }

.align-bottom { vertical-align: bottom !important; }

.align-text-bottom { vertical-align: text-bottom !important; }

.align-text-top { vertical-align: text-top !important; }

.bg-primary { background-color: #181818 !important; }

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: black !important; }

.bg-secondary { background-color: #1c6693 !important; }

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #144868 !important; }

.bg-success { background-color: #1d81eb !important; }

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1168c4 !important; }

.bg-info { background-color: #f79200 !important; }

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #c47400 !important; }

.bg-warning { background-color: #ffca00 !important; }

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #cca200 !important; }

.bg-danger { background-color: #db4612 !important; }

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ac370e !important; }

.bg-default { background-color: #989898 !important; }

a.bg-default:hover, a.bg-default:focus, button.bg-default:hover, button.bg-default:focus { background-color: #7f7f7f !important; }

.bg-light { background-color: #f9f9f9 !important; }

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #e0e0e0 !important; }

.bg-dark { background-color: #181818 !important; }

a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: black !important; }

.bg-black { background-color: #080808 !important; }

a.bg-black:hover, a.bg-black:focus, button.bg-black:hover, button.bg-black:focus { background-color: black !important; }

.bg-white { background-color: #fff !important; }

.bg-transparent { background-color: transparent !important; }

.border { border: 1px solid #ddd !important; }

.border-top { border-top: 1px solid #ddd !important; }

.border-right { border-right: 1px solid #ddd !important; }

.border-bottom { border-bottom: 1px solid #ddd !important; }

.border-left { border-left: 1px solid #ddd !important; }

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

.border-top-0 { border-top: 0 !important; }

.border-right-0 { border-right: 0 !important; }

.border-bottom-0 { border-bottom: 0 !important; }

.border-left-0 { border-left: 0 !important; }

.border-primary { border-color: #181818 !important; }

.border-secondary { border-color: #1c6693 !important; }

.border-success { border-color: #1d81eb !important; }

.border-info { border-color: #f79200 !important; }

.border-warning { border-color: #ffca00 !important; }

.border-danger { border-color: #db4612 !important; }

.border-default { border-color: #989898 !important; }

.border-light { border-color: #f9f9f9 !important; }

.border-dark { border-color: #181818 !important; }

.border-black { border-color: #080808 !important; }

.border-white { border-color: #fff !important; }

.rounded-sm { border-radius: 0.2rem !important; }

.rounded { border-radius: 0.25rem !important; }

.rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }

.rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }

.rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }

.rounded-lg { border-radius: 0.3rem !important; }

.rounded-circle { border-radius: 50% !important; }

.rounded-pill { border-radius: 50rem !important; }

.rounded-0 { border-radius: 0 !important; }

.clearfix::after { display: block; clear: both; content: ""; }

.d-none { display: none !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-table { display: table !important; }

.d-table-row { display: table-row !important; }

.d-table-cell { display: table-cell !important; }

.d-flex { display: flex !important; }

.d-inline-flex { display: inline-flex !important; }

@media (min-width: 540px) { .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: flex !important; }
  .d-sm-inline-flex { display: inline-flex !important; } }

@media (min-width: 768px) { .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: flex !important; }
  .d-md-inline-flex { display: inline-flex !important; } }

@media (min-width: 992px) { .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: flex !important; }
  .d-lg-inline-flex { display: inline-flex !important; } }

@media (min-width: 1024px) { .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: flex !important; }
  .d-xl-inline-flex { display: inline-flex !important; } }

@media (min-width: 1220px) { .d-xxl-none { display: none !important; }
  .d-xxl-inline { display: inline !important; }
  .d-xxl-inline-block { display: inline-block !important; }
  .d-xxl-block { display: block !important; }
  .d-xxl-table { display: table !important; }
  .d-xxl-table-row { display: table-row !important; }
  .d-xxl-table-cell { display: table-cell !important; }
  .d-xxl-flex { display: flex !important; }
  .d-xxl-inline-flex { display: inline-flex !important; } }

@media (min-width: 1600px) { .d-xxxl-none { display: none !important; }
  .d-xxxl-inline { display: inline !important; }
  .d-xxxl-inline-block { display: inline-block !important; }
  .d-xxxl-block { display: block !important; }
  .d-xxxl-table { display: table !important; }
  .d-xxxl-table-row { display: table-row !important; }
  .d-xxxl-table-cell { display: table-cell !important; }
  .d-xxxl-flex { display: flex !important; }
  .d-xxxl-inline-flex { display: inline-flex !important; } }

@media print { .d-print-none { display: none !important; }
  .d-print-inline { display: inline !important; }
  .d-print-inline-block { display: inline-block !important; }
  .d-print-block { display: block !important; }
  .d-print-table { display: table !important; }
  .d-print-table-row { display: table-row !important; }
  .d-print-table-cell { display: table-cell !important; }
  .d-print-flex { display: flex !important; }
  .d-print-inline-flex { display: inline-flex !important; } }

.embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; }

.embed-responsive::before { display: block; content: ""; }

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

.embed-responsive-21by9::before { padding-top: 42.85714%; }

.embed-responsive-16by9::before { padding-top: 56.25%; }

.embed-responsive-4by3::before { padding-top: 75%; }

.embed-responsive-1by1::before { padding-top: 100%; }

.flex-row { flex-direction: row !important; }

.flex-column { flex-direction: column !important; }

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

.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-wrap { flex-wrap: wrap !important; }

.flex-nowrap { flex-wrap: nowrap !important; }

.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

.flex-fill { flex: 1 1 auto !important; }

.flex-grow-0 { flex-grow: 0 !important; }

.flex-grow-1 { flex-grow: 1 !important; }

.flex-shrink-0 { flex-shrink: 0 !important; }

.flex-shrink-1 { flex-shrink: 1 !important; }

.justify-content-start { justify-content: flex-start !important; }

.justify-content-end { justify-content: flex-end !important; }

.justify-content-center { justify-content: center !important; }

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

.justify-content-around { justify-content: space-around !important; }

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

.align-items-end { align-items: flex-end !important; }

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

.align-items-baseline { align-items: baseline !important; }

.align-items-stretch { align-items: stretch !important; }

.align-content-start { align-content: flex-start !important; }

.align-content-end { align-content: flex-end !important; }

.align-content-center { align-content: center !important; }

.align-content-between { align-content: space-between !important; }

.align-content-around { align-content: space-around !important; }

.align-content-stretch { align-content: stretch !important; }

.align-self-auto { align-self: auto !important; }

.align-self-start { align-self: flex-start !important; }

.align-self-end { align-self: flex-end !important; }

.align-self-center { align-self: center !important; }

.align-self-baseline { align-self: baseline !important; }

.align-self-stretch { align-self: stretch !important; }

@media (min-width: 540px) { .flex-sm-row { flex-direction: row !important; }
  .flex-sm-column { flex-direction: column !important; }
  .flex-sm-row-reverse { flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { flex-direction: column-reverse !important; }
  .flex-sm-wrap { flex-wrap: wrap !important; }
  .flex-sm-nowrap { flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-sm-fill { flex: 1 1 auto !important; }
  .flex-sm-grow-0 { flex-grow: 0 !important; }
  .flex-sm-grow-1 { flex-grow: 1 !important; }
  .flex-sm-shrink-0 { flex-shrink: 0 !important; }
  .flex-sm-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-sm-start { justify-content: flex-start !important; }
  .justify-content-sm-end { justify-content: flex-end !important; }
  .justify-content-sm-center { justify-content: center !important; }
  .justify-content-sm-between { justify-content: space-between !important; }
  .justify-content-sm-around { justify-content: space-around !important; }
  .align-items-sm-start { align-items: flex-start !important; }
  .align-items-sm-end { align-items: flex-end !important; }
  .align-items-sm-center { align-items: center !important; }
  .align-items-sm-baseline { align-items: baseline !important; }
  .align-items-sm-stretch { align-items: stretch !important; }
  .align-content-sm-start { align-content: flex-start !important; }
  .align-content-sm-end { align-content: flex-end !important; }
  .align-content-sm-center { align-content: center !important; }
  .align-content-sm-between { align-content: space-between !important; }
  .align-content-sm-around { align-content: space-around !important; }
  .align-content-sm-stretch { align-content: stretch !important; }
  .align-self-sm-auto { align-self: auto !important; }
  .align-self-sm-start { align-self: flex-start !important; }
  .align-self-sm-end { align-self: flex-end !important; }
  .align-self-sm-center { align-self: center !important; }
  .align-self-sm-baseline { align-self: baseline !important; }
  .align-self-sm-stretch { align-self: stretch !important; } }

@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; }
  .flex-md-column { flex-direction: column !important; }
  .flex-md-row-reverse { flex-direction: row-reverse !important; }
  .flex-md-column-reverse { flex-direction: column-reverse !important; }
  .flex-md-wrap { flex-wrap: wrap !important; }
  .flex-md-nowrap { flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-md-fill { flex: 1 1 auto !important; }
  .flex-md-grow-0 { flex-grow: 0 !important; }
  .flex-md-grow-1 { flex-grow: 1 !important; }
  .flex-md-shrink-0 { flex-shrink: 0 !important; }
  .flex-md-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-md-start { justify-content: flex-start !important; }
  .justify-content-md-end { justify-content: flex-end !important; }
  .justify-content-md-center { justify-content: center !important; }
  .justify-content-md-between { justify-content: space-between !important; }
  .justify-content-md-around { justify-content: space-around !important; }
  .align-items-md-start { align-items: flex-start !important; }
  .align-items-md-end { align-items: flex-end !important; }
  .align-items-md-center { align-items: center !important; }
  .align-items-md-baseline { align-items: baseline !important; }
  .align-items-md-stretch { align-items: stretch !important; }
  .align-content-md-start { align-content: flex-start !important; }
  .align-content-md-end { align-content: flex-end !important; }
  .align-content-md-center { align-content: center !important; }
  .align-content-md-between { align-content: space-between !important; }
  .align-content-md-around { align-content: space-around !important; }
  .align-content-md-stretch { align-content: stretch !important; }
  .align-self-md-auto { align-self: auto !important; }
  .align-self-md-start { align-self: flex-start !important; }
  .align-self-md-end { align-self: flex-end !important; }
  .align-self-md-center { align-self: center !important; }
  .align-self-md-baseline { align-self: baseline !important; }
  .align-self-md-stretch { align-self: stretch !important; } }

@media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; }
  .flex-lg-column { flex-direction: column !important; }
  .flex-lg-row-reverse { flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { flex-direction: column-reverse !important; }
  .flex-lg-wrap { flex-wrap: wrap !important; }
  .flex-lg-nowrap { flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-lg-fill { flex: 1 1 auto !important; }
  .flex-lg-grow-0 { flex-grow: 0 !important; }
  .flex-lg-grow-1 { flex-grow: 1 !important; }
  .flex-lg-shrink-0 { flex-shrink: 0 !important; }
  .flex-lg-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-lg-start { justify-content: flex-start !important; }
  .justify-content-lg-end { justify-content: flex-end !important; }
  .justify-content-lg-center { justify-content: center !important; }
  .justify-content-lg-between { justify-content: space-between !important; }
  .justify-content-lg-around { justify-content: space-around !important; }
  .align-items-lg-start { align-items: flex-start !important; }
  .align-items-lg-end { align-items: flex-end !important; }
  .align-items-lg-center { align-items: center !important; }
  .align-items-lg-baseline { align-items: baseline !important; }
  .align-items-lg-stretch { align-items: stretch !important; }
  .align-content-lg-start { align-content: flex-start !important; }
  .align-content-lg-end { align-content: flex-end !important; }
  .align-content-lg-center { align-content: center !important; }
  .align-content-lg-between { align-content: space-between !important; }
  .align-content-lg-around { align-content: space-around !important; }
  .align-content-lg-stretch { align-content: stretch !important; }
  .align-self-lg-auto { align-self: auto !important; }
  .align-self-lg-start { align-self: flex-start !important; }
  .align-self-lg-end { align-self: flex-end !important; }
  .align-self-lg-center { align-self: center !important; }
  .align-self-lg-baseline { align-self: baseline !important; }
  .align-self-lg-stretch { align-self: stretch !important; } }

@media (min-width: 1024px) { .flex-xl-row { flex-direction: row !important; }
  .flex-xl-column { flex-direction: column !important; }
  .flex-xl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { flex-direction: column-reverse !important; }
  .flex-xl-wrap { flex-wrap: wrap !important; }
  .flex-xl-nowrap { flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-xl-fill { flex: 1 1 auto !important; }
  .flex-xl-grow-0 { flex-grow: 0 !important; }
  .flex-xl-grow-1 { flex-grow: 1 !important; }
  .flex-xl-shrink-0 { flex-shrink: 0 !important; }
  .flex-xl-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-xl-start { justify-content: flex-start !important; }
  .justify-content-xl-end { justify-content: flex-end !important; }
  .justify-content-xl-center { justify-content: center !important; }
  .justify-content-xl-between { justify-content: space-between !important; }
  .justify-content-xl-around { justify-content: space-around !important; }
  .align-items-xl-start { align-items: flex-start !important; }
  .align-items-xl-end { align-items: flex-end !important; }
  .align-items-xl-center { align-items: center !important; }
  .align-items-xl-baseline { align-items: baseline !important; }
  .align-items-xl-stretch { align-items: stretch !important; }
  .align-content-xl-start { align-content: flex-start !important; }
  .align-content-xl-end { align-content: flex-end !important; }
  .align-content-xl-center { align-content: center !important; }
  .align-content-xl-between { align-content: space-between !important; }
  .align-content-xl-around { align-content: space-around !important; }
  .align-content-xl-stretch { align-content: stretch !important; }
  .align-self-xl-auto { align-self: auto !important; }
  .align-self-xl-start { align-self: flex-start !important; }
  .align-self-xl-end { align-self: flex-end !important; }
  .align-self-xl-center { align-self: center !important; }
  .align-self-xl-baseline { align-self: baseline !important; }
  .align-self-xl-stretch { align-self: stretch !important; } }

@media (min-width: 1220px) { .flex-xxl-row { flex-direction: row !important; }
  .flex-xxl-column { flex-direction: column !important; }
  .flex-xxl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse { flex-direction: column-reverse !important; }
  .flex-xxl-wrap { flex-wrap: wrap !important; }
  .flex-xxl-nowrap { flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-xxl-fill { flex: 1 1 auto !important; }
  .flex-xxl-grow-0 { flex-grow: 0 !important; }
  .flex-xxl-grow-1 { flex-grow: 1 !important; }
  .flex-xxl-shrink-0 { flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-xxl-start { justify-content: flex-start !important; }
  .justify-content-xxl-end { justify-content: flex-end !important; }
  .justify-content-xxl-center { justify-content: center !important; }
  .justify-content-xxl-between { justify-content: space-between !important; }
  .justify-content-xxl-around { justify-content: space-around !important; }
  .align-items-xxl-start { align-items: flex-start !important; }
  .align-items-xxl-end { align-items: flex-end !important; }
  .align-items-xxl-center { align-items: center !important; }
  .align-items-xxl-baseline { align-items: baseline !important; }
  .align-items-xxl-stretch { align-items: stretch !important; }
  .align-content-xxl-start { align-content: flex-start !important; }
  .align-content-xxl-end { align-content: flex-end !important; }
  .align-content-xxl-center { align-content: center !important; }
  .align-content-xxl-between { align-content: space-between !important; }
  .align-content-xxl-around { align-content: space-around !important; }
  .align-content-xxl-stretch { align-content: stretch !important; }
  .align-self-xxl-auto { align-self: auto !important; }
  .align-self-xxl-start { align-self: flex-start !important; }
  .align-self-xxl-end { align-self: flex-end !important; }
  .align-self-xxl-center { align-self: center !important; }
  .align-self-xxl-baseline { align-self: baseline !important; }
  .align-self-xxl-stretch { align-self: stretch !important; } }

@media (min-width: 1600px) { .flex-xxxl-row { flex-direction: row !important; }
  .flex-xxxl-column { flex-direction: column !important; }
  .flex-xxxl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xxxl-column-reverse { flex-direction: column-reverse !important; }
  .flex-xxxl-wrap { flex-wrap: wrap !important; }
  .flex-xxxl-nowrap { flex-wrap: nowrap !important; }
  .flex-xxxl-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-xxxl-fill { flex: 1 1 auto !important; }
  .flex-xxxl-grow-0 { flex-grow: 0 !important; }
  .flex-xxxl-grow-1 { flex-grow: 1 !important; }
  .flex-xxxl-shrink-0 { flex-shrink: 0 !important; }
  .flex-xxxl-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-xxxl-start { justify-content: flex-start !important; }
  .justify-content-xxxl-end { justify-content: flex-end !important; }
  .justify-content-xxxl-center { justify-content: center !important; }
  .justify-content-xxxl-between { justify-content: space-between !important; }
  .justify-content-xxxl-around { justify-content: space-around !important; }
  .align-items-xxxl-start { align-items: flex-start !important; }
  .align-items-xxxl-end { align-items: flex-end !important; }
  .align-items-xxxl-center { align-items: center !important; }
  .align-items-xxxl-baseline { align-items: baseline !important; }
  .align-items-xxxl-stretch { align-items: stretch !important; }
  .align-content-xxxl-start { align-content: flex-start !important; }
  .align-content-xxxl-end { align-content: flex-end !important; }
  .align-content-xxxl-center { align-content: center !important; }
  .align-content-xxxl-between { align-content: space-between !important; }
  .align-content-xxxl-around { align-content: space-around !important; }
  .align-content-xxxl-stretch { align-content: stretch !important; }
  .align-self-xxxl-auto { align-self: auto !important; }
  .align-self-xxxl-start { align-self: flex-start !important; }
  .align-self-xxxl-end { align-self: flex-end !important; }
  .align-self-xxxl-center { align-self: center !important; }
  .align-self-xxxl-baseline { align-self: baseline !important; }
  .align-self-xxxl-stretch { align-self: stretch !important; } }

.float-left { float: left !important; }

.float-right { float: right !important; }

.float-none { float: none !important; }

@media (min-width: 540px) { .float-sm-left { float: left !important; }
  .float-sm-right { float: right !important; }
  .float-sm-none { float: none !important; } }

@media (min-width: 768px) { .float-md-left { float: left !important; }
  .float-md-right { float: right !important; }
  .float-md-none { float: none !important; } }

@media (min-width: 992px) { .float-lg-left { float: left !important; }
  .float-lg-right { float: right !important; }
  .float-lg-none { float: none !important; } }

@media (min-width: 1024px) { .float-xl-left { float: left !important; }
  .float-xl-right { float: right !important; }
  .float-xl-none { float: none !important; } }

@media (min-width: 1220px) { .float-xxl-left { float: left !important; }
  .float-xxl-right { float: right !important; }
  .float-xxl-none { float: none !important; } }

@media (min-width: 1600px) { .float-xxxl-left { float: left !important; }
  .float-xxxl-right { float: right !important; }
  .float-xxxl-none { float: none !important; } }

.overflow-auto { overflow: auto !important; }

.overflow-hidden { overflow: hidden !important; }

.position-static { position: static !important; }

.position-relative { position: relative !important; }

.position-absolute { position: absolute !important; }

.position-fixed { position: fixed !important; }

.position-sticky { position: sticky !important; }

.fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }

.fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; }

@supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }

.shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(8, 8, 8, 0.075) !important; }

.shadow { box-shadow: 0 0.5rem 1rem rgba(8, 8, 8, 0.15) !important; }

.shadow-lg { box-shadow: 0 1rem 3rem rgba(8, 8, 8, 0.175) !important; }

.shadow-none { box-shadow: none !important; }

.w-25 { width: 25% !important; }

.w-50 { width: 50% !important; }

.w-75 { width: 75% !important; }

.w-100 { width: 100% !important; }

.w-auto { width: auto !important; }

.h-25 { height: 25% !important; }

.h-50 { height: 50% !important; }

.h-75 { height: 75% !important; }

.h-100 { height: 100% !important; }

.h-auto { height: auto !important; }

.mw-100 { max-width: 100% !important; }

.mh-100 { max-height: 100% !important; }

.min-vw-100 { min-width: 100vw !important; }

.min-vh-100 { min-height: 100vh !important; }

.vw-100 { width: 100vw !important; }

.vh-100 { height: 100vh !important; }

.stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); }

.m-0 { margin: 0 !important; }

.mt-0, .my-0 { margin-top: 0 !important; }

.mr-0, .mx-0 { margin-right: 0 !important; }

.mb-0, .my-0 { margin-bottom: 0 !important; }

.ml-0, .mx-0 { margin-left: 0 !important; }

.m-1 { margin: 0.25rem !important; }

.mt-1, .my-1 { margin-top: 0.25rem !important; }

.mr-1, .mx-1 { margin-right: 0.25rem !important; }

.mb-1, .my-1 { margin-bottom: 0.25rem !important; }

.ml-1, .mx-1 { margin-left: 0.25rem !important; }

.m-2 { margin: 0.5rem !important; }

.mt-2, .my-2 { margin-top: 0.5rem !important; }

.mr-2, .mx-2 { margin-right: 0.5rem !important; }

.mb-2, .my-2 { margin-bottom: 0.5rem !important; }

.ml-2, .mx-2 { margin-left: 0.5rem !important; }

.m-3 { margin: 1rem !important; }

.mt-3, .my-3 { margin-top: 1rem !important; }

.mr-3, .mx-3 { margin-right: 1rem !important; }

.mb-3, .my-3 { margin-bottom: 1rem !important; }

.ml-3, .mx-3 { margin-left: 1rem !important; }

.m-4 { margin: 1.5rem !important; }

.mt-4, .my-4 { margin-top: 1.5rem !important; }

.mr-4, .mx-4 { margin-right: 1.5rem !important; }

.mb-4, .my-4 { margin-bottom: 1.5rem !important; }

.ml-4, .mx-4 { margin-left: 1.5rem !important; }

.m-5 { margin: 3rem !important; }

.mt-5, .my-5 { margin-top: 3rem !important; }

.mr-5, .mx-5 { margin-right: 3rem !important; }

.mb-5, .my-5 { margin-bottom: 3rem !important; }

.ml-5, .mx-5 { margin-left: 3rem !important; }

.p-0 { padding: 0 !important; }

.pt-0, .py-0 { padding-top: 0 !important; }

.pr-0, .px-0 { padding-right: 0 !important; }

.pb-0, .py-0 { padding-bottom: 0 !important; }

.pl-0, .px-0 { padding-left: 0 !important; }

.p-1 { padding: 0.25rem !important; }

.pt-1, .py-1 { padding-top: 0.25rem !important; }

.pr-1, .px-1 { padding-right: 0.25rem !important; }

.pb-1, .py-1 { padding-bottom: 0.25rem !important; }

.pl-1, .px-1 { padding-left: 0.25rem !important; }

.p-2 { padding: 0.5rem !important; }

.pt-2, .py-2 { padding-top: 0.5rem !important; }

.pr-2, .px-2 { padding-right: 0.5rem !important; }

.pb-2, .py-2 { padding-bottom: 0.5rem !important; }

.pl-2, .px-2 { padding-left: 0.5rem !important; }

.p-3 { padding: 1rem !important; }

.pt-3, .py-3 { padding-top: 1rem !important; }

.pr-3, .px-3 { padding-right: 1rem !important; }

.pb-3, .py-3 { padding-bottom: 1rem !important; }

.pl-3, .px-3 { padding-left: 1rem !important; }

.p-4 { padding: 1.5rem !important; }

.pt-4, .py-4 { padding-top: 1.5rem !important; }

.pr-4, .px-4 { padding-right: 1.5rem !important; }

.pb-4, .py-4 { padding-bottom: 1.5rem !important; }

.pl-4, .px-4 { padding-left: 1.5rem !important; }

.p-5 { padding: 3rem !important; }

.pt-5, .py-5 { padding-top: 3rem !important; }

.pr-5, .px-5 { padding-right: 3rem !important; }

.pb-5, .py-5 { padding-bottom: 3rem !important; }

.pl-5, .px-5 { padding-left: 3rem !important; }

.m-n1 { margin: -0.25rem !important; }

.mt-n1, .my-n1 { margin-top: -0.25rem !important; }

.mr-n1, .mx-n1 { margin-right: -0.25rem !important; }

.mb-n1, .my-n1 { margin-bottom: -0.25rem !important; }

.ml-n1, .mx-n1 { margin-left: -0.25rem !important; }

.m-n2 { margin: -0.5rem !important; }

.mt-n2, .my-n2 { margin-top: -0.5rem !important; }

.mr-n2, .mx-n2 { margin-right: -0.5rem !important; }

.mb-n2, .my-n2 { margin-bottom: -0.5rem !important; }

.ml-n2, .mx-n2 { margin-left: -0.5rem !important; }

.m-n3 { margin: -1rem !important; }

.mt-n3, .my-n3 { margin-top: -1rem !important; }

.mr-n3, .mx-n3 { margin-right: -1rem !important; }

.mb-n3, .my-n3 { margin-bottom: -1rem !important; }

.ml-n3, .mx-n3 { margin-left: -1rem !important; }

.m-n4 { margin: -1.5rem !important; }

.mt-n4, .my-n4 { margin-top: -1.5rem !important; }

.mr-n4, .mx-n4 { margin-right: -1.5rem !important; }

.mb-n4, .my-n4 { margin-bottom: -1.5rem !important; }

.ml-n4, .mx-n4 { margin-left: -1.5rem !important; }

.m-n5 { margin: -3rem !important; }

.mt-n5, .my-n5 { margin-top: -3rem !important; }

.mr-n5, .mx-n5 { margin-right: -3rem !important; }

.mb-n5, .my-n5 { margin-bottom: -3rem !important; }

.ml-n5, .mx-n5 { margin-left: -3rem !important; }

.m-auto { margin: auto !important; }

.mt-auto, .my-auto { margin-top: auto !important; }

.mr-auto, .mx-auto { margin-right: auto !important; }

.mb-auto, .my-auto { margin-bottom: auto !important; }

.ml-auto, .mx-auto { margin-left: auto !important; }

@media (min-width: 540px) { .m-sm-0 { margin: 0 !important; }
  .mt-sm-0, .my-sm-0 { margin-top: 0 !important; }
  .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; }
  .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; }
  .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; }
  .m-sm-1 { margin: 0.25rem !important; }
  .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; }
  .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; }
  .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; }
  .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; }
  .m-sm-2 { margin: 0.5rem !important; }
  .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; }
  .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; }
  .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; }
  .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; }
  .m-sm-3 { margin: 1rem !important; }
  .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; }
  .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; }
  .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }
  .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; }
  .m-sm-4 { margin: 1.5rem !important; }
  .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; }
  .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; }
  .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }
  .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; }
  .m-sm-5 { margin: 3rem !important; }
  .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; }
  .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; }
  .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; }
  .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; }
  .p-sm-0 { padding: 0 !important; }
  .pt-sm-0, .py-sm-0 { padding-top: 0 !important; }
  .pr-sm-0, .px-sm-0 { padding-right: 0 !important; }
  .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; }
  .pl-sm-0, .px-sm-0 { padding-left: 0 !important; }
  .p-sm-1 { padding: 0.25rem !important; }
  .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; }
  .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; }
  .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; }
  .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; }
  .p-sm-2 { padding: 0.5rem !important; }
  .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; }
  .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; }
  .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; }
  .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; }
  .p-sm-3 { padding: 1rem !important; }
  .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; }
  .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; }
  .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }
  .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; }
  .p-sm-4 { padding: 1.5rem !important; }
  .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; }
  .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; }
  .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }
  .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; }
  .p-sm-5 { padding: 3rem !important; }
  .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; }
  .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; }
  .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; }
  .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; }
  .m-sm-n1 { margin: -0.25rem !important; }
  .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; }
  .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; }
  .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; }
  .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; }
  .m-sm-n2 { margin: -0.5rem !important; }
  .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; }
  .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; }
  .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; }
  .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; }
  .m-sm-n3 { margin: -1rem !important; }
  .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; }
  .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; }
  .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; }
  .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; }
  .m-sm-n4 { margin: -1.5rem !important; }
  .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; }
  .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; }
  .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; }
  .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; }
  .m-sm-n5 { margin: -3rem !important; }
  .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; }
  .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; }
  .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; }
  .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; }
  .m-sm-auto { margin: auto !important; }
  .mt-sm-auto, .my-sm-auto { margin-top: auto !important; }
  .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; }
  .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; }
  .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } }

@media (min-width: 768px) { .m-md-0 { margin: 0 !important; }
  .mt-md-0, .my-md-0 { margin-top: 0 !important; }
  .mr-md-0, .mx-md-0 { margin-right: 0 !important; }
  .mb-md-0, .my-md-0 { margin-bottom: 0 !important; }
  .ml-md-0, .mx-md-0 { margin-left: 0 !important; }
  .m-md-1 { margin: 0.25rem !important; }
  .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; }
  .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; }
  .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; }
  .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; }
  .m-md-2 { margin: 0.5rem !important; }
  .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; }
  .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; }
  .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; }
  .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; }
  .m-md-3 { margin: 1rem !important; }
  .mt-md-3, .my-md-3 { margin-top: 1rem !important; }
  .mr-md-3, .mx-md-3 { margin-right: 1rem !important; }
  .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }
  .ml-md-3, .mx-md-3 { margin-left: 1rem !important; }
  .m-md-4 { margin: 1.5rem !important; }
  .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; }
  .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; }
  .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }
  .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; }
  .m-md-5 { margin: 3rem !important; }
  .mt-md-5, .my-md-5 { margin-top: 3rem !important; }
  .mr-md-5, .mx-md-5 { margin-right: 3rem !important; }
  .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; }
  .ml-md-5, .mx-md-5 { margin-left: 3rem !important; }
  .p-md-0 { padding: 0 !important; }
  .pt-md-0, .py-md-0 { padding-top: 0 !important; }
  .pr-md-0, .px-md-0 { padding-right: 0 !important; }
  .pb-md-0, .py-md-0 { padding-bottom: 0 !important; }
  .pl-md-0, .px-md-0 { padding-left: 0 !important; }
  .p-md-1 { padding: 0.25rem !important; }
  .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; }
  .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }
  .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; }
  .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }
  .p-md-2 { padding: 0.5rem !important; }
  .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; }
  .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }
  .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; }
  .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }
  .p-md-3 { padding: 1rem !important; }
  .pt-md-3, .py-md-3 { padding-top: 1rem !important; }
  .pr-md-3, .px-md-3 { padding-right: 1rem !important; }
  .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }
  .pl-md-3, .px-md-3 { padding-left: 1rem !important; }
  .p-md-4 { padding: 1.5rem !important; }
  .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; }
  .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; }
  .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; }
  .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; }
  .p-md-5 { padding: 3rem !important; }
  .pt-md-5, .py-md-5 { padding-top: 3rem !important; }
  .pr-md-5, .px-md-5 { padding-right: 3rem !important; }
  .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; }
  .pl-md-5, .px-md-5 { padding-left: 3rem !important; }
  .m-md-n1 { margin: -0.25rem !important; }
  .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; }
  .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; }
  .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; }
  .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; }
  .m-md-n2 { margin: -0.5rem !important; }
  .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; }
  .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; }
  .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; }
  .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; }
  .m-md-n3 { margin: -1rem !important; }
  .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; }
  .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; }
  .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; }
  .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; }
  .m-md-n4 { margin: -1.5rem !important; }
  .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; }
  .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; }
  .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; }
  .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; }
  .m-md-n5 { margin: -3rem !important; }
  .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; }
  .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; }
  .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; }
  .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; }
  .m-md-auto { margin: auto !important; }
  .mt-md-auto, .my-md-auto { margin-top: auto !important; }
  .mr-md-auto, .mx-md-auto { margin-right: auto !important; }
  .mb-md-auto, .my-md-auto { margin-bottom: auto !important; }
  .ml-md-auto, .mx-md-auto { margin-left: auto !important; } }

@media (min-width: 992px) { .m-lg-0 { margin: 0 !important; }
  .mt-lg-0, .my-lg-0 { margin-top: 0 !important; }
  .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; }
  .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; }
  .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; }
  .m-lg-1 { margin: 0.25rem !important; }
  .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; }
  .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; }
  .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; }
  .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; }
  .m-lg-2 { margin: 0.5rem !important; }
  .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; }
  .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; }
  .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; }
  .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; }
  .m-lg-3 { margin: 1rem !important; }
  .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; }
  .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; }
  .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }
  .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }
  .m-lg-4 { margin: 1.5rem !important; }
  .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; }
  .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; }
  .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }
  .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; }
  .m-lg-5 { margin: 3rem !important; }
  .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; }
  .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; }
  .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; }
  .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; }
  .p-lg-0 { padding: 0 !important; }
  .pt-lg-0, .py-lg-0 { padding-top: 0 !important; }
  .pr-lg-0, .px-lg-0 { padding-right: 0 !important; }
  .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; }
  .pl-lg-0, .px-lg-0 { padding-left: 0 !important; }
  .p-lg-1 { padding: 0.25rem !important; }
  .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; }
  .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; }
  .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; }
  .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; }
  .p-lg-2 { padding: 0.5rem !important; }
  .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; }
  .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; }
  .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; }
  .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; }
  .p-lg-3 { padding: 1rem !important; }
  .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; }
  .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; }
  .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }
  .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; }
  .p-lg-4 { padding: 1.5rem !important; }
  .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; }
  .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; }
  .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }
  .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; }
  .p-lg-5 { padding: 3rem !important; }
  .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; }
  .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; }
  .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; }
  .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; }
  .m-lg-n1 { margin: -0.25rem !important; }
  .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; }
  .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; }
  .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; }
  .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; }
  .m-lg-n2 { margin: -0.5rem !important; }
  .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; }
  .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; }
  .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; }
  .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; }
  .m-lg-n3 { margin: -1rem !important; }
  .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; }
  .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; }
  .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; }
  .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; }
  .m-lg-n4 { margin: -1.5rem !important; }
  .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; }
  .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; }
  .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; }
  .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; }
  .m-lg-n5 { margin: -3rem !important; }
  .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; }
  .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; }
  .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; }
  .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; }
  .m-lg-auto { margin: auto !important; }
  .mt-lg-auto, .my-lg-auto { margin-top: auto !important; }
  .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; }
  .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }
  .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } }

@media (min-width: 1024px) { .m-xl-0 { margin: 0 !important; }
  .mt-xl-0, .my-xl-0 { margin-top: 0 !important; }
  .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; }
  .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; }
  .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; }
  .m-xl-1 { margin: 0.25rem !important; }
  .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; }
  .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; }
  .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; }
  .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; }
  .m-xl-2 { margin: 0.5rem !important; }
  .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; }
  .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; }
  .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; }
  .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; }
  .m-xl-3 { margin: 1rem !important; }
  .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; }
  .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; }
  .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }
  .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; }
  .m-xl-4 { margin: 1.5rem !important; }
  .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; }
  .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; }
  .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }
  .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; }
  .m-xl-5 { margin: 3rem !important; }
  .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; }
  .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; }
  .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; }
  .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; }
  .p-xl-0 { padding: 0 !important; }
  .pt-xl-0, .py-xl-0 { padding-top: 0 !important; }
  .pr-xl-0, .px-xl-0 { padding-right: 0 !important; }
  .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; }
  .pl-xl-0, .px-xl-0 { padding-left: 0 !important; }
  .p-xl-1 { padding: 0.25rem !important; }
  .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; }
  .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; }
  .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; }
  .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; }
  .p-xl-2 { padding: 0.5rem !important; }
  .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; }
  .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; }
  .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; }
  .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; }
  .p-xl-3 { padding: 1rem !important; }
  .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; }
  .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; }
  .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }
  .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; }
  .p-xl-4 { padding: 1.5rem !important; }
  .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; }
  .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; }
  .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }
  .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; }
  .p-xl-5 { padding: 3rem !important; }
  .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; }
  .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; }
  .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; }
  .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; }
  .m-xl-n1 { margin: -0.25rem !important; }
  .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; }
  .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; }
  .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; }
  .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; }
  .m-xl-n2 { margin: -0.5rem !important; }
  .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; }
  .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; }
  .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; }
  .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; }
  .m-xl-n3 { margin: -1rem !important; }
  .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; }
  .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; }
  .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; }
  .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; }
  .m-xl-n4 { margin: -1.5rem !important; }
  .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; }
  .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; }
  .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; }
  .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; }
  .m-xl-n5 { margin: -3rem !important; }
  .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; }
  .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; }
  .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; }
  .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; }
  .m-xl-auto { margin: auto !important; }
  .mt-xl-auto, .my-xl-auto { margin-top: auto !important; }
  .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; }
  .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }
  .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } }

@media (min-width: 1220px) { .m-xxl-0 { margin: 0 !important; }
  .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important; }
  .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important; }
  .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important; }
  .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important; }
  .m-xxl-1 { margin: 0.25rem !important; }
  .mt-xxl-1, .my-xxl-1 { margin-top: 0.25rem !important; }
  .mr-xxl-1, .mx-xxl-1 { margin-right: 0.25rem !important; }
  .mb-xxl-1, .my-xxl-1 { margin-bottom: 0.25rem !important; }
  .ml-xxl-1, .mx-xxl-1 { margin-left: 0.25rem !important; }
  .m-xxl-2 { margin: 0.5rem !important; }
  .mt-xxl-2, .my-xxl-2 { margin-top: 0.5rem !important; }
  .mr-xxl-2, .mx-xxl-2 { margin-right: 0.5rem !important; }
  .mb-xxl-2, .my-xxl-2 { margin-bottom: 0.5rem !important; }
  .ml-xxl-2, .mx-xxl-2 { margin-left: 0.5rem !important; }
  .m-xxl-3 { margin: 1rem !important; }
  .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important; }
  .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important; }
  .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important; }
  .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important; }
  .m-xxl-4 { margin: 1.5rem !important; }
  .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important; }
  .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important; }
  .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important; }
  .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important; }
  .m-xxl-5 { margin: 3rem !important; }
  .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important; }
  .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important; }
  .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important; }
  .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important; }
  .p-xxl-0 { padding: 0 !important; }
  .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important; }
  .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important; }
  .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important; }
  .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important; }
  .p-xxl-1 { padding: 0.25rem !important; }
  .pt-xxl-1, .py-xxl-1 { padding-top: 0.25rem !important; }
  .pr-xxl-1, .px-xxl-1 { padding-right: 0.25rem !important; }
  .pb-xxl-1, .py-xxl-1 { padding-bottom: 0.25rem !important; }
  .pl-xxl-1, .px-xxl-1 { padding-left: 0.25rem !important; }
  .p-xxl-2 { padding: 0.5rem !important; }
  .pt-xxl-2, .py-xxl-2 { padding-top: 0.5rem !important; }
  .pr-xxl-2, .px-xxl-2 { padding-right: 0.5rem !important; }
  .pb-xxl-2, .py-xxl-2 { padding-bottom: 0.5rem !important; }
  .pl-xxl-2, .px-xxl-2 { padding-left: 0.5rem !important; }
  .p-xxl-3 { padding: 1rem !important; }
  .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important; }
  .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important; }
  .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important; }
  .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important; }
  .p-xxl-4 { padding: 1.5rem !important; }
  .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important; }
  .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important; }
  .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important; }
  .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important; }
  .p-xxl-5 { padding: 3rem !important; }
  .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important; }
  .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important; }
  .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important; }
  .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important; }
  .m-xxl-n1 { margin: -0.25rem !important; }
  .mt-xxl-n1, .my-xxl-n1 { margin-top: -0.25rem !important; }
  .mr-xxl-n1, .mx-xxl-n1 { margin-right: -0.25rem !important; }
  .mb-xxl-n1, .my-xxl-n1 { margin-bottom: -0.25rem !important; }
  .ml-xxl-n1, .mx-xxl-n1 { margin-left: -0.25rem !important; }
  .m-xxl-n2 { margin: -0.5rem !important; }
  .mt-xxl-n2, .my-xxl-n2 { margin-top: -0.5rem !important; }
  .mr-xxl-n2, .mx-xxl-n2 { margin-right: -0.5rem !important; }
  .mb-xxl-n2, .my-xxl-n2 { margin-bottom: -0.5rem !important; }
  .ml-xxl-n2, .mx-xxl-n2 { margin-left: -0.5rem !important; }
  .m-xxl-n3 { margin: -1rem !important; }
  .mt-xxl-n3, .my-xxl-n3 { margin-top: -1rem !important; }
  .mr-xxl-n3, .mx-xxl-n3 { margin-right: -1rem !important; }
  .mb-xxl-n3, .my-xxl-n3 { margin-bottom: -1rem !important; }
  .ml-xxl-n3, .mx-xxl-n3 { margin-left: -1rem !important; }
  .m-xxl-n4 { margin: -1.5rem !important; }
  .mt-xxl-n4, .my-xxl-n4 { margin-top: -1.5rem !important; }
  .mr-xxl-n4, .mx-xxl-n4 { margin-right: -1.5rem !important; }
  .mb-xxl-n4, .my-xxl-n4 { margin-bottom: -1.5rem !important; }
  .ml-xxl-n4, .mx-xxl-n4 { margin-left: -1.5rem !important; }
  .m-xxl-n5 { margin: -3rem !important; }
  .mt-xxl-n5, .my-xxl-n5 { margin-top: -3rem !important; }
  .mr-xxl-n5, .mx-xxl-n5 { margin-right: -3rem !important; }
  .mb-xxl-n5, .my-xxl-n5 { margin-bottom: -3rem !important; }
  .ml-xxl-n5, .mx-xxl-n5 { margin-left: -3rem !important; }
  .m-xxl-auto { margin: auto !important; }
  .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important; }
  .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important; }
  .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important; }
  .ml-xxl-auto, .mx-xxl-auto { margin-left: auto !important; } }

@media (min-width: 1600px) { .m-xxxl-0 { margin: 0 !important; }
  .mt-xxxl-0, .my-xxxl-0 { margin-top: 0 !important; }
  .mr-xxxl-0, .mx-xxxl-0 { margin-right: 0 !important; }
  .mb-xxxl-0, .my-xxxl-0 { margin-bottom: 0 !important; }
  .ml-xxxl-0, .mx-xxxl-0 { margin-left: 0 !important; }
  .m-xxxl-1 { margin: 0.25rem !important; }
  .mt-xxxl-1, .my-xxxl-1 { margin-top: 0.25rem !important; }
  .mr-xxxl-1, .mx-xxxl-1 { margin-right: 0.25rem !important; }
  .mb-xxxl-1, .my-xxxl-1 { margin-bottom: 0.25rem !important; }
  .ml-xxxl-1, .mx-xxxl-1 { margin-left: 0.25rem !important; }
  .m-xxxl-2 { margin: 0.5rem !important; }
  .mt-xxxl-2, .my-xxxl-2 { margin-top: 0.5rem !important; }
  .mr-xxxl-2, .mx-xxxl-2 { margin-right: 0.5rem !important; }
  .mb-xxxl-2, .my-xxxl-2 { margin-bottom: 0.5rem !important; }
  .ml-xxxl-2, .mx-xxxl-2 { margin-left: 0.5rem !important; }
  .m-xxxl-3 { margin: 1rem !important; }
  .mt-xxxl-3, .my-xxxl-3 { margin-top: 1rem !important; }
  .mr-xxxl-3, .mx-xxxl-3 { margin-right: 1rem !important; }
  .mb-xxxl-3, .my-xxxl-3 { margin-bottom: 1rem !important; }
  .ml-xxxl-3, .mx-xxxl-3 { margin-left: 1rem !important; }
  .m-xxxl-4 { margin: 1.5rem !important; }
  .mt-xxxl-4, .my-xxxl-4 { margin-top: 1.5rem !important; }
  .mr-xxxl-4, .mx-xxxl-4 { margin-right: 1.5rem !important; }
  .mb-xxxl-4, .my-xxxl-4 { margin-bottom: 1.5rem !important; }
  .ml-xxxl-4, .mx-xxxl-4 { margin-left: 1.5rem !important; }
  .m-xxxl-5 { margin: 3rem !important; }
  .mt-xxxl-5, .my-xxxl-5 { margin-top: 3rem !important; }
  .mr-xxxl-5, .mx-xxxl-5 { margin-right: 3rem !important; }
  .mb-xxxl-5, .my-xxxl-5 { margin-bottom: 3rem !important; }
  .ml-xxxl-5, .mx-xxxl-5 { margin-left: 3rem !important; }
  .p-xxxl-0 { padding: 0 !important; }
  .pt-xxxl-0, .py-xxxl-0 { padding-top: 0 !important; }
  .pr-xxxl-0, .px-xxxl-0 { padding-right: 0 !important; }
  .pb-xxxl-0, .py-xxxl-0 { padding-bottom: 0 !important; }
  .pl-xxxl-0, .px-xxxl-0 { padding-left: 0 !important; }
  .p-xxxl-1 { padding: 0.25rem !important; }
  .pt-xxxl-1, .py-xxxl-1 { padding-top: 0.25rem !important; }
  .pr-xxxl-1, .px-xxxl-1 { padding-right: 0.25rem !important; }
  .pb-xxxl-1, .py-xxxl-1 { padding-bottom: 0.25rem !important; }
  .pl-xxxl-1, .px-xxxl-1 { padding-left: 0.25rem !important; }
  .p-xxxl-2 { padding: 0.5rem !important; }
  .pt-xxxl-2, .py-xxxl-2 { padding-top: 0.5rem !important; }
  .pr-xxxl-2, .px-xxxl-2 { padding-right: 0.5rem !important; }
  .pb-xxxl-2, .py-xxxl-2 { padding-bottom: 0.5rem !important; }
  .pl-xxxl-2, .px-xxxl-2 { padding-left: 0.5rem !important; }
  .p-xxxl-3 { padding: 1rem !important; }
  .pt-xxxl-3, .py-xxxl-3 { padding-top: 1rem !important; }
  .pr-xxxl-3, .px-xxxl-3 { padding-right: 1rem !important; }
  .pb-xxxl-3, .py-xxxl-3 { padding-bottom: 1rem !important; }
  .pl-xxxl-3, .px-xxxl-3 { padding-left: 1rem !important; }
  .p-xxxl-4 { padding: 1.5rem !important; }
  .pt-xxxl-4, .py-xxxl-4 { padding-top: 1.5rem !important; }
  .pr-xxxl-4, .px-xxxl-4 { padding-right: 1.5rem !important; }
  .pb-xxxl-4, .py-xxxl-4 { padding-bottom: 1.5rem !important; }
  .pl-xxxl-4, .px-xxxl-4 { padding-left: 1.5rem !important; }
  .p-xxxl-5 { padding: 3rem !important; }
  .pt-xxxl-5, .py-xxxl-5 { padding-top: 3rem !important; }
  .pr-xxxl-5, .px-xxxl-5 { padding-right: 3rem !important; }
  .pb-xxxl-5, .py-xxxl-5 { padding-bottom: 3rem !important; }
  .pl-xxxl-5, .px-xxxl-5 { padding-left: 3rem !important; }
  .m-xxxl-n1 { margin: -0.25rem !important; }
  .mt-xxxl-n1, .my-xxxl-n1 { margin-top: -0.25rem !important; }
  .mr-xxxl-n1, .mx-xxxl-n1 { margin-right: -0.25rem !important; }
  .mb-xxxl-n1, .my-xxxl-n1 { margin-bottom: -0.25rem !important; }
  .ml-xxxl-n1, .mx-xxxl-n1 { margin-left: -0.25rem !important; }
  .m-xxxl-n2 { margin: -0.5rem !important; }
  .mt-xxxl-n2, .my-xxxl-n2 { margin-top: -0.5rem !important; }
  .mr-xxxl-n2, .mx-xxxl-n2 { margin-right: -0.5rem !important; }
  .mb-xxxl-n2, .my-xxxl-n2 { margin-bottom: -0.5rem !important; }
  .ml-xxxl-n2, .mx-xxxl-n2 { margin-left: -0.5rem !important; }
  .m-xxxl-n3 { margin: -1rem !important; }
  .mt-xxxl-n3, .my-xxxl-n3 { margin-top: -1rem !important; }
  .mr-xxxl-n3, .mx-xxxl-n3 { margin-right: -1rem !important; }
  .mb-xxxl-n3, .my-xxxl-n3 { margin-bottom: -1rem !important; }
  .ml-xxxl-n3, .mx-xxxl-n3 { margin-left: -1rem !important; }
  .m-xxxl-n4 { margin: -1.5rem !important; }
  .mt-xxxl-n4, .my-xxxl-n4 { margin-top: -1.5rem !important; }
  .mr-xxxl-n4, .mx-xxxl-n4 { margin-right: -1.5rem !important; }
  .mb-xxxl-n4, .my-xxxl-n4 { margin-bottom: -1.5rem !important; }
  .ml-xxxl-n4, .mx-xxxl-n4 { margin-left: -1.5rem !important; }
  .m-xxxl-n5 { margin: -3rem !important; }
  .mt-xxxl-n5, .my-xxxl-n5 { margin-top: -3rem !important; }
  .mr-xxxl-n5, .mx-xxxl-n5 { margin-right: -3rem !important; }
  .mb-xxxl-n5, .my-xxxl-n5 { margin-bottom: -3rem !important; }
  .ml-xxxl-n5, .mx-xxxl-n5 { margin-left: -3rem !important; }
  .m-xxxl-auto { margin: auto !important; }
  .mt-xxxl-auto, .my-xxxl-auto { margin-top: auto !important; }
  .mr-xxxl-auto, .mx-xxxl-auto { margin-right: auto !important; }
  .mb-xxxl-auto, .my-xxxl-auto { margin-bottom: auto !important; }
  .ml-xxxl-auto, .mx-xxxl-auto { margin-left: auto !important; } }

.text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

.text-justify { text-align: justify !important; }

.text-wrap { white-space: normal !important; }

.text-nowrap { white-space: nowrap !important; }

.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.text-truncate-multi { display: block; display: -webkit-box; height: 2.8; font-size: 16px; line-height: 1.4; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

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

@media (min-width: 540px) { .text-sm-left { text-align: left !important; }
  .text-sm-right { text-align: right !important; }
  .text-sm-center { text-align: center !important; } }

@media (min-width: 768px) { .text-md-left { text-align: left !important; }
  .text-md-right { text-align: right !important; }
  .text-md-center { text-align: center !important; } }

@media (min-width: 992px) { .text-lg-left { text-align: left !important; }
  .text-lg-right { text-align: right !important; }
  .text-lg-center { text-align: center !important; } }

@media (min-width: 1024px) { .text-xl-left { text-align: left !important; }
  .text-xl-right { text-align: right !important; }
  .text-xl-center { text-align: center !important; } }

@media (min-width: 1220px) { .text-xxl-left { text-align: left !important; }
  .text-xxl-right { text-align: right !important; }
  .text-xxl-center { text-align: center !important; } }

@media (min-width: 1600px) { .text-xxxl-left { text-align: left !important; }
  .text-xxxl-right { text-align: right !important; }
  .text-xxxl-center { text-align: center !important; } }

.text-lowercase { text-transform: lowercase !important; }

.text-uppercase { text-transform: uppercase !important; }

.text-capitalize { text-transform: capitalize !important; }

.font-weight-light { font-weight: 300 !important; }

.font-weight-lighter { font-weight: lighter !important; }

.font-weight-normal { font-weight: 400 !important; }

.font-weight-bold { font-weight: 700 !important; }

.font-weight-bolder { font-weight: bolder !important; }

.font-italic { font-style: italic !important; }

.text-white { color: #fff !important; }

.text-primary { color: #181818 !important; }

a.text-primary:hover, a.text-primary:focus { color: black !important; }

.text-secondary { color: #1c6693 !important; }

a.text-secondary:hover, a.text-secondary:focus { color: #103953 !important; }

.text-success { color: #1d81eb !important; }

a.text-success:hover, a.text-success:focus { color: #0f5bac !important; }

.text-info { color: #f79200 !important; }

a.text-info:hover, a.text-info:focus { color: #ab6500 !important; }

.text-warning { color: #ffca00 !important; }

a.text-warning:hover, a.text-warning:focus { color: #b38d00 !important; }

.text-danger { color: #db4612 !important; }

a.text-danger:hover, a.text-danger:focus { color: #942f0c !important; }

.text-default { color: #989898 !important; }

a.text-default:hover, a.text-default:focus { color: #727272 !important; }

.text-light { color: #f9f9f9 !important; }

a.text-light:hover, a.text-light:focus { color: lightgray !important; }

.text-dark { color: #181818 !important; }

a.text-dark:hover, a.text-dark:focus { color: black !important; }

.text-black { color: #080808 !important; }

a.text-black:hover, a.text-black:focus { color: black !important; }

.text-body { color: #767676 !important; }

.text-muted { color: #767676 !important; }

.text-black-50 { color: rgba(8, 8, 8, 0.5) !important; }

.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.text-decoration-none { text-decoration: none !important; }

.text-break { word-break: break-word !important; overflow-wrap: break-word !important; }

.text-reset { color: inherit !important; }

.text-form { color: #999; font-size: 14px; letter-spacing: -0.025em; margin-top: 1rem; }

.text-underline { text-decoration: underline; }

.text-underline:hover { text-decoration: underline; }

.visible { visibility: visible !important; }

.invisible { visibility: hidden !important; }

.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 768px) { .container { max-width: 992px; } }

@media (min-width: 992px) { .container { max-width: 992px; } }

@media (min-width: 1024px) { .container { max-width: 1024px; } }

@media (min-width: 1220px) { .container { max-width: 1220px; } }

@media (min-width: 1600px) { .container { max-width: 1220px; } }

.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto, .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxl, .col-xxxl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }

.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }

.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }

.col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }

.col-3 { flex: 0 0 25%; max-width: 25%; }

.col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }

.col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }

.col-6 { flex: 0 0 50%; max-width: 50%; }

.col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }

.col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }

.col-9 { flex: 0 0 75%; max-width: 75%; }

.col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }

.col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }

.col-12 { flex: 0 0 100%; max-width: 100%; }

.order-first { order: -1; }

.order-last { order: 13; }

.order-0 { order: 0; }

.order-1 { order: 1; }

.order-2 { order: 2; }

.order-3 { order: 3; }

.order-4 { order: 4; }

.order-5 { order: 5; }

.order-6 { order: 6; }

.order-7 { order: 7; }

.order-8 { order: 8; }

.order-9 { order: 9; }

.order-10 { order: 10; }

.order-11 { order: 11; }

.order-12 { order: 12; }

.offset-1 { margin-left: 8.33333%; }

.offset-2 { margin-left: 16.66667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.33333%; }

.offset-5 { margin-left: 41.66667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.33333%; }

.offset-8 { margin-left: 66.66667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.33333%; }

.offset-11 { margin-left: 91.66667%; }

@media (min-width: 540px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  .order-sm-first { order: -1; }
  .order-sm-last { order: 13; }
  .order-sm-0 { order: 0; }
  .order-sm-1 { order: 1; }
  .order-sm-2 { order: 2; }
  .order-sm-3 { order: 3; }
  .order-sm-4 { order: 4; }
  .order-sm-5 { order: 5; }
  .order-sm-6 { order: 6; }
  .order-sm-7 { order: 7; }
  .order-sm-8 { order: 8; }
  .order-sm-9 { order: 9; }
  .order-sm-10 { order: 10; }
  .order-sm-11 { order: 11; }
  .order-sm-12 { order: 12; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.33333%; }
  .offset-sm-2 { margin-left: 16.66667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.33333%; }
  .offset-sm-5 { margin-left: 41.66667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.33333%; }
  .offset-sm-8 { margin-left: 66.66667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.33333%; }
  .offset-sm-11 { margin-left: 91.66667%; } }

@media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-md-3 { flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-md-9 { flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-md-12 { flex: 0 0 100%; max-width: 100%; }
  .order-md-first { order: -1; }
  .order-md-last { order: 13; }
  .order-md-0 { order: 0; }
  .order-md-1 { order: 1; }
  .order-md-2 { order: 2; }
  .order-md-3 { order: 3; }
  .order-md-4 { order: 4; }
  .order-md-5 { order: 5; }
  .order-md-6 { order: 6; }
  .order-md-7 { order: 7; }
  .order-md-8 { order: 8; }
  .order-md-9 { order: 9; }
  .order-md-10 { order: 10; }
  .order-md-11 { order: 11; }
  .order-md-12 { order: 12; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.33333%; }
  .offset-md-2 { margin-left: 16.66667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.33333%; }
  .offset-md-5 { margin-left: 41.66667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.33333%; }
  .offset-md-8 { margin-left: 66.66667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.33333%; }
  .offset-md-11 { margin-left: 91.66667%; } }

@media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
  .order-lg-first { order: -1; }
  .order-lg-last { order: 13; }
  .order-lg-0 { order: 0; }
  .order-lg-1 { order: 1; }
  .order-lg-2 { order: 2; }
  .order-lg-3 { order: 3; }
  .order-lg-4 { order: 4; }
  .order-lg-5 { order: 5; }
  .order-lg-6 { order: 6; }
  .order-lg-7 { order: 7; }
  .order-lg-8 { order: 8; }
  .order-lg-9 { order: 9; }
  .order-lg-10 { order: 10; }
  .order-lg-11 { order: 11; }
  .order-lg-12 { order: 12; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.33333%; }
  .offset-lg-2 { margin-left: 16.66667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.33333%; }
  .offset-lg-5 { margin-left: 41.66667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.33333%; }
  .offset-lg-8 { margin-left: 66.66667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.33333%; }
  .offset-lg-11 { margin-left: 91.66667%; } }

@media (min-width: 1024px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-xl-12 { flex: 0 0 100%; max-width: 100%; }
  .order-xl-first { order: -1; }
  .order-xl-last { order: 13; }
  .order-xl-0 { order: 0; }
  .order-xl-1 { order: 1; }
  .order-xl-2 { order: 2; }
  .order-xl-3 { order: 3; }
  .order-xl-4 { order: 4; }
  .order-xl-5 { order: 5; }
  .order-xl-6 { order: 6; }
  .order-xl-7 { order: 7; }
  .order-xl-8 { order: 8; }
  .order-xl-9 { order: 9; }
  .order-xl-10 { order: 10; }
  .order-xl-11 { order: 11; }
  .order-xl-12 { order: 12; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.33333%; }
  .offset-xl-2 { margin-left: 16.66667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.33333%; }
  .offset-xl-5 { margin-left: 41.66667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.33333%; }
  .offset-xl-8 { margin-left: 66.66667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.33333%; }
  .offset-xl-11 { margin-left: 91.66667%; } }

@media (min-width: 1220px) { .col-xxl { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-xxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-xxl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-xxl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-xxl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-xxl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-xxl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-xxl-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xxl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-xxl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-xxl-9 { flex: 0 0 75%; max-width: 75%; }
  .col-xxl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-xxl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-xxl-12 { flex: 0 0 100%; max-width: 100%; }
  .order-xxl-first { order: -1; }
  .order-xxl-last { order: 13; }
  .order-xxl-0 { order: 0; }
  .order-xxl-1 { order: 1; }
  .order-xxl-2 { order: 2; }
  .order-xxl-3 { order: 3; }
  .order-xxl-4 { order: 4; }
  .order-xxl-5 { order: 5; }
  .order-xxl-6 { order: 6; }
  .order-xxl-7 { order: 7; }
  .order-xxl-8 { order: 8; }
  .order-xxl-9 { order: 9; }
  .order-xxl-10 { order: 10; }
  .order-xxl-11 { order: 11; }
  .order-xxl-12 { order: 12; }
  .offset-xxl-0 { margin-left: 0; }
  .offset-xxl-1 { margin-left: 8.33333%; }
  .offset-xxl-2 { margin-left: 16.66667%; }
  .offset-xxl-3 { margin-left: 25%; }
  .offset-xxl-4 { margin-left: 33.33333%; }
  .offset-xxl-5 { margin-left: 41.66667%; }
  .offset-xxl-6 { margin-left: 50%; }
  .offset-xxl-7 { margin-left: 58.33333%; }
  .offset-xxl-8 { margin-left: 66.66667%; }
  .offset-xxl-9 { margin-left: 75%; }
  .offset-xxl-10 { margin-left: 83.33333%; }
  .offset-xxl-11 { margin-left: 91.66667%; } }

@media (min-width: 1600px) { .col-xxxl { flex-basis: 0; flex-grow: 1; max-width: 100%; }
  .col-xxxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-xxxl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-xxxl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-xxxl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-xxxl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-xxxl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-xxxl-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xxxl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-xxxl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-xxxl-9 { flex: 0 0 75%; max-width: 75%; }
  .col-xxxl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-xxxl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-xxxl-12 { flex: 0 0 100%; max-width: 100%; }
  .order-xxxl-first { order: -1; }
  .order-xxxl-last { order: 13; }
  .order-xxxl-0 { order: 0; }
  .order-xxxl-1 { order: 1; }
  .order-xxxl-2 { order: 2; }
  .order-xxxl-3 { order: 3; }
  .order-xxxl-4 { order: 4; }
  .order-xxxl-5 { order: 5; }
  .order-xxxl-6 { order: 6; }
  .order-xxxl-7 { order: 7; }
  .order-xxxl-8 { order: 8; }
  .order-xxxl-9 { order: 9; }
  .order-xxxl-10 { order: 10; }
  .order-xxxl-11 { order: 11; }
  .order-xxxl-12 { order: 12; }
  .offset-xxxl-0 { margin-left: 0; }
  .offset-xxxl-1 { margin-left: 8.33333%; }
  .offset-xxxl-2 { margin-left: 16.66667%; }
  .offset-xxxl-3 { margin-left: 25%; }
  .offset-xxxl-4 { margin-left: 33.33333%; }
  .offset-xxxl-5 { margin-left: 41.66667%; }
  .offset-xxxl-6 { margin-left: 50%; }
  .offset-xxxl-7 { margin-left: 58.33333%; }
  .offset-xxxl-8 { margin-left: 66.66667%; }
  .offset-xxxl-9 { margin-left: 75%; }
  .offset-xxxl-10 { margin-left: 83.33333%; }
  .offset-xxxl-11 { margin-left: 91.66667%; } }

.row-0 { margin-left: 0px; margin-right: 0px; }

.row-0 > [class^=col] { padding-left: 0px; padding-right: 0px; }

.row-1 { margin-left: -0.5px; margin-right: -0.5px; }

.row-1 > [class^=col] { padding-left: 0.5px; padding-right: 0.5px; }

.row-2 { margin-left: -1px; margin-right: -1px; }

.row-2 > [class^=col] { padding-left: 1px; padding-right: 1px; }

.row-3 { margin-left: -1.5px; margin-right: -1.5px; }

.row-3 > [class^=col] { padding-left: 1.5px; padding-right: 1.5px; }

.row-4 { margin-left: -2px; margin-right: -2px; }

.row-4 > [class^=col] { padding-left: 2px; padding-right: 2px; }

.row-5 { margin-left: -2.5px; margin-right: -2.5px; }

.row-5 > [class^=col] { padding-left: 2.5px; padding-right: 2.5px; }

.row-10 { margin-left: -5px; margin-right: -5px; }

.row-10 > [class^=col] { padding-left: 5px; padding-right: 5px; }

.row-20 { margin-left: -10px; margin-right: -10px; }

.row-20 > [class^=col] { padding-left: 10px; padding-right: 10px; }

.row-30 { margin-left: -15px; margin-right: -15px; }

.row-30 > [class^=col] { padding-left: 15px; padding-right: 15px; }

.row-40 { margin-left: -20px; margin-right: -20px; }

.row-40 > [class^=col] { padding-left: 20px; padding-right: 20px; }

.row-50 { margin-left: -25px; margin-right: -25px; }

.row-50 > [class^=col] { padding-left: 25px; padding-right: 25px; }

.row-60 { margin-left: -30px; margin-right: -30px; }

.row-60 > [class^=col] { padding-left: 30px; padding-right: 30px; }

.row-70 { margin-left: -35px; margin-right: -35px; }

.row-70 > [class^=col] { padding-left: 35px; padding-right: 35px; }

.row-80 { margin-left: -40px; margin-right: -40px; }

.row-80 > [class^=col] { padding-left: 40px; padding-right: 40px; }

.row-90 { margin-left: -45px; margin-right: -45px; }

.row-90 > [class^=col] { padding-left: 45px; padding-right: 45px; }

.row-100 { margin-left: -50px; margin-right: -50px; }

.row-100 > [class^=col] { padding-left: 50px; padding-right: 50px; }

/** px값 List를 만들어주는 함수입니다. */
/**
값이 0일때는 0으로, 그 외에는 'px'을 붙여줍니다.
ex) 0 => 0, 10 => 10px
*/
/**
px 값입니다.
0 ~ 100px 까지 조정하게 만들었습니다.
*/
/**
margin과 padding의 각 위치를 지정해주는 map 입니다.
key는 class이름 생성시 쓰이며 value는 상세 속성 정의시 쓰입니다.
*/
/**
margin과 padding 생성을 위한 map입니다.
key는 class이름 생성시 쓰이며 value는 상세 속성 정의시 쓰입니다.
*/
/**
실제 css class를 만들어주는 mixin입니다.
nameMap, position, size를 혼합하여 아래와 같은 형식으로 만들어줍니다.

ex>
m-0 : { margin : 0; }
m-t-1 : { margin-top : 1px; }
*/
.m--5 { margin: 5px; }

.m-l-5 { margin-left: 5px; }

.m-r-5 { margin-right: 5px; }

.m-t-5 { margin-top: 5px; }

.m-b-5 { margin-bottom: 5px; }

.p--5 { padding: 5px; }

.p-l-5 { padding-left: 5px; }

.p-r-5 { padding-right: 5px; }

.p-t-5 { padding-top: 5px; }

.p-b-5 { padding-bottom: 5px; }

.m--10 { margin: 10px; }

.m-l-10 { margin-left: 10px; }

.m-r-10 { margin-right: 10px; }

.m-t-10 { margin-top: 10px; }

.m-b-10 { margin-bottom: 10px; }

.p--10 { padding: 10px; }

.p-l-10 { padding-left: 10px; }

.p-r-10 { padding-right: 10px; }

.p-t-10 { padding-top: 10px; }

.p-b-10 { padding-bottom: 10px; }

.m--15 { margin: 15px; }

.m-l-15 { margin-left: 15px; }

.m-r-15 { margin-right: 15px; }

.m-t-15 { margin-top: 15px; }

.m-b-15 { margin-bottom: 15px; }

.p--15 { padding: 15px; }

.p-l-15 { padding-left: 15px; }

.p-r-15 { padding-right: 15px; }

.p-t-15 { padding-top: 15px; }

.p-b-15 { padding-bottom: 15px; }

.m--20 { margin: 20px; }

.m-l-20 { margin-left: 20px; }

.m-r-20 { margin-right: 20px; }

.m-t-20 { margin-top: 20px; }

.m-b-20 { margin-bottom: 20px; }

.p--20 { padding: 20px; }

.p-l-20 { padding-left: 20px; }

.p-r-20 { padding-right: 20px; }

.p-t-20 { padding-top: 20px; }

.p-b-20 { padding-bottom: 20px; }

.m--25 { margin: 25px; }

.m-l-25 { margin-left: 25px; }

.m-r-25 { margin-right: 25px; }

.m-t-25 { margin-top: 25px; }

.m-b-25 { margin-bottom: 25px; }

.p--25 { padding: 25px; }

.p-l-25 { padding-left: 25px; }

.p-r-25 { padding-right: 25px; }

.p-t-25 { padding-top: 25px; }

.p-b-25 { padding-bottom: 25px; }

.m--30 { margin: 30px; }

.m-l-30 { margin-left: 30px; }

.m-r-30 { margin-right: 30px; }

.m-t-30 { margin-top: 30px; }

.m-b-30 { margin-bottom: 30px; }

.p--30 { padding: 30px; }

.p-l-30 { padding-left: 30px; }

.p-r-30 { padding-right: 30px; }

.p-t-30 { padding-top: 30px; }

.p-b-30 { padding-bottom: 30px; }

.m--35 { margin: 35px; }

.m-l-35 { margin-left: 35px; }

.m-r-35 { margin-right: 35px; }

.m-t-35 { margin-top: 35px; }

.m-b-35 { margin-bottom: 35px; }

.p--35 { padding: 35px; }

.p-l-35 { padding-left: 35px; }

.p-r-35 { padding-right: 35px; }

.p-t-35 { padding-top: 35px; }

.p-b-35 { padding-bottom: 35px; }

.m--40 { margin: 40px; }

.m-l-40 { margin-left: 40px; }

.m-r-40 { margin-right: 40px; }

.m-t-40 { margin-top: 40px; }

.m-b-40 { margin-bottom: 40px; }

.p--40 { padding: 40px; }

.p-l-40 { padding-left: 40px; }

.p-r-40 { padding-right: 40px; }

.p-t-40 { padding-top: 40px; }

.p-b-40 { padding-bottom: 40px; }

.m--45 { margin: 45px; }

.m-l-45 { margin-left: 45px; }

.m-r-45 { margin-right: 45px; }

.m-t-45 { margin-top: 45px; }

.m-b-45 { margin-bottom: 45px; }

.p--45 { padding: 45px; }

.p-l-45 { padding-left: 45px; }

.p-r-45 { padding-right: 45px; }

.p-t-45 { padding-top: 45px; }

.p-b-45 { padding-bottom: 45px; }

.m--50 { margin: 50px; }

.m-l-50 { margin-left: 50px; }

.m-r-50 { margin-right: 50px; }

.m-t-50 { margin-top: 50px; }

.m-b-50 { margin-bottom: 50px; }

.p--50 { padding: 50px; }

.p-l-50 { padding-left: 50px; }

.p-r-50 { padding-right: 50px; }

.p-t-50 { padding-top: 50px; }

.p-b-50 { padding-bottom: 50px; }

/* 컨텐츠 css */
/* 주가정보 */
.red-color { color: #f54336; }

.blue-color { color: #048de3; }

body { text-decoration: none; color: #333333; font-weight: 400; }

p, a, h1, h2, h3, h4, h5, li, th, tr, td { font-size: 16px; color: #333333; word-break: keep-all; font-weight: 400; }

.container { padding-left: 0; padding-right: 0; }

.row { margin-left: 0; margin-right: 0; }

.padding-15 { padding-left: -15px; padding-right: -15px; }

.padding-30 { padding-left: -30px !important; padding-right: -30px !important; }

.margin { margin-left: -10px; margin-right: -10px; }

.margin-15 { margin-left: -15px; margin-right: -15px; }

.margin-20 { margin-left: -20px; margin-right: -20px; }

.margin-25 { margin-left: -25px; margin-right: -25px; }

.margin-30 { margin-left: -30px; margin-right: -30px; }

.margin-50 { margin-left: -50px; margin-right: -50px; }

.m-t-10 { margin-top: 10px !important; }

.m-t-20 { margin-top: 20px !important; }

.m-t-30 { margin-top: 30px; }

.m-t-35 { margin-top: 35px; }

.m-t-40 { margin-top: 40px; }

.m-t-45 { margin-top: 45px; }

.m-t-60 { margin-top: 60px; }

.m-t-110 { margin-top: 110px; }

.m-b-10 { margin: 0 0 10px 0 !important; }

.m-b-20 { margin: 0 0 20px 0 !important; }

.m-b-30 { margin: 0 0 30px 0 !important; }

.p-20 { padding: 20px; }

.p-40 { padding: 40px 0; }

.p-t-40 { padding: 40px 0 0 0; }

.h-300 { height: 300px; }

.margin-minus { margin-left: -15px !important; margin-right: -15px !important; }

.years-line { font-size: 24px; color: rgba(0, 0, 0, 0.5); line-height: 1.33; margin-bottom: 35px; position: relative; font-weight: bold; }

.years-line::after { content: ""; width: 50%; height: 1px; position: absolute; right: -35px; bottom: 50%; transform: translate(35px, -50%); border: 1px dotted #000000; opacity: 0.1; }

.link-btn { border: 1px solid rgba(0, 0, 0, 0.3); font-size: 16px; color: #000000; padding: 10px 25px; display: inline-block; margin-top: 30px; background-color: #ffffff; vertical-align: middle; }

.link-btn img { vertical-align: inherit; margin: 0 5px 0 20px; }

.link-btn:hover { border: 1px solid #f47920; transition: .5s all; }

.s-link-btn { width: 110px; height: 25px; font-size: 14px; text-align: center; border-radius: 15px; border: 1px solid #dddddd; display: flex; align-items: center; justify-content: center; margin: 0 5px; }

.s-link-btn.orange { border: none; background-color: #f47920; color: #ffffff; }

.send-btn { width: 180px; height: 45px; color: #ffffff; background-color: #f47920; }

.bold { font-weight: bold !important; }

.c-lg-text { font-size: 30px; font-weight: bold; }

.c-lg-text span { color: #f47920; }

.c-text-border { font-size: 30px; position: relative; padding-bottom: 10px; font-weight: 700; }

.c-text-border::after { content: ""; position: absolute; width: 50px; height: 3px; background-color: #f47920; bottom: 0; left: 0; }

.lg-text-border { font-size: 30px; position: relative; padding-bottom: 10px; color: #f47920; }

.lg-text-border::after { content: ""; position: absolute; width: 50px; height: 3px; background-color: #f47920; bottom: 0; left: 0; }

.sub-text { font-size: 24px; font-weight: bold; }

.sub-text span { color: #f47920; }

.c-m-text { font-size: 20px; color: #f47920; margin-top: 35px; font-weight: bold; line-height: 26px; }

.c-m-text.black { color: #000000; margin: 0 0 10px 0; }

.c-m-text.red { color: #ef4538; margin: 0; position: relative; padding-bottom: 13px; }

.c-m-text.red:after { content: ""; position: absolute; width: 24px; height: 1px; border: 1px solid #cccccc; left: 50%; bottom: 0; transform: translate(-50%, 0); }

.b-text-border { font-size: 20px; position: relative; padding-bottom: 10px; }

.b-text-border::after { content: ""; position: absolute; width: 40px; height: 3px; background-color: #f47920; bottom: 0; left: 50%; transform: translate(-50%, 0); }

.s-text-border { font-size: 20px; position: relative; padding-bottom: 10px; color: #f47920; }

.s-text-border::after { content: ""; position: absolute; width: 40px; height: 3px; background-color: #f47920; bottom: 0; left: 50%; transform: translate(-50%, 0); }

.c-s-text { font-size: 16px; font-weight: 400; line-height: 26px; margin-top: 35px; }

.r-s-text { font-size: 16px; color: #f54336; }

.o-s-text { font-size: 16px !important; color: #f47920; }

.o-b-text { font-size: 16px; color: #ef4538; font-weight: 700; }

.b-s-text { font-size: 16px; font-weight: 700; }

.d-s-text { font-size: 16px; font-weight: 700; }

.d-s-text.light { font-weight: 400; }

.s-example { font-size: 15px; color: #333333; }

.example { font-size: 14px; color: rgba(0, 0, 0, 0.7); }

.border-box { border: 1px solid #b2b2b2; padding: 50px; margin-top: 45px; }

.border-box.subsidiary ul li { padding: 20px 0; }

.ul-list-dot li { position: relative; padding-left: 10px; font-size: 16px; line-height: 26px; }

.ul-list-dot li::before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50px; left: 0; top: 40%; transform: translate(-50%, 0); background-color: #dddddd; }

.ul-list-dot.subsidiarys li { font-size: 14px; }

.ul-list-dot.subsidiarys li:first-child { margin: 30px 0; }

.ul-list-dot.subsidiarys li:first-child span { border: 1px solid #dddddd; border-radius: 15px; padding: 5px 20px; margin-left: 15px; }

.ul-list-dot.ir li { display: flex; justify-content: space-between; padding: 5px 0 10px 5px; }

.ul-list-dot.ir li:first-child { margin-top: 10px; }

.ul-list-dot.ir li::before { top: 45%; transform: translate(-50%, 0); }

.ul-list-dot.ir li span:nth-child(1) { width: 350px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.ul-list-dot.ir li .date { font-size: 14px; color: rgba(51, 51, 51, 0.7); }

@media (max-width: 767.98px) { .ul-list-dot li::before { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50px; left: 0; top: 14px; transform: translate(-50%, 0); background-color: #dddddd; }
  .ul-list-dot.subsidiarys li:first-child span { display: inline-block; border-radius: 30px; padding: 0 20px; margin-bottom: 5px; } }

.toggle-wrap .toggle-head { display: flex; align-items: center; justify-content: space-between; }

.toggle-wrap .toggle-head span:nth-child(1) { font-size: 16px; font-weight: bold; }

.toggle-wrap .toggle-head button:nth-child(2) { width: 30px; height: 20px; background-image: url("../../resources/images/g_list_btn.png"); background-size: contain; background-repeat: no-repeat; }

.toggle-wrap .toggle-content { display: block; }

.toggle-wrap .toggle-content.ir ul { margin-bottom: 65px; }

.toggle-wrap .toggle-content ul { margin: 30px 0; }

.toggle-wrap .toggle-content .maps { border-top: 1px solid #dddddd; padding-top: 20px; }

.toggle-wrap.active button:nth-child(2) { background-image: url("../../resources/images/g_list_btn_on.png"); }

.toggle-wrap.active .toggle-content { display: none; }

@media (max-width: 767.98px) { .toggle-wrap .toggle-head span:nth-child(1) { width: 80%; font-size: 14px; font-weight: bold; }
  .toggle-wrap .toggle-content.ir ul { margin-bottom: 20px; } }

.ic-check { width: 20px; height: 15px; margin: 0 auto; background-image: url("../../resources/images/ic-check.png"); background-size: contain; background-position: center; background-repeat: no-repeat; }

.ic-list-back { width: 20px; height: 15px; margin: 0 auto; background-image: url("../../resources/images/ic-list-back.png"); background-size: contain; background-position: center; background-repeat: no-repeat; vertical-align: middle; margin: 0 10px; }

.nav-tabs { margin-top: 45px; margin-bottom: 20px; }

.nav-tabs .nav-item { width: 50%; text-align: center; padding: 0; margin-left: -1px; }

.nav-tabs .nav-item .nav-link { height: 100%; padding: 21px 0; border: none; font-size: 20px; color: #000000; border: 1px solid #b2b2b2; font-weight: bold; }

.nav-tabs .nav-item .nav-link.active { background-color: #f47920; border: 1px solid #f47920; color: #ffffff; }

.nav-tabs .nav-item-3 { width: 33.3%; text-align: center; padding: 0; margin-left: -1px; }

.nav-tabs .nav-item-3 .nav-link { height: 100%; padding: 21px 0; border: none; font-size: 20px; color: #000000; border: 1px solid #b2b2b2; display: flex; align-items: center; justify-content: center; font-weight: bold; }

.nav-tabs .nav-item-3 .nav-link.active { background-color: #f47920; border: 1px solid #f47920; color: #ffffff; }

.table { width: 100%; color: #333333; margin-top: 50px; }

.table.ir thead th { font-weight: bold; }

.table.ir th { padding: 10px 15px; border-top: 1px solid #333333; border-bottom: 1px solid #999999; background-color: #f5f5f5; vertical-align: middle; font-size: 16px; }

.table.ir td { height: 60px; padding: 0 30px; border-top: none; vertical-align: middle; border-bottom: 1px solid #dddddd; font-weight: 400; }

.pagination ul li .left-pagination { width: 20px; height: 16px; display: inline-block; background-image: url("../../resources/images/left-pagination.png"); background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle; }

.pagination ul li .right-pagination { width: 20px; height: 16px; display: inline-block; background-image: url("../../resources/images/right-pagination.png"); background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle; }

.pagination ul a { margin: 0 10px; }

.pagination ul a.active { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; color: #ffffff; background-color: #dddddd; padding: 5px; border-radius: 50px; }

@media (max-width: 1219.98px) { .container { padding: 0 10px; }
  .orange-circle.small { width: 160px; height: 160px; position: relative; }
  .orange-circle.small::after { content: ""; position: absolute; width: 20px; height: 30px; background-image: url("../../resources/images/gray-right.png"); top: 50%; right: -20%; transform: translate(20%, -50%); }
  .margin-15 { margin-left: 0; margin-right: 0; }
  .margin-20 { margin-left: 0; margin-right: 0; }
  .margin-30 { margin-left: 0; margin-right: 0; }
  .border-box.ir { background-size: 300px; } }

@media (max-width: 991.98px) { .container { padding: 0; }
  .margin-15 { margin-left: 0; margin-right: 0; }
  .margin-20 { margin-left: 0; margin-right: 0; }
  .margin-30 { margin-left: 0; margin-right: 0; }
  .mt-30 { margin-top: 30px; }
  .link-btn { font-size: 16px; padding: 10px; display: inline-block; margin: 15px 0; }
  .link-btn img { margin: 0 5px; }
  .link-btn.youtube-btn { outline: 1px solid #f47920; }
  .c-lg-text { font-size: 21px; }
  .c-text-border { font-size: 21px; position: relative; padding-bottom: 5px; }
  .c-text-border::after { content: ""; position: absolute; width: 40px; height: 1px; background-color: #f47920; bottom: 0; left: 0; }
  .lg-text-border { font-size: 21px; position: relative; padding-bottom: 5px; color: #f47920; }
  .lg-text-border::after { content: ""; position: absolute; width: 40px; height: 3px; background-color: #f47920; bottom: 0; left: 0; }
  .c-m-text { font-size: 17px; color: #f47920; margin: 20px 0; }
  .c-s-text { font-size: 14px; font-weight: 400; line-height: 1.68; margin-top: 15px; }
  .nav-tabs { margin: 20px 0; }
  .nav-tabs .nav-item { width: 50%; text-align: center; padding: 0; }
  .nav-tabs .nav-item .nav-link { padding: 10px 0; border: none; font-size: 16px; color: #000000; border: 1px solid #b2b2b2; }
  .nav-tabs .nav-item .nav-link.active { background-color: #f47920; border: 1px solid #f47920; color: #ffffff; }
  .nav-tabs .nav-item-3 { width: 33.3%; text-align: center; padding: 0; }
  .nav-tabs .nav-item-3 .nav-link { padding: 10px 0; border: none; font-size: 16px; color: #000000; border: 1px solid #b2b2b2; }
  .nav-tabs .nav-item-3 .nav-link.active { background-color: #f47920; border: 1px solid #f47920; color: #ffffff; }
  .border-box { border: 1px solid #b2b2b2; padding: 25px; }
  .border-box.vision { border: 1px solid #b2b2b2; padding: 10px 20px; }
  .talent .arrow-right { display: none; }
  .orange-circle.small::after { display: none; }
  .orange-circle.large::after { display: none; }
  .ul-list-dot li { font-size: 14px; padding: 3px 5px; } }

@media (max-width: 767.98px) { .m-t-45 { margin-top: 20px; }
  .m-t-35 { margin-top: 15px; }
  .m-b-30 { margin: 0 !important; }
  .margin-50 { margin-left: 0; margin-right: 0; }
  .margin-25 { margin-left: 0; margin-right: 0; }
  .margin { margin-left: 0; margin-right: 0; }
  .m-wrap { flex-flow: wrap; }
  .table-wrap { overflow: scroll; clear: both; position: relative; }
  .table-wrap .table { width: 1000px; }
  .table-wrap .cursor-ic { width: 76px; height: 62px; background-image: url("../../resources/images/ic-touch.png"); background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .table-wrap.img { margin-top: 40px; border: 1px solid #dddddd; }
  .table-wrap.img .border-box { border: 0; }
  .table-wrap.img img { max-width: inherit; }
  .product-question { width: 100%; }
  .table { margin-top: 25px; }
  .table th, .table td, .table tr { font-size: 14px !important; }
  .table ul li { font-size: 14px; }
  .pagination ul li a { font-size: 14px; }
  .s-example { font-size: 14px; color: #333333; }
  .example { font-size: 13px; margin-bottom: 20px; color: rgba(0, 0, 0, 0.7); }
  .nav-tabs.search { width: 1000px; white-space: nowrap; }
  .nav-tabs.search .search-tabs .nav-link { padding: 10px 0; font-size: 17px; }
  .border-box.compete { width: 100%; display: flex; flex-flow: column; justify-content: center; }
  .border-box.objective { width: 100%; display: flex; flex-flow: column; justify-content: center; }
  .pagination ul li a { font-size: 14px; } }

.modal[data-overlap=true] { z-index: 1052; }

.modal-backdrop + .modal-backdrop { z-index: 1051; }

table.send { width: 100%; }

table.send tr { padding: 10px 0; border-bottom: 1px solid #dddddd; }

table.send th { font-weight: bold; }

table.send td { height: 60px; }

table.send td .form-control { font-size: 16px; height: 45px; }

table.send td .form-control::placeholder { font-size: 16px; color: #999999; }

table.send td input { border: 1px solid #dddddd; padding: 0 10px; }

table.send td input.w-100 { width: 100%; }

table.send td input.w-70 { width: 70%; }

table.send td input.h-160 { height: 160px; }

textarea { height: 160px; border: 1px solid #dddddd; }

textarea::placeholder { color: #999999; padding: 10px; }

table.tab-panel th, table.tab-panel td { border-top: none; border-bottom: 1px solid #dddddd; font-size: 16px; color: #333333; }

table.tab-panel thead { border-top: 2px solid #dddddd; }

table.tab-panel thead th { padding: 10px 0; background-color: #f5f5f5; font-weight: bold; }

table.tab-panel tbody th { padding: 20px; vertical-align: middle; }

table.tab-panel tbody td { padding: 20px; vertical-align: middle; }

table.tab-panel tbody td.bold p { font-weight: bold; }

.wrap { padding: 20px; }

section { padding: 45px 0; }

.header { width: 100%; background-color: #ffffff; position: fixed; z-index: 99; border-bottom: 1px solid #dddddd; }

header .logo { display: block; width: 260px; height: 45px; background-image: url("../../resources/images/logo.png"); background-size: cover; background-position: center; background-repeat: no-repeat; }

header nav ul { display: flex; font-size: 28px; }

header nav ul li { padding: 17px 30px; color: #000000; }

header nav ul li a { font-size: 23px; font-weight: bold; }

header nav ul li a:hover { color: #f47920; }

header nav ul li.active { color: #f47920; border-bottom: 1px solid #f47920; margin-bottom: -1px; }

header nav ul li.active a { color: #f47920; font-weight: bold; }

header .right-header { display: flex; }

header .right-header .sel-language { display: flex; }

header .right-header .select-box { display: flex; align-items: center; }

header .right-header .select-box .select-icon { width: 20px; height: 20px; background-size: contain; }

header .right-header .select-ic { width: 20px; height: 20px; background-image: url("../../resources/images/earth.png"); background-size: contain; }

header .right-header .country { margin: 0 10px 0 5px; position: relative; }

header .right-header .country::after { content: ""; position: absolute; top: 50%; transform: translate(0, -50%); background-image: url("../../resources/images/ic-s-down.png"); background-repeat: no-repeat; width: 11px; height: 5px; right: -15px; }

header select { margin: 0 20px 0 0; border: none; }

header a img { padding: 0 0 0 40px; }

footer { padding: 30px 0 60px 0; background-color: #333333; }

footer ul { display: flex; margin-top: 30px; }

footer ul li { position: relative; padding: 0 20px; cursor: pointer; }

footer ul li a { color: #ffffff; font-size: 15px; }

footer ul li::after { content: "|"; position: absolute; left: 0; color: #999999; }

footer ul li.active a { color: #f47920; }

footer ul :first-child { padding-left: 0; }

footer ul :first-child::after { content: ""; position: absolute; left: 0; }

footer .footer-info { padding: 20px 0; }

footer .footer-info p { line-height: 1.76; font-size: 15px; color: #cccccc; }

footer .footer-info p span { display: inline-block; margin-left: 20px; }

footer .footer-info .link-btn { margin: 0; }

footer .btn-prev { width: 160px; height: 45px; border: 1px solid #333333; }

.modal .modal-dialog.sitemap { width: 100%; max-width: 100%; position: absolute; bottom: auto; left: 50%; transform: translate(-50%, 0); }

.sub-content { position: relative; padding: 69px 0 0 0; }

.sub-content .sub-bg { width: 100%; height: 80vh; position: absolute; top: 69px; background-repeat: no-repeat; background-size: contain; background-position: top center; z-index: -1; }

.sub-content .title-box { padding: 102px 0; }

.sub-content .title-box .title { font-size: 48px; color: #ffffff; text-shadow: 0 0 6px rgba(0, 0, 0, 0.2); font-weight: bold; }

.sub-content .title-box .title span { font-size: 36px; }

.sub-content .title-box p { width: 40%; color: #ffffff; font-size: 18px; line-height: 1.5; text-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }

.content-body { background-color: #ffffff; }

.content-body .section-location { display: flex; align-items: center; padding: 22px 0 41px 0; }

.content-body .section-location .location-ic-home { width: 15px; height: 15px; background-image: url("../../resources/images/ic-home.png"); background-size: contain; background-position: center; background-repeat: no-repeat; }

.content-body .section-location span { font-size: 15px; font-weight: 400; color: #333333; }

.content-body .section-location span:first-child::before { content: ""; margin: 0; }

.content-body .section-location span::before { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 600; margin: 0 10px; color: #dddddd; font-size: 13px; }

.sub-title { width: 100%; border-bottom: 1px solid #dddddd; padding: 24px 0; }

.sub-title.sub-pt { padding: 0 0 24px 0; }

.sub-title .sub-title-ic { width: 40px; height: 40px; background-repeat: no-repeat; background-size: contain; background-position: center; }

.sub-title p { font-size: 34px; font-weight: 700; margin-left: 20px; }

.sub-section-banner { margin: 0; text-align: center; background-position: center; background-repeat: no-repeat; background-size: cover; }

.sub-section-banner .sub-section-text { padding: 100px 0; }

.sub-section-banner .sub-section-text p { text-shadow: 0.6px 0.8px 1px rgba(0, 0, 0, 0.3); }

.sub-section-banner .sub-section-text p:nth-child(1) { color: #ffffff; font-size: 30px; line-height: 48px; }

.sub-section-banner .sub-section-text p:nth-child(2) { font-size: 21px; color: #ffffff; font-weight: 400; line-height: 48px; }

.modal-footer { margin: 0 auto; }

.modal-footer.notice { padding: 0; }

.btn { width: 100%; margin: 0 auto; }

.list-view-btn { width: 160px; height: 45px; display: inline-block; line-height: 45px; background-color: #f47920; color: #ffffff; }

.list-view-btn span { margin-bottom: 2px; }

.modal-b-p { padding-bottom: 120px; }

@media (max-width: 767.98px) { .wrap { padding: 0; } }

@media (max-width: 1219.98px) { header { padding: 10px; }
  header nav ul { display: flex; font-size: 20px; }
  header nav ul li { padding: 10px 15px; font-weight: 700; color: #000000; }
  header nav ul li a { font-size: 19px; }
  header nav ul li.active { color: #f47920; border-bottom: 1px solid #f47920; }
  header nav ul li.active a { color: #f47920; }
  .sub-title p { font-size: 30px; font-weight: 700; margin-left: 20px; } }

@media (max-width: 991.98px) { nav { display: none; }
  header { padding: 10px; }
  header select { margin: 0 5px 0 0; }
  header .logo { width: 160px; background-size: contain; height: 40px;}
  header .logo a img { width: 70%; height: 30px; padding: 0 0 0 10px; }
  header .right-header { align-items: center; }
  header .right-header .sel-language { display: none; }
  header .right-header .select-ic { width: 0; }
  footer .link-btn { margin-top: 20px; }
  footer ul { width: 100%; flex-flow: wrap; }
  footer ul :first-child { padding: 0; }
  footer ul li { padding: 0 20px 0 0; }
  footer ul li::after { content: ""; }
  footer ul li a { font-size: 15px; }
  .content-body { padding: 0 10px; }
  .content-body .section-location { padding: 15px 0; }
  .content-body .section-location span { font-size: 14px; font-weight: 400; }
  .content-body .sub-title { width: 100%; border-bottom: 1px solid #dddddd; padding: 15px 0; }
  .content-body .sub-title.sub-pt { padding: 0 0 15px 0; }
  .content-body .sub-title .sub-title-ic { width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center; }
  .content-body .sub-title p { font-size: 26px; font-weight: 700; margin-left: 15px; }
  .content-body .sub-title p span { font-size: 14px; }
  .sub-content { padding: 50px 0 0 0; }
  .sub-content .sub-bg { background-size: cover; top: 50px; }
  .sub-content .title-box { padding: 80px 10px; }
  .sub-content .title-box .title { font-size: 30px; }
  .sub-content .title-box .title span { font-size: 26px; }
  .sub-content .title-box p { width: 80%; font-size: 17px; }
  .sub-section-banner { margin: 0; text-align: center; background-position: center; background-repeat: no-repeat; background-size: cover; }
  .sub-section-banner p { padding: 40px 0; color: #ffffff; font-size: 22px; line-height: 1.6; }
  .detail-title { font-size: 30px; margin: 70px 0 30px 0; } }

@media (max-width: 767.98px) { section { padding: 20px 0; }
  .sub-section-banner p { padding: 25px 0; }
  .content-body .section-location .location-ic-home { width: 13px; height: 13px; }
  .content-body .section-location span { font-size: 12px; }
  footer { padding: 0; }
  footer .footer-info p { font-size: 14px; }
  footer .footer-info p span { margin-left: 15px; }
  footer ul li a { font-size: 14px; }
  footer ul li:after { content: ""; } }

.top-scroll { position: fixed; bottom: 5%; right: 5%; z-index: 111; display: none; transition: .3s all; }

.top-scroll > div { width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; background-color: #ffffff; }

.top-scroll.active { display: block; transition: .3s all; }

section > div > h1 { font-size: 42px; color: #000000; margin-bottom: 50px; }

@media (max-width: 1599.98px) { .swiper-container .banner-wrap p:nth-child(2) { font-size: 32px; margin-top: 150px; } }

@media (max-width: 1219.98px) { .popup-banner { width: 370px; height: 570px; }
  .swiper-container .control-btn { padding: 0 4rem; }
  .swiper-container .banner-wrap { top: 50%; padding: 4rem; }
  .swiper-container .banner-wrap p:nth-child(1) { font-weight: bold; font-size: 42px; top: 150px; }
  .swiper-container .banner-wrap p:nth-child(2) { color: #ffffff; font-size: 25px; margin-top: 50px; }
  .swiper-container .banner-wrap p:nth-child(3) { color: #ffffff; font-size: 19px; line-height: 1.6; }
  .banner { width: 100%; }
  .swiper-button-prev { left: 10px; }
  .swiper-button-next { right: 10px; } }

@media (max-width: 991.98px) { .popup-banner { width: 300px; height: 450px; }
  .swiper-container .banner-wrap { top: 50%; padding: 4rem; }
  .swiper-container .banner-wrap p:nth-child(1) { font-weight: bold; font-size: 35px; line-height: 1.35; color: #ffffff; }
  .swiper-container .banner-wrap p:nth-child(2) { color: #ffffff; font-size: 25px; margin-top: 50px; }
  .swiper-container .banner-wrap p:nth-child(3) { color: #ffffff; font-size: 19px; line-height: 1.6; }
  .banner { width: 100%; } }

@media (max-width: 767.98px) { .popup-banner { width: 300px; height: 440px; top: 2%; }
  .popup-banner .form-check label { font-size: 14px; }
  .swiper-container .control-btn { padding: 0 2rem; bottom: 25%; }
  .swiper-container .banner-wrap { top: 50%; margin-top: 1rem; padding: 2rem; }
  .swiper-container .banner-wrap p:nth-child(1) { font-weight: bold; font-size: 28px; line-height: 1.35; color: #ffffff; top: 25%; }
  .swiper-container .banner-wrap p:nth-child(2) { color: #ffffff; font-size: 19px; margin-top: 40px; bottom: 30%; }
  .swiper-container .banner-wrap p:nth-child(2) span { color: #ffffff; font-size: 19px; line-height: 1.4; text-shadow: 0.6px 0.8px 1px rgba(0, 0, 0, 0.3); }
  .swiper-container .banner-wrap p:nth-child(3) { color: #ffffff; font-size: 15px; line-height: 1.6; } }

.section-2 { padding: 90px 0; }

.section-2 .about { padding: 20px; }

.section-2 .about .ic-1 { width: 100px; height: 100px; display: inline-block; background-image: url("../../resources/images/ic-01.png"); background-size: cover; background-position: center; }

.section-2 .about .ic-2 { width: 100px; height: 100px; display: inline-block; background-image: url("../../resources/images/ic-02.png"); background-size: cover; background-position: center; }

.section-2 .about .ic-3 { width: 100px; height: 100px; display: inline-block; background-image: url("../../resources/images/ic-03.png"); background-size: cover; background-position: center; }

.section-2 .about .ic-4 { width: 100px; height: 100px; display: inline-block; background-image: url("../../resources/images/ic-04.png"); background-size: cover; background-position: center; }

.section-2 .about .ic-5 { width: 100px; height: 100px; display: inline-block; background-image: url("../../resources/images/ic-subsidiary-5.png"); background-size: cover; background-position: center; }

.section-2 .about .ic-6 { width: 100px; height: 100px; display: inline-block; background-image: url("../../resources/images/ic-subsidiary-6.png"); background-size: cover; background-position: center; }

.section-2 .about .vietnam { width: 100px; height: 100px; display: inline-block; background-size: cover; background-position: center; }

.section-2 .about .vietnam.icon-1 { background-image: url("../../resources/images/ic-subsidiary-1.png"); }

.section-2 .about .vietnam.icon-2 { background-image: url("../../resources/images/ic-subsidiary-2.png"); }

.section-2 .about .vietnam.icon-3 { background-image: url("../../resources/images/ic-subsidiary-5.png"); }

.section-2 .about .vietnam.icon-4 { background-image: url("../../resources/images/ic-subsidiary-6.png"); }

.section-2 .about .china { width: 100px; height: 100px; display: inline-block; background-size: cover; background-position: center; padding: 20px; }

.section-2 .about .china.icon-1 { background-image: url("../../resources/images/ic-subsidiary-1.png"); }

.section-2 .about .china.icon-2 { background-image: url("../../resources/images/ic-subsidiary-2.png"); }

.section-2 .about .china.icon-3 { background-image: url("../../resources/images/ic-subsidiary-3.png"); }

.section-2 .about .china.icon-4 { background-image: url("../../resources/images/ic-subsidiary-4.png"); }

.section-2 .about p:nth-child(2) { font-size: 16px; color: #000000; }

.section-2 .about p:nth-child(3) { font-size: 32px; color: #000000; }

.section-2 .about p:nth-child(3) span { font-size: 19px; }

.section-main { position: relative; width: 100%; }

.cover-glass-content p:nth-child(1) { margin-bottom: 30px; padding-right: 15px; }

.cover-glass-content p:nth-child(2) { font-size: 17px; line-height: 26px; font-weight: 400; }

.flat { width: 100%; position: relative; }

.cover-glass.camera .glass-list { width: 20%; }

.cover-glass.camera .glass-img { display: flex; align-items: center; justify-content: center; height: 250px; border: 1px solid #aaaaaa; padding: 30px 0; background-size: cover; background-repeat: no-repeat; background-position: center; background-origin: inherit; }

.cover-glass.camera .glass-img.connector { height: auto; padding: 0; }

.cover-glass.camera .glass-list.active .glass-img { border: 3px solid #f47920; background-color: #f5f5f5; background-size: cover; background-repeat: no-repeat; background-position: center; }

.cover-glass.camera .glass-list.active .arrow-plus { top: 50%; left: 50%; transform: translate(-50%, -50%); }

.cover-glass.reinforce .glass-list { width: 20%; }

.intro-prev { color: inherit; left: -5% !important; top: 35% !important; opacity: 1; }

.intro-prev.opacity { opacity: 0; }

.intro-prev::after { content: ""; width: 34px; height: 64px; background-image: url("../../resources/images/btn-g-left.png"); background-size: contain; background-repeat: no-repeat; background-position: center; }

.intro-next { color: inherit; right: -5% !important; top: 35% !important; opacity: 1; }

.intro-next.opacity { opacity: 0; }

.intro-next::after { content: ""; width: 34px; height: 64px; background-image: url("../../resources/images/btn-g-right.png"); background-size: contain; background-repeat: no-repeat; background-position: center; }

#connector .swiper-wrapper { display: flex; justify-content: space-between; }

#connector .swiper-slide { flex: 0 1 205px; max-width: 205px; }

#connector .glass-list { padding: 0; }

#connector.swiper-container-initialized .swiper-slide { flex: 0 0 auto; max-width: 205px; }

#connector.swiper-container-initialized .swiper-slide { width: 205px !important; }

.glass-container { width: 100%; }

.glass-container .swiper-wrapper { display: flex; justify-content: space-between; }

.glass-container .swiper-slide { flex: 0 0 205px; max-width: 205px; }

.glass-container .glass-list { padding: 0; }

.glass-container .swiper-container-initialized .swiper-slide { flex: 0 0 auto; max-width: 205px; }

.glass-container .swiper-container-initialized .swiper-slide { width: 205px !important; }

@media (max-width: 1219.98px) { .glass-container .swiper-slide { flex: 0 0 170px; max-width: 170px; }
  .glass-container .swiper-container-initialized .swiper-slide { flex: 0 0 auto; max-width: 170px; }
  .years-line:after { content: ""; right: -15px; } }

@media (max-width: 991.98px) { .glass-container .swiper-slide { flex: 0 0 170px; max-width: 170px; }
  .glass-container .swiper-container-initialized .swiper-slide { flex: 0 0 auto; max-width: 170px; }
  .glass-container .swiper-container-initialized .swiper-slide { width: 170px !important; } }

@media screen and (max-width: 768px) { .glass-container .swiper-slide { flex: 0 0 145px; max-width: 145px; }
  .glass-container .swiper-container-initialized .swiper-slide { flex: 0 0 auto; max-width: 145px; }
  .glass-container .swiper-container-initialized .swiper-slide { width: 145px !important; } }

@media (max-width: 767.98px) { #connector .swiper-wrapper { display: block; justify-content: space-between; }
  #connector .swiper-slide { flex: 0; max-width: 100%; height: auto; }
  #connector .glass-list { padding: 0; }
  #connector.swiper-container-initialized .swiper-wrapper { display: flex; justify-content: space-between; }
  #connector.swiper-container-initialized .swiper-slide { flex: none; max-width: 100%; }
  #connector.swiper-container-initialized .swiper-slide { width: 100% !important; }
  .glass-container { width: 100%; }
  .glass-container .swiper-wrapper { display: block; justify-content: space-between; }
  .glass-container .swiper-slide { flex: 0; max-width: 100%; height: auto; }
  .glass-container .glass-list { padding: 0; }
  .glass-container.swiper-container-initialized .swiper-wrapper { display: flex; justify-content: space-between; }
  .glass-container.swiper-container-initialized .swiper-slide { flex: none; max-width: 100%; }
  .glass-container.swiper-container-initialized .swiper-slide { width: 100%; }
  .years-line { margin-bottom: 10px; }
  .years-line:after { content: ""; width: 0; }
  .intro-prev { left: 0 !important; top: 40% !important; opacity: 1; }
  .intro-prev.opacity { opacity: 0; }
  .intro-prev::after { content: ""; width: 17px; height: 34px; }
  .intro-next { right: 0 !important; top: 40% !important; opacity: 1; }
  .intro-next.opacity { opacity: 0; }
  .intro-next::after { content: ""; width: 17px; height: 34px; } }

.glass-list { width: 100%; padding: 0 10px; }

.glass-list.business { width: 100%; }

.glass-list.business.active .arrow-plus { top: 50%; left: 50%; transform: translate(-50%, -50%); }

.glass-list .glass-img { display: flex; align-items: center; justify-content: center; height: 250px; border: 1px solid #aaaaaa; padding: 30px 0; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; }

.glass-list .glass-item { margin-bottom: 30px; height: 100%; }

.glass-list.active { position: relative; }

.glass-list.active .glass-img { border: 3px solid #f47920; background-color: #f5f5f5; }

.glass-list.active .glass-img.camera { background-size: contain; background-repeat: no-repeat; background-position: center; }

.glass-list.active .arrow-plus { width: 25px; height: 25px; background-image: url("../../resources/images/ic-plus.png"); background-size: contain; position: absolute; top: 25%; left: 50%; transform: translate(-50%, -25%); }

.glass-text { padding: 25px 5px; text-align: left; }

.glass-text .glass-brand { font-size: 16px; line-height: 26px; margin-top: 40px; font-weight: 400; }

.glass-text .glass-name { font-size: 16px; line-height: 26px; font-weight: 400; }

.glass-text .glass-name.cg { margin-top: 35px; }

.glass-text .s-text-border { font-size: 20px; position: relative; padding: 0; font-weight: bold; color: #f47920; }

.glass-text .s-text-border > span { font-size: 20px; color: #f47920; display: inline-block; }

.glass-text .s-text-border::after { content: ""; position: absolute; width: 40px; height: 3px; background-color: #f47920; bottom: -20px; left: 50%; transform: translate(-50%, 0); }

.glass-text .s-text-border.list::after { top: 65px; }

.product-glass { margin-left: -10px; margin-right: -10px; }

.camera-window { margin-left: -10px; margin-right: -10px; }

.camera-window .camera-list { width: 20%; padding: 0 10px; margin-bottom: 60px; }

.camera-window .camera-list .glass-item { height: 100%; }

.camera-window .camera-list.active { position: relative; }

.camera-window .camera-list.active .camera-img { border: 3px solid #f47920; background-color: #f5f5f5; }

.camera-window .camera-list.active .arrow-plus { width: 25px; height: 25px; background-image: url("../../resources/images/ic-plus.png"); background-size: contain; position: absolute; top: 25%; left: 50%; transform: translate(-50%, -25%); }

.camera-window .camera-img { display: flex; align-items: center; justify-content: center; border: 1px solid #aaaaaa; }

.camera-window .camera-img img { width: 100%; }

.camera-window .camera-text { padding: 15px 20px; text-align: left; position: relative; }

.camera-window .camera-text .camera-brand { font-size: 16px; line-height: 1.26; margin-top: 30px; }

.camera-window .camera-text .camera-name { font-size: 16px; line-height: 1.26; }

.camera-window .camera-text .camera-text-title p:nth-child(2) { font-size: 16px; margin-top: 5px; font-weight: 700; }

.camera-window .camera-text .s-text-border { font-size: 22px; padding: 0; color: #f47920; }

.camera-window .camera-text::after { content: ""; position: absolute; width: 40px; height: 3px; background-color: #f47920; bottom: -5px; left: 50%; transform: translate(-50%, 0); }

.modal .modal-dialog.disclosure { position: inherit; bottom: 0; }

.modal .modal-dialog.disclosure::after { content: ""; background: none; }

.modal-header { background: none; margin: 0; padding: 0; }

.modal-header .sub-title p { color: #ffffff; }

.modal-header.footer-modal { padding: 0 40px; }

.modal-header.footer-modal .modal-popup-header { width: 100%; padding: 40px 0 24px; border-bottom: 1px solid #dddddd; display: flex; align-items: center; justify-content: space-between; }

.modal-header.footer-modal .modal-popup-header .close-btn { display: block; background-image: url("../../resources/images/ic-gnb-close.png"); width: 21px; height: 21px; background-repeat: no-repeat; background-size: contain; }

.modal-header.footer-modal .sub-title { width: auto; border-bottom: 0; padding: 0; }

.modal-header.footer-modal .sub-title p { color: #000000; }

.modal-header.footer-modal .close { margin: 0; padding: 0; }

.modal-header.disclosure-modal .sub-title { padding: 0; border: 0; }

.modal-header.disclosure-modal .sub-title p { color: #ffffff; }

.modal-header.disclosure-modal .modal-popup-header { width: 100%; padding: 40px 0 24px; border-bottom: 1px solid #dddddd; display: flex; align-items: center; justify-content: space-between; }

.modal-header.disclosure-modal .modal-popup-header .close-btn { display: block; background-image: url("../../resources/images/ic-gnb-close.png"); width: 21px; height: 21px; background-repeat: no-repeat; background-size: contain; }

@media (max-width: 991.98px) { .modal-header.footer-modal { padding: 0 20px; }
  .modal-header.footer-modal .modal-popup-header { padding: 20px 0 12px; }
  .modal-header.footer-modal .sub-title p { font-size: 24px; }
  .modal-header.footer-modal .sub-title .sub-title-ic { width: 30px; height: 30px; } }

@media (max-width: 767.98px) { .modal .content-scroll { padding: 10px 15px !important; }
  .modal-header.footer-modal { padding: 0 20px; }
  .modal-header.footer-modal .modal-popup-header { padding: 20px 0 12px; }
  .modal-header.footer-modal .sub-title p { font-size: 20px; }
  .modal-header.footer-modal .sub-title .sub-title-ic { width: 30px; height: 30px; } }

@media (max-width: 1219.98px) { #swiper-button-next.swiper-button-next { right: 0; }
  #swiper-button-prev.swiper-button-prev { left: 0; } }

.dispute-list li { display: flex; align-items: center; padding: 12px 0; }

.dispute-list li .dispute-img { display: inline-block; width: 73px; height: 73px; background-size: contain; background-position: center; background-repeat: no-repeat; }

.dispute-list li .dispute-text { width: 85%; margin-left: 20px; }

.subsidiary { border-bottom: 1px solid #dddddd; padding: 30px 0; }

.subsidiary-img { width: 100%; height: 260px; background-size: cover; background-position: center; }

.subsidiary-wrap { padding: 0 0 0 50px; }

.subsidiary-title { display: flex; align-items: center; justify-content: space-between; }

.subsidiary-title .subsidiary-btn { width: 30px; height: 15px; background: url(../../resources/images/g_list_btn_on.png) no-repeat center; }

.subsidiary-title .subsidiary-btn.active { width: 30px; height: 15px; background: url(../../resources/images/g_list_btn.png) no-repeat center; }

.road-map { display: none; }

.road-map.active { display: block; }

.road-map.active .maps { width: 100%; height: 400px; margin: 35px 0 20px 0; background: #dddddd; }

.compete .content .desc { text-align: center; margin-bottom: 20px; }

.compete .img { width: 75px; height: 75px; background-size: contain; background-repeat: no-repeat; margin: 0 auto 18px; }

.social-wrap { margin-top: 45px; display: flex; align-items: center; }

.objective .content .desc { text-align: center; margin-bottom: 20px; }

.objective .img { width: 75px; height: 75px; background-size: contain; background-repeat: no-repeat; margin: 0 auto 18px; }

@media (max-width: 1219.98px) { .sub-title p { font-size: 28px; } }

@media (max-width: 991.98px) { section .row.margin-50 { margin-left: -10px; margin-right: -10px; }
  section .row.margin-25 { margin-left: -10px; margin-right: -10px; }
  .ir-wrap { margin-bottom: 20px; padding: 0 10px; }
  .ir-wrap.card-list { padding: 0 10px; }
  .cover-glass.reinforce .glass-list { width: 50%; }
  .cover-glass.reinforce .glass-list .glass-img { height: 300px; background-size: contain; }
  .cover-glass.camera .glass-list { width: 50%; }
  .cover-glass.camera .glass-list .glass-img { height: 300px; }
  .glass-list { width: 100%; padding: 0 10px; margin-top: 20px; }
  .glass-list .glass-img { display: flex; align-items: center; justify-content: center; height: 250px; border: 1px solid #aaaaaa; padding: 15px 0; background-size: cover; }
  .glass-list .glass-item { height: 100%; }
  .glass-text { padding: 10px; }
  .camera-window .camera-list { width: 50%; padding: 0 10px; margin-top: 20px; }
  .camera-window .camera-list .glass-item { height: 100%; }
  .socket-wrap { padding: 0; }
  .socket-wrap .ul-list-dot { margin-top: 20px; }
  .socket-explanation .socket-detail { margin-top: 30px; }
  .socket-explanation .socket-detail p { margin-bottom: 10px; }
  .hire-step { position: relative; }
  .hire-step .hire-step-img { display: none; }
  .form-download { display: block; }
  .swiper-slide.bending { width: 100%; height: auto; background-repeat: no-repeat; background-size: cover; }
  .subsidiary-wrap { padding: 20px 0 0 0; } }

@media (max-width: 767.98px) { .cover-glass.reinforce .row.margin { margin-left: -10px; margin-right: -10px; }
  .cover-glass.reinforce .glass-list { width: 50%; }
  .cover-glass.reinforce .glass-list .glass-img { height: 150px; background-size: contain; }
  .cover-glass.camera .row.margin { margin-left: -10px; margin-right: -10px; }
  .cover-glass.camera .glass-list { width: 50%; }
  .cover-glass.camera .glass-list .glass-img { height: 150px; }
  .cover-glass .glass-list .glass-img { height: 350px; }
  .announcement-table { padding: 0; }
  .announcement-table .announcement { padding: 30px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .announcement-table .announcement > div { display: block !important; }
  .announcement-table .edit-announcement { padding: 50px 0; }
  .s-link-btn { margin-top: 10px; } }

.cont { margin-top: 15px; }
/*# sourceMappingURL=style.css.map */