@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";*{font-family:Oswald,sans-serif;box-sizing:border-box}:root{--text-yellow: #FFC03A;--text-black: #000000;--text-gray: #d0d0d0}body,html{width:100vw;margin:0}.nav{width:100vw;position:fixed;display:flex;top:0;left:0;justify-content:space-between;align-items:center;padding:10px 30px;background-color:transparent;z-index:999}.logo{max-width:200px}ul{list-style:none;display:flex;gap:20px}.link{text-decoration:none;font-size:1.5rem;color:inherit;font-weight:600}.link:hover{color:var(--text-gray)}.active{color:var(--text-yellow)}.hamburger-menu{display:none;width:100vw;list-style:none;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:-1000px;left:0;transition:ease 1s}.hamburger-menu .link{font-size:1.5rem}.hamburger-menu li{padding:50px 0;text-transform:uppercase;width:100%;display:flex;align-items:center;justify-content:center;font-weight:700}.hamburger{display:none;z-index:99;background-color:transparent;border:none}.top-animate{transform:translateY(14px) rotate(45deg)}.middle-animate{opacity:0}.bottom-animate{transform:translateY(-14px) rotate(-45deg)}@media screen and (max-width: 700px){.main-menu{display:none}.nav{justify-content:center;background-color:#fff}.hamburger{display:block;position:absolute;top:30px;right:5px;font-size:3rem}.bar{content:"";width:2.8rem;height:7px;background-color:#000;transition:ease 1s}.bar-top,.bar-middle{margin-bottom:7px}.show{top:0;left:0}}.home-body{height:100vh;position:relative;overflow:hidden}.hex-background{position:absolute;top:calc(50% - 500px);left:calc(50% - 500px);height:1000px;width:1000px;z-index:1;-webkit-clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);background-color:var(--text-yellow);animation:pulse 2s ease-in-out infinite alternate}.hex-image{position:absolute;top:calc(50% - 450px);left:calc(50% - 450px);z-index:2;height:900px;width:900px;-webkit-clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);background-image:url(/assets/citifi-background-6-Cf4LulXe.avif);background-size:cover;background-position:center}.textHome h1{color:var(--text-yellow);font-size:3rem;text-align:center}.textHome{position:absolute;top:calc(50% - 75px);left:calc(50% - 40vw);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;width:80vw;color:var(--text-yellow);z-index:99}.textHome button{border:5px solid var(--text-yellow);background-color:#0000004d;font-family:inherit;font-size:1.3rem;padding:5px 30px;font-weight:700;color:var(--text-yellow)}.textHome button:active{transform:scale(.99)}@media screen and (max-width: 850px){.textHome{max-width:70vw;left:calc(50% - 35vw);top:calc(50% - 120px)}}@media screen and (max-width: 500px){.hex-background{height:650px;width:650px;top:calc(50% - 275px);left:calc(50% - 325px)}.hex-image{height:600px;width:600px;top:calc(50% - 250px);left:calc(50% - 300px)}}.strategy-body{overflow:hidden;height:100vh;position:relative}.triangle{height:250px;width:250px;background:var(--text-yellow);position:absolute;color:#fff;display:flex;justify-content:center;align-items:center;z-index:2;font-size:1.5rem;transition:ease 2s;border:none}.triangle:focus,.triangle:hover{font-size:2rem;font-weight:700;outline:none}.triangle-up{clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:70px}.triangle-down{clip-path:polygon(100% 0,0 0,50% 100%);padding-bottom:70px}.triangle1{top:calc(50% - 235px);left:calc(50% - 270px)}.triangle2{top:calc(50% + 35px);left:calc(50% - 125px)}.triangle3{top:calc(50% - 235px);left:calc(50% + 20px)}.triangle4{top:calc(50% - 235px);left:calc(50% - 125px)}.triangle5{top:calc(50% + 35px);left:calc(50% - 270px)}.triangle6{top:calc(50% + 35px);left:calc(50% + 20px)}.hex{height:625px;width:600px;position:absolute;top:calc(50% - 290px);left:calc(50% - 300px);background-color:var(--text-gray)}.viewTriangle{z-index:99;color:transparent;-webkit-user-select:none;user-select:none}.viewTriangle1{transform:translate(150px) scale(6)}.viewTriangle2{transform:translate(0) translateY(-150px) scale(6)}.viewTriangle3{transform:translate(-150px) scale(6)}.viewTriangle4{transform:translate(0) translateY(200px) scale(6)}.viewTriangle5{transform:translate(150px) scale(6)}.viewTriangle6{transform:translate(-150px) scale(6)}.text{position:absolute;top:calc(50% - 150px);left:calc(50% - 25vw);width:50vw;color:#000;opacity:0;transition:ease 2s;pointer-events:none;z-index:999;text-align:center}.text h1{color:#000}.textTriangle1,.textTriangle2,.textTriangle3,.textTriangle4,.textTriangle5,.textTriangle6{opacity:1}.reference{position:absolute;bottom:20px;left:calc(50% - 190px)}.arrow-right{font-size:7rem;position:fixed;right:10px;top:calc(50% - 3.5rem);color:#000;z-index:99}.arrow-right:hover{color:var(--text-yellow)}.flash{animation:flash 1s ease infinite alternate}@keyframes flash{0%{opacity:1}to{opacity:0}}@media screen and (max-width: 850px){.arrow-right{font-size:4rem;right:5px;top:calc(50% - 2rem)}.text{left:calc(50% - 35vw);width:70vw}.reference{position:absolute;bottom:5px;left:calc(50% - 47.5vw);width:95vw;text-align:center;line-height:.8rem}}.no-overflow,.cutoff{overflow:hidden;height:100vh;position:relative}.hex{-webkit-clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);position:absolute}.hex:focus{background-color:var(--text-yellow);outline:none}.small-hex{width:250px;height:250px;z-index:2;opacity:.8;background:var(--text-gray);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.36);display:flex;justify-content:center;align-items:center;font-size:1.4rem;color:#000}.small-hex:hover{background-color:var(--text-yellow);outline:none}.large-hex{width:800px;height:800px;top:calc(50% - 400px);left:calc(50% - 400px);background-color:var(--text-yellow);z-index:1;opacity:.5;animation:pulse 3s ease-in-out infinite alternate}.circle{height:380px;width:380px;border-radius:50%;background-color:var(--text-yellow);animation:pulse 3s ease-in-out infinite alternate;position:absolute;top:calc(50% - 190px);left:calc(50% - 190px)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.hex1{top:calc(50% - 250px);left:calc(50% - 125px);transition:ease 2s;z-index:10}.hex2{top:calc(50% + -0px);left:calc(50% - 125px);transition:ease 2s;z-index:10}.hex3{top:calc(50% - 125px);left:calc(50% - 325px);transition:ease 2s;z-index:10}.hex4{top:calc(50% - 125px);left:calc(50% + 75px);transition:ease 2s;z-index:10}.viewHex1{transform:translateY(150px) scale(5);background-image:url(/assets/citifi-background-4-Bybaf58S.avif)}.viewHex{opacity:1;color:transparent;z-index:99;background-size:cover;pointer-events:all}.textHex{opacity:0;transition:ease 2s;color:#fff;position:absolute;width:50vw;z-index:100;text-align:center;pointer-events:none;background-color:var(--text-yellow);padding:20px 30px}.textHex1{top:calc(50% - 225px);left:calc(50% - 25vw)}.viewHex2{transform:translateY(-100px) scale(5);background-image:url(/assets/citifi-background-2-BpxyKaU7.avif)}.textHex2{top:calc(50% - 225px);left:calc(50% - 25vw)}.viewHex3{transform:translate(200px) scale(5);background-image:url(/assets/citifi-background-5-DwcnVc65.avif)}.textHex3{top:calc(50% - 225px);left:calc(50% - 25vw)}.viewHex4{transform:translateY(10px) translate(-200px) scale(5);background-image:url(/assets/citifi-background-1-CrqgINRx.avif)}.textHex4{top:calc(50% - 225px);left:calc(50% - 25vw)}h1{font-size:3rem}p{font-size:1.3rem}.textView{opacity:1}.strategy-link{position:absolute;bottom:30px;left:calc(50% - 80px);color:#000;font-size:2rem;text-decoration:none;z-index:5}.strategy-link:hover{color:var(--text-gray)}.strategy-link:active{transform:scale(.95)}@media screen and (max-width: 1200px){p{font-size:1.4rem}h1{font-size:2rem}.textHex{width:60vw}.textHex1,.textHex2,.textHex3,.textHex4{left:calc(50% - 30vw)}}@media screen and (max-width: 700px){.hexagons{margin-bottom:100px}.hex1{top:150px;left:calc(50% - 125px);transition:ease 2s;background-color:var(--text-yellow)}.hex2{top:400px;left:calc(50% - 125px);transition:ease 2s;background-color:var(--text-yellow)}.hex3{top:650px;left:calc(50% - 125px);transition:ease 2s;background-color:var(--text-yellow)}.hex4{top:900px;left:calc(50% - 125px);transition:ease 2s;background-color:var(--text-yellow)}.strategy-link{position:absolute;top:1150px;z-index:4;padding-bottom:150px}.circle,.large-hex{display:none}h1{font-size:2rem}p{font-size:1.2rem}.viewHex1{transform:translateY(350px) scale(4);background-image:url(/assets/citifi-background-4-Bybaf58S.avif)}.viewHex2{transform:translateY(50px) scale(4);background-image:url(/assets/citifi-background-2-BpxyKaU7.avif)}.viewHex3{transform:translateY(-150px) scale(4);background-image:url(/assets/citifi-background-5-DwcnVc65.avif)}.viewHex4{transform:translateY(-400px) translate(0) scale(4);background-image:url(/assets/citifi-background-1-CrqgINRx.avif)}.textHex{width:80vw}.textHex2,.textHex1,.textHex3,.textHex4{left:calc(50% - 40vw);top:calc(50% - 100px)}.no-overflow{overflow:auto;position:relative}.cutoff{overflow-x:hidden;height:100vh;position:relative}}.profile__image{border:solid 5px var(--text-yellow);overflow:hidden;display:flex}.profile__image img{height:100%}.profile{display:flex;width:100vw;height:100vh;justify-content:center;align-items:center;gap:50px;overflow-y:scroll}.profile__text{max-width:40vw}.profile__text h1{color:var(--text-yellow);text-transform:uppercase;font-size:3rem;margin-bottom:1rem}.profile__text h2{font-size:2rem;margin-top:1rem}.profile__text p{font-size:1.4rem}@media screen and (max-width: 950px){.profile{flex-direction:column;position:absolute;top:6rem;height:auto;gap:20px}html{overflow-y:auto;overflow-x:hidden}.profile__text{max-width:800px;margin:0 20px}.profile__image{background-color:transparent;margin-bottom:30px}}.text-strategy2{max-width:40vw}.text-strategy2 h1{font-size:2rem;color:var(--text-yellow)}.text-strategy2 p{font-size:1.3rem}.body-strategy2{display:flex;justify-content:center;align-items:center;gap:70px;padding-top:100px}.image-strategy2{max-width:40vw}.image-strategy2 img{width:100%}.arrow-left{font-size:7rem;position:fixed;left:25px;top:calc(50% - 3.5rem);color:#000}.arrow-left:hover{color:var(--text-yellow)}@media screen and (max-width: 850px){.body-strategy2{flex-direction:column;margin-bottom:150px;margin-left:20px}.text-strategy2{max-width:80vw}.arrow-left{font-size:4rem;left:5px;top:calc(50% - 2rem)}.image-strategy2{max-width:80vw}}.contact-float{position:fixed;bottom:15px;right:20px;background-color:var(--text-yellow);color:#fff;padding:.5rem 1.5rem;font-size:1.5rem;border-radius:2rem;font-weight:700;display:flex;align-items:center;gap:8px;z-index:990}.contact-float span{padding-bottom:5px}.contact-popup{position:fixed;top:calc(50% - 32vh);height:auto;left:calc(50% - 20vw);width:40vw;background-color:#fff;color:var(--text-yellow);z-index:9999;padding:50px;border-radius:10px;box-shadow:0 1rem 1.5rem #0006}.contact-popup h1{margin:0 0 20px}.contact-popup div.exit{position:absolute;top:10px;right:10px;font-size:2rem}.contact-popup form{display:flex;flex-direction:column;gap:20px}form input,form textarea,form button{border:solid 2px var(--text-yellow);color:var(--text-yellow);outline:none;font-size:1.5rem;padding:.5rem 1rem;resize:none}form button{background-color:#fff;transition:.5s ease}form button:hover{background-color:var(--text-yellow);color:#fff}@media screen and (max-width: 1000px){.contact-popup{width:70vw;left:calc(50% - 35vw)}}@media screen and (max-width: 500px){form input,form textarea,form button{font-size:1rem}.contact-popup{width:90vw;left:calc(50% - 45vw);padding:20px;top:calc(50% - 25vh)}.contact-popup h1{font-size:2rem}.contact-float{right:calc(50% - 95px);bottom:2rem;box-shadow:0 .5rem .7rem #0006}}.experience-body{width:100vw;min-height:100vh;justify-content:center;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 25px;padding-top:100px;padding-inline:60px}.sheff-bg-img{background-image:url(/assets/sheffield-bg-img-DVCAu0jx.jpg);background-size:cover}.notts-bg-img{background-image:url(/assets/nottingham-bg-img-BrqqsQTH.jpg);background-size:cover}.north-bg-img{background-image:url(/assets/northampton-bg-img-CgiB129E.jpg);background-size:cover}.sal-bg-img{background-image:url(/assets/salisbury-bg-img-DrT9H8s-.jpg);background-size:cover}.woking-bg-img{background-image:url(/assets/woking-bg-img-iCL26oOh.jpg);background-size:cover}.experience-hex a{opacity:0;transition:ease .5s;text-decoration:none;color:#fff;font-weight:700;z-index:2}.experience-hex{height:220px;width:220px;-webkit-clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);background-color:var(--text-yellow);margin-inline:auto auto;display:flex;justify-content:center;align-items:center;font-size:2rem;color:#fff;position:relative}.hex-cover{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;background-color:#000;transition:ease .5s}.experience-hex:hover .hex-cover{opacity:.5}.experience-hex:hover a{opacity:1}@media screen and (max-width: 1200px){.experience-body{grid-template-columns:repeat(2,1fr)}.experience-hex{height:200px;width:200px}}@media screen and (max-width: 700px){.experience-body{grid-template-columns:repeat(1,1fr)}.experience-hex{height:250px;width:250px}}