.nav-tabs .nav-link {
    margin-bottom: -2px;
    border: var(--reign-border-color);
    font-size: .875rem;
    border-top-left-radius: .188rem;
    border-top-right-radius:.188rem
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color:var(--reign-white)
}

.nav-tabs .nav-link.disabled {
    color: var(--reign-black);
    background-color: transparent;
    border-color:transparent
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background-color: transparent;
    border-bottom:2px solid var(--reign-white)
}

.firefox .dropcap:first-letter {
    margin-top:.175em
}

.firefox .card-notification .scrollbar-overlay {
    min-height:19rem
}

.chrome .btn-close {
    background-clip:unset
}

.btn {
    text-transform: uppercase;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition:all .4s ease-in-out
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem 1.5rem;
    font-size: .72888rem;
    line-height: 1.273;
    border-radius:.1875rem
}

.btn-link {
    font-weight: 700;
    text-transform:none
}

.btn.btn-outline-light.border-2x {
    border-color:rgba(255, 255, 255, .5)
}

.btn-outline-light:hover, .btn-light:hover {
    color: #17191b;
    background-color: #e2e2e2;
    border-color:#dcdcdc
}

.btn-xs {
    padding: .2rem 1rem;
    font-size:.765625rem
}

.btn-play {
    color: #fff;
    border: 1px solid #fff;
    width: 3.75rem;
    height: 3.75rem;
    position: relative;
    display: block;
    line-height: 3.75rem;
    border-radius:.188rem
}

.btn-play:hover, .btn-play:focus {
    color:#000 !important
}

.btn-dark {
    color:#dadcdf
}

.btn-back-to-top {
    position: fixed;
    bottom: .5rem;
    right: .5rem;
    z-index: 999;
    background: #eee;
    height: 1.75rem;
    width: 1.75rem;
    text-align: center;
    line-height: 1.75rem;
    font-size: .875rem;
    color: #000;
    opacity: .6;
    border-radius:2px
}

.btn-back-to-top:hover {
    color: #000;
    opacity:1
}

:not(pre) > code[class * =language-], pre[class * =language-] {
    background-color: #f5f5f5;
    border:1px solid #f5f5f5
}

code[class * =language-], pre[class * =language-] {
    font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.contains-anchor a {
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property:opacity
}

.contains-anchor:hover a, .contains-anchor:focus a {
    opacity: 1;
    text-decoration:none
}

.components-nav {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: .707rem;
    font-weight: 500;
    letter-spacing: .01rem;
    line-height: 1.25rem;
    text-transform:uppercase
}

.components-nav li a {
    color:#9ba0a7
}

.component-preview {
    border: .125rem solid #f5f5f5;
    border-radius:.188rem
}

.component-example {
    font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.component-example [class^=border] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 8rem;
    height: 8rem;
    margin: .75rem;
    background-color:#f5f5f5
}

.grid-component [class^=col] {
    border: 1px solid #c8cbcf;
    text-align: center;
    margin-bottom: .625rem;
    color: #777e87;
    padding: .5rem;
    font-size:.7291666667rem
}

.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
    color:#2f6f9f
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
    color:#4f9fcf
}

.token.atrule, .token.attr-value, .token.keyword {
    color:#d44950
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
    background:transparent
}

.fit-cover {
    -o-object-fit: cover;
    object-fit:cover
}

.z-index-1 {
    z-index:1 !important
}

.z-index-2 {
    z-index:2 !important
}

.z-index--1 {
    z-index:-1 !important
}

.sticky-sidebar {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1015;
    top:6.625rem
}

.circle-dashed {
    border: 1px dashed #007bff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: 3.5rem;
    height:3.5rem
}

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

.resize-none {
    resize:none
}

.collapsed .collapse-icon {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform:rotate(0deg)
}

.collapse-icon {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform:rotate(90deg)
}

[data-dismiss=dropdown] *, [data-bs-offset-top] *, [data-bs-toggle=collapse] *, [data-bs-toggle=tooltip] *, [data-bs-toggle=popover] * {
    pointer-events:none
}

.outline-none {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow:none
}

.outline-none:hover, .outline-none:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow:none
}

@media (min-width: 992px) {
    .vertical-line {
        position: absolute;
        width: 1px;
        height: 50%;
        right: 0;
        background-color: var(--reign-border-color);
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform:translateY(-50%)
    }
}

.transition-base {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition:all .4s ease-in-out
}

.transition-none {
    -webkit-transition: none;
    -o-transition: none;
    transition:none
}

.fsp-75 {
    font-size:75%
}

.min-w-0 {
    min-width:0
}

.blockquote-footer {
    font-weight: 700;
    display: block;
    font-size: 75%;
    color:#b6babf
}

.opacity-95 {
    opacity:.95
}

.anchorjs-link {
    text-decoration:none !important
}

.plyr {
    border-radius:.625rem
}

.plyr__control--overlaid, .plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
    background-color:#dc3545
}

.plyr--video .plyr__controls .plyr__control.plyr__tab-focus, .plyr--video .plyr__controls .plyr__control:hover, .plyr--video .plyr__controls .plyr__control[aria-expanded=true], .plyr__menu__container label.plyr__control input[type=radio]:checked + span {
    background-color:#dc3545
}

.plyr--full-ui input[type=range] {
    color:#dc3545
}

.glightbox-open {
    overflow:unset !important
}

.gscrollbar-fixer {
    margin-right:0 !important
}

.googlemap .gm-style-iw.gm-style-iw-c {
    -webkit-box-shadow: var(--reign-box-shadow) !important;
    box-shadow: var(--reign-box-shadow) !important;
    padding:1rem !important
}

.googlemap .gm-style-iw.gm-style-iw-c button[title=Close] {
    margin-top: 1rem !important;
    margin-right:.5rem !important
}

html[dir=rtl] .googlemap .gm-style-iw.gm-style-iw-c button[title=Close] {
    left: unset !important;
    right:0 !important
}

.theme-slider .swiper-nav {
    margin-top: 0;
    cursor:pointer
}

.theme-slider .swiper-nav [class * =swiper-] {
    opacity: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    color: var(--reign-100);
    z-index: 1;
    margin:0
}

.theme-slider .swiper-nav [class * =swiper-]:hover, .theme-slider .swiper-nav [class * =swiper-]:focus {
    color: var(--reign-white);
    opacity:1 !important
}

.theme-slider .swiper-nav .swiper-button-prev {
    left:.625rem
}

.theme-slider .swiper-nav .swiper-button-next {
    right:.625rem
}

.theme-slider:hover .swiper-nav [class * =swiper-], .theme-slider:focus .swiper-nav [class * =swiper-] {
    opacity:.5
}

.theme-slider .swiper-button-prev:after, .theme-slider .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height:1
}

.product-slider {
    position: relative;
    height:calc(100% - 4.75rem)
}

@media (min-width: 992px) {
    .product-slider {
        height:calc(100% - 3.5625rem)
    }
}

@media (min-width: 1200px) {
    .product-slider {
        height:calc(100% - 3.3125rem)
    }
}

.header-slider {
    height: 100vh;
    width: 100%;
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7);
    -o-object-fit: cover;
    object-fit:cover
}

.slider-classic {
    height: 50vh;
    width: 100%;
    -webkit-filter: brightness(0.99);
    filter: brightness(0.99);
    -o-object-fit: cover;
    object-fit:cover
}

.header-classic-slider {
    height: 50vh;
    width: 100%;
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7);
    -o-object-fit: cover;
    object-fit:cover
}

