/* base colors for the entire site */

/*
- Primary : #0B71E1
    - hover : #127df3
    - active : #0a65c9
- Secondary : #0167D7
- Secondary-light : #CCCCCC
- Tertiary : #EDEDED
- Quanternary : #395563
- Dark : #212529
- Light : #FFF
- Light Gray: #777

*/

/** Primary start **/
a,
html .text-color-primary,
html .text-primary,
html .text-color-hover-primary:hover,
html .text-hover-primary:hover,
.alternative-font,
p.drop-caps:first-letter,
html .nav-color-primary nav > ul > li > a,
html .nav-pills-primary a,
.sort-source-wrapper .nav > li.active > a,
.sort-source-wrapper .nav > li.active > a:hover,
.sort-source-wrapper .nav > li.active > a:focus,
.btn-link,
.pagination > a,
.pagination > a:hover,
.pagination > a:focus,
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
body.dark .pagination > li > a,
body.dark .pagination > li > span,
body.dark .pagination > li > a:hover,
body.dark .pagination > li > span:hover,
body.dark .pagination > li > a:focus,
body.dark .pagination > li > span:focus,
html .rating-primary .filled-stars,
html body .tabs .nav-tabs .nav-link,
html.dark body .tabs .nav-tabs .nav-link,
html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover,
html body .tabs .nav-tabs li.active .nav-link,
html.dark body .tabs .nav-tabs li.active .nav-link,
html body .tabs-primary .nav-tabs li .nav-link,
html.dark body .tabs-primary .nav-tabs li .nav-link,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html body .tabs-primary .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
.accordion .card-header a,
html .accordion.accordion-primary .card-header,
section.video blockquote i.fa-quote-left,
.parallax blockquote i.fa-quote-left,
html .divider.divider-primary [class*="fa-"],
html .divider.divider-primary .icons,
html .testimonial-quotes-primary blockquote:before,
html .testimonial-quotes-primary blockquote:after,
html .testimonial-quotes-secondary blockquote:before,
html .testimonial-quotes-secondary blockquote:after,
html .testimonial-quotes-dark blockquote:before,
html .testimonial-quotes-dark blockquote:after,
html .testimonial-quotes-light blockquote:before,
html .testimonial-quotes-light blockquote:after,
.circular-bar.only-icon [class*="fa-"],
.circular-bar.only-icon .icons,
html .counters .counter-primary [class*="fa-"],
html .counters .counter-primary .icons,
html .counters .counter-primary strong,
html .countdown.countdown-primary > span > span,
html .featured-box-primary h4,
html .featured-boxes-style-5 .featured-box.featured-box-primary .icon-featured,
html .featured-boxes-style-8 .featured-box.featured-box-primary .icon-featured,
html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured,
.feature-box.feature-box-style-2 .feature-box-icon [class*="fa-"],
.feature-box.feature-box-style-2 .feature-box-icon .icons,
html .feature-box-primary.feature-box-style-2 .feature-box-icon [class*="fa-"],
html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons,
.feature-box.feature-box-style-3 .feature-box-icon [class*="fa-"],
.feature-box.feature-box-style-3 .feature-box-icon .icons,
html .feature-box-primary.feature-box-style-3 .feature-box-icon [class*="fa-"],
html .feature-box-primary.feature-box-style-3 .feature-box-icon .icons,
.feature-box.feature-box-style-4 .feature-box-icon [class*="fa-"],
.feature-box.feature-box-style-4 .feature-box-icon .icons,
html .feature-box-primary.feature-box-style-4 .feature-box-icon [class*="fa-"],
html .feature-box-primary.feature-box-style-4 .feature-box-icon .icons,
.feature-box.feature-box-style-5 .feature-box-icon [class*="fa-"],
.feature-box.feature-box-style-5 .feature-box-icon .icons,
html .feature-box-primary.feature-box-style-5 .feature-box-icon [class*="fa-"],
html .feature-box-primary.feature-box-style-5 .feature-box-icon .icons,
html .feature-box-primary.feature-box-style-6 .feature-box-icon [class*="fa-"],
html .feature-box-primary.feature-box-style-6 .feature-box-icon .icons,
.recent-posts .date .day,
article.post .post-date .day,
.home-concept strong,
.shop .cart-totals tr.total .amount,
.tparrows.arrows-primary:before,
#footer .footer-nav.footer-nav-bottom-line nav > ul:not(:hover) > li > a.active,
#footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:hover > a,
.primary {
    color: #0b71e1;
}


