.cmn--btn{
    background: #336699;
}

.btn__grp a:nth-of-type(2n) {
    color: #336699;
    border-color: #336699;
}

.btn__grp a:nth-of-type(2n):hover{
    background: #336699;
}

.btn--base, .page-item.active .page-link{
    background: #336699 !important;
}

.page-item.active .page-link {
    
    border-color: #336699 !important;
}

.cmn--btn:not(button):hover {
    color: #336699;
    border-color: #336699;
}

.text--base{
    color: #336699 !important;
}

.change-language span, .feature__item-icon{
    color: #336699;
}

.about__thumb .thumb::before {
    background: #3366991a;
}

.section__cate::before, .section__cate::after, .feature__item::before, .team__item:hover::after, .cmn--table thead, .post__item .post__date, .faq__item.open .faq__title .right--icon::before, .account__section-wrapper .account__section-content .section__header .section__title::after{
    background-color: #336699;
}

.video-button::before, .video-button::after{
    background-color: #336699 !important;
}

.section__cate, .about__item .icon, .pricing-feature span{
    color: #336699;
}

.video-button {
    background: #336699ba;
}

.feature__item-icon {
    background: #3366991a;
}

.team__item .team__thumb {
    border: 4px solid #336699;
}

.team__item:hover .team__thumb {
    box-shadow: 0 0 0 4px #33669933, 0 0 0 8px #33669933, 0 0 0 12px #33669933, 0 0 0 16px #33669933, 0 0 0 20px #33669933;
}

.nav--tabs li a.active {
    color: #336699;
    border-bottom: 2px solid #336699;
}

.post__item .post__content a {
    background-image: linear-gradient(transparent calc(100% - 2px), #336699 2px);
}

.post__title a:hover, .ratings, .client__item-body .date, .faq__item.open .faq__title .title, .widget__post .widget__post__content span, .contact-area .contact-content .contact-content-botom .subtitle, .contact-area .contact-content .contact-content-botom .contact-info li .icon, .contact-area .contact-content .contact-content-botom .contact-info li .cont a, .footer-links li::after{
    color: #336699;
}

.blog-sidebar {
    border: 1px solid #3366991a;
}

.form--control:focus {
    border-color: #33669933;
}

.contact-area .form--control{
    border-color: #336699ff;
}

.form-control:focus {
    border-color: #336699;
}

.btn--title, .badge--title, .bg--title, .preloader, .pricing-deco{
    background-color: #5c148c !important;
}
.base-color {
    color: #336699;
}

.select2-container--open .select2-selection.select2-selection--single,
.select2-container--open .select2-selection.select2-selection--multiple{
    border-color: #336699 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #336699 !important;
  }

  .pagination .page-item.disabled span{
    background: #3366994d !important;
  }
  .pagination .page-item a{
    background: #33669933;

  }
  .pagination .page-item a:hover{
    background: #336699 !important;

  }

  .bg--base{
    background-color: #336699 !important;
  }