@media (min-width: 992px) {
    .swiper-container .swiper-nav {
        margin-top: 0;
        cursor:pointer
    }

    .swiper-container .swiper-nav .swiper-button-prev, .swiper-container .swiper-nav .swiper-button-next {
        opacity: 0;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        -webkit-transition: opacity .4s ease-in-out;
        -o-transition: opacity .4s ease-in-out;
        transition: opacity .4s ease-in-out;
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        color: var(--reign-100);
        border: 1px solid #fff;
        -webkit-box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .1);
        box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .1);
        z-index: 1;
        margin:0
    }

    .swiper-container .swiper-nav .swiper-button-prev:hover, .swiper-container .swiper-nav .swiper-button-prev:focus, .swiper-container .swiper-nav .swiper-button-next:hover, .swiper-container .swiper-nav .swiper-button-next:focus {
        color: var(--reign-white);
        opacity:1 !important
    }

    .swiper-container .swiper-nav .swiper-button-next {
        right:-1.25rem
    }

    .swiper-container .swiper-nav .swiper-button-prev {
        left:-1.25rem
    }

    .swiper-container:hover .swiper-nav [class * =swiper-], .swiper-container:focus .swiper-nav [class * =swiper-] {
        opacity:.5
    }

    .swiper-container .swiper-button-prev:after, .swiper-container .swiper-button-next:after {
        font-family: swiper-icons;
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height:1
    }
}

.swiper-container.swiper-clients {
    position: relative;
    padding-right: 1rem;
    padding-left:1rem
}

.swiper-pagination-bullet {
    margin: .625rem;
    background: rgba(0, 0, 0, .5) !important;
    border: 1px solid #fff;
    font-size:1rem
}

.swiper-pagination-bullet:focus {
    outline:unset
}

.swiper-pagination-bullet-active {
    background:#fff !important
}

.swiper-pagination {
    margin-top: 1.25rem;
    position: unset !important;
    text-align:center
}

:not(pre) > code[class * =language-], pre[class * =language-] {
    background-color: #f5f5f5;
    border:1px solid #f5f5f5
}

code[class * =language-], pre[class * =language-] {
    font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.contains-anchor a {
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property:opacity
}

.contains-anchor:hover a, .contains-anchor:focus a {
    opacity: 1;
    text-decoration:none
}

.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
    color:#2f6f9f
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
    color:#4f9fcf
}

.token.atrule, .token.attr-value, .token.keyword {
    color:#d44950
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
    background:transparent
}

.isotope-nav {
    font-weight: 700;
    border: 1px solid #fff;
    font-size: .765625rem;
    font-weight: 400;
    color: var(--reign-black);
    border-radius: .188rem;
    letter-spacing: .02em;
    margin-right: .25rem;
    padding:.3125rem .625rem
}

.isotope-nav.active {
    color: #000 !important;
    border:1px solid var(--reign-black)
}

.isotope-nav:hover {
    color: var(--reign-black);
    text-decoration:none
}

.sortable .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    font-weight: 400;
    font-size: .7291666667rem;
    letter-spacing:.13rem
}

.sortable .menu .isotope-nav {
    cursor: pointer;
    padding: .3125rem .625rem;
    margin-bottom: .625rem;
    border: 1px solid transparent;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    margin-right:.3125rem
}

.sortable .menu .isotope-nav:last-child {
    margin-right:0
}

.sortable .menu .isotope-nav.active {
    border-color: currentColor;
    color: #000;
    border-radius:.188rem
}

.sortable-container.sortable-container-gutter-fix {
    margin-left: -0.625rem;
    margin-right:-0.625rem
}

.work-alt-sticky-nav {
    padding-top: 6.25rem;
    margin-top:-6.25rem
}

.progress-circle {
    height: 15.625rem;
    position: relative;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.progress-circle .progressbar-text {
    text-align: center;
    margin-bottom: 0;
    line-height:1
}

.progress-circle .progressbar-text span {
    font-size: .875rem;
    display:block
}

.progress-circle .progressbar-text .value {
    font-weight: 300;
    font-size:2.48832rem
}

.progress-circle .progressbar-text b {
    font-size: 2.0736rem;
    font-weight:300
}

.progress-circle svg {
    height: 100%;
    display:block
}

.progress-line {
    position: relative;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight:400
}

.progress-line .progressbar-text {
    position: absolute;
    width: 100%;
    left: 0;
    top: 2px;
    padding: 0;
    margin:0
}

.progress-line .progressbar-text .value {
    right: 0;
    position:absolute
}

.progress-line:not(:last-child) {
    margin-bottom:1.125rem
}

@media (min-width: 768px) {
    .progress-line:not(:last-child) {
        margin-bottom:1rem
    }
}

@media (min-width: 1200px) {
    .progress-line:not(:last-child) {
        margin-bottom:1.125rem
    }
}

.hoverdir-item {
    position: relative;
    overflow:hidden
}

.hoverdir-item .hoverdir-text {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: rgba(0, 0, 0, .9);
    border-radius: 5px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform:translateY(100%)
}

.dropcap::first-letter {
    font-size: 3em;
    float: left;
    line-height: .92;
    margin-right:.375rem
}

.ls {
    letter-spacing:.125rem
}

.bullet-inside {
    list-style-position:inside
}

.style-check li {
    position: relative;
    list-style-type: none;
    padding-left:.25rem
}

.style-check li:before {
    content: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1mYS1wcm9jZXNzZWQ9IiIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJjaGVjayIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtY2hlY2sgZmEtdy0xNCIgc3R5bGU9ImZvbnQtc2l6ZTogNDhweDsiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTQxMy41MDUgOTEuOTUxTDEzMy40OSAzNzEuOTY2bC05OC45OTUtOTguOTk1Yy00LjY4Ni00LjY4Ni0xMi4yODQtNC42ODYtMTYuOTcxIDBMNi4yMTEgMjg0LjI4NGMtNC42ODYgNC42ODYtNC42ODYgMTIuMjg0IDAgMTYuOTcxbDExOC43OTQgMTE4Ljc5NGM0LjY4NiA0LjY4NiAxMi4yODQgNC42ODYgMTYuOTcxIDBsMjk5LjgxMy0yOTkuODEzYzQuNjg2LTQuNjg2IDQuNjg2LTEyLjI4NCAwLTE2Ljk3MWwtMTEuMzE0LTExLjMxNGMtNC42ODYtNC42ODYtMTIuMjg0LTQuNjg2LTE2Ljk3IDB6IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+);
    padding-right: .1875rem;
    position: absolute;
    top: .0625rem;
    left: -1rem;
    background-repeat: no-repeat;
    width:1rem
}

.blockquote-footer::before {
    -webkit-transform: translateY(0.125rem);
    -ms-transform: translateY(0.125rem);
    transform: translateY(0.125rem);
    font-weight: 400;
    display:inline-block
}

.hr-short {
    width: 5rem;
    margin:1.25rem auto
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    text-transform:uppercase
}

h1, .h1 {
    font-weight:300
}

h2, h3, h4, .h2, .h3, .h4 {
    font-weight:200
}

h5, .h5 {
    font-weight:400
}

h6, .h6 {
    font-weight:500
}

h2, .h2, h3, .h3 {
    line-height:2.5rem
}

h4, .h4, h5, .h5 {
    line-height:1.875rem
}

h6, .h6 {
    line-height:1.25rem
}

.display-3 {
    letter-spacing:.25rem
}

.cursor-default {
    cursor:default
}

.cursor-pointer {
    cursor:pointer
}

.text-smallcaps {
    font-variant:small-caps
}

.text-superscript {
    vertical-align:super
}

.text-word-break {
    word-break:break-word
}

.text-transform-none {
    text-transform:none
}

