/* Фон для всей страницы */ html body { background-color: #1A1A80; } /* Цвет текста на страницк */ html body, html .logo__right h3, html .logo__right p, html h1, html h2, html h3, html h4, html h5, html h6, html .about p, html .services__bottom p, html header .header__address, html .advantages__bottom p, html .additional p { color: #ffffff; } /* Цвет фона для блока с текстом */ html .form__content form, html .news__item, html .contacts__left, html .left__item, html .breadcrumbs__contant, html .slider .slick-dots li, html #pdopage ul.pagination .page-item { background-color: #FFFFFF; } /* Цвет текста для блока с фоном */ html .left__item .intro__subtitle, html .intro h3, html .left__item, html .form__content form h2, html .form__content form p, html .news__title, html .contacts h2, html .contacts__subtitle, html .contacts .header__email, html .contacts .header__address, html #pdopage ul.pagination .page-item a, html .news__items p.news__title{ color: #232323; } /* Цвет кнопки для основного контента */ html .header__button, html .intro__dot_active, html .slider .slick-dots li.slick-active, html .slider .slick-dots li:hover, html .footer__top a { background-color: #FF5733; transition: all 0.3s; } html .slider .slick-arrow i { color: #FF5733; transition: all 0.3s; } html .header__button:hover, html .footer__top a:hover { background-color: #7D7D7D; } /* Цвет текста кнопки для основного контента */ html .header__button, html .intro__dot_active, html .footer__top a { color: #FFFFFF; } html .header__button:hover, html .intro__dot_active:hover, html .footer__top a:hover { color: #ffffff; } /* Цвет кнопки для контента с фоном */ html .intro__button, html .form__block button { background-color: #808080; transition: all 0.3s; } html .intro__button:hover, html .form__block button:hover { background-color: #232323; } /* Цвет текста кнопки для контента с фоном */ html .intro__button, html .form__block button { color: #232323; } html .intro__button:hover, html .form__block button:hover { color: #ffffff; } /* Цвет иконок в кнопках для контента с фоном */ html .intro__button svg path, html .form__block button svg path { fill: #232323; } html .intro__button:hover svg path, html .form__block button:hover svg path { fill: #ffffff; } /* цвет ссылки для блока с фоном */ html .news__bottom a, html .contacts__left a, html #pdopage ul.pagination .page-item a { color: #808080; } html .news__bottom a:hover, html .contacts__left a:hover, html #pdopage ul.pagination .page-item a:hover { color: #232323; } /* Цвет иконок на странице */ html .intro__dots svg path, html .footer__bottom svg path.bg, html .advantages__item svg path { fill: #FF5733; } html .footer__bottom svg:hover path.bg { fill: #7D7D7D; } /* Цвет иконок в кнопках для основного контента */ html .footer__bottom svg path.text, html .footer__top svg path, html .header__button svg path { fill: #FFFFFF; } html .footer__bottom svg:hover path.text, html .footer__top svg:hover path, html .header__button svg:hover path { fill: #ffffff; } /* цвет некторых заголовков основного контента */ html .about h3, html .advantages__top h3 { color: #FF5733; } /* цвет ссылок */ html .breadcrumbs .breadcrumbs__contant>span.breadcrumbs__current a, html .header__number a, html a { color: #00BFFF; transition: all .3s; } html .breadcrumbs .breadcrumbs__contant>span.breadcrumbs__current a:hover, html .header__number a:hover, html a:hover { color: #FF5733; } /* обводка полей формы */ html .form__input, html .footer__input input{ border-color: #232323; background: #; color: #232323; transition: all 0.3s; } html input[type=checkbox]:hover { background: #7D7D7D; } /* Текст политики конфиденциальности */ html .form__content form p.checkbox__p, html .news__item .news__subtitle { color: #4f4d4d !important; } html .burger { background-color: rgba(0,0,0,0.8); } html .burger__content ul li a, html .burger__content .header__address { color: #7D7D7D; } html .burger__content ul li:hover { background-color: #7D7D7D; } html .burger__content ul li:hover a, html .burger__content .header__address:hover { color: #ffffff; } html .burger-close svg path { fill: #7D7D7D; } html .form .container { background-image: url(/upload/images/form/516-original.jpg); } html