@charset "UTF-8";

.row>*,
hr {
    width: 100%
}

:root {
    --bs-light-rgb: 0, 0, 0;
    --bs-white-rgb: 0, 0, 0;
}

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

body {
    margin: 0
}

hr {
    margin: 1rem 0;
    color: #fff;
    border: 0;
    border-top: 2px solid
}

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

a {
    color: var(--bs-link-color);
    text-decoration: underline
}

a:hover {
    color: var(--bs-link-hover-color)
}

.container {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {

    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container {
        max-width: 720px
    }

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

@media (min-width:992px) {

    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container {
        max-width: 1140px
    }
}

@media (min-width:1400px) {

    .container {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

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

.col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}
.pull-left{float:left!important}