.font-sans-serif {
    font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.font-base {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.fs-error {
    font-size:7rem
}

@media (min-width: 576px) {
    .fs-error {
        font-size:10rem
    }
}

.text-justify {
    text-align:justify !important
}

.bg-holder {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position:top, center;
    overflow: hidden;
    will-change: transform, opacity, filter;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    z-index:0
}

.bg-holder.bg-right {
    left: auto;
    right:0
}

.bg-holder.overlay:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, .3);
    top: 0;
    bottom: 0;
    left: 0;
    right:0
}

.bg-holder.overlay-primary:before {
    background:rgba(0, 123, 255, .4)
}

.bg-holder.overlay-info:before {
    background:rgba(23, 162, 184, .4)
}

.bg-holder.overlay-success:before {
    background:rgba(40, 167, 69, .4)
}

.bg-holder.overlay-warning:before {
    background:rgba(255, 193, 7, .4)
}

.bg-holder.overlay-danger:before {
    background:rgba(220, 53, 69, .4)
}

.bg-holder.overlay-0:before {
    background:rgba(0, 0, 0, .7)
}

.bg-holder.overlay-1:before {
    background:rgba(0, 0, 0, .55)
}

.bg-holder.overlay-2:before {
    background:rgba(0, 0, 0, .4)
}

.bg-holder.overlay-gradient:before {
    background: -o-linear-gradient(135deg, rgba(0, 25, 66, 0.702) 0, rgba(244, 244, 234, 0.5) 100%);
    background:linear-gradient(-45deg, rgba(0, 25, 66, 0.702) 0, rgba(244, 244, 234, 0.5) 100%)
}

.bg-holder .bg-video {
    position: absolute;
    display: block;
    z-index: -1;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    min-width:100%
}

.bg-holder .bg-youtube {
    position: absolute !important;
    top: 0;
    left: 0;
    height: 100%;
    width:100%
}

.bg-fixed {
    background-attachment:fixed
}

.bg-glass {
    background-color:rgba(255, 255, 255, .9)
}

.bg-card {
    background-size: contain;
    background-position: right;
    border-top-right-radius: .375rem;
    border-bottom-right-radius:.375rem
}

[dir=rtl] .bg-card {
    background-position: left;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    border-top-left-radius: .375rem;
    border-bottom-left-radius:.375rem
}

.header-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0
}

.mb_YTPBar {
    display:none !important
}

.ytp-chrome-top {
    display: none !important;
    visibility:hidden !important
}

.ytp-title {
    display:none
}

.overflow-hidden[class * =rounded] {
    -webkit-mask-image: radial-gradient(#fff, #000);
    mask-image:radial-gradient(#fff, #000)
}

.border-top-2 {
    border-top-width:2px !important
}

.border-end-2 {
    border-right-width:2px !important
}

.border-bottom-2 {
    border-bottom-width:2px !important
}

.border-start-2 {
    border-left-width:2px !important
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
    position:relative
}

.all-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left:0
}

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

.flex-between-center {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.flex-end-center {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.flex-between-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex:1
}

.link-primary {
    color:var(--reign-primary)
}

.link-primary:hover, .link-primary:focus {
    color:var(--reign-colored-link-primary-hover-color)
}

.link-secondary {
    color:var(--reign-secondary)
}

.link-secondary:hover, .link-secondary:focus {
    color:var(--reign-colored-link-secondary-hover-color)
}

.link-success {
    color:var(--reign-success)
}

.link-success:hover, .link-success:focus {
    color:var(--reign-colored-link-success-hover-color)
}

.link-info {
    color:var(--reign-info)
}

.link-info:hover, .link-info:focus {
    color:var(--reign-colored-link-info-hover-color)
}

.link-warning {
    color:var(--reign-warning)
}

.link-warning:hover, .link-warning:focus {
    color:var(--reign-colored-link-warning-hover-color)
}

.link-danger {
    color:var(--reign-danger)
}

.link-danger:hover, .link-danger:focus {
    color:var(--reign-colored-link-danger-hover-color)
}

.link-light {
    color:var(--reign-light)
}

.link-light:hover, .link-light:focus {
    color:var(--reign-colored-link-light-hover-color)
}

.link-dark {
    color:var(--reign-dark)
}

.link-dark:hover, .link-dark:focus {
    color:var(--reign-colored-link-dark-hover-color)
}

.link-black {
    color:var(--reign-black) !important
}

.link-black:hover, .link-black:focus {
    color:var(--reign-colored-link-black-hover-color) !important
}

.link-100 {
    color:var(--reign-100) !important
}

.link-100:hover, .link-100:focus {
    color:var(--reign-colored-link-100-hover-color) !important
}

.link-200 {
    color:var(--reign-200) !important
}

.link-200:hover, .link-200:focus {
    color:var(--reign-colored-link-200-hover-color) !important
}

.link-300 {
    color:var(--reign-300) !important
}

.link-300:hover, .link-300:focus {
    color:var(--reign-colored-link-300-hover-color) !important
}

.link-400 {
    color:var(--reign-400) !important
}

.link-400:hover, .link-400:focus {
    color:var(--reign-colored-link-400-hover-color) !important
}

.link-500 {
    color:var(--reign-500) !important
}

.link-500:hover, .link-500:focus {
    color:var(--reign-colored-link-500-hover-color) !important
}

.link-600 {
    color:var(--reign-600) !important
}

.link-600:hover, .link-600:focus {
    color:var(--reign-colored-link-600-hover-color) !important
}

.link-700 {
    color:var(--reign-700) !important
}

.link-700:hover, .link-700:focus {
    color:var(--reign-colored-link-700-hover-color) !important
}

.link-800 {
    color:var(--reign-800) !important
}

.link-800:hover, .link-800:focus {
    color:var(--reign-colored-link-800-hover-color) !important
}

.link-900 {
    color:var(--reign-900) !important
}

.link-900:hover, .link-900:focus {
    color:var(--reign-colored-link-900-hover-color) !important
}

.link-1000 {
    color:var(--reign-1000) !important
}

.link-1000:hover, .link-1000:focus {
    color:var(--reign-colored-link-1000-hover-color) !important
}

.link-1100 {
    color:var(--reign-1100) !important
}

.link-1100:hover, .link-1100:focus {
    color:var(--reign-colored-link-1100-hover-color) !important
}

.link-white {
    color:var(--reign-white) !important
}

.link-white:hover, .link-white:focus {
    color:var(--reign-colored-link-white-hover-color) !important
}

.dropdown-menu {
    font-size:.7rem
}

.dropdown-item {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    font-weight: 400;
    border-bottom: 1px solid rgba(73, 71, 71, .15);
    letter-spacing: .125rem;
    text-transform:uppercase
}

.dropdown-toggle:after {
    position: absolute;
    vertical-align: middle;
    margin-left: .375rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: .4em solid;
    border-left: .4em solid transparent;
    border-right:.4em solid transparent
}

.dropdown-item:last-child {
    border-bottom:0
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #fff;
    background-color:#000
}

.dropdown-item:hover:first-child, .dropdown-item:focus:first-child {
    border-top-right-radius: .188rem;
    border-top-left-radius:.188rem
}

.dropdown-item:hover:last-child, .dropdown-item:focus:last-child {
    border-bottom-right-radius: .188rem;
    border-bottom-left-radius:.188rem
}

.dropdown-divider {
    width: 2rem;
    margin:1rem auto
}

.dropdown-divider + .dropdown-item {
    border-top:1px solid #17191b
}

.scrollbar-overlay {
    overflow:hidden !important
}

.scrollbar {
    overflow:auto
}

.scrollbar::-webkit-scrollbar {
    visibility: hidden;
    -webkit-appearance: none;
    width: .375rem;
    height: .375rem;
    background-color:transparent
}

.scrollbar::-webkit-scrollbar-thumb {
    visibility: hidden;
    border-radius: 3px;
    background-color:var(--reign-scrollbar-bg)
}

.scrollbar:hover::-webkit-scrollbar, .scrollbar:hover::-webkit-scrollbar-thumb, .scrollbar:focus::-webkit-scrollbar, .scrollbar:focus::-webkit-scrollbar-thumb {
    visibility:visible
}

.navbar-vibrant .scrollbar {
    overflow:auto
}

.navbar-vibrant .scrollbar::-webkit-scrollbar {
    visibility: hidden;
    -webkit-appearance: none;
    width: .375rem;
    height: .375rem;
    background-color:transparent
}

.navbar-vibrant .scrollbar::-webkit-scrollbar-thumb {
    visibility: hidden;
    border-radius: 3px;
    background-color:rgba(255, 255, 255, .4)
}

.navbar-vibrant .scrollbar:hover::-webkit-scrollbar, .navbar-vibrant .scrollbar:hover::-webkit-scrollbar-thumb, .navbar-vibrant .scrollbar:focus::-webkit-scrollbar, .navbar-vibrant .scrollbar:focus::-webkit-scrollbar-thumb {
    visibility:visible
}

.firefox .scrollbar {
    overflow: auto !important;
    scrollbar-color: var(--reign-scrollbar-bg) transparent;
    scrollbar-width:thin
}

.firefox .navbar-vibrant .scrollbar {
    overflow: auto !important;
    scrollbar-color: rgba(255, 255, 255, .4) transparent;
    scrollbar-width:thin
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background:var(--reign-scrollbar-bg)
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-dark > .os-scrollbar:focus > .os-scrollbar-track > .os-scrollbar-handle {
    background:var(--reign-scrollbar-bg)
}

.hover-underline-none:hover {
    text-decoration:none
}

.quote.showcase-quote:before {
    color: #000;
    opacity:.2
}

.showcase-item-content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition:all .5s ease
}

.showcase-item-content:hover, .showcase-item-content:focus {
    opacity:1
}

.avatar-showcase-testimonial {
    position: absolute;
    width: 6.25rem !important;
    height: 6.25rem;
    left: 50%;
    -webkit-transform: translate(-50%, -127%);
    -ms-transform: translate(-50%, -127%);
    transform: translate(-50%, -127%);
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 6.25rem;
    background-color: #525b83;
    color: #fff;
    font-size: 2rem;
    font-weight:bold
}

.box-shadow-md {
    -webkit-box-shadow: .25rem .5rem rgba(0, 0, 0, .5);
    box-shadow:.25rem .5rem rgba(0, 0, 0, .5)
}

.shadow-md {
    -webkit-box-shadow: 0px 0px 2.6875rem 0px rgba(22, 31, 99, .1);
    box-shadow:0px 0px 2.6875rem 0px rgba(22, 31, 99, .1)
}

.hover-shadow-soft {
    -webkit-transition: -webkit-transform .6s ease;
    transition: -webkit-transform .6s ease;
    -o-transition: transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    transform-style:preserve-3d
}

.hover-shadow-soft:hover, .hover-shadow-soft:focus {
    -webkit-transform: translateY(-0.5rem);
    -ms-transform: translateY(-0.5rem);
    transform: translateY(-0.5rem);
    -webkit-box-shadow: 0 0 5.25rem 0 rgba(22, 31, 99, .15);
    box-shadow:0 0 5.25rem 0 rgba(22, 31, 99, .15)
}

.accordion-button {
    text-transform: uppercase;
    font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

.accordion-button:not(.collapsed)::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e");
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform:rotate(90deg)
}

.accordion-button::after {
    display:none
}

.accordion-button::before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .6rem;
    height: .6rem;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: .6rem;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    margin-right:1rem
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button::before {
        -webkit-transition: none;
        -o-transition: none;
        transition:none
    }
}

.accordion-button:not(.collapsed) {
    -webkit-box-shadow: none;
    box-shadow:none
}

.btn[class * =hvr-] {
    position: relative;
    overflow: hidden;
    z-index: 0;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    background-color: transparent;
    vertical-align:middle
}

.btn[class * =hvr-]:hover, .btn[class * =hvr-]:focus {
    color:#fff
}

.btn[class * =hvr-]:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility:hidden
}

