.site-navigation .mobile-languages { display: none; } @media (max-width: 900px) { .site-navigation .mobile-languages { display: block; text-align: right; color: #ffffff; padding-bottom: 30px; opacity: 0; -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); -ms-transform: translate3d(0, 50px, 0); -o-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } .slidepanel.active .site-navigation .mobile-languages { -webkit-transition: -webkit-transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 1s, opacity 400ms cubic-bezier(0.19, 1, 0.22, 1) 1s; -moz-transition: -moz-transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 1s, opacity 400ms cubic-bezier(0.19, 1, 0.22, 1) 1s; transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 1s, opacity 400ms cubic-bezier(0.19, 1, 0.22, 1) 1s; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .mobile-languages a { color: #919396; } .site-navigation .mobile-languages a.active { color: #ffffff; } } .site-navigation .menu-block-wrapper > ul { text-align: right; margin: 20px 0 0; padding: 0; list-style: none; overflow-x: hidden; padding-bottom: 50px; } @media (max-width: 900px) { .site-navigation .menu-block-wrapper > ul { padding-bottom: 20px; } } .site-navigation .menu-block-wrapper > ul > li { margin-bottom: 25px; opacity: 0; display: inline-block; float: right; clear: both; -webkit-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 50ms cubic-bezier(0.19, 1, 0.22, 1) 600ms; -moz-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 50ms cubic-bezier(0.19, 1, 0.22, 1) 600ms; transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 50ms cubic-bezier(0.19, 1, 0.22, 1) 600ms; -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); -ms-transform: translate3d(0, 50px, 0); -o-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } @media (max-width: 550px) { .site-navigation .menu-block-wrapper > ul > li { margin-bottom: 15px; } } .site-navigation .menu-block-wrapper > ul > li > a { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Light", sans-serif; font-weight: 400; text-decoration: none; font-size: 40px; line-height: 44px; -webkit-transition: color 100ms; -moz-transition: color 100ms; transition: color 100ms; text-decoration: none; color: #919396; text-rendering: optimizeLegibility; } @media (max-width: 550px) { .site-navigation .menu-block-wrapper > ul > li > a { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Regular", sans-serif; font-weight: 400; text-decoration: none; font-size: 24px; line-height: 29px; color: #919396; } } .site-navigation .menu-block-wrapper > ul > li > a:after { content: '\2190'; display: block; position: absolute; right: -50px; top: 0; color: #919396; } .site-navigation .menu-block-wrapper > ul > li > a.active-trail { position: relative; color: #ffffff; } .site-navigation .menu-block-wrapper > ul > li > a.active { padding-right: 50px; } .site-navigation .menu-block-wrapper > ul > li > a.active:after { right: 0; } @media (max-width: 550px) { .site-navigation .menu-block-wrapper > ul > li > a.active { padding-right: 30px; } } .site-navigation .menu-block-wrapper > ul > li > a:hover, .site-navigation .menu-block-wrapper > ul > li > a.clicked { color: #ffffff; } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(1) { -webkit-transition: -webkit-transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 250ms, opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 250ms; -moz-transition: -moz-transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 250ms, opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 250ms; transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 250ms, opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 250ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(2) { -webkit-transition: -webkit-transform 600ms cubic-bezier(0.19, 1, 0.22, 1) 300ms, opacity 600ms cubic-bezier(0.19, 1, 0.22, 1) 300ms; -moz-transition: -moz-transform 600ms cubic-bezier(0.19, 1, 0.22, 1) 300ms, opacity 600ms cubic-bezier(0.19, 1, 0.22, 1) 300ms; transition: transform 600ms cubic-bezier(0.19, 1, 0.22, 1) 300ms, opacity 600ms cubic-bezier(0.19, 1, 0.22, 1) 300ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(3) { -webkit-transition: -webkit-transform 700ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 700ms cubic-bezier(0.19, 1, 0.22, 1) 350ms; -moz-transition: -moz-transform 700ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 700ms cubic-bezier(0.19, 1, 0.22, 1) 350ms; transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 700ms cubic-bezier(0.19, 1, 0.22, 1) 350ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(4) { -webkit-transition: -webkit-transform 800ms cubic-bezier(0.19, 1, 0.22, 1) 400ms, opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 400ms; -moz-transition: -moz-transform 800ms cubic-bezier(0.19, 1, 0.22, 1) 400ms, opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 400ms; transition: transform 800ms cubic-bezier(0.19, 1, 0.22, 1) 400ms, opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 400ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(5) { -webkit-transition: -webkit-transform 900ms cubic-bezier(0.19, 1, 0.22, 1) 450ms, opacity 900ms cubic-bezier(0.19, 1, 0.22, 1) 450ms; -moz-transition: -moz-transform 900ms cubic-bezier(0.19, 1, 0.22, 1) 450ms, opacity 900ms cubic-bezier(0.19, 1, 0.22, 1) 450ms; transition: transform 900ms cubic-bezier(0.19, 1, 0.22, 1) 450ms, opacity 900ms cubic-bezier(0.19, 1, 0.22, 1) 450ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(6) { -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 500ms, opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 500ms; -moz-transition: -moz-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 500ms, opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 500ms; transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 500ms, opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 500ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(7) { -webkit-transition: -webkit-transform 1100ms cubic-bezier(0.19, 1, 0.22, 1) 550ms, opacity 1100ms cubic-bezier(0.19, 1, 0.22, 1) 550ms; -moz-transition: -moz-transform 1100ms cubic-bezier(0.19, 1, 0.22, 1) 550ms, opacity 1100ms cubic-bezier(0.19, 1, 0.22, 1) 550ms; transition: transform 1100ms cubic-bezier(0.19, 1, 0.22, 1) 550ms, opacity 1100ms cubic-bezier(0.19, 1, 0.22, 1) 550ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(8) { -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.19, 1, 0.22, 1) 600ms, opacity 1200ms cubic-bezier(0.19, 1, 0.22, 1) 600ms; -moz-transition: -moz-transform 1200ms cubic-bezier(0.19, 1, 0.22, 1) 600ms, opacity 1200ms cubic-bezier(0.19, 1, 0.22, 1) 600ms; transition: transform 1200ms cubic-bezier(0.19, 1, 0.22, 1) 600ms, opacity 1200ms cubic-bezier(0.19, 1, 0.22, 1) 600ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(9) { -webkit-transition: -webkit-transform 1300ms cubic-bezier(0.19, 1, 0.22, 1) 650ms, opacity 1300ms cubic-bezier(0.19, 1, 0.22, 1) 650ms; -moz-transition: -moz-transform 1300ms cubic-bezier(0.19, 1, 0.22, 1) 650ms, opacity 1300ms cubic-bezier(0.19, 1, 0.22, 1) 650ms; transition: transform 1300ms cubic-bezier(0.19, 1, 0.22, 1) 650ms, opacity 1300ms cubic-bezier(0.19, 1, 0.22, 1) 650ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(10) { -webkit-transition: -webkit-transform 1400ms cubic-bezier(0.19, 1, 0.22, 1) 700ms, opacity 1400ms cubic-bezier(0.19, 1, 0.22, 1) 700ms; -moz-transition: -moz-transform 1400ms cubic-bezier(0.19, 1, 0.22, 1) 700ms, opacity 1400ms cubic-bezier(0.19, 1, 0.22, 1) 700ms; transition: transform 1400ms cubic-bezier(0.19, 1, 0.22, 1) 700ms, opacity 1400ms cubic-bezier(0.19, 1, 0.22, 1) 700ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(11) { -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.19, 1, 0.22, 1) 750ms, opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1) 750ms; -moz-transition: -moz-transform 1500ms cubic-bezier(0.19, 1, 0.22, 1) 750ms, opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1) 750ms; transition: transform 1500ms cubic-bezier(0.19, 1, 0.22, 1) 750ms, opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1) 750ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(12) { -webkit-transition: -webkit-transform 1600ms cubic-bezier(0.19, 1, 0.22, 1) 800ms, opacity 1600ms cubic-bezier(0.19, 1, 0.22, 1) 800ms; -moz-transition: -moz-transform 1600ms cubic-bezier(0.19, 1, 0.22, 1) 800ms, opacity 1600ms cubic-bezier(0.19, 1, 0.22, 1) 800ms; transition: transform 1600ms cubic-bezier(0.19, 1, 0.22, 1) 800ms, opacity 1600ms cubic-bezier(0.19, 1, 0.22, 1) 800ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(13) { -webkit-transition: -webkit-transform 1700ms cubic-bezier(0.19, 1, 0.22, 1) 850ms, opacity 1700ms cubic-bezier(0.19, 1, 0.22, 1) 850ms; -moz-transition: -moz-transform 1700ms cubic-bezier(0.19, 1, 0.22, 1) 850ms, opacity 1700ms cubic-bezier(0.19, 1, 0.22, 1) 850ms; transition: transform 1700ms cubic-bezier(0.19, 1, 0.22, 1) 850ms, opacity 1700ms cubic-bezier(0.19, 1, 0.22, 1) 850ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(14) { -webkit-transition: -webkit-transform 1800ms cubic-bezier(0.19, 1, 0.22, 1) 900ms, opacity 1800ms cubic-bezier(0.19, 1, 0.22, 1) 900ms; -moz-transition: -moz-transform 1800ms cubic-bezier(0.19, 1, 0.22, 1) 900ms, opacity 1800ms cubic-bezier(0.19, 1, 0.22, 1) 900ms; transition: transform 1800ms cubic-bezier(0.19, 1, 0.22, 1) 900ms, opacity 1800ms cubic-bezier(0.19, 1, 0.22, 1) 900ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(15) { -webkit-transition: -webkit-transform 1900ms cubic-bezier(0.19, 1, 0.22, 1) 950ms, opacity 1900ms cubic-bezier(0.19, 1, 0.22, 1) 950ms; -moz-transition: -moz-transform 1900ms cubic-bezier(0.19, 1, 0.22, 1) 950ms, opacity 1900ms cubic-bezier(0.19, 1, 0.22, 1) 950ms; transition: transform 1900ms cubic-bezier(0.19, 1, 0.22, 1) 950ms, opacity 1900ms cubic-bezier(0.19, 1, 0.22, 1) 950ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(16) { -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.19, 1, 0.22, 1) 1000ms, opacity 2000ms cubic-bezier(0.19, 1, 0.22, 1) 1000ms; -moz-transition: -moz-transform 2000ms cubic-bezier(0.19, 1, 0.22, 1) 1000ms, opacity 2000ms cubic-bezier(0.19, 1, 0.22, 1) 1000ms; transition: transform 2000ms cubic-bezier(0.19, 1, 0.22, 1) 1000ms, opacity 2000ms cubic-bezier(0.19, 1, 0.22, 1) 1000ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(17) { -webkit-transition: -webkit-transform 2100ms cubic-bezier(0.19, 1, 0.22, 1) 1050ms, opacity 2100ms cubic-bezier(0.19, 1, 0.22, 1) 1050ms; -moz-transition: -moz-transform 2100ms cubic-bezier(0.19, 1, 0.22, 1) 1050ms, opacity 2100ms cubic-bezier(0.19, 1, 0.22, 1) 1050ms; transition: transform 2100ms cubic-bezier(0.19, 1, 0.22, 1) 1050ms, opacity 2100ms cubic-bezier(0.19, 1, 0.22, 1) 1050ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(18) { -webkit-transition: -webkit-transform 2200ms cubic-bezier(0.19, 1, 0.22, 1) 1100ms, opacity 2200ms cubic-bezier(0.19, 1, 0.22, 1) 1100ms; -moz-transition: -moz-transform 2200ms cubic-bezier(0.19, 1, 0.22, 1) 1100ms, opacity 2200ms cubic-bezier(0.19, 1, 0.22, 1) 1100ms; transition: transform 2200ms cubic-bezier(0.19, 1, 0.22, 1) 1100ms, opacity 2200ms cubic-bezier(0.19, 1, 0.22, 1) 1100ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(19) { -webkit-transition: -webkit-transform 2300ms cubic-bezier(0.19, 1, 0.22, 1) 1150ms, opacity 2300ms cubic-bezier(0.19, 1, 0.22, 1) 1150ms; -moz-transition: -moz-transform 2300ms cubic-bezier(0.19, 1, 0.22, 1) 1150ms, opacity 2300ms cubic-bezier(0.19, 1, 0.22, 1) 1150ms; transition: transform 2300ms cubic-bezier(0.19, 1, 0.22, 1) 1150ms, opacity 2300ms cubic-bezier(0.19, 1, 0.22, 1) 1150ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slidepanel.active .site-navigation .menu-block-wrapper > ul > li:nth-child(20) { -webkit-transition: -webkit-transform 2400ms cubic-bezier(0.19, 1, 0.22, 1) 1200ms, opacity 2400ms cubic-bezier(0.19, 1, 0.22, 1) 1200ms; -moz-transition: -moz-transform 2400ms cubic-bezier(0.19, 1, 0.22, 1) 1200ms, opacity 2400ms cubic-bezier(0.19, 1, 0.22, 1) 1200ms; transition: transform 2400ms cubic-bezier(0.19, 1, 0.22, 1) 1200ms, opacity 2400ms cubic-bezier(0.19, 1, 0.22, 1) 1200ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul { display: none; margin: 0 0 20px 0; padding: 0; list-style: none; } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(1) { -webkit-transition: -webkit-transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 50ms, opacity 400ms cubic-bezier(0.19, 1, 0.22, 1) 50ms; -moz-transition: -moz-transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 50ms, opacity 400ms cubic-bezier(0.19, 1, 0.22, 1) 50ms; transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1) 50ms, opacity 400ms cubic-bezier(0.19, 1, 0.22, 1) 50ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(2) { -webkit-transition: -webkit-transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms, opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; -moz-transition: -moz-transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms, opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; transition: transform 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms, opacity 500ms cubic-bezier(0.19, 1, 0.22, 1) 100ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(3) { -webkit-transition: -webkit-transform 600ms cubic-bezier(0.19, 1, 0.22, 1) 150ms, opacity 600ms cubic-bezier(0.19, 1, 0.22, 1) 150ms; -moz-transition: -moz-transform 600ms cubic-bezier(0.19, 1, 0.22, 1) 150ms, opacity 600ms cubic-bezier(0.19, 1, 0.22, 1) 150ms; transition: transform 600ms cubic-bezier(0.19, 1, 0.22, 1) 150ms, opacity 600ms cubic-bezier(0.19, 1, 0.22, 1) 150ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(4) { -webkit-transition: -webkit-transform 700ms cubic-bezier(0.19, 1, 0.22, 1) 200ms, opacity 700ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; -moz-transition: -moz-transform 700ms cubic-bezier(0.19, 1, 0.22, 1) 200ms, opacity 700ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1) 200ms, opacity 700ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(5) { -webkit-transition: -webkit-transform 800ms cubic-bezier(0.19, 1, 0.22, 1) 250ms, opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 250ms; -moz-transition: -moz-transform 800ms cubic-bezier(0.19, 1, 0.22, 1) 250ms, opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 250ms; transition: transform 800ms cubic-bezier(0.19, 1, 0.22, 1) 250ms, opacity 800ms cubic-bezier(0.19, 1, 0.22, 1) 250ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(6) { -webkit-transition: -webkit-transform 900ms cubic-bezier(0.19, 1, 0.22, 1) 300ms, opacity 900ms cubic-bezier(0.19, 1, 0.22, 1) 300ms; -moz-transition: -moz-transform 900ms cubic-bezier(0.19, 1, 0.22, 1) 300ms, opacity 900ms cubic-bezier(0.19, 1, 0.22, 1) 300ms; transition: transform 900ms cubic-bezier(0.19, 1, 0.22, 1) 300ms, opacity 900ms cubic-bezier(0.19, 1, 0.22, 1) 300ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(7) { -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 350ms; -moz-transition: -moz-transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 350ms; transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 1000ms cubic-bezier(0.19, 1, 0.22, 1) 350ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(8) { -webkit-transition: -webkit-transform 1100ms cubic-bezier(0.19, 1, 0.22, 1) 400ms, opacity 1100ms cubic-bezier(0.19, 1, 0.22, 1) 400ms; -moz-transition: -moz-transform 1100ms cubic-bezier(0.19, 1, 0.22, 1) 400ms, opacity 1100ms cubic-bezier(0.19, 1, 0.22, 1) 400ms; transition: transform 1100ms cubic-bezier(0.19, 1, 0.22, 1) 400ms, opacity 1100ms cubic-bezier(0.19, 1, 0.22, 1) 400ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(9) { -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.19, 1, 0.22, 1) 450ms, opacity 1200ms cubic-bezier(0.19, 1, 0.22, 1) 450ms; -moz-transition: -moz-transform 1200ms cubic-bezier(0.19, 1, 0.22, 1) 450ms, opacity 1200ms cubic-bezier(0.19, 1, 0.22, 1) 450ms; transition: transform 1200ms cubic-bezier(0.19, 1, 0.22, 1) 450ms, opacity 1200ms cubic-bezier(0.19, 1, 0.22, 1) 450ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(10) { -webkit-transition: -webkit-transform 1300ms cubic-bezier(0.19, 1, 0.22, 1) 500ms, opacity 1300ms cubic-bezier(0.19, 1, 0.22, 1) 500ms; -moz-transition: -moz-transform 1300ms cubic-bezier(0.19, 1, 0.22, 1) 500ms, opacity 1300ms cubic-bezier(0.19, 1, 0.22, 1) 500ms; transition: transform 1300ms cubic-bezier(0.19, 1, 0.22, 1) 500ms, opacity 1300ms cubic-bezier(0.19, 1, 0.22, 1) 500ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(11) { -webkit-transition: -webkit-transform 1400ms cubic-bezier(0.19, 1, 0.22, 1) 550ms, opacity 1400ms cubic-bezier(0.19, 1, 0.22, 1) 550ms; -moz-transition: -moz-transform 1400ms cubic-bezier(0.19, 1, 0.22, 1) 550ms, opacity 1400ms cubic-bezier(0.19, 1, 0.22, 1) 550ms; transition: transform 1400ms cubic-bezier(0.19, 1, 0.22, 1) 550ms, opacity 1400ms cubic-bezier(0.19, 1, 0.22, 1) 550ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(12) { -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.19, 1, 0.22, 1) 600ms, opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1) 600ms; -moz-transition: -moz-transform 1500ms cubic-bezier(0.19, 1, 0.22, 1) 600ms, opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1) 600ms; transition: transform 1500ms cubic-bezier(0.19, 1, 0.22, 1) 600ms, opacity 1500ms cubic-bezier(0.19, 1, 0.22, 1) 600ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(13) { -webkit-transition: -webkit-transform 1600ms cubic-bezier(0.19, 1, 0.22, 1) 650ms, opacity 1600ms cubic-bezier(0.19, 1, 0.22, 1) 650ms; -moz-transition: -moz-transform 1600ms cubic-bezier(0.19, 1, 0.22, 1) 650ms, opacity 1600ms cubic-bezier(0.19, 1, 0.22, 1) 650ms; transition: transform 1600ms cubic-bezier(0.19, 1, 0.22, 1) 650ms, opacity 1600ms cubic-bezier(0.19, 1, 0.22, 1) 650ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(14) { -webkit-transition: -webkit-transform 1700ms cubic-bezier(0.19, 1, 0.22, 1) 700ms, opacity 1700ms cubic-bezier(0.19, 1, 0.22, 1) 700ms; -moz-transition: -moz-transform 1700ms cubic-bezier(0.19, 1, 0.22, 1) 700ms, opacity 1700ms cubic-bezier(0.19, 1, 0.22, 1) 700ms; transition: transform 1700ms cubic-bezier(0.19, 1, 0.22, 1) 700ms, opacity 1700ms cubic-bezier(0.19, 1, 0.22, 1) 700ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(15) { -webkit-transition: -webkit-transform 1800ms cubic-bezier(0.19, 1, 0.22, 1) 750ms, opacity 1800ms cubic-bezier(0.19, 1, 0.22, 1) 750ms; -moz-transition: -moz-transform 1800ms cubic-bezier(0.19, 1, 0.22, 1) 750ms, opacity 1800ms cubic-bezier(0.19, 1, 0.22, 1) 750ms; transition: transform 1800ms cubic-bezier(0.19, 1, 0.22, 1) 750ms, opacity 1800ms cubic-bezier(0.19, 1, 0.22, 1) 750ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(16) { -webkit-transition: -webkit-transform 1900ms cubic-bezier(0.19, 1, 0.22, 1) 800ms, opacity 1900ms cubic-bezier(0.19, 1, 0.22, 1) 800ms; -moz-transition: -moz-transform 1900ms cubic-bezier(0.19, 1, 0.22, 1) 800ms, opacity 1900ms cubic-bezier(0.19, 1, 0.22, 1) 800ms; transition: transform 1900ms cubic-bezier(0.19, 1, 0.22, 1) 800ms, opacity 1900ms cubic-bezier(0.19, 1, 0.22, 1) 800ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(17) { -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.19, 1, 0.22, 1) 850ms, opacity 2000ms cubic-bezier(0.19, 1, 0.22, 1) 850ms; -moz-transition: -moz-transform 2000ms cubic-bezier(0.19, 1, 0.22, 1) 850ms, opacity 2000ms cubic-bezier(0.19, 1, 0.22, 1) 850ms; transition: transform 2000ms cubic-bezier(0.19, 1, 0.22, 1) 850ms, opacity 2000ms cubic-bezier(0.19, 1, 0.22, 1) 850ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(18) { -webkit-transition: -webkit-transform 2100ms cubic-bezier(0.19, 1, 0.22, 1) 900ms, opacity 2100ms cubic-bezier(0.19, 1, 0.22, 1) 900ms; -moz-transition: -moz-transform 2100ms cubic-bezier(0.19, 1, 0.22, 1) 900ms, opacity 2100ms cubic-bezier(0.19, 1, 0.22, 1) 900ms; transition: transform 2100ms cubic-bezier(0.19, 1, 0.22, 1) 900ms, opacity 2100ms cubic-bezier(0.19, 1, 0.22, 1) 900ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(19) { -webkit-transition: -webkit-transform 2200ms cubic-bezier(0.19, 1, 0.22, 1) 950ms, opacity 2200ms cubic-bezier(0.19, 1, 0.22, 1) 950ms; -moz-transition: -moz-transform 2200ms cubic-bezier(0.19, 1, 0.22, 1) 950ms, opacity 2200ms cubic-bezier(0.19, 1, 0.22, 1) 950ms; transition: transform 2200ms cubic-bezier(0.19, 1, 0.22, 1) 950ms, opacity 2200ms cubic-bezier(0.19, 1, 0.22, 1) 950ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul.active > li:nth-child(20) { -webkit-transition: -webkit-transform 2300ms cubic-bezier(0.19, 1, 0.22, 1) 1000ms, opacity 2300ms cubic-bezier(0.19, 1, 0.22, 1) 1000ms; -moz-transition: -moz-transform 2300ms cubic-bezier(0.19, 1, 0.22, 1) 1000ms, opacity 2300ms cubic-bezier(0.19, 1, 0.22, 1) 1000ms; transition: transform 2300ms cubic-bezier(0.19, 1, 0.22, 1) 1000ms, opacity 2300ms cubic-bezier(0.19, 1, 0.22, 1) 1000ms; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .site-navigation .menu-block-wrapper > ul > li > ul > li { margin-top: 5px; opacity: 0; -webkit-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 50ms cubic-bezier(0.19, 1, 0.22, 1) 600ms; -moz-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 50ms cubic-bezier(0.19, 1, 0.22, 1) 600ms; transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 50ms cubic-bezier(0.19, 1, 0.22, 1) 600ms; -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); -o-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } .site-navigation .menu-block-wrapper > ul > li > ul > li:first-child { margin-top: 20px; } .site-navigation .menu-block-wrapper > ul > li > ul > li > a { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Regular", sans-serif; font-weight: 400; text-decoration: none; font-size: 24px; line-height: 29px; color: #919396; position: relative; text-rendering: optimizeLegibility; } @media (max-width: 550px) { .site-navigation .menu-block-wrapper > ul > li > ul > li > a { line-height: normal; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; font-family: "EuclidFlex-Regular", sans-serif; font-weight: 400; text-decoration: none; font-size: 16px; line-height: 22px; color: #919396; } } .site-navigation .menu-block-wrapper > ul > li > ul > li > a:after { content: '\2190'; position: absolute; right: 0; top: 0; -webkit-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; color: #919396; } .site-navigation .menu-block-wrapper > ul > li > ul > li > a.clicked, .site-navigation .menu-block-wrapper > ul > li > ul > li > a.active, .site-navigation .menu-block-wrapper > ul > li > ul > li > a.active-trail { position: relative; color: #ffffff; padding-right: 35px; } .site-navigation .menu-block-wrapper > ul > li > ul > li > a.clicked:after, .site-navigation .menu-block-wrapper > ul > li > ul > li > a.active:after, .site-navigation .menu-block-wrapper > ul > li > ul > li > a.active-trail:after { opacity: 1; } @media (max-width: 550px) { .site-navigation .menu-block-wrapper > ul > li > ul > li > a.clicked, .site-navigation .menu-block-wrapper > ul > li > ul > li > a.active, .site-navigation .menu-block-wrapper > ul > li > ul > li > a.active-trail { padding-right: 25px; } } .site-navigation .menu-block-wrapper > ul > li > ul > li > a:hover { color: #ffffff; } /*# sourceMappingURL=menu.css.map */