:root {
    --contrast1-bg-white: #242424;
    --contrast1-bg-light: #1f1f1f;
    --contrast1-bg-lines: #161616;
    --contrast1-bg-navy: #1a1a1a;
    --contrast1-bg-orange: white;

    --contrast1-color-white: white;
    --contrast1-color-navy: white;
    --contrast1-color-orange: white;
    --contrast1-color-text: white;
    --contrast1-color-link: white;
    --contrast1-color-button: #1a1a1a;
    --contrast1-border-color-button: white;
    --contrast1-bg-color-button: white;
}




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

/* contrast 1 */

.contrast1 .header-visual ul li a::after {
    border-color: transparent transparent white transparent;
}

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

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

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

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



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



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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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


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

.contrast1 header .col-logo .light img, .contrast1 #preloader img {
    filter: contrast(100) invert(1);
}

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

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

.contrast1 .field i, .contrast1 .aboutus .col-right *, .contrast1 #cookieinfo p, .contrast1 #cookieinfo p a {
    color: var(--contrast1-color-text) !important;
}

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

/* contrast1 fonts colors */ 

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

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

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

.contrast1 p {
    opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

/* buttons */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.contrast1 .tabs .tab-nav li.active a {
    background-color: var(--contrast1-bg-color-button) !important;
    color: var(--contrast1-color-button) !important;
}

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

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