.mobile-nav{ display: none; }
@media (max-width: 1024px){
.mobile-nav{ display: block; clear: both; padding: 0 16px 12px; background: #fff; }
.mobile-nav__toggle{
        width: 100%;
        min-height: 44px;
        border: 1px solid #8fa1b3;
        border-radius: 6px;
        background: linear-gradient(#f8fbfd, #e2edf5);
        color: #12384f;
        font: bold 17px Arial, sans-serif;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        cursor: pointer;
    }
.mobile-nav__burger,
    .mobile-nav__burger:before,
    .mobile-nav__burger:after{
        content: '';
        display: block;
        width: 22px;
        height: 2px;
        background: #12384f;
        border-radius: 2px;
    }
.mobile-nav__burger{ position: relative; }
.mobile-nav__burger:before{ position: absolute; top: -7px; }
.mobile-nav__burger:after{ position: absolute; top: 7px; }
.mobile-nav__panel{ display: none; padding-top: 8px; }
.mobile-nav__panel--open{ display: block; }
.mobile-nav a, .mobile-nav summary{
        display: block;
        padding: 11px 12px;
        border-bottom: 1px solid #d9e2ea;
        color: #17384e;
        text-decoration: none;
        font: 16px Arial, sans-serif;
    }
.mobile-nav summary{ cursor: pointer; font-weight: bold; list-style: none; }
.mobile-nav summary::-webkit-details-marker{ display: none; }
.mobile-nav summary:after{ content: '+'; float: right; font-weight: normal; }
.mobile-nav details[open] summary:after{ content: '-'; }
.mobile-nav__mainlink{ color: #006491 !important; font-weight: bold !important; }
.mobile-nav details a{ padding-left: 26px; background: #fbfdfe; }
.mobile-nav__single--active{ color: #b00000 !important; font-weight: bold !important; }
}
@media (max-width: 760px){
.mobile-nav{ padding: 0 10px 10px; }
}
@media (max-width: 420px){
.mobile-nav a, .mobile-nav summary{ font-size: 15px; }
}
.mobile-nav__contacts{
    display: none;
}
@media (max-width: 760px){
.mobile-nav__contacts{
        display: block;
        margin-top: 10px;
        padding: 13px 12px;
        border: 1px solid #d9e2ea;
        border-radius: 6px;
        background: #f7fbfd;
    }
.mobile-menu-contacts__title{
        margin: 0 0 6px;
        color: #5a6c78;
        font: 13px/1.25 Arial, sans-serif;
    }
.mobile-nav .mobile-menu-contacts__phone{
        display: inline-block;
        padding: 0;
        border-bottom: 0;
        color: #111;
        font: bold 18px/1.2 Arial, sans-serif;
        text-decoration: none;
    }
}
@media (max-width: 760px){
#pageheader.site-header .mobile-nav{
        grid-column: 3;
        grid-row: 1;
        align-self: center;
        justify-self: end;
        display: block;
        clear: none;
        width: auto;
        padding: 0;
        background: transparent;
    }
#pageheader.site-header .mobile-nav__toggle{
        width: 46px;
        min-width: 46px;
        height: 42px;
        min-height: 42px;
        padding: 0;
        border: 1px solid rgba(6, 68, 119, .34);
        border-radius: 10px;
        background: linear-gradient(180deg, #fff 0%, #e6f2f9 100%);
        box-shadow: 0 2px 8px rgba(12, 71, 121, .18);
        color: #12384f;
        font-size: 0;
        line-height: 0;
    }
#pageheader.site-header .mobile-nav__toggle:hover,
    #pageheader.site-header .mobile-nav__toggle:focus{
        border-color: rgba(6, 68, 119, .58);
        background: #fff;
        outline: none;
    }
#pageheader.site-header .mobile-nav__burger,
    #pageheader.site-header .mobile-nav__burger:before,
    #pageheader.site-header .mobile-nav__burger:after{
        width: 22px;
        height: 2px;
        background: #0b4a88;
    }
#pageheader.site-header .mobile-nav__panel{
        position: absolute;
        z-index: 50;
        left: 10px;
        right: 10px;
        top: calc(100% - 4px);
        display: none;
        padding: 8px 0 10px;
        border: 1px solid #c8dbe7;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 10px 24px rgba(11, 74, 136, .18);
    }
#pageheader.site-header .mobile-nav__panel--open{
        display: block;
    }
#pageheader.site-header .mobile-nav--home-open{
        grid-column: 1 / -1;
        grid-row: auto;
        justify-self: stretch;
        width: 100%;
        padding-top: 8px;
    }
