@import url("https://fonts.googleapis.com/css2?family=Lato&family=Montserrat&family=Open+Sans+Condensed:wght@300&family=Raleway&family=Roboto&display=swap");@import url("https://fonts.googleapis.com/css2?family=Amiri&family=Lora&family=PT+Serif&family=Playfair+Display&family=Tangerine&display=swap");html{background:#000}*{margin:0;padding:0;box-sizing:border-box;font-size:100%;list-style:none;text-decoration:none;transition:.2s;scroll-behavior:smooth}img{width:100%}p{line-height:1.3}a{color:inherit}button{border:none;cursor:pointer}input:focus,textarea:focus{outline:none}li{cursor:pointer}.rule{font-size:1.1rem;font-family:Arial,Helvetica,sans-serif}.checked{text-decoration:line-through;color:#101010!important;font-style:italic}[data-scroll]{transition:opacity 1s}[data-scroll=in]{opacity:1}[data-scroll=out]{opacity:0}.btn-primary{background-color:#438186;color:#000;padding:6px 3.5rem;font-size:120%;border:none;cursor:pointer}.btn-primary:focus{outline:none}.btn-primary:hover{color:#fff;background-color:#213f42}.link{color:#326064}.link:hover{color:#438186}.pop-up{position:fixed;z-index:9999;top:0;height:100vh;width:100vw;background-color:#000;display:none;place-items:center}.pop-up .pop-up-wrapper{opacity:1;width:75%;max-width:460px;background-color:#252525;padding:.8rem;position:relative}.pop-up .pop-up-wrapper .close-pop-up{text-align:right;position:absolute;top:5px;right:5px}.pop-up .pop-up-wrapper .close-pop-up button{color:#f0f0f0;background-color:inherit;font-size:1.2rem;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer}.pop-up .pop-up-wrapper .close-pop-up button:focus{outline:none;border:1px solid #000}.pop-up .pop-up-wrapper h2{font-size:1.2rem;text-align:center;font-weight:100;color:#326064}.pop-up .pop-up-wrapper p{font-size:1.2rem;text-align:center;color:#fff;margin:2rem 0}header{text-align:center;background-color:#101010;color:#fff;padding-bottom:2rem;font-family:Georgia,Times New Roman,Times,serif}header .hero{width:100%;height:610px;display:flex;flex-direction:column;justify-content:space-around}header .hero nav{display:flex;justify-content:center}header .hero nav ul{display:flex}header .hero nav ul li{margin:.5rem;font-size:1.3rem}header .hero nav ul li:first-of-type{padding-right:1rem;border-right:2px solid #326064}header .hero nav ul li:hover{color:#326064}header .hero h1{font-size:6rem;font-weight:100}header .hero h2{font-size:1.3rem;color:#326064;font-weight:300;margin:1em auto}header .hero p{font-family:Arial,Helvetica,sans-serif;margin:0 auto;padding:0 1rem;max-width:490px;font-size:1.25rem}section{display:grid;grid-template-columns:1fr repeat(2,minmax(50px,500px)) 1fr;gap:3.6rem;padding:1.8rem 0}.left{grid-column:2/3}.right{grid-column:3/4;color:#fff}footer{background-color:#101010;color:#7f7f7f;padding:2rem 0}footer .footer-content{width:90%;max-width:1046px;margin:auto}footer .footer-content .contacts{display:flex;justify-content:space-between}footer .footer-content .contacts ul{display:flex}footer .footer-content .contacts li{font-size:1.3rem;margin-right:10px}footer .footer-content .contacts li:last-of-type{margin-right:0}footer .footer-content .contacts li:hover{color:#326064}footer .footer-content p{text-align:center;padding:.5rem}footer .footer-content p span{font-family:Georgia,Times New Roman,Times,serif;font-size:1.2rem;color:#326064;padding-right:2px;border-right:1px solid #326064}@media (max-width:1100px){.Section{gap:1rem!important}}@media (max-width:960px){.Section{grid-template-columns:1fr minmax(50px,500px) 1fr!important}.right{display:none!important}}@media (max-width:680px){.left{padding:0 1.8rem!important}.left .principles{padding:0!important}}@media (max-width:420px){.hero p{max-width:342px!important;font-size:1rem!important}header .hero nav{display:none!important}section{grid-template-columns:minmax(1rem,1fr) 90vw minmax(1rem,1fr)!important}.left h2{font-size:3em!important}}.left{display:flex;text-align:center;font-family:Georgia,Times New Roman,Times,serif}.left .principles{margin:0 auto}.left .principles h2{font-size:4em;font-weight:400;color:#326064;margin:1.1em auto}.left .principles h3{font-size:1.35rem;line-height:1;font-weight:100;margin-bottom:5px;color:#f0f0f0}.left .principles p{font-size:1.2rem;color:#7f7f7f}.left .principles p,.left .principles ul{margin:2rem auto 0;max-width:480px}.left .principles ul li{margin:.5rem 0;font-size:1.1rem;text-align:left;color:#fff;font-family:Arial,Helvetica,sans-serif}.Typography .right .top{height:300px;background-color:#f0f0f0;color:#000;display:grid;grid-template-rows:2rem auto 4rem;text-align:center;padding:3.2% 8%;font-family:Georgia,Times New Roman,Times,serif}.Typography .right .top h1{font-size:1.7em}.Typography .right .top textarea{font-family:inherit;max-width:420px;max-height:160px;background-color:#f0f0f0;font-size:1.5rem;text-align:left;padding:5px;border:none;resize:none}.Typography .right .top textarea:focus{outline:none}.Typography .right .top .static{display:flex;margin:5px;justify-content:space-between}.Typography .right .top .static .alphabet{text-align:left}.Typography .right .top .static .styles{text-align:right}.Typography .right .bottom{height:300px;background:#101010}.Typography .right .bottom .allignment ul{display:flex;justify-content:space-between}.Typography .right .bottom .allignment ul li{width:25%;background-color:#000;text-align:center;padding:5px}.Typography .right .bottom .allignment ul li:hover{background-color:#252525}.Typography .right .bottom .fonts{margin:10%;display:flex;justify-content:space-between}.Typography .right .bottom .fonts li{font-size:1.2rem;padding:3px}.Typography .right .bottom .fonts li:hover{color:#326064}.Colour .right .top{height:340px;background-image:url(/1.458ab9b3.jpg);background-position:50%;background-size:cover}.Colour .right .bottom{height:260px;background:#000}.Colour .right .bottom .showcase{overflow:hidden}.Colour .right .bottom .showcase .color-pallete{background-color:#252525;height:1.8rem;border-bottom:5px solid #000;display:flex;justify-content:space-between;align-items:center}.Colour .right .bottom .showcase .color-pallete p{width:33.3%;text-align:center;color:#000;font-family:Arial,Helvetica,sans-serif}.Colour .right .bottom .showcase .color-pallete .first-color{background-color:#fd9047}.Colour .right .bottom .showcase .color-pallete .second-color{background-color:#ac5142}.Colour .right .bottom .showcase .color-pallete .third-color{background-color:#4d3532}.Colour .right .bottom .showcase .image-showcase{width:500%;display:flex;transition:.2s}.Colour .right .bottom .showcase .image-showcase .slide{height:200px;width:20%;display:grid;grid-template-columns:repeat(4,1fr)}.Colour .right .bottom .showcase li{background-color:#000;overflow:hidden}.Colour .right .bottom .showcase li img{opacity:.2;transform:scale(1.3)}.Colour .right .bottom .showcase li img:hover{opacity:1;transform:scale(1);transition:.4s;transform:scale(1.15)}.Colour .right .bottom .showcase .page-nav ul{display:flex}.Colour .right .bottom .showcase .page-nav li{height:1.8rem;width:33.3%;text-align:center;color:#000;font-family:Arial,Helvetica,sans-serif;color:#fff;padding:5px}.Colour .right .bottom .showcase .page-nav li:nth-child(2){padding:0}.Colour .right .bottom .showcase .page-nav li:hover{background-color:#101010}.Colour .right .bottom .showcase .page-nav li input{text-align:center;padding:5px;margin-left:-15px}.Colour .right .bottom .showcase .page-nav li input:focus{outline:none}.Media .right .top{height:320px;background-color:#252525}.Media .right .top .imagery-wrapper h1{text-align:center;font-family:Georgia,Times New Roman,Times,serif;font-size:2em;font-weight:300;padding-top:.5rem;margin-bottom:10px;color:#7f7f7f}.Media .right .top .imagery-wrapper .check-list{max-width:75%;margin:0 auto}.Media .right .top .imagery-wrapper .check-list li{padding:2px 18px;font-size:1.15rem;text-align:left}.Media .right .top .imagery-wrapper h2{font-family:Georgia,Times New Roman,Times,serif;margin-top:.5rem;color:#7f7f7f;font-size:1.3em;font-weight:100;padding:0 auto;text-align:center}.Media .right .top .imagery-wrapper .resources{display:flex;margin:5px auto;justify-content:center;width:75%}.Media .right .top .imagery-wrapper .resources ul{width:45%;margin-left:5%}.Media .right .top .imagery-wrapper .resources ul li{color:#7f7f7f;text-align:left;font-size:1.05rem}.Media .right .top .imagery-wrapper .resources ul li:hover{color:#326064}.Media .right .bottom{height:280px;background:#f0f0f0;padding:3% 0}.Media .right .bottom h1{font-family:Georgia,Times New Roman,Times,serif;color:#101010;font-size:1.5rem;text-align:center;margin-bottom:8px}.Media .right .bottom .icon-showcase{display:grid;grid-template-columns:repeat(5,auto);place-items:center;width:78%;margin:0 auto;overflow-y:scroll;overflow-x:hidden;height:85%;scrollbar-width:4px}.Media .right .bottom .icon-showcase::-webkit-scrollbar-thumb{background:#101010}.Media .right .bottom .icon-showcase::-webkit-scrollbar{width:5px}.Media .right .bottom ion-icon{font-size:2.2rem;padding:1rem;color:#000;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.Media .right .bottom ion-icon:hover{box-shadow:0 2px 4px #000}.Layout{margin-bottom:3.6rem}.Layout .right .top{height:340px;background-color:#0d0d0d}.Layout .right .top .UI-and-UX-wrapper h1{text-align:center;font-family:Georgia,Times New Roman,Times,serif;font-size:2em;font-weight:300;padding-top:.5em;margin-bottom:.5em;color:#326064}.Layout .right .top .UI-and-UX-wrapper .layout-principles p{font-size:1.2rem;color:#7f7f7f;text-align:center;margin-bottom:1rem;font-family:Georgia,Times New Roman,Times,serif}.Layout .right .top .UI-and-UX-wrapper .check-list{max-width:75%;margin:0 auto}.Layout .right .top .UI-and-UX-wrapper .check-list li{padding:2px 5px;font-size:1.15rem;text-align:left}.Layout .right .top .UI-and-UX-wrapper h3{text-align:center;color:grey;padding-top:1rem;font-weight:100}.Layout .right .bottom{height:260px;background:#252525}.Layout .right .bottom .Credentials-wrapper{padding:3%;text-align:center;font-family:Georgia,Times New Roman,Times,serif;color:#666}.Layout .right .bottom .Credentials-wrapper h1{margin-bottom:2%;font-weight:350;font-size:1.5rem}.Layout .right .bottom .Credentials-wrapper h1 span{color:red}.Layout .right .bottom .Credentials-wrapper p{padding:5px;font-size:1.05rem}.Layout .right .bottom .Credentials-wrapper h2{font-weight:100;font-size:1.25rem}
/*# sourceMappingURL=/main.bded6ad5.css.map */