html .svg-fill-color-primary svg path,
html .svg-fill-color-primary svg rect {
    fill: #0b71e1 !important;
}

html .svg-stroke-color-primary svg path,
html .svg-stroke-color-primary svg rect {
    stroke: #0b71e1 !important;
}

.gradient-text-color {
    color: #0b71e1;
    background: linear-gradient(to bottom right, #0b71e1, #0167d7);
    background-image: linear-gradient(to right, #0b71e1, #0167d7);
}

html .bg-color-primary,
html .bg-primary,
html .bg-color-hover-primary:hover,
html .bg-hover-primary:hover,
html .bg-color-after-primary:after,
html .bg-color-hover-after-primary:after:hover,
html .bg-color-before-primary:before,
html .bg-color-hover-before-primary:before:hover,
p.drop-caps.drop-caps-style-2:first-letter,
html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before,
.nav-pills > li.active > a,
.nav-pills .nav-link.active,
.nav-pills > li.active > a:hover,
.nav-pills .nav-link.active:hover,
.nav-pills > li.active > a:focus,
.nav-pills .nav-link.active:focus,
html .nav-pills-primary .nav-link.active,
html .nav-pills-primary > li.active > a,
html .nav-pills-primary .nav-link.active:hover,
html .nav-pills-primary > li.active > a:hover,
html .nav-pills-primary .nav-link.active:focus,
html .nav-pills-primary > li.active > a:focus,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
html .progress-bar-primary,
html .word-rotator.loading-bar-primary .word-rotator-words::after,
.process .process-step:hover .process-step-circle,
section.page-header .page-header-title-border,
.thumb-info-floating-caption-title .thumb-info-floating-caption-type,
.inverted,
html .inverted-primary,
.icon-featured,
html .featured-box-primary .icon-featured,
.feature-box .feature-box-icon,
html .feature-box-primary .feature-box-icon,
html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(3),
.pricing-table .most-popular h3,
.pricing-table.princig-table-flat .plan h3,
.pricing-table.princig-table-flat .plan h3 span,
html .call-to-action.call-to-action-primary,
html .call-to-action.call-to-action-primary,
ul.history li .featured-box .box-content,
.recent-posts .date .month,
article.post .post-date .month,
.slider .tp-bannertimer,
html .home-intro-primary,
html .slide-overlay-primary .slotholder:after,
#footer .footer-nav.footer-nav-bottom-line nav > ul:not(:hover) > li > a.active:before,
#footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:hover > a:before,
.scrollable.colored-slider .scrollable-slider,
.sample-icon-list .sample-icon a:hover,
#footer .footer-ribbon,
html .slider-container .tp-caption-overlay-primary
html .tp-bullets.bullets-color-primary .tp-bullet:hover,
html .tp-bullets.bullets-color-primary .tp-bullet.selected,
.cd-product-viewer-handle .handle,
.section-scroll-dots-navigation.scroll-dots-navigation-colored > ul > li > a:before
html .badge-primary,
html .overlay-color-primary:not(.no-skin):before,
html .image-hotspot-primary .circle,
html .featured-box-effect-3.featured-box-primary:hover .icon-featured,
#header .header-btn-collapse-nav,
html .divider.divider-primary.divider-small hr,
.process-connecting-line .connecting-line {
    background-color: #0b71e1 !important;
}

html .border-color-primary,
html .border-color-hover-primary:hover,
html .blockquote-primary,
.process .process-step-circle,
.feature-box.feature-box-style-3 .feature-box-icon,
html .feature-box-primary.feature-box-style-3 .feature-box-icon,
.pricing-table .most-popular,
html .call-to-action.with-full-borders-primary,
html .divider.divider-style-3.divider-primary [class*="fa-"],
html .divider.divider-style-3.divider-primary .icons {
    border-color: #0b71e1 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination .page-item.active .page-link,
body.dark .pagination > .active > a,
body.dark .pagination > .active > span,
body.dark .pagination > .active > a:hover,
body.dark .pagination > .active > span:hover,
body.dark .pagination > .active > a:focus,
body.dark .pagination > .active > span:focus {
    background-color: #0b71e1 !important;
    border-color: #0b71e1;
}

html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul,
html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover,
html body .tabs .nav-tabs .nav-link:focus,
html.dark body .tabs .nav-tabs .nav-link:focus,
html body .tabs .nav-tabs li.active .nav-link,
html.dark body .tabs .nav-tabs li.active .nav-link,
html body .tabs .nav-tabs.nav-justified .nav-link:hover,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover,
html body .tabs .nav-tabs.nav-justified .nav-link:focus,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus,
html body .tabs-primary .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html .featured-box-primary .box-content,
html .call-to-action.featured.featured-primary,
ul.history li .featured-box .box-content,
html.boxed .body,
.sort-source.sort-source-style-2 > li.active > a:after {
    border-top-color: #0b71e1 !important;
}
/* nav simple tabs */
html body .tabs.tabs-simple .nav-tabs > li.active .nav-link,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link,
html body .tabs.tabs-simple .nav-tabs > li.active .nav-link:focus,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link:focus,
html body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
html body .tabs.tabs-simple .nav-tabs > li.active .nav-link:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link:hover,
html body .tabs-primary .nav-tabs li.active .nav-link,
html.dark body .tabs-primary .nav-tabs li.active .nav-link,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-primary .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li.active .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-primary .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-primary .nav-tabs li.active .nav-link:focus,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:focus {
    border-top-color: #0b71e1;
    color: #0b71e1;
}

.nav-active-style-1 > li > a:hover,
.nav-active-style-1 > li > a:focus,
.nav-active-style-1 > li > a.active,
html body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html .featured-box-primary .box-content-border-bottom {
    border-bottom-color: #0b71e1;
}

/* nav */
html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus,
html body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:focus {
    border-left-color: #0b71e1;
}

/* nav */
html body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:focus,
html body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:focus {
    border-right-color: #0b71e1;
}

html .box-shadow-1-primary:before {
    box-shadow: 0 30px 90px #0b71e1 !important;
}

.pagination > .active > a,
body.dark .pagination > .active > a {
    background-color: #0b71e1;
    border-color: #0b71e1 #0b71e1 #0959b0;
    color: #fff;
}

.pagination > .active > a.disabled,
body.dark .pagination > .active > a.disabled,
.pagination > .active > a:disabled,
body.dark .pagination > .active > a:disabled {
    background-color: #0b71e1;
    border-color: #0b71e1 #0b71e1 #0959b0;
}

/* Primary button outline */
html .btn-outline.btn-primary {
    color: #0b71e1;
    background-color: transparent;
    background-image: none;
    border-color: #0b71e1;
}

html .btn-outline.btn-primary:hover,
html .btn-outline.btn-primary.hover {
    color: #fff;
    background-color: #0b71e1;
    border-color: #0b71e1;
}

html .btn-outline.btn-primary:focus,
html .btn-outline.btn-primary.focus {
    box-shadow: 0 0 0 3px rgba(11, 113, 225, 0.5);
}

html .btn-outline.btn-primary.disabled,
html .btn-outline.btn-primary:disabled {
    color: #0b71e1;
    background-color: transparent;
}

html .btn-outline.btn-primary:active,
html .btn-outline.btn-primary.active {
    color: #fff !important;
    background-color: #0b71e1 !important;
    border-color: #0b71e1 !important;
}

html .show > .btn-outline.btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #0b71e1 !important;
    border-color: #0b71e1 !important;
}

/* Primary button gradient */
.btn-gradient.btn-outline {
    -o-border-image: linear-gradient(135deg, #0b71e1 0%, #0167d7 80%);
    border-image: linear-gradient(135deg, #0b71e1 0%, #0167d7 80%);
    color: #0b71e1;
}

/* Primary button with arrow */
html .btn-with-arrow.btn-primary {
    background-color: transparent;
    border-color: transparent;
    color: #0b71e1;
}

html .btn-with-arrow.btn-primary:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #0b71e1 !important;
}

html .btn-with-arrow.btn-primary span {
    background-color: #0b71e1;
    box-shadow: 2px 3px 18px -3px #0b71e1;
}

html .btn-with-arrow.btn-primary.btn-outline {
    border-color: #0b71e1 !important;
}

/* Primary Alert link */
html .alert-primary {
    background-color: #0b71e1;
    border-color: #0a6ad2;
    color: #fff;
}

/* Primary Section */
html section.section-primary {
    background-color: #0b71e1 !important;
    border-color: #0a65c9 !important;
}

section.timeline .timeline-box.left:before,
section.timeline .timeline-box.right:before {
    background: #0b71e1;
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #0b71e1;
}

.portfolio-list .portfolio-item.portfolio-item-new:after {
    background: linear-gradient(135deg, #0b71e1 0%, #0167d7 80%);
}

/* Primary Page header */
html .page-header-color.page-header-primary {
    background-color: #0b71e1;
    border-bottom-color: #0b71e1;
    color: #fff;
}

/* Primary hover start */
a:hover,
a:focus {
    color: #127df3;
}


/* Primary active start */
a:active {
    color: #0a65c9;
}

.bg-gradient {
    background: linear-gradient(135deg, #0b71e1 0%, #0167d7 80%);
}

/* Primary Button Start */
html .btn-primary {
    background-color: #0b71e1;
    border-color: #0b71e1 #0b71e1 #0959b0;
    color: #fff;
}

html .btn-primary:hover,
html .btn-primary.hover {
    background-color: #1e84f4;
    border-color: #2a8bf5 #2a8bf5 #0b71e1;
    color: #fff;
}

html .btn-primary:focus,
html .btn-primary.focus {
    box-shadow: 0 0 0 3px rgba(11, 113, 225, 0.5);
}

html .btn-primary.disabled,
html .btn-primary:disabled {
    background-color: #0b71e1;
    border-color: #0b71e1 #0b71e1 #0959b0;
}

html .btn-primary:active,
html .btn-primary.active {
    background-color: #095fbd !important;
    background-image: none !important;
    border-color: #0959b0 #0959b0 #064080 !important;
}

/* Primary Toggle start */
html .toggle-primary .toggle label,
html .toggle-primary .toggle .toggle-title {
    color: #0b71e1;
    border-left-color: #0b71e1;
    border-right-color: #0b71e1;
}

html .toggle-primary .toggle.active > label,
html .toggle-primary .toggle.active > .toggle-title {
    background-color: #0b71e1;
    border-color: #0b71e1;
    color: #fff;
}

html .toggle-primary.toggle-simple .toggle > label:after,
html .toggle-primary.toggle-simple .toggle > .toggle-title:after {
    background-color: #0b71e1;
}

html .toggle-primary.toggle-minimal .toggle.active > label,
html .toggle-primary.toggle-minimal .toggle.active > .toggle-title {
    color: #0b71e1;
}

/* Primary Social start */
.thumb-info .thumb-info-type,
.thumb-info .thumb-info-action-icon,
.thumb-info-social-icons a,
.thumbnail .zoom,
.img-thumbnail .zoom,
.thumb-info-ribbon {
    background-color: #0b71e1;
}

html .thumb-info .thumb-info-action-icon-primary {
    background-color: #0b71e1;
}

/* Primary Owl Carousel start */
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background-color: #0a62c4;
}

.owl-carousel.show-nav-title .owl-nav button[class*="owl-"],
.owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover,
.owl-carousel.show-nav-title .owl-nav button[class*="owl-"].hover {
    color: #0b71e1;
}

.owl-carousel .owl-nav button[class*="owl-"] {
    background-color: #0b71e1;
    border-color: #0b71e1 #0b71e1 #0959b0;
    color: #fff;
}

.owl-carousel .owl-nav button[class*="owl-"]:hover,
.owl-carousel .owl-nav button[class*="owl-"].hover {
    background-color: #1e84f4;
    border-color: #2a8bf5 #2a8bf5 #0b71e1;
}

.owl-carousel .owl-nav button[class*="owl-"]:active,
.owl-carousel .owl-nav button[class*="owl-"].active {
    background-color: #095fbd;
    background-image: none;
    border-color: #0959b0 #0959b0 #064080;
}

.owl-carousel.nav-with-transparency:not(.nav-style-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
    background-color: rgba(11, 113, 225, 0.4);
}

.owl-carousel.nav-style-1 .owl-nav .owl-next,
.owl-carousel.nav-style-1 .owl-nav .owl-prev {
    color: #0b71e1 !important;
}

.owl-carousel.nav-style-2 .owl-nav .owl-next:before,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:before,
.owl-carousel.nav-style-2 .owl-nav .owl-next:after,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:after {
    border-color: #0b71e1;
}

.owl-carousel.carousel-center-active-item-2 .owl-item.active > div {
    background: #0b71e1;
}

/* Primary tabs */

html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus {
    border-right-color: #0b71e1;
    border-left-color: transparent;
}

html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:focus {
    border-right-color: transparent;
    border-left-color: #0b71e1;
}

.list.list-icons li > [class*="fa-"]:first-child,
.list.list-icons li a:first-child > [class*="fa-"]:first-child,
.list.list-icons li > .icons:first-child,
.list.list-icons li a:first-child > .icons:first-child {
    color: #0b71e1;
    border-color: #0b71e1;
}

.list.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
.list.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
.list.list-icons.list-icons-style-3 li > .icons:first-child,
.list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
    background-color: #0b71e1;
}

.list.list-ordened li:before {
    color: #0b71e1;
    border-color: #0b71e1;
}

.list.list-ordened.list-ordened-style-3 li:before {
    background-color: #0b71e1;
}

html .list-primary.list-icons li > [class*="fa-"]:first-child,
html .list-primary.list-icons li a:first-child > [class*="fa-"]:first-child,
html .list-primary.list-icons li > .icons:first-child,
html .list-primary.list-icons li a:first-child > .icons:first-child {
    color: #0b71e1;
    border-color: #0b71e1;
}

html .list-primary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
html .list-primary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
html .list-primary.list-icons.list-icons-style-3 li > .icons:first-child,
html .list-primary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
    background-color: #0b71e1;
    color: #fff;
}

html .list-primary.list-ordened li:before {
    color: #0b71e1;
}

html .divider.divider-style-2.divider-primary [class*="fa-"],
html .divider.divider-style-2.divider-primary .icons,
html .featured-boxes-full .featured-box-full-primary,
html .list-primary.list-ordened.list-ordened-style-3 li:before {
    background-color: #0b71e1;
    color: #fff;
}

.featured-boxes-modern-style-primary .featured-box {
    background: #0b71e1;
    background: linear-gradient(135deg, #0b71e1 0%, #395563 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b71e1', endColorstr='#395563', GradientType=1);
}

html .featured-box-effect-2.featured-box-primary .icon-featured:after {
    box-shadow: 0 0 0 3px #0b71e1;
}

html .featured-box-effect-3.featured-box-primary .icon-featured:after {
    box-shadow: 0 0 0 10px #0b71e1;
}

/* Footer */
#footer .list.list-icons li > [class*="fa-"]:first-child,
#footer .list.list-icons li a:first-child > [class*="fa-"]:first-child,
#footer .list.list-icons li > .icons:first-child,
#footer s.list.list-icons li a:first-child > .icons:first-child {
    color: #aaa;
}

/* Primary Header tip */

#header .tip {
    background: #0b71e1;
    color: #fff;
}

#header .tip:before {
    border-right-color: #0b71e1;
    border-left-color: transparent;
}

