.page-menu{display: none;}

@media screen and (min-width: 1024px) {
    .page-menu{position: fixed;left:0;top:0;width:100%;background:#FFF;height:4.875rem;display: flex;align-items: center;justify-content: center;pointer-events: all;padding-right:4.9375rem;z-index:0;transition:transform 0.75s cubic-bezier(0.215,0.61,0.355,1), visibility 0.75s cubic-bezier(0.215,0.61,0.355,1);}
    .page-menu > ul{display: flex;border-radius: 1.2813rem;background: #e0e5ec;transition:opacity 0.7s cubic-bezier(0.215,0.61,0.355,1);position: relative;}
    .page-menu > ul > li{margin-left:0.25rem;}
    .page-menu > ul > li:nth-last-child(-n+2){margin-left:0;}
    .page-menu .roller{position: absolute;left:-0.25rem;top:0;width:6.875rem;height:100%;border-radius: 1.2813rem;background:#083555;display: none;transition:width 0.75s ease, transform 0.75s ease;}
    .page-menu .btn-link{height: 2.625rem;display: flex;align-items: center;border-radius: 1.2813rem;justify-content: center;padding:0 0.5rem;overflow: hidden;}
    .page-menu > ul > li > .btn-link:not(:active){transition:all 0.225s cubic-bezier(.165,.84,.44,1), border-color 0.375s ease, background-color 0.375s ease, color 0.375s ease 0.125s;}
    .page-menu .btn-link.active{color:#FFF; background:#083555}

    .page-menu .btn-link span{display: block;}
    .page-menu .more-bar{position: relative;}
    .page-menu .more-bar .btn-link{width:2.625rem;padding:0;}
    .page-menu .more-bar .btn-link.btnDrop{width:2.625rem;padding:0;}  /***ay*/
    .page-menu .more-bar.open .btn-link, .page-menu .more-bar:not(.open) .btn-link:hover{background-color:#8ECCF7;color:#083555;}
    .page-menu .more-bar .btn-link span .icon{font-size:0.3588rem;}
    .page-menu .more-bar .dropdown{top:100%;margin-top:1.625rem;min-width:8.5625rem;}
    .page-menu .more-bar .dropdown a{white-space: nowrap;}
    .page-menu .more-bar:not(.open) .dropdown, body:not(.header-collapse) .page-menu .more-bar .dropdown, body.active-megamenu .page-menu .more-bar .dropdown, body.active-search .page-menu .more-bar .dropdown{box-shadow: 0rem 0 0 rgba(0, 0, 0, 0.16);opacity:0;pointer-events: none;transform: translate3d(0,-1.5rem,0);}
    body:not(.header-collapse) .page-menu, body.active-megamenu .page-menu, body.active-search .page-menu{transform: translate3d(0,-100%,0);visibility: hidden;}
    body:not(.header-collapse) .page-menu > ul, body.active-megamenu .page-menu > ul, body.active-search .page-menu > ul{opacity: 0;}
    .header.has-pagemenu .logo:after{transform: translate3d(100%,0,0)!important;border-radius:0px 0px 0px 1.9375rem;}
    .header.has-pagemenu .logo > div{transition:transform 0.75s cubic-bezier(0.215,0.61,0.355,1);transform-origin: 82% 0%;}
    body.header-collapse:not(.active-megamenu):not(.active-search) .header.has-pagemenu .logo > div{transform: scale(0.9);}
    .observer-point{height:1px;position: absolute;left:0;top:6.25rem;z-index:3;width:100%;pointer-events: none;visibility: hidden;opacity:0;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .page-menu{justify-content: right;padding-right:256px;}
 
}
@media screen and (min-width: 1280px) {
	.page-menu{height:4.875rem;align-items:center;justify-content:center;padding-right:5.5625rem;}
	.page-menu > ul > li{margin-left:0.5rem;}
	.page-menu .roller{left:-0.5rem;width:6.875rem;}
	.page-menu .btn-link{height:2.625rem;align-items:center;justify-content:center;padding:0 1rem;}
	body.header-collapse:not(.active-megamenu):not(.active-search) .header.has-pagemenu .logo > div{transform:scale(0.725);}
}