#pageheader.site-header .mobile-nav--home-open .mobile-nav__panel{
        position: static;
        display: block;
        padding: 0;
        border: 1px solid #c8dbe7;
        border-radius: 8px;
        background: #fff;
        box-shadow: none;
    }
}
@media (max-width: 420px){
#pageheader.site-header .mobile-nav__toggle{
        width: 42px;
        min-width: 42px;
        height: 40px;
        min-height: 40px;
    }
}
@media (max-width: 760px){
#pageheader.site-header .mobile-nav__toggle{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        width: 46px;
        min-width: 46px;
        height: 42px;
        min-height: 42px;
        padding: 0;
        overflow: hidden;
        border: 1px solid rgba(11, 74, 136, .32);
        border-radius: 12px;
        background:
            linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(232,245,252,.96) 100%);
        box-shadow:
            0 2px 5px rgba(11, 74, 136, .15),
            inset 0 1px 0 rgba(255,255,255,.95);
        transition:
            border-color .22s ease,
            background-color .22s ease,
            box-shadow .22s ease,
            transform .18s ease;
    }
#pageheader.site-header .mobile-nav__toggle span:not(.mobile-nav__burger){
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
#pageheader.site-header .mobile-nav__toggle:hover,
    #pageheader.site-header .mobile-nav__toggle:focus{
        border-color: rgba(11, 74, 136, .55);
        background: #fff;
        box-shadow:
            0 3px 10px rgba(11, 74, 136, .20),
            inset 0 1px 0 rgba(255,255,255,1);
        outline: none;
    }
#pageheader.site-header .mobile-nav__toggle:active{
        transform: translateY(1px);
    }
#pageheader.site-header .mobile-nav__burger,
    #pageheader.site-header .mobile-nav__burger:before,
    #pageheader.site-header .mobile-nav__burger:after{
        position: absolute;
        left: 50%;
        top: 50%;
        width: 22px;
        height: 2px;
        margin: 0;
        border-radius: 2px;
        background: #0b4a88;
        transform-origin: center;
        transition:
            transform .26s ease,
            opacity .18s ease,
            background-color .22s ease;
    }
#pageheader.site-header .mobile-nav__burger{
        transform: translate(-50%, -50%);
    }
#pageheader.site-header .mobile-nav__burger:before,
    #pageheader.site-header .mobile-nav__burger:after{
        content: '';
        display: block;
    }
#pageheader.site-header .mobile-nav__burger:before{
        transform: translate(-50%, -8px);
    }
#pageheader.site-header .mobile-nav__burger:after{
        transform: translate(-50%, 6px);
    }
#pageheader.site-header .mobile-nav__toggle--open .mobile-nav__burger{
        background: transparent;
    }
#pageheader.site-header .mobile-nav__toggle--open .mobile-nav__burger:before{
        transform: translate(-50%, -1px) rotate(45deg);
    }
#pageheader.site-header .mobile-nav__toggle--open .mobile-nav__burger:after{
        transform: translate(-50%, -1px) rotate(-45deg);
    }
#pageheader.site-header .mobile-nav__panel{
        display: block;
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        transform: translateY(-8px);
        pointer-events: none;
        transition:
            max-height .32s ease,
            opacity .22s ease,
            transform .26s ease,
            visibility 0s linear .32s;
    }
#pageheader.site-header .mobile-nav__panel--open{
        display: block;
        max-height: calc(100vh - 82px);
        opacity: 1;
        visibility: visible;
        overflow-y: auto;
        transform: translateY(0);
        pointer-events: auto;
        transition:
            max-height .36s ease,
            opacity .24s ease,
            transform .28s ease,
            visibility 0s linear 0s;
    }
