@color-Regular-Blue: #8aa65b;
@color-Dark-Blue: #577b2a;

#filters li a,
.accordion li.active a,
.accordion li > h3 i.fa,
.add-items i.fa,
.author-name,
.block-head,
.block-head-News:hover,
.block-head-News a span,
.box-top .more-btn,
.box-top i.fa,
.copyrights b,
.dark-bg .btn-large:before,
.footer-top a:hover:before,
.fun-title,
.head2-lft-links li i,
.head-style3 .top-bar li a,
.head-style3 .top-bar li i,
.hr-style4:after,
.hr-style4:before,
.item-box:hover .item-tools i,
.item-cart a:hover,
.item-tools i,
.list.alt li:before,
.list.prim li:before,
.main-border,
.main-color,
.main-title,
.nav-2 .top-nav > ul > li.current > a i,
.nav-2 .top-nav > ul > li.selected > a i,
.nav-2 .top-nav > ul > li > a:hover i,
.nav-3 .top-nav > ul > li.current > a,
.nav-3 .top-nav > ul > li.current > a i,
.nav-3 .top-nav > ul > li.selected > a,
.nav-3 .top-nav > ul > li.selected > a i,
.nav-3 .top-nav > ul > li > a:hover,
.nav-3 .top-nav > ul > li > a:hover i,
.post-info h2 a:hover,
.product-price,
.product-specs a.btn.selected,
.project-name,
.service-box-1:hover a,
.siteMap-nav ul ul li a:hover,
.slick-dots li.slick-active button:before,
.staff-1 .fun-icon,
.team-box-2 .t-position,
.team-box-2 .team-socials a,
.title-1 h1,
.title-2 .breadcrumbs a,
.title-2 h1,
.title-3 .breadcrumbs a,
.title-4 .breadcrumbs a,
.top-bar ul.social-list li a:hover span,
.top-search a,
.widget-content a:hover,
.widget-head,
a,
footer a:hover {
    color: @color-Regular-Blue
}

.sticky .top-nav > ul > li.current > a,
.sticky .top-nav > ul > li.selected > a {
    color: @color-Regular-Blue !important
}

#filters li.active,
#filters li:hover,
.accordion-horizontal > li.active a,
.accordion li.active h3 u,
.block-head-News:hover .icon,
.cart-icon,
.comment-reply:hover,
.fixedHead .top-nav > ul > li.current > a,
.fixedHead .top-nav > ul > li.selected > a,
.fixedHead .top-nav > ul > li > a:hover,
.flex-control-paging li a.flex-active,
.footer-top .tags a:hover,
.head-style2 .top-search a,
.head-style3 .top-search a,
.hr-style1:after,
.hr-style1:before,
.icon-cont,
.item-box:hover .item-title,
.item-price,
.level-in,
.list-grid a.selected,
.main-bg,
.menuBtn,
.menuBtnOne,
.pager ul li.selected,
.pager ul li:hover,
.plan-year:after,
.portfolio-item:hover:after,
.responsive-one ul,
.sale,
.search-w .btn,
.service-box-1:hover .box-top,
.service-box-1:hover:after,
.service-box-2:hover .fa,
.service-box-2:hover a.r-more,
.service-box-3:hover .icon,
.service-box-3:hover a.r-more,
.share-post ul li a:hover,
.slick-next:hover,
.slick-prev:hover,
.social-list li a:hover,
.steps li.selected span,
.sticky .top-nav > ul > li > a:hover,
.table-style2 th,
.tabs-vertical .tabs-pane .tab-panel:before,
.tabs > ul li.active,
.tabs > ul li:hover,
.team-box .team-details,
.team-boxes-2 .cell-3:hover .team-box-2,
.testimonials-2 .slick-next:hover,
.testimonials-2 .slick-prev:hover,
.title-4 h1,
.top-nav-style3,
.top-nav > ul > li.selected > a,
.top-nav > ul li a:hover,
.top-nav li.current > a,
.top-nav li li a,
.top-search.selected a,
.top-search a:hover,
.tp-arr-allwrapper:hover,
.tp-bullets.simplebullets.round .bullet,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover,
.view-all-projects a:hover,
footer .NL .NL-btn:hover,
hr:after,
hr:before {
    background-color: @color-Regular-Blue;
    color: #fff
}
.sale:before {
    border-color: transparent @color-Regular-Blue transparent transparent
}

.footer-menu-center li a:hover,
.footer-menu-inline li a:hover {
    color: @color-Regular-Blue;
    border-bottom: 2px solid @color-Regular-Blue
}


.block-head:after,
.block-head:before,
.details-img:after,
.item-box:after,
.item-box:hover .item-price,
.item-box:hover:after,
.portfolio-item:after,
.post-image:after,
.responsive-nav,
.search-box:before,
.service-box-1:after,
.team-box-2:after,
.team-box-2:hover:after,
.team-box .team-socials li a:hover,
.team-box:after,
.team-box:hover:after,
.widget-head:after,
.widget-head:before {
    background-color: @color-Regular-Blue
}
.main-border {
    border: 1px solid @color-Regular-Blue !important
}