html #header .tip-primary {
    background: #0b71e1 !important;
    color: #fff !important;
}

html #header .tip-primary:before {
    border-right-color: #0b71e1 !important;
}

html[dir="rtl"] #header .tip:before {
    border-left-color: #0b71e1;
}

html[dir="rtl"] #header .tip.skin:before {
    border-left-color: #0b71e1;
}

html[dir="rtl"] #header .tip-primary:before {
    border-left-color: #0b71e1 !important;
    border-right-color: transparent !important;
}
/* primary featured boxes */

html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured,
html .featured-boxes-style-4 .featured-box.featured-box-primary .icon-featured {
    border-color: #0b71e1;
    color: #0b71e1;
}

/* tp arrows */

.tparrows.tparrows-carousel.tp-leftarrow,
.tparrows.tparrows-carousel.tp-rightarrow {
    background-color: #0b71e1;
    border-color: #0b71e1 #0b71e1 #0959b0;
    color: #fff;
}

.tparrows.tparrows-carousel.tp-leftarrow.disabled,
.tparrows.tparrows-carousel.tp-rightarrow.disabled,
.tparrows.tparrows-carousel.tp-leftarrow:disabled,
.tparrows.tparrows-carousel.tp-rightarrow:disabled {
    background-color: #0b71e1;
    border-color: #0b71e1 #0b71e1 #0959b0;
}

