search.css

@font-face {
    font-family:Gilroy;
    src:url(public/fonts/Gilroy-Extrabold.eot);
    src:url(public/fonts/Gilroy-Extrabold.eot?#iefix) format("embedded-opentype"),
    url(public/fonts/Gilroy-Extrabold.woff2) format("woff2"),
    url(public/fonts/Gilroy-Extrabold.woff) format("woff"),
    url(public/fonts/Gilroy-Extrabold.ttf) format("truetype");
    font-weight:800;
    font-style:normal
   }
   @font-face {
    font-family:Gilroy;
    src:url(public/fonts/Gilroy-UltraLight.eot);
    src:url(public/fonts/Gilroy-UltraLight.eot?#iefix) format("embedded-opentype"),
    url(public/fonts/Gilroy-UltraLight.woff2) format("woff2"),
    url(public/fonts/Gilroy-UltraLight.woff) format("woff"),
    url(public/fonts/Gilroy-UltraLight.ttf) format("truetype");
    font-weight:100;
    font-style:normal
   }
   @font-face {
    font-family:Gilroy;
    src:url(public/fonts/Gilroy-Medium.eot);
    src:url(public/fonts/Gilroy-Medium.eot?#iefix) format("embedded-opentype"),
    url(public/fonts/Gilroy-Medium.woff2) format("woff2"),
    url(public/fonts/Gilroy-Medium.woff) format("woff"),
    url(public/fonts/Gilroy-Medium.ttf) format("truetype");
    font-weight:500;
    font-style:normal
   }
   @font-face {
    font-family:Gilroy;
    src:url(public/fonts/Gilroy-Bold.eot);
    src:url(public/fonts/Gilroy-Bold.eot?#iefix) format("embedded-opentype"),
    url(public/fonts/Gilroy-Bold.woff2) format("woff2"),
    url(public/fonts/Gilroy-Bold.woff) format("woff"),
    url(public/fonts/Gilroy-Bold.ttf) format("truetype");
    font-weight:700;
    font-style:normal
   }
   @font-face {
    font-family:Gilroy;
    src:url(public/fonts/Gilroy.eot);
    src:url(public/fonts/Gilroy.eot?#iefix) format("embedded-opentype"),
    url(public/fonts/Gilroy.woff2) format("woff2"),
    url(public/fonts/Gilroy.woff) format("woff"),
    url(public/fonts/Gilroy.ttf) format("truetype");
    font-weight:400;
    font-style:normal
   }
   @font-face {
    font-family:Gilroy;
    src:url(public/fonts/Gilroy-Thin.eot);
    src:url(public/fonts/Gilroy-Thin.eot?#iefix) format("embedded-opentype"),
    url(public/fonts/Gilroy-Thin.woff2) format("woff2"),
    url(public/fonts/Gilroy-Thin.woff) format("woff"),
    url(public/fonts/Gilroy-Thin.ttf) format("truetype");
    font-weight:100;
    font-style:normal
   }
   @font-face {
    font-family:Gilroy;
    src:url(public/fonts/Gilroy-Black.eot);
    src:url(public/fonts/Gilroy-Black.eot?#iefix) format("embedded-opentype"),
    url(public/fonts/Gilroy-Black.woff2) format("woff2"),
    url(public/fonts/Gilroy-Black.woff) format("woff"),
    url(public/fonts/Gilroy-Black.ttf) format("truetype");
    font-weight:900;
    font-style:normal
   }
   @font-face {
    font-family:Gilroy;
    src:url(public/fonts/Gilroy-Light.eot);
    src:url(public/fonts/Gilroy-Light.eot?#iefix) format("embedded-opentype"),
    url(public/fonts/Gilroy-Light.woff2) format("woff2"),
    url(public/fonts/Gilroy-Light.woff) format("woff"),
    url(public/fonts/Gilroy-Light.ttf) format("truetype");
    font-weight:300;
    font-style:normal
   }
   @font-face {
    font-family:Gilroy;
    src:url(public/fonts/Gilroy-Semibold.eot);
    src:url(public/fonts/Gilroy-Semibold.eot?#iefix) format("embedded-opentype"),
    url(public/fonts/Gilroy-Semibold.woff2) format("woff2"),
    url(public/fonts/Gilroy-Semibold.woff) format("woff"),
    url(public/fonts/Gilroy-Semibold.ttf) format("truetype");
    font-weight:600;
    font-style:normal
   }
   @font-face {
    font-family:Gilroy;
    src:url(public/fonts/Gilroy-Heavy.eot);
    src:url(public/fonts/Gilroy-Heavy.eot?#iefix) format("embedded-opentype"),
    url(public/fonts/Gilroy-Heavy.woff2) format("woff2"),
    url(public/fonts/Gilroy-Heavy.woff) format("woff"),
    url(public/fonts/Gilroy-Heavy.ttf) format("truetype");
    font-weight:900;
    font-style:normal
   }
   .fill-pf-dark {
    fill:#161f38
   }
   .stroke-pf-dark {
    stroke:#161f38
   }
   .fill-pf-gray {
    fill:#8a8f9b
   }
   .stroke-pf-gray {
    stroke:#8a8f9b
   }
   .fill-pf-shuttle {
    fill:#5b6273
   }
   .stroke-pf-shuttle {
    stroke:#5b6273
   }
   .fill-pf-athens {
    fill:#e8e9eb
   }
   .stroke-pf-athens {
    stroke:#e8e9eb
   }
   .fill-pf-french {
    fill:#c5c7cd
   }
   .stroke-pf-french {
    stroke:#c5c7cd
   }
   .fill-pf-yellow {
    fill:#f2da87
   }
   .stroke-pf-yellow {
    stroke:#f2da87
   }
   .fill-pf-alabaster {
    fill:#fafafa
   }
   .stroke-pf-alabaster {
    stroke:#fafafa
   }
   .fill-pf-white {
    fill:#fff
   }
   .stroke-pf-white {
    stroke:#fff
   }
   :root {
    --blue:#007bff;
    --indigo:#6610f2;
    --purple:#6f42c1;
    --pink:#e83e8c;
    --red:#dc3545;
    --orange:#fd7e14;
    --yellow:#ffc107;
    --green:#28a745;
    --teal:#20c997;
    --cyan:#17a2b8;
    --white:#fff;
    --gray:#6c757d;
    --gray-dark:#343a40;
    --primary:#007bff;
    --secondary:#6c757d;
    --success:#28a745;
    --info:#17a2b8;
    --warning:#ffc107;
    --danger:#dc3545;
    --light:#f8f9fa;
    --dark:#343a40;
    --pf-dark:#161f38;
    --pf-gray:#8a8f9b;
    --pf-shuttle:#5b6273;
    --pf-athens:#e8e9eb;
    --pf-french:#c5c7cd;
    --pf-yellow:#f2da87;
    --pf-alabaster:#fafafa;
    --pf-white:#fff;
    --breakpoint-xs:0;
    --breakpoint-sm:768px;
    --breakpoint-md:1140px;
    --breakpoint-lg:1400px;
    --breakpoint-xl:1750px;
    --breakpoint-xxl:1960px;
    --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
   }
   *,
   :after,
   :before {
    box-sizing:border-box
   }
   html {
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
   }
   article,
   aside,
   figcaption,
   figure,
   footer,
   header,
   hgroup,
   main,
   nav,
   section {
    display:block
   }
   body {
    margin:0;
    font-family:Gilroy,Arial,sans-serif,Apple Color Emoji;
    font-size:1rem;
    font-weight:500;
    line-height:1.1875;
    color:#161f38;
    text-align:left;
    background-color:#f2da87
   }
   [tabindex="-1"]:focus:not(:focus-visible) {
    outline:0!important
   }
   hr {
    box-sizing:content-box;
    height:0;
    overflow:visible
   }
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
    margin-top:0;
    margin-bottom:.5rem
   }
   p {
    margin-top:0;
    margin-bottom:2.5rem
   }
   abbr[data-original-title],
   abbr[title] {
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted;
    cursor:help;
    border-bottom:0;
    -webkit-text-decoration-skip-ink:none;
    text-decoration-skip-ink:none
   }
   address {
    font-style:normal;
    line-height:inherit
   }
   address,
   dl,
   ol,
   ul {
    margin-bottom:1rem
   }
   dl,
   ol,
   ul {
    margin-top:0
   }
   ol ol,
   ol ul,
   ul ol,
   ul ul {
    margin-bottom:0
   }
   dt {
    font-weight:600
   }
   dd {
    margin-bottom:.5rem;
    margin-left:0
   }
   blockquote {
    margin:0 0 1rem
   }
   b,
   strong {
    font-weight:700
   }
   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:#161f38;
    text-decoration:none;
    background-color:transparent
   }
   a:hover {
    color:#f2da87;
    -webkit-text-decoration:"none";
    text-decoration:"none"
   }
   a:not([href]),
   a:not([href]):hover {
    color:inherit;
    text-decoration:none
   }
   code,
   kbd,
   pre,
   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 {
    border-style:none
   }
   img,
   svg {
    vertical-align:middle
   }
   svg {
    overflow:hidden
   }
   table {
    border-collapse:collapse
   }
   caption {
    padding-top:.75rem;
    padding-bottom:.75rem;
    color:#6c757d;
    text-align:left;
    caption-side:bottom
   }
   th {
    text-align:inherit
   }
   label {
    display:inline-block;
    margin-bottom:.5rem
   }
   button {
    border-radius:0
   }
   button:focus {
    outline:1px dotted;
    outline:5px auto -webkit-focus-ring-color
   }
   button,
   input,
   optgroup,
   select,
   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
   }
   [type=button],
   [type=reset],
   [type=submit],
   button {
    -webkit-appearance:button
   }
   [type=button]:not(:disabled),
   [type=reset]:not(:disabled),
   [type=submit]:not(:disabled),
   button:not(:disabled) {
    cursor:pointer,
   }
   [type=button]::-moz-focus-inner,
   [type=reset]::-moz-focus-inner,
   [type=submit]::-moz-focus-inner,
   button::-moz-focus-inner {
    padding:0;
    border-style:none
   }
   input[type=checkbox],
   input[type=radio] {
    box-sizing:border-box;
    padding:0
   }
   input[type=date],
   input[type=datetime-local],
   input[type=month],
   input[type=time] {
    -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
   }
   .h1,
   .h2,
   .h3,
   .h4,
   .h5,
   .h6,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
    margin-bottom:.5rem;
    font-family:Gilroy,Arial,sans-serif,Apple Color Emoji;
    font-weight:500;
    line-height:1.2;
    color:#161f38
   }
   .h1,
   h1 {
    font-size:2.5rem
   }
   .h2,
   h2 {
    font-size:1.625rem
   }
   .h3,
   h3 {
    font-size:1.0625rem
   }
   .h4,
   h4 {
    font-size:.875rem
   }
   .h5,
   h5 {
    font-size:.75rem
   }
   .h6,
   h6 {
    font-size:1rem
   }
   .lead {
    font-size:1.25rem;
    font-weight:300
   }
   .display-1 {
    font-size:6rem
   }
   .display-1,
   .display-2 {
    font-weight:300;
    line-height:1.2
   }
   .display-2 {
    font-size:5.5rem
   }
   .display-3 {
    font-size:4.5rem
   }
   .display-3,
   .display-4 {
    font-weight:300;
    line-height:1.2
   }
   .display-4 {
    font-size:3.5rem
   }
   hr {
    margin-top:1rem;
    margin-bottom:1rem;
    border:0;
    border-top:1px solid rgba(0,0,0,.1)
   }
   .small,
   small {
    font-size:80%;
    font-weight:500
   }
   .mark,
   mark {
    padding:.2em;
    background-color:#fcf8e3
   }
   .list-inline,
   .list-unstyled {
    padding-left:0;
    list-style:none
   }
   .list-inline-item {
    display:inline-block
   }
   .list-inline-item:not(:last-child) {
    margin-right:.5rem
   }
   .initialism {
    font-size:90%;
    text-transform:uppercase
   }
   .blockquote {
    margin-bottom:1rem;
    font-size:1.25rem
   }
   .blockquote-footer {
    display:block;
    font-size:80%;
    color:#6c757d
   }
   .blockquote-footer:before {
    content:"\2014\00A0"
   }
   .container,
   .container-fluid,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl,
   .container-xs {
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
   }
   .container {
    max-width:315px
   }
   .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,
   .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-auto,
   .col-lg,
   .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-auto,
   .col-md,
   .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-auto,
   .col-sm,
   .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-auto,
   .col-xl,
   .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-auto,
   .col-xxl,
   .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-auto {
    position:relative;
    width:100%;
    padding-right:15px;
    padding-left:15px
   }
   .col {
    flex-basis:0;
    flex-grow:1;
    max-width:100%
   }
   .row-cols-1>* {
    flex:0 0 100%;
    max-width:100%
   }
   .row-cols-2>* {
    flex:0 0 50%;
    max-width:50%
   }
   .row-cols-3>* {
    flex:0 0 33.33333%;
    max-width:33.33333%
   }
   .row-cols-4>* {
    flex:0 0 25%;
    max-width:25%
   }
   .row-cols-5>* {
    flex:0 0 20%;
    max-width:20%
   }
   .row-cols-6>* {
    flex:0 0 16.66667%;
    max-width:16.66667%
   }
   .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%
   }
   .form-control {
    display:block;
    width:100%;
    height:1.3125em;
    padding:0;
    font-family:Gilroy,Arial,sans-serif,Apple Color Emoji;
    font-size:1rem;
    font-weight:500;
    line-height:1.3125;
    color:#161f38;
    background-color:transparent;
    background-clip:padding-box;
    border:0 solid #ced4da;
    border-radius:.25rem;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
   }
   .form-control::-ms-expand {
    background-color:transparent;
    border:0
   }
   .form-control:-moz-focusring {
    color:transparent;
    text-shadow:0 0 0 #161f38
   }
   .form-control:focus {
    color:#161f38;
    background-color:transparent;
    border-color:#80bdff;
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
   }
   .form-control::-webkit-input-placeholder {
    color:rgba(22,31,56,.2);
    opacity:1
   }
   .form-control::-moz-placeholder {
    color:rgba(22,31,56,.2);
    opacity:1
   }
   .form-control:-ms-input-placeholder {
    color:rgba(22,31,56,.2);
    opacity:1
   }
   .form-control::-ms-input-placeholder {
    color:rgba(22,31,56,.2);
    opacity:1
   }
   .form-control::placeholder {
    color:rgba(22,31,56,.2);
    opacity:1
   }
   .form-control:disabled,
   .form-control[readonly] {
    background-color:#e9ecef;
    opacity:1
   }
   select.form-control:focus::-ms-value {
    color:#161f38;
    background-color:transparent
   }
   .form-control-file,
   .form-control-range {
    display:block;
    width:100%
   }
   .col-form-label {
    padding-top:0;
    padding-bottom:0;
    margin-bottom:0;
    font-size:inherit;
    line-height:1.3125
   }
   .col-form-label-lg {
    padding-top:.5rem;
    padding-bottom:.5rem;
    font-size:1.25rem;
    line-height:1.5
   }
   .col-form-label-sm {
    padding-top:.25rem;
    padding-bottom:.25rem;
    font-size:.875rem;
    line-height:1.5
   }
   .form-control-plaintext {
    display:block;
    width:100%;
    padding:0;
    margin-bottom:0;
    font-size:1rem;
    line-height:1.3125;
    color:#161f38;
    background-color:transparent;
    border:0 solid transparent
   }
   .form-control-plaintext.form-control-lg,
   .form-control-plaintext.form-control-sm {
    padding-right:0;
    padding-left:0
   }
   .form-control-sm {
    height:calc(1.5em + .5rem);
    padding:.25rem .5rem;
    font-size:.875rem;
    line-height:1.5;
    border-radius:.2rem
   }
   .form-control-lg {
    height:calc(1.5em + 1rem);
    padding:.5rem 1rem;
    font-size:1.25rem;
    line-height:1.5;
    border-radius:.3rem
   }
   select.form-control[multiple],
   select.form-control[size],
   textarea.form-control {
    height:auto
   }
   .form-group {
    margin-bottom:2.1875rem
   }
   .form-text {
    display:block;
    margin-top:.25rem
   }
   .form-row {
    display:flex;
    flex-wrap:wrap;
    margin-right:-5px;
    margin-left:-5px
   }
   .form-row>.col,
   .form-row>[class*=col-] {
    padding-right:5px;
    padding-left:5px
   }
   .form-check {
    position:relative;
    display:block;
    padding-left:1.25rem
   }
   .form-check-input {
    position:absolute;
    margin-top:.3rem;
    margin-left:-1.25rem
   }
   .form-check-input:disabled~.form-check-label,
   .form-check-input[disabled]~.form-check-label {
    color:#6c757d
   }
   .form-check-label {
    margin-bottom:0
   }
   .form-check-inline {
    display:inline-flex;
    align-items:center;
    padding-left:0;
    margin-right:.75rem
   }
   .form-check-inline .form-check-input {
    position:static;
    margin-top:0;
    margin-right:.3125rem;
    margin-left:0
   }
   .valid-feedback {
    display:none;
    width:100%;
    margin-top:.25rem;
    font-size:80%;
    color:#28a745
   }
   .valid-tooltip {
    position:absolute;
    top:100%;
    z-index:5;
    display:none;
    max-width:100%;
    padding:.25rem .5rem;
    margin-top:.1rem;
    font-size:.875rem;
    line-height:1.1875;
    color:#fff;
    background-color:rgba(40,167,69,.9);
    border-radius:.25rem
   }
   .is-valid~.valid-feedback,
   .is-valid~.valid-tooltip,
   .was-validated :valid~.valid-feedback,
   .was-validated :valid~.valid-tooltip {
    display:block
   }
   .form-control.is-valid,
   .was-validated .form-control:valid {
    border-color:#28a745;
    padding-right:1.3125em;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right .32813em center;
    background-size:.65625em .65625em
   }
   .form-control.is-valid:focus,
   .was-validated .form-control:valid:focus {
    border-color:#28a745;
    box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
   }
   .was-validated textarea.form-control:valid,
   textarea.form-control.is-valid {
    padding-right:1.3125em;
    background-position:top .32813em right .32813em
   }
   .custom-select.is-valid,
   .was-validated .custom-select:valid {
    border-color:#28a745;
    padding-right:calc(.75em + 1rem);
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0 center/8px 10px,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") transparent no-repeat center right 1rem/.65625em .65625em
   }
   .custom-select.is-valid:focus,
   .was-validated .custom-select:valid:focus {
    border-color:#28a745;
    box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
   }
   .form-check-input.is-valid~.form-check-label,
   .was-validated .form-check-input:valid~.form-check-label {
    color:#28a745
   }
   .form-check-input.is-valid~.valid-feedback,
   .form-check-input.is-valid~.valid-tooltip,
   .was-validated .form-check-input:valid~.valid-feedback,
   .was-validated .form-check-input:valid~.valid-tooltip {
    display:block
   }
   .custom-control-input.is-valid~.custom-control-label,
   .was-validated .custom-control-input:valid~.custom-control-label {
    color:#28a745
   }
   .custom-control-input.is-valid~.custom-control-label:before,
   .was-validated .custom-control-input:valid~.custom-control-label:before {
    border-color:#28a745
   }
   .custom-control-input.is-valid:checked~.custom-control-label:before,
   .was-validated .custom-control-input:valid:checked~.custom-control-label:before {
    border-color:#34ce57;
    background-color:#34ce57
   }
   .custom-control-input.is-valid:focus~.custom-control-label:before,
   .was-validated .custom-control-input:valid:focus~.custom-control-label:before {
    box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
   }
   .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
   .custom-file-input.is-valid~.custom-file-label,
   .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,
   .was-validated .custom-file-input:valid~.custom-file-label {
    border-color:#28a745
   }
   .custom-file-input.is-valid:focus~.custom-file-label,
   .was-validated .custom-file-input:valid:focus~.custom-file-label {
    border-color:#28a745;
    box-shadow:0 0 0 .2rem rgba(40,167,69,.25)
   }
   .invalid-feedback {
    display:none;
    width:100%;
    margin-top:.25rem;
    font-size:80%;
    color:#dc3545
   }
   .invalid-tooltip {
    position:absolute;
    top:100%;
    z-index:5;
    display:none;
    max-width:100%;
    padding:.25rem .5rem;
    margin-top:.1rem;
    font-size:.875rem;
    line-height:1.1875;
    color:#fff;
    background-color:rgba(220,53,69,.9);
    border-radius:.25rem
   }
   .is-invalid~.invalid-feedback,
   .is-invalid~.invalid-tooltip,
   .was-validated :invalid~.invalid-feedback,
   .was-validated :invalid~.invalid-tooltip {
    display:block
   }
   .form-control.is-invalid,
   .was-validated .form-control:invalid {
    border-color:#dc3545;
    padding-right:1.3125em;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right .32813em center;
    background-size:.65625em .65625em
   }
   .form-control.is-invalid:focus,
   .was-validated .form-control:invalid:focus {
    border-color:#dc3545;
    box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
   }
   .was-validated textarea.form-control:invalid,
   textarea.form-control.is-invalid {
    padding-right:1.3125em;
    background-position:top .32813em right .32813em
   }
   .custom-select.is-invalid,
   .was-validated .custom-select:invalid {
    border-color:#dc3545;
    padding-right:calc(.75em + 1rem);
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0 center/8px 10px,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E") transparent no-repeat center right 1rem/.65625em .65625em
   }
   .custom-select.is-invalid:focus,
   .was-validated .custom-select:invalid:focus {
    border-color:#dc3545;
    box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
   }
   .form-check-input.is-invalid~.form-check-label,
   .was-validated .form-check-input:invalid~.form-check-label {
    color:#dc3545
   }
   .form-check-input.is-invalid~.invalid-feedback,
   .form-check-input.is-invalid~.invalid-tooltip,
   .was-validated .form-check-input:invalid~.invalid-feedback,
   .was-validated .form-check-input:invalid~.invalid-tooltip {
    display:block
   }
   .custom-control-input.is-invalid~.custom-control-label,
   .was-validated .custom-control-input:invalid~.custom-control-label {
    color:#dc3545
   }
   .custom-control-input.is-invalid~.custom-control-label:before,
   .was-validated .custom-control-input:invalid~.custom-control-label:before {
    border-color:#dc3545
   }
   .custom-control-input.is-invalid:checked~.custom-control-label:before,
   .was-validated .custom-control-input:invalid:checked~.custom-control-label:before {
    border-color:#e4606d;
    background-color:#e4606d
   }
   .custom-control-input.is-invalid:focus~.custom-control-label:before,
   .was-validated .custom-control-input:invalid:focus~.custom-control-label:before {
    box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
   }
   .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
   .custom-file-input.is-invalid~.custom-file-label,
   .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,
   .was-validated .custom-file-input:invalid~.custom-file-label {
    border-color:#dc3545
   }
   .custom-file-input.is-invalid:focus~.custom-file-label,
   .was-validated .custom-file-input:invalid:focus~.custom-file-label {
    border-color:#dc3545;
    box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
   }
   .form-inline {
    display:flex;
    flex-flow:row wrap;
    align-items:center
   }
   .form-inline .form-check {
    width:100%
   }
   .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:#007bff!important
   }
   a.bg-primary:focus,
   a.bg-primary:hover,
   button.bg-primary:focus,
   button.bg-primary:hover {
    background-color:#0062cc!important
   }
   .bg-secondary {
    background-color:#6c757d!important
   }
   a.bg-secondary:focus,
   a.bg-secondary:hover,
   button.bg-secondary:focus,
   button.bg-secondary:hover {
    background-color:#545b62!important
   }
   .bg-success {
    background-color:#28a745!important
   }
   a.bg-success:focus,
   a.bg-success:hover,
   button.bg-success:focus,
   button.bg-success:hover {
    background-color:#1e7e34!important
   }
   .bg-info {
    background-color:#17a2b8!important
   }
   a.bg-info:focus,
   a.bg-info:hover,
   button.bg-info:focus,
   button.bg-info:hover {
    background-color:#117a8b!important
   }
   .bg-warning {
    background-color:#ffc107!important
   }
   a.bg-warning:focus,
   a.bg-warning:hover,
   button.bg-warning:focus,
   button.bg-warning:hover {
    background-color:#d39e00!important
   }
   .bg-danger {
    background-color:#dc3545!important
   }
   a.bg-danger:focus,
   a.bg-danger:hover,
   button.bg-danger:focus,
   button.bg-danger:hover {
    background-color:#bd2130!important
   }
   .bg-light {
    background-color:#f8f9fa!important
   }
   a.bg-light:focus,
   a.bg-light:hover,
   button.bg-light:focus,
   button.bg-light:hover {
    background-color:#dae0e5!important
   }
   .bg-dark {
    background-color:#343a40!important
   }
   a.bg-dark:focus,
   a.bg-dark:hover,
   button.bg-dark:focus,
   button.bg-dark:hover {
    background-color:#1d2124!important
   }
   .bg-pf-dark {
    background-color:#161f38!important
   }
   a.bg-pf-dark:focus,
   a.bg-pf-dark:hover,
   button.bg-pf-dark:focus,
   button.bg-pf-dark:hover {
    background-color:#080b13!important
   }
   .bg-pf-gray {
    background-color:#8a8f9b!important
   }
   a.bg-pf-gray:focus,
   a.bg-pf-gray:hover,
   button.bg-pf-gray:focus,
   button.bg-pf-gray:hover {
    background-color:#707582!important
   }
   .bg-pf-shuttle {
    background-color:#5b6273!important
   }
   a.bg-pf-shuttle:focus,
   a.bg-pf-shuttle:hover,
   button.bg-pf-shuttle:focus,
   button.bg-pf-shuttle:hover {
    background-color:#444a57!important
   }
   .bg-pf-athens {
    background-color:#e8e9eb!important
   }
   a.bg-pf-athens:focus,
   a.bg-pf-athens:hover,
   button.bg-pf-athens:focus,
   button.bg-pf-athens:hover {
    background-color:#cdcfd3!important
   }
   .bg-pf-french {
    background-color:#c5c7cd!important
   }
   a.bg-pf-french:focus,
   a.bg-pf-french:hover,
   button.bg-pf-french:focus,
   button.bg-pf-french:hover {
    background-color:#aaadb5!important
   }
   .bg-pf-yellow {
    background-color:#f2da87!important
   }
   a.bg-pf-yellow:focus,
   a.bg-pf-yellow:hover,
   button.bg-pf-yellow:focus,
   button.bg-pf-yellow:hover {
    background-color:#edcc59!important
   }
   .bg-pf-alabaster {
    background-color:#fafafa!important
   }
   a.bg-pf-alabaster:focus,
   a.bg-pf-alabaster:hover,
   button.bg-pf-alabaster:focus,
   button.bg-pf-alabaster:hover {
    background-color:#e1e1e1!important
   }
   .bg-pf-white {
    background-color:#fff!important
   }
   a.bg-pf-white:focus,
   a.bg-pf-white:hover,
   button.bg-pf-white:focus,
   button.bg-pf-white:hover {
    background-color:#e6e6e6!important
   }
   .bg-white {
    background-color:#fff!important
   }
   .bg-transparent {
    background-color:transparent!important
   }
   .border {
    border:1px solid #dee2e6!important
   }
   .border-top {
    border-top:1px solid #dee2e6!important
   }
   .border-right {
    border-right:1px solid #dee2e6!important
   }
   .border-bottom {
    border-bottom:1px solid #dee2e6!important
   }
   .border-left {
    border-left:1px solid #dee2e6!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:#007bff!important
   }
   .border-secondary {
    border-color:#6c757d!important
   }
   .border-success {
    border-color:#28a745!important
   }
   .border-info {
    border-color:#17a2b8!important
   }
   .border-warning {
    border-color:#ffc107!important
   }
   .border-danger {
    border-color:#dc3545!important
   }
   .border-light {
    border-color:#f8f9fa!important
   }
   .border-dark {
    border-color:#343a40!important
   }
   .border-pf-dark {
    border-color:#161f38!important
   }
   .border-pf-gray {
    border-color:#8a8f9b!important
   }
   .border-pf-shuttle {
    border-color:#5b6273!important
   }
   .border-pf-athens {
    border-color:#e8e9eb!important
   }
   .border-pf-french {
    border-color:#c5c7cd!important
   }
   .border-pf-yellow {
    border-color:#f2da87!important
   }
   .border-pf-alabaster {
    border-color:#fafafa!important
   }
   .border-pf-white,
   .border-white {
    border-color:#fff!important
   }
   .rounded-sm {
    border-radius:.2rem!important
   }
   .rounded {
    border-radius:.25rem!important
   }
   .rounded-top {
    border-top-left-radius:.25rem!important
   }
   .rounded-right,
   .rounded-top {
    border-top-right-radius:.25rem!important
   }
   .rounded-bottom,
   .rounded-right {
    border-bottom-right-radius:.25rem!important
   }
   .rounded-bottom,
   .rounded-left {
    border-bottom-left-radius:.25rem!important
   }
   .rounded-left {
    border-top-left-radius:.25rem!important
   }
   .rounded-lg {
    border-radius:.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
   }
   .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 embed,
   .embed-responsive iframe,
   .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
   }
   .float-left {
    float:left!important
   }
   .float-right {
    float:right!important
   }
   .float-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:-webkit-sticky!important;
    position:sticky!important
   }
   .fixed-top {
    top:0
   }
   .fixed-bottom,
   .fixed-top {
    position:fixed;
    right:0;
    left:0;
    z-index:1030
   }
   .fixed-bottom {
    bottom:0
   }
   @supports ((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
     position:-webkit-sticky;
     position:sticky;
     top:0;
     z-index:1020
    }
   }
   .sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    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 .125rem .25rem rgba(0,0,0,.075)!important
   }
   .shadow {
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important
   }
   .shadow-lg {
    box-shadow:0 1rem 3rem rgba(0,0,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:transparent
   }
   .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:.625rem!important
   }
   .mt-1,
   .my-1 {
    margin-top:.625rem!important
   }
   .mr-1,
   .mx-1 {
    margin-right:.625rem!important
   }
   .mb-1,
   .my-1 {
    margin-bottom:.625rem!important
   }
   .ml-1,
   .mx-1 {
    margin-left:.625rem!important
   }
   .m-2 {
    margin:1.25rem!important
   }
   .mt-2,
   .my-2 {
    margin-top:1.25rem!important
   }
   .mr-2,
   .mx-2 {
    margin-right:1.25rem!important
   }
   .mb-2,
   .my-2 {
    margin-bottom:1.25rem!important
   }
   .ml-2,
   .mx-2 {
    margin-left:1.25rem!important
   }
   .m-3 {
    margin:2.5rem!important
   }
   .mt-3,
   .my-3 {
    margin-top:2.5rem!important
   }
   .mr-3,
   .mx-3 {
    margin-right:2.5rem!important
   }
   .mb-3,
   .my-3 {
    margin-bottom:2.5rem!important
   }
   .ml-3,
   .mx-3 {
    margin-left:2.5rem!important
   }
   .m-4 {
    margin:3.125rem!important
   }
   .mt-4,
   .my-4 {
    margin-top:3.125rem!important
   }
   .mr-4,
   .mx-4 {
    margin-right:3.125rem!important
   }
   .mb-4,
   .my-4 {
    margin-bottom:3.125rem!important
   }
   .ml-4,
   .mx-4 {
    margin-left:3.125rem!important
   }
   .m-5 {
    margin:3.75rem!important
   }
   .mt-5,
   .my-5 {
    margin-top:3.75rem!important
   }
   .mr-5,
   .mx-5 {
    margin-right:3.75rem!important
   }
   .mb-5,
   .my-5 {
    margin-bottom:3.75rem!important
   }
   .ml-5,
   .mx-5 {
    margin-left:3.75rem!important
   }
   .m-6 {
    margin:5rem!important
   }
   .mt-6,
   .my-6 {
    margin-top:5rem!important
   }
   .mr-6,
   .mx-6 {
    margin-right:5rem!important
   }
   .mb-6,
   .my-6 {
    margin-bottom:5rem!important
   }
   .ml-6,
   .mx-6 {
    margin-left:5rem!important
   }
   .m-7 {
    margin:6.25rem!important
   }
   .mt-7,
   .my-7 {
    margin-top:6.25rem!important
   }
   .mr-7,
   .mx-7 {
    margin-right:6.25rem!important
   }
   .mb-7,
   .my-7 {
    margin-bottom:6.25rem!important
   }
   .ml-7,
   .mx-7 {
    margin-left:6.25rem!important
   }
   .m-8 {
    margin:9.375rem!important
   }
   .mt-8,
   .my-8 {
    margin-top:9.375rem!important
   }
   .mr-8,
   .mx-8 {
    margin-right:9.375rem!important
   }
   .mb-8,
   .my-8 {
    margin-bottom:9.375rem!important
   }
   .ml-8,
   .mx-8 {
    margin-left:9.375rem!important
   }
   .m-9 {
    margin:12.5rem!important
   }
   .mt-9,
   .my-9 {
    margin-top:12.5rem!important
   }
   .mr-9,
   .mx-9 {
    margin-right:12.5rem!important
   }
   .mb-9,
   .my-9 {
    margin-bottom:12.5rem!important
   }
   .ml-9,
   .mx-9 {
    margin-left:12.5rem!important
   }
   .m-10 {
    margin:15.625rem!important
   }
   .mt-10,
   .my-10 {
    margin-top:15.625rem!important
   }
   .mr-10,
   .mx-10 {
    margin-right:15.625rem!important
   }
   .mb-10,
   .my-10 {
    margin-bottom:15.625rem!important
   }
   .ml-10,
   .mx-10 {
    margin-left:15.625rem!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:.625rem!important
   }
   .pt-1,
   .py-1 {
    padding-top:.625rem!important
   }
   .pr-1,
   .px-1 {
    padding-right:.625rem!important
   }
   .pb-1,
   .py-1 {
    padding-bottom:.625rem!important
   }
   .pl-1,
   .px-1 {
    padding-left:.625rem!important
   }
   .p-2 {
    padding:1.25rem!important
   }
   .pt-2,
   .py-2 {
    padding-top:1.25rem!important
   }
   .pr-2,
   .px-2 {
    padding-right:1.25rem!important
   }
   .pb-2,
   .py-2 {
    padding-bottom:1.25rem!important
   }
   .pl-2,
   .px-2 {
    padding-left:1.25rem!important
   }
   .p-3 {
    padding:2.5rem!important
   }
   .pt-3,
   .py-3 {
    padding-top:2.5rem!important
   }
   .pr-3,
   .px-3 {
    padding-right:2.5rem!important
   }
   .pb-3,
   .py-3 {
    padding-bottom:2.5rem!important
   }
   .pl-3,
   .px-3 {
    padding-left:2.5rem!important
   }
   .p-4 {
    padding:3.125rem!important
   }
   .pt-4,
   .py-4 {
    padding-top:3.125rem!important
   }
   .pr-4,
   .px-4 {
    padding-right:3.125rem!important
   }
   .pb-4,
   .py-4 {
    padding-bottom:3.125rem!important
   }
   .pl-4,
   .px-4 {
    padding-left:3.125rem!important
   }
   .p-5 {
    padding:3.75rem!important
   }
   .pt-5,
   .py-5 {
    padding-top:3.75rem!important
   }
   .pr-5,
   .px-5 {
    padding-right:3.75rem!important
   }
   .pb-5,
   .py-5 {
    padding-bottom:3.75rem!important
   }
   .pl-5,
   .px-5 {
    padding-left:3.75rem!important
   }
   .p-6 {
    padding:5rem!important
   }
   .pt-6,
   .py-6 {
    padding-top:5rem!important
   }
   .pr-6,
   .px-6 {
    padding-right:5rem!important
   }
   .pb-6,
   .py-6 {
    padding-bottom:5rem!important
   }
   .pl-6,
   .px-6 {
    padding-left:5rem!important
   }
   .p-7 {
    padding:6.25rem!important
   }
   .pt-7,
   .py-7 {
    padding-top:6.25rem!important
   }
   .pr-7,
   .px-7 {
    padding-right:6.25rem!important
   }
   .pb-7,
   .py-7 {
    padding-bottom:6.25rem!important
   }
   .pl-7,
   .px-7 {
    padding-left:6.25rem!important
   }
   .p-8 {
    padding:9.375rem!important
   }
   .pt-8,
   .py-8 {
    padding-top:9.375rem!important
   }
   .pr-8,
   .px-8 {
    padding-right:9.375rem!important
   }
   .pb-8,
   .py-8 {
    padding-bottom:9.375rem!important
   }
   .pl-8,
   .px-8 {
    padding-left:9.375rem!important
   }
   .p-9 {
    padding:12.5rem!important
   }
   .pt-9,
   .py-9 {
    padding-top:12.5rem!important
   }
   .pr-9,
   .px-9 {
    padding-right:12.5rem!important
   }
   .pb-9,
   .py-9 {
    padding-bottom:12.5rem!important
   }
   .pl-9,
   .px-9 {
    padding-left:12.5rem!important
   }
   .p-10 {
    padding:15.625rem!important
   }
   .pt-10,
   .py-10 {
    padding-top:15.625rem!important
   }
   .pr-10,
   .px-10 {
    padding-right:15.625rem!important
   }
   .pb-10,
   .py-10 {
    padding-bottom:15.625rem!important
   }
   .pl-10,
   .px-10 {
    padding-left:15.625rem!important
   }
   .m-n1 {
    margin:-.625rem!important
   }
   .mt-n1,
   .my-n1 {
    margin-top:-.625rem!important
   }
   .mr-n1,
   .mx-n1 {
    margin-right:-.625rem!important
   }
   .mb-n1,
   .my-n1 {
    margin-bottom:-.625rem!important
   }
   .ml-n1,
   .mx-n1 {
    margin-left:-.625rem!important
   }
   .m-n2 {
    margin:-1.25rem!important
   }
   .mt-n2,
   .my-n2 {
    margin-top:-1.25rem!important
   }
   .mr-n2,
   .mx-n2 {
    margin-right:-1.25rem!important
   }
   .mb-n2,
   .my-n2 {
    margin-bottom:-1.25rem!important
   }
   .ml-n2,
   .mx-n2 {
    margin-left:-1.25rem!important
   }
   .m-n3 {
    margin:-2.5rem!important
   }
   .mt-n3,
   .my-n3 {
    margin-top:-2.5rem!important
   }
   .mr-n3,
   .mx-n3 {
    margin-right:-2.5rem!important
   }
   .mb-n3,
   .my-n3 {
    margin-bottom:-2.5rem!important
   }
   .ml-n3,
   .mx-n3 {
    margin-left:-2.5rem!important
   }
   .m-n4 {
    margin:-3.125rem!important
   }
   .mt-n4,
   .my-n4 {
    margin-top:-3.125rem!important
   }
   .mr-n4,
   .mx-n4 {
    margin-right:-3.125rem!important
   }
   .mb-n4,
   .my-n4 {
    margin-bottom:-3.125rem!important
   }
   .ml-n4,
   .mx-n4 {
    margin-left:-3.125rem!important
   }
   .m-n5 {
    margin:-3.75rem!important
   }
   .mt-n5,
   .my-n5 {
    margin-top:-3.75rem!important
   }
   .mr-n5,
   .mx-n5 {
    margin-right:-3.75rem!important
   }
   .mb-n5,
   .my-n5 {
    margin-bottom:-3.75rem!important
   }
   .ml-n5,
   .mx-n5 {
    margin-left:-3.75rem!important
   }
   .m-n6 {
    margin:-5rem!important
   }
   .mt-n6,
   .my-n6 {
    margin-top:-5rem!important
   }
   .mr-n6,
   .mx-n6 {
    margin-right:-5rem!important
   }
   .mb-n6,
   .my-n6 {
    margin-bottom:-5rem!important
   }
   .ml-n6,
   .mx-n6 {
    margin-left:-5rem!important
   }
   .m-n7 {
    margin:-6.25rem!important
   }
   .mt-n7,
   .my-n7 {
    margin-top:-6.25rem!important
   }
   .mr-n7,
   .mx-n7 {
    margin-right:-6.25rem!important
   }
   .mb-n7,
   .my-n7 {
    margin-bottom:-6.25rem!important
   }
   .ml-n7,
   .mx-n7 {
    margin-left:-6.25rem!important
   }
   .m-n8 {
    margin:-9.375rem!important
   }
   .mt-n8,
   .my-n8 {
    margin-top:-9.375rem!important
   }
   .mr-n8,
   .mx-n8 {
    margin-right:-9.375rem!important
   }
   .mb-n8,
   .my-n8 {
    margin-bottom:-9.375rem!important
   }
   .ml-n8,
   .mx-n8 {
    margin-left:-9.375rem!important
   }
   .m-n9 {
    margin:-12.5rem!important
   }
   .mt-n9,
   .my-n9 {
    margin-top:-12.5rem!important
   }
   .mr-n9,
   .mx-n9 {
    margin-right:-12.5rem!important
   }
   .mb-n9,
   .my-n9 {
    margin-bottom:-12.5rem!important
   }
   .ml-n9,
   .mx-n9 {
    margin-left:-12.5rem!important
   }
   .m-n10 {
    margin:-15.625rem!important
   }
   .mt-n10,
   .my-n10 {
    margin-top:-15.625rem!important
   }
   .mr-n10,
   .mx-n10 {
    margin-right:-15.625rem!important
   }
   .mb-n10,
   .my-n10 {
    margin-bottom:-15.625rem!important
   }
   .ml-n10,
   .mx-n10 {
    margin-left:-15.625rem!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
   }
   .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-left {
    text-align:left!important
   }
   .text-right {
    text-align:right!important
   }
   .text-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:400!important
   }
   .font-weight-lighter {
    font-weight:lighter!important
   }
   .font-weight-normal {
    font-weight:500!important
   }
   .font-weight-bold {
    font-weight:600!important
   }
   .font-weight-bolder {
    font-weight:700!important
   }
   .font-italic {
    font-style:italic!important
   }
   .text-white {
    color:#fff!important
   }
   .text-primary {
    color:#007bff!important
   }
   a.text-primary:focus,
   a.text-primary:hover {
    color:#0056b3!important
   }
   .text-secondary {
    color:#6c757d!important
   }
   a.text-secondary:focus,
   a.text-secondary:hover {
    color:#494f54!important
   }
   .text-success {
    color:#28a745!important
   }
   a.text-success:focus,
   a.text-success:hover {
    color:#19692c!important
   }
   .text-info {
    color:#17a2b8!important
   }
   a.text-info:focus,
   a.text-info:hover {
    color:#0f6674!important
   }
   .text-warning {
    color:#ffc107!important
   }
   a.text-warning:focus,
   a.text-warning:hover {
    color:#ba8b00!important
   }
   .text-danger {
    color:#dc3545!important
   }
   a.text-danger:focus,
   a.text-danger:hover {
    color:#a71d2a!important
   }
   .text-light {
    color:#f8f9fa!important
   }
   a.text-light:focus,
   a.text-light:hover {
    color:#cbd3da!important
   }
   .text-dark {
    color:#343a40!important
   }
   a.text-dark:focus,
   a.text-dark:hover {
    color:#121416!important
   }
   .text-pf-dark {
    color:#161f38!important
   }
   a.text-pf-dark:focus,
   a.text-pf-dark:hover {
    color:#000101!important
   }
   .text-pf-gray {
    color:#8a8f9b!important
   }
   a.text-pf-gray:focus,
   a.text-pf-gray:hover {
    color:#646975!important
   }
   .text-pf-shuttle {
    color:#5b6273!important
   }
   a.text-pf-shuttle:focus,
   a.text-pf-shuttle:hover {
    color:#393e48!important
   }
   .text-pf-athens {
    color:#e8e9eb!important
   }
   a.text-pf-athens:focus,
   a.text-pf-athens:hover {
    color:#bfc2c7!important
   }
   .text-pf-french {
    color:#c5c7cd!important
   }
   a.text-pf-french:focus,
   a.text-pf-french:hover {
    color:#9c9faa!important
   }
   .text-pf-yellow {
    color:#f2da87!important
   }
   a.text-pf-yellow:focus,
   a.text-pf-yellow:hover {
    color:#ebc542!important
   }
   .text-pf-alabaster {
    color:#fafafa!important
   }
   a.text-pf-alabaster:focus,
   a.text-pf-alabaster:hover {
    color:#d4d4d4!important
   }
   .text-pf-white {
    color:#fff!important
   }
   a.text-pf-white:focus,
   a.text-pf-white:hover {
    color:#d9d9d9!important
   }
   .text-body {
    color:#161f38!important
   }
   .text-muted {
    color:#6c757d!important
   }
   .text-black-50 {
    color:rgba(0,0,0,.5)!important
   }
   .text-white-50 {
    color:hsla(0,0%,100%,.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
   }
   .visible {
    visibility:visible!important
   }
   .invisible {
    visibility:hidden!important
   }
   .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
   .video-js .vjs-modal-dialog,
   .vjs-button>.vjs-icon-placeholder:before,
   .vjs-modal-dialog .vjs-modal-dialog-content {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
   }
   .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
   .vjs-button>.vjs-icon-placeholder:before {
    text-align:center
   }
   @font-face {
    font-family:VideoJS;
    src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
   .video-js .vjs-play-control .vjs-icon-placeholder,
   .vjs-icon-play {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-big-play-button .vjs-icon-placeholder:before,
   .video-js .vjs-play-control .vjs-icon-placeholder:before,
   .vjs-icon-play:before {
    content:"\f101"
   }
   .vjs-icon-play-circle {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-play-circle:before {
    content:"\f102"
   }
   .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
   .vjs-icon-pause {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
   .vjs-icon-pause:before {
    content:"\f103"
   }
   .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
   .vjs-icon-volume-mute {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
   .vjs-icon-volume-mute:before {
    content:"\f104"
   }
   .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
   .vjs-icon-volume-low {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
   .vjs-icon-volume-low:before {
    content:"\f105"
   }
   .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
   .vjs-icon-volume-mid {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
   .vjs-icon-volume-mid:before {
    content:"\f106"
   }
   .video-js .vjs-mute-control .vjs-icon-placeholder,
   .vjs-icon-volume-high {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-mute-control .vjs-icon-placeholder:before,
   .vjs-icon-volume-high:before {
    content:"\f107"
   }
   .video-js .vjs-fullscreen-control .vjs-icon-placeholder,
   .vjs-icon-fullscreen-enter {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
   .vjs-icon-fullscreen-enter:before {
    content:"\f108"
   }
   .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
   .vjs-icon-fullscreen-exit {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
   .vjs-icon-fullscreen-exit:before {
    content:"\f109"
   }
   .vjs-icon-square {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-square:before {
    content:"\f10a"
   }
   .vjs-icon-spinner {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-spinner:before {
    content:"\f10b"
   }
   .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
   .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
   .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
   .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
   .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
   .video-js .vjs-subtitles-button .vjs-icon-placeholder,
   .vjs-icon-subtitles {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
   .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
   .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
   .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
   .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
   .video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
   .vjs-icon-subtitles:before {
    content:"\f10c"
   }
   .video-js .vjs-captions-button .vjs-icon-placeholder,
   .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
   .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
   .vjs-icon-captions {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-captions-button .vjs-icon-placeholder:before,
   .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
   .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
   .vjs-icon-captions:before {
    content:"\f10d"
   }
   .video-js .vjs-chapters-button .vjs-icon-placeholder,
   .vjs-icon-chapters {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-chapters-button .vjs-icon-placeholder:before,
   .vjs-icon-chapters:before {
    content:"\f10e"
   }
   .vjs-icon-share {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-share:before {
    content:"\f10f"
   }
   .vjs-icon-cog {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-cog:before {
    content:"\f110"
   }
   .video-js .vjs-play-progress,
   .video-js .vjs-volume-level,
   .vjs-icon-circle,
   .vjs-seek-to-live-control .vjs-icon-placeholder {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-play-progress:before,
   .video-js .vjs-volume-level:before,
   .vjs-icon-circle:before,
   .vjs-seek-to-live-control .vjs-icon-placeholder:before {
    content:"\f111"
   }
   .vjs-icon-circle-outline {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-circle-outline:before {
    content:"\f112"
   }
   .vjs-icon-circle-inner-circle {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-circle-inner-circle:before {
    content:"\f113"
   }
   .vjs-icon-hd {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-hd:before {
    content:"\f114"
   }
   .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
   .vjs-icon-cancel {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
   .vjs-icon-cancel:before {
    content:"\f115"
   }
   .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
   .vjs-icon-replay {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
   .vjs-icon-replay:before {
    content:"\f116"
   }
   .vjs-icon-facebook {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-facebook:before {
    content:"\f117"
   }
   .vjs-icon-gplus {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-gplus:before {
    content:"\f118"
   }
   .vjs-icon-linkedin {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-linkedin:before {
    content:"\f119"
   }
   .vjs-icon-twitter {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-twitter:before {
    content:"\f11a"
   }
   .vjs-icon-tumblr {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-tumblr:before {
    content:"\f11b"
   }
   .vjs-icon-pinterest {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-pinterest:before {
    content:"\f11c"
   }
   .video-js .vjs-descriptions-button .vjs-icon-placeholder,
   .vjs-icon-audio-description {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
   .vjs-icon-audio-description:before {
    content:"\f11d"
   }
   .video-js .vjs-audio-button .vjs-icon-placeholder,
   .vjs-icon-audio {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-audio-button .vjs-icon-placeholder:before,
   .vjs-icon-audio:before {
    content:"\f11e"
   }
   .vjs-icon-next-item {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-next-item:before {
    content:"\f11f"
   }
   .vjs-icon-previous-item {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .vjs-icon-previous-item:before {
    content:"\f120"
   }
   .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
   .vjs-icon-picture-in-picture-enter {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
   .vjs-icon-picture-in-picture-enter:before {
    content:"\f121"
   }
   .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,
   .vjs-icon-picture-in-picture-exit {
    font-family:VideoJS;
    font-weight:400;
    font-style:normal
   }
   .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
   .vjs-icon-picture-in-picture-exit:before {
    content:"\f122"
   }
   .video-js {
    display:block;
    vertical-align:top;
    box-sizing:border-box;
    color:#fff;
    background-color:#000;
    position:relative;
    padding:0;
    font-size:10px;
    line-height:1;
    font-weight:400;
    font-style:normal;
    font-family:Arial,Helvetica,sans-serif;
    word-break:normal
   }
   .video-js:-moz-full-screen {
    position:absolute
   }
   .video-js:-webkit-full-screen {
    width:100%!important;
    height:100%!important
   }
   .video-js[tabindex="-1"] {
    outline:none
   }
   .video-js *,
   .video-js :after,
   .video-js :before {
    box-sizing:inherit
   }
   .video-js ul {
    font-family:inherit;
    font-size:inherit;
    line-height:inherit;
    list-style-position:outside;
    margin:0
   }
   .video-js.vjs-4-3,
   .video-js.vjs-16-9,
   .video-js.vjs-fluid {
    width:100%;
    max-width:100%;
    height:0
   }
   .video-js.vjs-16-9 {
    padding-top:56.25%
   }
   .video-js.vjs-4-3 {
    padding-top:75%
   }
   .video-js.vjs-fill,
   .video-js .vjs-tech {
    width:100%;
    height:100%
   }
   .video-js .vjs-tech {
    position:absolute;
    top:0;
    left:0
   }
   body.vjs-full-window {
    padding:0;
    margin:0;
    height:100%
   }
   .vjs-full-window .video-js.vjs-fullscreen {
    position:fixed;
    overflow:hidden;
    z-index:1000;
    left:0;
    top:0;
    bottom:0;
    right:0
   }
   .video-js.vjs-fullscreen {
    width:100%!important;
    height:100%!important;
    padding-top:0!important
   }
   .video-js.vjs-fullscreen.vjs-user-inactive {
    cursor:none
   }
   .vjs-hidden {
    display:none!important
   }
   .vjs-disabled {
    opacity:.5;
    cursor:default
   }
   .video-js .vjs-offscreen {
    height:1px;
    left:-9999px;
    position:absolute;
    top:0;
    width:1px
   }
   .vjs-lock-showing {
    display:block!important;
    opacity:1;
    visibility:visible
   }
   .vjs-no-js {
    padding:20px;
    color:#fff;
    background-color:#000;
    font-size:18px;
    font-family:Arial,Helvetica,sans-serif;
    text-align:center;
    width:300px;
    height:150px;
    margin:0 auto
   }
   .vjs-no-js a,
   .vjs-no-js a:visited {
    color:#66a8cc
   }
   .video-js .vjs-big-play-button {
    font-size:3em;
    line-height:1.5em;
    height:1.63332em;
    width:3em;
    display:block;
    position:absolute;
    top:10px;
    left:10px;
    padding:0;
    cursor:pointer;
    opacity:1;
    border:.06666em solid #fff;
    background-color:#2b333f;
    background-color:rgba(43,51,63,.7);
    border-radius:.3em;
    transition:all .4s
   }
   .vjs-big-play-centered .vjs-big-play-button {
    top:50%;
    left:50%;
    margin-top:-.81666em;
    margin-left:-1.5em
   }
   .video-js .vjs-big-play-button:focus,
   .video-js:hover .vjs-big-play-button {
    border-color:#fff;
    background-color:#73859f;
    background-color:rgba(115,133,159,.5);
    transition:all 0s
   }
   .vjs-controls-disabled .vjs-big-play-button,
   .vjs-error .vjs-big-play-button,
   .vjs-has-started .vjs-big-play-button,
   .vjs-using-native-controls .vjs-big-play-button {
    display:none
   }
   .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display:block
   }
   .video-js button {
    background:none;
    border:none;
    color:inherit;
    display:inline-block;
    font-size:inherit;
    line-height:inherit;
    text-transform:none;
    text-decoration:none;
    transition:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
   }
   .vjs-control .vjs-button {
    width:100%;
    height:100%
   }
   .video-js .vjs-control.vjs-close-button {
    cursor:pointer;
    height:3em;
    position:absolute;
    right:0;
    top:.5em;
    z-index:2
   }
   .video-js .vjs-modal-dialog {
    background:rgba(0,0,0,.8);
    background:linear-gradient(180deg,rgba(0,0,0,.8),hsla(0,0%,100%,0));
    overflow:auto
   }
   .video-js .vjs-modal-dialog>* {
    box-sizing:border-box
   }
   .vjs-modal-dialog .vjs-modal-dialog-content {
    font-size:1.2em;
    line-height:1.5;
    padding:20px 24px;
    z-index:1
   }
   .vjs-menu-button {
    cursor:pointer
   }
   .vjs-menu-button.vjs-disabled {
    cursor:default
   }
   .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display:none
   }
   .vjs-menu .vjs-menu-content {
    display:block;
    padding:0;
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
    overflow:auto
   }
   .vjs-menu .vjs-menu-content>* {
    box-sizing:border-box
   }
   .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display:none
   }
   .vjs-menu li {
    list-style:none;
    margin:0;
    padding:.2em 0;
    line-height:1.4em;
    font-size:1.2em;
    text-align:center;
    text-transform:lowercase
   }
   .js-focus-visible .vjs-menu li.vjs-menu-item:hover,
   .vjs-menu li.vjs-menu-item:focus,
   .vjs-menu li.vjs-menu-item:hover {
    background-color:#73859f;
    background-color:rgba(115,133,159,.5)
   }
   .js-focus-visible .vjs-menu li.vjs-selected:hover,
   .vjs-menu li.vjs-selected,
   .vjs-menu li.vjs-selected:focus,
   .vjs-menu li.vjs-selected:hover {
    background-color:#fff;
    color:#2b333f
   }
   .vjs-menu li.vjs-menu-title {
    text-align:center;
    text-transform:uppercase;
    font-size:1em;
    line-height:2em;
    padding:0;
    margin:0 0 .3em;
    font-weight:700;
    cursor:default
   }
   .vjs-menu-button-popup .vjs-menu {
    display:none;
    position:absolute;
    bottom:0;
    width:10em;
    left:-3em;
    height:0;
    margin-bottom:1.5em;
    border-top-color:rgba(43,51,63,.7)
   }
   .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color:#2b333f;
    background-color:rgba(43,51,63,.7);
    position:absolute;
    width:100%;
    bottom:1.5em;
    max-height:15em
   }
   .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
   .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height:5em
   }
   .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height:10em
   }
   .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height:14em
   }
   .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
   .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
   .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height:25em
   }
   .vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
   .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
    display:block
   }
   .video-js .vjs-menu-button-inline {
    transition:all .4s;
    overflow:hidden
   }
   .video-js .vjs-menu-button-inline:before {
    width:2.222222222em
   }
   .video-js .vjs-menu-button-inline.vjs-slider-active,
   .video-js .vjs-menu-button-inline:focus,
   .video-js .vjs-menu-button-inline:hover,
   .video-js.vjs-no-flex .vjs-menu-button-inline {
    width:12em
   }
   .vjs-menu-button-inline .vjs-menu {
    opacity:0;
    height:100%;
    width:auto;
    position:absolute;
    left:4em;
    top:0;
    padding:0;
    margin:0;
    transition:all .4s
   }
   .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
   .vjs-menu-button-inline:focus .vjs-menu,
   .vjs-menu-button-inline:hover .vjs-menu {
    display:block;
    opacity:1
   }
   .vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display:block;
    opacity:1;
    position:relative;
    width:auto
   }
   .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
   .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
   .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width:auto
   }
   .vjs-menu-button-inline .vjs-menu-content {
    width:auto;
    height:100%;
    margin:0;
    overflow:hidden
   }
   .video-js .vjs-control-bar {
    display:none;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:3em;
    background-color:#2b333f;
    background-color:rgba(43,51,63,.7)
   }
   .vjs-has-started .vjs-control-bar {
    display:flex;
    visibility:visible;
    opacity:1;
    transition:visibility .1s,opacity .1s
   }
   .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility:visible;
    opacity:0;
    transition:visibility 1s,opacity 1s
   }
   .vjs-controls-disabled .vjs-control-bar,
   .vjs-error .vjs-control-bar,
   .vjs-using-native-controls .vjs-control-bar {
    display:none!important
   }
   .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity:1;
    visibility:visible
   }
   .vjs-has-started.vjs-no-flex .vjs-control-bar {
    display:table
   }
   .video-js .vjs-control {
    position:relative;
    text-align:center;
    margin:0;
    padding:0;
    height:100%;
    width:4em;
    flex:none
   }
   .vjs-button>.vjs-icon-placeholder:before {
    font-size:1.8em;
    line-height:1.67
   }
   .video-js .vjs-control:focus,
   .video-js .vjs-control:focus:before,
   .video-js .vjs-control:hover:before {
    text-shadow:0 0 1em #fff
   }
   .video-js .vjs-control-text {
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
   }
   .vjs-no-flex .vjs-control {
    display:table-cell;
    vertical-align:middle
   }
   .video-js .vjs-custom-control-spacer {
    display:none
   }
   .video-js .vjs-progress-control {
    cursor:pointer;
    flex:auto;
    display:flex;
    align-items:center;
    min-width:4em;
    touch-action:none
   }
   .video-js .vjs-progress-control.disabled {
    cursor:default
   }
   .vjs-live .vjs-progress-control {
    display:none
   }
   .vjs-liveui .vjs-progress-control {
    display:flex;
    align-items:center
   }
   .vjs-no-flex .vjs-progress-control {
    width:auto
   }
   .video-js .vjs-progress-holder {
    flex:auto;
    transition:all .2s;
    height:.3em
   }
   .video-js .vjs-progress-control .vjs-progress-holder {
    margin:0 10px
   }
   .video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size:1.6666666666666667em
   }
   .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size:1em
   }
   .video-js .vjs-progress-holder .vjs-load-progress,
   .video-js .vjs-progress-holder .vjs-load-progress div,
   .video-js .vjs-progress-holder .vjs-play-progress {
    position:absolute;
    display:block;
    height:100%;
    margin:0;
    padding:0;
    width:0
   }
   .video-js .vjs-play-progress {
    background-color:#fff
   }
   .video-js .vjs-play-progress:before {
    font-size:.9em;
    position:absolute;
    right:-.5em;
    top:-.333333333333333em;
    z-index:1
   }
   .video-js .vjs-load-progress {
    background:rgba(115,133,159,.5)
   }
   .video-js .vjs-load-progress div {
    background:rgba(115,133,159,.75)
   }
   .video-js .vjs-time-tooltip {
    background-color:#fff;
    background-color:hsla(0,0%,100%,.8);
    border-radius:.3em;
    color:#000;
    float:right;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1em;
    padding:6px 8px 8px;
    pointer-events:none;
    position:absolute;
    top:-3.4em;
    visibility:hidden;
    z-index:1
   }
   .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display:none
   }
   .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
   .video-js .vjs-progress-control:hover .vjs-time-tooltip {
    display:block;
    font-size:.6em;
    visibility:visible
   }
   .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size:1em
   }
   .video-js .vjs-progress-control .vjs-mouse-display {
    display:none;
    position:absolute;
    width:1px;
    height:100%;
    background-color:#000;
    z-index:1
   }
   .vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index:0
   }
   .video-js .vjs-progress-control:hover .vjs-mouse-display {
    display:block
   }
   .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility:hidden;
    opacity:0;
    transition:visibility 1s,opacity 1s
   }
   .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display:none
   }
   .vjs-mouse-display .vjs-time-tooltip {
    color:#fff;
    background-color:#000;
    background-color:rgba(0,0,0,.8)
   }
   .video-js .vjs-slider {
    position:relative;
    cursor:pointer;
    padding:0;
    margin:0 .45em;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:#73859f;
    background-color:rgba(115,133,159,.5)
   }
   .video-js .vjs-slider.disabled {
    cursor:default
   }
   .video-js .vjs-slider:focus {
    text-shadow:0 0 1em #fff;
    box-shadow:0 0 1em #fff
   }
   .video-js .vjs-mute-control {
    cursor:pointer;
    flex:none
   }
   .video-js .vjs-volume-control {
    cursor:pointer;
    margin-right:1em;
    display:flex
   }
   .video-js .vjs-volume-control.vjs-volume-horizontal {
    width:5em
   }
   .video-js .vjs-volume-panel .vjs-volume-control {
    visibility:visible;
    opacity:0;
    width:1px;
    height:1px;
    margin-left:-1px
   }
   .video-js .vjs-volume-panel {
    transition:width 1s
   }
   .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
   .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
   .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
   .video-js .vjs-volume-panel .vjs-volume-control:active,
   .video-js .vjs-volume-panel:active .vjs-volume-control,
   .video-js .vjs-volume-panel:focus .vjs-volume-control {
    visibility:visible;
    opacity:1;
    position:relative;
    transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s
   }
   .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
   .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
   .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
   .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
   .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
   .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
    width:5em;
    height:3em;
    margin-right:0
   }
   .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
   .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
   .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
   .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
   .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
   .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
    left:-3.5em;
    transition:left 0s
   }
   .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
   .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
   .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
    width:10em;
    transition:width .1s
   }
   .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width:4em
   }
   .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height:8em;
    width:3em;
    left:-3000em;
    transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s
   }
   .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s
   }
   .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width:5em;
    height:3em;
    visibility:visible;
    opacity:1;
    position:relative;
    transition:none
   }
   .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
   .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position:absolute;
    bottom:3em;
    left:.5em
   }
   .video-js .vjs-volume-panel {
    display:flex
   }
   .video-js .vjs-volume-bar {
    margin:1.35em .45em
   }
   .vjs-volume-bar.vjs-slider-horizontal {
    width:5em;
    height:.3em
   }
   .vjs-volume-bar.vjs-slider-vertical {
    width:.3em;
    height:5em;
    margin:1.35em auto
   }
   .video-js .vjs-volume-level {
    position:absolute;
    bottom:0;
    left:0;
    background-color:#fff
   }
   .video-js .vjs-volume-level:before {
    position:absolute;
    font-size:.9em
   }
   .vjs-slider-vertical .vjs-volume-level {
    width:.3em
   }
   .vjs-slider-vertical .vjs-volume-level:before {
    top:-.5em;
    left:-.3em
   }
   .vjs-slider-horizontal .vjs-volume-level {
    height:.3em
   }
   .vjs-slider-horizontal .vjs-volume-level:before {
    top:-.3em;
    right:-.5em
   }
   .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width:4em
   }
   .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height:100%
   }
   .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width:100%
   }
   .video-js .vjs-volume-vertical {
    width:3em;
    height:8em;
    bottom:8em;
    background-color:#2b333f;
    background-color:rgba(43,51,63,.7)
   }
   .video-js .vjs-volume-horizontal .vjs-menu {
    left:-2em
   }
   .vjs-poster {
    display:inline-block;
    vertical-align:middle;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:contain;
    background-color:#000;
    cursor:pointer;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    height:100%
   }
   .vjs-has-started .vjs-poster {
    display:none
   }
   .vjs-audio.vjs-has-started .vjs-poster {
    display:block
   }
   .vjs-using-native-controls .vjs-poster {
    display:none
   }
   .video-js .vjs-live-control {
    display:flex;
    align-items:flex-start;
    flex:auto;
    font-size:1em;
    line-height:3em
   }
   .vjs-no-flex .vjs-live-control {
    display:table-cell;
    width:auto;
    text-align:left
   }
   .video-js.vjs-liveui .vjs-live-control,
   .video-js:not(.vjs-live) .vjs-live-control {
    display:none
   }
   .video-js .vjs-seek-to-live-control {
    cursor:pointer;
    flex:none;
    display:inline-flex;
    height:100%;
    padding-left:.5em;
    padding-right:.5em;
    font-size:1em;
    line-height:3em;
    width:auto;
    min-width:4em
   }
   .vjs-no-flex .vjs-seek-to-live-control {
    display:table-cell;
    width:auto;
    text-align:left
   }
   .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
   .video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display:none
   }
   .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor:auto
   }
   .vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right:.5em;
    color:#888
   }
   .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color:red
   }
   .video-js .vjs-time-control {
    flex:none;
    font-size:1em;
    line-height:3em;
    min-width:2em;
    width:auto;
    padding-left:1em;
    padding-right:1em
   }
   .video-js .vjs-current-time,
   .video-js .vjs-duration,
   .vjs-live .vjs-time-control,
   .vjs-no-flex .vjs-current-time,
   .vjs-no-flex .vjs-duration {
    display:none
   }
   .vjs-time-divider {
    display:none;
    line-height:3em
   }
   .vjs-live .vjs-time-divider {
    display:none
   }
   .video-js .vjs-play-control {
    cursor:pointer
   }
   .video-js .vjs-play-control .vjs-icon-placeholder {
    flex:none
   }
   .vjs-text-track-display {
    position:absolute;
    bottom:3em;
    left:0;
    right:0;
    top:0;
    pointer-events:none
   }
   .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom:1em
   }
   .video-js .vjs-text-track {
    font-size:1.4em;
    text-align:center;
    margin-bottom:.1em
   }
   .vjs-subtitles {
    color:#fff
   }
   .vjs-captions {
    color:#fc6
   }
   .vjs-tt-cue {
    display:block
   }
   video::-webkit-media-text-track-display {
    transform:translateY(-3em)
   }
   .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    transform:translateY(-1.5em)
   }
   .video-js .vjs-fullscreen-control,
   .video-js .vjs-picture-in-picture-control {
    cursor:pointer;
    flex:none
   }
   .vjs-playback-rate .vjs-playback-rate-value,
   .vjs-playback-rate>.vjs-menu-button {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
   }
   .vjs-playback-rate .vjs-playback-rate-value {
    pointer-events:none;
    font-size:1.5em;
    line-height:2;
    text-align:center
   }
   .vjs-playback-rate .vjs-menu {
    width:4em;
    left:0
   }
   .vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size:1.4em;
    text-align:center
   }
   .vjs-error .vjs-error-display:before {
    color:#fff;
    content:"X";
    font-family:Arial,Helvetica,sans-serif;
    font-size:4em;
    left:0;
    line-height:1;
    margin-top:-.5em;
    position:absolute;
    text-shadow:.05em .05em .1em #000;
    text-align:center;
    top:50%;
    vertical-align:middle;
    width:100%
   }
   .vjs-loading-spinner {
    display:none;
    position:absolute;
    top:50%;
    left:50%;
    margin:-25px 0 0 -25px;
    opacity:.85;
    text-align:left;
    border:6px solid rgba(43,51,63,.7);
    box-sizing:border-box;
    background-clip:padding-box;
    width:50px;
    height:50px;
    border-radius:25px;
    visibility:hidden
   }
   .vjs-seeking .vjs-loading-spinner,
   .vjs-waiting .vjs-loading-spinner {
    display:block;
    -webkit-animation:vjs-spinner-show 0s linear .3s forwards;
    animation:vjs-spinner-show 0s linear .3s forwards
   }
   .vjs-loading-spinner:after,
   .vjs-loading-spinner:before {
    content:"";
    position:absolute;
    margin:-6px;
    box-sizing:inherit;
    width:inherit;
    height:inherit;
    border-radius:inherit;
    opacity:1;
    border:inherit;
    border-color:#fff transparent transparent
   }
   .vjs-seeking .vjs-loading-spinner:after,
   .vjs-seeking .vjs-loading-spinner:before,
   .vjs-waiting .vjs-loading-spinner:after,
   .vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;
    animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
   }
   .vjs-seeking .vjs-loading-spinner:before,
   .vjs-waiting .vjs-loading-spinner:before {
    border-top-color:#fff
   }
   .vjs-seeking .vjs-loading-spinner:after,
   .vjs-waiting .vjs-loading-spinner:after {
    border-top-color:#fff;
    -webkit-animation-delay:.44s;
    animation-delay:.44s
   }
   @keyframes vjs-spinner-show {
    to {
     visibility:visible
    }
   }
   @-webkit-keyframes vjs-spinner-show {
    to {
     visibility:visible
    }
   }
   @keyframes vjs-spinner-spin {
    to {
     transform:rotate(1turn)
    }
   }
   @-webkit-keyframes vjs-spinner-spin {
    to {
     -webkit-transform:rotate(1turn)
    }
   }
   @keyframes vjs-spinner-fade {
    0% {
     border-top-color:#73859f
    }
    20% {
     border-top-color:#73859f
    }
    35% {
     border-top-color:#fff
    }
    60% {
     border-top-color:#73859f
    }
    to {
     border-top-color:#73859f
    }
   }
   @-webkit-keyframes vjs-spinner-fade {
    0% {
     border-top-color:#73859f
    }
    20% {
     border-top-color:#73859f
    }
    35% {
     border-top-color:#fff
    }
    60% {
     border-top-color:#73859f
    }
    to {
     border-top-color:#73859f
    }
   }
   .vjs-chapters-button .vjs-menu ul {
    width:24em
   }
   .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align:middle;
    display:inline-block;
    margin-bottom:-.1em
   }
   .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family:VideoJS;
    content:"\f10d";
    font-size:1.5em;
    line-height:inherit
   }
   .video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align:middle;
    display:inline-block;
    margin-bottom:-.1em
   }
   .video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family:VideoJS;
    content:" \f11d";
    font-size:1.5em;
    line-height:inherit
   }
   .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
   .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
   .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
   .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
   .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
   .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control {
    display:none
   }
   .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
   .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
   .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
    width:auto
   }
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button {
    display:none
   }
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer {
    flex:auto;
    display:block
   }
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer {
    width:auto
   }
   .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,
   .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control {
    display:none
   }
   .vjs-modal-dialog.vjs-text-track-settings {
    background-color:#2b333f;
    background-color:rgba(43,51,63,.75);
    color:#fff;
    height:70%
   }
   .vjs-text-track-settings .vjs-modal-dialog-content {
    display:table
   }
   .vjs-text-track-settings .vjs-track-settings-colors,
   .vjs-text-track-settings .vjs-track-settings-controls,
   .vjs-text-track-settings .vjs-track-settings-font {
    display:table-cell
   }
   .vjs-text-track-settings .vjs-track-settings-controls {
    text-align:right;
    vertical-align:bottom
   }
   @supports (display:grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
     display:grid;
     grid-template-columns:1fr 1fr;
     grid-template-rows:1fr;
     padding:20px 24px 0
    }
    .vjs-track-settings-controls .vjs-default-button {
     margin-bottom:20px
    }
    .vjs-text-track-settings .vjs-track-settings-controls {
     grid-column:1/-1
    }
    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
    .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
     grid-template-columns:1fr
    }
   }
   .vjs-track-setting>select {
    margin-right:1em;
    margin-bottom:.5em
   }
   .vjs-text-track-settings fieldset {
    margin:5px;
    padding:3px;
    border:none
   }
   .vjs-text-track-settings fieldset span {
    display:inline-block
   }
   .vjs-text-track-settings fieldset span>select {
    max-width:7.3em
   }
   .vjs-text-track-settings legend {
    color:#fff;
    margin:0 0 5px
   }
   .vjs-text-track-settings .vjs-label {
    position:absolute;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px,1px,1px,1px);
    display:block;
    margin:0 0 5px;
    padding:0;
    border:0;
    height:1px;
    width:1px;
    overflow:hidden
   }
   .vjs-track-settings-controls button:active,
   .vjs-track-settings-controls button:focus {
    outline-style:solid;
    outline-width:medium;
    background-image:linear-gradient(0deg,#fff 88%,#73859f)
   }
   .vjs-track-settings-controls button:hover {
    color:rgba(43,51,63,.75)
   }
   .vjs-track-settings-controls button {
    background-color:#fff;
    background-image:linear-gradient(-180deg,#fff 88%,#73859f);
    color:#2b333f;
    cursor:pointer;
    border-radius:2px
   }
   .vjs-track-settings-controls .vjs-default-button {
    margin-right:1em
   }
   .vjs-resize-manager {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    z-index:-1000
   }
   .js-focus-visible .video-js :focus:not(.focus-visible),
   .video-js .vjs-menu :focus:not(:focus-visible),
   .video-js :focus:not(:focus-visible) {
    outline:none;
    background:none
   }
   .splitting.cells img {
    width:100%;
    display:block
   }
   @supports (display:grid) {
    .splitting.cells {
     position:relative;
     overflow:hidden;
     background-size:cover;
     visibility:hidden
    }
    .splitting .cell-grid {
     background:inherit;
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     display:grid;
     grid-template:repeat(var(--row-total),1fr)/repeat(var(--col-total),1fr)
    }
    .splitting .cell {
     background:inherit;
     position:relative;
     overflow:hidden
    }
    .splitting .cell-inner {
     background:inherit;
     position:absolute;
     visibility:visible;
     width:calc(100%*var(--col-total));
     height:calc(100%*var(--row-total));
     left:calc(-100%*var(--col-index));
     top:calc(-100%*var(--row-index))
    }
    .splitting .cell {
     --center-x:calc((var(--col-total) - 1)/2);
     --center-y:calc((var(--row-total) - 1)/2);
     --offset-x:calc(var(--col-index) - var(--center-x));
     --offset-y:calc(var(--row-index) - var(--center-y));
     --distance-x:calc(var(--offset-x)*var(--offset-x)/var(--center-x));
     --distance-y:calc(var(--offset-y)*var(--offset-y)/var(--center-y))
    }
   }
   .splitting .char,
   .splitting .word {
    display:inline-block
   }
   .splitting .char {
    position:relative
   }
   .splitting .char:after,
   .splitting .char:before {
    content:attr(data-char);
    position:absolute;
    top:0;
    left:0;
    visibility:hidden;
    transition:inherit;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
   }
   .splitting {
    --word-center:calc((var(--word-total) - 1)/2);
    --char-center:calc((var(--char-total) - 1)/2);
    --line-center:calc((var(--line-total) - 1)/2)
   }
   .splitting .word {
    --word-percent:calc(var(--word-index)/var(--word-total));
    --line-percent:calc(var(--line-index)/var(--line-total))
   }
   .splitting .char {
    --char-percent:calc(var(--char-index)/var(--char-total));
    --char-offset:calc(var(--char-index) - var(--char-center));
    --distance:calc(var(--char-offset)*var(--char-offset)/var(--char-center));
    --distance-sine:calc(var(--char-offset)/var(--char-center));
    --distance-percent:calc(var(--distance)/var(--char-center))
   }
   body,
   html {
    font-smoothing:antialiased!important;
    -webkit-font-smoothing:antialiased!important;
    -webkit-text-size-adjust:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    font-size:16px
   }
   .h1,
   .h2,
   h1,
   h2 {
    font-weight:600
   }
   .h2,
   h2 {
    font-size:2.5rem;
    line-height:1.25
   }
   .h3,
   h3 {
    font-weight:600
   }
   .extra__heading {
    font-weight:600;
    font-size:1.75rem;
    line-height:1.21429;
    letter-spacing:.5px
   }
   .h4,
   h4 {
    font-size:1.5rem;
    font-weight:600;
    line-height:1.20833
   }
   .extrac__light-heading {
    font-size:1.125rem;
    font-weight:600;
    line-height:1.22222
   }
   .h5,
   h5 {
    font-weight:600
   }
   input:focus,
   select:focus,
   textarea:focus {
    box-shadow:none!important;
    outline:none!important;
    border:none!important
   }
   input:-webkit-autofill,
   input:-webkit-autofill:focus,
   input:-webkit-autofill:hover,
   select:-webkit-autofill,
   select:-webkit-autofill:focus,
   select:-webkit-autofill:hover,
   textarea:-webkit-autofill,
   textarea:-webkit-autofill:focus,
   textarea:-webkit-autofill:hover {
    -webkit-text-fill-color:#161f38;
    -webkit-box-shadow:0 0 0 1000px #fafafa inset;
    -webkit-outline:none!important;
    transition:background-color 5000s ease-in-out 0s
   }
   button,
   button:active,
   button:focus,
   button:hover {
    box-shadow:none;
    outline:none
   }
   a.none-hover:hover {
    color:initial
   }
   svg.reverser {
    transform:rotate(180deg)
   }
   #main {
    background-color:#fff;
    transition:background-color .3s cubic-bezier(.165,.84,.44,1)
   }
   .wrap--image {
    position:relative
   }
   .wrap--image img {
    max-width:100%;
    height:auto
   }
   .aligncenter {
    text-align:center
   }
   .alignright {
    float:right
   }
   .alignleft {
    float:left
   }
   .container__full-content {
    margin:auto
   }
   .container__full-content--wrap {
    position:relative
   }
   .has__animation {
    visibility:hidden
   }
   .text__label {
    font-size:.875rem
   }
   .blog__content {
    font-size:1.25rem;
    letter-spacing:.5px;
    line-height:1.5
   }
   .blog__content,
   .font-weight-500 {
    font-weight:500
   }
   ol.ul-reset,
   ul.ul-reset {
    list-style:none;
    padding-left:0;
    margin-bottom:0
   }
   .section__on-hold {
    visibility:hidden;
    pointer-events:none;
    z-index:-1
   }
   .image__object-fit {
    overflow:hidden;
    position:relative
   }
   .image__object-fit img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
   }
   .link--underline {
    color:#161f38;
    position:relative
   }
   .link--underline:not(.link--underline-child):after {
    content:"";
    display:block;
    border-bottom:1px solid #161f38;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    transition:width .6s cubic-bezier(.165,.84,.44,1)
   }
   .link--underline.link--underline-child .lb--text {
    float:left;
    margin-right:.3125rem;
    overflow:hidden;
    display:block;
    white-space:nowrap
   }
   .link--underline.link--underline-child .link--underline-element {
    display:block;
    height:1px;
    background-color:#161f38;
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    transition:width .6s cubic-bezier(.165,.84,.44,1)
   }
   .font-weight-regular {
    font-weight:400
   }
   .animated .link--underline.link--underline-child .link--underline-element,
   .animated .link--underline:not(.link--underline-child):after {
    width:100%
   }
   .scrollbar-thumb {
    border-radius:0!important
   }
   body.theme-mode--dark #main {
    background:#161f38
   }
   .block--mobile {
    display:none
   }
   body.site__template-mobile #main {
    min-height:100vh;
    min-height:calc(var(--vh, 1vh)*100)
   }
   body.site__template-mobile .hidden--mobile {
    display:none!important
   }
   body.site__template-mobile .block--mobile {
    display:block!important
   }
   .scroll-content {
    transform:none!important
   }
   #site__alert-cookies {
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    z-index:12;
    overflow:hidden
   }
   #site__alert-cookies .alert--cookies-wrap {
    width:100vw;
    margin:0 auto;
    background-color:#f8f8f9
   }
   #site__alert-cookies .col--icon {
    padding-left:2.1875rem;
    padding-right:2.1875rem
   }
   .lds-ellipsis {
    display:inline-block;
    position:relative;
    width:4.6875rem;
    height:4.6875rem
   }
   .lds-ellipsis div {
    position:absolute;
    top:33px;
    width:.625rem;
    height:.625rem;
    border-radius:50%;
    background:#f2da87;
    -webkit-animation-timing-function:cubic-bezier(0,1,1,0);
    animation-timing-function:cubic-bezier(0,1,1,0)
   }
   .lds-ellipsis div:first-child {
    left:8px;
    -webkit-animation:lds-ellipsis1 .6s infinite;
    animation:lds-ellipsis1 .6s infinite
   }
   .lds-ellipsis div:nth-child(2) {
    left:8px
   }
   .lds-ellipsis div:nth-child(2),
   .lds-ellipsis div:nth-child(3) {
    -webkit-animation:lds-ellipsis2 .6s infinite;
    animation:lds-ellipsis2 .6s infinite
   }
   .lds-ellipsis div:nth-child(3) {
    left:32px
   }
   .lds-ellipsis div:nth-child(4) {
    left:56px;
    -webkit-animation:lds-ellipsis3 .6s infinite;
    animation:lds-ellipsis3 .6s infinite
   }
   @-webkit-keyframes lds-ellipsis1 {
    0% {
     transform:scale(0)
    }
    to {
     transform:scale(1)
    }
   }
   @keyframes lds-ellipsis1 {
    0% {
     transform:scale(0)
    }
    to {
     transform:scale(1)
    }
   }
   @-webkit-keyframes lds-ellipsis3 {
    0% {
     transform:scale(1)
    }
    to {
     transform:scale(0)
    }
   }
   @keyframes lds-ellipsis3 {
    0% {
     transform:scale(1)
    }
    to {
     transform:scale(0)
    }
   }
   @-webkit-keyframes lds-ellipsis2 {
    0% {
     transform:translate(0)
    }
    to {
     transform:translate(24px)
    }
   }
   @keyframes lds-ellipsis2 {
    0% {
     transform:translate(0)
    }
    to {
     transform:translate(24px)
    }
   }
   #ht__cursor {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:99
   }
   #ht__cursor-wrap {
    position:relative;
    width:3.875rem;
    height:3.875rem
   }
   #ht__cursor #icon__cursor-default {
    width:100%;
    height:100%;
    border-radius:50%;
    background-color:#fff;
    opacity:1
   }
   #ht__cursor .icon--cursor {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    opacity:0
   }
   #ht__cursor .icon--cursor.icon_reverser svg {
    transform:rotate(180deg)
   }
   #ht__cursor #ht__cursor-dot {
    width:1rem;
    height:1rem;
    position:absolute;
    will-change:transform
   }
   #ht__cursor #ht__cursor-lerp,
   #ht__cursor #ht__cursor-lerp #cursor--lerp-oval {
    height:100%;
    width:100%;
    will-change:transform
   }

   /* site name https://chameleon.media/en/ */
   /* site name https://hoang.moe/ */
   #ht__cursor #ht__cursor-lerp #cursor--lerp-oval .oval--icon {
    position:absolute;
    top:0;
    left:0
   }
   #ht__cursor #ht__cursor-lerp #cursor--lerp-oval .oval--icon-default {
    stroke-dasharray:190;
    will-change:transform;
    z-index:2;
    stroke:#fff
   }
   #ht__cursor #ht__cursor-lerp #cursor--lerp-oval .oval--icon-designing,
   #ht__cursor #ht__cursor-lerp #cursor--lerp-oval .oval--icon-writing {
    opacity:0
   }
   #ht__cursor #ht__cursor-lerp #cursor--lerp-scrolling {
    position:absolute;
    opacity:0;
    width:1rem;
    left:calc(50% - 8px);
    height:6.875rem;
    top:calc(50% - 55px)
   }
   #ht__cursor #ht__cursor-lerp #cursor--lerp-scrolling.animation .icon__scrolling-down {
    -webkit-animation:loopDown 1s linear infinite;
    animation:loopDown 1s linear infinite;
    will-change:trasform
   }
   #ht__cursor #ht__cursor-lerp #cursor--lerp-scrolling.animation .icon__scrolling-up {
    -webkit-animation:loopTop 1s linear infinite;
    animation:loopTop 1s linear infinite;
    will-change:trasform
   }
   #ht__cursor #ht__cursor-lerp #cursor--lerp-scrolling .icon__scrolling-up {
    transform:rotate(180deg);
    position:absolute;
    top:0
   }
   #ht__cursor #ht__cursor-lerp #cursor--lerp-scrolling .icon__scrolling-down {
    position:absolute;
    bottom:0
   }
   @-webkit-keyframes loopTop {
    0% {
     transform:rotate(180deg) translateY(0)
    }
    20% {
     transform:rotate(180deg) translateY(4px)
    }
    80% {
     transform:rotate(180deg) translateY(-2px)
    }
    to {
     transform:rotate(180deg) translateY(0)
    }
   }
   @keyframes loopTop {
    0% {
     transform:rotate(180deg) translateY(0)
    }
    20% {
     transform:rotate(180deg) translateY(4px)
    }
    80% {
     transform:rotate(180deg) translateY(-2px)
    }
    to {
     transform:rotate(180deg) translateY(0)
    }
   }
   @-webkit-keyframes loopDown {
    0% {
     transform:translateY(0)
    }
    20% {
     transform:translateY(4px)
    }
    80% {
     transform:translateY(-2px)
    }
    to {
     transform:translateY(0)
    }
   }
   @keyframes loopDown {
    0% {
     transform:translateY(0)
    }
    20% {
     transform:translateY(4px)
    }
    80% {
     transform:translateY(-2px)
    }
    to {
     transform:translateY(0)
    }
   }
   #ht__cursor.arrow-left #icon__cursor-arrow svg {
    stroke:#cde8e6
   }
   #ht__cursor #icon__cursor-arrow svg {
    stroke:#bfdaef
   }
   #ht__cursor #icon__cursor-hand img {
    -webkit-animation:loopHand .9s linear infinite;
    animation:loopHand .8s linear infinite;
    transform-origin:right bottom;
    will-change:transform
   }
   @-webkit-keyframes loopHand {
    0% {
     transform:rotate(0deg)
    }
    25% {
     transform:rotate(10deg)
    }
    75% {
     transform:rotate(-10deg)
    }
    to {
     transform:rotate(0deg)
    }
   }
   @keyframes loopHand {
    0% {
     transform:rotate(0deg)
    }
    25% {
     transform:rotate(10deg)
    }
    75% {
     transform:rotate(-10deg)
    }
    to {
     transform:rotate(0deg)
    }
   }
   #ht__cursor #cursor--lerp-text {
    white-space:nowrap;
    top:calc(50% - 10px);
    position:absolute;
    will-change:transform
   }
   #ht__cursor #cursor--lerp-text.left {
    right:4.6875rem
   }
   #ht__cursor #cursor--lerp-text.right {
    left:4.6875rem
   }
   body.theme-mode--dark #cursor--lerp-text {
    color:#fff
   }
   body.site__template-mobile #ht__cursor {
    display:none
   }
   .grid-debug {
    pointer-events:none;
    position:fixed;
    width:100vw;
    top:0;
    left:50%;
    transform:translate(-50%);
    z-index:99999999999
   }
   .grid-debug,
   .grid-debug .grid-col {
    height:100vh;
    height:calc(var(--vh, 1vh)*100)
   }
   .grid-debug .grid-col {
    background-color:rgba(255,107,76,.3);
    position:relative
   }
   .grid-debug .grid-col:before {
    left:0
   }
   .grid-debug .grid-col:after,
   .grid-debug .grid-col:before {
    background-color:rgba(255,107,76,.3);
    content:"";
    height:100%;
    position:absolute;
    width:1px
   }
   .grid-debug .grid-col:after {
    right:0
   }
   .footer--link {
    display:block
   }
   .footer--link:hover {
    color:#161f38
   }
   #footer__site {
    position:fixed;
    bottom:0;
    width:100%;
    z-index:8
   }
   #footer__site-say-hi {
    position:relative
   }
   #footer__site-say-hi .link--close-contact {
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    pointer-events:none;
    visibility:hidden
   }
   #footer__site-say-hi.position--left .link--close-contact {
    padding-left:.625rem
   }
   body.single-post #footer__site {
    transition:all .3s cubic-bezier(.165,.84,.44,1)
   }
   #header__site {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:10
   }
   #header__site .header__site-bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
   }
   #header__site #header__site-theme {
    transition:background-color .3s cubic-bezier(.165,.84,.44,1)
   }
   #header__site a {
    display:block;
    padding:.625rem;
    margin-bottom:0
   }
   #header__site a:hover {
    color:#161f38
   }
   #header__site a.link--logo {
    pointer-events:none
   }
   #header__site a.link--logo svg {
    fill:#161f38
   }
   #header__site a.link--say-hi {
    padding-left:5rem;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
   }
   #header__site a[href="#sound"] {
    width:1.4375rem;
    height:1.4375rem;
    overflow:hidden;
    padding:0;
    position:relative;
    margin-left:.625rem
   }
   #header__site a[href="#sound"] svg {
    width:5.3125rem!important;
    height:5.3125rem!important;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)!important
   }
   #header__site.on--active a.link--logo {
    pointer-events:auto
   }
   #header__site #header__site-message,
   #header__site #header__site-wrap-bg {
    transition:transform .4s cubic-bezier(.165,.84,.44,1)
   }
   #header__site.on--fixed.on--active #header__site-bg,
   #header__site.on--fixed.on--active #header__site-theme {
    background-color:#fff
   }
   #header__site .link--close-contact {
    position:absolute;
    top:0;
    right:0;
    padding-left:1.25rem;
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
   }
   #header__site .link--close-contact .icon__close-contact {
    width:1.875rem;
    height:1.375rem;
    position:relative;
    -webkit-clip-path:polygon(41% 55%,38% 57%,40% 56%,38% 55%);
    clip-path:polygon(41% 55%,38% 57%,40% 56%,38% 55%);
    transition:-webkit-clip-path .5s cubic-bezier(.165,.84,.44,1);
    transition:clip-path .5s cubic-bezier(.165,.84,.44,1);
    transition:clip-path .5s cubic-bezier(.165,.84,.44,1),-webkit-clip-path .5s cubic-bezier(.165,.84,.44,1);
    overflow:hidden
   }
   #header__site .link--close-contact .icon__close-contact .line--close {
    width:1.875rem;
    height:0;
    border-bottom:2px solid #161f38;
    position:absolute;
    top:calc(50% - 1px);
    left:calc(50% - 15px)
   }
   #header__site .header__site-row {
    position:relative
   }
   #header__site #header__site-contact,
   #header__site #header__site-left {
    position:relative;
    z-index:3
   }
   #header__site #header__site-message {
    color:#898f9c;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
   }
   #header__site #header__site-message .header--message {
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    position:absolute;
    top:0;
    left:0;
    width:100%
   }
   body.theme-mode--dark #header__site.on--fixed #header__site-bg,
   body.theme-mode--dark #header__site.on--fixed #header__site-theme {
    background-color:#161f38
   }
   body.theme-mode--dark #header__site a.link--logo svg {
    fill:#fff
   }
   body.theme-mode--dark #header__site a[href="#say-hi"]:hover {
    color:#fff
   }
   #header__site-wrap-bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
   }
   #layout-resize {
    background:#f2da87;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    opacity:0
   }
   #layout-resize .text-resize {
    color:#161f38;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-transform:uppercase;
    text-align:center
   }
   #layer--overlay-site {
    z-index:999999999;
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    left:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
   }
   .sai--loi-chinh-ta {
    position:relative;
    display:inline-block
   }
   .sai--loi-chinh-ta::-moz-selection {
    background:#f1f1f1
   }
   .sai--loi-chinh-ta::selection {
    background:#f1f1f1
   }
   .sai--loi-chinh-ta:before {
    content:"";
    background-color:#f1f1f1;
    top:0;
    left:0;
    width:0;
    display:block;
    height:100%;
    transition:width .4s cubic-bezier(.165,.84,.44,1);
    position:absolute;
    z-index:-1
   }
   .sai--loi-chinh-ta.on-rewriting:before,
   .sai--loi-chinh-ta:hover:before {
    width:100%
   }
   #char--popup {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    pointer-events:none;
    visibility:hidden
   }
   #char--popup .char--popup-wrap {
    width:16.875rem;
    height:12.9375rem;
    background:#fff;
    padding:1.25rem;
    position:relative;
    z-index:2;
    will-change:transform,opacity;
    box-shadow:0 4px 40px rgba(0,0,0,.05)
   }
   #char--popup .char--popup-heading {
    margin-bottom:.625rem
   }
   #char--popup .popup--icon {
    width:50px;
    height:50px;
    background:#f2da87;
    border-radius:50%;
    position:relative;
    margin-right:15px
   }
   #char--popup .icon--item {
    position:absolute;
    width:100%;
    height:100%;
    display:flex;
    align-content:center;
    align-items:center;
    justify-content:center;
    transition:opacity .4s cubic-bezier(.165,.84,.44,1)
   }
   #char--popup .icon--item.icon--item-success {
    opacity:0
   }
   #char--popup.success .popup--back {
    background-color:rgba(0,0,0,.4)
   }
   #char--popup.success .icon--item.icon--item-success {
    opacity:1
   }
   #char--popup.success .icon--item.icon--item-writing {
    opacity:0
   }
   #char--popup.success .char--popup-message.popup--message-success {
    position:relative;
    visibility:visible
   }
   #char--popup .popup--message-wrap {
    margin-bottom:1.25rem
   }
   #char--popup .char--popup-message {
    font-size:14px;
    color:#5b6273;
    line-height:1.57143
   }
   #char--popup .char--popup-message.popup--message-success {
    padding-top:.5rem;
    position:absolute;
    visibility:hidden
   }
   #char--popup .char--popup-message.popup--message-success .wrap-content {
    width:18.125rem
   }
   #char--popup .char--true-text,
   #char--popup .text--error {
    font-size:1.25rem;
    font-weight:500
   }
   #char--popup .text--error {
    margin-right:.9375rem
   }
   #char--popup button,
   #char--popup input {
    background:none;
    border:none;
    box-shadow:none;
    outline:none
   }
   #char--popup .char--placeholder {
    position:absolute;
    margin:0;
    padding-left:10px;
    font-size:14px;
    height:100%;
    display:flex;
    align-content:center;
    align-items:center;
    color:rgba(22,31,56,.2);
    pointer-events:none
   }
   #char--popup input {
    width:calc(100% - 30px);
    height:100%;
    padding-left:.9375rem
   }
   #char--popup button {
    padding:0;
    position:absolute;
    width:1.875rem;
    height:100%;
    display:flex;
    justify-content:start;
    align-items:center;
    align-content:start;
    right:0;
    top:0
   }
   #char--popup button.char--true-submit {
    opacity:0;
    visibility:hidden;
    transition:all .4s cubic-bezier(.165,.84,.44,1);
    transform:translateX(-5px)
   }
   #char--popup button.char--true-submit.on--submit {
    opacity:1;
    visibility:visible;
    transform:translateX(0)
   }
   #char--popup .wrap--input {
    background:#fafafa;
    height:2.6875rem;
    width:100%;
    position:relative
   }
   #char--popup #form--get-email .char--placeholder {
    line-height:1.8
   }
   #char--popup #form--get-email {
    position:absolute;
    visibility:hidden;
    opacity:0;
    top:0;
    left:0;
    width:100%
   }
   #char--popup .popup--message-form {
    position:relative
   }
   #char--popup .popup--back {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    transition:background-color .4s cubic-bezier(.165,.84,.44,1)
   }
   #party--animation {
    position:absolute;
    top:-70px;
    left:50%;
    transform:translateX(-50%);
    pointer-events:none
   }
   .link--copy-message {
    font-size:11px;
    position:absolute;
    width:120px;
    background:#161f38;
    color:#fff;
    padding:5px;
    text-align:center;
    border-radius:3px;
    opacity:0;
    pointer-events:none
   }
   .link--copy-message.left {
    right:100%;
    margin-right:5px
   }
   .link--copy-message.right {
    margin-left:5px;
    left:100%
   }
   body.theme-mode--dark .link--copy-message {
    background:#fff;
    color:#161f38
   }
   #header--blog-detail-processing {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    pointer-events:none
   }
   #header--blog-detail-processing .container {
    position:relative
   }
   #header--blog-detail-processing .line--processing {
    background-color:#161f38;
    width:0;
    position:relative;
    z-index:2
   }
   #header--blog-detail-processing .line--bg {
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    background-color:#f3f4f5;
    width:100%
   }
   #header--message-blog--detail {
    width:100%;
    top:.375rem!important
   }
   #header--message-blog--detail .col--back-category {
    margin-left:-.625rem
   }
   #header--message-blog--detail .col--back-category .icon {
    margin-right:.9375rem;
    float:left;
    font-size:0
   }
   #header--message-blog--detail .col--back-category .svg {
    stroke:#c5c7cd;
    transition:stroke .3s cubic-bezier(.165,.84,.44,1)
   }
   #header--message-blog--detail .col--back-category a:hover .svg {
    stroke:#161f38
   }
   #header--message-blog--detail .single--control-fonts {
    margin-right:1.875rem
   }
   #header--message-blog--detail .single--control-fonts a {
    line-height:1;
    width:1.875rem;
    height:2.25rem;
    position:relative;
    padding:0;
    text-align:center
   }
   #header--message-blog--detail .single--control-fonts a[href="#font-size-small"] {
    font-size:1rem
   }
   #header--message-blog--detail .single--control-fonts a[href="#font-size-small"] span {
    display:block;
    margin-top:.75rem
   }
   #header--message-blog--detail .single--control-fonts a[href="#font-size-medium"] {
    font-size:1.25rem
   }
   #header--message-blog--detail .single--control-fonts a[href="#font-size-medium"] span {
    display:block;
    margin-top:.5625rem
   }
   #header--message-blog--detail .single--control-fonts a[href="#font-size-large"] {
    font-size:1.5rem
   }
   #header--message-blog--detail .single--control-fonts a[href="#font-size-large"] span {
    display:block;
    margin-top:.3125rem
   }
   #header--message-blog--detail .col--single-control {
    margin-top:-.3125rem
   }
   #header--message-blog--detail .single--control-light .switch {
    padding:.625rem 0;
    position:relative
   }
   #header--message-blog--detail .single--control-light .switch:hover .switch--box,
   #header--message-blog--detail .single--control-light .switch:hover .switch--slider {
    border-color:#161f38
   }
   #header--message-blog--detail .single--control-light .switch--mode-dark .switch--slider {
    background-color:#161f38;
    border-color:#fff!important;
    transform:translateX(12px)
   }
   #header--message-blog--detail .single--control-light .switch--mode-dark .switch--box {
    border-color:#fff!important
   }
   #header--message-blog--detail .single--control-light .switch--mode-dark .icon--night {
    opacity:1!important
   }
   #header--message-blog--detail .single--control-light .switch--mode-dark .icon--shining {
    opacity:0!important
   }
   #header--message-blog--detail .single--control-light .switch--box {
    width:2.5rem;
    height:.75rem;
    border:1px solid #f3f4f5;
    display:block;
    border-radius:1.125rem;
    transition:border-color .4s cubic-bezier(.165,.84,.44,1)
   }
   #header--message-blog--detail .single--control-light .switch--slider {
    position:absolute;
    top:calc(50% - 14px);
    left:0;
    width:1.75rem;
    height:1.75rem;
    border-radius:50%;
    border:1px solid #f3f4f5;
    background-color:#fff;
    transition:border-color .4s cubic-bezier(.165,.84,.44,1),background-color .4s cubic-bezier(.165,.84,.44,1),transform .3s cubic-bezier(.165,.84,.44,1)
   }
   #header--message-blog--detail .single--control-light .switch--slider .icon--switch {
    position:absolute;
    width:1rem;
    height:1rem;
    top:calc(50% - .5rem);
    left:calc(50% - .5rem);
    transition:opacity .4s cubic-bezier(.165,.84,.44,1)
   }
   #header--message-blog--detail .single--control-light .switch--slider .icon--night {
    opacity:0
   }
   #header--message-blog--detail a {
    color:#c5c7cd;
    transition:color .3s cubic-bezier(.165,.84,.44,1)
   }
   #header--message-blog--detail a.active,
   #header--message-blog--detail a:hover {
    color:#161f38
   }
   .page--content-writing-single.font--small {
    font-size:1rem
   }
   .page--content-writing-single.font--large {
    font-size:1.5rem
   }
   .post--single-meta-item {
    font-weight:400
   }
   .post--single-heading {
    margin-bottom:0
   }
   .post--single-border {
    border-bottom:1px solid #e8e9eb
   }
   .post--single-content {
    line-height:1.5;
    letter-spacing:.5px
   }
   .post--single-content h2,
   .post--single-content h3,
   .post--single-content h4 {
    margin-bottom:1.25em;
    font-weight:700
   }
   .post--single-content div,
   .post--single-content ol,
   .post--single-content p,
   .post--single-content ul {
    margin-bottom:1.25em
   }
   .post--single-content a {
    color:#2866dc
   }
   .post--single-content a:hover {
    text-decoration:underline
   }
   .post--single-content ul {
    list-style:none
   }
   .post--single-content ul li {
    margin-bottom:1.25em;
    position:relative
   }
   .post--single-content ul li:after {
    content:"";
    display:block;
    width:.4em;
    height:.4em;
    background-color:#d8d8d8;
    border-radius:50%;
    position:absolute;
    top:.45em;
    left:-1em
   }
   .post--single-content ul li:last-child {
    margin-bottom:0
   }
   .post--single-sharing {
    font-weight:400
   }
   .post--single-sharing .post--single-socials {
    list-style:none
   }
   .post--single-sharing .post--single-socials .social--sharing-item {
    margin-right:.9375rem
   }
   .post--single-sharing .post--single-socials .social--sharing-item:last-child {
    margin-right:0
   }
   .post--single-sharing .post--single-socials .social--sharing-item a {
    display:flex;
    align-items:center;
    justify-content:center;
    height:3.125rem;
    width:3.125rem;
    position:relative
   }
   .post--single-sharing .post--single-socials .social--sharing-item a:after {
    content:"";
    display:block;
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    border:1px solid #e8e9eb
   }
   .post--single-label--next-post {
    border-bottom:.3125rem solid #e8e9eb;
    font-size:.75rem;
    font-weight:400
   }
   .nguoi--noi--tieng {
    margin-bottom:2em
   }
   .nguoi--noi--tieng-wrap {
    position:relative
   }
   .nguoi--noi--tieng-wrap:after {
    content:"";
    display:block;
    position:absolute;
    transform:translateY(-50%)
   }
   .nguoi--noi--tieng-wrap:before {
    content:"";
    display:block;
    position:absolute;
    background-color:#fafafa;
    width:108%;
    left:-4%;
    height:100%;
    top:0
   }
   .nguoi--noi--tieng-wrap .content {
    position:relative;
    margin-bottom:1em;
    font-weight:400;
    line-height:1.5;
    color:#161f38
   }
   .nguoi--noi--tieng-wrap .name {
    position:relative;
    color:#161f38
   }
   body.theme-mode--dark #header--blog-detail-processing .line--bg {
    background-color:hsla(0,0%,100%,.2)
   }
   body.theme-mode--dark #header--blog-detail-processing .line--processing {
    background-color:#fff
   }
   body.theme-mode--dark .post--single-border,
   body.theme-mode--dark .post--single-label--next-post {
    border-color:#202941
   }
   body.theme-mode--dark #header--message-blog--detail a.btn--font {
    color:#434b61
   }
   body.theme-mode--dark .post--single-content {
    color:#d0d2d8
   }
   body.theme-mode--dark #header--message-blog--detail a.active,
   body.theme-mode--dark #header--message-blog--detail a:hover,
   body.theme-mode--dark .h1,
   body.theme-mode--dark .h2,
   body.theme-mode--dark .h3,
   body.theme-mode--dark .h4,
   body.theme-mode--dark .h5,
   body.theme-mode--dark .h6,
   body.theme-mode--dark .post--single-content ol,
   body.theme-mode--dark .post--single-content ul,
   body.theme-mode--dark .post--single-meta,
   body.theme-mode--dark .post--single-sharing,
   body.theme-mode--dark h1,
   body.theme-mode--dark h2,
   body.theme-mode--dark h3,
   body.theme-mode--dark h4,
   body.theme-mode--dark h5,
   body.theme-mode--dark h6 {
    color:#fff
   }
   body.theme-mode--dark .scrollbar-track {
    background:#161f38!important
   }
   body.theme-mode--dark .scrollbar-track .scrollbar-thumb {
    background:#8a8f9b!important
   }
   body.theme-mode--dark #header--message-blog--detail .col--back-category a:hover .svg {
    stroke:#fff
   }
   body.theme-mode--dark .nguoi--noi--tieng-wrap:after {
    border-left-color:#434b61
   }
   body.theme-mode--dark .nguoi--noi--tieng-wrap:before {
    background-color:#182340
   }
   body.theme-mode--dark .nguoi--noi--tieng-wrap .content {
    color:#d0d2d8
   }
   body.theme-mode--dark .nguoi--noi--tieng-wrap .name {
    color:#fff
   }
   body.theme-mode--dark .post--single-sharing .post--single-socials .social--sharing-item a:hover {
    border-color:#f2da87
   }
   #site--post-single--sharing {
    position:fixed;
    visibility:hidden;
    pointer-events:none;
    opacity:0
   }
   #site--post-single--sharing .post--single-socials {
    list-style:none
   }
   #site--post-single--sharing .post--single-socials .social--sharing-item:last-child {
    margin-bottom:0
   }
   .border--box {
    position:relative;
    height:3.125rem;
    width:3.125rem;
    display:flex;
    align-items:center;
    justify-content:center
   }
   .border--box .border--box-hover {
    position:absolute;
    pointer-events:none;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
    stroke-dasharray:192;
    stroke-dashoffset:192
   }
   #header--message-blog .control--view-mode .view--mode {
    opacity:.1;
    transition:opacity .4s cubic-bezier(.165,.84,.44,1)
   }
   #header--message-blog .control--view-mode .view--mode-active,
   #header--message-blog .control--view-mode .view--mode:hover {
    opacity:1
   }
   #header--message-blog .d-flex--filter-category {
    height:1rem
   }
   #header--message-blog-detail-processing {
    position:absolute;
    top:0
   }
   #writing--page:not(.view--mode-list) .posts .post {
    will-change:transform
   }
   #writing--page:not(.view--mode-list) .posts .post--heading .title--list {
    display:none
   }
   #writing--page:not(.view--mode-list) .posts .post--line {
    width:80%;
    margin:auto;
    position:relative
   }
   #writing--page:not(.view--mode-list) .posts .post--line .line--border {
    display:block;
    border-top:1px solid #e8e9eb
   }
   #writing--page:not(.view--mode-list) .posts .post--line .line--border-processing {
    position:absolute;
    left:0;
    top:-1px;
    border-top:3px solid #f2da87;
    width:0
   }
   #writing--page:not(.view--mode-list) .posts .post--category {
    padding:1.875rem 0;
    position:relative;
    font-weight:400;
    margin-bottom:2.1875rem
   }
   #writing--page:not(.view--mode-list) .posts .post--link {
    transition:border-color .4s cubic-bezier(.165,.84,.44,1)
   }
   #writing--page:not(.view--mode-list) .posts .post--link.post--on-viewing,
   #writing--page:not(.view--mode-list) .posts .post--link:hover {
    border-color:#f2da87
   }
   #writing--page:not(.view--mode-list) .posts .post--meta-item {
    font-size:.75rem;
    font-weight:400
   }
   #writing--page.view--mode-list .posts .post {
    flex:0 0 100%;
    max-width:100%;
    will-change:transform
   }
   #writing--page.view--mode-list .posts .post--heading {
    font-size:1.25rem;
    line-height:1.2;
    text-align:left!important;
    flex:0 0 auto;
    max-width:100%;
    width:calc(100% - 100px);
    margin-bottom:0;
    padding-left:0!important
   }
   #writing--page.view--mode-list .posts .post--heading .title--grid {
    display:none
   }
   #writing--page.view--mode-list .posts .post--heading .title--list {
    display:block
   }
   #writing--page.view--mode-list .posts .post--line {
    bottom:0;
    left:0;
    position:absolute;
    width:100%
   }
   #writing--page.view--mode-list .posts .post--line .line--border {
    display:block;
    border-top:1px solid #e8e9eb
   }
   #writing--page.view--mode-list .posts .post--line .line--border-processing {
    position:absolute;
    left:0;
    top:-1px;
    border-top:3px solid #f2da87;
    width:0
   }
   #writing--page.view--mode-list .posts .post--category {
    display:none!important
   }
   #writing--page.view--mode-list .posts .post--link {
    padding:1.5625rem 0;
    border:none!important;
    display:flex!important;
    flex-wrap:wrap;
    position:relative;
    transition:background-color .5s cubic-bezier(.165,.84,.44,1)
   }
   #writing--page.view--mode-list .posts .post--link:hover {
    background-color:rgba(210,208,213,.1)
   }
   #writing--page.view--mode-list .posts .post--meta {
    flex:0 0 auto;
    width:6.25rem;
    max-width:100%
   }
   #writing--page.view--mode-list .posts .post--meta-item {
    font-size:.75rem;
    font-weight:400
   }
   #writing--page.view--mode-list .posts .post--meta-item.post--meta-date {
    display:none!important
   }
   #writing--page.view--mode-list #writing--page-content {
    padding-bottom:3.125rem
   }
   .blog--category-filter-wrap {
    position:relative;
    padding-left:.3125rem;
    padding-right:.3125rem
   }
   .blog--category-filter-wrap>.link--underline-child {
    z-index:3
   }
   .blog--category-filter-wrap>.link--underline-child .link--underline-element {
    will-change:transform,width,height
   }
   .blog--category-filter-wrap .blog--category-filter {
    box-shadow:0 5px 5px -2px rgba(22,31,56,.3);
    background:#fff;
    position:absolute;
    pointer-events:none;
    -webkit-clip-path:inset(-1% -1% 100% -1%);
    clip-path:inset(-1% -1% 100% -1%);
    will-change:clip-path
   }
   .blog--category-filter-wrap .blog--category-filter .cat--filter {
    will-change:transform,opacity
   }
   .blog--category-filter-wrap .blog--category-filter a {
    padding:15px 50px 15px 15px!important;
    color:#8a8f9b;
    line-height:1;
    transition:color .4s cubic-bezier(.165,.84,.44,1),background-color .4s cubic-bezier(.165,.84,.44,1)
   }
   .blog--category-filter-wrap .blog--category-filter a.current--category,
   .blog--category-filter-wrap .blog--category-filter a:hover {
    color:#161f38;
    background-color:rgba(210,208,213,.2)
   }
   .writing--navigation-pages .writing--navi a {
    transition:color .4s cubic-bezier(.165,.84,.44,1);
    color:#898f9c;
    display:flex;
    align-items:center;
    justify-content:center;
    height:2.8125rem
   }
   .writing--navigation-pages .writing--navi a:hover {
    color:#161f38
   }
   .writing--navigation-pages .writing--navi a:hover .svg {
    stroke:#161f38
   }
   .writing--navigation-pages .writing--navi .svg {
    stroke:#c5c7cd;
    transition:stroke .4s cubic-bezier(.165,.84,.44,1)
   }
   .writing--navigation-pages .writing--navi-next .svg {
    float:left
   }
   .writing--navigation-pages .writing--navi-prev .svg {
    float:right
   }
   #videos__bg #videos__bg-writing--loop div[aria-label="Video Player"] {
    position:absolute;
    right:var(--right-videos--bg-writing--loop);
    top:50%;
    transform:translateY(-50%)
   }
   #contact--us {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:3
   }
   #contact--us .container__full-content {
    position:relative
   }
   #videos__bg #videos__bg-contact--loop div[aria-label="Video Player"],
   #videos__bg #videos__bg-contact--to--home div[aria-label="Video Player"],
   #videos__bg #videos__bg-home--to--contact div[aria-label="Video Player"] {
    position:relative;
    will-change:transform
   }
   #videos__bg #videos__bg-contact--loop div[aria-label="Video Player"]:after,
   #videos__bg #videos__bg-contact--to--home div[aria-label="Video Player"]:after,
   #videos__bg #videos__bg-home--to--contact div[aria-label="Video Player"]:after {
    content:"";
    display:block;
    height:5px;
    background-color:#fff;
    bottom:-2px;
    left:0;
    width:100%;
    position:absolute
   }
   #header--message-designing {
    top:1rem!important
   }
   #designing--page .design--link {
    position:relative;
    transition:background-color .5s cubic-bezier(.165,.84,.44,1)
   }
   #designing--page .design--link-element {
    transition:opacity .4s cubic-bezier(.165,.84,.44,1)
   }
   #designing--page .design--link.out__active .design--link-element {
    opacity:.3
   }
   #designing--page .design--link:hover {
    background-color:rgba(210,208,213,.1)
   }
   #designing--page .design--link .design--line {
    position:absolute;
    bottom:0;
    left:0;
    width:100%
   }
   #designing--page .design--link .design--line .line--border-bg {
    border-bottom:1px solid #e8e9eb
   }
   #designing--page .design--link .design--line .line--border-processing {
    border-bottom:2px solid #f2da87;
    width:0;
    position:absolute;
    left:0;
    bottom:0;
    z-index:2
   }
   #designing--page .design--link-number {
    line-height:2;
    font-weight:400
   }
   #designing--page .design--link-heading {
    line-height:1
   }
   #designing--page .design--link-label {
    position:absolute;
    right:0;
    bottom:calc(100% - .3125rem);
    pointer-events:none;
    color:#8a8f9b;
    font-weight:400
   }
   #designing--page #dribbble--shots {
    padding-bottom:3.75rem
   }
   #designing--page #dribbble--shots .dribbble--shots-heading {
    font-weight:400
   }
   #designing--page #dribbble--trigger-load {
    display:block;
    width:100%;
    padding-bottom:2.5rem;
    text-align:center;
    margin-top:3.125rem;
    line-height:1.65;
    position:relative
   }
   #designing--page .dribbble--trigger--css-loading {
    opacity:0;
    position:absolute;
    top:1.5625rem;
    left:50%;
    transform:translateX(-50%)
   }
   #designing--page .dribbble--trigger-message {
    color:#8a8f9b
   }
   #designing--image-bg {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    pointer-events:none
   }
   #designing--image-bg #designing--image-bg--area {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    max-width:38.75rem;
    margin-left:-5rem
   }
   #designing--image-bg #designing--image-bg--area .design--thumb-item {
    position:absolute;
    top:0;
    left:0;
    width:100%
   }
   #designing--image-bg #designing--image-bg--area .design--thumb-item:first-child {
    position:relative
   }
   #videos__bg #videos__bg-designing--to--home div[aria-label="Video Player"],
   #videos__bg #videos__bg-designing--to--writing div[aria-label="Video Player"],
   #videos__bg #videos__bg-home--to--designing div[aria-label="Video Player"],
   #videos__bg #videos__bg-writing--to--designing div[aria-label="Video Player"] {
    position:relative;
    will-change:transform
   }
   #videos__bg #videos__bg-designing--to--home div[aria-label="Video Player"]:before,
   #videos__bg #videos__bg-designing--to--writing div[aria-label="Video Player"]:before,
   #videos__bg #videos__bg-home--to--designing div[aria-label="Video Player"]:before,
   #videos__bg #videos__bg-writing--to--designing div[aria-label="Video Player"]:before {
    content:"";
    display:block;
    width:3px;
    background-color:#fff;
    left:-1px;
    top:0;
    height:100%;
    position:absolute
   }
   #videos__bg #videos__bg-designing--to--home div[aria-label="Video Player"]:after,
   #videos__bg #videos__bg-designing--to--writing div[aria-label="Video Player"]:after,
   #videos__bg #videos__bg-home--to--designing div[aria-label="Video Player"]:after,
   #videos__bg #videos__bg-writing--to--designing div[aria-label="Video Player"]:after {
    content:"";
    display:block;
    width:3px;
    background-color:#fff;
    right:-1px;
    top:0;
    height:100%;
    position:absolute
   }
   #videos__bg #videos__bg-designing--loop div[aria-label="Video Player"] {
    position:absolute;
    top:calc(50% + 10px);
    transform:translateY(-50%)
   }
   #home__page-overlay,
   body.home {
    overflow:hidden;
    height:100vh;
    height:calc(var(--vh, 1vh)*100)
   }
   #home__page-overlay {
    position:relative
   }
   #home__page-overlay #home__page--wrap {
    position:absolute
   }
   #home__page-overlay #home__page--wrap .home__page-wrap--container {
    width:100%;
    height:100%;
    position:relative;
    z-index:3
   }
   #home__page-overlay #home__page--wrap .home__page-wrap--container .home__page--layer-dot {
    position:absolute;
    pointer-events:none;
    width:5.245%;
    max-width:2.125rem;
    max-height:2.125rem;
    height:3.85%
   }
   #home__page-overlay #home__page--wrap .home__page-wrap--container .home__page--layer-dot:hover .layer--dot-bg {
    background-color:rgba(242,218,135,.15)
   }
   #home__page-overlay #home__page--wrap .home__page-wrap--container .home__page--layer-dot .layer--dot {
    display:block
   }
   #home__page-overlay #home__page--wrap .home__page-wrap--container .home__page--layer-dot .layer--dot-bg {
    border-radius:50%;
    transition:background-color .4s cubic-bezier(.165,.84,.44,1);
    background-color:hsla(0,0%,100%,.15);
    width:100%;
    height:100%;
    transform:scale(0);
    opacity:0;
    -webkit-animation:bgActionAnimation 1.4s cubic-bezier(.165,.84,.44,1) infinite;
    animation:bgActionAnimation 1.4s cubic-bezier(.165,.84,.44,1) infinite
   }
   @-webkit-keyframes bgActionAnimation {
    0% {
     transform:scale(0);
     opacity:0
    }
    50% {
     opacity:1
    }
    to {
     transform:scale(1.6);
     opacity:0
    }
   }
   @keyframes bgActionAnimation {
    0% {
     transform:scale(0);
     opacity:0
    }
    50% {
     opacity:1
    }
    to {
     transform:scale(1.6);
     opacity:0
    }
   }
   #home__page-overlay #home__page--wrap .home__page-wrap--container .home__page--layer-dot .layer--dot-active {
    border-radius:50%;
    background-color:#fff;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:30%;
    height:30%;
    max-width:.5625rem;
    max-height:.5625rem
   }
   #home__page-overlay #home__page--wrap .home__page-wrap--container .home__page--layer-dot:first-child {
    top:16.5%;
    right:39%
   }
   #home__page-overlay #home__page--wrap .home__page-wrap--container .home__page--layer-dot:nth-child(2) {
    left:25.5%;
    top:32.5%
   }
   #home__page-overlay #home__page--wrap .home__page-wrap--container .home__page--layer-dot:nth-child(2) .layer--dot-bg {
    -webkit-animation-delay:.5s;
    animation-delay:.5s
   }
   #home__page-overlay #home__page--wrap .home__page-wrap--container .home__page--layer-dot:nth-child(3) {
    left:43.6%;
    top:38%
   }
   #home__page-overlay #home__page--wrap .home__page-wrap--container .home__page--layer-dot:nth-child(3) .layer--dot-bg {
    -webkit-animation-delay:.2s;
    animation-delay:.2s
   }
   #home__page-overlay #home__page--wrap .home__page-wrap--container .home__page--layer-dot:nth-child(4) {
    top:45.5%;
    right:39%
   }
   #home__page-overlay #home__page--wrap .home__page-wrap--container .home__page--layer-dot:nth-child(4) .layer--dot-bg {
    -webkit-animation-delay:.8s;
    animation-delay:.8s
   }
   #home__page-overlay #home__page--list-content {
    position:relative
   }
   #home__page-overlay #home__page--list-content .home--page-content {
    line-height:1.66667
   }
   #home__page-overlay #home__page--list-content .list--content-wrap {
    position:relative
   }
   #home__page-overlay #home__page--list-content .list--content-wrap li {
    display:block
   }
   #home__page-overlay #home__page--list-content .list--content-wrap li:not(:first-child) {
    position:absolute;
    left:0;
    top:0
   }
   #videos__bg-home--loop div[aria-label="Video Player"],
   #videos__bg-intro div[aria-label="Video Player"] {
    position:relative;
    transform:translateY(-50%)
   }
   #loading__page {
    height:100%;
    width:100%;
    position:fixed;
    z-index:9;
    top:0;
    left:0
   }
   #loading__page-clip {
    background-color:#f2da87;
    height:100%;
    width:100%;
    overflow:hidden
   }
   #loading__page .loading__page-wrap {
    max-width:200px;
    margin:auto;
    top:50%;
    position:relative;
    transform:translateY(-50%);
    opacity:0
   }
   #loading__page .loading__page-wrap .btn--sound {
    transition:color .4s cubic-bezier(.165,.84,.44,1);
    padding:.3125rem;
    display:block
   }
   #loading__page .loading__page-wrap .btn--sound:hover {
    color:inherit
   }
   #loading__page .loading__page-wrap .btn--sound.out__active {
    color:rgba(22,31,56,.4)
   }
   #loading__page .loading__page-wrap .loading__page-video {
    width:4.125rem;
    position:relative;
    margin-bottom:1.875rem
   }
   #loading__page .loading__page-wrap .loading__page-video img {
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
    height:100%
   }
   #loading__page .loading__page-wrap .loading__control-sound {
    margin-bottom:1.5625rem
   }
   #loading__page .loading__page-wrap .loading__page-content {
    font-size:.875rem;
    font-weight:500;
    line-height:1.42857;
    will-change:transform
   }
   #loading__page .video--loading-page-dimensions {
    height:auto!important;
    width:auto!important
   }
   #loading__page #video--loading-page {
    opacity:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    pointer-events:none
   }
   body.site__template-mobile .loading__control-sound {
    display:none
   }
   body:not(.site__template-mobile) {
    overflow:hidden;
    height:100vh;
    height:calc(var(--vh, 1vh)*100)
   }
   .scrollbar-track.site--scrollbar {
    z-index:999
   }
   #main[data-scrollbar=true] {
    overflow:hidden;
    z-index:1;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0
   }
   #main[data-scrollbar=true],
   #main[data-scrollbar=true] .scroll-content {
    height:100vh;
    height:calc(var(--vh, 1vh)*100)
   }
   #main[data-scrollbar=true] #viewpoint {
    will-change:transform
   }
   #viewpoint {
    z-index:2;
    position:relative
   }
   .scrollbar-track {
    background-color:#c5c7cd!important
   }
   .scrollbar-track.scrollbar-track-y.hidden--track {
    display:none!important
   }
   .scrollbar-track.scrollbar-track-y.opacity--track {
    opacity:0
   }
   .scrollbar-thumb {
    background-color:#161f38!important
   }
   .animation__fade:not(.animated) {
    will-change:opacity
   }
   body:not(.site__template-mobile) .animation__image-clippath:not(.animated) {
    will-change:transform
   }
   body:not(.site__template-mobile) .animation__image-clippath:not(.animated) .image--clippath-element {
    will-change:clip-path
   }
   .splitting--line {
    overflow:hidden
   }
   .splitting--line .splitting--line-element {
    will-change:transform
   }
   .animation__chars-fade:not(.animated) .animation__chars-fade--element,
   .animation__chars-fade:not(.animated) .word {
    will-change:transform,opacity
   }
   #site__socials {
    position:fixed
   }
   #site__socials .socials {
    padding:0;
    margin:0
   }
   #site__socials .col--social a {
    font-size:.8125rem;
    color:#8a8f9b;
    transition:color .4s cubic-bezier(.165,.84,.44,1);
    letter-spacing:.5px
   }
   #site__socials .col--social a:hover {
    color:#161f38
   }
   body.theme-mode--dark #site__socials .col--social a:hover {
    color:#fff
   }
   #socials--mobile {
    opacity:0;
    pointer-events:none
   }
   #socials--mobile .wrap--icon {
    position:relative
   }
   #socials--mobile .icon--btn-social {
    width:2.375rem;
    visibility:hidden;
    pointer-events:none;
    opacity:0;
    transition:all .4s cubic-bezier(.165,.84,.44,1)
   }
   #socials--mobile .icon--btn-social.active {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition-delay:.2s
   }
   #socials--mobile .icon--btn-remove {
    position:absolute;
    top:0;
    left:0
   }
   #videos__bg {
    position:fixed;
    top:0;
    z-index:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    overflow:hidden
   }
   #videos__bg .container__full-content,
   #videos__bg .container__full-content--wrap {
    height:100%
   }
   #videos__bg .video--bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    will-change:opacity
   }
   #videos__bg .video--bg div[aria-label="Video Player"] {
    font-size:0;
    height:auto!important;
    margin-left:auto;
    margin-right:auto;
    will-change:transform;
    position:relative
   }
   #videos__bg .video--bg div[aria-label="Video Player"] video {
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
   }
   #videos__bg .dot--position {
    display:block;
    position:absolute;
    width:5px;
    height:5px;
    background:transparent;
    pointer-events:none;
    z-index:2
   }
   #videos__bg #videos__bg-home--loop .dot--position {
    top:26.5%;
    left:58.2%
   }
   #videos__bg #videos__bg-home--to--contact div[aria-label="Video Player"],
   #videos__bg #videos__bg-home--to--designing div[aria-label="Video Player"],
   #videos__bg #videos__bg-home--to--writing div[aria-label="Video Player"] {
    margin-left:0
   }
   #videos__bg #videos__bg-home--to--contact .dot--position {
    top:30.7%;
    left:57.2%
   }
   #videos__bg #videos__bg-home--to--designing .dot--position {
    top:31.8%;
    left:75.7%
   }
   #videos__bg #videos__bg-home--to--writing .dot--position {
    top:31.6%;
    left:33.72%
   }
   #videos__bg #videos__bg-contact--loop .dot--position {
    top:31%;
    left:49.8%
   }
   #videos__bg #videos__bg-contact--to--designing div[aria-label="Video Player"],
   #videos__bg #videos__bg-contact--to--home div[aria-label="Video Player"],
   #videos__bg #videos__bg-contact--to--writing div[aria-label="Video Player"] {
    margin-left:0
   }
   #videos__bg #videos__bg-contact--to--home .dot--position {
    top:31%;
    left:50%
   }
   #videos__bg #videos__bg-contact--to--designing .dot--position {
    top:25.6%;
    left:47.5%
   }
   #videos__bg #videos__bg-contact--to--writing .dot--position {
    top:25%;
    left:53.4%
   }
   #videos__bg #videos__bg-writing--loop .dot--position {
    top:43%;
    left:56.8%
   }
   #videos__bg #videos__bg-writing--to--contact div[aria-label="Video Player"],
   #videos__bg #videos__bg-writing--to--designing div[aria-label="Video Player"],
   #videos__bg #videos__bg-writing--to--home div[aria-label="Video Player"] {
    margin-left:0
   }
   #videos__bg #videos__bg-writing--to--home .dot--position {
    top:45.3%;
    left:31.3%
   }
   #videos__bg #videos__bg-writing--to--designing .dot--position {
    top:44.85%;
    left:54.5%
   }
   #videos__bg #videos__bg-writing--to--contact .dot--position {
    top:43.2%;
    left:56.7%
   }
   #videos__bg #videos__bg-designing--loop .dot--position {
    top:26%;
    left:76.6%
   }
   #videos__bg #videos__bg-designing--to--contact div[aria-label="Video Player"],
   #videos__bg #videos__bg-designing--to--home div[aria-label="Video Player"],
   #videos__bg #videos__bg-designing--to--writing div[aria-label="Video Player"] {
    margin-left:0
   }
   #videos__bg #videos__bg-designing--to--home .dot--position {
    top:32%;
    left:86.65%
   }
   #videos__bg #videos__bg-designing--to--writing .dot--position {
    top:26.9%;
    left:76%
   }
   #videos__bg #videos__bg-designing--to--contact .dot--position {
    top:26.3%;
    left:76.7%
   }
   .container--wrap {
    position:relative
   }
   @media (min-width:768px) {
    .container,
    .container-sm {
     max-width:600px
    }
    .col-sm {
     flex-basis:0;
     flex-grow:1;
     max-width:100%
    }
    .row-cols-sm-1>* {
     flex:0 0 100%;
     max-width:100%
    }
    .row-cols-sm-2>* {
     flex:0 0 50%;
     max-width:50%
    }
    .row-cols-sm-3>* {
     flex:0 0 33.33333%;
     max-width:33.33333%
    }
    .row-cols-sm-4>* {
     flex:0 0 25%;
     max-width:25%
    }
    .row-cols-sm-5>* {
     flex:0 0 20%;
     max-width:20%
    }
    .row-cols-sm-6>* {
     flex:0 0 16.66667%;
     max-width:16.66667%
    }
    .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%
    }
    .form-inline label {
     justify-content:center
    }
    .form-inline .form-group,
    .form-inline label {
     display:flex;
     align-items:center;
     margin-bottom:0
    }
    .form-inline .form-group {
     flex:0 0 auto;
     flex-flow:row wrap
    }
    .form-inline .form-control {
     display:inline-block;
     width:auto;
     vertical-align:middle
    }
    .form-inline .form-control-plaintext {
     display:inline-block
    }
    .form-inline .custom-select,
    .form-inline .input-group {
     width:auto
    }
    .form-inline .form-check {
     display:flex;
     align-items:center;
     justify-content:center;
     width:auto;
     padding-left:0
    }
    .form-inline .form-check-input {
     position:relative;
     flex-shrink:0;
     margin-top:0;
     margin-right:.25rem;
     margin-left:0
    }
    .form-inline .custom-control {
     align-items:center;
     justify-content:center
    }
    .form-inline .custom-control-label {
     margin-bottom:0
    }
    .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
    }
    .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
    }
    .float-sm-left {
     float:left!important
    }
    .float-sm-right {
     float:right!important
    }
    .float-sm-none {
     float:none!important
    }
    .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:.625rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
     margin-top:.625rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
     margin-right:.625rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
     margin-bottom:.625rem!important
    }
    .ml-sm-1,
    .mx-sm-1 {
     margin-left:.625rem!important
    }
    .m-sm-2 {
     margin:1.25rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
     margin-top:1.25rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
     margin-right:1.25rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
     margin-bottom:1.25rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
     margin-left:1.25rem!important
    }
    .m-sm-3 {
     margin:2.5rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
     margin-top:2.5rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
     margin-right:2.5rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
     margin-bottom:2.5rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
     margin-left:2.5rem!important
    }
    .m-sm-4 {
     margin:3.125rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
     margin-top:3.125rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
     margin-right:3.125rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
     margin-bottom:3.125rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
     margin-left:3.125rem!important
    }
    .m-sm-5 {
     margin:3.75rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
     margin-top:3.75rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
     margin-right:3.75rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
     margin-bottom:3.75rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
     margin-left:3.75rem!important
    }
    .m-sm-6 {
     margin:5rem!important
    }
    .mt-sm-6,
    .my-sm-6 {
     margin-top:5rem!important
    }
    .mr-sm-6,
    .mx-sm-6 {
     margin-right:5rem!important
    }
    .mb-sm-6,
    .my-sm-6 {
     margin-bottom:5rem!important
    }
    .ml-sm-6,
    .mx-sm-6 {
     margin-left:5rem!important
    }
    .m-sm-7 {
     margin:6.25rem!important
    }
    .mt-sm-7,
    .my-sm-7 {
     margin-top:6.25rem!important
    }
    .mr-sm-7,
    .mx-sm-7 {
     margin-right:6.25rem!important
    }
    .mb-sm-7,
    .my-sm-7 {
     margin-bottom:6.25rem!important
    }
    .ml-sm-7,
    .mx-sm-7 {
     margin-left:6.25rem!important
    }
    .m-sm-8 {
     margin:9.375rem!important
    }
    .mt-sm-8,
    .my-sm-8 {
     margin-top:9.375rem!important
    }
    .mr-sm-8,
    .mx-sm-8 {
     margin-right:9.375rem!important
    }
    .mb-sm-8,
    .my-sm-8 {
     margin-bottom:9.375rem!important
    }
    .ml-sm-8,
    .mx-sm-8 {
     margin-left:9.375rem!important
    }
    .m-sm-9 {
     margin:12.5rem!important
    }
    .mt-sm-9,
    .my-sm-9 {
     margin-top:12.5rem!important
    }
    .mr-sm-9,
    .mx-sm-9 {
     margin-right:12.5rem!important
    }
    .mb-sm-9,
    .my-sm-9 {
     margin-bottom:12.5rem!important
    }
    .ml-sm-9,
    .mx-sm-9 {
     margin-left:12.5rem!important
    }
    .m-sm-10 {
     margin:15.625rem!important
    }
    .mt-sm-10,
    .my-sm-10 {
     margin-top:15.625rem!important
    }
    .mr-sm-10,
    .mx-sm-10 {
     margin-right:15.625rem!important
    }
    .mb-sm-10,
    .my-sm-10 {
     margin-bottom:15.625rem!important
    }
    .ml-sm-10,
    .mx-sm-10 {
     margin-left:15.625rem!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:.625rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
     padding-top:.625rem!important
    }
    .pr-sm-1,
    .px-sm-1 {
     padding-right:.625rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
     padding-bottom:.625rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
     padding-left:.625rem!important
    }
    .p-sm-2 {
     padding:1.25rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
     padding-top:1.25rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
     padding-right:1.25rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
     padding-bottom:1.25rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
     padding-left:1.25rem!important
    }
    .p-sm-3 {
     padding:2.5rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
     padding-top:2.5rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
     padding-right:2.5rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
     padding-bottom:2.5rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
     padding-left:2.5rem!important
    }
    .p-sm-4 {
     padding:3.125rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
     padding-top:3.125rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
     padding-right:3.125rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
     padding-bottom:3.125rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
     padding-left:3.125rem!important
    }
    .p-sm-5 {
     padding:3.75rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
     padding-top:3.75rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
     padding-right:3.75rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
     padding-bottom:3.75rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
     padding-left:3.75rem!important
    }
    .p-sm-6 {
     padding:5rem!important
    }
    .pt-sm-6,
    .py-sm-6 {
     padding-top:5rem!important
    }
    .pr-sm-6,
    .px-sm-6 {
     padding-right:5rem!important
    }
    .pb-sm-6,
    .py-sm-6 {
     padding-bottom:5rem!important
    }
    .pl-sm-6,
    .px-sm-6 {
     padding-left:5rem!important
    }
    .p-sm-7 {
     padding:6.25rem!important
    }
    .pt-sm-7,
    .py-sm-7 {
     padding-top:6.25rem!important
    }
    .pr-sm-7,
    .px-sm-7 {
     padding-right:6.25rem!important
    }
    .pb-sm-7,
    .py-sm-7 {
     padding-bottom:6.25rem!important
    }
    .pl-sm-7,
    .px-sm-7 {
     padding-left:6.25rem!important
    }
    .p-sm-8 {
     padding:9.375rem!important
    }
    .pt-sm-8,
    .py-sm-8 {
     padding-top:9.375rem!important
    }
    .pr-sm-8,
    .px-sm-8 {
     padding-right:9.375rem!important
    }
    .pb-sm-8,
    .py-sm-8 {
     padding-bottom:9.375rem!important
    }
    .pl-sm-8,
    .px-sm-8 {
     padding-left:9.375rem!important
    }
    .p-sm-9 {
     padding:12.5rem!important
    }
    .pt-sm-9,
    .py-sm-9 {
     padding-top:12.5rem!important
    }
    .pr-sm-9,
    .px-sm-9 {
     padding-right:12.5rem!important
    }
    .pb-sm-9,
    .py-sm-9 {
     padding-bottom:12.5rem!important
    }
    .pl-sm-9,
    .px-sm-9 {
     padding-left:12.5rem!important
    }
    .p-sm-10 {
     padding:15.625rem!important
    }
    .pt-sm-10,
    .py-sm-10 {
     padding-top:15.625rem!important
    }
    .pr-sm-10,
    .px-sm-10 {
     padding-right:15.625rem!important
    }
    .pb-sm-10,
    .py-sm-10 {
     padding-bottom:15.625rem!important
    }
    .pl-sm-10,
    .px-sm-10 {
     padding-left:15.625rem!important
    }
    .m-sm-n1 {
     margin:-.625rem!important
    }
    .mt-sm-n1,
    .my-sm-n1 {
     margin-top:-.625rem!important
    }
    .mr-sm-n1,
    .mx-sm-n1 {
     margin-right:-.625rem!important
    }
    .mb-sm-n1,
    .my-sm-n1 {
     margin-bottom:-.625rem!important
    }
    .ml-sm-n1,
    .mx-sm-n1 {
     margin-left:-.625rem!important
    }
    .m-sm-n2 {
     margin:-1.25rem!important
    }
    .mt-sm-n2,
    .my-sm-n2 {
     margin-top:-1.25rem!important
    }
    .mr-sm-n2,
    .mx-sm-n2 {
     margin-right:-1.25rem!important
    }
    .mb-sm-n2,
    .my-sm-n2 {
     margin-bottom:-1.25rem!important
    }
    .ml-sm-n2,
    .mx-sm-n2 {
     margin-left:-1.25rem!important
    }
    .m-sm-n3 {
     margin:-2.5rem!important
    }
    .mt-sm-n3,
    .my-sm-n3 {
     margin-top:-2.5rem!important
    }
    .mr-sm-n3,
    .mx-sm-n3 {
     margin-right:-2.5rem!important
    }
    .mb-sm-n3,
    .my-sm-n3 {
     margin-bottom:-2.5rem!important
    }
    .ml-sm-n3,
    .mx-sm-n3 {
     margin-left:-2.5rem!important
    }
    .m-sm-n4 {
     margin:-3.125rem!important
    }
    .mt-sm-n4,
    .my-sm-n4 {
     margin-top:-3.125rem!important
    }
    .mr-sm-n4,
    .mx-sm-n4 {
     margin-right:-3.125rem!important
    }
    .mb-sm-n4,
    .my-sm-n4 {
     margin-bottom:-3.125rem!important
    }
    .ml-sm-n4,
    .mx-sm-n4 {
     margin-left:-3.125rem!important
    }
    .m-sm-n5 {
     margin:-3.75rem!important
    }
    .mt-sm-n5,
    .my-sm-n5 {
     margin-top:-3.75rem!important
    }
    .mr-sm-n5,
    .mx-sm-n5 {
     margin-right:-3.75rem!important
    }
    .mb-sm-n5,
    .my-sm-n5 {
     margin-bottom:-3.75rem!important
    }
    .ml-sm-n5,
    .mx-sm-n5 {
     margin-left:-3.75rem!important
    }
    .m-sm-n6 {
     margin:-5rem!important
    }
    .mt-sm-n6,
    .my-sm-n6 {
     margin-top:-5rem!important
    }
    .mr-sm-n6,
    .mx-sm-n6 {
     margin-right:-5rem!important
    }
    .mb-sm-n6,
    .my-sm-n6 {
     margin-bottom:-5rem!important
    }
    .ml-sm-n6,
    .mx-sm-n6 {
     margin-left:-5rem!important
    }
    .m-sm-n7 {
     margin:-6.25rem!important
    }
    .mt-sm-n7,
    .my-sm-n7 {
     margin-top:-6.25rem!important
    }
    .mr-sm-n7,
    .mx-sm-n7 {
     margin-right:-6.25rem!important
    }
    .mb-sm-n7,
    .my-sm-n7 {
     margin-bottom:-6.25rem!important
    }
    .ml-sm-n7,
    .mx-sm-n7 {
     margin-left:-6.25rem!important
    }
    .m-sm-n8 {
     margin:-9.375rem!important
    }
    .mt-sm-n8,
    .my-sm-n8 {
     margin-top:-9.375rem!important
    }
    .mr-sm-n8,
    .mx-sm-n8 {
     margin-right:-9.375rem!important
    }
    .mb-sm-n8,
    .my-sm-n8 {
     margin-bottom:-9.375rem!important
    }
    .ml-sm-n8,
    .mx-sm-n8 {
     margin-left:-9.375rem!important
    }
    .m-sm-n9 {
     margin:-12.5rem!important
    }
    .mt-sm-n9,
    .my-sm-n9 {
     margin-top:-12.5rem!important
    }
    .mr-sm-n9,
    .mx-sm-n9 {
     margin-right:-12.5rem!important
    }
    .mb-sm-n9,
    .my-sm-n9 {
     margin-bottom:-12.5rem!important
    }
    .ml-sm-n9,
    .mx-sm-n9 {
     margin-left:-12.5rem!important
    }
    .m-sm-n10 {
     margin:-15.625rem!important
    }
    .mt-sm-n10,
    .my-sm-n10 {
     margin-top:-15.625rem!important
    }
    .mr-sm-n10,
    .mx-sm-n10 {
     margin-right:-15.625rem!important
    }
    .mb-sm-n10,
    .my-sm-n10 {
     margin-bottom:-15.625rem!important
    }
    .ml-sm-n10,
    .mx-sm-n10 {
     margin-left:-15.625rem!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
    }
    .text-sm-left {
     text-align:left!important
    }
    .text-sm-right {
     text-align:right!important
    }
    .text-sm-center {
     text-align:center!important
    }
    .h5,
    h5 {
     font-size:1rem;
     line-height:1.25
    }
    .wrap--image {
     display:inline-block
    }
    #site__alert-cookies .alert--cookies-wrap {
     max-width:576px
    }
    #site__alert-cookies .col--content {
     font-size:.75rem;
     line-height:1.5
    }
    .footer__site-col {
     z-index:8;
     position:fixed;
     bottom:0
    }
    #header--blog-detail-processing .line--bg,
    #header--blog-detail-processing .line--processing {
     height:5px
    }
    .template--single {
     padding-top:12.22222vh
    }
    .page--content-writing-single {
     font-size:1.25rem
    }
    .post--single-meta-item.post--single-meta--category {
     font-size:.8em
    }
    .post--single-meta-item.post--single-meta--date {
     font-size:.6em
    }
    .post--single-heading {
     font-size:2em;
     line-height:1.25
    }
    .post--single-content h2 {
     font-size:1.2em;
     line-height:1.41667
    }
    .post--single-content h3 {
     font-size:1em;
     line-height:1.5
    }
    .post--single-content h4 {
     font-size:.9em;
     line-height:1.33333
    }
    .post--single-sharing {
     font-size:1rem
    }
    .post--single-label--next-post {
     padding-bottom:1.875rem
    }
    .nguoi--noi--tieng-wrap {
     padding:.9em 1.25em
    }
    .nguoi--noi--tieng-wrap:after {
     left:0;
     top:50%;
     height:calc(100% - 2.5em);
     border-left:.25em solid #161f38
    }
    .nguoi--noi--tieng-wrap .name {
     margin-bottom:.25em;
     font-size:.7em
    }
    #header--message-blog .col--filter {
     margin-bottom:.5rem
    }
    #writing--page:not(.view--mode-list) .posts .post--category,
    #writing--page:not(.view--mode-list) .posts .post--line,
    #writing--page:not(.view--mode-list) .posts .post--meta-item {
     will-change:transform
    }
    .writing--navigation-pages .writing--navi .svg {
     margin-top:.0625rem
    }
    .writing--navigation-pages .writing--navi-next .svg {
     margin-right:.9375rem;
     margin-top:-.125rem
    }
    .writing--navigation-pages .writing--navi-prev .svg {
     margin-left:.9375rem;
     margin-top:-.125rem
    }
    #designing--page #dribbble--shots .dribbble--shots-heading {
     margin-bottom:.5rem
    }
   }
   @media (min-width:1140px) {
    .container,
    .container-md {
     max-width:600px
    }
    .col-md {
     flex-basis:0;
     flex-grow:1;
     max-width:100%
    }
    .row-cols-md-1>* {
     flex:0 0 100%;
     max-width:100%
    }
    .row-cols-md-2>* {
     flex:0 0 50%;
     max-width:50%
    }
    .row-cols-md-3>* {
     flex:0 0 33.33333%;
     max-width:33.33333%
    }
    .row-cols-md-4>* {
     flex:0 0 25%;
     max-width:25%
    }
    .row-cols-md-5>* {
     flex:0 0 20%;
     max-width:20%
    }
    .row-cols-md-6>* {
     flex:0 0 16.66667%;
     max-width:16.66667%
    }
    .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%
    }
    .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
    }
    .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
    }
    .float-md-left {
     float:left!important
    }
    .float-md-right {
     float:right!important
    }
    .float-md-none {
     float:none!important
    }
    .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:.625rem!important
    }
    .mt-md-1,
    .my-md-1 {
     margin-top:.625rem!important
    }
    .mr-md-1,
    .mx-md-1 {
     margin-right:.625rem!important
    }
    .mb-md-1,
    .my-md-1 {
     margin-bottom:.625rem!important
    }
    .ml-md-1,
    .mx-md-1 {
     margin-left:.625rem!important
    }
    .m-md-2 {
     margin:1.25rem!important
    }
    .mt-md-2,
    .my-md-2 {
     margin-top:1.25rem!important
    }
    .mr-md-2,
    .mx-md-2 {
     margin-right:1.25rem!important
    }
    .mb-md-2,
    .my-md-2 {
     margin-bottom:1.25rem!important
    }
    .ml-md-2,
    .mx-md-2 {
     margin-left:1.25rem!important
    }
    .m-md-3 {
     margin:2.5rem!important
    }
    .mt-md-3,
    .my-md-3 {
     margin-top:2.5rem!important
    }
    .mr-md-3,
    .mx-md-3 {
     margin-right:2.5rem!important
    }
    .mb-md-3,
    .my-md-3 {
     margin-bottom:2.5rem!important
    }
    .ml-md-3,
    .mx-md-3 {
     margin-left:2.5rem!important
    }
    .m-md-4 {
     margin:3.125rem!important
    }
    .mt-md-4,
    .my-md-4 {
     margin-top:3.125rem!important
    }
    .mr-md-4,
    .mx-md-4 {
     margin-right:3.125rem!important
    }
    .mb-md-4,
    .my-md-4 {
     margin-bottom:3.125rem!important
    }
    .ml-md-4,
    .mx-md-4 {
     margin-left:3.125rem!important
    }
    .m-md-5 {
     margin:3.75rem!important
    }
    .mt-md-5,
    .my-md-5 {
     margin-top:3.75rem!important
    }
    .mr-md-5,
    .mx-md-5 {
     margin-right:3.75rem!important
    }
    .mb-md-5,
    .my-md-5 {
     margin-bottom:3.75rem!important
    }
    .ml-md-5,
    .mx-md-5 {
     margin-left:3.75rem!important
    }
    .m-md-6 {
     margin:5rem!important
    }
    .mt-md-6,
    .my-md-6 {
     margin-top:5rem!important
    }
    .mr-md-6,
    .mx-md-6 {
     margin-right:5rem!important
    }
    .mb-md-6,
    .my-md-6 {
     margin-bottom:5rem!important
    }
    .ml-md-6,
    .mx-md-6 {
     margin-left:5rem!important
    }
    .m-md-7 {
     margin:6.25rem!important
    }
    .mt-md-7,
    .my-md-7 {
     margin-top:6.25rem!important
    }
    .mr-md-7,
    .mx-md-7 {
     margin-right:6.25rem!important
    }
    .mb-md-7,
    .my-md-7 {
     margin-bottom:6.25rem!important
    }
    .ml-md-7,
    .mx-md-7 {
     margin-left:6.25rem!important
    }
    .m-md-8 {
     margin:9.375rem!important
    }
    .mt-md-8,
    .my-md-8 {
     margin-top:9.375rem!important
    }
    .mr-md-8,
    .mx-md-8 {
     margin-right:9.375rem!important
    }
    .mb-md-8,
    .my-md-8 {
     margin-bottom:9.375rem!important
    }
    .ml-md-8,
    .mx-md-8 {
     margin-left:9.375rem!important
    }
    .m-md-9 {
     margin:12.5rem!important
    }
    .mt-md-9,
    .my-md-9 {
     margin-top:12.5rem!important
    }
    .mr-md-9,
    .mx-md-9 {
     margin-right:12.5rem!important
    }
    .mb-md-9,
    .my-md-9 {
     margin-bottom:12.5rem!important
    }
    .ml-md-9,
    .mx-md-9 {
     margin-left:12.5rem!important
    }
    .m-md-10 {
     margin:15.625rem!important
    }
    .mt-md-10,
    .my-md-10 {
     margin-top:15.625rem!important
    }
    .mr-md-10,
    .mx-md-10 {
     margin-right:15.625rem!important
    }
    .mb-md-10,
    .my-md-10 {
     margin-bottom:15.625rem!important
    }
    .ml-md-10,
    .mx-md-10 {
     margin-left:15.625rem!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:.625rem!important
    }
    .pt-md-1,
    .py-md-1 {
     padding-top:.625rem!important
    }
    .pr-md-1,
    .px-md-1 {
     padding-right:.625rem!important
    }
    .pb-md-1,
    .py-md-1 {
     padding-bottom:.625rem!important
    }
    .pl-md-1,
    .px-md-1 {
     padding-left:.625rem!important
    }
    .p-md-2 {
     padding:1.25rem!important
    }
    .pt-md-2,
    .py-md-2 {
     padding-top:1.25rem!important
    }
    .pr-md-2,
    .px-md-2 {
     padding-right:1.25rem!important
    }
    .pb-md-2,
    .py-md-2 {
     padding-bottom:1.25rem!important
    }
    .pl-md-2,
    .px-md-2 {
     padding-left:1.25rem!important
    }
    .p-md-3 {
     padding:2.5rem!important
    }
    .pt-md-3,
    .py-md-3 {
     padding-top:2.5rem!important
    }
    .pr-md-3,
    .px-md-3 {
     padding-right:2.5rem!important
    }
    .pb-md-3,
    .py-md-3 {
     padding-bottom:2.5rem!important
    }
    .pl-md-3,
    .px-md-3 {
     padding-left:2.5rem!important
    }
    .p-md-4 {
     padding:3.125rem!important
    }
    .pt-md-4,
    .py-md-4 {
     padding-top:3.125rem!important
    }
    .pr-md-4,
    .px-md-4 {
     padding-right:3.125rem!important
    }
    .pb-md-4,
    .py-md-4 {
     padding-bottom:3.125rem!important
    }
    .pl-md-4,
    .px-md-4 {
     padding-left:3.125rem!important
    }
    .p-md-5 {
     padding:3.75rem!important
    }
    .pt-md-5,
    .py-md-5 {
     padding-top:3.75rem!important
    }
    .pr-md-5,
    .px-md-5 {
     padding-right:3.75rem!important
    }
    .pb-md-5,
    .py-md-5 {
     padding-bottom:3.75rem!important
    }
    .pl-md-5,
    .px-md-5 {
     padding-left:3.75rem!important
    }
    .p-md-6 {
     padding:5rem!important
    }
    .pt-md-6,
    .py-md-6 {
     padding-top:5rem!important
    }
    .pr-md-6,
    .px-md-6 {
     padding-right:5rem!important
    }
    .pb-md-6,
    .py-md-6 {
     padding-bottom:5rem!important
    }
    .pl-md-6,
    .px-md-6 {
     padding-left:5rem!important
    }
    .p-md-7 {
     padding:6.25rem!important
    }
    .pt-md-7,
    .py-md-7 {
     padding-top:6.25rem!important
    }
    .pr-md-7,
    .px-md-7 {
     padding-right:6.25rem!important
    }
    .pb-md-7,
    .py-md-7 {
     padding-bottom:6.25rem!important
    }
    .pl-md-7,
    .px-md-7 {
     padding-left:6.25rem!important
    }
    .p-md-8 {
     padding:9.375rem!important
    }
    .pt-md-8,
    .py-md-8 {
     padding-top:9.375rem!important
    }
    .pr-md-8,
    .px-md-8 {
     padding-right:9.375rem!important
    }
    .pb-md-8,
    .py-md-8 {
     padding-bottom:9.375rem!important
    }
    .pl-md-8,
    .px-md-8 {
     padding-left:9.375rem!important
    }
    .p-md-9 {
     padding:12.5rem!important
    }
    .pt-md-9,
    .py-md-9 {
     padding-top:12.5rem!important
    }
    .pr-md-9,
    .px-md-9 {
     padding-right:12.5rem!important
    }
    .pb-md-9,
    .py-md-9 {
     padding-bottom:12.5rem!important
    }
    .pl-md-9,
    .px-md-9 {
     padding-left:12.5rem!important
    }
    .p-md-10 {
     padding:15.625rem!important
    }
    .pt-md-10,
    .py-md-10 {
     padding-top:15.625rem!important
    }
    .pr-md-10,
    .px-md-10 {
     padding-right:15.625rem!important
    }
    .pb-md-10,
    .py-md-10 {
     padding-bottom:15.625rem!important
    }
    .pl-md-10,
    .px-md-10 {
     padding-left:15.625rem!important
    }
    .m-md-n1 {
     margin:-.625rem!important
    }
    .mt-md-n1,
    .my-md-n1 {
     margin-top:-.625rem!important
    }
    .mr-md-n1,
    .mx-md-n1 {
     margin-right:-.625rem!important
    }
    .mb-md-n1,
    .my-md-n1 {
     margin-bottom:-.625rem!important
    }
    .ml-md-n1,
    .mx-md-n1 {
     margin-left:-.625rem!important
    }
    .m-md-n2 {
     margin:-1.25rem!important
    }
    .mt-md-n2,
    .my-md-n2 {
     margin-top:-1.25rem!important
    }
    .mr-md-n2,
    .mx-md-n2 {
     margin-right:-1.25rem!important
    }
    .mb-md-n2,
    .my-md-n2 {
     margin-bottom:-1.25rem!important
    }
    .ml-md-n2,
    .mx-md-n2 {
     margin-left:-1.25rem!important
    }
    .m-md-n3 {
     margin:-2.5rem!important
    }
    .mt-md-n3,
    .my-md-n3 {
     margin-top:-2.5rem!important
    }
    .mr-md-n3,
    .mx-md-n3 {
     margin-right:-2.5rem!important
    }
    .mb-md-n3,
    .my-md-n3 {
     margin-bottom:-2.5rem!important
    }
    .ml-md-n3,
    .mx-md-n3 {
     margin-left:-2.5rem!important
    }
    .m-md-n4 {
     margin:-3.125rem!important
    }
    .mt-md-n4,
    .my-md-n4 {
     margin-top:-3.125rem!important
    }
    .mr-md-n4,
    .mx-md-n4 {
     margin-right:-3.125rem!important
    }
    .mb-md-n4,
    .my-md-n4 {
     margin-bottom:-3.125rem!important
    }
    .ml-md-n4,
    .mx-md-n4 {
     margin-left:-3.125rem!important
    }
    .m-md-n5 {
     margin:-3.75rem!important
    }
    .mt-md-n5,
    .my-md-n5 {
     margin-top:-3.75rem!important
    }
    .mr-md-n5,
    .mx-md-n5 {
     margin-right:-3.75rem!important
    }
    .mb-md-n5,
    .my-md-n5 {
     margin-bottom:-3.75rem!important
    }
    .ml-md-n5,
    .mx-md-n5 {
     margin-left:-3.75rem!important
    }
    .m-md-n6 {
     margin:-5rem!important
    }
    .mt-md-n6,
    .my-md-n6 {
     margin-top:-5rem!important
    }
    .mr-md-n6,
    .mx-md-n6 {
     margin-right:-5rem!important
    }
    .mb-md-n6,
    .my-md-n6 {
     margin-bottom:-5rem!important
    }
    .ml-md-n6,
    .mx-md-n6 {
     margin-left:-5rem!important
    }
    .m-md-n7 {
     margin:-6.25rem!important
    }
    .mt-md-n7,
    .my-md-n7 {
     margin-top:-6.25rem!important
    }
    .mr-md-n7,
    .mx-md-n7 {
     margin-right:-6.25rem!important
    }
    .mb-md-n7,
    .my-md-n7 {
     margin-bottom:-6.25rem!important
    }
    .ml-md-n7,
    .mx-md-n7 {
     margin-left:-6.25rem!important
    }
    .m-md-n8 {
     margin:-9.375rem!important
    }
    .mt-md-n8,
    .my-md-n8 {
     margin-top:-9.375rem!important
    }
    .mr-md-n8,
    .mx-md-n8 {
     margin-right:-9.375rem!important
    }
    .mb-md-n8,
    .my-md-n8 {
     margin-bottom:-9.375rem!important
    }
    .ml-md-n8,
    .mx-md-n8 {
     margin-left:-9.375rem!important
    }
    .m-md-n9 {
     margin:-12.5rem!important
    }
    .mt-md-n9,
    .my-md-n9 {
     margin-top:-12.5rem!important
    }
    .mr-md-n9,
    .mx-md-n9 {
     margin-right:-12.5rem!important
    }
    .mb-md-n9,
    .my-md-n9 {
     margin-bottom:-12.5rem!important
    }
    .ml-md-n9,
    .mx-md-n9 {
     margin-left:-12.5rem!important
    }
    .m-md-n10 {
     margin:-15.625rem!important
    }
    .mt-md-n10,
    .my-md-n10 {
     margin-top:-15.625rem!important
    }
    .mr-md-n10,
    .mx-md-n10 {
     margin-right:-15.625rem!important
    }
    .mb-md-n10,
    .my-md-n10 {
     margin-bottom:-15.625rem!important
    }
    .ml-md-n10,
    .mx-md-n10 {
     margin-left:-15.625rem!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
    }
    .text-md-left {
     text-align:left!important
    }
    .text-md-right {
     text-align:right!important
    }
    .text-md-center {
     text-align:center!important
    }
    :root {
     --width-videos--bg-home--loop:35.75rem;
     --right-videos--bg-writing--loop:-17.8125rem;
     --right-videos--bg-writing--to--home:-17.8125rem
    }
    .container__full-screen {
     padding-left:3.47222vw;
     padding-right:3.47222vw
    }
    .footer--link {
     padding:5.55556vh 0
    }
    #footer__site .container__full-content {
     height:0
    }
    #footer__site-blog {
     left:3.47222vw
    }
    #footer__site-projects {
     right:3.47222vw
    }
    #header__site {
     padding-top:4.44444vh
    }
    #header__site #header__site-left {
     margin-left:calc(3.47222vw - 10px)
    }
    #header__site #header__site-contact {
     margin-right:calc(3.47222vw - 10px)
    }
    .single-post #header__site.on--fixed.on--active #header__site-message,
    .single-post #header__site.on--fixed.on--active #header__site-wrap-bg {
     transform:translateY(-30px)
    }
    #site--post-single--sharing {
     left:2.43056vw;
     top:50%;
     transform:translateY(-50%);
     z-index:3
    }
    #site--post-single--sharing .post--single-socials .social--sharing-item {
     margin-bottom:.9375rem
    }
    #header--message-blog {
     top:-.1875rem!important
    }
    #writing--page #writing--page-content {
     padding-top:7.1875rem;
     padding-bottom:1.25rem
    }
    #writing--page:not(.view--mode-list) .posts .post {
     margin-bottom:1.875rem
    }
    #writing--page:not(.view--mode-list) .posts .post--heading {
     min-height:8.25rem;
     margin-bottom:2.5rem
    }
    #contact--us .container__full-content {
     top:50%;
     transform:translateY(-50%)
    }
    #contact--us .contact--us-heading {
     margin-bottom:16.66667vh
    }
    #videos__bg #videos__bg-contact--loop div[aria-label="Video Player"] {
     margin-left:-5.625rem;
     margin-top:15.55556vh
    }
    #designing--page #designing--page-content {
     padding-top:20vh
    }
    #designing--page #dribbble--shots .dribbble--shot {
     margin-top:.9375rem;
     margin-bottom:.9375rem
    }
    #videos__bg #videos__bg-designing--loop div[aria-label="Video Player"] {
     left:-12.1875rem
    }
    #home__page-overlay #home__page--list-content,
    #site__socials {
     top:50%;
     transform:translateY(-50%)
    }
    #site__socials {
     right:2.63889vw;
     -webkit-writing-mode:vertical-rl;
     -ms-writing-mode:tb-rl;
     writing-mode:vertical-rl;
     display:inline-block;
     z-index:9
    }
    #site__socials .socials {
     transform:rotate(-180deg)
    }
    #site__socials .col--social a {
     padding:1.3125rem .625rem
    }
    #site__socials.overite--position-left,
    body.category #site__socials:not(.overite--position) {
     right:auto;
     left:2.63889vw
    }
   }
   @media (min-width:1400px) {
    .container,
    .container-lg {
     max-width:600px
    }
    .col-lg {
     flex-basis:0;
     flex-grow:1;
     max-width:100%
    }
    .row-cols-lg-1>* {
     flex:0 0 100%;
     max-width:100%
    }
    .row-cols-lg-2>* {
     flex:0 0 50%;
     max-width:50%
    }
    .row-cols-lg-3>* {
     flex:0 0 33.33333%;
     max-width:33.33333%
    }
    .row-cols-lg-4>* {
     flex:0 0 25%;
     max-width:25%
    }
    .row-cols-lg-5>* {
     flex:0 0 20%;
     max-width:20%
    }
    .row-cols-lg-6>* {
     flex:0 0 16.66667%;
     max-width:16.66667%
    }
    .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%
    }
    .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
    }
    .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
    }
    .float-lg-left {
     float:left!important
    }
    .float-lg-right {
     float:right!important
    }
    .float-lg-none {
     float:none!important
    }
    .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:.625rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
     margin-top:.625rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
     margin-right:.625rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
     margin-bottom:.625rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
     margin-left:.625rem!important
    }
    .m-lg-2 {
     margin:1.25rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
     margin-top:1.25rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
     margin-right:1.25rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
     margin-bottom:1.25rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
     margin-left:1.25rem!important
    }
    .m-lg-3 {
     margin:2.5rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
     margin-top:2.5rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
     margin-right:2.5rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
     margin-bottom:2.5rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
     margin-left:2.5rem!important
    }
    .m-lg-4 {
     margin:3.125rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
     margin-top:3.125rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
     margin-right:3.125rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
     margin-bottom:3.125rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
     margin-left:3.125rem!important
    }
    .m-lg-5 {
     margin:3.75rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
     margin-top:3.75rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
     margin-right:3.75rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
     margin-bottom:3.75rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
     margin-left:3.75rem!important
    }
    .m-lg-6 {
     margin:5rem!important
    }
    .mt-lg-6,
    .my-lg-6 {
     margin-top:5rem!important
    }
    .mr-lg-6,
    .mx-lg-6 {
     margin-right:5rem!important
    }
    .mb-lg-6,
    .my-lg-6 {
     margin-bottom:5rem!important
    }
    .ml-lg-6,
    .mx-lg-6 {
     margin-left:5rem!important
    }
    .m-lg-7 {
     margin:6.25rem!important
    }
    .mt-lg-7,
    .my-lg-7 {
     margin-top:6.25rem!important
    }
    .mr-lg-7,
    .mx-lg-7 {
     margin-right:6.25rem!important
    }
    .mb-lg-7,
    .my-lg-7 {
     margin-bottom:6.25rem!important
    }
    .ml-lg-7,
    .mx-lg-7 {
     margin-left:6.25rem!important
    }
    .m-lg-8 {
     margin:9.375rem!important
    }
    .mt-lg-8,
    .my-lg-8 {
     margin-top:9.375rem!important
    }
    .mr-lg-8,
    .mx-lg-8 {
     margin-right:9.375rem!important
    }
    .mb-lg-8,
    .my-lg-8 {
     margin-bottom:9.375rem!important
    }
    .ml-lg-8,
    .mx-lg-8 {
     margin-left:9.375rem!important
    }
    .m-lg-9 {
     margin:12.5rem!important
    }
    .mt-lg-9,
    .my-lg-9 {
     margin-top:12.5rem!important
    }
    .mr-lg-9,
    .mx-lg-9 {
     margin-right:12.5rem!important
    }
    .mb-lg-9,
    .my-lg-9 {
     margin-bottom:12.5rem!important
    }
    .ml-lg-9,
    .mx-lg-9 {
     margin-left:12.5rem!important
    }
    .m-lg-10 {
     margin:15.625rem!important
    }
    .mt-lg-10,
    .my-lg-10 {
     margin-top:15.625rem!important
    }
    .mr-lg-10,
    .mx-lg-10 {
     margin-right:15.625rem!important
    }
    .mb-lg-10,
    .my-lg-10 {
     margin-bottom:15.625rem!important
    }
    .ml-lg-10,
    .mx-lg-10 {
     margin-left:15.625rem!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:.625rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
     padding-top:.625rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
     padding-right:.625rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
     padding-bottom:.625rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
     padding-left:.625rem!important
    }
    .p-lg-2 {
     padding:1.25rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
     padding-top:1.25rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
     padding-right:1.25rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
     padding-bottom:1.25rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
     padding-left:1.25rem!important
    }
    .p-lg-3 {
     padding:2.5rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
     padding-top:2.5rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
     padding-right:2.5rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
     padding-bottom:2.5rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
     padding-left:2.5rem!important
    }
    .p-lg-4 {
     padding:3.125rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
     padding-top:3.125rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
     padding-right:3.125rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
     padding-bottom:3.125rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
     padding-left:3.125rem!important
    }
    .p-lg-5 {
     padding:3.75rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
     padding-top:3.75rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
     padding-right:3.75rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
     padding-bottom:3.75rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
     padding-left:3.75rem!important
    }
    .p-lg-6 {
     padding:5rem!important
    }
    .pt-lg-6,
    .py-lg-6 {
     padding-top:5rem!important
    }
    .pr-lg-6,
    .px-lg-6 {
     padding-right:5rem!important
    }
    .pb-lg-6,
    .py-lg-6 {
     padding-bottom:5rem!important
    }
    .pl-lg-6,
    .px-lg-6 {
     padding-left:5rem!important
    }
    .p-lg-7 {
     padding:6.25rem!important
    }
    .pt-lg-7,
    .py-lg-7 {
     padding-top:6.25rem!important
    }
    .pr-lg-7,
    .px-lg-7 {
     padding-right:6.25rem!important
    }
    .pb-lg-7,
    .py-lg-7 {
     padding-bottom:6.25rem!important
    }
    .pl-lg-7,
    .px-lg-7 {
     padding-left:6.25rem!important
    }
    .p-lg-8 {
     padding:9.375rem!important
    }
    .pt-lg-8,
    .py-lg-8 {
     padding-top:9.375rem!important
    }
    .pr-lg-8,
    .px-lg-8 {
     padding-right:9.375rem!important
    }
    .pb-lg-8,
    .py-lg-8 {
     padding-bottom:9.375rem!important
    }
    .pl-lg-8,
    .px-lg-8 {
     padding-left:9.375rem!important
    }
    .p-lg-9 {
     padding:12.5rem!important
    }
    .pt-lg-9,
    .py-lg-9 {
     padding-top:12.5rem!important
    }
    .pr-lg-9,
    .px-lg-9 {
     padding-right:12.5rem!important
    }
    .pb-lg-9,
    .py-lg-9 {
     padding-bottom:12.5rem!important
    }
    .pl-lg-9,
    .px-lg-9 {
     padding-left:12.5rem!important
    }
    .p-lg-10 {
     padding:15.625rem!important
    }
    .pt-lg-10,
    .py-lg-10 {
     padding-top:15.625rem!important
    }
    .pr-lg-10,
    .px-lg-10 {
     padding-right:15.625rem!important
    }
    .pb-lg-10,
    .py-lg-10 {
     padding-bottom:15.625rem!important
    }
    .pl-lg-10,
    .px-lg-10 {
     padding-left:15.625rem!important
    }
    .m-lg-n1 {
     margin:-.625rem!important
    }
    .mt-lg-n1,
    .my-lg-n1 {
     margin-top:-.625rem!important
    }
    .mr-lg-n1,
    .mx-lg-n1 {
     margin-right:-.625rem!important
    }
    .mb-lg-n1,
    .my-lg-n1 {
     margin-bottom:-.625rem!important
    }
    .ml-lg-n1,
    .mx-lg-n1 {
     margin-left:-.625rem!important
    }
    .m-lg-n2 {
     margin:-1.25rem!important
    }
    .mt-lg-n2,
    .my-lg-n2 {
     margin-top:-1.25rem!important
    }
    .mr-lg-n2,
    .mx-lg-n2 {
     margin-right:-1.25rem!important
    }
    .mb-lg-n2,
    .my-lg-n2 {
     margin-bottom:-1.25rem!important
    }
    .ml-lg-n2,
    .mx-lg-n2 {
     margin-left:-1.25rem!important
    }
    .m-lg-n3 {
     margin:-2.5rem!important
    }
    .mt-lg-n3,
    .my-lg-n3 {
     margin-top:-2.5rem!important
    }
    .mr-lg-n3,
    .mx-lg-n3 {
     margin-right:-2.5rem!important
    }
    .mb-lg-n3,
    .my-lg-n3 {
     margin-bottom:-2.5rem!important
    }
    .ml-lg-n3,
    .mx-lg-n3 {
     margin-left:-2.5rem!important
    }
    .m-lg-n4 {
     margin:-3.125rem!important
    }
    .mt-lg-n4,
    .my-lg-n4 {
     margin-top:-3.125rem!important
    }
    .mr-lg-n4,
    .mx-lg-n4 {
     margin-right:-3.125rem!important
    }
    .mb-lg-n4,
    .my-lg-n4 {
     margin-bottom:-3.125rem!important
    }
    .ml-lg-n4,
    .mx-lg-n4 {
     margin-left:-3.125rem!important
    }
    .m-lg-n5 {
     margin:-3.75rem!important
    }
    .mt-lg-n5,
    .my-lg-n5 {
     margin-top:-3.75rem!important
    }
    .mr-lg-n5,
    .mx-lg-n5 {
     margin-right:-3.75rem!important
    }
    .mb-lg-n5,
    .my-lg-n5 {
     margin-bottom:-3.75rem!important
    }
    .ml-lg-n5,
    .mx-lg-n5 {
     margin-left:-3.75rem!important
    }
    .m-lg-n6 {
     margin:-5rem!important
    }
    .mt-lg-n6,
    .my-lg-n6 {
     margin-top:-5rem!important
    }
    .mr-lg-n6,
    .mx-lg-n6 {
     margin-right:-5rem!important
    }
    .mb-lg-n6,
    .my-lg-n6 {
     margin-bottom:-5rem!important
    }
    .ml-lg-n6,
    .mx-lg-n6 {
     margin-left:-5rem!important
    }
    .m-lg-n7 {
     margin:-6.25rem!important
    }
    .mt-lg-n7,
    .my-lg-n7 {
     margin-top:-6.25rem!important
    }
    .mr-lg-n7,
    .mx-lg-n7 {
     margin-right:-6.25rem!important
    }
    .mb-lg-n7,
    .my-lg-n7 {
     margin-bottom:-6.25rem!important
    }
    .ml-lg-n7,
    .mx-lg-n7 {
     margin-left:-6.25rem!important
    }
    .m-lg-n8 {
     margin:-9.375rem!important
    }
    .mt-lg-n8,
    .my-lg-n8 {
     margin-top:-9.375rem!important
    }
    .mr-lg-n8,
    .mx-lg-n8 {
     margin-right:-9.375rem!important
    }
    .mb-lg-n8,
    .my-lg-n8 {
     margin-bottom:-9.375rem!important
    }
    .ml-lg-n8,
    .mx-lg-n8 {
     margin-left:-9.375rem!important
    }
    .m-lg-n9 {
     margin:-12.5rem!important
    }
    .mt-lg-n9,
    .my-lg-n9 {
     margin-top:-12.5rem!important
    }
    .mr-lg-n9,
    .mx-lg-n9 {
     margin-right:-12.5rem!important
    }
    .mb-lg-n9,
    .my-lg-n9 {
     margin-bottom:-12.5rem!important
    }
    .ml-lg-n9,
    .mx-lg-n9 {
     margin-left:-12.5rem!important
    }
    .m-lg-n10 {
     margin:-15.625rem!important
    }
    .mt-lg-n10,
    .my-lg-n10 {
     margin-top:-15.625rem!important
    }
    .mr-lg-n10,
    .mx-lg-n10 {
     margin-right:-15.625rem!important
    }
    .mb-lg-n10,
    .my-lg-n10 {
     margin-bottom:-15.625rem!important
    }
    .ml-lg-n10,
    .mx-lg-n10 {
     margin-left:-15.625rem!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
    }
    .text-lg-left {
     text-align:left!important
    }
    .text-lg-right {
     text-align:right!important
    }
    .text-lg-center {
     text-align:center!important
    }
    .h1,
    h1 {
     font-size:3.125rem;
     line-height:1.22
    }
    .h3,
    h3 {
     font-size:2rem;
     line-height:1.375
    }
    .container__full-content {
     width:80rem
    }
    #writing--page:not(.view--mode-list) .posts .post--link {
     border:1px solid #e8e9eb;
     padding:1.875rem
    }
    #designing--page .design--link {
     margin-bottom:2.625rem;
     padding:1.375rem 0
    }
    #videos__bg-home--loop div[aria-label="Video Player"],
    #videos__bg-intro div[aria-label="Video Player"] {
     top:52%
    }
   }
   @media (min-width:1750px) {
    .container,
    .container-xl {
     max-width:600px
    }
    .col-xl {
     flex-basis:0;
     flex-grow:1;
     max-width:100%
    }
    .row-cols-xl-1>* {
     flex:0 0 100%;
     max-width:100%
    }
    .row-cols-xl-2>* {
     flex:0 0 50%;
     max-width:50%
    }
    .row-cols-xl-3>* {
     flex:0 0 33.33333%;
     max-width:33.33333%
    }
    .row-cols-xl-4>* {
     flex:0 0 25%;
     max-width:25%
    }
    .row-cols-xl-5>* {
     flex:0 0 20%;
     max-width:20%
    }
    .row-cols-xl-6>* {
     flex:0 0 16.66667%;
     max-width:16.66667%
    }
    .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%
    }
    .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
    }
    .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
    }
    .float-xl-left {
     float:left!important
    }
    .float-xl-right {
     float:right!important
    }
    .float-xl-none {
     float:none!important
    }
    .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:.625rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
     margin-top:.625rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
     margin-right:.625rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
     margin-bottom:.625rem!important
    }
    .ml-xl-1,
    .mx-xl-1 {
     margin-left:.625rem!important
    }
    .m-xl-2 {
     margin:1.25rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
     margin-top:1.25rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
     margin-right:1.25rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
     margin-bottom:1.25rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
     margin-left:1.25rem!important
    }
    .m-xl-3 {
     margin:2.5rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
     margin-top:2.5rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
     margin-right:2.5rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
     margin-bottom:2.5rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
     margin-left:2.5rem!important
    }
    .m-xl-4 {
     margin:3.125rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
     margin-top:3.125rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
     margin-right:3.125rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
     margin-bottom:3.125rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
     margin-left:3.125rem!important
    }
    .m-xl-5 {
     margin:3.75rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
     margin-top:3.75rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
     margin-right:3.75rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
     margin-bottom:3.75rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
     margin-left:3.75rem!important
    }
    .m-xl-6 {
     margin:5rem!important
    }
    .mt-xl-6,
    .my-xl-6 {
     margin-top:5rem!important
    }
    .mr-xl-6,
    .mx-xl-6 {
     margin-right:5rem!important
    }
    .mb-xl-6,
    .my-xl-6 {
     margin-bottom:5rem!important
    }
    .ml-xl-6,
    .mx-xl-6 {
     margin-left:5rem!important
    }
    .m-xl-7 {
     margin:6.25rem!important
    }
    .mt-xl-7,
    .my-xl-7 {
     margin-top:6.25rem!important
    }
    .mr-xl-7,
    .mx-xl-7 {
     margin-right:6.25rem!important
    }
    .mb-xl-7,
    .my-xl-7 {
     margin-bottom:6.25rem!important
    }
    .ml-xl-7,
    .mx-xl-7 {
     margin-left:6.25rem!important
    }
    .m-xl-8 {
     margin:9.375rem!important
    }
    .mt-xl-8,
    .my-xl-8 {
     margin-top:9.375rem!important
    }
    .mr-xl-8,
    .mx-xl-8 {
     margin-right:9.375rem!important
    }
    .mb-xl-8,
    .my-xl-8 {
     margin-bottom:9.375rem!important
    }
    .ml-xl-8,
    .mx-xl-8 {
     margin-left:9.375rem!important
    }
    .m-xl-9 {
     margin:12.5rem!important
    }
    .mt-xl-9,
    .my-xl-9 {
     margin-top:12.5rem!important
    }
    .mr-xl-9,
    .mx-xl-9 {
     margin-right:12.5rem!important
    }
    .mb-xl-9,
    .my-xl-9 {
     margin-bottom:12.5rem!important
    }
    .ml-xl-9,
    .mx-xl-9 {
     margin-left:12.5rem!important
    }
    .m-xl-10 {
     margin:15.625rem!important
    }
    .mt-xl-10,
    .my-xl-10 {
     margin-top:15.625rem!important
    }
    .mr-xl-10,
    .mx-xl-10 {
     margin-right:15.625rem!important
    }
    .mb-xl-10,
    .my-xl-10 {
     margin-bottom:15.625rem!important
    }
    .ml-xl-10,
    .mx-xl-10 {
     margin-left:15.625rem!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:.625rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
     padding-top:.625rem!important
    }
    .pr-xl-1,
    .px-xl-1 {
     padding-right:.625rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
     padding-bottom:.625rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
     padding-left:.625rem!important
    }
    .p-xl-2 {
     padding:1.25rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
     padding-top:1.25rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
     padding-right:1.25rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
     padding-bottom:1.25rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
     padding-left:1.25rem!important
    }
    .p-xl-3 {
     padding:2.5rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
     padding-top:2.5rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
     padding-right:2.5rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
     padding-bottom:2.5rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
     padding-left:2.5rem!important
    }
    .p-xl-4 {
     padding:3.125rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
     padding-top:3.125rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
     padding-right:3.125rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
     padding-bottom:3.125rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
     padding-left:3.125rem!important
    }
    .p-xl-5 {
     padding:3.75rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
     padding-top:3.75rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
     padding-right:3.75rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
     padding-bottom:3.75rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
     padding-left:3.75rem!important
    }
    .p-xl-6 {
     padding:5rem!important
    }
    .pt-xl-6,
    .py-xl-6 {
     padding-top:5rem!important
    }
    .pr-xl-6,
    .px-xl-6 {
     padding-right:5rem!important
    }
    .pb-xl-6,
    .py-xl-6 {
     padding-bottom:5rem!important
    }
    .pl-xl-6,
    .px-xl-6 {
     padding-left:5rem!important
    }
    .p-xl-7 {
     padding:6.25rem!important
    }
    .pt-xl-7,
    .py-xl-7 {
     padding-top:6.25rem!important
    }
    .pr-xl-7,
    .px-xl-7 {
     padding-right:6.25rem!important
    }
    .pb-xl-7,
    .py-xl-7 {
     padding-bottom:6.25rem!important
    }
    .pl-xl-7,
    .px-xl-7 {
     padding-left:6.25rem!important
    }
    .p-xl-8 {
     padding:9.375rem!important
    }
    .pt-xl-8,
    .py-xl-8 {
     padding-top:9.375rem!important
    }
    .pr-xl-8,
    .px-xl-8 {
     padding-right:9.375rem!important
    }
    .pb-xl-8,
    .py-xl-8 {
     padding-bottom:9.375rem!important
    }
    .pl-xl-8,
    .px-xl-8 {
     padding-left:9.375rem!important
    }
    .p-xl-9 {
     padding:12.5rem!important
    }
    .pt-xl-9,
    .py-xl-9 {
     padding-top:12.5rem!important
    }
    .pr-xl-9,
    .px-xl-9 {
     padding-right:12.5rem!important
    }
    .pb-xl-9,
    .py-xl-9 {
     padding-bottom:12.5rem!important
    }
    .pl-xl-9,
    .px-xl-9 {
     padding-left:12.5rem!important
    }
    .p-xl-10 {
     padding:15.625rem!important
    }
    .pt-xl-10,
    .py-xl-10 {
     padding-top:15.625rem!important
    }
    .pr-xl-10,
    .px-xl-10 {
     padding-right:15.625rem!important
    }
    .pb-xl-10,
    .py-xl-10 {
     padding-bottom:15.625rem!important
    }
    .pl-xl-10,
    .px-xl-10 {
     padding-left:15.625rem!important
    }
    .m-xl-n1 {
     margin:-.625rem!important
    }
    .mt-xl-n1,
    .my-xl-n1 {
     margin-top:-.625rem!important
    }
    .mr-xl-n1,
    .mx-xl-n1 {
     margin-right:-.625rem!important
    }
    .mb-xl-n1,
    .my-xl-n1 {
     margin-bottom:-.625rem!important
    }
    .ml-xl-n1,
    .mx-xl-n1 {
     margin-left:-.625rem!important
    }
    .m-xl-n2 {
     margin:-1.25rem!important
    }
    .mt-xl-n2,
    .my-xl-n2 {
     margin-top:-1.25rem!important
    }
    .mr-xl-n2,
    .mx-xl-n2 {
     margin-right:-1.25rem!important
    }
    .mb-xl-n2,
    .my-xl-n2 {
     margin-bottom:-1.25rem!important
    }
    .ml-xl-n2,
    .mx-xl-n2 {
     margin-left:-1.25rem!important
    }
    .m-xl-n3 {
     margin:-2.5rem!important
    }
    .mt-xl-n3,
    .my-xl-n3 {
     margin-top:-2.5rem!important
    }
    .mr-xl-n3,
    .mx-xl-n3 {
     margin-right:-2.5rem!important
    }
    .mb-xl-n3,
    .my-xl-n3 {
     margin-bottom:-2.5rem!important
    }
    .ml-xl-n3,
    .mx-xl-n3 {
     margin-left:-2.5rem!important
    }
    .m-xl-n4 {
     margin:-3.125rem!important
    }
    .mt-xl-n4,
    .my-xl-n4 {
     margin-top:-3.125rem!important
    }
    .mr-xl-n4,
    .mx-xl-n4 {
     margin-right:-3.125rem!important
    }
    .mb-xl-n4,
    .my-xl-n4 {
     margin-bottom:-3.125rem!important
    }
    .ml-xl-n4,
    .mx-xl-n4 {
     margin-left:-3.125rem!important
    }
    .m-xl-n5 {
     margin:-3.75rem!important
    }
    .mt-xl-n5,
    .my-xl-n5 {
     margin-top:-3.75rem!important
    }
    .mr-xl-n5,
    .mx-xl-n5 {
     margin-right:-3.75rem!important
    }
    .mb-xl-n5,
    .my-xl-n5 {
     margin-bottom:-3.75rem!important
    }
    .ml-xl-n5,
    .mx-xl-n5 {
     margin-left:-3.75rem!important
    }
    .m-xl-n6 {
     margin:-5rem!important
    }
    .mt-xl-n6,
    .my-xl-n6 {
     margin-top:-5rem!important
    }
    .mr-xl-n6,
    .mx-xl-n6 {
     margin-right:-5rem!important
    }
    .mb-xl-n6,
    .my-xl-n6 {
     margin-bottom:-5rem!important
    }
    .ml-xl-n6,
    .mx-xl-n6 {
     margin-left:-5rem!important
    }
    .m-xl-n7 {
     margin:-6.25rem!important
    }
    .mt-xl-n7,
    .my-xl-n7 {
     margin-top:-6.25rem!important
    }
    .mr-xl-n7,
    .mx-xl-n7 {
     margin-right:-6.25rem!important
    }
    .mb-xl-n7,
    .my-xl-n7 {
     margin-bottom:-6.25rem!important
    }
    .ml-xl-n7,
    .mx-xl-n7 {
     margin-left:-6.25rem!important
    }
    .m-xl-n8 {
     margin:-9.375rem!important
    }
    .mt-xl-n8,
    .my-xl-n8 {
     margin-top:-9.375rem!important
    }
    .mr-xl-n8,
    .mx-xl-n8 {
     margin-right:-9.375rem!important
    }
    .mb-xl-n8,
    .my-xl-n8 {
     margin-bottom:-9.375rem!important
    }
    .ml-xl-n8,
    .mx-xl-n8 {
     margin-left:-9.375rem!important
    }
    .m-xl-n9 {
     margin:-12.5rem!important
    }
    .mt-xl-n9,
    .my-xl-n9 {
     margin-top:-12.5rem!important
    }
    .mr-xl-n9,
    .mx-xl-n9 {
     margin-right:-12.5rem!important
    }
    .mb-xl-n9,
    .my-xl-n9 {
     margin-bottom:-12.5rem!important
    }
    .ml-xl-n9,
    .mx-xl-n9 {
     margin-left:-12.5rem!important
    }
    .m-xl-n10 {
     margin:-15.625rem!important
    }
    .mt-xl-n10,
    .my-xl-n10 {
     margin-top:-15.625rem!important
    }
    .mr-xl-n10,
    .mx-xl-n10 {
     margin-right:-15.625rem!important
    }
    .mb-xl-n10,
    .my-xl-n10 {
     margin-bottom:-15.625rem!important
    }
    .ml-xl-n10,
    .mx-xl-n10 {
     margin-left:-15.625rem!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
    }
    .text-xl-left {
     text-align:left!important
    }
    .text-xl-right {
     text-align:right!important
    }
    .text-xl-center {
     text-align:center!important
    }
   }
   @media (min-width:1960px) {
    .col-xxl {
     flex-basis:0;
     flex-grow:1;
     max-width:100%
    }
    .row-cols-xxl-1>* {
     flex:0 0 100%;
     max-width:100%
    }
    .row-cols-xxl-2>* {
     flex:0 0 50%;
     max-width:50%
    }
    .row-cols-xxl-3>* {
     flex:0 0 33.33333%;
     max-width:33.33333%
    }
    .row-cols-xxl-4>* {
     flex:0 0 25%;
     max-width:25%
    }
    .row-cols-xxl-5>* {
     flex:0 0 20%;
     max-width:20%
    }
    .row-cols-xxl-6>* {
     flex:0 0 16.66667%;
     max-width:16.66667%
    }
    .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%
    }
    .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
    }
    .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
    }
    .float-xxl-left {
     float:left!important
    }
    .float-xxl-right {
     float:right!important
    }
    .float-xxl-none {
     float:none!important
    }
    .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:.625rem!important
    }
    .mt-xxl-1,
    .my-xxl-1 {
     margin-top:.625rem!important
    }
    .mr-xxl-1,
    .mx-xxl-1 {
     margin-right:.625rem!important
    }
    .mb-xxl-1,
    .my-xxl-1 {
     margin-bottom:.625rem!important
    }
    .ml-xxl-1,
    .mx-xxl-1 {
     margin-left:.625rem!important
    }
    .m-xxl-2 {
     margin:1.25rem!important
    }
    .mt-xxl-2,
    .my-xxl-2 {
     margin-top:1.25rem!important
    }
    .mr-xxl-2,
    .mx-xxl-2 {
     margin-right:1.25rem!important
    }
    .mb-xxl-2,
    .my-xxl-2 {
     margin-bottom:1.25rem!important
    }
    .ml-xxl-2,
    .mx-xxl-2 {
     margin-left:1.25rem!important
    }
    .m-xxl-3 {
     margin:2.5rem!important
    }
    .mt-xxl-3,
    .my-xxl-3 {
     margin-top:2.5rem!important
    }
    .mr-xxl-3,
    .mx-xxl-3 {
     margin-right:2.5rem!important
    }
    .mb-xxl-3,
    .my-xxl-3 {
     margin-bottom:2.5rem!important
    }
    .ml-xxl-3,
    .mx-xxl-3 {
     margin-left:2.5rem!important
    }
    .m-xxl-4 {
     margin:3.125rem!important
    }
    .mt-xxl-4,
    .my-xxl-4 {
     margin-top:3.125rem!important
    }
    .mr-xxl-4,
    .mx-xxl-4 {
     margin-right:3.125rem!important
    }
    .mb-xxl-4,
    .my-xxl-4 {
     margin-bottom:3.125rem!important
    }
    .ml-xxl-4,
    .mx-xxl-4 {
     margin-left:3.125rem!important
    }
    .m-xxl-5 {
     margin:3.75rem!important
    }
    .mt-xxl-5,
    .my-xxl-5 {
     margin-top:3.75rem!important
    }
    .mr-xxl-5,
    .mx-xxl-5 {
     margin-right:3.75rem!important
    }
    .mb-xxl-5,
    .my-xxl-5 {
     margin-bottom:3.75rem!important
    }
    .ml-xxl-5,
    .mx-xxl-5 {
     margin-left:3.75rem!important
    }
    .m-xxl-6 {
     margin:5rem!important
    }
    .mt-xxl-6,
    .my-xxl-6 {
     margin-top:5rem!important
    }
    .mr-xxl-6,
    .mx-xxl-6 {
     margin-right:5rem!important
    }
    .mb-xxl-6,
    .my-xxl-6 {
     margin-bottom:5rem!important
    }
    .ml-xxl-6,
    .mx-xxl-6 {
     margin-left:5rem!important
    }
    .m-xxl-7 {
     margin:6.25rem!important
    }
    .mt-xxl-7,
    .my-xxl-7 {
     margin-top:6.25rem!important
    }
    .mr-xxl-7,
    .mx-xxl-7 {
     margin-right:6.25rem!important
    }
    .mb-xxl-7,
    .my-xxl-7 {
     margin-bottom:6.25rem!important
    }
    .ml-xxl-7,
    .mx-xxl-7 {
     margin-left:6.25rem!important
    }
    .m-xxl-8 {
     margin:9.375rem!important
    }
    .mt-xxl-8,
    .my-xxl-8 {
     margin-top:9.375rem!important
    }
    .mr-xxl-8,
    .mx-xxl-8 {
     margin-right:9.375rem!important
    }
    .mb-xxl-8,
    .my-xxl-8 {
     margin-bottom:9.375rem!important
    }
    .ml-xxl-8,
    .mx-xxl-8 {
     margin-left:9.375rem!important
    }
    .m-xxl-9 {
     margin:12.5rem!important
    }
    .mt-xxl-9,
    .my-xxl-9 {
     margin-top:12.5rem!important
    }
    .mr-xxl-9,
    .mx-xxl-9 {
     margin-right:12.5rem!important
    }
    .mb-xxl-9,
    .my-xxl-9 {
     margin-bottom:12.5rem!important
    }
    .ml-xxl-9,
    .mx-xxl-9 {
     margin-left:12.5rem!important
    }
    .m-xxl-10 {
     margin:15.625rem!important
    }
    .mt-xxl-10,
    .my-xxl-10 {
     margin-top:15.625rem!important
    }
    .mr-xxl-10,
    .mx-xxl-10 {
     margin-right:15.625rem!important
    }
    .mb-xxl-10,
    .my-xxl-10 {
     margin-bottom:15.625rem!important
    }
    .ml-xxl-10,
    .mx-xxl-10 {
     margin-left:15.625rem!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:.625rem!important
    }
    .pt-xxl-1,
    .py-xxl-1 {
     padding-top:.625rem!important
    }
    .pr-xxl-1,
    .px-xxl-1 {
     padding-right:.625rem!important
    }
    .pb-xxl-1,
    .py-xxl-1 {
     padding-bottom:.625rem!important
    }
    .pl-xxl-1,
    .px-xxl-1 {
     padding-left:.625rem!important
    }
    .p-xxl-2 {
     padding:1.25rem!important
    }
    .pt-xxl-2,
    .py-xxl-2 {
     padding-top:1.25rem!important
    }
    .pr-xxl-2,
    .px-xxl-2 {
     padding-right:1.25rem!important
    }
    .pb-xxl-2,
    .py-xxl-2 {
     padding-bottom:1.25rem!important
    }
    .pl-xxl-2,
    .px-xxl-2 {
     padding-left:1.25rem!important
    }
    .p-xxl-3 {
     padding:2.5rem!important
    }
    .pt-xxl-3,
    .py-xxl-3 {
     padding-top:2.5rem!important
    }
    .pr-xxl-3,
    .px-xxl-3 {
     padding-right:2.5rem!important
    }
    .pb-xxl-3,
    .py-xxl-3 {
     padding-bottom:2.5rem!important
    }
    .pl-xxl-3,
    .px-xxl-3 {
     padding-left:2.5rem!important
    }
    .p-xxl-4 {
     padding:3.125rem!important
    }
    .pt-xxl-4,
    .py-xxl-4 {
     padding-top:3.125rem!important
    }
    .pr-xxl-4,
    .px-xxl-4 {
     padding-right:3.125rem!important
    }
    .pb-xxl-4,
    .py-xxl-4 {
     padding-bottom:3.125rem!important
    }
    .pl-xxl-4,
    .px-xxl-4 {
     padding-left:3.125rem!important
    }
    .p-xxl-5 {
     padding:3.75rem!important
    }
    .pt-xxl-5,
    .py-xxl-5 {
     padding-top:3.75rem!important
    }
    .pr-xxl-5,
    .px-xxl-5 {
     padding-right:3.75rem!important
    }
    .pb-xxl-5,
    .py-xxl-5 {
     padding-bottom:3.75rem!important
    }
    .pl-xxl-5,
    .px-xxl-5 {
     padding-left:3.75rem!important
    }
    .p-xxl-6 {
     padding:5rem!important
    }
    .pt-xxl-6,
    .py-xxl-6 {
     padding-top:5rem!important
    }
    .pr-xxl-6,
    .px-xxl-6 {
     padding-right:5rem!important
    }
    .pb-xxl-6,
    .py-xxl-6 {
     padding-bottom:5rem!important
    }
    .pl-xxl-6,
    .px-xxl-6 {
     padding-left:5rem!important
    }
    .p-xxl-7 {
     padding:6.25rem!important
    }
    .pt-xxl-7,
    .py-xxl-7 {
     padding-top:6.25rem!important
    }
    .pr-xxl-7,
    .px-xxl-7 {
     padding-right:6.25rem!important
    }
    .pb-xxl-7,
    .py-xxl-7 {
     padding-bottom:6.25rem!important
    }
    .pl-xxl-7,
    .px-xxl-7 {
     padding-left:6.25rem!important
    }
    .p-xxl-8 {
     padding:9.375rem!important
    }
    .pt-xxl-8,
    .py-xxl-8 {
     padding-top:9.375rem!important
    }
    .pr-xxl-8,
    .px-xxl-8 {
     padding-right:9.375rem!important
    }
    .pb-xxl-8,
    .py-xxl-8 {
     padding-bottom:9.375rem!important
    }
    .pl-xxl-8,
    .px-xxl-8 {
     padding-left:9.375rem!important
    }
    .p-xxl-9 {
     padding:12.5rem!important
    }
    .pt-xxl-9,
    .py-xxl-9 {
     padding-top:12.5rem!important
    }
    .pr-xxl-9,
    .px-xxl-9 {
     padding-right:12.5rem!important
    }
    .pb-xxl-9,
    .py-xxl-9 {
     padding-bottom:12.5rem!important
    }
    .pl-xxl-9,
    .px-xxl-9 {
     padding-left:12.5rem!important
    }
    .p-xxl-10 {
     padding:15.625rem!important
    }
    .pt-xxl-10,
    .py-xxl-10 {
     padding-top:15.625rem!important
    }
    .pr-xxl-10,
    .px-xxl-10 {
     padding-right:15.625rem!important
    }
    .pb-xxl-10,
    .py-xxl-10 {
     padding-bottom:15.625rem!important
    }
    .pl-xxl-10,
    .px-xxl-10 {
     padding-left:15.625rem!important
    }
    .m-xxl-n1 {
     margin:-.625rem!important
    }
    .mt-xxl-n1,
    .my-xxl-n1 {
     margin-top:-.625rem!important
    }
    .mr-xxl-n1,
    .mx-xxl-n1 {
     margin-right:-.625rem!important
    }
    .mb-xxl-n1,
    .my-xxl-n1 {
     margin-bottom:-.625rem!important
    }
    .ml-xxl-n1,
    .mx-xxl-n1 {
     margin-left:-.625rem!important
    }
    .m-xxl-n2 {
     margin:-1.25rem!important
    }
    .mt-xxl-n2,
    .my-xxl-n2 {
     margin-top:-1.25rem!important
    }
    .mr-xxl-n2,
    .mx-xxl-n2 {
     margin-right:-1.25rem!important
    }
    .mb-xxl-n2,
    .my-xxl-n2 {
     margin-bottom:-1.25rem!important
    }
    .ml-xxl-n2,
    .mx-xxl-n2 {
     margin-left:-1.25rem!important
    }
    .m-xxl-n3 {
     margin:-2.5rem!important
    }
    .mt-xxl-n3,
    .my-xxl-n3 {
     margin-top:-2.5rem!important
    }
    .mr-xxl-n3,
    .mx-xxl-n3 {
     margin-right:-2.5rem!important
    }
    .mb-xxl-n3,
    .my-xxl-n3 {
     margin-bottom:-2.5rem!important
    }
    .ml-xxl-n3,
    .mx-xxl-n3 {
     margin-left:-2.5rem!important
    }
    .m-xxl-n4 {
     margin:-3.125rem!important
    }
    .mt-xxl-n4,
    .my-xxl-n4 {
     margin-top:-3.125rem!important
    }
    .mr-xxl-n4,
    .mx-xxl-n4 {
     margin-right:-3.125rem!important
    }
    .mb-xxl-n4,
    .my-xxl-n4 {
     margin-bottom:-3.125rem!important
    }
    .ml-xxl-n4,
    .mx-xxl-n4 {
     margin-left:-3.125rem!important
    }
    .m-xxl-n5 {
     margin:-3.75rem!important
    }
    .mt-xxl-n5,
    .my-xxl-n5 {
     margin-top:-3.75rem!important
    }
    .mr-xxl-n5,
    .mx-xxl-n5 {
     margin-right:-3.75rem!important
    }
    .mb-xxl-n5,
    .my-xxl-n5 {
     margin-bottom:-3.75rem!important
    }
    .ml-xxl-n5,
    .mx-xxl-n5 {
     margin-left:-3.75rem!important
    }
    .m-xxl-n6 {
     margin:-5rem!important
    }
    .mt-xxl-n6,
    .my-xxl-n6 {
     margin-top:-5rem!important
    }
    .mr-xxl-n6,
    .mx-xxl-n6 {
     margin-right:-5rem!important
    }
    .mb-xxl-n6,
    .my-xxl-n6 {
     margin-bottom:-5rem!important
    }
    .ml-xxl-n6,
    .mx-xxl-n6 {
     margin-left:-5rem!important
    }
    .m-xxl-n7 {
     margin:-6.25rem!important
    }
    .mt-xxl-n7,
    .my-xxl-n7 {
     margin-top:-6.25rem!important
    }
    .mr-xxl-n7,
    .mx-xxl-n7 {
     margin-right:-6.25rem!important
    }
    .mb-xxl-n7,
    .my-xxl-n7 {
     margin-bottom:-6.25rem!important
    }
    .ml-xxl-n7,
    .mx-xxl-n7 {
     margin-left:-6.25rem!important
    }
    .m-xxl-n8 {
     margin:-9.375rem!important
    }
    .mt-xxl-n8,
    .my-xxl-n8 {
     margin-top:-9.375rem!important
    }
    .mr-xxl-n8,
    .mx-xxl-n8 {
     margin-right:-9.375rem!important
    }
    .mb-xxl-n8,
    .my-xxl-n8 {
     margin-bottom:-9.375rem!important
    }
    .ml-xxl-n8,
    .mx-xxl-n8 {
     margin-left:-9.375rem!important
    }
    .m-xxl-n9 {
     margin:-12.5rem!important
    }
    .mt-xxl-n9,
    .my-xxl-n9 {
     margin-top:-12.5rem!important
    }
    .mr-xxl-n9,
    .mx-xxl-n9 {
     margin-right:-12.5rem!important
    }
    .mb-xxl-n9,
    .my-xxl-n9 {
     margin-bottom:-12.5rem!important
    }
    .ml-xxl-n9,
    .mx-xxl-n9 {
     margin-left:-12.5rem!important
    }
    .m-xxl-n10 {
     margin:-15.625rem!important
    }
    .mt-xxl-n10,
    .my-xxl-n10 {
     margin-top:-15.625rem!important
    }
    .mr-xxl-n10,
    .mx-xxl-n10 {
     margin-right:-15.625rem!important
    }
    .mb-xxl-n10,
    .my-xxl-n10 {
     margin-bottom:-15.625rem!important
    }
    .ml-xxl-n10,
    .mx-xxl-n10 {
     margin-left:-15.625rem!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
    }
    .text-xxl-left {
     text-align:left!important
    }
    .text-xxl-right {
     text-align:right!important
    }
    .text-xxl-center {
     text-align:center!important
    }
    :root {
     --right-videos--bg-writing--loop:-22.1875rem;
     --right-videos--bg-writing--to--home:-22.1875rem
    }
    .container__full-content {
     width:118.75rem
    }
   }
   @media (prefers-reduced-motion:reduce) {
    .form-control {
     transition:none
    }
   }
   @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
    }
    .video-js>:not(.vjs-tech):not(.vjs-poster) {
     visibility:hidden
    }
   }
   @media (min-width:1140px) and (max-width:1399.98px) {
    .h1,
    h1 {
     font-size:2.625rem;
     line-height:1.28571
    }
    .h3,
    h3 {
     font-size:1.875rem;
     line-height:1.33333
    }
    .container__full-content {
     padding-left:5rem;
     padding-right:5rem
    }
    #writing--page:not(.view--mode-list) .posts .post--link {
     border:1px solid #e8e9eb;
     padding:1.5625rem
    }
    #designing--page .design--link {
     margin-bottom:2.1875rem;
     padding:1.375rem 0
    }
   }
   @media (min-width:768px) and (max-width:1139.98px) {
    .h1,
    h1 {
     font-size:2.5rem;
     line-height:1.25
    }
    .h3,
    h3 {
     font-size:1.125rem;
     line-height:1.22222
    }
    .container__full-content {
     width:46.125rem
    }
    .container__full-screen {
     padding-left:1.5625rem;
     padding-right:1.5625rem
    }
    .footer--link {
     padding:1.5625rem 0
    }
    #footer__site .container__full-content {
     display:flex;
     height:4.375rem;
     align-content:center;
     align-items:center;
     justify-content:space-between
    }
    #footer__site-blog {
     left:1.95313vw
    }
    #footer__site-projects {
     right:1.95313vw
    }
    body.single-post #footer__site {
     background-color:#fff
    }
    #header__site {
     padding-top:1.5625rem
    }
    #header__site #header__site-left {
     margin-left:.65104vw
    }
    #header__site #header__site-contact {
     margin-right:.65104vw
    }
    #site--post-single--sharing {
     bottom:0;
     left:50%;
     transform:translateX(-50%);
     z-index:11
    }
    #site--post-single--sharing .post--single-socials {
     display:flex;
     height:4.375rem;
     align-items:center;
     align-content:center
    }
    #site--post-single--sharing .post--single-socials .social--sharing-item {
     margin-left:.5rem;
     margin-right:.5rem
    }
    #writing--page #writing--page-content {
     padding-top:6.25rem;
     padding-bottom:5rem
    }
    #writing--page:not(.view--mode-list) .posts .post--link {
     padding:1.25rem 0;
     border-bottom:1px solid #e8e9eb
    }
    #contact--us .contact--us-heading {
     margin-bottom:3.125rem
    }
    #contact--us .wrap--contact-us:before {
     content:"";
     display:block
    }
    #videos__bg #videos__bg-contact--loop div[aria-label="Video Player"] {
     margin-left:6.375rem;
     margin-top:.92593vh
    }
    #designing--page #designing--page-content {
     padding-top:6.25rem
    }
    #designing--page .design--link {
     padding:1.25rem 0
    }
    #designing--page #dribbble--shots .dribbble--shot {
     margin-top:.625rem;
     margin-bottom:.625rem
    }
    #home__page-overlay #home__page--list-content .list--content-wrap li {
     text-align:center;
     font-size:1.125rem;
     line-height:1.66667
    }
    #site__socials {
     bottom:0;
     left:50%;
     transform:translateX(-50%);
     z-index:10
    }
    #site__socials .col--social a {
     padding:1.6875rem 1.25rem
    }
   }
   @media (max-width:767.98px) {
    .h1,
    h1 {
     font-size:1.875rem;
     line-height:1.23333
    }
    .h3,
    h3 {
     font-size:1rem;
     line-height:1.375
    }
    .extra__heading {
     font-size:1.125rem
    }
    .h5,
    h5 {
     font-size:.75rem;
     line-height:1.16667
    }
    :root {
     --width-videos--bg-home--loop:19.875rem
    }
    #main {
     font-size:.875rem
    }
    .wrap--image {
     display:block;
     margin-left:-1.875rem;
     margin-right:-1.875rem
    }
    .container__full-content {
     width:100%;
     padding-left:30px;
     padding-right:30px
    }
    .container__full-screen {
     padding-left:1.25rem;
     padding-right:1.25rem
    }
    #site__alert-cookies {
     width:100%
    }
    #site__alert-cookies .alert--cookies-wrap>.row {
     height:75px
    }
    #site__alert-cookies .alert--cookies-wrap {
     max-width:375px
    }
    #site__alert-cookies .col--content {
     padding-left:36px;
     font-size:.6875rem;
     line-height:1.45455
    }
    .footer--link {
     padding:1.0625rem 0 0;
     font-size:.875rem;
     height:3.125rem;
     margin-bottom:0;
     align-content:center;
     align-items:center;
     justify-content:center;
     width:100%
    }
    .footer__site-col {
     width:68px;
     text-align:center
    }
    #footer__site .container__full-content {
     display:flex;
     height:7.49625vh;
     align-content:center;
     align-items:center;
     justify-content:space-between
    }
    body.single-post #footer__site {
     opacity:0;
     visibility:hidden;
     pointer-events:none
    }
    body.single-post #footer__site.single--to--category {
     opacity:1;
     visibility:visible
    }
    #header__site {
     padding-top:1.25rem
    }
    #header__site .header__site-row {
     width:100%;
     padding-left:30px;
     padding-right:30px;
     margin-left:auto;
     margin-right:auto
    }
    #header__site #header__site-left {
     margin-left:-.9375rem
    }
    #header__site #header__site-contact {
     margin-right:-.9375rem
    }
    #header--blog-detail-processing .line--bg,
    #header--blog-detail-processing .line--processing {
     height:3px
    }
    .template--single {
     padding-top:5.3125rem
    }
    .page--content-writing-single {
     font-size:.875rem
    }
    .post--single {
     padding-bottom:1.875rem
    }
    .post--single-meta-item.post--single-meta--category {
     font-size:.875rem
    }
    .post--single-meta-item.post--single-meta--date {
     font-size:.75rem
    }
    .post--single-heading {
     font-size:1.375rem;
     line-height:1.40909
    }
    .post--single-content {
     padding-top:.9375rem
    }
    .post--single-content ul {
     padding-left:.9375rem
    }
    .post--single-content h2 {
     font-size:1.125rem;
     line-height:1.55556
    }
    .post--single-content h3 {
     font-size:1rem;
     line-height:1.14286
    }
    .post--single-content h4 {
     font-size:.875rem;
     line-height:1.14286
    }
    .post--single-sharing {
     font-size:.875rem;
     margin-bottom:.9375rem
    }
    .post--single-sharing .post--single-socials .social--sharing-item.social--sharing-tag {
     order:3;
     margin-right:0
    }
    .post--single-sharing .post--single-socials .social--sharing-item.social--sharing-twitter {
     order:2
    }
    .post--single-sharing .post--single-socials .social--sharing-item.social--sharing-fb {
     order:1;
     margin-right:.9375rem
    }
    .post--single-sharing .post--single-socials .social--sharing-item a:hover:after {
     border-color:#161f38
    }
    .post--single-sharing .post--single-socials .social--sharing-item a:after {
     transition:border-color .4s cubic-bezier(.165,.84,.44,1)
    }
    .post--single-label--next-post {
     padding-bottom:1.25rem
    }
    .nguoi--noi--tieng-wrap {
     padding:20px 0
    }
    .nguoi--noi--tieng-wrap:after {
     left:-.9375rem;
     top:51%;
     height:calc(91% - 2.5em);
     border-left:.1875rem solid #161f38
    }
    .nguoi--noi--tieng-wrap:before {
     width:calc(100% + 60px);
     left:-30px
    }
    .nguoi--noi--tieng-wrap .content {
     font-size:1rem;
     line-height:1.5
    }
    .nguoi--noi--tieng-wrap .name {
     font-size:.875rem;
     margin-bottom:0
    }
    #site--post-single--sharing {
     display:none
    }
    #writing--page #writing--page-content {
     padding-top:5.3125rem;
     padding-bottom:3.125rem
    }
    #writing--page:not(.view--mode-list) .posts .post--link {
     padding-top:.625rem;
     padding-bottom:.9375rem;
     border-bottom:1px solid #e8e9eb
    }
    .writing--navigation-pages .writing--navi .svg {
     height:.875rem;
     width:auto
    }
    .writing--navigation-pages .writing--navi-next .svg {
     margin-right:.625rem
    }
    .writing--navigation-pages .writing--navi-prev .svg {
     margin-left:.625rem
    }
    #contact--us .wrap--contact-us:before {
     content:"";
     display:block;
     height:56.97151vh;
     max-height:420px
    }
    #videos__bg #videos__bg-contact--loop div[aria-label="Video Player"] {
     margin-left:auto;
     left:-3.5%;
     max-width:100%;
     margin-top:4.49775vh
    }
    #designing--page #designing--page-content {
     padding-top:5.3125rem
    }
    #designing--page #dribbble--shots .dribbble--shots-heading {
     margin-bottom:.9375rem
    }
    #designing--page #dribbble--shots .dribbble--shot {
     margin-top:0;
     margin-bottom:1.25rem
    }
    #videos__bg #videos__bg-designing--to--home,
    #videos__bg #videos__bg-designing--to--writing,
    #videos__bg #videos__bg-home--to--designing,
    #videos__bg #videos__bg-writing--to--designing {
     display:none!important
    }
    #home__page-overlay #home__page--list-content {
     padding-top:13.49325vh
    }
    #home__page-overlay #home__page--list-content .list--content-wrap li {
     text-align:center;
     font-size:1rem;
     line-height:1.5
    }
    #site__socials {
     top:1.25rem;
     left:0;
     width:77%;
     pointer-events:none;
     -webkit-user-select:none;
     -moz-user-select:none;
     -ms-user-select:none;
     user-select:none;
     visibility:hidden;
     z-index:11
    }
    #site__socials .socials {
     max-width:315px;
     margin-left:auto;
     margin-right:auto;
     float:right;
     width:91%
    }
    #site__socials .col--social a {
     padding:1rem 0;
     line-height:1.4
    }
    #videos__bg-designing--loop,
    #videos__bg-writing--loop {
     display:none
    }
    .container {
     max-width:100%;
     padding-left:30px!important;
     padding-right:30px!important
    }
   }
   @media (min-width:1960px) and (max-height:1049px) {
    :root {
     --width-videos--bg-home--loop:35.75rem
    }
   }
   @media (min-width:1960px) and (min-height:1050px) {
    :root {
     --width-videos--bg-home--loop:46.25rem
    }
   }
   @media (min-width:768px) and (max-width:1139.98px) and (min-height:1024px) {
    :root {
     --width-videos--bg-home--loop:35.75rem
    }
   }
   @media (min-width:768px) and (max-width:1139.98px) and (max-height:1023px) {
    :root {
     --width-videos--bg-home--loop:23.75rem
    }
   }
   @media (max-width:1139.98px) {
    :root {
     --right-videos--bg-writing--loop:-11.25rem
    }
    body.category #footer__site,
    body.post-type-archive-project #footer__site {
     background-color:#fff
    }
    #header--message-blog {
     display:flex;
     align-items:center;
     align-content:center;
     height:100%
    }
    #writing--page:not(.view--mode-list) .posts .post:first-child .post--link {
     border-top:1px solid #e8e9eb
    }
    #writing--page:not(.view--mode-list) .posts .post--heading {
     margin-bottom:.625rem
    }
    #writing--page:not(.view--mode-list) .posts .post--heading .title--list {
     display:block
    }
    #writing--page:not(.view--mode-list) .posts .post--heading .title--grid {
     display:none
    }
    #designing--page .design:first-child .design--link {
     border-top:1px solid #efeef0
    }
    #designing--page .design--link {
     border-bottom:1px solid #efeef0;
     padding:1.375rem 0
    }
    #videos__bg #videos__bg-designing--loop div[aria-label="Video Player"] {
     left:-9.0625rem
    }
   }
   @media (min-width:0) and (max-width:767.98px) {
    .row {
     margin-left:-.3125rem;
     margin-right:-.3125rem
    }
    .row>.col,
    .row>[class*=col-] {
     padding-right:.3125rem;
     padding-left:.3125rem
    }
   }
   @media (pointer:fine),screen and (min-width:768px) {
    html.no-js.no-system-cursor:not(.error-browser),
    html.no-js.no-system-cursor:not(.error-browser) *,
    html.no-js.no-system-cursor:not(.error-browser)::-moz-selection,
    html.no-js.no-system-cursor:not(.error-browser) ::-moz-selection,
    html.no-js.no-system-cursor:not(.error-browser):active,
    html.no-js.no-system-cursor:not(.error-browser) :active,
    html.no-js.no-system-cursor:not(.error-browser):focus,
    html.no-js.no-system-cursor:not(.error-browser) :focus,
    html.no-js.no-system-cursor:not(.error-browser):hover,
    html.no-js.no-system-cursor:not(.error-browser) :hover {
     cursor:none!important
    }
    html.no-js.no-system-cursor:not(.error-browser),
    html.no-js.no-system-cursor:not(.error-browser) *,
    html.no-js.no-system-cursor:not(.error-browser)::selection,
    html.no-js.no-system-cursor:not(.error-browser) ::selection,
    html.no-js.no-system-cursor:not(.error-browser):active,
    html.no-js.no-system-cursor:not(.error-browser) :active,
    html.no-js.no-system-cursor:not(.error-browser):focus,
    html.no-js.no-system-cursor:not(.error-browser) :focus,
    html.no-js.no-system-cursor:not(.error-browser):hover,
    html.no-js.no-system-cursor:not(.error-browser) :hover {
     cursor:none!important
    }
   }
   @media (min-width:1140px) and (max-height:900px) {
    #contact--us .wrap--contact-us {
     margin-left:62vh
    }
   }
   @media (min-width:1140px) and (min-height:900px) {
    #contact--us .wrap--contact-us {
     margin-left:auto
    }
   }
   @media (min-width:768px) and (max-width:1139.98px) and (min-height:1121px) {
    #contact--us .wrap--contact-us:before {
     height:52.70864vh;
     max-height:820px
    }
    #videos__bg #videos__bg-contact--loop div[aria-label="Video Player"] {
     margin-top:8.78477vh
    }
    #home__page-overlay #home__page--list-content {
     padding-top:14.64129vh
    }
   }
   @media (min-width:768px) and (max-width:1139.98px) and (max-height:1120px) {
    #contact--us .wrap--contact-us:before {
     height:51.85185vh;
     max-height:620px
    }
    #videos__bg #videos__bg-contact--loop div[aria-label="Video Player"] {
     margin-top:.92593vh
    }
    #home__page-overlay #home__page--list-content {
     padding-top:9.72222vh
    }
   }
   @media (max-width:767.98px) and (max-height:580px) {
    #contact--us .wrap--contact-us:before {
     height:330px
    }
    #contact--us .mb-3,
    #contact--us .my-3 {
     margin-bottom:20px!important
    }
    #videos__bg #videos__bg-contact--loop div[aria-label="Video Player"] {
     margin-top:-2.15vh
    }
    #home__page-overlay #home__page--list-content {
     padding-top:12.93103vh
    }
   }
   @media (max-width:374px) {
    #contact--us .wrap--contact-us:before {
     height:56.70103vh
    }
    #home__page-overlay #home__page--list-content .col-10 {
     flex:0 0 100%;
     max-width:100%
    }
    #videos__bg-home--loop div[aria-label="Video Player"],
    #videos__bg-intro div[aria-label="Video Player"] {
     width:100%
    }
   }
   @media (max-width:1399.98px) {
    #videos__bg-home--loop div[aria-label="Video Player"],
    #videos__bg-intro div[aria-label="Video Player"] {
     top:58%
    }
   }
   @media (max-width:767.98px) and (max-height:650px) {
    #videos__bg-home--loop div[aria-label="Video Player"],
    #videos__bg-intro div[aria-label="Video Player"] {
     top:62%
    }
   }
   @media (min-width:375px) {
    #videos__bg-home--loop div[aria-label="Video Player"],
    #videos__bg-intro div[aria-label="Video Player"] {
     width:var(--width-videos--bg-home--loop)
    }
   }
   .wp-core-ui .button.button-danger {
    background-color:red;
    color:#fff;
    border-color:red
   }
   .wp-core-ui .button.button-success {
    background-color:#28a745;
    color:#fff;
    border-color:#28a745
   }