@mainColor: #031128; @linesColor: #91a8ce; @backgroundsColor: #0e213f; @ourBrandsColor: #ffffff; @fontColor-P: #d0e2ff; @fontColor-Main: #6981a6; .opacity(@opacity) { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=@opacity)"; filter: alpha(opacity=@opacity); opacity: @opacity / 100; } .navbar-default { background-color: #041738; } .aboutus-body > div .left-side { background-color: #051A3E; } footer, .products-view .products-view-left-side .products-nav .products-nav-group, .mCSB_scrollTools .mCSB_draggerRail { background-color: @mainColor; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: @fontColor-P; .opacity(100); } .navbar-default .navbar-nav > li.main-li > a::after, .navbar-default .navbar-nav > li.main-li.active > a::after { background-color: @linesColor; } .navbar { border-bottom: 1px solid @linesColor; } .navbar-nav > li /*.products-view .products-view-left-side .icon, */ { border-right: 1px solid darken(@linesColor, 40%); } .products-view .products-view-left-side .products-nav { border-right: 1px solid darken(@linesColor, 40%); border-left: 1px solid darken(@linesColor, 40%); } .navbar-nav > li:first-of-type { border-right: 1px solid darken(@linesColor, 40%); border-left: 1px solid darken(@linesColor, 40%); } .products-view .products-view-left-side .products-nav .products-nav-group { border-left: 1px solid @linesColor; border-top: 1px solid @linesColor; border-right: 1px solid @linesColor; } .products-view-right-side ul li { border-left: 1px solid darken(@linesColor, 40%); } .navbar-nav > li.country a { color: darken(@linesColor, 40%); } .navbar-default .navbar-nav > li.country > a:focus, .navbar-default .navbar-nav > li.country > a:hover { background-color: @linesColor; } .products-view-right-side ul li.active, .products-view-right-side ul li:hover { border-bottom: 5px solid @linesColor; } .gallery-home .gallery-item .hover { background-color: @backgroundsColor; } .mosaic-hover-item .hover, .content-left-side, .content-right-side, .content-right-side .subpage-gallery .main-gallery-nav .main-gallery-nav-item .hover { background-color: @ourBrandsColor; } .mosaic-hover-item { box-shadow: 0 0 0 1px darken(@linesColor, 40%); } /*.content-left-side .content-subpage-body p, .content-left-side .content-subpage-footer p { color: @fontColor-P; }*/ .content-left-side .content-subpage-header .content-header-nav ul li a:hover, .content-left-side .content-subpage-header .content-header-nav ul li a:focus, .content-left-side .content-subpage-header .content-header-nav ul li.active a, .content-left-side .content-subpage-header h2 { color: black; } .content-left-side .content-subpage-footer .content-footer-nav ul li a:hover, .content-left-side .content-subpage-body .content-footer-nav ul li a:hover, .content-left-side .content-subpage-body .content-footer-nav ul li a.active { background: @fontColor-P; } .brands p, .gallery-home .gallery-item h3, .gallery-home .gallery-item a, .content .content-text p, .content-left-side .content-subpage-header .content-header-nav ul li a, .content-left-side .content-subpage-footer h2, .content-left-side .content-subpage-footer .content-footer-nav ul li a, .content-left-side .content-subpage-body .content-footer-nav ul li a, .products-view .products-view-left-side .products-nav .products-nav-view p, .products-view .products-view-left-side .icon, .products-view-right-side ul li, footer p, footer p a, .content-left-side .content-subpage-body p, .content-left-side .content-subpage-body p a, .content-left-side .content-subpage-footer p, .content-left-side .content-subpage-footer h1, .content-left-side .content-subpage-body h1, .news-wrapper .news-box .news-body .news-body-text, .news-wrapper .news-box .news-body a:after, .simple_form input, .simple_form textarea { color: @fontColor-Main; } .mosaic-hover-item .hover p, .mosaic-hover-item .hover h3, .content-subpage.contact .content-subpage-header h2, .content-subpage.contact .content-subpage-body h3, .news-wrapper h1, .news-wrapper .news-box .news-body h3 { color: @mainColor; } .gallery-home .gallery-item > a::after, .news-wrapper .news-box .news-body a::after { background-color: @fontColor-Main; } footer { border-top: 1px solid @linesColor; }