#pageheader.site-header .mobile-nav--home-open .mobile-nav__panel{
        max-height: none;
        opacity: 1;
        visibility: visible;
        overflow: visible;
        transform: none;
        pointer-events: auto;
        transition: none;
    }
#pageheader.site-header .mobile-nav__search{
        margin: 0;
        padding: 10px;
		padding-right: 10px;
        border-bottom: 1px solid #d9e2ea;
        background: #f6fbff;
    }
#pageheader.site-header .mobile-nav__search-row{
        display: flex;
        gap: 8px;
        align-items: stretch;
    }
#pageheader.site-header .mobile-nav__search-input{
        flex: 1 1 auto;
        min-width: 0;
        height: 40px;
        padding: 0 12px;
        border: 1px solid #b9cedb;
        border-radius: 6px;
        background: #fff;
        color: #17384e;
        font: 16px Arial, sans-serif;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
    }
#pageheader.site-header .mobile-nav__search-input:focus{
        border-color: #0b4a88;
        outline: none;
        box-shadow: 0 0 0 2px rgba(11, 74, 136, .14);
    }
#pageheader.site-header .mobile-nav__search-submit{
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 40px;
        padding: 0;
        border: 0;
        border-radius: 6px;
        background: transparent;
        color: #0b4a88;
        cursor: pointer;
        transition: background-color .18s ease, color .18s ease;
    }
#pageheader.site-header .mobile-nav__search-submit:hover,
    #pageheader.site-header .mobile-nav__search-submit:focus{
        background: rgba(11, 74, 136, .08);
        outline: none;
    }
#pageheader.site-header .mobile-nav__search-icon{
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
}
@media (max-width: 420px){
#pageheader.site-header .mobile-nav__toggle{
        width: 42px;
        min-width: 42px;
        height: 40px;
        min-height: 40px;
        border-radius: 20px;
    }
}
@media (max-width: 760px){
#pageheader.site-header .mobile-nav__node{
        display: grid;
        grid-template-columns: minmax(0, 1fr) 44px;
        align-items: stretch;
        border-bottom: 1px solid #d9e2ea;
        background: #fff;
    }
#pageheader.site-header .mobile-nav__node--active{
        background: #f3f8fc;
    }
#pageheader.site-header .mobile-nav__link{
        display: block;
        min-width: 0;
        padding: 12px 14px;
        border-bottom: 0;
        color: #17384e;
        text-decoration: none;
        font: 16px Arial, sans-serif;
        line-height: 1.25;
    }
#pageheader.site-header .mobile-nav__link--active{
        color: #b00000;
        font-weight: bold;
    }
#pageheader.site-header .mobile-nav__submenu-toggle{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        min-width: 44px;
        padding: 0;
        border: 0;
        border-left: 1px solid #d9e2ea;
        background: linear-gradient(180deg, #f8fbfd 0%, #eaf3f8 100%);
        color: #0b4a88;
        cursor: pointer;
        font: bold 24px/1 Arial, sans-serif;
        transition: background-color .2s ease, color .2s ease;
    }
#pageheader.site-header .mobile-nav__submenu-toggle:hover,
    #pageheader.site-header .mobile-nav__submenu-toggle:focus{
        background: #fff;
        color: #006491;
        outline: none;
    }
#pageheader.site-header .mobile-nav__submenu{
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        background: #fbfdfe;
        transition: max-height .28s ease, opacity .22s ease;
    }
#pageheader.site-header .mobile-nav__submenu--open{
        max-height: 1200px;
        opacity: 1;
    }
#pageheader.site-header .mobile-nav__submenu .mobile-nav__node{
        background: #fbfdfe;
    }
#pageheader.site-header .mobile-nav__submenu .mobile-nav__link{
        padding-left: 28px;
        font-size: 15px;
    }
#pageheader.site-header .mobile-nav__submenu .mobile-nav__submenu .mobile-nav__link{
        padding-left: 42px;
    }
}
@media (min-width: 761px) and (max-width: 1024px){
#pageheader.site-header .mobile-nav{
        grid-column: 3;
        grid-row: 1;
        align-self: center;
        justify-self: end;
        display: block;
        clear: none;
        width: auto;
        padding: 0;
        background: transparent;
    }