.btn.hvr-sweep-top:after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin:50% 100%
}

.btn.hvr-sweep-bottom:after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin:50% 0%
}

.btn.hvr-sweep-left:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin:100% 0%
}

.btn.hvr-sweep-right:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin:0% 0%
}

.btn.hvr-sweep-collapseX:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin:50%
}

.btn.hvr-sweep-collapseY:after {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin:50%
}

.btn:active.hvr-sweep-top:after, .btn:hover.hvr-sweep-top:after, .btn:focus.hvr-sweep-top:after {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform:scaleY(0)
}

.btn:active.hvr-sweep-bottom:after, .btn:hover.hvr-sweep-bottom:after, .btn:focus.hvr-sweep-bottom:after {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform:scaleY(0)
}

.btn:active.hvr-sweep-left:after, .btn:hover.hvr-sweep-left:after, .btn:focus.hvr-sweep-left:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform:scaleX(0)
}

.btn:active.hvr-sweep-right:after, .btn:hover.hvr-sweep-right:after, .btn:focus.hvr-sweep-right:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform:scaleX(0)
}

.btn:active.hvr-sweep-collapseX:after, .btn:hover.hvr-sweep-collapseX:after, .btn:focus.hvr-sweep-collapseX:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform:scaleX(1)
}

.btn:active.hvr-sweep-collapseY:after, .btn:hover.hvr-sweep-collapseY:after, .btn:focus.hvr-sweep-collapseY:after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform:scaleY(1)
}

.btn[class * =btn-outline-].hvr-sweep-top:after {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform:scaleY(0)
}

.btn[class * =btn-outline-].hvr-sweep-bottom:after {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform:scaleY(0)
}

.btn[class * =btn-outline-].hvr-sweep-left:after {
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform:scaleX(0)
}

.btn[class * =btn-outline-].hvr-sweep-right:after {
    -webkit-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform:scaleX(0)
}

.btn[class * =btn-outline-].hvr-sweep-collapseX:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin:50%
}

.btn[class * =btn-outline-].hvr-sweep-collapseY:after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin:50%
}

.btn[class * =btn-outline-]:active.hvr-sweep-top:after, .btn[class * =btn-outline-]:hover.hvr-sweep-top:after, .btn[class * =btn-outline-]:focus.hvr-sweep-top:after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform:scaleY(1)
}

.btn[class * =btn-outline-]:active.hvr-sweep-bottom:after, .btn[class * =btn-outline-]:hover.hvr-sweep-bottom:after, .btn[class * =btn-outline-]:focus.hvr-sweep-bottom:after {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform:scaleY(1)
}

.btn[class * =btn-outline-]:active.hvr-sweep-left:after, .btn[class * =btn-outline-]:hover.hvr-sweep-left:after, .btn[class * =btn-outline-]:focus.hvr-sweep-left:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform:scaleX(1)
}

.btn[class * =btn-outline-]:active.hvr-sweep-right:after, .btn[class * =btn-outline-]:hover.hvr-sweep-right:after, .btn[class * =btn-outline-]:focus.hvr-sweep-right:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform:scaleX(1)
}

.btn[class * =btn-outline-]:active.hvr-sweep-collapseX:after, .btn[class * =btn-outline-]:hover.hvr-sweep-collapseX:after, .btn[class * =btn-outline-]:focus.hvr-sweep-collapseX:after {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform:scaleX(0)
}