/* shop */
.sort-source.sort-source-style-3 > li.active > a,
.shop .products .product .onsale {
    background-color: #0b71e1;
    border-bottom-color: #095dba;
}



/***************************/
/***** Secondary start *****/
/***************************/
html .text-color-secondary,
html .text-secondary,
html .text-color-hover-secondary:hover,
html .text-hover-secondary:hover {
    color: #0167d7 !important;
}

html .svg-fill-color-secondary svg path,
html .svg-fill-color-secondary svg rect {
    fill: #0167d7 !important;
}

html .svg-stroke-color-secondary svg path,
html .svg-stroke-color-secondary svg rect {
    stroke: #0167d7 !important;
}

html .bg-color-secondary,
html .bg-secondary,
html .bg-color-hover-secondary:hover,
html .bg-hover-secondary:hover,
html .bg-color-after-secondary:after,
html .bg-color-hover-after-secondary:after:hover,
html .bg-color-before-secondary:before,
html .bg-color-hover-before-secondary:before:hover {
    background-color: #0167d7 !important;
}

html .border-color-secondary,
html .border-color-hover-secondary:hover,
html .blockquote-secondary {
    border-color: #0167d7 !important;
}

html .box-shadow-1-secondary:before {
    box-shadow: 0 30px 90px #0167d7 !important;
}

