@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 #adb5bd;
        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: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .navbar {
        display: none
    }

    .badge {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

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

    .table-dark {
        color: inherit
    }

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

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6
    }
}

@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-flex !important;
        display: flex !important
    }

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

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

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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

body {
    margin: 0;
    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: .5rem
}

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

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

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

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

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

dt {
    font-weight: 700
}

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

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

a:hover {
    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: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

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

figure {
    margin: 0 0 1rem
}

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

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

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

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

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

select {
    word-wrap: normal
}

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

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

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

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

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

textarea {
    overflow: auto;
    resize: vertical
}

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

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

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

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

template {
    display: none
}

[hidden] {
    display: none !important
}

/*! Prefix flex for IE10 and Safari / iOS in LESS */
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

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

@media only screen and (min-width: 1470px) {
    .container {
        width: 1470px
    }
}

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

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

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

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

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

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

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

.nav-tabs .nav-link {
    border: 1px solid transparent;
    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
}

.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: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

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

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

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

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

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

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

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

.navbar > .container, .navbar > .container-fluid {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    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-flex;
    display: flex;
    -webkit-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 {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-align-items: 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-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-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .navbar-expand-md {
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .navbar-expand-lg {
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

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

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

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

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

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

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

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

@media (min-width: 1470px) {
    .navbar-expand-xl {
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(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,%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
}

.btn {
    display: inline-block;
    font-weight: 500;
    color: #056000;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: .2rem solid transparent;
    padding: 1.05rem 3rem;
    font-size: 2rem;
    line-height: 1.5;
    border-radius: 3.5rem;
    text-transform: uppercase
}

@media only screen and (max-width: 1366px) {
    .btn {
        font-size: 1.8rem
    }
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none
}

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

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

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

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

.btn-group-md > .btn, .btn-md {
    padding: 1.2rem 2.75rem;
    font-size: 2.4rem;
    border-radius: 3.5rem
}

.btn-group-lg > .btn, .btn-lg {
    padding: 2rem 4rem;
    font-size: 2.4rem;
    border-radius: 5rem;
    border-width: .2rem
}

@media only screen and (max-width: 1366px) {
    .btn-group-lg > .btn, .btn-lg {
        padding: 1.9rem 3.8rem;
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 991px) {
    .btn-group-lg > .btn, .btn-lg {
        padding: 1.7rem 3.6rem;
        font-size: 2rem
    }
}

@media only screen and (max-width: 767px) {
    .btn-group-lg > .btn, .btn-lg {
        padding-left: 3.4rem;
        padding-right: 3.4rem;
        font-size: 1.8rem
    }
}

.btn-group-max > .btn, .btn-max {
    padding: 1.9rem 4.2rem;
    font-size: 2.8rem;
    font-weight: 700;
    border-radius: 5rem;
    border-width: .4rem
}

@media only screen and (max-width: 1366px) {
    .btn-group-max > .btn, .btn-max {
        padding: 1.8rem 4rem;
        font-size: 2.6rem
    }
}

@media only screen and (max-width: 991px) {
    .btn-group-max > .btn, .btn-max {
        padding: 1.6rem 3.8rem;
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 767px) {
    .btn-group-max > .btn, .btn-max {
        padding-left: 3.6rem;
        padding-right: 3.6rem;
        font-size: 2.2rem
    }
}

.btn-primary {
    color: #fff;
    background: #ffb845;
    background: linear-gradient(to bottom, #ffb845 0, #ff9945 100%);
    border-color: rgba(138, 85, 70, .15);
    background-clip: padding-box
}

.btn-primary:hover {
    color: #fff;
    background: linear-gradient(to bottom, #ffca59 0, #ffae45 100%);
    background-clip: padding-box
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background: linear-gradient(to bottom, #ffa93b 0, #ff8420 100%);
    background-clip: padding-box;
    box-shadow: none
}

.btn-secondary {
    color: #fff;
    background: #0bab4b;
    background: linear-gradient(to bottom, #0dcb59 0%, #0bab4b 100%);
    border-color: rgba(7, 96, 0, .39);
    background-clip: padding-box
}

.btn-secondary:hover {
    color: #fff;
    background: linear-gradient(to bottom, #94e138 0, #75c419 100%);
    background: linear-gradient(to bottom, #0dd85f 0%, #0bba51 100%);
    background-clip: padding-box
}

.btn-secondary.focus, .btn-secondary:focus {
    color: #fff;
    background: linear-gradient(to bottom, #74c418 0, #529e0a 100%);
    background: linear-gradient(to bottom, #0cc054 0%, #0ab04c 100%);
    background-clip: padding-box;
    box-shadow: none
}

.btn-tertiary {
    color: #0bb850;
    background-color: transparent;
    border-color: rgba(11, 184, 80, 0.4)
}

.btn-tertiary:hover {
    color: #0bb850;
    background-color: transparent;
    border-color: #0bb850
}

.btn-tertiary.focus, .btn-tertiary:focus {
    box-shadow: none;
    color: #fff;
    background-color: #0bb850;
    border-color: #0bb850;
}

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

.btn-tertiary:not(:disabled):not(.disabled).active, .btn-tertiary:not(:disabled):not(.disabled):active, .show > .btn-tertiary.dropdown-toggle {
    color: #fff;
    background-color: #0bb850;
    border-color: #0bb850;
}

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

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

.btn-success.focus, .btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

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

.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: #1c7430
}

.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 .2rem rgba(72, 180, 97, .5)
}

.btn-text {
    color: #02a2c4;
    background-color: transparent;
    border-color: transparent
}

.btn-text:hover {
    color: #006d84;
    background-color: transparent;
    border-color: transparent
}

.btn-text.focus, .btn-text:focus {
    box-shadow: none;
    color: #0293ae;
    background-color: transparent;
    border-color: transparent
}

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

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

.btn-info.focus, .btn-info:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

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

.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: #10707f
}

.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 .2rem rgba(58, 176, 195, .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 .2rem rgba(222, 170, 12, .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 .2rem rgba(222, 170, 12, .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 .2rem rgba(225, 83, 97, .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 .2rem rgba(225, 83, 97, .5)
}

.btn-shadow {
    position: relative
}

.btn-shadow::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 3.5rem;
    box-shadow: rgba(191, 76, 4, .63) 0 25px 30px -20px;
    content: ''
}

.btn-shadow.btn-max::before {
    border-radius: 5rem
}

.btn-shadow.focus::before, .btn-shadow:focus::before {
    box-shadow: rgba(191, 76, 4, .63) 0 5px 5px -5px
}

.btn-shadow.btn-secondary::before {
    box-shadow: rgba(65, 28, 0, .52) 0 25px 30px -20px
}

.btn-arrow {
    position: relative;
    padding-right: 0
}

.btn-arrow ._overlay {
    display: inline-block;
    padding-right: 10.8rem
}

@media only screen and (max-width: 1366px) {
    .btn-arrow ._overlay {
        padding-right: 10.6rem
    }
}

@media only screen and (max-width: 991px) {
    .btn-arrow ._overlay {
        padding-right: 9.4rem
    }
}

@media only screen and (max-width: 767px) {
    .btn-arrow ._overlay {
        padding-right: 8.4rem
    }
}

.btn-arrow ._overlay::after {
    position: absolute;
    top: 50%;
    right: 2.5rem;
    margin-top: -.9rem;
    width: 1rem;
    height: 1.8rem;
    content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' viewBox='0 0 14 22' fill='rgb(255, 255, 255)' %3e%3cpath d='M2.086,1.253 L13.499,9.988 C14.165,10.499 14.165,11.492 13.499,12.002 L2.086,20.738 C1.240,21.386 0.009,20.789 0.009,19.732 L2.000,11.000 L0.009,2.259 C0.009,1.201 1.240,0.604 2.086,1.253 Z'/%3e%3c/svg%3e");
    z-index: 2
}

@media only screen and (max-width: 1366px) {
    .btn-arrow ._overlay::after {
        margin-top: -.8rem;
        width: .8rem;
        height: 1.8rem
    }
}

@media only screen and (max-width: 991px) {
    .btn-arrow ._overlay::after {
        margin-top: -.7rem;
        right: 2rem;
        height: 1.4rem
    }
}

@media only screen and (max-width: 767px) {
    .btn-arrow ._overlay::after {
        right: 1.6rem
    }
}

.btn-arrow.btn-primary ._overlay::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 4rem;
    height: 100%;
    border-radius: 0 2rem 2rem 0;
    background-color: rgba(0, 0, 0, .05);
    content: '';
    z-index: 1
}

@media only screen and (max-width: 1366px) {
    .btn-arrow.btn-primary ._overlay::before {
        width: 3.8rem
    }
}

@media only screen and (max-width: 991px) {
    .btn-arrow.btn-primary ._overlay::before {
        width: 3rem
    }
}

@media only screen and (max-width: 767px) {
    .btn-arrow.btn-primary ._overlay::before {
        width: 2.2rem
    }
}

.btn-arrow.btn-lg {
    padding-right: 6.8rem
}

@media only screen and (max-width: 1366px) {
    .btn-arrow.btn-lg {
        padding-right: 6.6rem
    }
}

@media only screen and (max-width: 991px) {
    .btn-arrow.btn-lg {
        padding-right: 5.4rem
    }
}

@media only screen and (max-width: 767px) {
    .btn-arrow.btn-lg {
        padding-right: 5rem;
        padding-left: 3rem
    }
}

@media only screen and (max-width: 575px) {
    .btn-arrow.btn-lg {
        padding-right: 4.8rem;
        padding-left: 2.4rem
    }
}

.btn-arrow.btn-lg::after {
    position: absolute;
    top: 50%;
    right: 3.2rem;
    margin-top: -.8rem;
    width: 1rem;
    height: 1.6rem;
    content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' viewBox='0 0 14 22' fill='%230bb850' %3e%3cpath d='M2.086,1.253 L13.499,9.988 C14.165,10.499 14.165,11.492 13.499,12.002 L2.086,20.738 C1.240,21.386 0.009,20.789 0.009,19.732 L2.000,11.000 L0.009,2.259 C0.009,1.201 1.240,0.604 2.086,1.253 Z'/%3e%3c/svg%3e");
    z-index: 2
}

@media only screen and (max-width: 1366px) {
    .btn-arrow.btn-lg::after {
        margin-top: -.7rem;
        width: .9rem;
        height: 1.4rem
    }
}

@media only screen and (max-width: 991px) {
    .btn-arrow.btn-lg::after {
        right: 2.7rem
    }
}

@media only screen and (max-width: 767px) {
    .btn-arrow.btn-lg::after {
        right: 2.3rem
    }
}

@media only screen and (max-width: 575px) {
    .btn-arrow.btn-lg::after {
        right: 2.2rem;
        margin-top: -.6rem;
        width: .8rem;
        height: 1.2rem
    }
}

.btn-arrow.btn-lg.btn-tertiary.focus::after, .btn-arrow.btn-lg.btn-tertiary:focus::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' viewBox='0 0 14 22' fill='rgb(255, 255, 255)' %3e%3cpath d='M2.086,1.253 L13.499,9.988 C14.165,10.499 14.165,11.492 13.499,12.002 L2.086,20.738 C1.240,21.386 0.009,20.789 0.009,19.732 L2.000,11.000 L0.009,2.259 C0.009,1.201 1.240,0.604 2.086,1.253 Z'/%3e%3c/svg%3e")
}

.btn-arrow.btn-max ._overlay {
    padding-right: 11.2rem
}

@media only screen and (max-width: 1366px) {
    .btn-arrow.btn-max ._overlay {
        padding-right: 11rem
    }
}

@media only screen and (max-width: 991px) {
    .btn-arrow.btn-max ._overlay {
        padding-right: 9.8rem
    }
}

@media only screen and (max-width: 767px) {
    .btn-arrow.btn-max ._overlay {
        padding-right: 8.8rem
    }
}

.btn-arrow.btn-max ._overlay::after {
    position: absolute;
    top: 50%;
    right: 3.5rem;
    margin-top: -1.1rem;
    width: 1.4rem;
    height: 2.2rem;
    content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' viewBox='0 0 14 22' fill='rgb(255, 255, 255)' %3e%3cpath d='M2.086,1.253 L13.499,9.988 C14.165,10.499 14.165,11.492 13.499,12.002 L2.086,20.738 C1.240,21.386 0.009,20.789 0.009,19.732 L2.000,11.000 L0.009,2.259 C0.009,1.201 1.240,0.604 2.086,1.253 Z'/%3e%3c/svg%3e");
    z-index: 2
}

@media only screen and (max-width: 1366px) {
    .btn-arrow.btn-max ._overlay::after {
        margin-top: -1rem;
        width: 1.2rem;
        height: 2rem
    }
}

@media only screen and (max-width: 991px) {
    .btn-arrow.btn-max ._overlay::after {
        right: 3rem
    }
}

@media only screen and (max-width: 767px) {
    .btn-arrow.btn-max ._overlay::after {
        right: 2.6rem
    }
}

.btn-arrow.btn-max.btn-primary ._overlay::before {
    width: 8rem;
    border-radius: 0 4rem 4rem 0
}

@media only screen and (max-width: 1366px) {
    .btn-arrow.btn-max.btn-primary ._overlay::before {
        width: 7.8rem
    }
}

@media only screen and (max-width: 991px) {
    .btn-arrow.btn-max.btn-primary ._overlay::before {
        width: 7rem
    }
}

@media only screen and (max-width: 767px) {
    .btn-arrow.btn-max.btn-primary ._overlay::before {
        width: 6.2rem
    }
}

.btn-link {
    font-weight: 500;
    color: #268fd0;
    text-decoration: none
}

.btn-link:hover {
    color: #46618a;
    text-decoration: underline
}

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

.btn-link.disabled, .btn-link:disabled {
    color: #6c757d;
    pointer-events: none
}

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

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

.btn-whatisthis {
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    line-height: 3rem;
    text-align: center;
    color: #0bb850;
    border: 2px solid #0bb850;
    font-size: 2.4rem;
    border-radius: 50%;
    vertical-align: middle
}

.btn-whatisthis:hover {
    cursor: pointer
}

.btn-promo {
    padding: 1.25rem;
    line-height: 1.1
}

.btn-promo .__accent {
    display: block;
    font-size: 2.2rem;
    color: #fcf8b3
}

@media only screen and (max-width: 1366px) {
    .btn-promo .__accent {
        font-size: 2rem
    }
}

@media only screen and (max-width: 991px) {
    .btn-promo .__accent {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 767px) {
    .btn-promo .__accent {
        font-size: 1.6rem
    }
}

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

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

.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: .5rem
}

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

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

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

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

.media {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.media-body {
    -webkit-flex: 1;
    flex: 1
}

.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-flex !important;
    display: flex !important
}

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

@media (min-width: 576px) {
    .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-flex !important;
        display: flex !important
    }

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

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

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

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

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

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

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

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

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

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

@media (min-width: 1470px) {
    .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-flex !important;
        display: flex !important
    }

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

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

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

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

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

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

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

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

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

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

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

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

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

.w-auto {
    width: auto !important
}

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

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

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

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

.h-auto {
    height: auto !important
}

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

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

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

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

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

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

.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: .25rem !important
}

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

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

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

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

.m-2 {
    margin: .5rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-0 {
    padding: 0 !important
}

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

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

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

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

.p-1 {
    padding: .25rem !important
}

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

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

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

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

.p-2 {
    padding: .5rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-n1 {
    margin: -.25rem !important
}

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

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

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

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

.m-n2 {
    margin: -.5rem !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-auto {
    margin: auto !important
}

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

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

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

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

@media (min-width: 576px) {
    .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: .25rem !important
    }

    .mt-sm-1, .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1, .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1, .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1, .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2, .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2, .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2, .mx-sm-2 {
        margin-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1, .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1, .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1, .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1, .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2, .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2, .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2, .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2, .px-sm-2 {
        padding-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1, .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1, .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1, .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1, .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2, .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2, .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2, .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2, .mx-sm-n2 {
        margin-left: -.5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

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

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

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

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

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1, .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1, .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1, .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1, .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2, .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2, .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2, .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2, .mx-md-2 {
        margin-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1, .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1, .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1, .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1, .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2, .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2, .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2, .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2, .px-md-2 {
        padding-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1, .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1, .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1, .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1, .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2, .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2, .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2, .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2, .mx-md-n2 {
        margin-left: -.5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important
    }

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

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

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

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

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1, .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1, .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1, .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1, .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2, .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2, .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1, .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1, .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1, .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1, .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2, .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2, .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2, .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2, .px-lg-2 {
        padding-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1, .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1, .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1, .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1, .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2, .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2, .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2, .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2, .mx-lg-n2 {
        margin-left: -.5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1470px) {
    .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: .25rem !important
    }

    .mt-xl-1, .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1, .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1, .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1, .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2, .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2, .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2, .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1, .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1, .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1, .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1, .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2, .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2, .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2, .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2, .px-xl-2 {
        padding-left: .5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1, .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1, .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1, .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1, .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2, .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2, .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2, .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2, .mx-xl-n2 {
        margin-left: -.5rem !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1470px) {
    .flex-xl-row {
        -webkit-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-success {
    color: #0bb850 !important;
}

a.text-success:focus, a.text-success:hover {
    color: #4ea403 !important
}

.text-info {
    color: #24c0cf !important
}

a.text-info:focus, a.text-info:hover {
    color: #006d84 !important
}

.text-warning {
    color: #ff9945 !important
}

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

.text-danger {
    color: #fc4f4e !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #dc3545 !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus, a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #46618a !important
}

a.text-dark:focus, a.text-dark:hover {
    color: #243146 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

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

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

.text-underline {
    text-decoration: underline
}

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

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

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

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

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

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

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

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

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

.text-reset {
    text-transform: none;
    font-style: normal;
    text-decoration: none
}

.hlight {
    color: #fcf8b3
}

._headline, .section-toprated ._features .__item .__heading {
    color: #268fd0
}

.fade {
    transition: opacity .15s linear
}

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

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

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

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

html {
    font-size: 10px
}

body {
    font-size: 2.4rem;
    font-weight: 400;/* yhankovich changed from 500*/
    color: #46618a
}

@media only screen and (max-width: 991px) {
    body {
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 2rem
    }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.04em
}

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

@media only screen and (max-width: 1469px) {
    .h1, h1 {
        font-size: 8rem
    }
}

@media only screen and (max-width: 1366px) {
    .h1, h1 {
        font-size: 7.5rem
    }
}

@media only screen and (max-width: 1280px) {
    .h1, h1 {
        font-size: 7rem
    }
}

@media only screen and (max-width: 991px) {
    .h1, h1 {
        font-size: 6rem
    }
}

@media only screen and (max-width: 575px) {
    .h1, h1 {
        font-size: 4.8rem
    }
}

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

@media only screen and (max-width: 1469px) {
    .h2, h2 {
        font-size: 7.2rem
    }
}

@media only screen and (max-width: 1280px) {
    .h2, h2 {
        font-size: 6.6rem
    }
}

@media only screen and (max-width: 991px) {
    .h2, h2 {
        font-size: 5.6rem
    }
}

@media only screen and (max-width: 767px) {
    .h2, h2 {
        font-size: 4.6rem
    }
}

@media only screen and (max-width: 575px) {
    .h2, h2 {
        font-size: 4rem
    }
}

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

@media only screen and (max-width: 1469px) {
    .h3, h3 {
        font-size: 5.6rem
    }
}

@media only screen and (max-width: 991px) {
    .h3, h3 {
        font-size: 4.8rem
    }
}

@media only screen and (max-width: 767px) {
    .h3, h3 {
        font-size: 4rem
    }
}

@media only screen and (max-width: 575px) {
    .h3, h3 {
        font-size: 3.4rem
    }
}

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

@media only screen and (max-width: 1469px) {
    .h4, h4 {
        font-size: 4.6rem
    }
}

@media only screen and (max-width: 991px) {
    .h4, h4 {
        font-size: 4.2rem
    }
}

@media only screen and (max-width: 767px) {
    .h4, h4 {
        font-size: 3.6rem
    }
}

@media only screen and (max-width: 575px) {
    .h4, h4 {
        font-size: 3.2rem
    }
}

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

@media only screen and (max-width: 1469px) {
    .h5, h5 {
        font-size: 3.8rem
    }
}

@media only screen and (max-width: 991px) {
    .h5, h5 {
        font-size: 3.4rem
    }
}

@media only screen and (max-width: 767px) {
    .h5, h5 {
        font-size: 3.2rem
    }
}

@media only screen and (max-width: 575px) {
    .h5, h5 {
        font-size: 2.6rem
    }
}

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

@media only screen and (max-width: 1469px) {
    .h6, h6 {
        font-size: 2.8rem
    }
}

@media only screen and (max-width: 991px) {
    .h6, h6 {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 767px) {
    .h6, h6 {
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 575px) {
    .h6, h6 {
        font-size: 2rem
    }
}

p {
    margin: 0 0 2rem
}


button:focus {
    outline: 0
}

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

.slideout-open {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.slideout-panel {
    position: relative;
    z-index: 1
}

.slideout-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 0
}

.slideout-open .slideout-backdrop {
    z-index: 1;
    visibility: visible;
    pointer-events: auto
}

.navbar-site {
    position: relative;
    padding-top: 6rem;
    height: 14rem;
    z-index: 1
}

@media only screen and (max-width: 1469px) {
    .navbar-site {
        padding-top: 4rem
    }
}

@media only screen and (max-width: 1280px) {
    .navbar-site {
        padding-top: 0;
        height: 12rem
    }
}

@media only screen and (max-width: 767px) {
    .navbar-site {
        padding-top: 1.5rem;
        height: 10rem
    }
}

@media only screen and (max-width: 575px) {
    .navbar-site {
        position: relative !important
    }
}

.navbar-site .navbar-brand {
    margin-top: -1.8rem;
    max-width: 30rem;
    margin-right: 0;
    width: 100%
}

@media only screen and (max-width: 1366px) {
    .navbar-site .navbar-brand {
        max-width: 28rem
    }
}

@media only screen and (max-width: 575px) {
    .navbar-site .navbar-brand {
        max-width: 24rem
    }
}

.navbar-site .navbar-toggler .navbar-toggler-icon {
    width: 3.2rem;
    height: 3.3rem
}

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

.slideout-open .navbar-site .navbar-toggler {
    position: relative
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
    .navbar-site .navbar-collapse {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
    .navbar-site .navbar-nav-site {
        -webkit-justify-content: center;
        justify-content: center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2rem;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .navbar-site .navbar-nav-site {
        margin-top: 3rem;
        border-bottom: .1rem dashed #46618a
    }
}

@media only screen and (max-width: 767px) {
    .navbar-site .navbar-nav-site .nav-item {
        border-top: .1rem dashed #46618a
    }
}

.navbar-site .navbar-nav-site .nav-item:first-child > .nav-link::before {
    display: none
}

.navbar-site .navbar-nav-site .nav-link {
    position: relative;
    padding-left: 2rem;
    padding-right: 2rem;
    color: #fff;
    font-size: 2.2rem;
    text-align: center
}

.navbar-site .navbar-nav-site .nav-link::before {
    display: block;
    position: absolute;
    top: 2.1rem;
    left: -.2rem;
    height: .5rem;
    width: .5rem;
    content: '';
    background: #fcf8b3;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (max-width: 1366px) {
    .navbar-site .navbar-nav-site .nav-link::before {
        top: 1.8rem
    }
}

@media only screen and (max-width: 767px) {
    .navbar-site .navbar-nav-site .nav-link::before {
        display: none
    }
}

@media only screen and (max-width: 1366px) {
    .navbar-site .navbar-nav-site .nav-link {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
        font-size: 2rem
    }
}

@media only screen and (max-width: 767px) {
    .navbar-site .navbar-nav-site .nav-link {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-right: 0;
        font-size: 1.6rem;
        color: #46618a;
        text-align: right;
        text-transform: uppercase
    }
}

.navbar-site .navbar-nav-site .nav-link:focus, .navbar-site .navbar-nav-site .nav-link:hover {
    color: #fcf8b3
}

@media only screen and (max-width: 767px) {
    .navbar-site .navbar-nav-site .nav-link:focus, .navbar-site .navbar-nav-site .nav-link:hover {
        color: #46618a
    }
}

.navbar-site .navbar-subnav {
    padding-left: 0;
    list-style: none;
    padding-right: 2.5rem;
    font-size: 1.6rem;
    text-align: right
}

.navbar-site .navbar-subnav > li {
    padding-bottom: 1rem
}

.navbar-site ._buttons .nav-item:last-child {
    margin-left: 2rem
}

@media only screen and (max-width: 767px) {
    .navbar-site ._buttons .nav-item:last-child {
        margin-left: 0
    }
}

@media only screen and (max-width: 767px) {
    .navbar-site ._buttons {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

@media only screen and (max-width: 767px) {
    .navbar-site ._buttons .btn {
        min-width: 10rem;
        padding: .5rem 1.8rem;
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 767px) {
    .navbar-site ._buttons .btn-tertiary {
        border-color: rgba(107, 199, 45, .5)
    }

    .navbar-site ._buttons .btn-tertiary.focus, .navbar-site ._buttons .btn-tertiary:focus, .navbar-site ._buttons .btn-tertiary:hover {
        border-color: #0bb850;
    }
}

@media only screen and (max-width: 767px) {
    .navbar-site .slideout-menu {
        position: fixed;
        top: 0;
        right: -26.5rem;
        bottom: 0;
        display: none;
        padding: 4rem 2rem 2rem;
        min-height: 100vh;
        height: auto;
        margin: 0;
        width: 26.5rem;
        box-shadow: inset 18px 0 20px -20px rgba(142, 112, 103, .67);
        overflow-y: scroll;
        background: #f0ece8 url(../images/pattern-noisy.jpg) 0 0 repeat;
        -webkit-overflow-scrolling: auto;
        z-index: 0
    }
}

.slideout-open .navbar-site .slideout-menu {
    display: block
}

.navbar-site .btn-primary {
    border-color: rgba(5, 96, 0, .5);
    border-width: .3rem
}

.navbar-site .btn-tertiary:hover {
    color: #fff;
    background-color: transparent;
    border-color: #fcf8b3
}

.navbar-site .btn-tertiary.focus, .navbar-site .btn-tertiary:focus {
    box-shadow: none;
    color: #fff;
    background-color: #499c07;
    border-color: #499c07
}

@media only screen and (min-width: 768px) {
    .navbar-site .btn-tertiary {
        color: #fff;
        border-color: rgba(5, 96, 0, .3)
    }

    .navbar-site .btn-tertiary.focus, .navbar-site .btn-tertiary:focus, .navbar-site .btn-tertiary:hover {
        color: #056000;
        border-color: #056000
    }
}

.footer-site {
    background: #fff url(../images/pattern-grunge-400x400.jpg) 0 0 repeat
}

.footer-site > .container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    padding-top: 7rem;
    padding-bottom: 5.5rem
}

@media only screen and (max-width: 1469px) {
    .footer-site > .container {
        padding-top: 7.5rem
    }
}

@media only screen and (max-width: 991px) {
    .footer-site > .container {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 13rem;
        padding-bottom: 1rem
    }
}

@media only screen and (max-width: 575px) {
    .footer-site > .container {
        padding-top: 10rem
    }
}

.footer-site > .container ._heading {
    margin: 2.5rem 0 5rem;
    font-size: 2.2rem;
    text-transform: uppercase
}

@media only screen and (max-width: 1280px) {
    .footer-site > .container ._heading {
        margin-bottom: 4rem
    }
}

@media only screen and (max-width: 575px) {
    .footer-site > .container ._heading {
        margin-bottom: 2.5rem
    }
}

@media only screen and (max-width: 1469px) {
    .footer-site > .container ._heading {
        font-size: 2rem
    }
}

@media only screen and (max-width: 575px) {
    .footer-site > .container ._heading {
        font-size: 1.8rem
    }
}

.footer-site ._logo {
    display: block;
    max-width: 29.4rem;
    margin-bottom: 6rem;
    width: 100%
}

@media only screen and (max-width: 1280px) {
    .footer-site ._logo {
        margin-bottom: 4rem;
        max-width: 27rem
    }
}

@media only screen and (max-width: 1024px) {
    .footer-site ._logo {
        max-width: 25rem
    }
}

@media only screen and (max-width: 991px) {
    .footer-site ._logo {
        position: absolute;
        top: 5rem;
        left: 1.5rem;
        max-width: 29.5rem
    }
}

@media only screen and (max-width: 575px) {
    .footer-site ._logo {
        max-width: 18.5rem
    }
}

.footer-site.__rounded > .container {
    padding-top: 10.5rem
}

@media only screen and (max-width: 991px) {
    .footer-site.__rounded > .container {
        padding-top: 17rem
    }
}

@media only screen and (max-width: 575px) {
    .footer-site.__rounded > .container {
        padding-top: 14rem
    }
}

@media only screen and (max-width: 991px) {
    .footer-site.__rounded > .container ._logo {
        top: 7rem
    }
}

.footer-site ._section {
    margin-right: 1.5rem
}

@media only screen and (max-width: 991px) {
    .footer-site ._section {
        -webkit-flex: 0 25%;
        flex: 0 25%;
        margin-right: 0;
        margin-bottom: 2.5rem
    }
}

@media only screen and (max-width: 767px) {
    .footer-site ._section {
        -webkit-flex: 0 50%;
        flex: 0 50%
    }
}

@media only screen and (max-width: 991px) {
    .footer-site ._section:first-child {
        -webkit-flex: 0 100%;
        flex: 0 100%;
        -webkit-order: 5;
        order: 5;
        padding-top: .5rem;
        overflow: hidden
    }
}

@media only screen and (max-width: 767px) {
    .footer-site ._section:nth-child(2) {
        -webkit-order: 1;
        order: 1
    }
}

@media only screen and (max-width: 767px) {
    .footer-site ._section:nth-child(3) {
        -webkit-order: 4;
        order: 4
    }
}

@media only screen and (max-width: 767px) {
    .footer-site ._section:nth-child(4) {
        -webkit-order: 2;
        order: 2
    }
}

@media only screen and (max-width: 767px) {
    .footer-site ._section:last-child {
        -webkit-order: 3;
        order: 3
    }
}

.footer-site .navbar-nav {
    padding-left: 0;
    list-style: none;
    margin: 0;
    font-size: 1.4rem;
    color: #beaeac
}

@media only screen and (max-width: 575px) {
    .footer-site .navbar-nav {
        font-size: 1rem
    }
}

.footer-site .navbar-nav > li {
    position: relative;
    margin: 0 0 2rem;
    padding-left: 1.5rem
}

@media only screen and (max-width: 1280px) {
    .footer-site .navbar-nav > li {
        margin-bottom: 1.5rem
    }
}

@media only screen and (max-width: 575px) {
    .footer-site .navbar-nav > li {
        margin-bottom: 1rem
    }
}

.footer-site .navbar-nav > li::before {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 2rem;
    line-height: 1.4;
    content: '•'
}

@media only screen and (max-width: 1280px) {
    .footer-site .navbar-nav > li::before {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 575px) {
    .footer-site .navbar-nav > li::before {
        font-size: 1.4rem
    }
}

.footer-site .navbar-nav > li > a {
    font-size: 2rem;
    vertical-align: sub
}

@media only screen and (max-width: 1280px) {
    .footer-site .navbar-nav > li > a {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 575px) {
    .footer-site .navbar-nav > li > a {
        font-size: 1.4rem
    }
}

.footer-site ._stores {
    margin-bottom: .5rem
}

@media only screen and (max-width: 991px) {
    .footer-site ._stores {
        float: left
    }
}

@media only screen and (max-width: 575px) {
    .footer-site ._stores {
        float: none
    }
}

.footer-site ._stores .__item {
    display: inline-block;
    max-width: 14.4rem
}

@media only screen and (max-width: 1280px) {
    .footer-site ._stores .__item {
        max-width: 13rem
    }
}

@media only screen and (max-width: 1024px) {
    .footer-site ._stores .__item {
        max-width: 12rem
    }
}

@media only screen and (max-width: 991px) {
    .footer-site ._stores .__item {
        max-width: none;
        width: 15rem
    }
}

@media only screen and (max-width: 575px) {
    .footer-site ._stores .__item {
        width: 13rem
    }
}

.footer-site ._stores .__item + .__item {
    margin-left: 1rem
}

.footer-site ._stats {
    margin-top: 1.5rem;
    font-size: 2rem;
    color: #5b6067
}

@media only screen and (max-width: 1280px) {
    .footer-site ._stats {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 991px) {
    .footer-site ._stats {
        float: left;
        margin-left: 2rem;
        margin-top: 1.2rem
    }
}

@media only screen and (max-width: 767px) {
    .footer-site ._stats {
        max-width: 14.5rem;
        margin-top: -.2rem
    }
}

@media only screen and (max-width: 575px) {
    .footer-site ._stats {
        float: none;
        margin: 1.5rem 0 0;
        max-width: none
    }
}

.footer-site ._stats > span {
    color: #beaeac
}

.footer-site ._stats strong {
    font-weight: 700
}

.footer-site ._stats > img {
    vertical-align: text-top
}

@media only screen and (max-width: 1280px) {
    .footer-site ._stats > img {
        width: 2.2rem
    }
}

@media only screen and (max-width: 1024px) {
    .footer-site ._stats > img {
        width: 2rem
    }
}

@media only screen and (max-width: 991px) {
    .footer-site ._stats > img {
        width: 2.2rem
    }
}

.footer-site .list-share {
    margin-top: 4.5rem
}

@media only screen and (max-width: 991px) {
    .footer-site .list-share {
        float: left;
        width: 100%
    }
}

@media only screen and (max-width: 575px) {
    .footer-site .list-share {
        float: none;
        margin-top: 2.5rem
    }
}

.footer-site .copyright {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    border-top: 1px solid rgba(143, 112, 102, .08);
    background-color: rgba(143, 112, 102, .05);
    font-size: 1.8rem
}

@media only screen and (max-width: 1024px) {
    .footer-site .copyright {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 575px) {
    .footer-site .copyright {
        font-size: 1.4rem
    }
}

.footer-site .copyright > .container {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media only screen and (max-width: 991px) {
    .footer-site .copyright > .container {
        -webkit-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}

@media only screen and (max-width: 991px) {
    .footer-site .copyright ._text {
        -webkit-order: 2;
        order: 2
    }
}

.footer-site .copyright .nav {
    margin: 0;
    line-height: 1
}

@media only screen and (max-width: 991px) {
    .footer-site .copyright .nav {
        margin-bottom: 2rem;
        -webkit-order: 1;
        order: 1
    }
}

.footer-site .copyright .nav > li {
    padding: 0 1.5rem;
    height: 1.2rem;
    border-left: 1px solid #ccbebc
}

@media only screen and (max-width: 991px) {
    .footer-site .copyright .nav > li {
        padding: 0 1rem;
        height: .8rem
    }
}

.footer-site .copyright .nav > li:first-child {
    padding-left: 0;
    border: none
}

.footer-site .copyright .nav a {
    position: relative;
    top: -.4rem
}

.footer-site .copyright .__secured {
    margin-right: 1.5rem
}

@media only screen and (max-width: 575px) {
    .footer-site .copyright .__secured {
        display: block;
        margin: 0 auto 1.5rem
    }
}

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

.list-share > li {
    display: inline;
    margin-right: .5rem
}

.list-share a {
    display: inline-block;
    width: 5.6rem;
    height: 5.6rem;
    line-height: 4.8rem;
    text-align: center;
    border: .2rem solid rgba(110, 0, 0, .11);
    border-radius: 50%
}

.list-share .__facebook:hover {
    border-color: #3e69c2
}

.list-share .__facebook:hover svg > path {
    fill: #3e69c2
}

.list-share .__facebook:focus {
    border-color: #3e69c2;
    background-color: #3e69c2
}

.list-share .__facebook:focus svg > path {
    fill: #fff
}

.list-share .__twitter:hover {
    border-color: #1da1f3
}

.list-share .__twitter:hover svg > path {
    fill: #1da1f3
}

.list-share .__twitter:focus {
    border-color: #1da1f3;
    background-color: #1da1f3
}

.list-share .__twitter:focus svg > path {
    fill: #fff
}

.list-share .__youtube:hover {
    border-color: #f50e1b
}

.list-share .__youtube:hover svg > path {
    fill: #f50e1b
}

.list-share .__youtube:focus {
    border-color: #f50e1b;
    background-color: #f50e1b
}

.list-share .__youtube:focus svg > path {
    fill: #fff
}

.list-share .__pinterest:hover {
    border-color: #ca2127
}

.list-share .__pinterest:hover svg > path {
    fill: #ca2127
}

.list-share .__pinterest:focus {
    border-color: #ca2127;
    background-color: #ca2127
}

.list-share .__pinterest:focus svg > path {
    fill: #fff
}

.list-share .__linkedin:hover {
    border-color: #0077b4
}

.list-share .__linkedin:hover svg > path {
    fill: #0077b4
}

.list-share .__linkedin:focus {
    border-color: #0077b4;
    background-color: #0077b4
}

.list-share .__linkedin:focus svg > path {
    fill: #fff
}

.list-share .__instagram {
    position: relative;
    border: none;
    background: rgba(110, 0, 0, .11)
}

.list-share .__instagram .___icon {
    position: relative;
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' viewBox='0 0 32 32' fill='rgb(207, 192, 190)' %3e%3cpath d='M31.904,22.597 C31.826,24.300 31.556,25.463 31.160,26.481 C30.329,28.630 28.630,30.329 26.481,31.160 C25.463,31.556 24.300,31.826 22.597,31.904 C20.891,31.982 20.345,32.000 16.000,32.000 C11.655,32.000 11.110,31.982 9.403,31.904 C7.701,31.826 6.537,31.556 5.520,31.160 C4.452,30.758 3.485,30.128 2.686,29.315 C1.872,28.515 1.242,27.548 0.840,26.481 C0.445,25.463 0.174,24.300 0.097,22.597 C0.018,20.890 0.000,20.345 0.000,16.000 C0.000,11.655 0.018,11.110 0.097,9.403 C0.174,7.700 0.444,6.537 0.840,5.519 C1.242,4.452 1.872,3.485 2.686,2.685 C3.485,1.872 4.452,1.242 5.520,0.840 C6.537,0.444 7.700,0.174 9.403,0.096 C11.110,0.018 11.655,0.000 16.000,0.000 C20.345,0.000 20.890,0.018 22.597,0.097 C24.300,0.174 25.463,0.444 26.480,0.840 C27.548,1.242 28.515,1.872 29.314,2.685 C30.128,3.485 30.758,4.452 31.160,5.519 C31.556,6.537 31.826,7.700 31.904,9.403 C31.982,11.110 32.000,11.655 32.000,16.000 C32.000,20.345 31.982,20.890 31.904,22.597 ZM29.024,9.535 C28.953,7.975 28.692,7.128 28.473,6.564 C28.216,5.869 27.807,5.240 27.276,4.724 C26.760,4.193 26.131,3.784 25.436,3.527 C24.872,3.308 24.025,3.047 22.465,2.976 C20.778,2.899 20.272,2.883 16.000,2.883 C11.728,2.883 11.222,2.899 9.535,2.976 C7.975,3.047 7.127,3.308 6.564,3.527 C5.869,3.784 5.240,4.193 4.724,4.724 C4.193,5.240 3.783,5.869 3.527,6.564 C3.308,7.128 3.047,7.975 2.976,9.535 C2.899,11.222 2.883,11.728 2.883,16.000 C2.883,20.272 2.899,20.779 2.976,22.466 C3.047,24.026 3.308,24.873 3.527,25.437 C3.783,26.132 4.192,26.760 4.724,27.276 C5.240,27.808 5.869,28.217 6.564,28.473 C7.127,28.692 7.974,28.953 9.534,29.024 C11.221,29.101 11.727,29.117 16.000,29.117 C20.273,29.117 20.779,29.101 22.465,29.024 C24.025,28.953 24.873,28.692 25.436,28.473 C26.832,27.935 27.935,26.832 28.473,25.437 C28.692,24.873 28.953,24.026 29.024,22.466 C29.101,20.778 29.117,20.272 29.117,16.000 C29.117,11.728 29.101,11.222 29.024,9.535 ZM24.541,9.379 C23.480,9.379 22.621,8.519 22.621,7.459 C22.621,6.399 23.480,5.539 24.541,5.539 C25.601,5.539 26.461,6.399 26.461,7.459 C26.461,8.519 25.601,9.379 24.541,9.379 ZM16.000,24.216 C11.462,24.216 7.784,20.538 7.784,16.000 C7.784,11.462 11.462,7.784 16.000,7.784 C20.538,7.784 24.216,11.462 24.216,16.000 C24.216,20.538 20.538,24.216 16.000,24.216 ZM16.000,10.667 C13.055,10.667 10.667,13.054 10.667,16.000 C10.667,18.946 13.054,21.333 16.000,21.333 C18.945,21.333 21.333,18.946 21.333,16.000 C21.333,13.055 18.945,10.667 16.000,10.667 Z'/%3e%3c/svg%3e")
}

.list-share .__instagram:hover {
    background: #774ec2;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #774ec2), color-stop(34%, #d32e8c), color-stop(69%, #f57334), color-stop(100%, #fed97d));
    background: linear-gradient(to bottom, #774ec2 0, #d32e8c 34%, #f57334 69%, #fed97d 100%)
}

.list-share .__instagram:hover .___icon {
    background-image: url(../images/icon-instagram-hover.svg)
}

.list-share .__instagram:focus {
    background: #774ec2;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #774ec2), color-stop(34%, #d32e8c), color-stop(69%, #f57334), color-stop(100%, #fed97d));
    background: linear-gradient(to bottom, #774ec2 0, #d32e8c 34%, #f57334 69%, #fed97d 100%)
}

.list-share .__instagram:focus .___icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' viewBox='0 0 32 32' fill='rgb(255, 255, 255)' %3e%3cpath d='M31.904,22.597 C31.826,24.300 31.556,25.463 31.160,26.481 C30.329,28.630 28.630,30.329 26.481,31.160 C25.463,31.556 24.300,31.826 22.597,31.904 C20.891,31.982 20.345,32.000 16.000,32.000 C11.655,32.000 11.110,31.982 9.403,31.904 C7.701,31.826 6.537,31.556 5.520,31.160 C4.452,30.758 3.485,30.128 2.686,29.315 C1.872,28.515 1.242,27.548 0.840,26.481 C0.445,25.463 0.174,24.300 0.097,22.597 C0.018,20.890 0.000,20.345 0.000,16.000 C0.000,11.655 0.018,11.110 0.097,9.403 C0.174,7.700 0.444,6.537 0.840,5.519 C1.242,4.452 1.872,3.485 2.686,2.685 C3.485,1.872 4.452,1.242 5.520,0.840 C6.537,0.444 7.700,0.174 9.403,0.096 C11.110,0.018 11.655,0.000 16.000,0.000 C20.345,0.000 20.890,0.018 22.597,0.097 C24.300,0.174 25.463,0.444 26.480,0.840 C27.548,1.242 28.515,1.872 29.314,2.685 C30.128,3.485 30.758,4.452 31.160,5.519 C31.556,6.537 31.826,7.700 31.904,9.403 C31.982,11.110 32.000,11.655 32.000,16.000 C32.000,20.345 31.982,20.890 31.904,22.597 ZM29.024,9.535 C28.953,7.975 28.692,7.128 28.473,6.564 C28.216,5.869 27.807,5.240 27.276,4.724 C26.760,4.193 26.131,3.784 25.436,3.527 C24.872,3.308 24.025,3.047 22.465,2.976 C20.778,2.899 20.272,2.883 16.000,2.883 C11.728,2.883 11.222,2.899 9.535,2.976 C7.975,3.047 7.127,3.308 6.564,3.527 C5.869,3.784 5.240,4.193 4.724,4.724 C4.193,5.240 3.783,5.869 3.527,6.564 C3.308,7.128 3.047,7.975 2.976,9.535 C2.899,11.222 2.883,11.728 2.883,16.000 C2.883,20.272 2.899,20.779 2.976,22.466 C3.047,24.026 3.308,24.873 3.527,25.437 C3.783,26.132 4.192,26.760 4.724,27.276 C5.240,27.808 5.869,28.217 6.564,28.473 C7.127,28.692 7.974,28.953 9.534,29.024 C11.221,29.101 11.727,29.117 16.000,29.117 C20.273,29.117 20.779,29.101 22.465,29.024 C24.025,28.953 24.873,28.692 25.436,28.473 C26.832,27.935 27.935,26.832 28.473,25.437 C28.692,24.873 28.953,24.026 29.024,22.466 C29.101,20.778 29.117,20.272 29.117,16.000 C29.117,11.728 29.101,11.222 29.024,9.535 ZM24.541,9.379 C23.480,9.379 22.621,8.519 22.621,7.459 C22.621,6.399 23.480,5.539 24.541,5.539 C25.601,5.539 26.461,6.399 26.461,7.459 C26.461,8.519 25.601,9.379 24.541,9.379 ZM16.000,24.216 C11.462,24.216 7.784,20.538 7.784,16.000 C7.784,11.462 11.462,7.784 16.000,7.784 C20.538,7.784 24.216,11.462 24.216,16.000 C24.216,20.538 20.538,24.216 16.000,24.216 ZM16.000,10.667 C13.055,10.667 10.667,13.054 10.667,16.000 C10.667,18.946 13.054,21.333 16.000,21.333 C18.945,21.333 21.333,18.946 21.333,16.000 C21.333,13.055 18.945,10.667 16.000,10.667 Z'/%3e%3c/svg%3e")
}

.list-share .__instagram:focus::before {
    display: none
}

.list-share .__instagram::before {
    position: absolute;
    top: .2rem;
    bottom: .2rem;
    left: .2rem;
    right: .2rem;
    content: '';
    border-radius: 50%;
    background: #fff url(../images/pattern-grunge-400x400.jpg) 0 0 repeat
}

.list-share .__email:hover {
    border-color: #63c7cd
}

.list-share .__email:hover svg > path {
    fill: #63c7cd
}

.list-share .__email:focus {
    border-color: #63c7cd;
    background-color: #63c7cd
}

.list-share .__email:focus svg > path {
    fill: #fff
}

.list-share .__print:hover {
    border-color: #78c62c
}

.list-share .__print:hover svg > path {
    fill: #78c62c
}

.list-share .__print:focus {
    border-color: #78c62c;
    background-color: #78c62c
}

.list-share .__print:focus svg > path {
    fill: #fff
}

.section-header {
    position: relative;
    padding-top: 20rem;
    padding-bottom: 7rem;
    overflow: hidden;
    margin-top: -14rem;
    font-size: 2.6rem;
    color: #fff;
    z-index: 0
}

@media only screen and (max-width: 1280px) {
    .section-header {
        margin-top: -12rem;
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 991px) {
    .section-header {
        padding-bottom: 5rem;
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 767px) {
    .section-header {
        margin-top: -10rem;
        font-size: 2rem
    }
}

@media only screen and (max-width: 575px) {
    .section-header {
        padding-top: 14rem;
        text-align: center
    }
}

.section-header::before {
    position: absolute;
    top: 0;
    left: -5rem;
    right: -5rem;
    bottom: 0;
    height: 100%;
    background: #4ea403;
    background: #05963d url(../images/texture-noise@1x.png) 0 0 repeat;
    background: url(../images/texture-noise@1x.png), radial-gradient(ellipse at top, #05b24a 0%, #05963d 60%);
    overflow: hidden;
    border-bottom-right-radius: 100rem 5rem;
    border-bottom-left-radius: 100rem 5rem;
    box-shadow: inset rgba(9, 108, 46, 0.76) 0 -2.3rem 10.7rem;
    z-index: 1;
    content: ''
}

@media only screen and (max-width: 1469px) {
    .section-header::before {
        left: -3rem;
        right: -3rem
    }
}

@media only screen and (max-width: 1366px) {
    .section-header::before {
        left: -2rem;
        right: -2rem
    }
}

@media only screen and (max-width: 1280px) {
    .section-header::before {
        left: -1rem;
        right: -1rem
    }
}

.section-header ._headline, .section-header .section-toprated ._features .__item .__heading {
    position: relative;
    z-index: 2;
    color: #fff
}

.section-header .list-share {
    margin-top: 10rem;
    font-size: 2rem;
    color: #46618a
}

@media only screen and (max-width: 1469px) {
    .section-header .list-share {
        margin-top: 6rem;
        font-size: 1.9rem
    }
}

@media only screen and (max-width: 1280px) {
    .section-header .list-share {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 991px) {
    .section-header .list-share {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 575px) {
    .section-header .list-share {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 575px) {
    .section-header .list-share > li {
        -webkit-flex: 0 26%;
        flex: 0 26%;
        margin: 1rem 0
    }
}

.section-header .badge {
    font-size: 2.2rem
}

@media only screen and (max-width: 1366px) {
    .section-header .badge {
        font-size: 2rem
    }
}

@media only screen and (max-width: 991px) {
    .section-header .badge {
        font-size: 1.8rem;
        border-radius: .8rem
    }
}

@media only screen and (max-width: 767px) {
    .section-header .badge {
        font-size: 1.6rem;
        border-radius: .6rem
    }
}

@media only screen and (max-width: 575px) {
    .section-header .badge {
        border-radius: .4rem
    }
}

.section-header._to-article {
    padding-top: 23rem
}

@media only screen and (max-width: 767px) {
    .section-header._to-article {
        padding-top: 13rem
    }
}

.section-header._to-article::before {
    height: 77%
}

@media only screen and (max-width: 1280px) {
    .section-header._to-article::before {
        height: 62%
    }
}

.section-header._to-article > .container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    font-size: 2.6rem;
    z-index: 5
}

@media only screen and (max-width: 1469px) {
    .section-header._to-article > .container {
        max-width: 127rem
    }
}

@media only screen and (max-width: 1280px) {
    .section-header._to-article > .container {
        -webkit-flex-direction: column;
        flex-direction: column;
        position: relative;
        padding-bottom: 12rem;
        max-width: 66rem;
        margin: 0 auto;
        font-size: 2.4rem;
        text-align: center
    }
}

@media only screen and (max-width: 991px) {
    .section-header._to-article > .container {
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 767px) {
    .section-header._to-article > .container {
        font-size: 2rem
    }
}

@media only screen and (max-width: 690px) {
    .section-header._to-article > .container {
        max-width: none
    }
}

@media only screen and (max-width: 575px) {
    .section-header._to-article > .container {
        padding-bottom: 18rem
    }
}

.section-header._to-article > .container ._article-meta {
    -webkit-flex: 0 50%;
    flex: 0 50%;
    padding-left: 10rem
}

@media only screen and (max-width: 1469px) {
    .section-header._to-article > .container ._article-meta {
        padding-left: 0
    }
}

@media only screen and (max-width: 1280px) {
    .section-header._to-article > .container ._article-meta {
        -webkit-flex: 0 1;
        flex: 0 1
    }
}

.section-header._to-article > .container ._article-meta .__headline {
    margin: 1rem 0 2.5rem;
    color: #fff;
    line-height: 1
}

.section-header._to-article > .container ._article-meta .__info {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 2rem;
    color: #fcf8b3
}

@media only screen and (max-width: 1469px) {
    .section-header._to-article > .container ._article-meta .__info {
        font-size: 1.9rem
    }
}

@media only screen and (max-width: 1280px) {
    .section-header._to-article > .container ._article-meta .__info {
        -webkit-justify-content: space-around;
        justify-content: space-around;
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 991px) {
    .section-header._to-article > .container ._article-meta .__info {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 575px) {
    .section-header._to-article > .container ._article-meta .__info {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.section-header._to-article > .container ._article-meta .__info > li {
    margin-right: 2.5rem
}

@media only screen and (max-width: 1280px) {
    .section-header._to-article > .container ._article-meta .__info > li {
        margin-right: 0
    }
}

@media only screen and (max-width: 575px) {
    .section-header._to-article > .container ._article-meta .__info > li {
        margin: .5rem 0
    }
}

.section-header._to-article > .container ._article-meta .__info a {
    color: #fcf8b3
}

.section-header._to-article > .container ._article-meta .__info svg {
    position: relative;
    top: .4rem;
    margin-right: .5rem;
    vertical-align: initial
}

@media only screen and (max-width: 1280px) {
    .section-header._to-article > .container ._article-meta .__info svg {
        width: 1.8rem;
        height: auto
    }
}

@media only screen and (max-width: 991px) {
    .section-header._to-article > .container ._article-meta .__info svg {
        width: 1.6rem
    }
}

.section-header._to-article > .container ._article-thumbnail {
    -webkit-flex: 0 45.83%;
    flex: 0 45.83%
}

@media only screen and (max-width: 1280px) {
    .section-header._to-article > .container ._article-thumbnail {
        -webkit-flex: 0 1;
        flex: 0 1;
        margin-top: 3rem
    }
}

.section-header._to-article > .container ._article-thumbnail .img-fluid {
    border-radius: 2rem;
    border: 1px solid #d6cbc4;
    box-shadow: rgba(0, 0, 0, .28) 0 39px 57px -39px
}

@media only screen and (max-width: 1469px) {
    .section-header._to-article > .container ._article-thumbnail .img-fluid {
        box-shadow: rgba(0, 0, 0, .28) 0 27px 45px -27px
    }
}

@media only screen and (max-width: 1366px) {
    .section-header._to-article > .container ._article-thumbnail .img-fluid {
        border-radius: 1.5rem
    }
}

@media only screen and (max-width: 767px) {
    .section-header._to-article > .container ._article-thumbnail .img-fluid {
        border-radius: 1rem
    }
}

@media only screen and (max-width: 575px) {
    .section-header._to-article > .container ._article-thumbnail .img-fluid {
        border-radius: .5rem;
        box-shadow: rgba(0, 0, 0, .28) 0 5px 23px -5px
    }
}

.section-header._to-blog {
    padding-top: 23rem
}

@media only screen and (max-width: 767px) {
    .section-header._to-blog {
        padding-top: 13rem
    }
}

.section-header._to-blog::before {
    height: 60%
}

@media only screen and (max-width: 1280px) {
    .section-header._to-blog::before {
        height: 55%
    }
}

@media only screen and (max-width: 575px) {
    .section-header._to-blog::before {
        height: 65%
    }
}

.section-header._to-blog > .container {
    position: relative;
    max-width: 127rem;
    font-size: 2.6rem;
    z-index: 5
}

@media only screen and (max-width: 1280px) {
    .section-header._to-blog > .container {
        position: relative;
        padding-bottom: 3rem;
        max-width: 102.4rem;
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 991px) {
    .section-header._to-blog > .container {
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 767px) {
    .section-header._to-blog > .container {
        font-size: 2rem
    }
}

@media only screen and (max-width: 690px) {
    .section-header._to-blog > .container {
        max-width: none
    }
}

@media only screen and (max-width: 575px) {
    .section-header._to-blog > .container {
        padding-bottom: 0
    }
}

.section-header._to-blog > .container ._blog-meta .__headline {
    margin: 1rem 0 2.5rem;
    color: #fff;
    line-height: 1
}

.section-header._to-blog > .container ._blog-meta .__info {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 2rem;
    color: #fcf8b3
}

@media only screen and (max-width: 1469px) {
    .section-header._to-blog > .container ._blog-meta .__info {
        font-size: 1.9rem
    }
}

@media only screen and (max-width: 1280px) {
    .section-header._to-blog > .container ._blog-meta .__info {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 991px) {
    .section-header._to-blog > .container ._blog-meta .__info {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 575px) {
    .section-header._to-blog > .container ._blog-meta .__info {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center
    }
}

.section-header._to-blog > .container ._blog-meta .__info > li {
    margin-right: 2.5rem
}

@media only screen and (max-width: 575px) {
    .section-header._to-blog > .container ._blog-meta .__info > li {
        margin: .5rem 0
    }
}

.section-header._to-blog > .container ._blog-meta .__info a {
    color: #fcf8b3
}

.section-header._to-blog > .container ._blog-meta .__info svg {
    position: relative;
    top: .4rem;
    margin-right: .5rem;
    vertical-align: initial
}

@media only screen and (max-width: 1280px) {
    .section-header._to-blog > .container ._blog-meta .__info svg {
        width: 1.8rem;
        height: auto
    }
}

@media only screen and (max-width: 991px) {
    .section-header._to-blog > .container ._blog-meta .__info svg {
        width: 1.6rem
    }
}

.section-header._to-blog > .container ._blog-thumbnail {
    margin-top: 6rem
}

.section-header._to-blog > .container ._blog-thumbnail .img-fluid {
    border-radius: 2rem;
    border: 1px solid #d6cbc4;
    box-shadow: rgba(0, 0, 0, .38) 0 39px 57px -39px
}

@media only screen and (max-width: 1469px) {
    .section-header._to-blog > .container ._blog-thumbnail .img-fluid {
        box-shadow: rgba(0, 0, 0, .38) 0 27px 45px -27px
    }
}

@media only screen and (max-width: 1366px) {
    .section-header._to-blog > .container ._blog-thumbnail .img-fluid {
        border-radius: 1.5rem
    }
}

@media only screen and (max-width: 767px) {
    .section-header._to-blog > .container ._blog-thumbnail .img-fluid {
        border-radius: 1rem
    }
}

@media only screen and (max-width: 575px) {
    .section-header._to-blog > .container ._blog-thumbnail .img-fluid {
        border-radius: .5rem;
        box-shadow: rgba(0, 0, 0, .38) 0 5px 23px -5px
    }
}

.section-header._to-blog > .container .list-share {
    margin-top: 7rem;
    margin-bottom: 0
}

@media only screen and (max-width: 1280px) {
    .section-header._to-blog > .container .list-share {
        position: static
    }
}

@media only screen and (max-width: 575px) {
    .section-header._to-blog > .container .list-share {
        margin-top: 3rem
    }
}

.section-toprated {
    padding-top: 11rem;
    padding-bottom: 9.5rem;
    text-align: center;
    font-size: 3.2rem
}

@media only screen and (max-width: 1469px) {
    .section-toprated {
        padding-bottom: 7.5rem
    }
}

@media only screen and (max-width: 1024px) {
    .section-toprated {
        padding-bottom: 3.5rem
    }
}

@media only screen and (max-width: 991px) {
    .section-toprated {
        padding-top: 8rem;
        font-size: 2.6rem
    }
}

@media only screen and (max-width: 767px) {
    .section-toprated {
        padding-top: 6rem;
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 575px) {
    .section-toprated {
        padding-top: 4rem;
        padding-bottom: 6rem;
        font-size: 2rem
    }
}

@media only screen and (max-width: 991px) {
    .section-toprated ._score > img {
        max-width: 6.4rem
    }
}

@media only screen and (max-width: 767px) {
    .section-toprated ._score > img {
        max-width: 5rem
    }
}

@media only screen and (max-width: 575px) {
    .section-toprated ._score > img {
        max-width: 3.2rem
    }
}

.section-toprated ._headline, .section-toprated .section-toprated ._features .__item .__heading {
    margin: 8.5rem 0 7rem
}

@media only screen and (max-width: 991px) {
    .section-toprated ._headline, .section-toprated .section-toprated ._features .__item .__heading {
        margin: 6.5rem 0 5rem
    }
}

@media only screen and (max-width: 767px) {
    .section-toprated ._headline, .section-toprated .section-toprated ._features .__item .__heading {
        margin: 4.5rem 0 3rem
    }
}

.section-toprated blockquote {
    margin: 0 6% 9rem
}

@media only screen and (max-width: 991px) {
    .section-toprated blockquote {
        margin-bottom: 7rem
    }
}

@media only screen and (max-width: 767px) {
    .section-toprated blockquote {
        margin-bottom: 5rem
    }
}

.section-toprated ._more {
    text-transform: uppercase !important;
    font-size: 2.4rem;
    font-weight: 500
}

@media only screen and (max-width: 991px) {
    .section-toprated ._more {
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 767px) {
    .section-toprated ._more {
        font-size: 2rem
    }
}

.section-toprated ._reviews {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 0 auto 2rem;
    max-width: 64rem
}

@media only screen and (max-width: 575px) {
    .section-toprated ._reviews {
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.section-toprated ._reviews::before {
    position: absolute;
    left: 50%;
    top: 1.5rem;
    bottom: 1.5rem;
    width: .1rem;
    border-left: 1px dashed #bab0ab;
    content: ''
}

@media only screen and (max-width: 575px) {
    .section-toprated ._reviews::before {
        top: 50%;
        left: 30%;
        right: 30%;
        bottom: auto;
        width: auto;
        height: .1rem;
        border: none;
        border-top: 1px dashed #bab0ab
    }
}

@media only screen and (max-width: 575px) {
    .section-toprated ._reviews .__item {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }
}

.section-toprated ._reviews .__item .___platform {
    display: block;
    margin-bottom: .5rem;
    text-align: center;
    font-size: 4.6rem
}

@media only screen and (max-width: 991px) {
    .section-toprated ._reviews .__item .___platform {
        font-size: 4rem
    }
}

@media only screen and (max-width: 767px) {
    .section-toprated ._reviews .__item .___platform {
        font-size: 3.6rem
    }
}

@media only screen and (max-width: 575px) {
    .section-toprated ._reviews .__item .___platform {
        font-size: 3.2rem
    }
}

.section-toprated ._reviews .__item .___platform svg {
    margin-right: 1rem;
    vertical-align: sub
}

@media only screen and (max-width: 991px) {
    .section-toprated ._reviews .__item .___platform svg {
        max-width: 5.2rem;
        height: auto
    }
}

@media only screen and (max-width: 767px) {
    .section-toprated ._reviews .__item .___platform svg {
        max-width: 4.6rem
    }
}

@media only screen and (max-width: 575px) {
    .section-toprated ._reviews .__item .___platform svg {
        max-width: 4rem
    }
}

@media only screen and (max-width: 991px) {
    .section-toprated ._reviews .__item .___score > img {
        max-width: 4rem
    }
}

@media only screen and (max-width: 767px) {
    .section-toprated ._reviews .__item .___score > img {
        max-width: 3.6rem
    }
}

@media only screen and (max-width: 575px) {
    .section-toprated ._reviews .__item .___score > img {
        max-width: 3.2rem
    }
}

.section-toprated ._reviews p {
    width: 100%
}

.section-toprated ._features {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 12rem;
    padding-top: 12rem;
    padding-bottom: 12rem;
    border-top: .1rem dashed #e1cdbe
}

@media only screen and (max-width: 1366px) {
    .section-toprated ._features {
        -webkit-justify-content: space-around;
        justify-content: space-around
    }
}

@media only screen and (max-width: 991px) {
    .section-toprated ._features {
        display: block !important;
        margin-top: 10rem;
        padding-top: 6.5rem;
        padding-bottom: 6rem
    }
}

@media only screen and (max-width: 767px) {
    .section-toprated ._features {
        margin-top: 8rem;
        padding-bottom: 4rem
    }
}

@media only screen and (max-width: 575px) {
    .section-toprated ._features {
        margin-top: 5rem;
        padding-bottom: 2rem
    }
}

.section-toprated ._features .__item {
    font-size: 2.7rem
}

@media only screen and (max-width: 1469px) {
    .section-toprated ._features .__item {
        -webkit-flex: 0 32%;
        flex: 0 32%;
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 1366px) {
    .section-toprated ._features .__item {
        -webkit-flex: 0 30%;
        flex: 0 30%
    }
}

@media only screen and (max-width: 991px) {
    .section-toprated ._features .__item {
        margin: 0 auto 6rem;
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 767px) {
    .section-toprated ._features .__item {
        margin-bottom: 5rem;
        font-size: 2rem
    }
}

@media only screen and (max-width: 575px) {
    .section-toprated ._features .__item {
        font-size: 1.6rem
    }
}

.section-toprated ._features .__item .__heading {
    margin: 6rem 0 4rem
}

@media only screen and (max-width: 1469px) {
    .section-toprated ._features .__item .__heading {
        margin: 5rem 0 3rem
    }
}

@media only screen and (max-width: 991px) {
    .section-toprated ._features .__item .__heading {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width: 767px) {
    .section-toprated ._features .__item .__heading {
        margin-top: 4rem;
        margin-bottom: 1.5rem
    }
}

@media only screen and (max-width: 575px) {
    .section-toprated ._features .__item .__heading {
        margin-top: 3rem;
        margin-bottom: 1rem
    }
}

.section-toprated ._features .__item .__heading a {
    color: #268fd0
}

.section-toprated ._features .__item .img-fluid {
    border-radius: 1.5rem
}

@media only screen and (max-width: 575px) {
    .section-toprated ._features .__item .img-fluid {
        border-radius: 1rem
    }
}

.section-toprated small {
    font-size: 2.2rem
}

.section-cta {
    position: relative;
    margin-bottom: -3.5rem;
    overflow: hidden
}

.section-cta::before {
    position: absolute;
    top: -54rem;
    left: -5rem;
    right: -5rem;
    display: block;
    width: auto;
    height: 60rem;
    background: #fff;
    content: '';
    border-bottom-right-radius: 100rem 5rem;
    border-bottom-left-radius: 100rem 5rem;
    z-index: 1000;
    box-shadow: rgba(82, 19, 0, .3) 0 -2.2rem 8.2rem
}

.section-cta ._wrapper {
    margin-left: -5rem;
    margin-right: -5rem;
    padding-left: 5rem;
    padding-right: 5rem;
    background: #fc933b url(../images/texture-noise@1x.png) 0 0 repeat;
    background: url(../images/texture-noise@1x.png), radial-gradient(ellipse at top, #fdb941 0, #fc8a38 100%);
    overflow: hidden;
    border-bottom-right-radius: 100rem 5rem;
    border-bottom-left-radius: 100rem 5rem
}

.section-cta .__layers {
    position: relative;
    z-index: 1
}

.section-cta .__layers::before {
    position: absolute;
    bottom: -100%;
    left: -17%;
    width: 96rem;
    height: 96rem;
    border: .1rem dashed #d26511;
    border-radius: 50%;
    content: '';
    z-index: 1
}

@media only screen and (max-width: 1469px) {
    .section-cta .__layers::before {
        bottom: -80%;
        left: -20%;
        width: 80rem;
        height: 80rem
    }
}

@media only screen and (max-width: 1280px) {
    .section-cta .__layers::before {
        bottom: -73%;
        left: -15%;
        width: 63rem;
        height: 63rem
    }
}

@media only screen and (max-width: 1024px) {
    .section-cta .__layers::before {
        bottom: -50%;
        left: -25%;
        width: 48rem;
        height: 48rem
    }
}

@media only screen and (max-width: 991px) {
    .section-cta .__layers::before {
        display: none
    }
}

.section-cta .__layers::after {
    position: absolute;
    top: -60%;
    left: 41%;
    width: 80rem;
    height: 80rem;
    border: .1rem dashed #d26511;
    border-radius: 50%;
    content: '';
    z-index: 1
}

@media only screen and (max-width: 1469px) {
    .section-cta .__layers::after {
        top: -62%;
        left: 36%;
        width: 65rem;
        height: 65rem
    }
}

@media only screen and (max-width: 1280px) {
    .section-cta .__layers::after {
        top: -50%;
        left: 42%;
        width: 55rem;
        height: 55rem
    }
}

@media only screen and (max-width: 1024px) {
    .section-cta .__layers::after {
        top: -40%;
        left: 45%;
        width: 40rem;
        height: 40rem
    }
}

@media only screen and (max-width: 991px) {
    .section-cta .__layers::after {
        display: none
    }
}

.section-cta .container {
    position: relative;
    padding-top: 22rem;
    padding-bottom: 15rem;
    z-index: 2
}

@media only screen and (max-width: 1469px) {
    .section-cta .container {
        padding-top: 14%;
        padding-bottom: 11%
    }
}

@media only screen and (max-width: 991px) {
    .section-cta .container {
        padding-top: 12rem;
        padding-bottom: 0;
        text-align: center
    }
}

.section-cta .container .__layer-devices {
    position: absolute;
    bottom: -1rem;
    right: -5.5rem;
    max-width: 59.86%
}

@media only screen and (max-width: 1600px) {
    .section-cta .container .__layer-devices {
        right: 0
    }
}

@media only screen and (max-width: 1469px) {
    .section-cta .container .__layer-devices {
        max-width: 56%;
        right: 1.5rem;
        bottom: -.8rem
    }
}

@media only screen and (max-width: 1280px) {
    .section-cta .container .__layer-devices {
        max-width: 50%;
        bottom: -.5rem
    }
}

@media only screen and (max-width: 991px) {
    .section-cta .container .__layer-devices {
        position: static;
        margin: 6rem auto -.6rem;
        max-width: 90%
    }
}

.section-cta ._headline, .section-cta .section-toprated ._features .__item .__heading {
    margin: 0 0 5rem;
    color: #fff
}

@media only screen and (max-width: 1280px) {
    .section-cta ._headline, .section-cta .section-toprated ._features .__item .__heading {
        margin-bottom: 3rem
    }
}

.section-cta .btn-secondary {
    min-width: 22rem;
    border-color: rgba(186, 61, 0, .39)
}

.section-cta .btn-secondary::before {
    box-shadow: rgba(191, 76, 4, .63) 0 25px 30px -20px
}

.section-cta .btn-secondary.focus, .section-cta .btn-secondary:focus {
    border-color: rgba(186, 61, 0, .39)
}

.section-cta .btn-secondary.focus::before, .section-cta .btn-secondary:focus::before {
    box-shadow: rgba(191, 76, 4, .63) 0 5px 5px -5px
}

.section-digest {
    padding-top: 13rem;
    padding-bottom: 12rem
}

@media only screen and (max-width: 991px) {
    .section-digest {
        padding-top: 10rem
    }
}

@media only screen and (max-width: 767px) {
    .section-digest {
        padding-top: 8rem;
        padding-bottom: 8rem
    }
}

@media only screen and (max-width: 575px) {
    .section-digest {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
}

.section-digest > .container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 15rem
}

@media only screen and (max-width: 1280px) {
    .section-digest > .container {
        display: block !important;
        margin-bottom: 13rem
    }
}

@media only screen and (max-width: 991px) {
    .section-digest > .container {
        margin-bottom: 10rem
    }
}

@media only screen and (max-width: 767px) {
    .section-digest > .container {
        margin-bottom: 8rem
    }
}

@media only screen and (max-width: 575px) {
    .section-digest > .container {
        margin-bottom: 5rem
    }
}

.section-digest ._headline, .section-digest .section-toprated ._features .__item .__heading {
    margin: 0 0 10rem;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .section-digest ._headline, .section-digest .section-toprated ._features .__item .__heading {
        margin-bottom: 8rem
    }
}

@media only screen and (max-width: 575px) {
    .section-digest ._headline, .section-digest .section-toprated ._features .__item .__heading {
        margin-bottom: 6rem
    }
}

.section-digest ._lead {
    -webkit-flex: 0 45.83%;
    flex: 0 45.83%;
    position: relative;
    font-size: 2rem
}

@media only screen and (max-width: 1366px) {
    .section-digest ._lead {
        -webkit-flex: 0 40%;
        flex: 0 40%
    }
}

@media only screen and (max-width: 1280px) {
    .section-digest ._lead {
        display: block !important;
        margin: 0 auto 4rem;
        max-width: 72rem
    }
}

@media only screen and (max-width: 991px) {
    .section-digest ._lead {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 767px) {
    .section-digest ._lead {
        max-width: 55rem;
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 575px) {
    .section-digest ._lead {
        margin-bottom: 3rem
    }
}

.section-digest ._lead .img-fluid {
    margin-bottom: 3rem;
    border-radius: 2rem;
    border: 1px solid #d6cbc4
}

@media only screen and (max-width: 1366px) {
    .section-digest ._lead .img-fluid {
        border-radius: 1.5rem
    }
}

@media only screen and (max-width: 767px) {
    .section-digest ._lead .img-fluid {
        border-radius: 1rem
    }
}

@media only screen and (max-width: 575px) {
    .section-digest ._lead .img-fluid {
        border-radius: .5rem
    }
}

.section-digest ._lead p {
    margin-bottom: 1rem
}

.section-digest ._lead .__heading {
    margin: 0 0 10rem;
    text-align: center;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -.04em;
    font-size: 4.2rem;
    margin: 1rem 0 .5rem;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .section-digest ._lead .__heading {
        margin-bottom: 8rem
    }
}

@media only screen and (max-width: 575px) {
    .section-digest ._lead .__heading {
        margin-bottom: 6rem
    }
}

@media only screen and (max-width: 1469px) {
    .section-digest ._lead .__heading {
        font-size: 3.8rem
    }
}

@media only screen and (max-width: 991px) {
    .section-digest ._lead .__heading {
        font-size: 3.4rem
    }
}

@media only screen and (max-width: 767px) {
    .section-digest ._lead .__heading {
        font-size: 3.2rem
    }
}

@media only screen and (max-width: 575px) {
    .section-digest ._lead .__heading {
        font-size: 2.6rem
    }
}

@media only screen and (max-width: 767px) {
    .section-digest ._lead .__heading {
        margin-bottom: .5rem
    }
}

.section-digest ._blog {
    -webkit-flex: 0 50.69%;
    flex: 0 50.69%
}

@media only screen and (max-width: 1366px) {
    .section-digest ._blog {
        -webkit-flex: 0 56%;
        flex: 0 56%
    }
}

@media only screen and (max-width: 1280px) {
    .section-digest ._blog {
        display: block !important;
        margin: 0 auto;
        max-width: 72rem
    }
}

@media only screen and (max-width: 767px) {
    .section-digest ._blog {
        max-width: 55rem
    }
}

.section-digest ._blog .media {
    margin-bottom: 3.5rem;
    line-height: 1.35;
    font-size: 2rem
}

@media only screen and (max-width: 991px) {
    .section-digest ._blog .media {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 767px) {
    .section-digest ._blog .media {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 575px) {
    .section-digest ._blog .media {
        display: block !important;
        overflow: hidden;
        margin-bottom: 2.5rem
    }
}

.section-digest ._blog .media p {
    margin-bottom: .5rem
}

.section-digest ._blog .media-left {
    display: block;
    margin-right: 5.48%;
    width: 41.1%
}

@media only screen and (max-width: 1366px) {
    .section-digest ._blog .media-left {
        margin-right: 4.5%;
        width: 39.5%
    }
}

@media only screen and (max-width: 1280px) {
    .section-digest ._blog .media-left {
        margin-right: 5.48%;
        width: 41.1%
    }
}

@media only screen and (max-width: 991px) {
    .section-digest ._blog .media-left {
        margin-right: 4%;
        width: 30%
    }
}

@media only screen and (max-width: 575px) {
    .section-digest ._blog .media-left {
        float: left;
        width: 38%
    }
}

.section-digest ._blog .media-left > img {
    border-radius: 2rem;
    border: 1px solid #d6cbc4
}

@media only screen and (max-width: 1366px) {
    .section-digest ._blog .media-left > img {
        border-radius: 1.5rem
    }
}

@media only screen and (max-width: 767px) {
    .section-digest ._blog .media-left > img {
        border-radius: 1rem
    }
}

@media only screen and (max-width: 575px) {
    .section-digest ._blog .media-left > img {
        border-radius: .5rem
    }
}

.section-digest ._blog .__heading {
    margin: 0 0 10rem;
    text-align: center;
    margin: .5rem 0;
    line-height: 1.15;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .section-digest ._blog .__heading {
        margin-bottom: 8rem
    }
}

@media only screen and (max-width: 575px) {
    .section-digest ._blog .__heading {
        margin-bottom: 6rem
    }
}

@media only screen and (max-width: 767px) {
    .section-digest ._blog .__heading {
        margin-bottom: .5rem
    }
}

.section-digest .badge {
    font-size: 2.2rem
}

@media only screen and (max-width: 991px) {
    .section-digest .badge {
        font-size: 2rem
    }
}

@media only screen and (max-width: 767px) {
    .section-digest .badge {
        font-size: 1.8rem
    }
}

.section-digest ._more {
    text-transform: uppercase !important;
    font-size: 2.4rem;
    font-weight: 500
}

@media only screen and (max-width: 1280px) {
    .section-digest ._more {
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 767px) {
    .section-digest ._more {
        font-size: 2rem
    }
}

._link-dashed {
    color: #2e90ce;
    text-decoration: none;
    border-bottom: 1px dashed #2e90ce
}

._link-dashed:focus, ._link-dashed:hover {
    text-decoration: none;
    border-bottom-color: transparent
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    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: 1.4rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 1.6rem;
    height: .8rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top {
    padding: .8rem 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: .8rem .8rem 0;
    border-top-color: #ff9945
}

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
    padding: 0 .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow {
    left: 0;
    width: .8rem;
    height: 1.6rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
    right: 0;
    border-width: .8rem .8rem .8rem 0;
    border-right-color: #ff9945
}

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom {
    padding: .8rem 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 .8rem .8rem;
    border-bottom-color: #ff9945
}

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left {
    padding: 0 .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow {
    right: 0;
    width: .8rem;
    height: 1.6rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    left: 0;
    border-width: .8rem 0 .8rem .8rem;
    border-left-color: #ff9945
}

.tooltip-inner {
    max-width: 300px;
    padding: .75rem 1.5rem;
    color: #fff;
    text-align: left;
    background-color: #ff9945;
    border-radius: 1.5rem
}

@media only screen and (max-width: 575px) {
    .tooltip-inner {
        max-width: 255px
    }
}

.tooltip-inner p {
    margin: 0 0 .5rem
}

.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
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.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: #6c757d;
    opacity: 1
}

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

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

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

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(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

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

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

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

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

select.form-control[multiple], select.form-control[size] {
    height: auto
}

textarea.form-control {
    height: auto
}

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

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

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

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

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

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

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

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

.form-check-inline {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: 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
}

.form-inline {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center
}

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

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

    .form-inline .form-group {
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: 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 .custom-select, .form-inline .input-group {
        width: auto
    }

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

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

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

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

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

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

.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, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control {
    margin-left: -1px
}

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

.input-group > .custom-file .custom-file-input:focus {
    z-index: 4
}

.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-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

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

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

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

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

.input-group-append .btn:focus, .input-group-prepend .btn:focus {
    z-index: 3
}

.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: -1px
}

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

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

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

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

.input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea) {
    height: calc(1.5em + 1rem + 2px)
}

.input-group-lg > .custom-select, .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: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.input-group-sm > .custom-select, .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: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-lg > .custom-select, .input-group-sm > .custom-select {
    padding-right: 1.75rem
}

.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.5rem;
    padding-left: 1.5rem
}

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

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

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

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #80bdff
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-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 {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px
}

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

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

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

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

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/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::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

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

.custom-switch {
    padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: .5rem
}

.custom-switch .custom-control-label::after {
    top: calc(.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(.75rem);
    transform: translateX(.75rem)
}

.custom-switch .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(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url("data:image/svg+xml,%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 .75rem center/8px 10px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    appearance: none
}

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

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

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

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

.custom-select::-ms-expand {
    display: none
}

.custom-select-sm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem
}

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

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

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

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

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

.custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse)
}

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

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

.custom-range {
    width: 100%;
    height: calc(1rem + .4rem);
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.custom-range:focus {
    outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        transition: none
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        transition: none
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
    cursor: default
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-label::before, .custom-file-label, .custom-select {
        transition: none
    }
}

body {
    position: relative;
    background: #fff url(../images/pattern-grunge-400x400.jpg) 0 0 repeat
}

@media only screen and (max-width: 575px) {
    body {
        background-image: none
    }
}

.form-label {
    font-size: 1.2rem;
    color: #000
}

.form-control {
    padding-left: 0;
    padding-right: 0;
    border: none;
    border-bottom: 1px solid #949494;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, .87);
    border-radius: 0
}

.form-control:focus {
    border: none;
    border-bottom: 1px solid #949494;
    box-shadow: none
}

.form-control::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .54);
    opacity: 1
}

.form-control::placeholder {
    color: rgba(0, 0, 0, .54);
    opacity: 1
}

.form-control._lg-theme {
    height: 4.5rem
}

.input-group-text {
    border: none;
    background: 0 0;
    border-bottom: 1px solid #949494;
    border-radius: 0;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, .38)
}

.form-group.passed .form-label {
    color: rgba(0, 0, 0, .38)
}

.form-group.active .form-control {
    border-bottom: 2px solid #0bb850
}

.form-group.active .input-group-text {
    border-bottom: 2px solid #0bb850
}

.form-text {
    font-size: 1.2rem;
    color: rgba(0, 0, 0, .54)
}

.custom-control-label {
    font-size: 1.6rem;
    color: rgba(0, 0, 0, .87)
}

.custom-control-label::before {
    top: 50%;
    left: -3.5rem;
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
    border: 2px solid #757575
}

.custom-control-label::after {
    top: 50%;
    left: -3rem;
    margin-top: -.5rem
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #0bb850;
    background-color: #fff
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='%236bc72d'/%3e%3c/svg%3e")
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none
}

.custom-control {
    padding-left: 3.5rem
}

.custom-select {
    padding-left: 3rem;
    padding-right: 3.5rem;
    height: 5.5rem;
    border-color: #0bb850;
    font-size: 1.6rem;
    color: rgba(0, 0, 0, .87);
    border-radius: 3rem;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3e%3cpath fill='%23343a40' d='M0.009,0.000 L9.991,0.000 L5.000,4.991 L0.009,0.000 Z'/%3e%3c/svg%3e") no-repeat right .75rem center/20px 5px
}

.custom-select:focus {
    border-color: #0bb850;
    box-shadow: none
}

.custom-select-group {
    position: relative
}

.custom-select-group .form-label {
    position: absolute;
    left: 3rem;
    top: -.9rem;
    display: inline-block;
    padding: 0 .5rem;
    background: #fff
}

@media only screen and (max-width: 575px) {
    .custom-select-group .form-label {
        left: 1.5rem
    }
}

.custom-select-group .custom-select {
    display: block;
    min-width: 9.5rem;
    width: auto
}

@media only screen and (max-width: 575px) {
    .custom-select-group .custom-select {
        min-width: 8rem;
        padding-left: 1.5rem;
        padding-right: 2.5rem
    }
}

.form-set {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.section-start {
    position: relative;
    margin-bottom: -57rem;
    overflow: hidden;
    font-size: 2.6rem;
    text-align: center;
    z-index: 0
}

@media only screen and (max-width: 1280px) {
    .section-start {
        font-size: 2.4rem
    }
}

@media only screen and (max-width: 991px) {
    .section-start {
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 767px) {
    .section-start {
        font-size: 2rem
    }
}

@media only screen and (max-width: 575px) {
    .section-start {
        margin-bottom: 0
    }
}

@media only screen and (max-height: 1050px) and (min-width: 576px) {
    .section-start {
        margin-bottom: -60rem
    }
}

@media only screen and (max-height: 1000px) and (min-width: 576px) {
    .section-start {
        margin-bottom: -62rem
    }
}

@media only screen and (max-height: 950px) and (min-width: 576px) {
    .section-start {
        margin-bottom: -64rem
    }
}

.section-start::before {
    position: absolute;
    left: -5rem;
    right: -5rem;
    height: 85%;
    background: #4ea403;
    background: #05963d url(../images/texture-noise@1x.png) 0 0 repeat;
    background: url(../images/texture-noise@1x.png), radial-gradient(ellipse at top, #05b24a 0%, #05963d 60%);
    overflow: hidden;
    border-bottom-right-radius: 100rem 5rem;
    border-bottom-left-radius: 100rem 5rem;
    box-shadow: inset rgba(9, 108, 46, 0.76) 0 -2.3rem 10.7rem;
    z-index: 1;
    content: ''
}

@media only screen and (max-width: 1469px) {
    .section-start::before {
        left: -3rem;
        right: -3rem
    }
}

@media only screen and (max-width: 1366px) {
    .section-start::before {
        left: -2rem;
        right: -2rem
    }
}

@media only screen and (max-width: 1280px) {
    .section-start::before {
        left: -1rem;
        right: -1rem
    }
}

@media only screen and (max-width: 575px) {
    .section-start::before {
        height: 100%
    }
}

.section-start ._layers {
    position: relative;
    z-index: 1
}

.section-start ._layers::before {
    position: absolute;
    bottom: 16%;
    left: -3%;
    width: 70rem;
    height: 35rem;
    border: .1rem dashed rgba(5, 96, 0, .6);
    border-radius: 140rem 140rem 0 0;
    border-bottom: none;
    content: '';
    z-index: 1
}

@media only screen and (max-width: 1750px) {
    .section-start ._layers::before {
        left: -3%;
        bottom: 5%
    }
}

@media only screen and (max-width: 1680px) {
    .section-start ._layers::before {
        left: -15%
    }
}

@media only screen and (max-width: 1469px) {
    .section-start ._layers::before {
        left: -33%
    }
}

@media only screen and (max-width: 1280px) {
    .section-start ._layers::before {
        display: none
    }
}

.section-start ._layers::after {
    position: absolute;
    top: -130%;
    right: 8%;
    width: 110rem;
    height: 110rem;
    border: .1rem dashed rgba(5, 96, 0, .6);
    border-radius: 50%;
    content: '';
    z-index: 1
}

@media only screen and (max-width: 1750px) {
    .section-start ._layers::after {
        right: -14%
    }
}

@media only screen and (max-width: 1680px) {
    .section-start ._layers::after {
        right: -26%
    }
}

@media only screen and (max-width: 1469px) {
    .section-start ._layers::after {
        top: -105%;
        width: 95rem;
        height: 95rem
    }
}

@media only screen and (max-width: 1280px) {
    .section-start ._layers::after {
        display: none
    }
}

.section-start ._bg {
    position: relative;
    background: url(../images/bg-start-signup@1x.png) 50% -75px no-repeat;
    background-size: 1469px auto;
    z-index: 3
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 2.0833333333333335), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
    .section-start ._bg {
        background: url(../images/bg-start-signup@2x.png) 50% -75px no-repeat;
        background-size: 1469px auto
    }
}

@media only screen and (max-width: 1469px) {
    .section-start ._bg {
        background-size: 100% auto;
        background-position: 50% 0
    }
}

@media only screen and (max-width: 991px) {
    .section-start ._bg {
        background-position: 50% 14%
    }
}

@media only screen and (max-width: 767px) {
    .section-start ._bg {
        background-position: 50% 26%;
        background-size: 104% auto
    }
}

@media only screen and (max-width: 575px) {
    .section-start ._bg {
        background: 0 0
    }
}

.section-start .container {
    padding-top: 3rem;
    min-height: 72rem
}

@media only screen and (max-width: 575px) {
    .section-start .container {
        display: block !important;
        padding-bottom: 0;
        padding-top: 0;
        min-height: 9rem
    }
}

@media only screen and (max-height: 1050px) and (min-width: 576px) {
    .section-start .container {
        padding-top: 2rem
    }
}

@media only screen and (max-height: 1000px) and (min-width: 576px) {
    .section-start .container {
        padding-top: 1.5rem
    }
}

@media only screen and (max-height: 950px) and (min-width: 576px) {
    .section-start .container {
        padding-top: .5rem
    }
}

.section-start .navbar-brand {
    max-width: 30rem;
    width: 100%;
    height: 7rem;
    background: url(https://s3.amazonaws.com/img.mynetdiary.com/images/logo-main.svg) 50% 50% no-repeat;
    background-size: contain
}

@media only screen and (max-width: 1366px) {
    .section-start .navbar-brand {
        max-width: 28rem
    }
}

@media only screen and (max-width: 575px) {
    .section-start .navbar-brand {
        display: none
    }
}

@media only screen and (max-width: 575px) {
    .section-start .navbar-brand:not(.__const) {
        position: absolute;
        left: 5%;
        top: 50%;
        max-width: 20rem;
        margin-top: -2.7rem;
        padding: 0;
        margin-right: 0;
        width: 4.4rem;
        height: 4.6rem;
        overflow: hidden
    }

    .section-start .navbar-brand:not(.__const) > img {
        height: 100%;
        max-width: none;
        width: auto !important
    }
}

@media only screen and (max-height: 1050px) and (min-width: 576px) {
    .section-start .navbar-brand {
        max-width: 28rem
    }
}

@media only screen and (max-height: 1000px) and (min-width: 576px) {
    .section-start .navbar-brand {
        max-width: 26rem
    }
}

.section-start ._headline, .section-start .section-toprated ._features .__item .__heading {
    margin: 5.5rem 0 2rem;
    color: #fff
}

.section-start ._subheadline {
    color: #fff;
    line-height: 1.45
}

@media only screen and (max-width: 991px) {
    .section-start ._subheadline {
        margin-left: auto;
        margin-right: auto;
        max-width: 50rem
    }
}

@media only screen and (max-width: 767px) {
    .section-start ._subheadline {
        max-width: 36rem
    }
}

@media only screen and (min-width: 576px) {
    .section-start._mobile-theme::before {
        height: 60%
    }
}

@media only screen and (min-width: 768px) {
    .section-start._mobile-theme::before {
        height: 85%
    }
}

@media only screen and (max-width: 575px) {
    .section-start._mobile-theme .container {
        padding-top: 1.2rem
    }
}

@media only screen and (max-width: 575px) {
    .section-start._mobile-theme .navbar-brand {
        max-width: 24rem
    }
}

.section-signup {
    position: relative;
    z-index: 5
}

.section-signup ._container {
    position: relative;
    padding: .1rem 0 4rem;
    max-width: 108rem;
    min-height: 79rem;
    background-color: #fff;
    border-radius: 3rem;
    box-shadow: rgba(136, 130, 128, .5) 0 47px 66px -47px
}

@media only screen and (max-width: 1469px) {
    .section-signup ._container {
        max-width: 106rem
    }
}

@media only screen and (max-width: 1366px) {
    .section-signup ._container {
        max-width: 100rem
    }
}

@media only screen and (max-width: 1280px) {
    .section-signup ._container {
        max-width: 84rem
    }
}

@media only screen and (max-width: 991px) {
    .section-signup ._container {
        max-width: 68rem;
        min-height: 74rem;
        border-radius: 1.5rem;
        box-shadow: rgba(136, 130, 128, .5) 0 24px 33px -24px
    }
}

@media only screen and (max-width: 767px) {
    .section-signup ._container {
        max-width: 54rem;
        min-height: 70rem
    }
}

@media only screen and (max-width: 575px) {
    .section-signup ._container {
        max-width: none;
        margin: 0 1.5rem !important;
        box-shadow: none
    }
}

@media only screen and (max-height: 950px) and (min-width: 576px) {
    .section-signup ._container {
        min-height: 74rem
    }
}

.section-signup ._container ._headline, .section-signup ._container .section-toprated ._features .__item .__heading {
    position: relative;
    margin: 4.5rem auto 1rem;
    padding: 0 4rem;
    max-width: 72rem;
    text-align: center
}

@media only screen and (max-width: 991px) {
    .section-signup ._container ._headline, .section-signup ._container .section-toprated ._features .__item .__heading {
        margin-top: 3.5rem;
        max-width: 62rem
    }
}

@media only screen and (max-width: 767px) {
    .section-signup ._container ._headline, .section-signup ._container .section-toprated ._features .__item .__heading {
        margin-top: 2.5rem;
        max-width: 44rem
    }
}

@media only screen and (max-width: 575px) {
    .section-signup ._container ._headline, .section-signup ._container .section-toprated ._features .__item .__heading {
        padding: 0
    }
}

@media only screen and (max-width: 480px) {
    .section-signup ._container ._headline, .section-signup ._container .section-toprated ._features .__item .__heading {
        font-size: 2.8rem
    }
}

@media only screen and (max-height: 950px) and (min-width: 576px) {
    .section-signup ._container ._headline, .section-signup ._container .section-toprated ._features .__item .__heading {
        margin-top: 3rem;
        font-size: 4.4rem
    }
}

.section-signup ._container ._headline .btn-whatisthis, .section-signup ._container .section-toprated ._features .__item .__heading .btn-whatisthis {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1.9rem;
    width: 3.8rem;
    height: 3.8rem;
    line-height: 3.5rem;
    font-size: 3rem;
    color: #cfc0be;
    border-color: rgba(110, 0, 0, .11)
}

@media only screen and (max-width: 991px) {
    .section-signup ._container ._headline .btn-whatisthis, .section-signup ._container .section-toprated ._features .__item .__heading .btn-whatisthis {
        margin-top: -1.7rem;
        width: 3.4rem;
        height: 3.4rem;
        line-height: 3rem;
        font-size: 2.6rem
    }
}

@media only screen and (max-width: 767px) {
    .section-signup ._container ._headline .btn-whatisthis, .section-signup ._container .section-toprated ._features .__item .__heading .btn-whatisthis {
        margin-top: -1.5rem;
        width: 3rem;
        height: 3rem;
        line-height: 2.7rem;
        font-size: 2.2rem
    }
}

@media only screen and (max-width: 575px) {
    .section-signup ._container ._headline .btn-whatisthis, .section-signup ._container .section-toprated ._features .__item .__heading .btn-whatisthis {
        top: .5rem;
        margin-top: 0;
        width: 2.6rem;
        height: 2.6rem;
        line-height: 2.3rem;
        font-size: 1.8rem
    }
}

.section-signup ._formholder {
    max-width: 36rem
}

.section-signup ._form-horizontal {
    padding-top: 2rem;
    max-width: 48rem
}

.section-signup ._form-horizontal .__row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 575px) {
    .section-signup ._form-horizontal .__row {
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.section-signup ._form-horizontal .___dt {
    -webkit-flex: 0 37.5%;
    flex: 0 37.5%;
    max-width: 37.5%
}

@media only screen and (max-width: 575px) {
    .section-signup ._form-horizontal .___dt {
        -webkit-flex: 0 1;
        flex: 0 1;
        max-width: none
    }
}

.section-signup ._form-horizontal .___dd {
    -webkit-flex: 0 62.5%;
    flex: 0 62.5%;
    max-width: 62.5%
}

@media only screen and (max-width: 575px) {
    .section-signup ._form-horizontal .___dd {
        -webkit-flex: 0 1;
        flex: 0 1;
        max-width: none
    }
}

.section-signup ._form-horizontal .col-form-label {
    font-size: 1.6rem;
    color: rgba(0, 0, 0, .83)
}

.section-signup ._free-plan {
    padding-top: 4rem;
    padding-bottom: 5rem
}

.section-signup .lose-banner {
    margin: 2rem 0 4rem;
    padding: 1rem .5rem;
    border: 2px dashed #0bb850;
    text-align: center;
    border-radius: 1rem
}

@media only screen and (max-height: 950px) and (min-width: 576px) {
    .section-signup .lose-banner {
        margin-bottom: 3rem
    }
}

.section-signup .lose-banner > svg {
    margin-right: 1.5rem;
    vertical-align: text-top
}

@media only screen and (max-width: 991px) {
    .section-signup .lose-banner > svg {
        width: 3.1rem
    }
}

@media only screen and (max-width: 767px) {
    .section-signup .lose-banner > svg {
        width: 2.9rem
    }
}

@media only screen and (max-width: 575px) {
    .section-signup .lose-banner > svg {
        margin-right: .5rem
    }
}

.section-signup ._switch-units {
    font-size: 1.6rem
}

.section-signup hr {
    margin: 8rem 0;
    border-top: 1px dashed #b4bfcf
}

@media only screen and (max-width: 991px) {
    .section-signup hr {
        margin: 7rem 0
    }
}

@media only screen and (max-width: 767px) {
    .section-signup hr {
        margin: 6rem 0
    }
}

@media only screen and (max-width: 575px) {
    .section-signup hr {
        margin: 5rem 0
    }
}

.section-signup ._logins {
    margin: 2rem auto 3rem;
    max-width: 26rem
}

.section-signup ._logins._short-theme {
    margin: 1rem auto
}

.section-signup ._logins._short-theme .__divider {
    margin-top: 2rem
}

.section-signup ._logins .__divider {
    position: relative;
    margin-top: 2rem;
    text-align: center
}

.section-signup ._logins .__divider > span {
    display: inline-block;
    width: 3.6rem;
    height: 3.6rem;
    line-height: 2.8rem;
    border: 2px solid rgba(98, 184, 40, .2);
    color: #0bb850;
    font-size: 1.8rem;
    border-radius: 50%
}

.section-signup ._logins .__divider::before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -.1rem;
    width: 36%;
    height: .2rem;
    background-color: rgba(98, 184, 40, .2);
    content: ''
}

.section-signup ._logins .__divider::after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -.1rem;
    width: 36%;
    height: .2rem;
    background-color: rgba(98, 184, 40, .2);
    content: ''
}

.section-signup ._controls {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 7rem
}

@media only screen and (max-width: 575px) {
    .section-signup ._controls {
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.section-signup ._controls .btn {
    max-width: 26.5rem
}

@media only screen and (max-width: 767px) {
    .section-signup ._controls .btn {
        max-width: 20rem
    }
}

.section-signup ._controls .btn + .btn {
    margin-left: 4rem
}

@media only screen and (max-width: 767px) {
    .section-signup ._controls .btn + .btn {
        margin-left: 2rem
    }
}

@media only screen and (max-width: 575px) {
    .section-signup ._controls .btn + .btn {
        margin: 3rem 0 0
    }
}

.section-signup ._terms {
    margin: 0;
    padding: 3rem 0 1.5rem;
    text-align: center;
    font-size: 1.8rem
}

@media only screen and (max-width: 767px) {
    .section-signup ._terms {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 575px) {
    .section-signup ._terms {
        padding: 3rem 1.5rem;
        border-top: 1px solid rgba(143, 112, 102, .08);
        background-color: rgba(143, 112, 102, .05)
    }
}

@media only screen and (max-height: 950px) and (min-width: 576px) {
    .section-signup ._terms {
        padding-top: 2rem
    }
}

.section-signup ._terms a {
    color: #0bb850
}

.section-signup ._error-message {
    text-align: center;
    font-size: 1.6rem
}

.section-signup ._message-info {
    margin: 0 auto 1.5rem;
    max-width: 58rem;
    font-size: 1.2rem;
    color: #000
}

@media only screen and (max-width: 767px) {
    .section-signup ._message-info {
        max-width: 45rem
    }
}

.section-signup .__btn-next {
    min-width: 20rem
}

@media only screen and (max-height: 950px) and (min-width: 576px) {
    .section-signup .__btn-next {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        min-width: 18rem;
        font-size: 2.2rem
    }
}

.section-signup .__btn-back {
    position: absolute;
    bottom: 4rem;
    left: 4rem;
    color: #2e90ce
}

.section-signup .__btn-back > svg {
    margin-right: 1.5rem;
    vertical-align: initial
}

@media only screen and (max-width: 991px) {
    .section-signup .__btn-back {
        display: none
    }
}

.section-signup .__small {
    font-size: 1.8rem
}

.section-signup .__btn-social {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 48px;
    line-height: 48px;
    border-radius: 3rem;
    border: 1px solid transparent;
    font-size: 1.7rem;
    color: #000
}

.section-signup .__btn-social:focus, .section-signup .__btn-social:hover {
    text-decoration: none
}

.section-signup .__btn-social._facebook {
    border-color: #4267b3
}

.section-signup .__btn-social._google {
    border-color: #4285f4
}

.section-signup .__btn-social._apple {
    border-color: #000
}

.section-signup .__btn-social > svg {
    margin-right: 1rem
}

.section-signup .btn-secondary {
    border-color: rgba(138, 86, 70, .15)
}

.section-signup .__control-expiration {
    max-width: 7rem;
    text-align: center
}

.section-signup .__control-cvc {
    max-width: 8rem;
    text-align: center
}

.section-signup .__control-zip {
    max-width: 15rem
}

.section-signup .__control-accent {
    background: #f5f5f5;
    border-radius: 3px 3px 0 0
}

.section-signup .__cvc, .section-signup .__expdate {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

@media only screen and (max-width: 575px) {
    .section-signup .__cvc, .section-signup .__expdate {
        margin-bottom: .5rem
    }
}

.section-signup._mobile-theme ._container {
    min-height: auto;
    padding-bottom: 1rem
}

.section-signup._mobile-theme ._formholder {
    font-size: 1.5rem
}

.section-signup._mobile-theme ._logins {
    margin-top: 3rem
}

.section-signup._mobile-theme ._logins .__divider {
    margin-top: 3rem
}

.section-signup._mobile-theme ._headline, .section-signup._mobile-theme .section-toprated ._features .__item .__heading {
    padding: 0;
    margin-bottom: 2rem
}

@media only screen and (max-width: 575px) {
    .section-signup._mobile-theme ._headline, .section-signup._mobile-theme .section-toprated ._features .__item .__heading {
        font-size: 2.2rem
    }
}

.section-signup .__text-premium {
    white-space: nowrap
}

@media only screen and (max-width: 991px) {
    .section-signup .__text-premium {
        white-space: normal
    }
}

@media only screen and (max-width: 480px) {
    .section-signup .__text-premium {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 575px) {
    .section-signup .__page-heading {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: relative;
        top: -10.8rem;
        padding-left: 4rem !important;
        padding-right: 4rem !important;
        max-width: 50rem;
        margin-bottom: -8.5rem !important;
        height: 7.5rem;
        color: #fff
    }
}

@media only screen and (max-width: 991px) {
    .section-signup .mobile_hide {
        display: none
    }
}
.membership_free_button{
    margin-top: 215px;
}

.membership {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 35px 9% 30px;
    font-size: 20px;
}


@media only screen and (max-width: 1200px) {
    .membership_free_button{
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1200px) {
    .membership {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
}

@media only screen and (max-width: 575px) {
    .membership__section-start {
        background-color: #ffe399;
    }
}

@media only screen and (max-width: 575px) {
    .membership {
        margin: 0 0 30px;
        font-size: 16px;
    }
}
.membership__premium {
    padding: 15px 20px;
    width: 62.5%;
    background: #ffe399;
    border-radius: 4px;
}
@media only screen and (max-width: 1200px) {
    .membership__premium {
        margin-bottom: 30px;
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) {
    .mb40 {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 575px) {
    .membership__premium {
        margin: -16px -15px 16px -15px;
        width: auto;
        border-radius: 0;
    }
}
.membership__free {
    padding: 15px 40px;
    width: 32.5%;
    background: #f2f2f2;
    border-radius: 4px;
}
@media only screen and (max-width: 1200px) {
    .membership__free {
        width: 100%;
    }
}
@media only screen and (max-width: 575px) {
    .membership__free {
        margin: -16px -15px 32px -15px;
        width: auto;
        border-radius: 0;
    }
}

.membership__plans {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
    .membership__plans {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
}
.membership__plan {
    padding: 10px 15px;
    width: 47.5%;
    background: #fff;
    border: 2px solid #ffb953;
    border-radius: 4px;
}
@media only screen and (max-width: 575px) {
    .membership__plan {
        margin: 0 auto 15px;
        width: 80%;
    }
}