:root {
    --contrast2-bg-white: #ffff00;
    --contrast2-bg-light: #f3f300;
    --contrast2-bg-lines: white;
    --contrast2-bg-navy: #dbdd00;
    --contrast2-bg-orange: #060606;

    --contrast2-color-white: #060606;
    --contrast2-color-navy: #060606;
    --contrast2-color-orange: #060606;
    --contrast2-color-text: #060606;
    --contrast2-color-link: #060606;
    --contrast2-color-button: #ffff00;
    --contrast2-border-color-button: #060606;
    --contrast2-bg-color-button: #060606;
}




#main-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

/* contrast 2 */

.contrast2 .header-visual ul li a::after {
    border-color: transparent transparent #000000 transparent;
}

.contrast2 .header-visual ul li a.contrast1::after {
    opacity: 0;
}

.contrast2 .header-visual ul li a.contrast3::after {
    opacity: 1;
}

.contrast2 .header-visual ul li a.font1, .contrast2 .header-visual ul li a.font2, .contrast2 .header-visual ul li a.font3 {
    color: #000000 !important;
    background-color: #ffff00 !important;
    border-color: #242424 !important;
}

.contrast2 .main-slider::before {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffff00+0,ffff00+50,ffff00+100&0.75+0,0.5+50,0.75+100 */
background: -moz-linear-gradient(left,  rgba(255,255,0,0.75) 0%, rgba(255,255,0,0.5) 50%, rgba(255,255,0,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,0,0.75) 0%,rgba(255,255,0,0.5) 50%,rgba(255,255,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,0,0.75) 0%,rgba(255,255,0,0.5) 50%,rgba(255,255,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffff00', endColorstr='#bfffff00',GradientType=1 ); /* IE6-9 */
}



.contrast2 #main-bg, .contrast2.nav-fixed header, .contrast2 .aboutus::before, .contrast2 .newsleter::before, 
.contrast2 .section.main-header::before, .contrast2 .section.white, .contrast2 #search-section,
.contrast2 .section.article blockquote, .contrast2 .products-page .product .product-wrapper, .contrast2 .tenders,
.contrast2 .buisnes, .contrast2 .blog.tenders .col-right li:nth-child(2n+1), .contrast2 .blog.tenders .col-right ul,
.contrast2 .section.tender .col .col-wrapper, .contrast2 .newsblog.timeline .section::after, .contrast2 .section.product .col-img .img-container a img,
.contrast2 .tabs .tab-container, .contrast2 .tabs .tab-nav li a, .contrast2 .products-page .pagination, .contrast2 .products-page .grid .filters .filter-wrapper,
.contrast2 .products-page .grid .side-nav .nav, .contrast2 .search-results, .contrast2 #preloader, .contrast2 #cookieinfo, .contrast2 #no-results {
    background-color: var(--contrast2-bg-white) !important;
}

.contrast2 .buisnes .img-container a::before {
    opacity: 0.7;
}



.contrast2 .offer-slider {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3f300+0,ffff00+100&0.75+0,0+100 */
background: -moz-linear-gradient(top,  rgba(243,243,0,0.75) 0%, rgba(255,255,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(243,243,0,0.75) 0%,rgba(255,255,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(243,243,0,0.75) 0%,rgba(255,255,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bff3f300', endColorstr='#00ffff00',GradientType=0 ); /* IE6-9 */
}
 

.contrast2 .section.white:nth-child(odd), .contrast2 .news-slider, .contrast2 .history-slider, .contrast2 .section.jobs, .contrast2 .section.white:nth-child(2n+1) .lazy-load::after,
.contrast2 .blog.tenders .col-right li, .contrast2 .newsblog.timeline .section:nth-child(2n), .contrast2 .technicals .item span.name.big, .contrast2 .section.white.products-page .pagination-flex ul li a, 
.contrast2 .section.white.products-page .pagination-flex ul li span, .contrast2 .section.white .pagination-flex ul li a, .contrast2 .section.white .pagination-flex ul li span, .contrast2 .header-visual,
.contrast2 .search-results ul li:nth-child(2n+1), .contrast2 .section.tender .download, .contrast2 .section.article .download  {
    background-color: var(--contrast2-bg-light) !important;
}

.contrast2 .news-slider .swiper-scrollbar, .contrast2 .offer-slider .swiper-pagination-bullet, .contrast2 .news-slider .swiper-pagination-bullet, .contrast2 .product .swiper-pagination-bullet, 
.contrast2 .history-slider .swiper-pagination-bullet {
    background-color: var(--contrast2-bg-lines) !important;
}

.contrast2 .news-slider .swiper-scrollbar-drag  {
    background-color: var(--contrast2-color-navy) !important;
}

.contrast2 .offer-slider .swiper-pagination-bullet-active, .contrast2 .news-slider .swiper-pagination-bullet-active, .contrast2 .product .swiper-pagination-bullet-active, 
.contrast2 .history-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--contrast2-color-navy) !important;
}

.contrast2.nav-fixed .mobile-menu span, .contrast2 .mobile-menu span {
    background-color: var(--contrast2-color-navy) !important;
}

.contrast2 .header-visual {
    border-color: var(--contrast2-bg-light) !important;
}

.contrast2 footer .section.bottom {
    border-top-color: rgba(0,0,0, 0.1);
}

.contrast2 .history-slider .swiper-slide .line {
    background-color: transparent !important;
}

.contrast2 .history-slider .bottom .h2::after { 
    background-color: var(--contrast2-color-orange) !important;
    border-color: var(--contrast2-bg-navy) !important;
}

.contrast2 .newsblog.timeline .section::before {
    background-color: var(--contrast2-color-orange) !important;
    border-color: var(--contrast2-bg-white) !important;
}



.contrast2 footer .section, .contrast2 .main-nav, .contrast2 .main-nav .col, .contrast2 .main-nav .img, .contrast2 .buisnes .img-container a::before, 
.contrast2 .img-container a::before, .contrast2 .chocolat-overlay, .contrast2 .history-slider .swiper-slide .line::after, .contrast2 .section.gallery-slider,
.contrast2 .section.contact-form, .contrast2 .jobs .skk_offers td:first-child, .contrast2 .jobs .skk_offers td, .contrast2 .jobs .skk_offers td:first-child, 
.contrast2 .jobs .skk_offers td:last-child, .contrast2 .img-container.catalogs img, .contrast2 .section.white .distribution .h3, .contrast2 .tabs .tab-nav li.active a,
.contrast2 .side-nav-shade  {
    background-color: var(--contrast2-bg-navy) !important;
}

.contrast2 footer .h3::after {
    background-color: var(--contrast2-bg-orange) !important;
}

.contrast2 .search-section button, .contrast2 .distribution li, .contrast2 .blog.tenders .col-right ul, .contrast2 .tabs .tab-nav li a,
.contrast2 .technicals .item, .contrast2 .technicals .item span.name {
    border-color: var(--contrast2-bg-navy) !important;
}

.contrast2 .search-section input {
    border-color: var(--contrast2-bg-light);
    color: var(--contrast2-color-navy);
}

.contrast2 .download-list.dark li, .contrast2 .section.contact-info, .contrast2 .section.contact-form {
    border-color: var(--contrast2-bg-light);
}

.contrast2 .jobs .skk_offers td, .contrast2 .jobs .skk_offers td:first-child {
    border-color: var(--contrast2-border-color-button) !important;
}


.contrast2 img, .contrast2 video, .contrast2 iframe, .contrast2 #chart {
    filter: grayscale(10%);
}

.contrast2 header .col-logo .light img, .contrast2 #preloader img, .contrast2 .chocolat-wrapper .chocolat-close, .contrast2 .chocolat-wrapper .chocolat-left, .contrast2 .chocolat-wrapper .chocolat-right,
.contrast2 .chocolat-wrapper .chocolat-fullscreen {
    filter: contrast(0) brightness(0) sepia(0);
}

.contrast2 header .col-logo .dark img, .contrast2 .main-nav .col-logo img {
    filter: contrast(0) brightness(0) sepia(0);
}

.contrast2 .newsleter .checkbox-container input:checked ~ .checkmark, .contrast2 .checkbox-container input:checked ~ .checkmark,
.contrast2 .newsleter .checkbox-container:hover input ~ .checkmark, .contrast2 .checkbox-container:hover input ~ .checkmark {
  background-color: var(--contrast2-bg-orange);
}

.contrast2 .newsleter .col-right .field input, .contrast2 .newsleter .col-right .field textarea, 
.contrast2 .section.contact-form input, .contrast2 .section.contact-form textarea, .contrast2 .section.contact-form select {
    color: var(--contrast2-color-text) !important;
    border-color: var(--contrast2-border-color-button) !important;
    background-color: transparent !important;
    border-width: 2px !important;
    outline: none !important;
}

.contrast2 .field i, .contrast2 .aboutus .col-right *, .contrast2 .newsleter .checkbox-container, .contrast2 .checkbox-container, .contrast2 #cookieinfo p, .contrast2 #cookieinfo p a,
.contrast2 .breadcrumb li span {
    color: var(--contrast2-color-text) !important;
}

.contrast2 .newsleter .checkbox-container .checkmark::after, .contrast2 .checkbox-container .checkmark::after, .contrast2 .img-container.catalogs img {
    border-color: var(--contrast2-bg-navy);
}

/* contrast1 fonts colors */ 

.contrast2 .text-editor ul li::before {
    background-color: var(--contrast2-color-navy);
}

.contrast2 .text-editor ol li::before, .contrast2 .section.contact-form .checkbox-container, .contrast2 .jobs .skk_offers td:first-child,
.contrast2 .jobs .skk_offers th, .contrast2 .jobs .skk_offers td, .contrast2 .jobs .skk_offers td:first-child, .contrast2 .jobs .skk_offers td:last-child {
    color: var(--contrast2-color-navy) !important;
} 

.contrast2 .section.main-header .h1, .contrast2 .main-slider .absolute, .contrast2 .main-slider .text-slider p {
    color: var(--contrast2-color-white);
    opacity: 1;
}

.contrast2 p {
    opacity: 1;
}

.contrast2 .offer-slider .text-container-slider .h2, .contrast2 .tenders .h2, .contrast2 .news-slider .h2, .contrast2 .aboutus .h2, .contrast2 .aboutus-page .h2, 
.contrast2 .newsleter .h2, .contrast2 .text-section .h2, .contrast2 .contact-form .h2, .contrast2 .contact-info .h2,
.contrast2 .history-slider .bottom .h2, .contrast2 .history-slider .top .h2, .contrast2 .buisnes .h4, .contrast2 .tenders .col-right ul li .right, 
.contrast2 .created, .contrast2 .news-slider .h1 i, .contrast2 .news-slider .text span, .contrast2 .text-link i, .contrast2 .tenders .col-right ul li .left,
.contrast2 .newsblog .text span {
    color: var(--contrast2-color-orange) !important;
}

.contrast2 .h1, .contrast2 h1, .contrast2 .h2, .contrast2 h2, .contrast2 .h3, .contrast2 h3, .contrast2 .h4, .contrast2 h4, .contrast2 .h5, .contrast2 h5, .contrast2 .h6, .contrast2 h6, .contrast2 .tenders .col-right ul li .text,
.contrast2 .products-page .product .product-wrapper .h4, .contrast2 .offer-slider .text-container-slider p, .contrast2.nav-fixed header .col-main-nav ul li a, .contrast2 .text-link, .contrast2 .breadcrumb li, 
.contrast2 .breadcrumb li a, .contrast2 .technicals .item span.name.big, .contrast2 .technicals .item span.name {
    color: var(--contrast2-color-navy) !important;
}

.contrast2.nav-fixed header .col-main-nav ul li a {
    opacity: 1;
}

.contrast2 .section.main-header .h1 span, .contrast2 .main-slider .text-slider span, .contrast2 .main-slider .text-slider i, .contrast2 .search-section button, .contrast2 footer .linklist li a i, 
.contrast2 .newsleter .h1 i, .contrast2 .aboutus .h1 i, .contrast2 .h1 span, .contrast2 h1 span, .contrast2 .h2 span, .contrast2 h2 span, .contrast2 .h3 span, .contrast2 h3 span, .contrast2 .h4 span, 
.contrast2 h4 span, .contrast2 .h5 span, .contrast2 h5 span, .contrast2 .h6 span, .contrast2 h6 span, .contrast2 .h1 i, .contrast2 h1 i, .contrast2 .h2 i, .contrast2 h2 i, .contrast2 .h3 i, .contrast2 h3 i,
.contrast2 .h4 i, .contrast2 h4 i, .contrast2 .h5 i, .contrast2 h5 i, .contrast2 .h6 i, .contrast2 h6 i {
    color: var(--contrast2-color-orange) !important;
}

.contrast2 .text-editor blockquote, .contrast2 .tenders .col-right ul li .text.small, .contrast2 .tenders .col-right ul li, .contrast2 .download-list li, 
.contrast2 .blog.tenders .col-right ul li .text.small {
    border-color: var(--contrast2-bg-navy) !important;
}

.contrast2 .aboutus .h2::after, .contrast2 .aboutus-page .h2::after, .contrast2 .text-section .h2::after, .contrast2 .newsleter .h2::after,
.contrast2 .news-slider .h2::after, .contrast2 .contact-form .h2::after, .contrast2 .contact-info .h2::after, .contrast2 .main-slider .mouse-icon::before {
  background-color: var(--contrast2-bg-orange);
  opacity: 1 !important;
}

.contrast2 .text-editor *, .contrast2 footer li, .contrast2 .news-slider .text p, .contrast2 footer .section.bottom p, .contrast2 .p1, .contrast2 p, .contrast2 ul, .contrast2 ol, .contrast2 a, 
.contrast2 .text.catalogs span, .contrast2 .technicals .item span, .contrast2 .section.pagination ul li a, .contrast2 .section.pagination ul li span, .contrast2 .section.white.products-page .section.pagination .col.info,
.contrast2 .products-page .grid .filters span.right, .contrast2 .products-page .grid .filters span.left, .contrast2 .mouse-icon i {
    color: var(--contrast2-color-text) !important;
}

.contrast2 footer a, .contrast2 .tabs .tab-nav li a, .contrast2 .products-page .grid .side-nav ul li a i.left-icon, .contrast2 .products-page .grid .side-nav ul li ul.sub li.active a i.left-icon  {
    color: var(--contrast2-color-link) !important;
    opacity: 1;
    
}

.contrast2 .products-page .grid .side-nav ul li ul.sub li.active a i.left-icon {
    background-color: transparent !important;
}

.contrast2 .offer-slider .img-container-slider .h3 {
    color: var(--contrast2-bg-navy) !important;
}

/* buttons */

.contrast2 * .button, .contrast2 .aboutus .button.orange, .contrast2 .aboutus .button.navy {
    background: none !important;
    border-color: var(--contrast2-border-color-button) !important;
    color: var(--contrast2-color-button) !important;
    background-color: var(--contrast2-bg-color-button) !important;
}

.contrast2 .history-slider .swiper-button-next, .contrast2 .history-slider .swiper-button-prev, .contrast2 .news-slider .swiper-button-next, .contrast2 .news-slider .swiper-button-prev, 
.contrast2 .certificates-page .swiper-button-next, .contrast2 .certificates-page .swiper-button-prev, .contrast2 .section.product .col-img .swiper-button-prev, .contrast2 .section.product .col-img .swiper-button-next, 
.contrast2 .offer-slider .swiper-button-next, .contrast2 .offer-slider .swiper-button-prev, .contrast2 .swiper-button-next, .contrast2 .swiper-button-prev {
  background-color: var(--contrast2-bg-color-button) !important;
  color: var(--contrast2-color-button) !important;
  border-color: var(--contrast2-border-color-button);
}

.contrast2 .section.pagination ul li.active a, .contrast2 .section.pagination ul li a:hover, .contrast2 .section.white.products-page .pagination-flex ul li.active a, .contrast2 .section.white.products-page .pagination-flex ul li a:hover {
    background-color: var(--contrast2-bg-color-button) !important;
    color: var(--contrast2-color-button) !important;
    border-color: var(--contrast2-border-color-button);
}

.contrast2 .products-page .grid .side-nav ul li.active > a, .contrast2 .products-page .grid .side-nav ul li ul.sub li.active a, .contrast2 .products-page .product .col-img .status {
    border-color: var(--contrast2-border-color-button) !important;
    color: var(--contrast2-color-button) !important;
    background-color: var(--contrast2-bg-color-button) !important;
}

.contrast2 .products-page .grid .side-nav ul li ul.sub li.active a i.left-icon {
    color: var(--contrast2-color-button) !important;
}

.contrast2 .products-page .grid .side-nav ul li a {
    background-color: var(--contrast2-bg-navy) !important;
    border-color: var(--contrast2-bg-navy) !important;
}

.contrast2 .products-page .grid .side-nav ul li ul.sub li a {
    background-color: var(--contrast2-bg-light) !important;
    border-color: var(--contrast2-bg-navy) !important;
    color: var(--contrast2-color-link) !important;
}

.contrast2 .products-page .grid .side-nav ul li {
    border-color: var(--contrast2-bg-navy);
}

.contrast2 .products-page.thre-columns .grid .filters ul li.thre-columns a, .contrast2 .products-page.two-columns .grid .filters ul li.two-columns a, .contrast2 .products-page.one-columns .grid .filters ul li.one-columns a,
.contrast2 .closecookie {
    background-color: var(--contrast2-bg-color-button) !important;
    color: var(--contrast2-color-button) !important;
    border-color: var(--contrast2-border-color-button) !important;
}

.contrast2 .products-page .grid .filters ul li a, .contrast2 .products-page .grid .filters .select select {
    background-color: var(--contrast2-bg-light) !important;
    border-color: var(--contrast2-bg-navy) !important;
    color: var(--contrast2-color-link) !important;
}

.contrast2 .offer-slider .swiper-button-next, .contrast2 .offer-slider .swiper-button-prev, .contrast2 .swiper-button-next, .contrast2 .swiper-button-prev {
    color:  var(--contrast2-bg-navy);
}

.contrast2 .main-nav .col.col1 ul li a.active {
    color: var(--contrast2-bg-orange) !important;
}

.contrast2 .main-nav .col.col1 ul li.social a:hover  {
    color: var(--contrast2-color-button) !important;
}

.contrast2 .offer-slider .text-container-slider .h2::after, .contrast2 .tenders .h2::after, .contrast2 .news-slider .h2::after, .contrast2 .aboutus .h2::after, 
.contrast2 .aboutus-page .h2::after, .contrast2 .history-slider .top .h2::after, .contrast2 .newsleter .h2::after, .contrast2 .text-section .h2::after, .contrast2 .contact-form .h2::after, 
.contrast2 .contact-info .h2::after {
    background-color: var(--contrast2-bg-orange);
    opacity: 1 !important;
}

.contrast2 .newsleter .checkbox-container .checkmark, .contrast2 .checkbox-container .checkmark {
    border-color: var(--contrast2-border-color-button);
}

.contrast2 .main-slider .mouse-icon, .contrast2 .main-nav .col.col1 ul li.social a {
    border-color: var(--contrast2-border-color-button);
}

.contrast2 .main-slider .mouse-icon::after, .contrast2 .main-nav .col.col1 ul li.social a:hover {
    background-color: var(--contrast2-border-color-button);
}

.contrast2 .tabs .tab-nav li.active a, .contrast2 .products-page .grid .filters .category-filter-button, .contrast2 .close-side-nav {
    background-color: var(--contrast2-bg-color-button) !important;
    border-color: var(--contrast2-border-color-button);
    color: var(--contrast2-color-button) !important;
}

.contrast2 .chocolat-wrapper {
    color: var(--contrast2-color-text) !important;
}



@media screen and (max-width: 890px) {
    .contrast2 .search-section button {
        background-color: var(--contrast2-bg-color-button) !important;
        border-color: var(--contrast2-border-color-button) !important;
        color: var(--contrast2-color-button) !important;
    }
}