.btn[class * =btn-outline-]:active.hvr-sweep-collapseY:after, .btn[class * =btn-outline-]:hover.hvr-sweep-collapseY:after, .btn[class * =btn-outline-]:focus.hvr-sweep-collapseY:after {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform:scaleY(0)
}

.btn[class * =btn-outline-].hvr-sweep-link:after {
    height: 2px;
    top: auto;
    -webkit-transform: translateX(-102%);
    -ms-transform: translateX(-102%);
    transform:translateX(-102%)
}

.btn[class * =btn-outline-]:hover.hvr-sweep-link, .btn[class * =btn-outline-]:focus.hvr-sweep-link {
    -webkit-box-shadow: none;
    box-shadow:none
}

.btn[class * =btn-outline-]:hover.hvr-sweep-link:after, .btn[class * =btn-outline-]:focus.hvr-sweep-link:after {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform:translateX(0)
}

.btn-outline-white[class * =hvr-]:after, .btn-outline-white[class * =hvr-]:before {
    background-color:#fff
}

.btn-outline-light[class * =hvr-]:hover, .btn-outline-light[class * =hvr-]:focus {
    color:#000
}

.btn-outline-primary:before, .btn-outline-primary:after {
    background-color:#007bff
}

.btn-outline-primary.hvr-sweep-collapseX, .btn-outline-primary.hvr-sweep-collapseY {
    background-color:#007bff
}

.btn-outline-primary.hvr-sweep-collapseX:after, .btn-outline-primary.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-primary.hvr-sweep-collapseX, .btn-primary.hvr-sweep-collapseY {
    background-color:#007bff
}

.btn-primary.hvr-sweep-collapseX:after, .btn-primary.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-primary:after {
    background-color:#007bff
}

.btn-primary[class * =hvr-]:hover, .btn-primary[class * =hvr-]:focus {
    color:#007bff
}

.btn-primary[class * =hvr-]:active {
    background-color: transparent !important;
    color:#fff !important
}

.btn-outline-secondary:before, .btn-outline-secondary:after {
    background-color:#777e87
}

.btn-outline-secondary.hvr-sweep-collapseX, .btn-outline-secondary.hvr-sweep-collapseY {
    background-color:#777e87
}

.btn-outline-secondary.hvr-sweep-collapseX:after, .btn-outline-secondary.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-secondary.hvr-sweep-collapseX, .btn-secondary.hvr-sweep-collapseY {
    background-color:#777e87
}

.btn-secondary.hvr-sweep-collapseX:after, .btn-secondary.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-secondary:after {
    background-color:#777e87
}

.btn-secondary[class * =hvr-]:hover, .btn-secondary[class * =hvr-]:focus {
    color:#777e87
}

.btn-secondary[class * =hvr-]:active {
    background-color: transparent !important;
    color:#fff !important
}

.btn-outline-success:before, .btn-outline-success:after {
    background-color:#28a745
}

.btn-outline-success.hvr-sweep-collapseX, .btn-outline-success.hvr-sweep-collapseY {
    background-color:#28a745
}

.btn-outline-success.hvr-sweep-collapseX:after, .btn-outline-success.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-success.hvr-sweep-collapseX, .btn-success.hvr-sweep-collapseY {
    background-color:#28a745
}

.btn-success.hvr-sweep-collapseX:after, .btn-success.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-success:after {
    background-color:#28a745
}

.btn-success[class * =hvr-]:hover, .btn-success[class * =hvr-]:focus {
    color:#28a745
}

.btn-success[class * =hvr-]:active {
    background-color: transparent !important;
    color:#fff !important
}

.btn-outline-info:before, .btn-outline-info:after {
    background-color:#17a2b8
}

.btn-outline-info.hvr-sweep-collapseX, .btn-outline-info.hvr-sweep-collapseY {
    background-color:#17a2b8
}

.btn-outline-info.hvr-sweep-collapseX:after, .btn-outline-info.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-info.hvr-sweep-collapseX, .btn-info.hvr-sweep-collapseY {
    background-color:#17a2b8
}

.btn-info.hvr-sweep-collapseX:after, .btn-info.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-info:after {
    background-color:#17a2b8
}

.btn-info[class * =hvr-]:hover, .btn-info[class * =hvr-]:focus {
    color:#17a2b8
}

.btn-info[class * =hvr-]:active {
    background-color: transparent !important;
    color:#fff !important
}

.btn-outline-warning:before, .btn-outline-warning:after {
    background-color:#ffc107
}

.btn-outline-warning.hvr-sweep-collapseX, .btn-outline-warning.hvr-sweep-collapseY {
    background-color:#ffc107
}

.btn-outline-warning.hvr-sweep-collapseX:after, .btn-outline-warning.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-warning.hvr-sweep-collapseX, .btn-warning.hvr-sweep-collapseY {
    background-color:#ffc107
}

.btn-warning.hvr-sweep-collapseX:after, .btn-warning.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-warning:after {
    background-color:#ffc107
}

.btn-warning[class * =hvr-]:hover, .btn-warning[class * =hvr-]:focus {
    color:#ffc107
}

.btn-warning[class * =hvr-]:active {
    background-color: transparent !important;
    color:#fff !important
}

.btn-outline-danger:before, .btn-outline-danger:after {
    background-color:#dc3545
}

.btn-outline-danger.hvr-sweep-collapseX, .btn-outline-danger.hvr-sweep-collapseY {
    background-color:#dc3545
}

.btn-outline-danger.hvr-sweep-collapseX:after, .btn-outline-danger.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-danger.hvr-sweep-collapseX, .btn-danger.hvr-sweep-collapseY {
    background-color:#dc3545
}

.btn-danger.hvr-sweep-collapseX:after, .btn-danger.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-danger:after {
    background-color:#dc3545
}

.btn-danger[class * =hvr-]:hover, .btn-danger[class * =hvr-]:focus {
    color:#dc3545
}

.btn-danger[class * =hvr-]:active {
    background-color: transparent !important;
    color:#fff !important
}

.btn-outline-light:before, .btn-outline-light:after {
    background-color:#f5f5f5
}

.btn-outline-light.hvr-sweep-collapseX, .btn-outline-light.hvr-sweep-collapseY {
    background-color:#f5f5f5
}

.btn-outline-light.hvr-sweep-collapseX:after, .btn-outline-light.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-light.hvr-sweep-collapseX, .btn-light.hvr-sweep-collapseY {
    background-color:#f5f5f5
}

.btn-light.hvr-sweep-collapseX:after, .btn-light.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-light:after {
    background-color:#f5f5f5
}

.btn-light[class * =hvr-]:hover, .btn-light[class * =hvr-]:focus {
    color:#f5f5f5
}

.btn-light[class * =hvr-]:active {
    background-color: transparent !important;
    color:#fff !important
}

.btn-outline-dark:before, .btn-outline-dark:after {
    background-color:#17191b
}

.btn-outline-dark.hvr-sweep-collapseX, .btn-outline-dark.hvr-sweep-collapseY {
    background-color:#17191b
}

.btn-outline-dark.hvr-sweep-collapseX:after, .btn-outline-dark.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-dark.hvr-sweep-collapseX, .btn-dark.hvr-sweep-collapseY {
    background-color:#17191b
}

.btn-dark.hvr-sweep-collapseX:after, .btn-dark.hvr-sweep-collapseY:after {
    background-color:#fff
}

.btn-dark:after {
    background-color:#17191b
}

.btn-dark[class * =hvr-]:hover, .btn-dark[class * =hvr-]:focus {
    color:#17191b
}

.btn-dark[class * =hvr-]:active {
    background-color: transparent !important;
    color:#fff !important
}

