/* Версия для слабовидящих */

:root{
    --dark:#063462;
    --light:#9dd1ff;
}

/*Light*/

html, body{ 
    background-color: var(--light);
}

.header-top-container, footer, .calendar-del-button, .form, .calendar-cell-yesterday, .form input, .form textarea{
    background-color: var(--light);
}

.header-vision img, .social img{
    filter: grayscale(50%) contrast(150%);
}

.calendar-left-button, .calendar-right-button, .calendar-plus-button{
    filter: none;
}

.calendar-left-button{background-image:url(images/angle-left1.svg); }
.calendar-right-button{background-image:url(images/angle-right1.svg); }
.calendar-plus-button{background-image:url(images/calendar-plus1.svg);}
.calendar-plus-button:hover{background-image:url(images/calendar-plus1.svg);}

button[disabled], button[disabled]:hover,
.menu1-vspl, .blue-button, .border-button, .tema,
.menu1-vspl li a, .menu1-vspl ul li a, .close, .form-button, .calendar-cell-event a, .calendar-modal, .commercial-button-all .border-button, .calendar-cell-event, .calendar-modal-date{
    color: var(--light)!important;
}

.border-button{
    border-color: var(--light);
}

/*Dark*/

.blue-button, .header-bottom-container,
button[disabled], button[disabled]:hover, .close,
.slick-dots li button:before, .slick-dots li.slick-active button:before, .commercial-button-all .border-button, .menu1-vspl li:hover ul{
    background-color: var(--dark);
}

.tab-header::-webkit-scrollbar-track, .tab-header::-webkit-scrollbar-thumb, .form-button, .calendar-modal, .calendar-cell-event{
    background: var(--dark)!important;
}

a, h1, h2, h3, h4, .white-button, .header-link, .logo-name, .header-big-phone, .header-big-phone-desc,
.footer-logo-all span, .footer-menu ul, .footer-menu a, .footer-menu a:hover, .footer-contact a, .footer-copyright, .footer-copyright p, .footer-web, .blog-date, .title h2 b, main h1 b, .slider-desc, .tab-header__item, .tab-header__item1, .tab-header__item, .tab-header__item1, .calendar-del-button, .search-form input::placeholder, .service .button, .slider-all, .description,  .description p, .event, .premium, .about-text p, .about-text, .title, .services-section, .commercial-name, .commercial-desc, .footer-menu-title, .footer-contact-all, .footer-contact-all a, .footer-distant-all, .footer-logo-desc, .popular-all, .form-title, .personal-checkbox, .form-code-all, .comment, .card-harakterist, .card-text-screen, .contactus-section, .content p, .content ul, .content, .calendar-month, .calendar-cell-date, .form input::placeholder, .form textarea::placeholder , .calendar-table th, .calendar-cell-date, .search-form input{
    color: var(--dark);
}

.footer-distant-all, .blog-more, .popular, .slider-title-all,
.white-button, .search-form, .blog, .contactus-social-section .contactus, .gallery_sertif,
.kp-title-section, .menu1-vspl li a, .contactus-mail a, .tab-header__item, .tab-header__item1,
.vitrina, .category, .card-harakterist, .card-text-section, .event, .partner, .premium, .service, .comment, .commercial-section, .form, .form input, .form textarea, .personal-checkbox input[type=checkbox]+label::before, 
.calendar-table, .calendar-cell, .calendar-del-button {
    border-color: var(--dark);
}



@media only screen and (max-width: 999px){

    .burger::after, .burger::before, .burger,
    #mobile-menu-open .menu-button{
        color: var(--light);
    }

     #mobile-menu-all, #mobile-menu-open ,
    #mobile-menu-open.popular-block::-webkit-scrollbar-track {
        background: var(--light);     
    }

    #mobile-menu-all,  .mobile-contact-all, .mobile-link-all {
        border-color: var(--dark);
    }

    #mobile-menu-open::-webkit-scrollbar-thumb,
    .burger::after, .burger::before, .burger,
    #mobile-menu-open .menu-button {
        background-color:  var(--dark);  
    }

    .mobile-menu li a, .mobile-contact, .mobile-contact-all a{
        color: var(--dark);    
    }

}