/* Color Picker */ // @main-color: #222222; // @sub-color:#88c06a; /* Main Color */ // color .sl-s6,.sl-s6,.sl-s2-2,.sl-s4-2,.sl-btn-3:hover,.btn-border-main-color,.sl-btn-next,.sl-btn-prev, .btn-border-main-color,.banner-h6-inner .sl-s4,.banner-h6-inner .sl-s5,.sl-s6, .btn-play:hover, .btn-play:focus,.sl-s6, .sl-s6, .sl-s2-2, .sl-s4-2, .sl-btn-3:hover, .btn-border-main-color, .sl-btn-next, .sl-btn-prev, .btn-border-main-color, { color:@main-color; } // background .navi-level-2,.bg-theme,.services-h1-warp .owl-controls,.btn-main-color, .navi-warp-home-2 .subnavi a,.iconbox-overlay-bg:hover,.pricing-table h3,.btn-main-color, .fixbtt:hover,.slider-home4 .custom.tparrows.tp-rightarrow,.slider-home4 .custom.tparrows.tp-leftarrow, .nav-warp-h4,.sl-btn-3,.btn-2,.item-team .footer-team,.accordion-1 a.accordion-toggle,.demo-style-1-box-text, .btn-border-white-color:hover, .btn-border-white-color:focus, .btn-3,.category-case-warp a,.item-case-h5 .case-info,.tb-main-bg,.sl-btn-3,.infobox-in-map,.bg-theme, .progress-main-color,.footer-owl-services-h12,.cb-form div.fancy-select ul.options,.iconbox-overlay-bg:hover, .accordion-1 .panel-heading .accordion-toggle::after,.navi-warp-home-5-inner .active-subcolor > li.active > a::after, .navi-warp-home-5-inner .subnavi a:hover,.btn-play:hover, .btn-play:focus,.topbar-home6 .subnavi a:hover, .navi-warp-home-7-inner .subnavi a:hover,.language div.fancy-select ul.options,.topbar-home10 .tb-social-lan ul, .offer-h10-warp .item-offer-h10:hover,.footer-home-10,.btn-play:hover, .btn-play:focus, .language div.fancy-select ul.options,.item-history-post p.title-history,.title-widget-sidebar, .wd-html-block .content-wd-html-inner,.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label, .item-service-list figure figcaption,.popup-video-services-3:hover .btn-play,.accordion-2 .panel-heading .accordion-toggle::after, ul.pagination li a,.comment-item .avatar .reply-comment:hover,.table-reset thead,.open-search-input .form-control, .tab-style-2 li a { background: @main-color; } .navi-level-3 li a { background: lighten(@main-color, 3%); } .bg-lighten-theme { background: lighten(@main-color, 10%); } .overlay-project,.new-info,.banner-h5-block,.slider-home7 .home7-block-text { background: fade(@main-color, 90%); } .item-about-h6 .overlay-about-h6,.cbw-h6 { background: fade(@main-color, 85%); } .item-wwd .overlay-wwd { background: fade(@main-color,70%); } // border .btn-border-main-color,.cb-form input.form-control:focus,.owl-page,.sl-btn-3, .btn-border-white-color:hover, .btn-border-white-color:focus,.sl-btn-3,.btn-border-main-color, .services-h1-warp .owl-controls .owl-page,.offer-h3-warp .owl-controls .owl-page,.btn-play:hover, .btn-play:focus, .popup-video-services-3:hover .btn-play,.category-case-warp a,.form-contact-warp .form-control:focus, .form-contact-warp .form-control:focus { border-color: @main-color; } .slider-home4 .custom.tparrows.tp-rightarrow::before,.btn-3-next::before { border-bottom-color: @main-color; } .slider-home4 .custom.tparrows.tp-leftarrow::before,.btn-3-prev::before { border-top-color:@main-color; } blockquote.main-bq{ border-left-color: @main-color; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label::after{ border-color: transparent @main-color transparent transparent; } // fade main color background .nav-warp-h1 { background: fade(@main-color, 40%); } .item-wwd:hover .overlay-wwd, .item-about-h10:hover .overlay-about-h6 { background: fade(@main-color, 90%); } /* Sub Color */ /* Color */ .tb-social-lan a:hover,.tb-contact i,.navi-warp-home-1 .subnavi a:hover, .iconbox .icon,.counter-inline .icon, .counter-inline .fa, .counter-inline .lnr, .iconbox-type-sm .icon, .iconbox-type-sm .fa, .iconbox-type-sm .lnr, .services-h1-warp .owl-controls .owl-page.active,.overlay-project h4 a,.cb-info-h1 .icon, .item-testimonial-h1 .name,.subcribe-warp button,.subcribe-warp label span, .widget-footer-list-link a:hover,.tb-iconbox > ul > li > a > i,.iconbox-type-xs .icon, .iconbox-type-xs .fa, .iconbox-type-xs .lnr, .quote-inner-h2 p span,.cb-info-h2 .icon,.social-inner-h2 p span, ul.footer-list-news a:hover,.navi-warp-home-3 .tb-social-lan a:hover,.sl-s5 span,.navi-warp-home-3 .tb-social-lan > a i, .counter-inline.ct-on-dark .icon, .counter-inline.ct-on-dark .fa, .counter-inline.ct-on-dark .lnr,.btn-play, .iconbox-inline .icon, .iconbox-inline .fa, .iconbox-inline .lnr,.new-info p i,.quote-inner-h3 p span, .widget-footer-tweets .owl-tweets-footer ul li p.tweet a:hover,.new-info h4 a:hover,.navi-warp-home-4 .tb-social-lan a:hover, .demo-sub-about-text-3 span,.item-locaition p i,.topbar-home5 .tb-social-lan a:hover,.item-case-h5 .case-info h4 a,.item-about-h6 h4, .counter-block .icon, .counter-block .fa, .counter-block .lnr,.item-testimonial-h6 .name,.offer-home-7-item span.lnr, ul.list-style-star li::before,.item-testimonial-h7 .name,.navi-warp-home-8-inner .subnavi a:hover,.iconbox-type-xx .lnr,.infobox-in-map i, .breadcrumb > li > a i,.list-check-icon li::before,.item-team-v2 .box-info h4 a:hover,.list-book-icon li::before, .list-book-icon a:hover,.item-partner-list h4 a:hover,.warp-inner-404 p.sub-text-404 a,.box-text-404 strong, .product-rate i.fa-star,.table-cart .product-remove a,.footer-post p.tags-post a:hover, .widget-footer-list-link a:hover::before { color:@sub-color; } /* Background */ .slider-home1 .hermes .title-thumb-home1,.active-subcolor > li:hover > a::after,.navi-level-2 li a:hover, .active-subcolor > li.active > a::after,.sl-btn-2,.navi-level-2>li.active>a,.title-block .bottom-title,.iconbox:hover .icon, .btn-border-dark-color:hover, .btn-border-dark-color:focus,.overlay-project h4 a::before,.owl-page.active,.owl-page:hover, .services-h1-warp .owl-controls .owl-page.active,.services-h1-warp .owl-controls .owl-page:hover,.item-testimonial-h1 .name::before, .btn-border-main-color:hover, .btn-border-main-color:focus,.widget-footer-social-1 li a:hover,.navi-warp-home-2 .subnavi a:hover, .btn-sub-color,.pt-most-popular h3,.btn-sub-color,.custom.tparrows.tp-rightarrow:hover, .cb-form div.fancy-select ul.options li:hover,.form-subcri-footer button.btn-subcri-footer,.sl-btn-prev:hover, .sl-btn-next:hover, .offer-h3-warp .owl-controls .owl-page.active,.offer-h3-warp .owl-controls .owl-page:hover,.cb-form.cb-form-on-dark .btn-white-color:hover, .widget-tags-footer a:hover,.owl-tweets-footer .owl-pagination .owl-page:hover, .owl-tweets-footer .owl-pagination .owl-page.active, .custom.tparrows.tp-leftarrow:hover,.slider-home4 .custom.tparrows.tp-rightarrow:hover,.slider-home4 .custom.tparrows.tp-leftarrow:hover, .iconbox-overlay-bg .ot-btn:hover,.btn-2:hover,.item-locaition h3,.navi-warp-home-5,.item-plan-step .step,.btn-3:hover, .category-case-warp a.current,.category-case-warp a:hover,.item-testimonial-h6 .h-line-sm,.get-a-quote-h7, .thumb-owl-offer .owl-page.active,.widget-footer-text .btn-learn-more,.cr-h8, .cb-info-warp-h7 .btn-white-color:hover,.topbar-home9 .tb-social-lan ul.social-h9,.footer-owl-services-h12 .sl-btn-1:hover .percent-h .box-percentage-inner,.tp-bullets.custom .tp-bullet.selected,.accordion-3 a.accordion-toggle,.topbar-home10 .warp-lang, .accordion-3 .panel-heading .accordion-toggle::after,.percent-h .box-percentage-inner,.footer-owl-services-h12 .sl-btn-1:hover, .item-history-post p.title-history span,.title-widget-sidebar::before,ul.wd-list-link a:hover,ul.wd-list-link li.active a, .accordion-2 a.accordion-toggle,.tab-style-1 li.active a,ul.pagination li.active a,ul.pagination li a:hover, .comment-item .avatar .reply-comment,.table-hover > tbody > tr:hover,.form-apply-job .btn-upload:hover,.item-branche:hover h3, .tab-style-2 li.active a:hover,.warp-inner-404 .btn-border-white-color:hover,.wd-tags a:hover,.quantity .plus:hover, .table-cart-total th,.iconbox-inline:hover .icon,.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon { background: @sub-color; } /* tb-gradient */ .tb-gradient{ background: linear-gradient(to right, @main-color 0%, @main-color 80%, @sub-color 80%, @sub-color 100%); } /* Border */ .sl-btn-2,.title-block .top-title,.iconbox .icon, .services-h1-warp .owl-controls .owl-page.active, .btn-border-dark-color:hover, .btn-border-dark-color:focus,.owl-page.active,.owl-page:hover, .btn-border-main-color:hover, .btn-border-main-color:focus,.tb-iconbox > ul > li > a > i, .offer-h3-warp .owl-controls .owl-page.active,.btn-play,.iconbox-inline .icon, .iconbox-inline .fa, .iconbox-inline .lnr, .owl-tweets-footer .owl-pagination .owl-page:hover, .owl-tweets-footer .owl-pagination .owl-page.active, .slider-home4 .custom.tparrows.tp-leftarrow:hover,.iconbox-overlay-bg .ot-btn:hover,.offer-home-7-item span.lnr, .thumb-owl-offer .owl-page.active,.percent-h .box-percentage-inner::before,.footer-owl-services-h12 .sl-btn-1:hover, .tp-bullets.custom .tp-bullet.selected,.warp-inner-404 .btn-border-white-color:hover,.wd-tags a:hover, .timeline-entry:hover .timeline-entry-inner .timeline-icon, { border-color:@sub-color; } .custom.tparrows.tp-rightarrow:hover::before,.sl-btn-next:hover::before,.slider-home4 .custom.tparrows.tp-rightarrow:hover::before, .btn-3-next:hover::before { border-bottom-color:@sub-color; } .sl-btn-prev:hover::before,.custom.tparrows.tp-leftarrow:hover::before,.slider-home4 .custom.tparrows.tp-leftarrow:hover::before, .btn-3-prev:hover::before { border-top-color:@sub-color; } /* Fix */ .new-info-detail { background: transparent; } .btn-play:hover{ color:#fff; } .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon:hover{ background: #fff; }