.btn-outline-white:hover .play-icon, .btn-outline-white:focus .play-icon {
    stroke: #000;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay:.1s
}

.hover-sweep-top {
    position: relative;
    z-index: 0;
    overflow:hidden
}

.hover-sweep-top:after {
    position: absolute;
    content: "";
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition:all .3s ease-in-out
}

.hover-sweep-top:hover, .hover-sweep-top:focus {
    background-color:transparent
}

.hover-sweep-top:hover:after, .hover-sweep-top:focus:after {
    top:0
}

.hover-sweep-top:hover *, .hover-sweep-top:focus * {
    color:#000 !important
}

.hvr-underline-none:hover {
    text-decoration:none
}

a.hover-color-white {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition:all .2s ease
}

a.hover-color-white:hover {
    color:#f5f5f5 !important
}

.hoverbox {
    position: relative;
    overflow:hidden
}

.hoverbox .hoverbox-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    margin:0 !important
}

.hoverbox .hoverbox-primary-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height:100%
}

.hoverbox:hover .hover-box-content-initial, .hoverbox:focus .hover-box-content-initial {
    opacity:0
}

.hoverbox:hover .hoverbox-content, .hoverbox:focus .hoverbox-content {
    opacity:1
}

.hoverbox:hover .as-hoverbox-content, .hoverbox:focus .as-hoverbox-content {
    z-index:1
}

.hoverbox-content-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background: -o-linear-gradient(transparent, #000);
    background:linear-gradient(transparent, #000)
}

.hoverbox-background {
    background-color:rgba(0, 0, 0, .8)
}

.icon-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display:flex
}

.icon-group .icon-item:not(:last-child) {
    margin-right:.625rem
}

.icon-item {
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--reign-700);
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    height: 2.5rem;
    width: 2.5rem;
    border: 0;
    position: relative;
    font-size:.765625rem
}

.icon-item:hover, .icon-item:focus {
    background-color:var(--reign-200)
}

.icon-item.icon-item-sm {
    height: 1.875rem;
    width:1.875rem
}

.icon-item.icon-item-lg {
    height: 3.125rem;
    width:3.125rem
}

.fa-icon-wait {
    opacity:0
}

.fontawesome-i2svg-active .fa-icon-wait {
    opacity:1
}

.ring-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f5f5f5;
    height: 6.25rem;
    width: 6.25rem;
    border-radius: 50%;
    border: 1px solid var(--reign-border-color);
    font-size: 1.728rem;
    color:#007bff
}

.brand-icon {
    background: #007bff;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .188rem;
    height: 2.5rem;
    width: 2.5rem;
    color:#fff
}

.theme-slider:hover .carousel-control-next, .theme-slider:hover .carousel-control-prev, .theme-slider:focus .carousel-control-next, .theme-slider:focus .carousel-control-prev {
    color: #777e87;
    opacity:.5 !important
}

.theme-slider .carousel-control-prev, .theme-slider .carousel-control-next {
    width: 3rem;
    height: 3rem;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .1);
    box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .1);
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    color: #777e87;
    opacity:0
}

.theme-slider .carousel-control-prev:hover, .theme-slider .carousel-control-prev:focus, .theme-slider .carousel-control-next:hover, .theme-slider .carousel-control-next:focus {
    opacity:1 !important
}

.theme-slider .carousel-control-prev {
    left:.625rem
}

.theme-slider .carousel-control-next {
    right:.625rem
}

.input-iconic {
    position:relative
}

.input-iconic button {
    outline: 0;
    background-color: transparent;
    color: #9ba0a7;
    border:0
}

.input-iconic .input-icon {
    position: absolute;
    z-index: 99;
    right: 2.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform:translateY(-50%)
}

.input-iconic .form-control {
    padding-right: 3.75rem;
    border-color:#dadcdf
}

.custom-control-label {
    line-height:1rem
}

.custom-file-label, .custom-file-label:after {
    line-height:1.25rem
}

.contact-message {
    height:11.375rem !important
}

.breadcrumb {
    font-size: .7rem;
    padding:.75rem 0
}

.breadcrumb-item + .breadcrumb-item:before {
    position: relative;
    top:-0.0625rem
}

.googlemap {
    min-height:18.75rem
}

.googlemap > .marker-content {
    opacity:0
}

.yt-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -100000;
    pointer-events:none
}

iframe.yt-video {
    opacity:0
}

iframe.yt-video.loaded {
    opacity:1
}

a.footer-link {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    color:#5f656c
}

a.footer-link:hover {
    color:#f5f5f5
}
/*
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10001;
    background-color: #000;
    opacity: 1;
    -webkit-transition: opacity .8s cubic-bezier(0.77, 0, 0.18, 1);
    -o-transition: opacity .8s cubic-bezier(0.77, 0, 0.18, 1);
    transition: opacity .8s cubic-bezier(0.77, 0, 0.18, 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding:9.375rem
}

.preloader.loaded {
    opacity:0
}

.preloader-wrapper {
    display: inline-block;
    position: relative;
    width: 3.125rem;
    height:3.125rem
}

.preloader-wrapper.small {
    width: 2.25rem;
    height:2.25rem
}

.preloader-wrapper.big {
    width: 4rem;
    height:4rem
}

.preloader-wrapper.active {
    -webkit-animation: container-rotate 1568ms linear infinite;
    animation:container-rotate 1568ms linear infinite
}

@-webkit-keyframes container-rotate {
    to {
        -webkit-transform:rotate(360deg)
    }
}

@keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg)
    }
}
*/
/*.spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-color:#26a69a
}

.spinner-white, .spinner-white-only {
    border-color:#fff
}

.spinner-blue, .spinner-blue-only {
    border-color:#4285f4
}

.spinner-red, .spinner-red-only {
    border-color:#db4437
}

.spinner-yellow, .spinner-yellow-only {
    border-color:#f4b400
}

.spinner-green, .spinner-green-only {
    border-color:#0f9d58
}

.active .spinner-layer.spinner-white {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, white-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, white-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.active .spinner-layer.spinner-blue {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.active .spinner-layer.spinner-red {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.active .spinner-layer.spinner-yellow {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.active .spinner-layer.spinner-green {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.active .spinner-layer, .active .spinner-layer.spinner-white-only, .active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only, .active .spinner-layer.spinner-green-only {
    opacity: 1;
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}*/

@-webkit-keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform:rotate(135deg)
    }

    25% {
        -webkit-transform:rotate(270deg)
    }

    37.5% {
        -webkit-transform:rotate(405deg)
    }

    50% {
        -webkit-transform:rotate(540deg)
    }

    62.5% {
        -webkit-transform:rotate(675deg)
    }

    75% {
        -webkit-transform:rotate(810deg)
    }

    87.5% {
        -webkit-transform:rotate(945deg)
    }

    to {
        -webkit-transform:rotate(1080deg)
    }
}

@keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform:rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform:rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform:rotate(405deg)
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform:rotate(540deg)
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform:rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform:rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform:rotate(945deg)
    }

    to {
        -webkit-transform: rotate(1080deg);
        transform:rotate(1080deg)
    }
}

@-webkit-keyframes blue-fade-in-out {
    from {
        opacity:1
    }

    25% {
        opacity:1
    }

    26% {
        opacity:0
    }

    89% {
        opacity:0
    }

    90% {
        opacity:1
    }

    100% {
        opacity:1
    }
}

@keyframes blue-fade-in-out {
    from {
        opacity:1
    }

    25% {
        opacity:1
    }

    26% {
        opacity:0
    }

    89% {
        opacity:0
    }

    90% {
        opacity:1
    }

    100% {
        opacity:1
    }
}

