@main: #f7c212; @main-rgba: rgba(179,132,65,0.2); @main-rgba-more: rgba(179,132,65,0.6); @main-rgba-lot-more: rgba(179,132,65,0.9); @dark-main: #daac11; @light-white:#F1F1F1; @dark-gray: #8A8A8A; @light-gray: #E6E6E6; @white:#fff; @white-rgba: rgba(255,255,255,0.95); @white-rgba-less: rgba(255,255,255,0.7); @black: #000; @black-rgba-nil: rgba(0,0,0,0); @black-rgba-less: rgba(0,0,0,0.4); @black-rgba: rgba(0,0,0,0.8); @light-black: #171717; @lighter-black: #252525; @red: #ff0000; @facebook: #3A5795; @linkedin: #0274B3; @youtube: #0274B3; @twitter: #58E4FF; @behance: #0194F4; ::-moz-selection { /* Code for Firefox */ color: @white; background: @main; } ::selection { color: @white; background: @main; } p { color: @dark-gray; } .main { background: @main; } .main-rgba-lot-more { background: @main-rgba-lot-more; } .dark-main { background: @dark-main; } .light-white { background:@light-white; } .dark-gray { background: @dark-gray; } .light-gray { background: @light-gray; } .white { background:@white; } .black { background: @black; } .light-black { background: @light-black; } .lighter-black { background: @lighter-black; } .featherlight-next, .featherlight-previous { background: @main-rgba; } .featherlight-next:hover, .featherlight-previous:hover { background: @main-rgba; } .featherlight .featherlight-close-icon, .mfp-close-btn-in .mfp-close { color: @main !important; } .mfp-close-btn-in .mfp-close { color: @main !important; } .featherlight:last-of-type, .mfp-bg { background: @black-rgba; } .btn-arc-transparent-big.btn-main { color: @dark-gray; } .btn-arc-transparent-big.btn-main span.text{ border-color: @white; } .btn-arc-transparent-big.btn-main:hover { background: @white; } .btn-arc-transparent-big.btn-main:hover span { color: @main; } .btn-arc-transparent-big.btn-main .btnBefore, .btn-arc-transparent-big.btn-main .btnAfter { border-color: @main; } .btn-arc-transparent-big.btn-gray { color: @dark-gray; } .btn-arc-transparent-big.btn-gray span.text { border-color: @dark-gray; } .btn-arc-transparent-big.btn-gray:hover { background: @black; } .btn-arc-transparent-big.btn-gray:hover span { color: @main; } .btn-arc-transparent-big.btn-gray .btnBefore, .btn-arc-transparent-big.btn-gray .btnAfter { border-color: @white; } .btn-arc-transparent-big.btn-black { color: @black; } .btn-arc-transparent-big.btn-black span.text { border-color: @black; } .btn-arc-transparent-big.btn-black:hover { background: @white; } .btn-arc-transparent-big.btn-black:hover span { color: @main; } .btn-arc-transparent-big.btn-black .btnBefore, .btn-arc-transparent-big.btn-black .btnAfter { border-color: @main; } .owl-controls .owl-dots .owl-dot { background: @light-white; } .owl-controls .owl-dots .owl-dot.active { background: @main; } #intro-01 .main-owl-nav { color: @main; } #intro-02 .main-owl-nav { color: @main; } #intro-03 .main-owl-nav { color: @main; } #intro-04 .main-owl-nav { color: @main; } .mobile-nav .mobile-nav-outer-container .menu-section { color: @dark-gray; } .mobile-nav .mobile-nav-outer-container .trigger-section .mobile-nav-clicker i { color: @dark-gray; } .mobile-nav .mobile-nav-outer-container .trigger-section .mobile-nav-clicker i.mobile-nav-active { color: @main; } .mobile-nav .mobile-nav-link-container ul li a { color: @black; border-bottom-color: @dark-gray; } .main-horizontal-nav { border-bottom: 0px solid @light-gray; box-shadow: 1px 3px 15px #b8b8b8; } .main-horizontal-nav .nav-tab ul li a { color: @black; } .main-horizontal-nav .nav-tab ul li a:hover { color: @dark-gray; } .main-horizontal-nav .nav-social .nav-social-icon { color: @dark-gray; } .both-nav-active { color: @main !important; } .section-head.type-one h2.heading { color: @light-black; } .section-head.type-one h4 .sub-heading { color: @dark-gray; } .section-head.type-two h2.heading { color: @white; } .section-head.type-two h4 .sub-heading { color: @dark-gray; } .section-head.type-three h2.heading { color: @light-black; } .section-head.type-three h4 .sub-heading { color: @light-white; } .home-02 .content-overlay { background: @black-rgba-less; } .home-02 span.highlighter { background: @black; color: @white; } .home-02 .hero-text { color: @white; } .home-02 .cd-headline.type .cd-words-wrapper.selected b { color: @white; } .home-03 .content-overlay { background: @black-rgba; } .home-03 .content-overlay:hover { background: @black-rgba-nil; } .home-03 .number-container .text { color: @white; } .home-03 .number-container { border-color: @white; } .home-03 .content-overlay:hover .number-container span.text { color: @white; } .home-03 .number-container .btnBefore, .home-03 .number-container .btnAfter { border-color: @main; } .home-03 .content-wrap .head h4 { color: @white; } .home-03 .content-wrap .sub-text span { background: @main; color: @white; } .home-04-kenburns-wrap .content .hero-text span { color: @black; } .home-04-kenburns-wrap .content .hero-text span .slash { color: @main; } .home-04-kenburns-wrap .content .hero-text span.text { border-color: @black; } .home-04-kenburns-wrap .content .hero-sub-text p { color: @main; } .left-banner, .right-banner { background: @white; } .home-wrap.home-05 { background: @black-rgba-less; } .home-05 .content-wrap .content h1 { color: @white; } .home-05 .cd-headline.type .cd-words-wrapper.selected b { color: @white; } .home-06 .content-wrap-overlay { background: @black-rgba-less; } .home-06 .content-wrap .content h1 { color: @white; } .home-06 .cd-headline.type .cd-words-wrapper.selected b { color: @white; } .about-sub-content p { color: @main; } .about-carousel-cnt .about-content p { color: @dark-gray; } .bx-wrapper .bx-viewport { background: @white; border-color: @white; } #bx-pager a { border-bottom: 4px solid @dark-gray; } #bx-pager a.active { border-bottom: 4px solid @main; } #bx-pager a.active:after { background: @main; } .featured-thumb-overlay span { color: @dark-gray; } .tile-wrap .row:nth-child(odd) .tile-block:nth-child(odd), .tile-wrap .row:nth-child(odd) .tile-block:nth-child(odd):after { background: @white; } .tile-wrap .row:nth-child(odd) .tile-block:nth-child(even) { background: @light-gray; } .tile-wrap .row:nth-child(even) .tile-block:nth-child(odd) { background: @light-gray; } .tile-wrap .row:nth-child(even) .tile-block:nth-child(even), .tile-wrap .row:nth-child(even) .tile-block:nth-child(even):after { background: @white; } .tile-block .content-section .content .number { color: @light-black; } .tile-block .content-section .content .text { color: @main; } .intermediate-story .intermediate-text p { color: @light-black; } .intermediate-story .intermediate-sub-text p { color: @main; } .filter-options li { color: @white; } .filter-options .inner-link a { color: @white; } .filter-options .inner-link a.selected { color: @lighter-black; } a.hidden-content { color: @main; } a.hidden-content:hover { background-color: @black-rgba; } a.hidden-content .btnBefore, a.hidden-content .btnAfter { border-color: @white; } a.hidden-content:hover .text { border-color: @main; } .lightbox-content-dock .content-section .heading h2 { color: @main; } .lightbox-content-dock .content-section .content p { color: @dark-gray; } .intermediate-like-text .text p { color: @white; } .intermediate-like-text:after { background: @lighter-black; } .intermediate-like-img:after { background: @black; } .intermediate-like-mail .text p { color: @white; } .intermediate-like-mail .text .mail-link { color: @main; } .services-wrap .service-icon { color: @main; } .services-wrap .content-section .heading h3 { color: @black; } .services-wrap .content-section .text p { color: @dark-gray; } .testimonial-wrap .text-content p { color: @white; } .testimonial-wrap .name-secion p { color: @black; } .intermediate-testimonial .owl-dots .owl-dot { background: @dark-main; } .intermediate-testimonial .owl-dots .owl-dot.active { background: @white; } a.news-container { border-color: @light-black; } a.news-container:hover { background: @light-black; } a.news-container .btnBefore, a.news-container .btnAfter { border-color: @main; } a.news-container .text .content { color: @white; } a.news-container .text .date { color: @main; } .team-block .img-container { border-color: @light-white; } .team-block .btnBefore, .team-block .btnAfter { border-color: @main; } .team-hover-content .name p, .team-hover-content .designation p { color: @dark-gray; } .team-hover-content .team-social .social-icon { color: @dark-gray; } .team-hover-content .team-social .social-icon:hover { color: @main; } .team-gallery-content p.head, .team-gallery-content p.content { color: @white; } .team-gallery-divider { background: @black; } .contact-details .company-name h1 { color: @black; } .contact-details .company-add h4 { color: @dark-gray; } .contact-details .company-mail a { color: @main; } .contact-form-outer { background: @white; } .contact-form-outer input, .contact-form-outer textarea { border-color: @light-white; color: @dark-gray; } .submitter { color: @dark-gray; } .submitter span.text { border-color: @light-white; } .submitter:hover { background: @white; } .submitter:hover span { color: @main; } .submitter .btnBefore, .submitter .btnAfter { border-color: @main; } .error-msg::-webkit-input-placeholder { color: @red !important; } .error-msg:-moz-placeholder { color: @red !important; } .error-msg::-moz-placeholder { color: @red !important; } .error-msg:-ms-input-placeholder { color: @red !important; } .social-button-wrap .facebook .featured-thumb-01 { background-color: @lighter-black; } .social-button-wrap .facebook .featured-thumb-01 span { color: @white; } .social-button-wrap .linkedin .featured-thumb-01 { background-color: @light-black; } .social-button-wrap .linkedin .featured-thumb-01 span { color: @white; } .social-button-wrap .youtube .featured-thumb-01 { background-color: @light-black; } .social-button-wrap .youtube .featured-thumb-01 span { color: @white; } .social-button-wrap .twitter .featured-thumb-01 { background-color: @lighter-black; } .social-button-wrap .twitter .featured-thumb-01 span { color: @white; } .social-button-wrap .behance .featured-thumb-01 { background-color: @light-black; } .social-button-wrap .behance .featured-thumb-01 span { color: @white; } .footer-highlight-wrap .footer-highlight-text a { color: @main; } .footer-highlight-wrap .footer-copy p { color: @dark-gray; } .extra-page-horizontal-nav { border-bottom: 2px solid @light-gray; } .extra-page-horizontal-nav .nav-tab ul li a { color: @black; } .extra-page-horizontal-nav .nav-social .nav-social-icon { color: @dark-gray; } .banner-head h2 { color: @white; } .banner-subhead span { color: @white; } .content-main-heading p { color: @main; } .single-project-content p { color: @dark-gray; } .project-page-carousel .content-section .heading h3 { color: @main; } .project-page-carousel .content-section .text p { color: @dark-gray; } .project-page-carousel .owl-controls .owl-dots .owl-dot { background: @light-black; } .project-page-carousel .owl-controls .owl-dots .owl-dot.active { background: @main; } .news-main-tags .name { color: @dark-gray; } .news-main-tags .date { color: @main; } .news-aside-section .heading p { color: @dark-gray; } .recent-news-list ul li a { color: @lighter-black; } .recent-news-list ul li a:hover { color: @main; }