#pageheader.site-header .mobile-nav__toggle{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        width: 46px;
        min-width: 46px;
        height: 42px;
        min-height: 42px;
        padding: 0;
        overflow: hidden;
        border: 1px solid rgba(11, 74, 136, .32);
        border-radius: 12px;
        background:
            linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(232,245,252,.96) 100%);
        box-shadow:
            0 2px 5px rgba(11, 74, 136, .15),
            inset 0 1px 0 rgba(255,255,255,.95);
        color: transparent;
        font-size: 0;
        line-height: 0;
        transition:
            border-color .22s ease,
            background-color .22s ease,
            box-shadow .22s ease,
            transform .18s ease;
    }
#pageheader.site-header .mobile-nav__toggle span:not(.mobile-nav__burger){
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
#pageheader.site-header .mobile-nav__toggle:hover,
    #pageheader.site-header .mobile-nav__toggle:focus{
        border-color: rgba(11, 74, 136, .55);
        background: #fff;
        box-shadow:
            0 3px 10px rgba(11, 74, 136, .20),
            inset 0 1px 0 rgba(255,255,255,1);
        outline: none;
    }
#pageheader.site-header .mobile-nav__toggle:active{
        transform: translateY(1px);
    }
#pageheader.site-header .mobile-nav__burger,
    #pageheader.site-header .mobile-nav__burger:before,
    #pageheader.site-header .mobile-nav__burger:after{
        position: absolute;
        left: 50%;
        top: 50%;
        width: 22px;
        height: 2px;
        margin: 0;
        border-radius: 2px;
        background: #0b4a88;
        transform-origin: center;
        transition: transform .26s ease, opacity .18s ease, background-color .22s ease;
    }
#pageheader.site-header .mobile-nav__burger{
        transform: translate(-50%, -50%);
    }
#pageheader.site-header .mobile-nav__burger:before,
    #pageheader.site-header .mobile-nav__burger:after{
        content: '';
        display: block;
    }
#pageheader.site-header .mobile-nav__burger:before{
        transform: translate(-50%, -8px);
    }
#pageheader.site-header .mobile-nav__burger:after{
        transform: translate(-50%, 6px);
    }
#pageheader.site-header .mobile-nav__toggle--open .mobile-nav__burger{
        background: transparent;
    }
#pageheader.site-header .mobile-nav__toggle--open .mobile-nav__burger:before{
        transform: translate(-50%, -1px) rotate(45deg);
    }
#pageheader.site-header .mobile-nav__toggle--open .mobile-nav__burger:after{
        transform: translate(-50%, -1px) rotate(-45deg);
    }
#pageheader.site-header .mobile-nav__panel{
        position: absolute;
        z-index: 50;
        left: 16px;
        right: 16px;
        top: calc(100% - 4px);
        display: block;
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        transform: translateY(-8px);
        pointer-events: none;
        padding: 8px 0 10px;
        border: 1px solid #c8dbe7;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 10px 24px rgba(11, 74, 136, .18);
        transition: max-height .32s ease, opacity .22s ease, transform .26s ease, visibility 0s linear .32s;
    }
#pageheader.site-header .mobile-nav__panel--open{
        max-height: calc(100vh - 96px);
        opacity: 1;
        visibility: visible;
        overflow-y: auto;
        transform: translateY(0);
        pointer-events: auto;
        transition: max-height .36s ease, opacity .24s ease, transform .28s ease, visibility 0s linear 0s;
    }
#pageheader.site-header .mobile-nav--home-open{
        grid-column: 1 / -1;
        grid-row: auto;
        justify-self: stretch;
        width: 100%;
        padding-top: 8px;
    }
#pageheader.site-header .mobile-nav--home-open .mobile-nav__panel{
        position: static;
        display: block;
        max-height: none;
        opacity: 1;
        visibility: visible;
        overflow: visible;
        transform: none;
        pointer-events: auto;
        padding: 0;
        border: 1px solid #c8dbe7;
        border-radius: 8px;
        background: #fff;
        box-shadow: none;
        transition: none;
    }