@-webkit-keyframes white-fade-in-out {
    from {
        opacity:0
    }

    15% {
        opacity:0
    }

    25% {
        opacity:1
    }

    50% {
        opacity:1
    }

    51% {
        opacity:0
    }
}

@keyframes white-fade-in-out {
    from {
        opacity:0
    }

    15% {
        opacity:0
    }

    25% {
        opacity:1
    }

    50% {
        opacity:1
    }

    51% {
        opacity:0
    }
}

@-webkit-keyframes red-fade-in-out {
    from {
        opacity:0
    }

    15% {
        opacity:0
    }

    25% {
        opacity:1
    }

    50% {
        opacity:1
    }

    51% {
        opacity:0
    }
}

@keyframes red-fade-in-out {
    from {
        opacity:0
    }

    15% {
        opacity:0
    }

    25% {
        opacity:1
    }

    50% {
        opacity:1
    }

    51% {
        opacity:0
    }
}

@keyframes red-fade-in-out {
    from {
        opacity:0
    }

    15% {
        opacity:0
    }

    25% {
        opacity:1
    }

    50% {
        opacity:1
    }

    51% {
        opacity:0
    }
}

@-webkit-keyframes yellow-fade-in-out {
    from {
        opacity:0
    }

    40% {
        opacity:0
    }

    50% {
        opacity:1
    }

    75% {
        opacity:1
    }

    76% {
        opacity:0
    }
}

@keyframes yellow-fade-in-out {
    from {
        opacity:0
    }

    40% {
        opacity:0
    }

    50% {
        opacity:1
    }

    75% {
        opacity:1
    }

    76% {
        opacity:0
    }
}

@keyframes yellow-fade-in-out {
    from {
        opacity:0
    }

    40% {
        opacity:0
    }

    50% {
        opacity:1
    }

    75% {
        opacity:1
    }

    76% {
        opacity:0
    }
}

@-webkit-keyframes green-fade-in-out {
    from {
        opacity:0
    }

    65% {
        opacity:0
    }

    75% {
        opacity:1
    }

    90% {
        opacity:1
    }

    100% {
        opacity:0
    }
}

@keyframes green-fade-in-out {
    from {
        opacity:0
    }

    65% {
        opacity:0
    }

    75% {
        opacity:1
    }

    90% {
        opacity:1
    }

    100% {
        opacity:0
    }
}

@keyframes green-fade-in-out {
    from {
        opacity:0
    }

    65% {
        opacity:0
    }

    75% {
        opacity:1
    }

    90% {
        opacity:1
    }

    100% {
        opacity:0
    }
}

.gap-patch {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color:inherit
}

.gap-patch .circle {
    width: 1000%;
    left:-450%
}

.circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color:inherit
}

.circle-clipper.left {
    float:left !important
}

.circle-clipper.right {
    float:right !important
}

.circle-clipper .circle {
    width: 200%;
    height: 100%;
    border-width: 2px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom:0
}

.circle-clipper.left .circle {
    left: 0;
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    -ms-transform: rotate(129deg);
    transform: rotate(129deg);
    transform:rotate(129deg)
}

.circle-clipper.right .circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    -ms-transform: rotate(-129deg);
    transform: rotate(-129deg);
    transform:rotate(-129deg)
}

.active .circle-clipper.left .circle {
    -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.active .circle-clipper.right .circle {
    -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

@-webkit-keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform:rotate(130deg)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform:rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(130deg);
        transform:rotate(130deg)
    }
}

@keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform:rotate(130deg)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform:rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(130deg);
        transform:rotate(130deg)
    }
}

@keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
        transform:rotate(130deg)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
        transform:rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
        transform:rotate(130deg)
    }
}

@-webkit-keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform:rotate(-130deg)
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform:rotate(5deg)
    }

    to {
        -webkit-transform: rotate(-130deg);
        transform:rotate(-130deg)
    }
}

@keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform:rotate(-130deg)
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform:rotate(5deg)
    }

    to {
        -webkit-transform: rotate(-130deg);
        transform:rotate(-130deg)
    }
}

@keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
        transform:rotate(-130deg)
    }

    50% {
        -webkit-transform: rotate(5deg);
        transform:rotate(5deg)
    }

    to {
        -webkit-transform: rotate(-130deg);
        transform:rotate(-130deg)
    }
}

#spinnerContainer.cooldown {
    -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
    animation:container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1)
}

@-webkit-keyframes fade-out {
    from {
        opacity:1
    }

    to {
        opacity:0
    }
}

@keyframes fade-out {
    from {
        opacity:1
    }

    to {
        opacity:0
    }
}

.team-item .hoverbox-content {
    background-color:rgba(0, 0, 0, .6)
}

.team-item:hover .hoverbox-content, .team-item:focus .hoverbox-content {
    opacity:1
}

.service-item {
    border: 1px solid transparent;
    border-radius: .188rem;
    overflow: hidden;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition:all .4s ease-in-out
}

.service-icon {
    width: 3.5rem;
    margin-bottom:1.25rem
}

.service-item:hover {
    border:1px solid var(--reign-border-color)
}

.process-item {
    position:relative
}

.process-icon {
    width:1.563rem
}

.process-icon-circle {
    position: absolute;
    width: 4rem;
    height: 4rem;
    text-align: center;
    border: 1px dashed #9ba0a7;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    left:-2rem
}

@media (min-width: 768px) {
    .process-title {
        position:relative
    }

    .process-title:after {
        position: absolute;
        content: "";
        top: 50%;
        left: 0;
        height: 1px;
        background-color: #000;
        width: 100%;
        z-index:-1
    }

    .process-item:nth-child(odd) .media-body {
        padding-right:3.938rem
    }

    .process-item:nth-child(odd) .process-icon-circle {
        left:-2.75rem
    }

    .process-item:nth-child(even) .media-body {
        padding-left:3.938rem
    }

    .process-item:nth-child(even) .process-icon-circle {
        right: -2.75rem;
        left:auto
    }

    .process-devider {
        position: absolute;
        top: .125rem;
        height: .9375rem;
        width: calc(100% - 2.75rem);
        border: 1px dashed #9ba0a7;
        border-top-width: 0;
        z-index:-1
    }

    .process-icon-circle {
        position: absolute;
        width: 5.5rem;
        height: 5.5rem;
        border: 1px dashed #9ba0a7;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color:#fff
    }

    .process-icon {
        width:1.875rem
    }
}

.thumbnail-grid-container.hasOpenItems .collapsed {
    opacity:.5
}

.thumbnail-grid-container .collapse:not(.show) {
    display: block !important;
    opacity: 0;
    pointer-events:none
}

.thumbnail-grid-container .thumbnail-grid-item {
    -webkit-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    z-index:10
}

.thumbnail-grid-container .thumbnail-grid-navigation .gridder-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: .5rem;
    background-color: #dadcdf;
    color:#000
}

.thumbnail-grid-container .thumbnail-grid-navigation .gridder-nav.prev {
    left: 0;
    border-top-right-radius: .188rem;
    border-bottom-right-radius:.188rem
}

.thumbnail-grid-container .thumbnail-grid-navigation .gridder-nav.next {
    right: 0;
    border-top-left-radius: .188rem;
    border-bottom-left-radius:.188rem
}

.thumbnail-grid-container .thumbnail-grid-navigation .gridder-nav.disabled {
    opacity:.5
}

.thumbnail-grid-container .thumbnail-grid-navigation .thumbnail-close {
    cursor: pointer;
    height: 1.875rem;
    padding: .4375rem;
    position: absolute;
    right: .625rem;
    top: .625rem;
    width: 1.875rem;
    z-index: 2;
    color:#9ba0a7
}

