/* Stage 2 v2: calm blue/teal accents over installed palette v1. Only changed color declarations. */

html:root button.header__btn.header__btn--hidden-xs:hover {background-color:#24677a

}

html:root #header-new .header-bot .request {
    background: #24677a

}

html:root #header-new .header-bot .request-link {
    color: #24677a;
    border: 1px solid #24677a

}

html:root #footer-new .footer-top-in-form-wrap {
    border: 1px solid #24677a

}

html:root #footer-new .footer-top-in-form-chank .jform__btn.size {
    border: 1px solid #24677a;
    color: #24677a

}

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

html:root #header-new .header-bot .menu-toggle-e {
        background: #24677a

}

}

html:root #page-main1 .product-form-in-chank .jform__btn.size {
    border: 1px solid #24677a;
    color: #24677a

}

html:root #page-main1 .product-slider-e-info-more {
    background: #24677a

}

html:root #page-main .catalog-slider-menu-list > li.active {
    border-color: #24677a;
    color: #24677a

}

html:root .catalog-slider-menu-list-e-sub {
	border-left: 1px solid #24677a !important;
	border-right: 1px solid #24677a !important;
	border-bottom: 1px solid #24677a !important

}

html:root #page-main .about-info-e-title {
    color: #24677a

}

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

html:root #page-main1 .product-form {
        border: 1px solid #24677a

}

html:root #page-main .catalog-slider-menu-list li.active {
        border-color: #24677a;
        color: #24677a

}

}

html:root #page-main1 .product-form-in-chank .jform__btn.size,
html:root #footer-new .footer-top-in-form-chank .jform__btn.size {
    color: #24677a;
    border-color: #24677a

}

html:root #page-main .catalog-slider-menu-list > li.active,
html:root #page-main .about-info-e-title {
    color: #24677a;
    border-color: #24677a

}
html:root button.header__btn.header__btn--hidden-xs:hover {background-color:#24677a

}

@media (min-width:1024px){

html:root .uslugi-sidebar-cont li a:hover {
		background: #24677a;
		border-color: #24677a

}
}

html:root .calc-btn {
    background: #24677a

}

html:root #header-new .header-bot .request {
    background: #24677a

}

html:root #header-new .header-bot .request-link {
    color: #24677a;
    border: 1px solid #24677a

}

html:root #footer-new .footer-top-in-form-wrap {
    border: 1px solid #24677a

}

html:root #footer-new .footer-top-in-form-chank .jform__btn.size {
    border: 1px solid #24677a;
    color: #24677a

}

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

html:root #header-new .header-bot .menu-toggle-e {
        background: #24677a

}

}

html:root #page-main1 .product-form-in-chank .jform__btn.size {
    border: 1px solid #24677a;
    color: #24677a

}

html:root #page-main1 .product-slider-e-info-more {
    background: #24677a

}

html:root #page-main .catalog-slider-menu-list > li.active {
    border-color: #24677a;
    color: #24677a

}

html:root .catalog-slider-menu-list-e-sub {
	border-left: 1px solid #24677a !important;
	border-right: 1px solid #24677a !important;
	border-bottom: 1px solid #24677a !important

}

html:root #page-main .about-info-e-title {
    color: #24677a

}

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

html:root #page-main1 .product-form {
        border: 1px solid #24677a

}

html:root #page-main .catalog-slider-menu-list li.active {
        border-color: #24677a;
        color: #24677a

}

}

html:root #page-main1 .product-form-in-chank .jform__btn.size,
html:root #footer-new .footer-top-in-form-chank .jform__btn.size {
    color: #24677a;
    border-color: #24677a

}

html:root #page-main .catalog-slider-menu-list > li.active,
html:root #page-main .about-info-e-title {
    color: #24677a;
    border-color: #24677a

}
html:root button.header__btn.header__btn--hidden-xs:hover {background-color:#24677a

}

@media (min-width:1024px){

html:root .uslugi-sidebar-cont li a:hover {
		background: #24677a;
		border-color: #24677a

}
}

html:root .calc-btn {
    background: #24677a

}

html:root #header-new .header-bot .request {
    background: #24677a

}