#pageheader.site-header .mobile-nav__search{
        margin: 0;
        padding: 10px;
        border-bottom: 1px solid #d9e2ea;
        background: #f6fbff;
    }
#pageheader.site-header .mobile-nav__search-row{
        display: flex;
        gap: 8px;
        align-items: stretch;
    }
#pageheader.site-header .mobile-nav__search-input{
        flex: 1 1 auto;
        min-width: 0;
        height: 40px;
        padding: 0 12px;
        border: 1px solid #b9cedb;
        border-radius: 6px;
        background: #fff;
        color: #17384e;
        font: 16px Arial, sans-serif;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.06);
    }
#pageheader.site-header .mobile-nav__search-input:focus{
        border-color: #0b4a88;
        outline: none;
        box-shadow: 0 0 0 2px rgba(11, 74, 136, .14);
    }
#pageheader.site-header .mobile-nav__search-submit{
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
        height: 40px;
        padding: 0;
        border: 0;
        border-radius: 6px;
        background: transparent;
        color: #0b4a88;
        cursor: pointer;
        transition: background-color .18s ease, color .18s ease;
    }
#pageheader.site-header .mobile-nav__search-submit:hover,
    #pageheader.site-header .mobile-nav__search-submit:focus{
        background: rgba(11, 74, 136, .08);
        outline: none;
    }
#pageheader.site-header .mobile-nav__search-icon{
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
#pageheader.site-header .mobile-nav__node{
        display: grid;
        grid-template-columns: minmax(0, 1fr) 44px;
        align-items: stretch;
        border-bottom: 1px solid #d9e2ea;
        background: #fff;
    }
#pageheader.site-header .mobile-nav__link{
        display: block;
        min-width: 0;
        padding: 12px 14px;
        border-bottom: 0;
        color: #17384e;
        text-decoration: none;
        font: 16px/1.25 Arial, sans-serif;
    }
#pageheader.site-header .mobile-nav__link--active{
        color: #b00000;
        font-weight: bold;
    }
#pageheader.site-header .mobile-nav__submenu-toggle{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        min-width: 44px;
        padding: 0;
        border: 0;
        border-left: 1px solid #d9e2ea;
        background: linear-gradient(180deg, #f8fbfd 0%, #eaf3f8 100%);
        color: #0b4a88;
        cursor: pointer;
        font: bold 24px/1 Arial, sans-serif;
    }
#pageheader.site-header .mobile-nav__submenu{
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        background: #fbfdfe;
        transition: max-height .28s ease, opacity .22s ease;
    }
#pageheader.site-header .mobile-nav__submenu--open{
        max-height: 1200px;
        opacity: 1;
    }
#pageheader.site-header .mobile-nav__submenu .mobile-nav__node{
        background: #fbfdfe;
    }
#pageheader.site-header .mobile-nav__submenu .mobile-nav__link{
        padding-left: 28px;
        font-size: 15px;
    }
.mobile-nav__contacts{
        display: block;
        margin-top: 10px;
        padding: 13px 12px;
        border-top: 1px solid #d9e2ea;
        background: #f6fbff;
    }
}
/* Inter-eton header layout. */
@media(max-width:1024px){
 #pageheader.site-header{display:grid;position:relative;grid-template-columns:60px minmax(0,1fr) 46px;gap:8px;padding:10px 0;align-items:center}
 #pageheader.site-header #headertitle{grid-column:1;width:100%}
 #pageheader.site-header #headertitle2{grid-column:2;width:100%}
 #pageheader.site-header #headercontact{display:none}
 #pagecontainer #topnavmenu,#pagecontainer #leftcolumn{display:none}
 #pagecontainer #wrapper{float:none;width:100%;margin:0}
 #pagecontainer #infocontent{margin:0!important}
 .mobile-shop-link{display:block;text-align:right;padding:8px 0;color:#0b4a88}
 .mobile-contacts{display:none!important}
}
@media(min-width:1025px){.mobile-shop-link{display:none}}