:root {
    --contrast3-bg-white: #101010;
    --contrast3-bg-light: #0b0b0b;
    --contrast3-bg-lines: black;
    --contrast3-bg-navy: #060606;
    --contrast3-bg-orange: #ffff00;

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




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

/* contrast 3 */

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

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

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

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

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



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



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

}
 

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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


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

.contrast3 header .col-logo .light img, .contrast3 #preloader img, .contrast3 .chocolat-wrapper .chocolat-close, .contrast3 .chocolat-wrapper .chocolat-left, .contrast3 .chocolat-wrapper .chocolat-right,
.contrast3 .chocolat-wrapper .chocolat-fullscreen {
    filter: contrast(0) brightness(200%) sepia(200) saturate(200) hue-rotate(15deg);
}

.contrast3 header .col-logo .dark img, .contrast3 .main-nav .col-logo img {
    filter: contrast(0) brightness(200%) sepia(200) saturate(200) hue-rotate(15deg);
}

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

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

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

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

/* contrast1 fonts colors */ 

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

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

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

.contrast3 p {
    opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

/* buttons */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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