html {
    overflow-x: hidden
}






h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #171821;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.5px
}

h1 {
    font-size: 32px;
    letter-spacing: -.03em
}

h2 {
    font-size: 26px
}

h3 {
    font-size: 23px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 16px
}




@media only screen and (max-width:575px) {
    .content-box {
        padding: 6px
    }
}



.fa-check:before {
    content: "\f00c"
}.panel-body {
    padding: 15px
} 

.nav-menu > li > a .submenu-indicator:before {
    content: '';
    font-size: 14px;
    font-family: 'FontAwesome'
}

.nav-menu > li > a .submenu-indicator .submenu-indicator-chevron {
    display: none
}

.submenu-indicator-chevron {
    height: 6px;
    width: 6px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #fff0 #70798b #70798b #fff0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border .3s;
    transition: border .3s
}

.submenu-indicator {
    margin-left: 6px;
    margin-top: 6px;
    float: right;
    -webkit-transition: all .3s;
    transition: all .3s
}

.nav-menu > li > a .submenu-indicator {
    -webkit-transition: all 0;
    -o-transition: all 0;
    transition: all 0;
    margin-top: 0
}

.blink-bg {
    color: #fff;
    animation: blinkingBackground 2s infinite
}

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

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

pre, textarea {
    overflow: auto
}

.img-thumbnail, dd, dt, output {
    line-height: 1.42857143
}



.caret, img, svg {
    vertical-align: middle
}





dd, legend {
    margin-bottom: .5rem
}

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

.visible-lg, .visible-md, .visible-sm, .visible-xs, [hidden] {
    display: none !important
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .collapse.in, .img-responsive, .tab-content > .active, .thumbnail a > img, .thumbnail > img, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

a:active, a:hover, button:focus:not(:focus-visible) {
    outline: 0
}


a:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

 
audio:not([controls]) {
    display: none;
    height: 0
}

.caret, .figure, .img-thumbnail, .list-inline-item, .list-inline > li, label, output {
    display: inline-block
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

iframe, img {
    border: 0
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

.img-rounded {
    border-radius: 6px
}



.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}



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

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #e4b9b9
}



.list-inline {
    margin-left: -5px
}

    .list-inline > li {
        padding-right: 5px;
        padding-left: 5px
    }

abbr[data-original-title], abbr[title] {
    cursor: help
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }

    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    } 
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }
}




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


output {
    padding-top: 7px;
    font-size: 14px;
    color: #555
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}



.caret {
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 4px dashed;
    border-right: 4px solid #fff0;
    border-left: 4px solid #fff0
}


@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

.h2, h2 {
    font-size: calc(1.325rem + .9vw)
}

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

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

ol, ul {
    padding-left: 2rem
}

dd {
    margin-left: 0
}


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


code {
    color: #d63384;
    word-wrap: break-word
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d
}

select {
    word-wrap: normal
}

    select:disabled {
        opacity: 1
    }

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

::-moz-focus-inner {
    padding: 0;
    border-style: none
}



legend + * {
    clear: left
}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
    padding: 0
}




::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}


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

.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
    font-weight: 300;
    line-height: 1.2
}

summary {
    display: list-item
}


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

.display-1 {
    font-size: calc(1.625rem + 4.5vw)
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw)
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw)
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw)
}



.display-6 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {
    
    .display-6, .h1, h1 {
        font-size: 2.5rem
    }

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

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

    legend {
        font-size: 1.5rem
    }

    .display-1 {
        font-size: 5rem
    }

    .display-2 {
        font-size: 4.5rem
    }

    .display-3 {
        font-size: 4rem
    }

    .display-4 {
        font-size: 3.5rem
    }

    .display-5 {
        font-size: 3rem
    }
}

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

.figure-caption {
    font-size: .875em;
    color: #6c757d
}
 

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

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

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

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

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

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

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

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

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

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

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

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}



.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: rgb(25 135 84 / .9);
    border-radius: .25rem
}

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





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

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        background: 0 0;
        border: 1px solid #fff0;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

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

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

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



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

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



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



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

.bg-primary {
    background-color: #0d6efd !important
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " "
}

textarea {
    resize: vertical
}


.collapsing, .sr-only, svg:not(:root) {
    overflow: hidden
}

dt, kbd kbd, label, optgroup {
    font-weight: 700
}



.text-left, caption {
    text-align: left
}

body, fieldset {
    margin: 0
}

legend {
    line-height: inherit
}

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

 

audio:not([controls]) {
    display: none;
    height: 0
}

.collapse, [hidden], template {
    display: none
}

.img-thumbnail, .list-inline > li, label, output {
    display: inline-block
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

iframe, img {
    border: 0
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
/*
@font-face {
    font-family: "Glyphicons Halflings";
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff2) format("woff2"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}*/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-fluid, .img-responsive, .thumbnail a > img, .thumbnail > img {
    max-width: 100%;
    height: auto
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0,0,0,0);
    border: 0
}

.lead {
    margin-bottom: 20px;
    line-height: 1.4
}
 
a.text-primary:focus, a.text-primary:hover {
    color: #286090
}
 
a.text-success:focus, a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus, a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus, a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

.bg-primary, kbd {
    color: #fff
}

a.text-danger:focus, a.text-danger:hover {
    color: #843534
}

a > code, pre code {
    color: inherit
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}


.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

.list-inline > li {
    padding-right: 5px;
    padding-left: 5px
}

abbr[data-original-title], abbr[title] {
    cursor: help
}


 

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

legend {
    display: block;
    font-size: 21px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    max-width: 100%;
    margin-bottom: 5px
}

.caret, .figure, .list-inline-item {
    display: inline-block
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

.collapsing {
    position: relative;
    height: 0;
    -webkit-transition-property: height,visibility;
    -o-transition-property: height,visibility;
    transition-property: height,visibility;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.navbar-inverse {
    background-color: #fff;
    border-color: #fff
}

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


.small, code, kbd, small {
    font-size: .875em
}

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


blockquote, figure {
    margin: 0 0 1rem
}

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

.nav-link:focus, .nav-link:hover, a:hover {
    color: #0a58ca
}

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

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



kbd {
    padding: .2rem .4rem;
    background-color: #212529;
    border-radius: .2rem
}

    kbd kbd {
        padding: 0;
        font-size: 1em
    }


button {
    border-radius: 0
}

button, select {
    text-transform: none
}

select {
    word-wrap: normal
}


[list]::-webkit-calendar-picker-indicator {
    display: none
}

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

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

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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


::file-selector-button {
    font: inherit
}




progress {
    vertical-align: baseline
}


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

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

.initialism {
    text-transform: uppercase;
    font-size: .875em;
    text-transform: uppercase
}



.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

    .blockquote-footer::before {
        content: "— "
    }

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
} 
.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .fade, .nav-link {
        transition: none
    }
}

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

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



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

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

    .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
        width: 100%
    }

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " "
}


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

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

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

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

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

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

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

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

            .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 {
                position: relative;
                width: 100%;
                padding-right: 15px;
                padding-left: 15px
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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