.thumbnail-grid-container .thumbnail-grid-navigation .thumbnail-grid-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: .5rem;
    background-color: #dadcdf;
    color:#000
}

.thumbnail-grid-container .thumbnail-grid-navigation .thumbnail-grid-nav.next {
    right: 0;
    border-top-left-radius: .1875rem;
    border-bottom-left-radius:.1875rem
}

.thumbnail-grid-container .thumbnail-grid-navigation .thumbnail-grid-nav.prev {
    left: 0;
    border-top-left-radius: .1875rem;
    border-bottom-left-radius:.1875rem
}

.thumbnail-grid-container .thumbnail-grid-navigation .thumbnail-grid-nav.disabled {
    opacity:.5
}

.thumbnail-gridder {
    width: 100%;
    border-radius: .188rem;
    cursor:pointer
}

.thumbnail-gridder:hover {
    opacity:.8
}

.indicator-arrow {
    display: block;
    position: absolute;
    left: 50%;
    height: .75rem;
    width: .75rem;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform:translateX(-50%) rotate(45deg)
}

.indicator-arrow-one {
    top:1.375rem
}

.indicator-arrow-two {
    top:1.75rem
}

.indicator {
    position: absolute;
    height: 3rem;
    width: 3rem;
    left: 50%;
    z-index:2
}

.indicator-up {
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0)
}

.indicator-down {
    bottom: 2rem;
    -webkit-transform: translateX(-50%) rotate(180deg);
    -ms-transform: translateX(-50%) rotate(180deg);
    transform:translateX(-50%) rotate(180deg)
}

.indicator-arrow-left {
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform:translateX(-50%) translateY(-50%) rotate(-45deg)
}

.indicator-arrow-right {
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
    transform:translateX(-50%) translateY(-50%) rotate(135deg)
}

.checked-indicator {
    display:none
}

.hr-feature {
    width: 12rem;
    margin: 1.4rem auto;
    opacity:100
}

.feature-item:hover .checked-indicator, .feature-item:focus .checked-indicator {
    color:#000
}

@media (min-width: 992px) {
    .line-indicator:after {
        content: "";
        position: absolute;
        height: 2.25rem;
        right: 2rem;
        border-left:1px solid var(--reign-border-color)
    }

    .line-indicator-top::after {
        bottom: .3rem;
        right: 2.5rem;
        border-top:1px solid var(--reign-border-color)
    }

    .line-indicator-top-1::after {
        width:0
    }

    .line-indicator-top-2::after {
        width:50%
    }

    .line-indicator-top-3::after {
        width:88%
    }

    .line-indicator-bottom::after {
        top: .25rem;
        border-bottom:1px solid var(--reign-border-color)
    }

    .line-indicator-bottom-1::after {
        width: 36%;
        right:2.5rem
    }

    .line-indicator-bottom-2::after {
        width: 15%;
        right:2.5rem
    }

    .line-indicator-bottom-3::after {
        width: 50%;
        right:2.5rem
    }

    .checked-indicator {
        display: block;
        position: absolute;
        border: 1px solid var(--reign-border-color);
        height: 2.25rem;
        width: 2.25rem;
        border-radius: 50%;
        background-color: #fff;
        line-height: 2.25rem;
        text-align: center;
        color: #9ba0a7;
        -webkit-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition:all .2s ease
    }

    .checked-indicator-top {
        -webkit-transform: translate(-97%, -105%);
        -ms-transform: translate(-97%, -105%);
        transform:translate(-97%, -105%)
    }

    .checked-indicator-bottom {
        -webkit-transform: translate(-97%, 90%);
        -ms-transform: translate(-97%, 90%);
        transform:translate(-97%, 90%)
    }
}

.fun-fact-icon {
    width:2.5rem
}

@media (min-width: 768px) {
    .fun-fact-icon {
        width:3.5rem
    }
}

.swiper-testimonial-container .swiper-nav {
    margin-top: 0;
    cursor:pointer
}

.swiper-testimonial-container .swiper-nav .swiper-button-prev, .swiper-testimonial-container .swiper-nav .swiper-button-next {
    font-weight: 800;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    color: var(--reign-700);
    z-index: 1;
    margin:0
}

.swiper-testimonial-container .swiper-nav .swiper-button-prev:hover, .swiper-testimonial-container .swiper-nav .swiper-button-prev:focus, .swiper-testimonial-container .swiper-nav .swiper-button-next:hover, .swiper-testimonial-container .swiper-nav .swiper-button-next:focus {
    color:var(--reign-white)
}

.swiper-testimonial-container .swiper-nav .swiper-button-next {
    right: 7.5rem;
    top:73%
}

.swiper-testimonial-container .swiper-nav .swiper-button-prev {
    left: 7.5rem;
    top:73%
}

.swiper-testimonial-container .swiper-button-prev:after, .swiper-testimonial-container .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: 1.2rem;
    font-weight: 800;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height:1
}

.news-slider .swiper-pagination-bullet {
    width: .625rem;
    height: .625rem;
    background: #d6d6d6;
    margin: .313rem .438rem !important;
    opacity:1
}

.news-slider .swiper-pagination-bullet:hover, .news-slider .swiper-pagination-bullet:focus {
    background:#007bff
}

.news-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background:#007bff
}

.news-slider .swiper-horizontal > .swiper-pagination-bullets, .news-slider .swiper-pagination-bullets.swiper-pagination-horizontal, .news-slider .swiper-pagination-custom, .news-slider .swiper-pagination-fraction {
    bottom:0
}

.header-classic {
    height:40.438rem
}

@media (min-width: 576px) {
    .header-classic {
        min-height: 32.313rem;
        height:auto
    }
}

.testimonial-avatar {
    position: absolute;
    width: 6.25rem !important;
    height: 6.25rem;
    left: 50%;
    -webkit-transform: translate(-50%, -127%);
    -ms-transform: translate(-50%, -127%);
    transform: translate(-50%, -127%);
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
    background-repeat:no-repeat
}

.testimonial-quote {
    position: relative;
    line-height: 100%;
    top: 0;
    left:0
}

.testimonial-quote:before {
    position: absolute;
    content: "“";
    height: 2rem;
    width: 2rem;
    top: 2.3rem;
    color: #fff;
    font-size: 8rem;
    font-family: Raleway, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 300;
    opacity: .5;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform:translateX(-50%)
}

.testimonial .owl-theme.owl-nav-outer .owl-nav {
    margin-top: 0;
    cursor:pointer
}

.testimonial .owl-theme.owl-nav-outer .owl-nav [class * =owl-] {
    opacity: .5;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    color: #fff !important;
    font-size: 1.5rem !important;
    background-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow:none
}

.testimonial .owl-theme.owl-nav-outer .owl-nav [class * =owl-]:hover, .testimonial .owl-theme.owl-nav-outer .owl-nav [class * =owl-]:focus {
    color: #fff;
    opacity:1 !important
}

.testimonial .owl-theme.owl-nav-outer .owl-nav .owl-prev {
    left:-8.75rem
}

.testimonial .owl-theme.owl-nav-outer .owl-nav .owl-next {
    right:-8.75rem
}

.testimonial .owl-dots {
    bottom:-7.5rem
}

.testimonial-company-logo {
    width: 6.25rem !important;
    display: inline-block;
    opacity:.5
}

@media (min-width: 768px) {
    .testimonial-quote::before {
        left: -2.5rem;
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: initial;
        top:2rem
    }
}

.btn-input-icon {
    position: absolute;
    padding: .3125rem .625rem;
    right: 0;
    top: 0;
    margin-top: .5rem;
    margin-right: .75rem;
    color:#000
}

.form-floating {
    color: #9ba0a7 !important;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .02em
}