:root{--navy:#1a3845;--grey:#4e5861;--teal:#007689;--logo-blue:#334a54;--logo-blue-dot:#648197;--light-blue:#e6e8e8}.ilos-preloader{background-color:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ilos-preloader .logo{background:url(/Home/SystemContent/Images/Logos/Tunstall/logo-ilos.png) no-repeat center center;background-size:contain;width:300px;height:100px;animation:reveal-logo 1.6s ease-in-out infinite;animation-delay:.2s}.ilos-logo{background:url(/Home/SystemContent/Images/Logos/Tunstall/logo-ilos.png) no-repeat;background-size:contain;width:200px;height:50px}.tunstall-logo{background:url(/Home/SystemContent/Images/Logos/Tunstall/tunstall-logo.png) no-repeat;background-size:contain;width:200px;height:50px}.layout--landing{font-family:'Roboto',sans-serif;font-weight:400;position:relative}.layout--landing .text-light{font-family:'Roboto',sans-serif;font-weight:300;font-size:18.67px}.layout--landing .text-regular{font-family:'Roboto',sans-serif;font-weight:400;font-size:24px}.layout--landing .text-bold{font-family:'Roboto',sans-serif;font-weight:700;font-size:40px}.layout--landing::before{content:'';background:#fff url(/Home/SystemContent/Images/Backgrounds/ilos-portal-background.png) no-repeat center center;background-size:cover;opacity:.75;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.layout--landing .header{background:#fff;box-shadow:var(--default-box-shadow)}.layout--landing .header-content{padding:20px;display:flex;justify-content:space-between;align-items:center}.layout--landing .page-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.layout--landing .contents{max-width:800px;align-self:center;padding:50px;background:#fff;-webkit-box-shadow:0 3px 6px var(--logo-blue);-moz-box-shadow:0 3px 6px var(--logo-blue);box-shadow:0 3px 6px var(--logo-blue);border-radius:10px;z-index:1}.layout--landing .contents>*{transition:height .5s linear}.layout--landing:has(.contents:hover)::before{-webkit-filter:blur(30px);-moz-filter:blur(30px);-o-filter:blur(30px);-ms-filter:blur(30px);filter:blur(30px);-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.layout--landing .links-container{display:flex;flex-wrap:wrap;justify-content:center}.layout--landing .links-container .link{border:var(--default-border);border-top:3px solid var(--teal);border-radius:10px;box-shadow:var(--default-box-shadow);width:185px;height:185px;margin:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-image:linear-gradient(var(--teal),var(--teal));background-size:100% 0%;background-repeat:no-repeat;background-position:top;transition:all .5s ease-in-out}.layout--landing .links-container .link:hover{background-size:100% 100%}.layout--landing .links-container .link .title{display:block;font-size:20px;color:var(--logo-blue);text-align:center;font-weight:700;transition:all .5s ease-in-out}.layout--landing .links-container .link:hover .title,.layout--landing .links-container .link:hover .icon>*{color:#fff;--fa-primary-color:#fff;--fa-secondary-color:#fff;font-weight:400}.layout--landing .links-container .link:hover .icon .fad{font-family:"Font Awesome 7 Pro"!important;font-weight:300!important}.layout--landing .links-container .link .icon{display:flex;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:10px;font-size:40px;transition:all .5s ease-in-out}.layout--landing .links-container .link .icon>*{color:var(--logo-blue);--fa-primary-color:var(--logo-blue);--fa-secondary-color:var(--logo-blue-dot);--fa-secondary-opacity:1;transition:all .5s ease-in-out}@keyframes reveal-logo{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0 0 0 0)}80%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}@media(max-width:1024px){.layout--landing .contents{flex:unset}}