html:root #header-new .header-bot .request-link {
    color: #24677a;
    border: 1px solid #24677a

}

html:root #footer-new .footer-top-in-form-wrap {
    border: 1px solid #24677a

}

html:root #footer-new .footer-top-in-form-chank .jform__btn.size {
    border: 1px solid #24677a;
    color: #24677a

}

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

html:root #header-new .header-bot .menu-toggle-e {
        background: #24677a

}

}

html:root #page-main1 .product-form-in-chank .jform__btn.size {
    border: 1px solid #24677a;
    color: #24677a

}

html:root #page-main1 .product-slider-e-info-more {
    background: #24677a

}

html:root #page-main .catalog-slider-menu-list > li.active {
    border-color: #24677a;
    color: #24677a

}

html:root .catalog-slider-menu-list-e-sub {
	border-left: 1px solid #24677a !important;
	border-right: 1px solid #24677a !important;
	border-bottom: 1px solid #24677a !important

}

html:root #page-main .about-info-e-title {
    color: #24677a

}

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

html:root #page-main1 .product-form {
        border: 1px solid #24677a

}

html:root #page-main .catalog-slider-menu-list li.active {
        border-color: #24677a;
        color: #24677a

}

}

html:root #page-main1 .product-form-in-chank .jform__btn.size,
html:root #footer-new .footer-top-in-form-chank .jform__btn.size {
    color: #24677a;
    border-color: #24677a

}

html:root #page-main .catalog-slider-menu-list > li.active,
html:root #page-main .about-info-e-title {
    color: #24677a;
    border-color: #24677a

}

html:root {
    --alp-stage3-orange: #24677a;
    --alp-stage3-orange-hover: #1b4f60}

html:root #footer-new a:focus-visible,
html:root #footer-new button:focus-visible,
html:root #footer-new input:focus-visible {
    outline: 3px solid #c0dce7

}

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

html:root .fixed-button.alp-messenger-ready .alp-messenger-toggle {
        background: #24677a

}

html:root .fixed-button.alp-messenger-ready.is-open .alp-messenger-toggle {
        background: #1b4f60

}
}

html:root {
    --alp-stage2-orange: #24677a;
    --alp-stage2-orange-hover: #1b4f60}

html:root #page-main1 .alp-stage2-button:focus-visible,
html:root #page-main1 .alp-stage2-card input:focus-visible,
html:root #page-main1 .alp-stage2-card textarea:focus-visible,
html:root #page-main1 .alp-stage2-card button:focus-visible,
html:root #page-main1 .alp-stage2-card .jform__btn:focus-visible {
    outline: 3px solid #c0dce7

}

html:root #page-main1 .alp-stage2-button--primary {
  background: linear-gradient(180deg, #24677a 0%, #20596a 100%) !important

}

html:root #page-main1 .alp-stage2-button--primary:hover {
  background: linear-gradient(180deg, #1f596b 0%, #1b4f60 100%) !important

}

html:root #page-main1 .alp-stage2-card::before {
  background: linear-gradient(90deg, #2f5b7f 0%, #5582a7 56%, #24677a 100%) !important

}

html:root #page-main1 .alp-stage2-form .jform__btn.size,
html:root #page-main1 .alp-stage2-form__submit {
  background: linear-gradient(180deg, #24677a 0%, #20596a 100%) !important

}
@media only screen and (min-width: 1024px) {

html:root #page-main1 .alp-stage2-hero__content::after {
    background: #24677a !important

}
}
html:root {
    --alp-home-orange: #24677a;
    --alp-home-orange-hover: #1b4f60}
html:root #page-main a:focus-visible,
html:root #page-main button:focus-visible,
html:root #footer-new a:focus-visible,
html:root #footer-new button:focus-visible,
html:root #footer-new input:focus-visible {
    outline: 3px solid #c0dce7

}

html:root #leave-request-big-form-wrap {
  --alp-stage2-orange: #24677a;
  --alp-stage2-orange-hover: #1b4f60}

html:root #leave-request-big-form-wrap .alp-header-stage1-form .jform__btn.size,
html:root #leave-request-big-form-wrap .alp-header-stage1-form__submit {
  background: linear-gradient(180deg, #24677a 0%, #20596a 100%) !important

}