.Newsslider {
    border-bottom: 6px solid @color-Regular-Blue
}

.nav-3 .top-nav > ul > li.hasChildren > a:after {
    border-color: transparent transparent @color-Regular-Blue
}

.head-style3 .login-btn .tri {
    border-color: @color-Regular-Blue transparent transparent
}


.footer-top-2,
.nav-3 .top-nav > ul > li.current > a,
.nav-3 .top-nav > ul > li.selected > a,
.nav-3 .top-nav > ul > li > a:hover,
.pageWrapper.fixedPage,
.sub-menu-dark .div-mega,
.sub-menu-dark.top-nav > ul li ul li:first-child,
.sub-menu-white .div-mega,
.sub-menu-white.top-nav > ul li ul li:first-child {
    border-top-color: @color-Regular-Blue
}

.item-box:hover .item-title {
    border-top: 1px solid @color-Regular-Blue
}

.tabs-pane {
    border-top: 2px solid @color-Regular-Blue
}

blockquote {
    background: #f9f9f9;
    border-right: 2px solid @color-Regular-Blue
}

.level-out .tr {
    border-right: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 6px solid @color-Regular-Blue;
    border-bottom: 6px solid @color-Regular-Blue
}

.clients > div a:hover,
.service-box-1:hover h3,
.sticky {
    border-bottom-color: @color-Regular-Blue
}

.icon-middle,
.product-img li a.active img {
    border: 2px solid @color-Regular-Blue
}


.icon-cont:after,
.tri-col {
    border-color: @color-Regular-Blue transparent transparent
}

.head-style3 .top-bar {
    border-top: 5px solid @color-Regular-Blue
}

.steps li.selected span:after {
    border-left: 16px solid @color-Regular-Blue
}

.accordion li.active h3 a,
.accordion li.active h3 u {
    border-color: @color-Regular-Blue
}

.cart-popup,
.pricing-table.selected {
    border-color: @color-Regular-Blue
}

.list-grid a.selected:after {
    border-color: @color-Regular-Blue transparent transparent
}

.continue-btn .btn.right:after {
    border-right: 15px solid @color-Regular-Blue;
}
.contact-form input[type=email]:focus,
.contact-form input[type=password]:focus,
.contact-form input[type=text]:focus,
.contact-form textarea:focus {
    border: 1px solid @color-Regular-Blue
}

.level-in:before {
    border-color: transparent transparent transparent @color-Regular-Blue
}
#questions-list div:hover,
.no-touch .quiz.open .option:hover {
    background: @color-Regular-Blue;
    color: #fff;
    cursor: pointer
}
#quiz-list li:hover {
    background-color: @color-Regular-Blue;
    color: #fff
}
#quiz-list .active {
    background-color: @color-Regular-Blue;
    color: #fff
}
@media (max-width: 992px) {
    .mobile-level-in {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        background: @color-Regular-Blue;
        height: 3px
    }
}

.lesson h3.block-head {
    margin: 0 0 .5em;
    font-size: 2.6em;
    color: @color-Regular-Blue;
}
.avatar {
    border: 5px solid @color-Regular-Blue;
    border-radius: 50%;
}

.types-box .name span {
    font-weight: bold;
    margin-right: 2px;
    color: @color-Regular-Blue;
}

.types-box .icon {
    display: inline-block;
    text-align: center;
    font-size: 30px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    line-height: 70px;
    overflow: hidden;
    background-color: @color-Regular-Blue;
    color: #fff;
}
.continue-btn .btn.right:hover:after {
    border-right: 15px solid @color-Dark-Blue;
}

.responsive-nav ul li a:hover,
.top-nav > ul > li.current:after,
.top-nav > ul > li:hover:after,
.top-nav li li.current > a,
.top-nav li li.selected > a,
.top-nav li li a:hover {
    background: @color-Dark-Blue !important;
    color: #fff
}
.btn.main-bg:hover,
.team-box .team-socials li a {
    background-color: @color-Dark-Blue !important;
    color: #fff
}
.btn.main-bg.btn-3d {
    box-shadow: 0 5px 0 @color-Dark-Blue;
    margin-bottom: 5px
}
.quiz .selected,
.quiz .selected:hover {
    background: @color-Dark-Blue !important;
    color: #fff
}
.continue-btn .btn.right:hover:after {
    border-color: @color-Dark-Blue
}
.continue-btn .btn.right:after {
    border-color: @color-Regular-Blue
}
blockquote {
    border-color: @color-Regular-Blue !important;
}
.quiz-box .icon {
    background-color: @color-Regular-Blue;
}
.quiz-box .name {
    color: @color-Regular-Blue;
}
.v-steps li div {
    background: @color-Regular-Blue;
}
.v-steps li:nth-child(odd) div::before {
    border-color: transparent @color-Regular-Blue transparent transparent;
}
.v-steps li:nth-child(even) div::before {
    border-color: transparent transparent transparent @color-Regular-Blue;
}
.v-steps li.in-view::after {
    background: @color-Regular-Blue;
}
.continue-btn .btn.right:after {
    border-color: @color-Regular-Blue;
}