.navbar{margin-top:100px;display:flex}.navbar li{margin-left:15px}.navbar li:before{margin-right:15px;content:"/";color:#ccc}.navbar li:first-child{margin-left:0}.navbar li:first-child:before{display:none}@media screen and (min-width: 1200px){.navbar li{cursor:pointer;transition:opacity .15s ease-in-out}.navbar li:hover{opacity:.5}}@media screen and (max-width: 767px){.navbar{justify-content:center}.navbar li{margin-left:10px;font-size:14px}.navbar li:before{margin-right:10px}}.logo{padding:150px 0;background-color:#fff;display:flex;flex-direction:column;align-items:flex-end;z-index:10}.logo span{display:flex}.logo .subtitle{margin-top:10px;margin-right:20px;font-size:30px}.claim{width:480px}@media screen and (max-width: 1199px){.logo svg{width:110px;height:80px}.claim{width:50%}}@media screen and (max-width: 767px){.logo{padding:100px 0 50px}.logo svg{width:70px;height:50px}.logo .subtitle{margin-top:5px;margin-right:15px;font-size:22px}.claim{width:100%;text-align:center}}.about{width:480px}.about:first-child{text-align:right}.about h2{color:#f46}@media screen and (max-width: 1199px){.about{width:75%}.about:first-child{margin-bottom:25px;text-align:left}}@media screen and (max-width: 767px){.about{width:100%;text-align:center}.about:first-child{text-align:center}}.mission{width:480px}.mission:first-child{width:580px;text-align:right}.mission:first-child li{margin-top:50px;padding-top:49px;padding-right:100px;border-top:1px solid #E5E5E5;min-height:60px;overflow:hidden}.mission:first-child li:first-child{margin-top:0;padding-top:0;border-top:none}.mission:first-child li.active .heading{padding-bottom:30px}.mission:first-child li .heading{display:flex;align-items:center;justify-content:flex-end;transition:padding-bottom .25s ease-in-out}.mission:first-child li .heading svg{margin-left:30px;width:60px;height:60px}.mission h2{color:#fc0}@media screen and (min-width: 1200px){.mission:first-child li .heading{cursor:pointer}.mission:first-child li .heading:hover h4{opacity:.5}.mission:first-child li .heading:hover svg{transform:scale(.75)}.mission:first-child li .heading h4{transition:opacity .15s ease-in-out}.mission:first-child li .heading svg{transition:transform .15s ease-in-out}}@media screen and (max-width: 1199px){.mission-container{flex-direction:column-reverse}.mission-container .mission{width:75%}.mission-container .mission:first-child{width:75%;text-align:left}.mission-container .mission:first-child li{padding-right:0}.mission-container .mission:first-child li:first-child{margin-top:50px;padding-top:49px;border-top:1px solid #E5E5E5}.mission-container .mission:first-child li .heading{flex-direction:row-reverse}.mission-container .mission:first-child li .heading svg{margin-right:30px;margin-left:0}}@media screen and (max-width: 767px){.mission-container .mission,.mission-container .mission:first-child{width:100%}.mission-container .mission:first-child li,.mission-container .mission:first-child li:first-child{margin-top:20px;padding-top:19px}.mission-container .mission:first-child li.active .heading{padding-bottom:20px}.mission-container .mission:first-child li .heading svg{margin-right:20px;width:40px;height:40px}}.solutions:first-of-type{width:420px;text-align:right}.solutions:first-of-type .subtitle,.solutions:first-of-type h2,.solutions:first-of-type li{padding-right:100px}.solutions:last-of-type{padding-left:100px;width:420px}.solutions h2{color:#4ca}.solutions li{margin-top:20px;padding-top:19px;height:60px;border-top:1px solid #E5E5E5;color:#999;display:flex;align-items:center;justify-content:flex-end}.solutions li.active{color:#333}.solutions li.active div{display:flex;align-items:center;justify-content:flex-end}.solutions li.active div h5{font-weight:500}.solutions li:first-child{margin-top:0;padding-top:0;border-top:none}.solutions li svg{margin-left:20px}.solutions li:hover svg{opacity:1}.solutions h4{display:none}.solutions-svg{z-index:10}.solutions-svg:before{width:320px;height:700px;background-color:#0000001a;filter:blur(10px);-webkit-filter:blur(10px);content:"";display:block;position:absolute;z-index:-1}@media screen and (min-width: 1200px){.solutions li{cursor:pointer}.solutions li h5{transition:opacity .15s ease-in-out}.solutions li:hover h5{opacity:.5}.solutions li.active{opacity:1;cursor:inherit}}@media screen and (max-width: 1199px){.solutions-container{flex-wrap:wrap;flex-direction:row;justify-content:center}.solutions-container .solutions:first-of-type{width:320px}.solutions-container .solutions:last-of-type{display:none}}@media screen and (max-width: 767px){.solutions-container{flex-direction:column}.solutions-container .solutions:first-of-type{width:100%;text-align:center}.solutions-container .solutions:first-of-type .subtitle,.solutions-container .solutions:first-of-type h2{padding-right:0}.solutions-container .solutions:last-of-type{margin-top:50px;padding-left:0;width:100%;text-align:center;display:block}.solutions-container .solutions ul{margin-bottom:50px;display:flex;flex-direction:row;justify-content:center}.solutions-container .solutions ul li{margin-top:0;margin-right:15px;padding-top:0;padding-right:0;height:40px;border-top:none;flex-direction:row-reverse}.solutions-container .solutions ul li:last-child{margin-right:0}.solutions-container .solutions ul li.active{border-bottom:1px solid #4CA}.solutions-container .solutions ul li svg{display:none}.solutions-container .solutions h4{margin-bottom:20px;font-weight:500;display:block}.solutions-container .solutions-svg{margin:0 -25px;position:relative;z-index:10}}.contact{width:480px}.contact:first-child{width:580px}.contact:first-child h2,.contact:first-child .subtitle{display:none}.contact h2{color:#0bf}.contact ul{margin:50px 0;display:flex}.contact ul li{margin-left:20px}.contact ul li:first-child{margin-left:0}.contact form{display:flex;flex-direction:column;align-content:flex-end}.contact form .input-box{position:relative}.contact form .input-box input,.contact form .input-box select,.contact form .input-box textarea{padding-right:100px;width:100%;height:80px;background:transparent;border:none;border-bottom:1px solid #E5E5E5;font-weight:300;font-family:Roboto,sans-serif;font-size:16px;line-height:80px;text-transform:capitalize;color:#333;text-align:right;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none}.contact form .input-box input::placeholder,.contact form .input-box select::placeholder,.contact form .input-box textarea::placeholder{color:#ccc}.contact form .input-box input:focus,.contact form .input-box select:focus,.contact form .input-box textarea:focus{outline:none}.contact form .input-box select{direction:rtl}.contact form .input-box textarea{padding-top:30px;min-width:580px;width:580px;max-width:580px;min-height:200px;height:200px;max-height:200px;line-height:25px}.contact form .input-box p{font-size:14px;line-height:20px;color:#f46;position:absolute;top:10px;right:100px}.contact form .checkbox-box{margin-top:20px;display:flex;align-items:center}.contact form .checkbox-box input{margin:0 100px 0 20px;width:20px;height:20px;border:1px solid #E5E5E5;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 20px}.contact form .checkbox-box input:checked{border-color:#0bf}.contact form .checkbox-box input:checked:after{margin:2px;width:14px;height:14px;background:#0bf;content:"";display:block}.contact form .checkbox-box p{font-size:12px;line-height:15px;text-align:right}.contact form .checkbox-box p span{text-decoration:underline}.contact form button{margin-top:20px;padding-right:100px;background:transparent;border:none;font-weight:500;font-family:Roboto,sans-serif;font-size:18px;line-height:40px;color:#333;text-align:right;text-transform:uppercase;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none}.contact .valid-form{padding-right:100px;text-align:right}.contact .valid-form h5{margin-bottom:10px}.contact .valid-form h5 span{color:#0bf}@media screen and (min-width: 1200px){.contact form button{cursor:pointer;transition:opacity .15s ease-in-out}.contact form button:hover{opacity:.5}.contact p span{cursor:pointer;transition:opacity .15s ease-in-out}.contact p span:hover{opacity:.5}}@media screen and (max-width: 1199px){.contact-container .contact{width:75%}.contact-container .contact:first-child{margin-bottom:50px;width:75%}.contact-container .contact:first-child h2,.contact-container .contact:first-child .subtitle{display:block}.contact-container .contact form .input-box input,.contact-container .contact form .input-box select,.contact-container .contact form .input-box textarea{padding-right:0;text-align:left}.contact-container .contact form .input-box select{direction:ltr}.contact-container .contact form .input-box textarea{min-width:100%;width:100%;max-width:100%}.contact-container .contact form .input-box p{right:inherit;left:0}.contact-container .contact form .checkbox-box{flex-direction:row-reverse}.contact-container .contact form .checkbox-box input{margin-right:20px;margin-left:0}.contact-container .contact form .checkbox-box p{text-align:left}.contact-container .contact form button{padding-right:0}.contact-container .contact .valid-form{padding-top:49px;padding-right:0;border-top:1px solid #E5E5E5;text-align:left}}@media screen and (max-width: 767px){.contact-container .contact,.contact-container .contact:first-child{width:100%}.contact-container .contact:last-child .subtitle,.contact-container .contact:last-child h2,.contact-container .contact:last-child p{display:none}.contact-container .contact:last-child ul{margin-top:0;justify-content:center}.contact-container .contact:last-child .copy{text-align:center;display:block}.contact-container .contact form .checkbox-box{align-items:flex-start}.contact-container .contact form button{text-align:center}}.footer{margin-bottom:0;background:transparent;position:relative;z-index:10}.footer.grey-bg{margin-bottom:0;background-color:transparent}.footer.grey-bg:before{border-color:transparent transparent #333 transparent}.footer.grey-bg:after{display:none}.footer .footer-bg{background-color:#333}.footer .footer-bg .wrapper{margin-top:0;margin-bottom:0}.footer .logo{background:transparent}.footer .logo h1,.footer .logo .subtitle{color:#fff}@media screen and (max-width: 767px){.footer .logo{padding:200px 0}}.modal-bg{width:100%;height:100%;background-color:#00000080;position:fixed;left:0;bottom:0;z-index:20}.modal-bg .modal{width:50%;height:100%;background-color:#fff;position:fixed;right:0;bottom:0;z-index:20}.modal-bg .modal .content{padding:49px;height:calc(100% - 80px);overflow:auto}.modal-bg .modal .content::-webkit-scrollbar{width:5px;background-color:#fff}.modal-bg .modal .content::-webkit-scrollbar-thumb{background:#ccc}.modal-bg .modal h4{margin-bottom:10px}.modal-bg .modal h3,.modal-bg .modal h5{margin-top:0;margin-bottom:10px;font-weight:500;font-family:Roboto,sans-serif;font-size:16px;line-height:20px}.modal-bg .modal p{margin-bottom:10px;font-size:14px;line-height:20px}.modal-bg .modal p span{margin-right:10px;text-decoration:underline}.modal-bg .modal a{color:#333}.modal-bg .modal li{margin-bottom:10px}.modal-bg .modal dl{margin-bottom:10px;padding:20px;background-color:#f0f0f0}.modal-bg .modal dl:last-child{margin-bottom:0}.modal-bg .modal dl dt{float:left}.modal-bg .modal dl dd{margin-left:100px}.modal-bg .modal button{padding:20px;width:100%;background:transparent;border:none;border-bottom:1px solid #E5E5E5;font-weight:500;font-family:Roboto,sans-serif;font-size:14px;line-height:39px;color:#333;text-align:right;text-transform:uppercase;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media screen and (min-width: 1200px){.modal button{cursor:pointer;transition:opacity .15s ease-in-out}.modal button:hover{opacity:.5}.modal-bg .modal p span{cursor:pointer}}@media screen and (max-width: 1199px){.modal-bg .modal{width:100%}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}::selection{background-color:transparent}html{overflow-x:hidden}html::-webkit-scrollbar{width:5px;background-color:#fff}html::-webkit-scrollbar-thumb{background:-webkit-linear-gradient(315deg,#F46,#FC0,#4CA,#0BF)}body{background-color:#fff;font-weight:300;font-family:Roboto,sans-serif;font-size:16px;line-height:25px;color:#333}h1{font-weight:900;font-family:Poppins,sans-serif;font-size:143px;line-height:100px;letter-spacing:-15px;text-transform:uppercase;color:#333}h2{margin-bottom:50px;font-weight:400;font-family:Poppins,sans-serif;font-size:65px;line-height:65px;letter-spacing:-5px;text-transform:uppercase}h3{margin-bottom:20px;font-weight:300;font-family:Poppins,sans-serif;font-size:50px;line-height:50px;color:#333}h4{font-weight:300;font-family:Poppins,sans-serif;font-size:26px;line-height:30px}h5{font-weight:300;font-family:Poppins,sans-serif;font-size:20px;line-height:20px}strong{font-weight:500}ul{list-style:none}svg{display:block;z-index:10}.subtitle{font-family:Playfair Display,serif;font-size:22px;line-height:30px;color:#333}.wrapper{margin:auto;width:1160px}.grey-bg{margin:50px 0;background-color:#f9f9f9}.grey-bg:before{width:0;height:0;border-style:solid;border-width:0 0 200px 100vw;border-color:transparent transparent #F9F9F9 #FFF;content:"";display:block}.grey-bg:after{width:0;height:0;border-style:solid;border-width:200px 100vw 0 0;border-color:#F9F9F9 #FFF transparent transparent;content:"";display:block}.grey-bg .wrapper{margin-top:50px;margin-bottom:50px}.flex-container-center{display:flex;justify-content:center}.flex-container-space-between{display:flex;align-items:center;justify-content:space-between}.flex-container-end{display:flex;justify-content:flex-end}.line{width:1px;height:100vh;background-color:#e5e5e5;position:fixed;top:0;left:50%}@media screen and (max-width: 1199px){h1{font-size:110px;line-height:85px;letter-spacing:-10px}h2{font-size:50px;line-height:50px;letter-spacing:-5px}h3{font-size:40px;line-height:40px}.wrapper{width:calc(100% - 50px)}.flex-container-space-between{flex-direction:column}.line{display:none}}@media screen and (max-width: 767px){h1{font-size:72px;line-height:50px;letter-spacing:-5px}h2{margin-bottom:20px;font-size:40px;line-height:40px;letter-spacing:-2px}h3{font-size:30px;line-height:30px}h4{font-size:18px;line-height:20px}h5{font-size:14px;text-transform:uppercase}.grey-bg:before{border-width:0 0 100px 100vw}.grey-bg:after{border-width:100px 100vw 0 0}.flex-container-end{justify-content:center}}
