:root {
--custom:#4770D9
}
.table-custom, .table-custom>td, .table-custom>th {
    background-color: #cbd7f4
}
.table-hover .table-custom:hover {
    background-color: #b6c7f0
}
.table-hover .table-custom:hover>td, .table-hover .table-custom:hover>th {
    background-color: #b6c7f0
}
.btn-custom {
    background-color: #f96331;
    border-color: #f96331;
    color: #fff
}
.btn-custom:hover {
    background-color: #2b59cf;
    border-color: #2954c4;
    color: #fff
}
.btn-custom.focus, .btn-custom:focus {
    box-shadow: 0 0 0 .2rem rgba(99,133,223,.5)
}
.btn-custom.disabled, .btn-custom:disabled {
    background-color: #4770d9;
    border-color: #4770d9;
    color: #fff
}
.btn-custom:not(:disabled):not(.disabled).active, .btn-custom:not(:disabled):not(.disabled):active, .show>.btn-custom.dropdown-toggle {
    background-color: #2954c4;
    border-color: #2650ba;
    color: #fff
}
.btn-custom:not(:disabled):not(.disabled).active:focus, .btn-custom:not(:disabled):not(.disabled):active:focus, .show>.btn-custom.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(99,133,223,.5)
}
.btn-outline-custom {
    border-color: #4770d9;
    color: #4770d9
}
.btn-outline-custom:hover {
    background-color: #4770d9;
    border-color: #4770d9;
    color: #fff
}
.btn-outline-custom.focus, .btn-outline-custom:focus {
    box-shadow: 0 0 0 .2rem rgba(71,112,217,.5)
}
.btn-outline-custom.disabled, .btn-outline-custom:disabled {
    background-color: transparent;
    color: #4770d9
}
.btn-outline-custom:not(:disabled):not(.disabled).active, .btn-outline-custom:not(:disabled):not(.disabled):active, .show>.btn-outline-custom.dropdown-toggle {
    background-color: #4770d9;
    border-color: #4770d9;
    color: #fff
}
.btn-outline-custom:not(:disabled):not(.disabled).active:focus, .btn-outline-custom:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-custom.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(71,112,217,.5)
}
.badge-custom {
    background-color: #4770d9;
    color: #fff
}
a.badge-custom:focus, a.badge-custom:hover {
    background-color: #2954c4;
    color: #fff
}
a.badge-custom.focus, a.badge-custom:focus {
    box-shadow: 0 0 0 .2rem rgba(71,112,217,.5);
    outline: 0
}
.alert-custom {
    background-color: #dae2f7;
    border-color: #cbd7f4;
    color: #253a71
}
.alert-custom hr {
    border-top-color: #b6c7f0
}
.alert-custom .alert-link {
    color: #18264b
}
.list-group-item-custom {
    background-color: #cbd7f4;
    color: #253a71
}
.list-group-item-custom.list-group-item-action:focus, .list-group-item-custom.list-group-item-action:hover {
    background-color: #b6c7f0;
    color: #253a71
}
.list-group-item-custom.list-group-item-action.active {
    background-color: #253a71;
    border-color: #253a71;
    color: #fff
}
.bg-custom {
    background-color: #4770d9!important
}
a.bg-custom:focus, a.bg-custom:hover, button.bg-custom:focus, button.bg-custom:hover {
    background-color: #2954c4!important
}
.border-custom {
    border-color: #4770d9!important
}
.text-custom {
    color: #4770d9!important
}
a.text-custom:focus, a.text-custom:hover {
    color: #244baf!important
}
::-moz-selection {
background-color:#4770d9;
color:#fff
}
::selection {
    background-color: #4770d9;
    color: #fff
}
body.theme-dark .hf-theme:focus, body.theme-dark .hf-theme:hover, body.theme-dark a:not(.btn):focus, body.theme-dark a:not(.btn):hover {
    color: #547adc
}
body.theme-light .hf-theme:focus, body.theme-light .hf-theme:hover, body.theme-light a:not(.btn):focus, body.theme-light a:not(.btn):hover {
    color: #244baf
}
a:not(.btn) {
    color: #4770d9
}
.color-scheme {
    color: #4770d9
}
.background-scheme {
    background-color: #4770d9
}
.btn.button-scheme {
    background-color: #4770d9!important;
    border: 1px solid #4770d9!important
}
.btn.button-scheme:focus {
    background-color: #244baf!important;
    border-color: #244baf!important;
    box-shadow: none!important
}
.btn.button-outline {
    background-color: transparent!important;
    border: 1px solid #4770d9!important;
    color: #222!important
}
.btn.button-outline:focus {
    background-color: rgba(34,34,34,.05)!important;
    border-color: #244baf!important;
    box-shadow: none!important
}
body.theme-dark .single-section .section-heading>.section-title:after {
    background-color: #3663d6
}
body.theme-light .single-section .section-heading>.section-title:after {
    background-color: #6d8ee1
}
.preloader .preloader-block .preloader-icon .progress-line:before {
    background-color: #4770d9
}
.overlay-block .overlay-menu .nav-link.active, .overlay-block .overlay-menu .nav-link:focus, .overlay-block .overlay-menu .nav-link:hover {
    color: #4770d9
}
.home-area .content-skills .single-skill b.is-visible:after {
    background-color: #4770d9
}
.about-area .about-content .content-role {
    color: #4770d9
}
.services-area .single-service .service-icon {
    color: #4770d9
}
.portfolio-area .filter-control>li.tab-active, .portfolio-area .filter-control>li:hover {
    color: #6084de
}
.portfolio-area .filter-control>li.tab-active:before, .portfolio-area .filter-control>li:hover:before {
    background-color: #6084de
}
.portfolio-area .shufflejs .portfolio-wrapper .item-content .content-more {
    color: #4770d9
}
body.theme-dark .resume-area .timeline-block .block-details .detail-from {
    color: #6084de
}
body.theme-light .resume-area .timeline-block .block-details .detail-from {
    color: #2e5cd4
}
.resume-area .timeline-block .block-line {
    background-color: #4770d9
}
.testimonials-area .single-review .review-icon {
    color: #4770d9
}
.pricing-area .single-plan .plan-icon {
    color: #4770d9
}
.blog-area .single-post .post-img .content-date {
    background-color: #4770d9
}
.contact-area .contact-form .form-group .form-control:focus {
    border-bottom: 1px solid #7191e2
}
.contact-area .contact-info .list-info .info-icon i {
    color: #4770d9
}