/* Only active when the page body has class blue-preview. */
@media (max-width: 767px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1400px) {
}
@media (max-width: 991px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
}
@media (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1399px) {
}
@media (min-width: 992px) and (max-width: 1399px) {
}
@media (min-width: 992px) and (max-width: 1399px) {
}
@media (min-width: 992px) and (max-width: 1399px) {
}
@media (min-width: 1400px) {
}
@media (min-width: 1400px) {
}
@media (min-width: 1400px) {
}
@media (min-width: 1400px) {
}
@media (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1399px) {
}
@media (min-width: 1400px) {
}
@media(min-width: 990px) {
}
body.blue-preview .slick-prev,
body.blue-preview .slick-next {
    background: #0076C8 !important;
    color: #fff !important;
}
body.blue-preview .slick-prev:hover,
body.blue-preview .slick-next:hover {
    background: #0076C8 !important;
    color: #fff !important;
}
@media(max-width: 1399px) {
}
@media(min-width: 992px) {
}
@media(max-width:991px) {
}
@media(max-width:767px) {
}
@media(min-width: 992px) {
}
@media(max-width: 767px) {
}
body.blue-preview .mobilemenu-close {
    background: #0076C8 !important;
    color: #fff !important;
}
body.blue-preview .mobilemenu-bottom .phone-block a:hover {
    color: #0076C8 !important;
}
body.blue-preview .mobile-menu a:hover {
    color: #0076C8 !important;
}
body.blue-preview .mobile-menu ul li.active > a {
    color: #0076C8 !important;
}
@media(min-width: 992px) {
}
@media (max-width: 1419px) {
}
@media(max-width:991px) {
}
body.blue-preview #up {
    background: #0076C8 !important;
    color: #fff !important;
}
body.blue-preview #up:hover {
    background: #0076C8 !important;
    color: #fff !important;
}
@media(max-width:767px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}
@media(max-width:991px) {
}
@media(max-width:767px) {
}
body.blue-preview a {
    color: #0076C8 !important;
}
body.blue-preview a.invert:hover {
    color: #0076C8 !important;
}
body.blue-preview .btn {
    background: #0076C8 !important;
    color: #fff !important;
}
body.blue-preview .btn.btn-transparent {
    border: 2px solid #0076C8 !important;
}
body.blue-preview .btn.btn-transparent:hover {
    background: #0076C8 !important;
    color: #fff !important;
}
@media (max-width: 991px) {
}
@media(max-width:767px) {
}
body.blue-preview .header:before {
    background: repeating-linear-gradient(-45deg, #111 0, #111 10px, #0076C8 10px, #0076C8 20px) !important;
}
body.blue-preview .header-search input[type="submit"] {
    color: #0076C8 !important;
}
body.blue-preview .header-search input[type="submit"]:hover {
    color: #0076C8 !important;
}
body.blue-preview .header-phone a:hover {
    color: #0076C8 !important;
}
body.blue-preview .search_btn-wrap span:hover svg path {
    stroke: #0076C8 !important;
}
@media(max-width: 991px) {
}
@media(max-width:767px) {
}
@media(max-width:399px) {
}
@media(max-width:339px) {
}
body.blue-preview .top-menu > ul > li:hover > a,
body.blue-preview .top-menu > ul > li.active > a {
    color: #0076C8 !important;
}
body.blue-preview .top-menu ul ul li:hover > a,
body.blue-preview .top-menu ul ul li.active > a {
    color: #0076C8 !important;
}
body.blue-preview .top-menu li.down:hover > a:after,
body.blue-preview .top-menu li.down.active > a:after {
    border-color: #0076C8 !important;
}
body.blue-preview .top-menu ul ul li.down.active > a:after {
    border-color: #0076C8 !important;
}
body.blue-preview .top-menu>ul>li[data-menusize="big"] > a {
    background: #0076C8 !important;
    border-color: #0076C8 !important;
    color: #fff !important;
}
body.blue-preview .top-menu ul>li[data-menusize="big"] ul li:hover > a,
body.blue-preview .top-menu>ul>li[data-menusize="big"] ul li.active>a {
    color: #0076C8 !important;
}
@media(max-width:1399px) {
}
@media(max-width:991px) {
}
body.blue-preview .first-section-text li .item-title {
    color: #0076C8 !important;
}
body.blue-preview .top-slider .slick-dots li.slick-active,
body.blue-preview .top-slider .slick-dots li:hover {
    background: #0076C8 !important;
    color: #fff !important;
}
body.blue-preview .first-section-tel a:hover {
    color: #0076C8 !important;
}
body.blue-preview .first-section-scroll:hover .first-section-scroll-line {
    background: #0076C8 !important;
    color: #fff !important;
}
body.blue-preview .first-section-scroll:hover .first-section-scroll-link {
    color: #0076C8 !important;
}
@media(max-width: 1599px) {
}
@media(max-width:1399px) {
}
@media (max-width: 991px) {
}
@media(max-width: 767px) {
}
@media(max-width: 499px) {
}
body.blue-preview .services .item:hover {
    box-shadow: 0 0 0 4px #0076C8 !important;
}
@media(max-width:1399px) {
}
@media(max-width:991px) {
}
@media(max-width:767px) {
}
body.blue-preview .about-section .section-stats .item-num {
    color: #0076C8 !important;
}
body.blue-preview .about-section .section-suptitle {
    color: #0076C8 !important;
}
@media(max-width: 1399px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}
body.blue-preview .features .item-icon {
    border: 4px solid #0076C8 !important;
}
@media(max-width:991px) {
}
@media(max-width:767px) {
}
@media(max-width:599px) {
}
body.blue-preview .call-to-action-section .form-item:before {
    background: repeating-linear-gradient(135deg, #111 0, #111 10px, #0076C8 10px, #0076C8 20px) !important;
}
@media(max-width: 1399px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}
@media(max-width: 599px) {
}
@media(max-width: 1399px) {
}
@media(max-width: 767px) {
}
@media(max-width: 599px) {
}
@media(max-width: 1399px) {
}
@media(max-width: 991px) {
}
@media(max-width: 499px) {
}
@media(max-width: 1399px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}
@media(max-width: 599px) {
}
body.blue-preview .accordeon .item-head:hover .item-icon:before,
body.blue-preview .accordeon .item-head:hover .item-icon:after {
    background: #0076C8 !important;
}
body.blue-preview .accordeon .item-head:hover .item-title,
body.blue-preview .accordeon .item.active .item-title {
    color: #0076C8 !important;
}
body.blue-preview .accordeon .item.active .item-icon:before {
    background: #0076C8 !important;
}
body.blue-preview .accordeon .item.active .item-icon:after {
    background: #0076C8 !important;
}
@media(max-width:1399px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}
body.blue-preview .news .item:hover .item-title {
    color: #0076C8 !important;
}
@media(max-width:1399px) {
}
@media(max-width:991px) {
}
@media(max-width:767px) {
}
@media(max-width:1399px) {
}
@media(max-width:991px) {
}
@media(max-width:767px) {
}
@media(max-width:767px) {
}
@media(max-width:1399px) {
}
@media(max-width:991px) {
}
@media(max-width:767px) {
}
body.blue-preview .breadcrumb > li > a:hover {
    color: #0076C8 !important;
}
@media(max-width: 991px) {
}
@media(max-width: 1399px) {
}
body.blue-preview .catalog .item:hover .item-title {
    color: #0076C8 !important;
}
@media(max-width: 1399px) {
}
@media(max-width: 1199px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}
@media(max-width: 599px) {
}
body.blue-preview .catalog-categories .item:hover {
    color: #0076C8 !important;
}
@media(max-width: 1399px) {
}
@media(max-width: 1199px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}
@media(max-width: 599px) {
}
@media(max-width: 499px) {
}
body.blue-preview .footer-main-top:before {
    background: repeating-linear-gradient(-45deg, #111 0, #111 10px, #0076C8 10px, #0076C8 20px) !important;
}
body.blue-preview .footer-main-top-right_part .item-title a:hover {
    color: #0076C8 !important;
}
body.blue-preview .footer-main-bottom-items .item a:hover {
    color: #0076C8 !important;
}
@media(max-width:1229px) {
}
@media(max-width:1199px) {
}
@media(max-width:991px) {
}
@media(max-width: 767px) {
}
@media(min-width:768px) {
}
@media(max-width: 1399px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}
@media(max-width:1429px) {
}
@media(max-width:1229px) {
}
@media(max-width:991px) {
}
@media(max-width:599px) {
}
body.blue-preview .project-gallery-carousel .slick-dots li.slick-active,
body.blue-preview .project-gallery-carousel .slick-dots li:hover {
    background: #0076C8 !important;
    color: #fff !important;
}
@media(max-width: 1199px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}
body.blue-preview .services-page-template .first-section-tel a {
    color: #0076C8 !important;
}
body.blue-preview .first-section-price {
    color: #0076C8 !important;
}
@media(max-width: 1399px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}
body.blue-preview ul.tabs li.current,
body.blue-preview ul.tabs li.current:hover,
body.blue-preview ul.tabs li:hover {
    background: #0076C8 !important;
    color: #fff !important;
}
@media(max-width:991px) {
}
@media(max-width:767px) {
}
@media(max-width:991px) {
}
@media(max-width:767px) {
}
body.blue-preview .about-page-fs-title span {
    background: #0076C8 !important;
    background-color: #0076C8 !important;
    color: #fff !important;
}
@media(max-width: 1399px) {
}
@media(max-width: 1199px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}
@media(max-width: 1399px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}
@media(max-width: 499px) {
}
body.blue-preview .certificates .item-img > a:hover {
    background: #0076C8 !important;
    color: #fff !important;
}
@media(max-width: 1399px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}
@media(max-width: 499px) {
}
body.blue-preview .banner-carousel .item:hover .item-title {
    color: #0076C8 !important;
}
@media(max-width: 1399px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}
@media(max-width: 499px) {
}
@media(min-width: 992px) {
}
@media(max-width: 991px) {
}
body.blue-preview .aside-menu li:hover > a,
body.blue-preview .aside-menu .active > a {
    color: #0076C8 !important;
}
body.blue-preview .aside-menu .open > a {
    color: #0076C8 !important;
}
body.blue-preview .aside-menu ul ul > li:hover > a:before,
body.blue-preview .aside-menu ul ul > li.open > a:before,
body.blue-preview .aside-menu ul ul > li.active > a:before {
    background: #0076C8 !important;
}
@media(max-width:1399px) {
}
@media(max-width:991px) {
}
@media (min-width: 992px) {
body.blue-preview .aside-menu > ul > li.active > a {
    color: #0076C8 !important;
}
}
body.blue-preview .catalog-sidebar-filters .ui-slider-handle.ui-state-default.ui-corner-all {
    background: #0076C8 !important;
    border-color: #0076C8 !important;
    color: #fff !important;
}
@media(min-width: 992px) {
}
body.blue-preview .filter-customcheck label:hover {
    color: #0076C8 !important;
}
body.blue-preview .filter-more-btn:hover {
    color: #0076C8 !important;
}
body.blue-preview .reset-filters-btn:hover {
    color: #0076C8 !important;
}
@media(max-width:991px) {
body.blue-preview .catalog-sidebar-close-btn {
    background: #0076C8 !important;
    color: #fff !important;
}
}
@media(max-width: 767px) {
}
body.blue-preview .product-thumb-carousel .slick-current .element {
    box-shadow: 0 0 0 2px #0076C8 !important;
}
body.blue-preview .product-page-fs .price-block {
    border-top: 3px solid #0076C8 !important;
    border-bottom: 3px solid #0076C8 !important;
}
@media(min-width: 992px) {
}
@media(max-width:1399px) {
}
@media(max-width:1199px) {
}
@media(max-width: 991px) {
}
@media(max-width: 767px) {
}

/* Button contrast and states */
body.blue-preview .btn:not(.btn-transparent),
body.blue-preview .btn:not(.btn-transparent):hover,
body.blue-preview .top-menu > ul > li:first-child > a,
body.blue-preview #site-cookie-accept {
    color: #fff !important;
}
body.blue-preview .btn.btn-transparent {
    color: inherit;
}
body.blue-preview .btn.btn-transparent:hover {
    color: #fff !important;
}
body.blue-preview #site-cookie-accept,
body.blue-preview .floating-btn,
body.blue-preview .close-btn-bottom {
    background-color: #0076C8 !important;
    color: #fff !important;
}
body.blue-preview #site-cookie-accept:hover,
body.blue-preview .floating-btn:hover,
body.blue-preview .close-btn-bottom:hover {
    background-color: #005B9B !important;
}
body.blue-preview .site-cookie-text a:hover {
    color: #0076C8 !important;
}
body.blue-preview .contact-window .header-line,
body.blue-preview .contact-window .footer-line {
    background: repeating-linear-gradient(-45deg, #111 0, #111 10px, #0076C8 10px, #0076C8 20px) !important;
}
body.blue-preview .header-phone svg [stroke="#FFC16C"],
body.blue-preview .map-section svg [stroke="#FFC16C"] {
    stroke: #0076C8;
}
body.blue-preview .map-section svg [fill="#FFC16C"] {
    fill: #0076C8;
}
/* Recolor only the three yellow footer contact icons */
body.blue-preview .footer .item-icon img[src$="address-icon.svg"],
body.blue-preview .footer .item-icon img[src$="mail-icon.svg"],
body.blue-preview .footer .item-icon img[src$="phone-icon.svg"] {
    filter: hue-rotate(165deg);
}

/* Neutral text in header, navigation, footer and dark consent forms */
body.blue-preview .header.header-blue .header-messengers a,
body.blue-preview .header.header-blue .header-messengers a:hover,
body.blue-preview .header.header-blue .header-phone a,
body.blue-preview .header.header-blue .header-phone a:hover {
    color: #111 !important;
}
body.blue-preview .header.header-blue .header-phone svg path {
    stroke: #111 !important;
}
body.blue-preview .top-menu > ul > li > a,
body.blue-preview .top-menu > ul > li > a:hover,
body.blue-preview .top-menu > ul > li.active > a,
body.blue-preview .top-menu > ul > li:first-child > a {
    color: #fff !important;
}
body.blue-preview .top-menu > ul > li:first-child > a:before,
body.blue-preview .top-menu > ul > li:first-child > a:after {
    border-color: #fff !important;
}
body.blue-preview .footer a,
body.blue-preview .footer a:hover,
body.blue-preview .footer .item-title,
body.blue-preview .footer .item-title a,
body.blue-preview .footer .item-title a:hover,
body.blue-preview .footer .item-text a,
body.blue-preview .footer .item-text a:hover {
    color: #fff !important;
}
body.blue-preview .call-to-action-section2 .agreement a,
body.blue-preview .call-to-action-section2 .agreement a:hover,
body.blue-preview .call-to-action-section .agreement a,
body.blue-preview .call-to-action-section .agreement a:hover {
    color: #fff !important;
    text-decoration: underline;
}

body.blue-preview .btn.btn-transparent {
 background: transparent !important;
 border: 2px solid #0076C8 !important;
 color: #000 !important;
}
body.blue-preview .btn.btn-transparent:hover,
body.blue-preview .btn.btn-transparent:focus-visible {
 background: #0076C8 !important;
 color: #fff !important;
}
body.blue-preview .catalog .item .item-title,
body.blue-preview .catalog .item:hover .item-title,
body.blue-preview .catalog .item .item-title a,
body.blue-preview .catalog-categories .item,
body.blue-preview .catalog-categories .item:hover,
body.blue-preview .catalog-categories .item .item-title,
body.blue-preview .catalog-categories .item .item-title a {
 color: #000 !important;
}
body.blue-preview .first-section-tel a,
body.blue-preview .first-section-tel a:hover,
body.blue-preview .first-section-tel a *,
body.blue-preview .call-to-action-steps .item a,
body.blue-preview .call-to-action-steps .item a:hover,
body.blue-preview .call-to-action-steps .item a *,
body.blue-preview .first-section-scroll .first-section-scroll-link,
body.blue-preview .first-section-scroll:hover .first-section-scroll-link {
 color: #fff !important;
}

body.blue-preview .top-menu ul ul li > a,
body.blue-preview .top-menu ul ul li:hover > a,
body.blue-preview .top-menu ul ul li.active > a {
    color: #000 !important;
}

body.blue-preview .call-to-action-section .form-item .agreement a,
body.blue-preview .call-to-action-section .form-item .agreement a:hover {
    color: inherit !important;
    text-decoration: underline;
}