body,html {
    height: 100%
}

body {
    background: #ddd;
    color: #4c4d4d;
    font-family: "Poppins",sans-serif
}

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999999!important;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.preloader .lds-ellipsis {
    display: inline-block;
    position: absolute;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    top: 50%;
    left: 50%
}

.preloader .lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #000;
    animation-timing-function: cubic-bezier(0,1,1,0)
}

.preloader .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 .6s infinite
}

.preloader .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 .6s infinite
}

.preloader .lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 .6s infinite
}

.preloader .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 .6s infinite
}

.preloader.preloader-dark {
    background-color: #000
}

.preloader.preloader-dark .lds-ellipsis div {
    background-color: #fff
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(24px,0)
    }
}

::selection {
    background: #007bff;
    color: #fff;
    text-shadow: none
}

form {
    padding: 0;
    margin: 0;
    display: inline
}

img {
    vertical-align: inherit
}

a,a:focus {
    color: #007bff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

a:hover,a:active {
    color: #006adb;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

a:focus,a:active,.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus,button:focus,button:active {
    outline: 0
}

p {
    line-height: 1.8
}

blockquote {
    border-left: 5px solid #eee;
    padding: 10px 20px
}

iframe {
    border: 0!important
}

h1,h2,h3,h4,h5,h6 {
    color: #252b33;
    font-family: "Poppins",sans-serif
}

.shadow-md {
    -webkit-box-shadow: 0 0 50px -35px rgba(0,0,0,0.4)!important;
    box-shadow: 0 0 50px -35px rgba(0,0,0,0.4)!important
}

.rounded-lg {
    border-radius: .6rem!important
}

.rounded-top-0 {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.rounded-left-0 {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.rounded-right-0 {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.border-1 {
    border-width: 1px!important
}

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

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

.text-0 {
    font-size: 11px!important;
    font-size: .6875rem!important
}

.text-1 {
    font-size: 12px!important;
    font-size: .75rem!important
}

.text-2 {
    font-size: 14px!important;
    font-size: .875rem!important
}

.text-3 {
    font-size: 16px!important;
    font-size: 1rem!important
}

.text-4 {
    font-size: 18px!important;
    font-size: 1.125rem!important
}

.text-5 {
    font-size: 21px!important;
    font-size: 1.3125rem!important
}

.text-6 {
    font-size: 24px!important;
    font-size: 1.50rem!important
}

.text-7 {
    font-size: 28px!important;
    font-size: 1.75rem!important
}

.text-8 {
    font-size: 32px!important;
    font-size: 2rem!important
}

.text-9 {
    font-size: 36px!important;
    font-size: 2.25rem!important
}

.text-10 {
    font-size: 40px!important;
    font-size: 2.50rem!important
}

.text-11 {
    font-size: 2.75rem!important
}

@media(max-width: 1200px) {
    .text-11 {
        font-size:calc(1.4rem+1.8vw)!important
    }
}

.text-12 {
    font-size: 3rem!important
}

@media(max-width: 1200px) {
    .text-12 {
        font-size:calc(1.425rem+2.1vw)!important
    }
}

.text-13 {
    font-size: 3.25rem!important
}

@media(max-width: 1200px) {
    .text-13 {
        font-size:calc(1.45rem+2.4vw)!important
    }
}

.text-14 {
    font-size: 3.5rem!important
}

@media(max-width: 1200px) {
    .text-14 {
        font-size:calc(1.475rem+2.7vw)!important
    }
}

.text-15 {
    font-size: 3.75rem!important
}

@media(max-width: 1200px) {
    .text-15 {
        font-size:calc(1.5rem+3vw)!important
    }
}

.text-16 {
    font-size: 4rem!important
}

@media(max-width: 1200px) {
    .text-16 {
        font-size:calc(1.525rem+3.3vw)!important
    }
}

.text-17 {
    font-size: 4.5rem!important
}

@media(max-width: 1200px) {
    .text-17 {
        font-size:calc(1.575rem+3.9vw)!important
    }
}

.text-18 {
    font-size: 5rem!important
}

@media(max-width: 1200px) {
    .text-18 {
        font-size:calc(1.625rem+4.5vw)!important
    }
}

.text-19 {
    font-size: 5.25rem!important
}

@media(max-width: 1200px) {
    .text-19 {
        font-size:calc(1.65rem+4.8vw)!important
    }
}

.text-20 {
    font-size: 5.75rem!important
}

@media(max-width: 1200px) {
    .text-20 {
        font-size:calc(1.7rem+5.4vw)!important
    }
}

.text-21 {
    font-size: 6.5rem!important
}

@media(max-width: 1200px) {
    .text-21 {
        font-size:calc(1.775rem+6.3vw)!important
    }
}

.text-22 {
    font-size: 7rem!important
}

@media(max-width: 1200px) {
    .text-22 {
        font-size:calc(1.825rem+6.9vw)!important
    }
}

.text-23 {
    font-size: 7.75rem!important
}

@media(max-width: 1200px) {
    .text-23 {
        font-size:calc(1.9rem+7.8vw)!important
    }
}

.text-24 {
    font-size: 8.25rem!important
}

@media(max-width: 1200px) {
    .text-24 {
        font-size:calc(1.95rem+8.4vw)!important
    }
}

.text-25 {
    font-size: 9rem!important
}

@media(max-width: 1200px) {
    .text-25 {
        font-size:calc(2.025rem+9.3vw)!important
    }
}

.text-11,.text-12,.text-13,.text-14,.text-15,.text-16,.text-17,.text-18,.text-19,.text-20,.text-21,.text-22,.text-23,.text-24,.text-25 {
    line-height: 1.3
}

.line-height-07 {
    line-height: .7!important
}

.line-height-1 {
    line-height: 1!important
}

.line-height-2 {
    line-height: 1.2!important
}

.line-height-3 {
    line-height: 1.4!important
}

.line-height-4 {
    line-height: 1.6!important
}

.line-height-5 {
    line-height: 1.8!important
}

.font-weight-100 {
    font-weight: 100!important
}

.font-weight-200 {
    font-weight: 200!important
}

.font-weight-300 {
    font-weight: 300!important
}

.font-weight-400 {
    font-weight: 400!important
}

.font-weight-500 {
    font-weight: 500!important
}

.font-weight-600 {
    font-weight: 600!important
}

.font-weight-700 {
    font-weight: 700!important
}

.font-weight-800 {
    font-weight: 800!important
}

.font-weight-900 {
    font-weight: 900!important
}

.opacity-0 {
    opacity: 0
}

.opacity-1 {
    opacity: .1
}

.opacity-2 {
    opacity: .2
}

.opacity-3 {
    opacity: .3
}

.opacity-4 {
    opacity: .4
}

.opacity-5 {
    opacity: .5
}

.opacity-6 {
    opacity: .6
}

.opacity-7 {
    opacity: .7
}

.opacity-8 {
    opacity: .8
}

.opacity-9 {
    opacity: .9
}

.opacity-10 {
    opacity: 1
}

.bg-light-1 {
    background-color: #e9ecef!important
}

.bg-light-2 {
    background-color: #dee2e6!important
}

.bg-light-3 {
    background-color: #ced4da!important
}

.bg-light-4 {
    background-color: #adb5bd!important
}

.bg-dark {
    background-color: #111418!important
}

.bg-dark-1 {
    background-color: #212529!important
}

.bg-dark-2 {
    background-color: #343a40!important
}

.bg-dark-3 {
    background-color: #495057!important
}

.bg-dark-4 {
    background-color: #6c757d!important
}

.progress-sm {
    height: .5rem!important
}

.progress-lg {
    height: 1.5rem!important
}

hr {
    border-top: 1px solid rgba(16,85,96,0.1)
}

#main-wrapper {
    background: #fff
}

.section {
    position: relative;
    padding: 104px 0;
    padding: 6.5rem 0;
    overflow: hidden
}

@media(max-width: 767.98px) {
    .section {
        padding:3.5rem 0
    }
}

@media(min-width: 1200px) {
    .container {
        max-width:1170px!important
    }
}

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

.fullscreen-with-header {
    min-height: calc(100vh - 67px)!important
}

.hero-wrap {
    position: relative;
    overflow: hidden;
    z-index: 0
}

.hero-wrap .hero-mask,.hero-wrap .hero-bg,.hero-wrap .hero-bg-slideshow {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.hero-wrap .hero-mask {
    z-index: 1
}

.hero-wrap .hero-content {
    position: relative;
    z-index: 2
}

.hero-wrap .hero-particles {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3
}

.hero-wrap .hero-bg-slideshow {
    z-index: 0
}

.hero-wrap .hero-bg {
    z-index: 0;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    transition: background-image 300ms ease-in 200ms
}

.hero-wrap .hero-bg.hero-bg-scroll {
    background-attachment: scroll
}

.hero-wrap .hero-bg-slideshow .hero-bg {
    background-attachment: inherit
}

.hero-wrap .hero-bg-slideshow.owl-carousel .owl-stage-outer,.hero-wrap .hero-bg-slideshow.owl-carousel .owl-stage,.hero-wrap .hero-bg-slideshow.owl-carousel .owl-item {
    height: 100%
}

.list-style-1>li {
    position: relative;
    list-style-type: none;
    line-height: 24px
}

.list-style-1>li:after {
    content: " ";
    position: absolute;
    top: 12px;
    left: -15px;
    border-color: #000;
    border-top: 1px solid;
    border-right: 1px solid;
    width: 6px;
    height: 6px;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
}

.list-style-2 {
    padding: 0
}

.list-style-2>li {
    list-style-type: none;
    border-bottom: 1px solid #eaeaea;
    padding-top: 12px;
    padding-bottom: 12px
}

.list-style-2.list-style-light>li {
    border-bottom: 1px solid rgba(250,250,250,0.12)
}

.featured-box {
    box-sizing: border-box;
    position: relative
}

.featured-box h3,.featured-box h4 {
    font-size: 1.25rem;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 500
}

.featured-box:not(.style-5) .featured-box-icon {
    display: inline-block;
    font-size: 48px;
    min-width: 55px;
    min-height: 55px;
    padding: 0;
    margin-top: 0;
    margin-bottom: .8rem;
    color: #4c4d4d;
    border-radius: 0
}

.featured-box.style-1,.featured-box.style-2,.featured-box.style-3 {
    padding-left: 50px;
    padding-top: 8px
}

.featured-box.style-1 .featured-box-icon,.featured-box.style-2 .featured-box-icon,.featured-box.style-3 .featured-box-icon {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0;
    font-size: 30px;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    text-align: center
}

.featured-box.style-2 p {
    margin-left: -50px
}

.featured-box.style-3 {
    padding-left: 90px;
    padding-top: 0
}

.featured-box.style-3 .featured-box-icon {
    width: 70px;
    height: 70px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.featured-box.style-4 {
    text-align: center
}

.featured-box.style-4 .featured-box-icon {
    margin: 0 auto 24px;
    margin: 0 auto 1.5rem;
    width: 120px;
    height: 120px;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.03);
    box-shadow: 0 0 50px rgba(0,0,0,0.03)
}

.featured-box.style-5 {
    text-align: center;
    background: #fff;
    border: 1px solid #f0f2f3;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.featured-box.style-5:hover {
    border: 1px solid #ebeded;
    -webkit-box-shadow: 0 5px 1.5rem rgba(0,0,0,0.15);
    box-shadow: 0 5px 1.5rem rgba(0,0,0,0.15)
}

.featured-box.style-5 h3 {
    background: #f1f5f6;
    font-size: 16px;
    padding: 8px 0;
    margin-bottom: 0
}

.featured-box.style-5 .featured-box-icon {
    font-size: 50px;
    margin: 44px 0
}

.featured-box.featured-box-reverse {
    text-align: right
}

.featured-box.featured-box-reverse.style-1,.featured-box.featured-box-reverse.style-2 {
    padding-right: 50px;
    padding-left: 0
}

.featured-box.featured-box-reverse.style-1 .featured-box-icon,.featured-box.featured-box-reverse.style-2 .featured-box-icon {
    left: auto;
    right: 0
}

.featured-box.featured-box-reverse.style-2 p {
    margin-right: -50px;
    margin-left: 0
}

.featured-box.featured-box-reverse.style-3 {
    padding-left: 0;
    padding-right: 90px
}

.featured-box.featured-box-reverse.style-3 .featured-box-icon {
    left: auto;
    right: 0
}

.featured-box.featured-box-reverse-sm {
    text-align: right
}

.featured-box.featured-box-reverse-sm.style-1,.featured-box.featured-box-reverse-sm.style-2 {
    padding-right: 50px;
    padding-left: 0
}

.featured-box.featured-box-reverse-sm.style-1 .featured-box-icon,.featured-box.featured-box-reverse-sm.style-2 .featured-box-icon {
    left: auto;
    right: 0
}

.featured-box.featured-box-reverse-sm.style-2 p {
    margin-right: -50px;
    margin-left: 0
}

.featured-box.featured-box-reverse-sm.style-3 {
    padding-left: 0;
    padding-right: 90px
}

.featured-box.featured-box-reverse-sm.style-3 .featured-box-icon {
    left: auto;
    right: 0
}

@media(min-width: 576px) {
    .featured-box.featured-box-reverse-md {
        text-align:right
    }

    .featured-box.featured-box-reverse-md.style-1,.featured-box.featured-box-reverse-md.style-2 {
        padding-right: 50px;
        padding-left: 0
    }

    .featured-box.featured-box-reverse-md.style-1 .featured-box-icon,.featured-box.featured-box-reverse-md.style-2 .featured-box-icon {
        left: auto;
        right: 0
    }

    .featured-box.featured-box-reverse-md.style-2 p {
        margin-right: -50px;
        margin-left: 0
    }

    .featured-box.featured-box-reverse-md.style-3 {
        padding-left: 0;
        padding-right: 90px
    }

    .featured-box.featured-box-reverse-md.style-3 .featured-box-icon {
        left: auto;
        right: 0
    }
}

@media(min-width: 768px) {
    .featured-box.featured-box-reverse-lg {
        text-align:right
    }

    .featured-box.featured-box-reverse-lg.style-1,.featured-box.featured-box-reverse-lg.style-2 {
        padding-right: 50px;
        padding-left: 0
    }

    .featured-box.featured-box-reverse-lg.style-1 .featured-box-icon,.featured-box.featured-box-reverse-lg.style-2 .featured-box-icon {
        left: auto;
        right: 0
    }

    .featured-box.featured-box-reverse-lg.style-2 p {
        margin-right: -50px;
        margin-left: 0
    }

    .featured-box.featured-box-reverse-lg.style-3 {
        padding-left: 0;
        padding-right: 90px
    }

    .featured-box.featured-box-reverse-lg.style-3 .featured-box-icon {
        left: auto;
        right: 0
    }
}

@media(min-width: 992px) {
    .featured-box.featured-box-reverse-xl {
        text-align:right
    }

    .featured-box.featured-box-reverse-xl.style-1,.featured-box.featured-box-reverse-xl.style-2 {
        padding-right: 50px;
        padding-left: 0
    }

    .featured-box.featured-box-reverse-xl.style-1 .featured-box-icon,.featured-box.featured-box-reverse-xl.style-2 .featured-box-icon {
        left: auto;
        right: 0
    }

    .featured-box.featured-box-reverse-xl.style-2 p {
        margin-right: -50px;
        margin-left: 0
    }

    .featured-box.featured-box-reverse-xl.style-3 {
        padding-left: 0;
        padding-right: 90px
    }

    .featured-box.featured-box-reverse-xl.style-3 .featured-box-icon {
        left: auto;
        right: 0
    }
}

.nav .nav-item .nav-link {
    color: #444
}

.nav.nav-light .nav-item .nav-link {
    color: #ddd
}

.nav:not(.nav-pills) .nav-item .nav-link.active,.nav:not(.nav-pills) .nav-item .nav-link:hover {
    color: #007bff
}

.nav-pills .nav-link:not(.active):hover {
    color: #007bff
}

.nav-pills .nav-link.active,.nav-pills.nav-light .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff
}

.nav.nav-separator .nav-item .nav-link {
    position: relative
}

.nav.nav-separator .nav-item+.nav-item .nav-link:after {
    height: 14px;
    width: 1px;
    content: ' ';
    background-color: rgba(0,0,0,0.2);
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px)
}

.nav.nav-separator.nav-separator-light .nav-item+.nav-item .nav-link:after {
    background-color: rgba(250,250,250,0.2)
}

.nav.nav-sm .nav-item .nav-link {
    font-size: 14px
}

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

.nav-tabs .nav-item .nav-link {
    border: 0;
    background: transparent;
    position: relative;
    border-radius: 0;
    padding: .6rem 1rem;
    color: #7b8084;
    white-space: nowrap!important
}

.nav-tabs .nav-item .nav-link.active {
    color: #0c2f55
}

.nav-tabs .nav-item .nav-link.active:after {
    height: 2px;
    width: 100%;
    content: ' ';
    background-color: #007bff;
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.nav-tabs .nav-item .nav-link:not(.active):hover {
    color: #007bff
}

.nav-tabs.flex-column {
    border-right: 1px solid #d7dee3;
    border-bottom: 0;
    padding: 1.5rem 0
}

.nav-tabs.flex-column .nav-item .nav-link {
    border: 1px solid #d7dee3;
    border-right: 0;
    background-color: #f6f7f8;
    font-size: 14px;
    padding: .75rem 1rem;
    color: #535b61
}

.nav-tabs.flex-column .nav-item:first-of-type .nav-link {
    border-top-left-radius: 4px
}

.nav-tabs.flex-column .nav-item:last-of-type .nav-link {
    border-bottom-left-radius: 4px
}

.nav-tabs.flex-column .nav-item .nav-link.active {
    background-color: transparent;
    color: #007bff
}

.nav-tabs.flex-column .nav-item .nav-link.active:after {
    height: 100%;
    width: 2px;
    background: #fff;
    right: -1px;
    left: auto
}

.nav-tabs:not(.flex-column) {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch
}

.nav-tabs:not(.flex-column) .nav-item {
    margin-bottom: 0
}

@media(max-width: 575.98px) {
    .nav-tabs .nav-item .nav-link {
        padding-left:0;
        padding-right: 0;
        margin-right: 10px;
        font-size: .875rem
    }
}

@media(min-width: 992px) {
    .search-input-2 .form-control {
        border-radius:0
    }

    .search-input-2 .custom-select:not(.custom-select-sm) {
        border-radius: 0;
        height: calc(3.05rem)
    }

    .search-input-2 .btn {
        border-radius: 0
    }

    .search-input-2 .form-group:first-child .form-control,.search-input-2 .form-group:first-child .custom-select {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .search-input-2 .form-group:last-child .btn {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .search-input-2 .form-control:focus,.search-input-2 .custom-select:focus {
        box-shadow: none;
        -webkit-box-shadow: none
    }

    .search-input-2 .form-group .form-control,.search-input-2 .custom-select {
        border-left: none;
        border-top: 0;
        border-bottom: 0
    }
}

@media screen and (min-width: 992px) and (-webkit-min-device-pixel-ratio:0) {
    .search-input-2 .custom-select:not(.custom-select-sm) {
        height:calc(3.00rem)
    }

    .search-input-2 .btn {
        line-height: inherit
    }
}

@media(min-width: 992px) {
    @-moz-document url-prefix() {
        .search-input-2 .custom-select:not(.custom-select-sm) {
            height:calc(3.05rem)
        }

        .search-input-2 .btn {
            line-height: 1.4
        }
    }
}

.form-control,.custom-select {
    border-color: #dae1e3;
    font-size: 16px;
    color: #656565
}

.form-control:not(.form-control-sm) {
    padding: .810rem .96rem;
    height: inherit
}

.form-control-sm {
    font-size: 14px
}

.icon-group .form-control {
    padding-left: 44px
}

.icon-inside {
    position: absolute;
    width: 50px;
    height: 54px;
    left: 0;
    top: 0;
    pointer-events: none;
    font-size: 18px;
    font-size: 1.125rem;
    color: #c4c3c3;
    z-index: 3;
    display: flex;
    -ms-flex-align: center!important;
    align-items: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.form-control-sm+.icon-inside {
    font-size: .875rem!important;
    font-size: 14px;
    top: calc(50% - 13px)
}

select.form-control:not([size]):not([multiple]):not(.form-control-sm) {
    height: auto;
    padding-top: .700rem;
    padding-bottom: .700rem
}

.custom-select:not(.custom-select-sm) {
    height: calc(3.05rem+2px);
    padding-top: .700rem;
    padding-bottom: .700rem
}

.col-form-label-sm {
    font-size: 13px
}

.custom-select-sm {
    padding-left: 5px!important;
    font-size: 14px
}

.custom-select:not(.custom-select-sm).border-0 {
    height: 3.00rem
}

.form-control:focus,.custom-select:focus {
    -webkit-box-shadow: 0 0 5px rgba(128,189,255,0.5);
    box-shadow: 0 0 5px rgba(128,189,255,0.5)
}

.form-control:focus[readonly] {
    box-shadow: none
}

.input-group-text {
    border-color: #dae1e3;
    background-color: #f1f5f6;
    color: #656565
}

.form-control::-webkit-input-placeholder {
    color: #b1b4b6
}

.form-control:-moz-placeholder {
    color: #b1b4b6
}

.form-control::-moz-placeholder {
    color: #b1b4b6
}

.form-control:-ms-input-placeholder,.form-control::-ms-input-placeholder {
    color: #b1b4b6
}

.form-dark .form-control,.form-dark .custom-select {
    border-color: #232a31;
    background: #232a31;
    color: #fff
}

.form-dark .form-control:focus {
    border-color: #80bdff!important
}

.form-dark .form-control::-webkit-input-placeholder {
    color: #777b7f
}

.form-dark .form-control:-moz-placeholder {
    color: #777b7f
}

.form-dark .form-control::-moz-placeholder {
    color: #777b7f
}

.form-dark .form-control:-ms-input-placeholder,.form-dark .form-control::-ms-input-placeholder {
    color: #777b7f
}

.form-dark .custom-select {
    color: #777b7f;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='rgba(250,250,250,0.3)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 13px 15px;
    border-color: #232a31;
    background-color: #232a31
}

.form-dark .icon-inside {
    color: #777b7f
}

.form-border .form-control {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid rgba(0,0,0,0.12);
    border-radius: 0;
    padding-left: 0!important;
    color: black
}

.form-border .form-control::-webkit-input-placeholder {
    color: rgba(0,0,0,0.4)
}

.form-border .form-control:-moz-placeholder {
    color: rgba(0,0,0,0.4)
}

.form-border .form-control::-moz-placeholder {
    color: rgba(0,0,0,0.4)
}

.form-border .form-control:-ms-input-placeholder,.form-border .form-control::-ms-input-placeholder {
    color: rgba(0,0,0,0.4)
}

.form-border .custom-select {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid rgba(0,0,0,0.12);
    border-radius: 0;
    padding-left: 0;
    color: rgba(0,0,0,0.4);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='rgba(0,0,0,0.3)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 13px 15px
}

.form-border .form-control:focus,.form-border .custom-select:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom: 2px solid rgba(0,0,0,0.7)
}

.form-border .form-control:not(output):-moz-ui-invalid:not(:focus),.form-border .form-control:not(output):-moz-ui-invalid:-moz-focusring:not(:focus),.form-border .custom-select:not(output):-moz-ui-invalid:not(:focus),.form-border .custom-select:not(output):-moz-ui-invalid:-moz-focusring:not(:focus) {
    border-bottom: 2px solid #b00708;
    box-shadow: none;
    -webkit-box-shadow: none
}

.form-border .icon-inside {
    color: rgba(0,0,0,0.25)
}

.form-border select option {
    color: #666
}

.form-border-light .form-control {
    border-bottom: 2px solid rgba(250,250,250,0.3);
    color: #fafafa
}

.form-border-light .form-control::-webkit-input-placeholder {
    color: rgba(250,250,250,0.7)
}

.form-border-light .form-control:-moz-placeholder {
    color: rgba(250,250,250,0.7)
}

.form-border-light .form-control::-moz-placeholder {
    color: rgba(250,250,250,0.7)
}

.form-border-light .form-control:-ms-input-placeholder,.form-border-light .form-control::-ms-input-placeholder {
    color: rgba(250,250,250,0.7)
}

.form-border-light .custom-select {
    border-bottom: 2px solid rgba(250,250,250,0.3);
    color: #fafafa;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='rgba(250,250,250,0.6)' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 13px 15px
}

.form-border-light .form-control:focus,.form-border-light .custom-select:focus {
    border-bottom: 2px solid rgba(250,250,250,0.8)
}

.form-border-light .icon-inside {
    color: #999
}

.form-border-light select option {
    color: #333
}

.btn {
    padding: .8rem 2.6rem;
    font-weight: 500;
    border-width: 2px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.btn-sm {
    padding: .5rem 1rem
}

.btn:not(.btn-link) {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px rgba(0,0,0,0.15)
}

.btn:not(.btn-link):hover {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.input-group-append .btn,.input-group-prepend .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: .75rem;
    padding-right: .75rem
}

.input-group-append .btn:hover,.input-group-prepend .btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media(max-width: 575.98px) {
    .btn:not(.btn-sm) {
        padding:.810rem 2rem
    }

    .input-group>.input-group-append>.btn,.input-group>.input-group-prepend>.btn {
        padding: 0 .75rem
    }
}

.bg-primary,.badge-primary {
    background-color: #007bff!important
}

.bg-secondary {
    background-color: #6c757d!important
}

.text-primary,.btn-light,.btn-outline-light:hover,.btn-link,.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active {
    color: #007bff!important
}

.btn-link:hover {
    color: #006adb!important
}

.text-secondary {
    color: #6c757d!important
}

.text-light {
    color: #dee3e4!important
}

.text-body {
    color: #4c4d4d!important
}

a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {
    background-color: #006adb!important
}

.border-primary {
    border-color: #007bff!important
}

.border-secondary {
    border-color: #6c757d!important
}

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

.btn-primary:hover {
    background-color: #006adb;
    border-color: #006adb
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #006adb;
    border-color: #006adb
}

.btn-primary.focus,.btn-primary:focus {
    background-color: #006adb;
    border-color: #006adb
}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.btn-outline-primary,.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #007bff;
    border-color: #007bff
}

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

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

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

.progress-bar,.nav-pills .nav-link.active,.nav-pills .show>.nav-link,.dropdown-item.active,.dropdown-item:active {
    background-color: #007bff
}

.page-item.active .page-link,.custom-radio .custom-control-input:checked ~ .custom-control-label:before,.custom-control-input:checked ~ .custom-control-label::before,.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,.custom-control-input:checked ~ .custom-control-label:before {
    background-color: #007bff;
    border-color: #007bff
}

.list-group-item.active {
    background-color: #007bff;
    border-color: #007bff
}

.page-link {
    color: #007bff
}

.page-link:hover {
    color: #006adb
}

.page-link {
    border: 0;
    border-radius: .25rem;
    margin: 0 .22rem;
    font-size: 16px;
    font-size: 1rem
}

.page-link:hover {
    background-color: #e9eff0
}

.vertical-input-group .input-group:first-child {
    padding-bottom: 0
}

.vertical-input-group .input-group:first-child * {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vertical-input-group .input-group:last-child {
    padding-top: 0
}

.vertical-input-group .input-group:last-child * {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.vertical-input-group .input-group:not(:last-child):not(:first-child) {
    padding-top: 0;
    padding-bottom: 0
}

.vertical-input-group .input-group:not(:last-child):not(:first-child) * {
    border-radius: 0
}

.vertical-input-group .input-group:not(:first-child) * {
    border-top: 0
}

@media(max-width: 575.98px) {
    #recaptcha-v2.g-recaptcha {
        transform:scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
}

#styles-switcher {
    background: #fff;
    width: 202px;
    position: fixed;
    top: 35%;
    z-index: 99;
    padding: 20px;
    left: -202px
}

#styles-switcher ul {
    padding: 0
}

#styles-switcher ul li {
    list-style-type: none;
    width: 25px;
    height: 25px;
    margin: 4px 2px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: all .2s ease-in-out
}

#styles-switcher ul li.blue {
    background: #007bff
}

#styles-switcher ul li.brown {
    background: #795548
}

#styles-switcher ul li.purple {
    background: #6f42c1
}

#styles-switcher ul li.indigo {
    background: #6610f2
}

#styles-switcher ul li.red {
    background: #dc3545
}

#styles-switcher ul li.orange {
    background: #fd7e14
}

#styles-switcher ul li.yellow {
    background: #ffc107
}

#styles-switcher ul li.green {
    background: #28a745
}

#styles-switcher ul li.teal {
    background: #20c997
}

#styles-switcher ul li.cyan {
    background: #17a2b8
}

#styles-switcher ul li.active {
    transform: scale(0.7);
    cursor: default
}

#styles-switcher .switcher-toggle {
    position: absolute;
    background: #666;
    color: #fff;
    font-size: 1.25rem;
    border-radius: 0 4px 4px 0;
    right: -40px;
    top: 0;
    width: 40px;
    height: 40px;
    padding: 0
}

#styles-switcher #reset-color {
    background: #007bff!important
}

input:-internal-autofill-selected {
    background-color: transparent
}

#styles-switcher.right {
    left: auto;
    right: -202px
}

#styles-switcher.right .switcher-toggle {
    right: auto;
    left: -40px;
    border-radius: 4px 0 0 4px
}