@keyframes show{from{display:none;opacity:0}
to{display:block;opacity:1}
}
@keyframes hide{from{display:block;opacity:1}
to{display:none;opacity:0}
}
@keyframes slideUp20{from{bottom:-20px;opacity:0;display:none}
to{bottom:0;opacity:1;display:block}
}
@keyframes slideUp40{from{bottom:-40px;opacity:0;display:none}
to{bottom:0;opacity:1;display:block}
}
@keyframes slideUpHide20{from{top:0;opacity:1;display:block}
to{top:-20px;opacity:0;display:none}
}
@keyframes slideDown20{from{top:-20px;opacity:0;display:none}
to{top:0;opacity:1;display:block}
}
@keyframes slideDownHide20{from{bottom:0;opacity:1;display:block}
to{bottom:-20px;opacity:0;display:none}
}
@keyframes slideDownHide40{from{bottom:0;opacity:1;display:block}
to{bottom:-40px;opacity:0;display:none}
}
@keyframes slideRight10{from{left:-10px;opacity:0;display:none}
to{left:0;opacity:1;display:block}
}
@keyframes slideLeft10{from{left:10px;opacity:0;display:none}
to{left:0;opacity:1;display:block}
}
@keyframes slideLeftHide10{from{left:0;opacity:1;display:block}
to{left:-10px;opacity:0;display:none}
}
@keyframes slideRightHide10{from{left:-10px;opacity:1}
to{left:0;opacity:0}
}
@keyframes slideRightHide20{from{left:-20px;opacity:1}
to{left:0;opacity:0}
}
@keyframes slideRightHideArrow20{0{right:20px;opacity:1}
100%{right:10px;opacity:0}
}
@keyframes slideRightFromMinus10NoOpacity{from{left:-10px}
to{left:0}
}
@keyframes slideRightFromMinus20NoOpacity{from{left:-20px}
to{left:0}
}
@keyframes slideLeftMinus10NoOpacity{from{left:0}
to{left:-10px}
}
@keyframes slideLeftMinus20NoOpacity{from{left:0}
to{left:-20px}
}
@keyframes slideLeftMinus18NoOpacity{from{left:0}
to{left:-18px}
}
@keyframes slideLeftMinus10{from{left:0;opacity:0}
to{left:-10px;opacity:1}
}
@keyframes slideLeftMinus20{from{left:0;opacity:0}
to{left:-20px;opacity:1}
}
@keyframes slideLeftMinusArrow20{0{right:10px;opacity:0}
100%{right:20px;opacity:1}
}
@keyframes slideToRightNoOpacity10{from{left:0;position:relative}
to{left:10px}
}
@keyframes slideToLeftNoOpacity10{from{left:10px;position:relative}
to{left:0}
}
@keyframes slideToRightNoOpacity20{from{left:0;position:relative}
to{left:20px}
}
@keyframes slideToLeftNoOpacity20{from{left:20px;position:relative}
to{left:0}
}
@keyframes slideToRightNoOpacity30{from{left:0;position:relative}
to{left:30px}
}
@keyframes slideToLeftNoOpacity30{from{left:30px;position:relative}
to{left:0}
}
@keyframes showUnderline{from{width:0;display:none}
to{width:100%;display:block}
}
@keyframes hideUnderline{from{width:100%;display:block}
to{width:0;display:none}
}
@keyframes showOverlay{0{left:-100%;opacity:0;display:none}
1%{left:-178px;opacity:0;display:none}
100%{left:0;opacity:1;display:block}
}
@keyframes hideOverlay{0{left:0;opacity:1;display:block}
99%{left:-178px;opacity:0;display:none}
100%{left:-100%;opacity:0;display:none}
}
@keyframes showOverlayMobile{0{width:0;opacity:0;display:none}
1%{width:100%;left:0;opacity:0;display:none}
100%{width:100%;left:0;opacity:1;display:block}
}
@keyframes hideOverlayMobile{0{width:100%;opacity:1;left:0;display:block}
99%{width:100%;opacity:0;left:0;display:none}
100%{width:0;opacity:0;left:-100%;display:none}
}
@keyframes underline{0{width:100%;opacity:1}
50%{width:100%;opacity:0}
51%{width:0;opacity:1}
100%{width:100%}
}
@keyframes underlineMultiline{0{border-bottom-color:#001965}
50%{border-bottom-color:transparent}
51%{background-size:0 1px;border-bottom-color:transparent}
100%{background-size:100% 1px;border-bottom-color:transparent}
}
@keyframes underlineMultilineReturpen{0{border-bottom-color:#216953}
50%{border-bottom-color:transparent}
51%{background-size:0 1px;border-bottom-color:transparent}
100%{background-size:100% 1px;border-bottom-color:transparent}
}
@keyframes showUderlinefromLeft{0{opacity:1;left:0;width:0}
100%{left:0;width:100%;opacity:1}
}
@keyframes showByScale{from{transform:scale(0);opacity:0}
to{transform:scale(1);opacity:1}
}
@keyframes hideByScale{from{transform:scale(1);opacity:1}
to{transform:scale(0);opacity:0}
}
@keyframes showByShadow{from{box-shadow:0 0 0 #000}
to{box-shadow:-2px -2px 50px rgba(0,0,0,0)}
}
@keyframes hideByShadow{from{box-shadow:-2px -2px 50px rgba(0,0,0,0)}
to{box-shadow:0 0 0 #000}
}
@keyframes zoomIn{from{transform:scale(1)}
to{transform:scale(1.1)}
}
@keyframes zoomOut{from{transform:scale(1.1)}
to{transform:scale(1)}
}
@keyframes slideDownHideItems{from{bottom:0;opacity:1;right:0;display:block}
to{bottom:-40px;opacity:0;right:-178px;display:none}
}
@keyframes showOverlayWithOpacity{0{left:-100%;opacity:0;display:none}
1%{left:-178px;opacity:0;display:none}
100%{left:0;opacity:.9;display:block}
}
@keyframes hideOverlayWithOpacity{0{left:0;opacity:.9;display:block}
99%{left:-178px;opacity:0;display:none}
100%{left:-100%;opacity:0;display:none}
}
.overlay-navigation{opacity:0;background-color:#001965;position:fixed;top:0;left:-100%;width:100%;overflow:hidden;height:100%;box-sizing:border-box;z-index:7}
.overlay-navigation .gutters{box-sizing:border-box}
.overlay-navigation .top-controls{display:flex;justify-content:space-between;align-items:center;width:100%;padding:30px 0;overflow:hidden;box-sizing:border-box;background-color:#001965;z-index:7}
.overlay-navigation .top-controls .lang-selector-wrapper.mobile{display:none}
.overlay-navigation .top-controls .lang-selector-wrapper.desktop{display:block}
.overlay-navigation .top-controls .left{display:flex;visibility:hidden;align-items:center}
.overlay-navigation .top-controls .left .icon{font-size:34px;cursor:pointer}
.overlay-navigation .top-controls .left .search-button{transform:translateX(-5px)}
.overlay-navigation .top-controls .right .icon{font-size:56px;color:#fff;cursor:pointer}
.overlay-navigation .top-controls .right .close-button{transform:translateX(15px);display:none}
.overlay-navigation .top-controls .btn{background:0;border:0;z-index:8;cursor:pointer}
.overlay-navigation .sub-nav-list{display:flex;flex-direction:column;position:relative;width:100%;height:248px;flex-wrap:wrap;margin:calc((100vh - 500px) / 2) 0}
.overlay-navigation .sub-nav-list.navigation a{font-size:24px;line-height:60px;-webkit-backface-visibility:hidden}
.overlay-navigation .sub-nav-list .tagline{position:absolute;left:0;top:-30px;color:#fff;opacity:0}
.overlay-navigation .sub-nav-list .highlighted-nav-wrapper{position:absolute;top:calc(100% + 80px);left:0;width:370px;opacity:0}
.overlay-navigation .sub-nav-list .highlighted-nav-wrapper a.highlighted-nav{color:#fff}
.overlay-navigation .sub-nav-list .highlighted-nav-wrapper .highlighted-container .link-arrow{line-height:21px}
.overlay-navigation .sub-nav-list .item{color:#fff;width:50%;flex-basis:25%;opacity:0;cursor:pointer}
.overlay-navigation .sub-nav-list .item .icon{opacity:0;font-size:12px;margin-left:10px;position:relative;top:-2px}
.overlay-navigation .sub-nav-list .item:hover .icon{opacity:1;animation:slideRight10 .3s forwards cubic-bezier(0.25,0.1,0.25,1)}
.overlay-navigation .full-nav{position:relative;display:none}
.overlay-navigation .full-nav ul.main-nav .nav-item{opacity:0}
.overlay-navigation .full-nav ul.main-nav .nav-item .text{color:#fff;font-weight:bold;font-size:26px;line-height:44px;cursor:pointer}
.overlay-navigation .full-nav ul.main-nav .nav-item .highlighted-nav-wrapper{max-width:344px;width:100%;height:0;overflow:hidden;opacity:0;padding:0;color:#fff}
.overlay-navigation .full-nav ul.main-nav .nav-item .sub-nav{padding:0;margin:0;max-height:0;overflow:hidden;transition:.2s cubic-bezier(0.25,0.1,0.25,1);position:relative}
.overlay-navigation .full-nav ul.main-nav .nav-item .sub-nav::after{content:'';width:1px;height:calc(100% - 30px);left:0;top:15px;background-color:#fff;position:absolute}
.overlay-navigation .full-nav ul.main-nav .nav-item .sub-nav .sub-nav-item{opacity:0}
.overlay-navigation .full-nav ul.main-nav .nav-item .sub-nav .sub-nav-item .text{font-size:16px;line-height:45px}
.overlay-navigation .full-nav ul.main-nav .nav-item.open .highlighted-nav-wrapper{height:100%;overflow:visible;opacity:1;margin:20px 0}
.overlay-navigation .full-nav ul.main-nav .nav-item.open .sub-nav{padding:0 calc(calc((100vw / 24)) * 2);margin:10px 0;max-height:5000px}
.overlay-navigation .full-nav ul.main-nav .nav-item.close-overlay .sub-nav{padding:0;margin:0;max-height:0}
.overlay-navigation .full-nav ul.main-nav .nav-item.animate{animation:slideUp20 .3s forwards cubic-bezier(0.25,0.1,0.25,1);animation-delay:.2s;position:relative}
.overlay-navigation .full-nav .country-selector-wrapper{width:100%}
.overlay-navigation .socials-container{display:none;align-items:center;gap:17px}
.overlay-navigation .close-button.desktop{position:absolute;right:30px;top:30px;background:0;border:0;z-index:8;cursor:pointer}
.overlay-navigation .close-button.desktop .icon{font-size:56px}
.overlay-navigation.close-overlay{animation:hideOverlayWithOpacity .3s forwards cubic-bezier(0.25,0.1,0.25,1)}
.overlay-navigation.close-overlay .sub-nav-list .item{animation:slideDownHideItems .3s forwards cubic-bezier(0.25,0.1,0.25,1);position:relative}
.overlay-navigation.open{animation:showOverlayWithOpacity .3s forwards cubic-bezier(0.25,0.1,0.25,1)}
.overlay-navigation.open .sub-nav-list .tagline,.overlay-navigation.open .sub-nav-list .highlighted-nav-wrapper{animation:show .3s forwards cubic-bezier(0.25,0.1,0.25,1);animation-delay:.3s}
.overlay-navigation.open .sub-nav-list .item.animate{animation:slideUp40 .3s forwards cubic-bezier(0.25,0.1,0.25,1);position:relative}
.overlay-navigation.open .full-nav ul.main-nav .nav-item .sub-nav .sub-nav-item.animate{animation:slideUp20 .3s forwards cubic-bezier(0.25,0.1,0.25,1);position:relative}
@media only screen and (max-width:1024px){.overlay-navigation{overflow-y:scroll;padding-bottom:60px;opacity:0}
.overlay-navigation .top-controls{transform:translateX(0)}
.overlay-navigation .top-controls .left{visibility:visible}
.overlay-navigation .top-controls .left .lang-selector-wrapper{margin-left:100px}
.overlay-navigation .top-controls .left .lang-selector-wrapper.desktop{display:block}
.overlay-navigation .top-controls .right .close-button{display:block}
.overlay-navigation .top-controls .lang-selector-wrapper.mobile{display:none}
.overlay-navigation .sub-nav-list{display:none}
.overlay-navigation .full-nav{display:block;margin-top:112px}
.overlay-navigation .full-nav .country-selector-wrapper{position:relative;margin-top:40px}
.overlay-navigation .socials-container{display:flex}
.overlay-navigation .close-button.desktop{display:none}
.overlay-navigation.close-overlay{animation:hideOverlayMobile .3s forwards cubic-bezier(0.25,0.1,0.25,1)}
.overlay-navigation.open{animation:showOverlayMobile .3s forwards cubic-bezier(0.25,0.1,0.25,1)}
}
@media only screen and (max-width:768px){.overlay-navigation .full-nav{margin-top:170px}
}
@media only screen and (max-width:525px){.overlay-navigation .top-controls .left .lang-selector-wrapper.desktop{display:none}
.overlay-navigation .top-controls .lang-selector-wrapper.mobile{display:block}
.overlay-navigation .top-controls .lang-selector-wrapper.mobile a{font-size:16px;line-height:22px;font-weight:800}
.overlay-navigation .full-nav{margin-top:70px}
.overlay-navigation .full-nav ul.main-nav .nav-item .text{font-size:20px;line-height:44px}
.overlay-navigation .full-nav ul.main-nav .nav-item .sub-nav .sub-nav-item .text{font-size:16px;line-height:16px;font-weight:normal}
.overlay-navigation .full-nav ul.main-nav .nav-item .sub-nav .animate{padding:15px 0}
}
@media only screen and (max-width:414px){.overlay-navigation .top-controls .left .icon{font-size:28px}
.overlay-navigation .top-controls .left .lang-selector-wrapper{height:79px}
.overlay-navigation .top-controls .right .icon{font-size:42px}
}