@import url(https://fast.fonts.net/lt/1.css?apiType=css&c=af51fb28-6869-4f04-804f-4561170927a4&fontids=1120054);@import url(https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
*{ box-sizing: border-box; }
body{ margin: 0px; }
body{ min-height: 100vh; text-rendering: optimizespeed; line-height: 1.5; }
a:not([class]){ }
img{ max-width: 100%; display: block; }
@media not all{
*{ -webkit-animation: 0.01ms 1 !important; transition: 0.01ms !important; -webkit-transition: 0.01ms !important; }
}
.grid{ }
@media screen and (max-width: 1080px){
.grid{ }
}
@media screen and (max-width: 767px){
.grid{ }
}
html{ line-height: 1.7; font-size: 20px; font-style: normal; font-weight: 400; visibility: visible; font-family: 'Work Sans', sans-serif; color: rgb(81, 93, 101); margin: 0px; overflow-x: hidden; background-color: rgb(240, 239, 232); }
body{ margin: 0px; }
.grid-menu-top{ background-color: rgb(46, 56, 62); }
@media screen and (max-width: 1080px){
.grid-menu-top{ }
}
@media screen and (max-width: 767px){
.grid-menu-top{ }
}
.grid-menu-bottom{ background-color: rgb(255, 255, 255); }
@media screen and (max-width: 767px){
.grid-menu-bottom{ }
}
.grid-content{ }
.grid-footer{ background-color: rgb(46, 56, 62); }
@media screen and (max-width: 767px){
.grid-footer{ }
}
.menu-top{ height: 100%; padding-left: 80px; padding-right: 80px; }
@media screen and (max-width: 810px){
.menu-top{ padding-left: 40px; padding-right: 40px; }
}
@media screen and (max-width: 767px){
.menu-top{ padding-left: 20px; padding-right: 20px; }
}
.menu-top .container{ width: 100%; }
@media screen and (max-width: 1080px) and (min-width: 768px){
.menu-top .container{ padding-bottom: 25px; }
}
@media screen and (max-width: 767px){
.menu-top .container{ padding-bottom: 18px; }
}
.menu-top .container > div{ height: 60px; }
@media screen and (max-width: 1080px) and (min-width: 768px){
.menu-top .container > div{ height: 45px; }
}
@media screen and (max-width: 767px){
.menu-top .container > div{ height: 35px; }
}
.menu-top .container > div + div{ font-weight: 500; }
@media screen and (max-width: 767px){
.menu-top .container > div + div{ display: none; }
}
.menu-bottom{ padding-left: 80px; padding-right: 80px; z-index: 10; height: 100%; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
@media screen and (max-width: 810px){
.menu-bottom{ padding-left: 20px; padding-right: 20px; }
}
@media screen and (max-width: 767px){
.menu-bottom{ padding-left: 0px; padding-right: 0px; }
}
@media screen and (max-width: 767px){
.menu-bottom{ display: none; position: relative; -webkit-filter: drop-shadow(rgb(184, 192, 198) 0px 7px 6px); color: rgb(0, 0, 0); border: none; }
}
.menu-bottom > div.submenu{ display: none; z-index: 10; position: absolute; left: 0px; top: 190px; padding: 5px 0px; background-color: rgb(208, 210, 211); width: 100vw; color: rgb(0, 0, 0); border: none; }
@media screen and (max-width: 1080px){
.menu-bottom > div.submenu{ left: 0px; top: 170px; width: 100%; padding-left: 20px; padding-right: 20px; padding-bottom: 0px; }
}
@media screen and (max-width: 767px){
.menu-bottom > div.submenu{ display: none; position: relative; top: 10px; width: 100%; padding: 0px 0px 0px 20px; margin-bottom: -3px; border-bottom-color: rgb(184, 192, 198); border-top-color: rgb(184, 192, 198); border-top-width: 2px; border-top-style: solid; }
.menu-bottom > div.submenu:first-child{ border-top-style: none; }
}
.menu-bottom > div.submenu > div{ max-width: 1120px; margin: auto; padding-left: 0px; padding-right: 0px; width: 100%; }
@media screen and (max-width: 1080px) and (min-width: 768px){
.menu-bottom > div.submenu > div{ padding-left: 0px; padding-right: 0px; }
}
@media screen and (max-width: 880px) and (min-width: 768px){
.menu-bottom > div.submenu > div{ }
}
@media screen and (max-width: 767px){
.menu-bottom > div.submenu > div{ display: none; }
}
.menu-bottom > div.submenu > div > div{ padding-top: 15px; padding-bottom: 15px; width: 100%; }
.menu-bottom > div.submenu > div > div.first-row-4{ border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: rgb(0, 0, 0); }
.menu-bottom > div.submenu > div > div.final-row-4, .menu-bottom > div.submenu > div > div.one-row-4{ border-bottom-style: none; }
@media screen and (max-width: 880px) and (min-width: 768px){
.menu-bottom > div.submenu > div > div.first-row-4, .menu-bottom > div.submenu > div > div.final-row-4{ border-top-style: none; }
.menu-bottom > div.submenu > div > div.first-row-3{ border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: rgb(0, 0, 0); }
.menu-bottom > div.submenu > div > div.middle-row-3{ border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: rgb(0, 0, 0); }
.menu-bottom > div.submenu > div > div.final-row-3{ border-bottom-style: none; }
}
@media screen and (max-width: 767px){
.menu-bottom > div.submenu > div > div{ width: 100%; text-align: left; padding-bottom: 0.7em; padding-top: 0.7em; border-bottom-style: dotted; border-bottom-color: rgb(184, 192, 198); }
.menu-bottom > div.submenu > div > div:nth-child(8){ border-bottom-color: rgba(0, 0, 0, 0); }
.menu-bottom > div.submenu > div > div:last-child{ border-bottom-style: none; }
}
.menu-bottom > div.submenu > div > div > a{ color: rgb(0, 0, 0); text-align: center; text-transform: lowercase; }
.menu-bottom .container{ position: relative; height: 100%; width: 100%; padding-bottom: 0px; }
@media screen and (max-width: 767px){
.menu-bottom .container{ background-color: rgb(255, 255, 255); padding-left: 0px; width: 100vw; }
}
.menu-bottom .container > div{ height: 100%; box-sizing: border-box; border-top-color: rgba(0, 0, 0, 0); border-top-width: 13px; border-top-style: solid; border-bottom-color: rgba(0, 0, 0, 0); border-bottom-width: 13px; border-bottom-style: solid; text-transform: uppercase; padding-left: 0px; padding-right: 0px; text-align: center; line-height: 1.2; }
@media screen and (max-width: 880px) and (min-width: 768px){
.menu-bottom .container > div{ padding-left: 20px; padding-right: 20px; }
}
@media screen and (max-width: 767px){
.menu-bottom .container > div{ width: 100%; padding: 1em 20px; border-top-color: rgb(184, 192, 198); border-top-width: 2px; border-bottom-width: 0px; text-align: left; }
}
@media screen and (max-width: 767px){
.menu-bottom .container > div:first-child{ border-top-color: rgba(0, 0, 0, 0); }
}
.menu-bottom .container > div a{ color: rgb(0, 0, 0); }
.menu-bottom .container > div.eb{ width: 153px; }
@media screen and (max-width: 1080px){
.menu-bottom .container > div.eb{ width: 133px; }
}
.menu-bottom .container > div.eb > div{ width: 133px; }
@media screen and (max-width: 1080px){
.menu-bottom .container > div.eb > div{ width: 123px; min-width: 123px; max-width: 123px; }
}
@media screen and (max-width: 767px){
.menu-bottom .container > div.eb{ width: 100%; }
.menu-bottom .container > div.eb > div{ width: 100%; min-width: 100%; max-width: 100%; }
}
.menu-bottom .container > div.psf{ width: 130px; }
@media screen and (max-width: 1080px){
.menu-bottom .container > div.psf{ width: 120px; }
}
.menu-bottom .container > div.psf > div{ width: 120px; }
@media screen and (max-width: 1080px){
.menu-bottom .container > div.psf > div{ width: 100px; min-width: 100px; max-width: 100px; }
}
@media screen and (max-width: 767px){
.menu-bottom .container > div.psf{ width: 100%; }
.menu-bottom .container > div.psf > div{ width: 100%; min-width: 100%; max-width: 100%; }
}
.menu-bottom .container > div.fe{ width: 105px; }
@media screen and (max-width: 1080px){
.menu-bottom .container > div.fe{ width: 105px; }
}
.menu-bottom .container > div.fe > div{ width: 105px; }
@media screen and (max-width: 1080px){
.menu-bottom .container > div.fe > div{ width: 95px; min-width: 95px; max-width: 95px; }
}
@media screen and (max-width: 767px){
.menu-bottom .container > div.fe{ width: 100%; }
.menu-bottom .container > div.fe > div{ width: 100%; min-width: 100%; max-width: 100%; }
}
.menu-bottom .container > div.nfpo{ width: 150px; }
@media screen and (max-width: 1080px){
.menu-bottom .container > div.nfpo{ width: 130px; }
}
.menu-bottom .container > div.nfpo > div{ width: 130px; }
@media screen and (max-width: 1080px){
.menu-bottom .container > div.nfpo > div{ width: 120px; min-width: 120px; max-width: 120px; }
}
@media screen and (max-width: 767px){
.menu-bottom .container > div.nfpo{ width: 100%; }
.menu-bottom .container > div.nfpo > div{ width: 100%; min-width: 100%; max-width: 100%; }
}
.menu-bottom .container > div.os{ width: 104px; }
@media screen and (max-width: 1080px){
.menu-bottom .container > div.os{ width: 74px; }
}
.menu-bottom .container > div.os > div{ width: 103px; }
@media screen and (max-width: 1080px){
.menu-bottom .container > div.os > div{ width: 64px; min-width: 64px; max-width: 64px; }
}
@media screen and (max-width: 767px){
.menu-bottom .container > div.os{ width: 100%; }
.menu-bottom .container > div.os > div{ width: 100%; min-width: 100%; max-width: 100%; }
}
.menu-bottom .container > div.au{ width: 84px; }
@media screen and (max-width: 1080px){
.menu-bottom .container > div.au{ width: 54px; }
}
.menu-bottom .container > div.au > div{ width: 75px; }
@media screen and (max-width: 1080px){
.menu-bottom .container > div.au > div{ width: 44px; min-width: 44px; max-width: 44px; }
}
@media screen and (max-width: 767px){
.menu-bottom .container > div.au{ width: 100%; }
.menu-bottom .container > div.au > div{ width: 100%; min-width: 100%; max-width: 100%; }
}
.menu-bottom .container > div.subnav > div > img{ display: none; }
@media screen and (max-width: 767px){
.menu-bottom .container > div.subnav > div > img{ display: inline-block; padding-top: 0.5em; }
}
.menu-bottom .container > div.subnav > div:first-child{ border-bottom-color: rgb(184, 192, 198); border-bottom-width: 2px; }
.menu-bottom .container > div.subnav > div:first-child a{ margin-left: 0px; }
.menu-bottom .container > div.subnav > div.submenu{ display: none; }
.menu-bottom .container div.mobile-subnav{ display: none; }
@media screen and (max-width: 767px){
.menu-bottom .container div.mobile-subnav{ border-top-color: rgb(184, 192, 198); border-top-width: 2px; border-bottom-width: 2px; background-color: rgb(255, 255, 255); padding-top: 0.6em; padding-bottom: 0.6em; text-transform: lowercase; }
.menu-bottom .container div.mobile-subnav div{ width: 100%; padding: 0.5em 0px; border-top-style: none; border-bottom-style: none; text-transform: lowercase; }
}
.footer{ padding-left: 80px; padding-right: 80px; background-color: rgb(46, 56, 62); color: rgb(255, 255, 255); font-size: 0.75em; height: 100%; }
@media screen and (max-width: 810px){
.footer{ padding-left: 40px; padding-right: 40px; }
}
@media screen and (max-width: 767px){
.footer{ padding-left: 20px; padding-right: 20px; }
}
@media screen and (max-width: 1080px) and (min-width: 768px){
.footer{ font-size: 0.65em; }
}
.footer .container{ width: 100%; }
@media screen and (max-width: 767px){
.footer .container{ padding-bottom: 0px; height: 100%; }
}
.footer .container > div:first-child{ height: 60px; }
@media screen and (max-width: 767px){
.footer .container > div:first-child{ height: 38.1px; }
}
.footer .container > div:first-child div:first-child a{ padding-right: 30px; display: inline-block; }
@media screen and (max-width: 767px){
.footer .container > div:first-child div:first-child a{ padding-right: 22px; }
}
.footer .container > div:first-child div:first-child a img{ width: 160px; }
@media screen and (max-width: 767px){
.footer .container > div:first-child div:first-child a img{ width: 100px; }
}
.footer .container > div:first-child div:nth-child(2) a{ padding-right: 0px; }
.footer .container > div:first-child div:nth-child(2) a img{ width: 40px; }
@media screen and (max-width: 767px){
.footer .container > div:first-child div:nth-child(2) a img{ width: 30px; }
}
.footer .container > div:nth-child(2){ width: -webkit-fit-content; font-size: 12px; font-weight: 400; }
@media screen and (max-width: 500px){
.footer .container > div:nth-child(2){ display: none; }
}
.footer .container > div:nth-child(2) > div + div > a{ color: rgb(208, 210, 211); }
.footer .container > div:nth-child(3){ display: none; width: -webkit-fit-content; font-size: 10px; font-weight: 400; text-align: right; }
@media screen and (max-width: 500px){
.footer .container > div:nth-child(3){ }
}
.footer .container > div:nth-child(3) > div + div > a{ color: rgb(208, 210, 211); }
#menuToggle{ display: none; position: absolute; top: 24px; right: 30px; }
@media screen and (max-width: 767px){
#menuToggle{ display: block; }
}
.menu-top, .menu-bottom, .footer{ font-size: 0.75em; }
.menu-top a, .menu-bottom a, .footer a{ text-decoration: none; color: rgb(255, 255, 255); }
@media screen and (max-width: 1080px){
.menu-top, .menu-bottom, .footer{ font-size: 0.65em; }
}
.container{ width: 100%; padding-bottom: 30px; }