@font-face{font-family:"Telegraf";src:local("Telegraf"),url(https://res.cloudinary.com/djwa4cx9u/raw/upload/v1617704721/fobs/Telegraf_mcjnyo.otf)}@font-face{font-family:"TelegrafBold";src:local("TelegrafBold"),url(https://res.cloudinary.com/djwa4cx9u/raw/upload/v1617704721/fobs/TelegrafBold_wlx00f.otf)}html{scroll-behavior:smooth}body{background-color:#fff!important;color:#e5e5e5;font-family:Telegraf}p{line-height:30px;font-size:16px}@media screen and (min-width:1440px){p{line-height:32px;font-size:18px}}.bg-dark-theme{background:#0e0e0e!important}.text-dark-theme{color:#0e0e0e!important}.bg-wine-theme{background:#260a0a!important}.text-wine-theme{color:#260a0a!important}.bg-green{background:#10b381!important}.text-green{color:#10b381!important}.bg-white{background:#fff!important}.text-white{color:#fff!important}.bg-dark{background:#250a0a!important}.text-dark{color:#250a0a!important}.text-yellow{color:#ffae39!important}.bg-yellow{background:#ffae39!important}.overflow-hidden{overflow:hidden}.overflow-y-hidden{overflow-y:hidden}.btn,a{transition:all .5s ease}.font-weight-bold{font-family:TelegrafBold}.pt-6{padding-top:6rem!important}@media screen and (min-width:768px){.pt-md-6{padding-top:6rem!important}}@media screen and (min-width:992px){.pt-lg-5{padding-top:4rem!important}}@media screen and (min-width:992px){.pt-lg-7{padding-top:7rem!important}}.py-7{padding-top:7rem!important;padding-bottom:7rem!important}@media screen and (min-width:768px){.py-md-7{padding-top:7rem!important;padding-bottom:7rem!important}}@media screen and (min-width:992px){.py-lg-7{padding-top:7rem!important;padding-bottom:7rem!important}}@media screen and (min-width:768px){.py-md-10{padding-top:10rem!important;padding-bottom:10rem!important}}@media screen and (min-width:1204px){.py-lg-12{padding-top:12rem!important;padding-bottom:12rem!important}}@media screen and (min-width:992px){.mt-lg-6{margin-top:6rem}}.br-0{border-radius:0!important}@media screen and (min-width:1440px){.container{max-width:1250px!important}}@media screen and (min-width:1920px){.container{max-width:1700px!important}}@media screen and (min-width:2300px){.container{max-width:2100px!important}}::selection{background:#10b381;color:#fff}.object-fit-cover{object-fit:cover}.object-fit-contain{object-fit:contain}.d-grid{display:grid}.z-10{z-index:10;position:relative}.btn-outline-green{background:#10b381;border:1px solid #10b381;color:#fff}.btn-outline-green:hover{background:#fff;color:#10b381;border-color:#fff}.btn-outline-white{background:transparent;border:1px solid #fff;color:#fff}.btn-outline-white:hover{color:#0e0e0e;background:#fff}.btn.disabled{cursor:not-allowed;pointer-events:all!important}.navigation{position:relative;margin-bottom:-1px}.navigation .h-h{height:66px}@media screen and (min-width:768px){.navigation .h-h{height:88px}}.navigation .fixed{position:fixed;top:0;z-index:10000;background:#0e0e0e}.navigation .fixed .navbar-toggler:active,.navigation .fixed .navbar-toggler:focus,.navigation .fixed .navbar:focus{outline:none}.navigation .fixed .navbar .nav-link.active,.navigation .fixed .navbar .nav-link:hover{color:#10b381!important}.about{position:absolute;width:100%;top:10%;z-index:1;height:500px}@media screen and (min-width:768px){.about{height:400px;top:15%}.about .container{width:60%;margin-right:30%;margin-left:10%}}.about h1{font-size:180px;line-height:120px;color:transparent;-webkit-text-stroke:.630337px #5e5959}@media screen and (max-width:767px){.about h1{font-size:60px;line-height:70px}}@media screen and (min-width:767px){.about h1{font-size:100px;line-height:140px}}.about.ffm{top:0!important}.about.ffm h1{font-size:60px!important}@media screen and (min-width:768px){.about.ffm h1{font-size:110px!important;line-height:80px!important}}.homepage .banner,.homepage .my-project,.homepage .navigation{background:#0e0e0e}.homepage .banner .about.home,.homepage .my-project .about.home,.homepage .navigation .about.home{top:0}@media screen and (min-width:768px){.homepage .banner .about.home,.homepage .my-project .about.home,.homepage .navigation .about.home{let:5%}.homepage .banner .about.home .container,.homepage .my-project .about.home .container,.homepage .navigation .about.home .container{margin-left:0}}.homepage .banner .about.home h1,.homepage .my-project .about.home h1,.homepage .navigation .about.home h1{font-size:180px;line-height:120px}@media screen and (max-width:767px){.homepage .banner .about.home h1,.homepage .my-project .about.home h1,.homepage .navigation .about.home h1{font-size:100px;line-height:70px}}.homepage .banner{position:relative;overflow:hidden;background:#0e0e0e}@media screen and (min-width:768px){.homepage .banner .name{font-size:2.3rem}}@media screen and (max-width:767px){.homepage .banner .center{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}}.homepage .banner .fobs-img{position:relative;height:600px;width:auto;object-fit:cover}@media screen and (max-width:767px){.homepage .banner .fobs-img{height:350px;right:-40px}}@media screen and (min-width:768px){.homepage .banner .fobs-img{top:-80px}}.homepage .banner .links{grid-template-columns:1fr 1fr;grid-gap:30px}@media screen and (max-width:767px){.homepage .banner .links{grid-gap:15px}.homepage .banner .links button{border-radius:0!important}}.quote{position:relative;background-size:cover!important;background-position:50%!important}.quote .quo{position:absolute}.quote p.first{font-size:24px;line-height:30px;text-align-last:center;word-break:keep-all}@media screen and (min-width:768px){.quote p.first{font-size:36px;line-height:40px}}@media screen and (min-width:992px){.quote p.first{font-size:40px;line-height:43px}}@media screen and (min-width:1024px){.quote p.first{font-size:45px;line-height:50px}}.quote p.last{font-size:18px;line-height:20px;text-align-last:center}@media screen and (min-width:768px){.quote p.last{font-size:32px;line-height:34px}}@media screen and (min-width:1024px){.quote p.last{font-size:36px;line-height:40px}}.my-project{position:relative}.my-project .project-img{width:100%;max-width:500px;height:auto}.more h2{font-size:32px}@media screen and (min-width:768px){.more h2{font-size:48px}}.more .index{font-size:50px}@media screen and (min-width:768px){.more .index{font-size:75px}}.more .opacity-2{opacity:.2}.more .testimonial{background:#000;opacity:.88;border-radius:8px;overflow:hidden}.more .slick-track{display:-webkit-flex!important;display:flex!important}.more .slick-slide{height:inherit!important}.more .slick-slide>div{height:100%}.more .slick-arrow,.more .slick-next,.more .slick-prev{display:none!important}.more .slick-dots li button{display:inline-block;border-radius:50%;background:#dde0e4;width:10px;height:10px;top:3px;position:relative;transition:all .5s ease}.more .slick-dots li button:before{content:""}.more .slick-dots li.slick-active button{width:25px;border-radius:8px!important;background-color:#10b381!important}.footer h2{font-size:26px;width:80%}@media screen and (min-width:768px){.footer h2{font-size:30px}}@media screen and (min-width:992px){.footer h2{font-size:38px}}.footer .box{width:50px;height:50px;background:linear-gradient(47.59deg,#0a2e66,#00e49f 84.92%)}@media screen and (min-width:992px){.footer .box{width:70px;height:70px}}@media screen and (min-width:1204px){.footer .box{width:80px;height:80px}}.footer .box-h{background:transparent;border:.477778px solid #fff;height:200px;max-width:150px;position:relative;transition:all .5s ease}@media screen and (min-width:768px){.footer .box-h{height:300px}}@media screen and (min-width:992px){.footer .box-h{height:250px}}.footer .box-h:hover,.footer .box-h a,.footer .box-h div{transition:all .5s ease}.footer .box-h:hover{background:linear-gradient(0deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.1)),#10b381;-webkit-justify-content:center!important;justify-content:center!important;-webkit-align-items:center!important;align-items:center!important}.footer .box-h:hover div{margin-left:0!important;text-align:center}.footer .box-h:hover a{text-align:center}.footer .box-h:hover a:hover{text-decoration:none}.footer .w-80{width:80%}.footer .line{width:30%}@media screen and (min-width:576px){.footer .line{width:35%}}@media screen and (min-width:768px){.footer .line{width:40%}}.footer .link:hover{color:#fff!important;text-decoration:none}#scrollTop{position:fixed;right:20px;bottom:30px;width:50px;height:50px;line-height:50px;text-align:center}#scrollTop:hover{cursor:pointer}.about-page .meet-fobs{position:relative}.about-page .meet-fobs .abt{width:100%}@media screen and (min-width:1280px){.about-page .meet-fobs .abt{width:50%}}.about-page .meet-fobs .about{height:auto;width:80%}@media screen and (max-width:991px){.about-page .meet-fobs .about{top:8%}}@media screen and (min-width:768px){.about-page .meet-fobs .about{top:20%;width:70%}}@media screen and (min-width:768px){.about-page .meet-fobs .about .container{width:100%;margin-right:0;margin-left:0}}.about-page .meet-fobs .about h1{font-size:80px;line-height:60px}@media screen and (min-width:768px){.about-page .meet-fobs .about h1{font-size:120px;line-height:90px}}@media screen and (min-width:992px){.about-page .meet-fobs .about h1{font-size:170px;line-height:120px}}@media screen and (min-width:1440px){.about-page .meet-fobs .about h1{font-size:230px;line-height:180px}}.about-page .meet-fobs img{max-width:250px;height:auto;object-position:50% 65%}@media screen and (min-width:425px){.about-page .meet-fobs img{max-width:300px}}@media screen and (min-width:992px){.about-page .meet-fobs img{width:100%;max-width:600px;max-height:600px}}@media screen and (min-width:992px){.about-page .meet-fobs h2{font-size:48px}}.about-page .experience{font-size:16px}@media screen and (min-width:1440px){.about-page .experience{font-size:18px}}.my-project .about,.work-page .about{height:auto;width:80%;top:15%}.my-project .about .container,.work-page .about .container{margin-right:0;margin-left:0;width:100%}@media screen and (min-width:768px){.my-project .about,.work-page .about{width:70%;top:18%}}.my-project .about h1,.work-page .about h1{font-size:45px;line-height:35px}@media screen and (min-width:768px){.my-project .about h1,.work-page .about h1{font-size:75px;line-height:50px}}@media screen and (min-width:992px){.my-project .about h1,.work-page .about h1{font-size:110px;line-height:80px}}.my-project .projet img,.work-page .projet img{object-position:right top;max-height:500px;border-radius:20px}.my-project .projet .no,.work-page .projet .no{font-size:50px;opacity:.2}@media screen and (max-width:567px){.my-project .projet .w-sm-60,.work-page .projet .w-sm-60{width:60%!important}}@media screen and (min-width:1440px){.my-project .projet .w-lg-35,.work-page .projet .w-lg-35{width:35%!important}}.sogo-vr .button-special{background:#2c2c2c;color:#fff;padding:8px 12px}.sogo-vr .button-special:hover{background:#ffae39}.sogo-vr .button-special.active{background:#ffae39;color:#000}@media screen and (min-width:768px){.sogo-vr .grid{display:grid;grid-template-columns:1fr 4fr;grid-gap:30px;gap:30px}}@media screen and (min-width:768px) and (min-width:1024px){.sogo-vr .grid{grid-gap:80px;gap:80px}}@media screen and (min-width:768px) and (min-width:1440px){.sogo-vr .grid{grid-gap:120px;gap:120px}}@media screen and (min-width:768px) and (min-width:1620px){.sogo-vr .grid{grid-gap:150px;gap:150px}}.sogo-vr h3{font-size:1.3rem}.sogo-vr .details{margin-top:6rem}.sogo-vr .bg-light-col{background:#fcfbff}.sogo-vr #sticky{position:relative}.sogo-vr .stay{position:-webkit-sticky;position:sticky;top:150px;overflow:hidden;height:100vh}.sogo-vr .links a,.sogo-vr .sectns p,.sogo-vr li{font-size:12px}.sogo-vr .links{margin-top:10rem}.sogo-vr .mt-top{margin-top:4rem}.sogo-vr .mb-bottom{margin-bottom:4rem}.sogo-vr .wrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.sogo-vr .wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
/*# sourceMappingURL=main.0245e482.chunk.css.map */