/***************************/
/******** Dark start *******/
/***************************/
html .text-color-dark,
html .text-dark,
html .text-color-hover-dark:hover,
html .text-hover-dark:hover {
    color: #212529 !important;
}

html .svg-fill-color-dark svg path,
html .svg-fill-color-dark svg rect {
    fill: #212529 !important;
}

html .svg-stroke-color-dark svg path,
html .svg-stroke-color-dark svg rect {
    stroke: #212529 !important;
}

html .bg-color-dark,
html .bg-dark,
html .bg-color-hover-dark:hover,
html .bg-hover-dark:hover,
html .bg-color-after-dark:after,
html .bg-color-hover-after-dark:after:hover,
html .bg-color-before-dark:before,
html .bg-color-hover-before-dark:before:hover {
    background-color: #212529 !important;
}

html .border-color-dark,
html .border-color-hover-dark:hover,
html .blockquote-dark {
    border-color: #212529 !important;
}

html .box-shadow-1-dark:before {
    box-shadow: 0 30px 90px #212529 !important;
}



/***************************/
/******* Light start *******/
/***************************/
html .text-color-light,
html .text-light,
html .text-color-hover-light:hover,
html .text-hover-light:hover {
    color: #fff !important;
}

html .svg-fill-color-light svg path,
html .svg-fill-color-light svg rect {
    fill: #fff !important;
}

html .svg-stroke-color-light svg path,
html .svg-stroke-color-light svg rect {
    stroke: #fff !important;
}

html .bg-color-light,
html .bg-light,
html .bg-color-hover-light:hover,
html .bg-hover-light:hover,
html .bg-color-after-light:after,
html .bg-color-hover-after-light:after:hover,
html .bg-color-before-light:before,
html .bg-color-hover-before-light:before:hover {
    background-color: #fff !important;
}

html .border-color-light,
html .border-color-hover-light:hover,
html .blockquote-light {
    border-color: #fff !important;
}

html .box-shadow-1-light:before {
    box-shadow: 0 30px 90px #fff !important;
}

/* *** light gray *** */
.text-light-gray {
    color: #666 !important;
}


html .border-secondary {
    border-color: #CCCCCC!important;
}
html .border-dark, html .process .process-step-circle.border-dark {
    border-color: #212529!important;
}


.bg-row-success {
    background-color: #d4edda;
}

/***************************/
/****** Media Queries ******/
/***************************/


@media (max-width: 991px) {
    .nav .dropdown-item.text-light {
        color: #fff!important;
    }
}