@import url(https://fonts.googleapis.com/css?family=Tajawal&display=swap);#btn-scroll-to-top{display:none;position:fixed;width:6rem;height:6rem;bottom:4.5rem;right:4.5rem;z-index:99;border:none;outline:none;background-color:#2e86cc;color:#fff;border-radius:50px;text-align:center;-webkit-box-shadow:2px 2px 3px #246cab;box-shadow:2px 2px 3px #246cab;font-size:2.5rem}@media screen and (max-width:544px){#btn-scroll-to-top{display:none!important}}html body{overflow-x:hidden;font-family:Tajawal,Roboto Slab,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;direction:rtl;text-align:right;font-size:1.6rem}p{line-height:1.75}a{color:#0081d2}a:hover{color:rgb(0,97.6714285714,159)}.text-primary{color:#0081d2!important}h1,h2,h3,h4,h5,h6{font-weight:700;font-family:Tajawal,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.page-section{padding:100px 0}.page-section h2.section-heading{font-size:40px;margin-top:0;margin-bottom:15px}.page-section h2.section-heading.clickable:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.page-section h2.section-heading.clickable a{color:initial;text-decoration:initial}.page-section h2.section-heading.clickable a:hover{text-decoration:initial;color:unset}.page-section h2.section-heading.clickable a:hover else{text-decoration:underline}.page-section h3.section-subheading{font-size:16px;font-weight:400;font-style:italic;margin-bottom:75px;text-transform:none;font-family:Tajawal,"Droid Serif",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.page-section .grid-title{font-size:16px;margin-bottom:12px;font-weight:400}.page-section .hoverable:hover{text-decoration:underline;-webkit-transform:scale(1.06);transform:scale(1.06);cursor:pointer}@media(min-width:768px){section{padding:150px 0}}::-moz-selection{background:#0081d2;text-shadow:none}::selection{background:#0081d2;text-shadow:none}img::selection{background:transparent}img::-moz-selection{background:transparent}img{font-size:10px;color:#fff;overflow:hidden}.btn{font-family:Tajawal,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:700;-webkit-transition:color .1s;transition:color .1s}.btn-xl{font-size:18px;padding:20px 40px}.btn-primary{background-color:#0081d2;border-color:#0081d2}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:rgb(0,105.5035714286,171.75)!important;border-color:rgb(0,105.5035714286,171.75)!important;color:#fff}.btn-primary:active,.btn-primary:focus{-webkit-box-shadow:0 0 0 .2rem rgba(0,129,210,.5)!important;box-shadow:0 0 0 .2rem rgba(0,129,210,.5)!important}.btns-container{margin-top:10px}.lp-btn.btn-browse-projects,.lp-btn.btn-post-project{background:#fed136;border-color:#ffea0f;color:#fff}.lp-btn:hover{color:#868e96}.lp-ctas-row{margin-bottom:.4rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.lp-ctas-row>.btn{min-width:23.8rem;margin:.8rem .6rem 0;background-color:rgba(0,0,0,.0392156863);border-color:#1b81d2}.lp-ctas-row>.btn:focus{color:#fff!important}.lp-ctas-row>.btn .btn-icon{margin-left:.6rem}.lp-ctas-row .btn.btn-read-more{background-color:#0081d2;color:#fff;border-color:#1b81d2}.lp-ctas-row.btns-light>.btn{color:#0081d2;background-color:#f9f9fa}.lp-ctas-row.btns-light>.btn:hover{color:#fff}#mainNav{background-image:linear-gradient(110deg,rgba(0,129,210,.9),rgba(0,85,152,.9));font-size:1.6rem}#mainNav:after{background-image:none}#mainNav.navbar-shrink .navbar-brand.ofk-brand{margin-top:unset!important}#mainNav .navbar-brand.ofk-brand{font-size:2.4rem;line-height:1;padding-right:2px}#mainNav .navbar-nav .nav-item{min-height:4rem}#mainNav .navbar-nav .nav-item .nav-link{letter-spacing:.5px;font-family:Tajawal,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}#mainNav .navbar-nav .nav-item .nav-link.active,#mainNav .navbar-nav .nav-item .nav-link:hover{font-weight:700}#mainNav .navbar-nav .nav-item .nav-link.profile-btn-nav-link img{max-width:36px;display:inline-block;height:36px;width:36px;color:#000;background:#fff}#mainNav .navbar-nav .nav-item .nav-link.profile-btn-nav-link.dropdown-toggle:after{margin-right:.4rem}@media(min-width:992px){#mainNav{padding-top:25px;padding-bottom:25px;-webkit-transition:padding-top .3s,padding-bottom .3s;transition:padding-top .3s,padding-bottom .3s;border:none;background-image:none;background-color:transparent}#mainNav .navbar-brand.ofk-brand{color:#0081d2;font-size:2.5em;line-height:unset;margin-right:0;margin-left:2rem;-webkit-transition:all .3s;transition:all .3s}#mainNav .navbar-nav{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#mainNav .navbar-nav .nav-item .nav-link{padding:1.1em 1em!important}#mainNav.navbar-shrink{padding-top:0;padding-bottom:0;background-image:linear-gradient(110deg,rgba(0,129,210,.9),rgba(0,85,152,.9))}#mainNav.navbar-shrink .navbar-brand.ofk-brand{font-size:1.5em;color:#fff;padding:12px 0}}@media(max-width:992px){#mainNav .navbar-nav .nav-item{padding-right:2rem}}.badge-row{margin-bottom:2rem}.badge{color:#fff;border-radius:7px;margin:8px;padding:8px 16px;font-size:1.5rem}.badge.badge-coming-soon{background:#dc3545}.badge.badge-new{background-color:green}header.masthead{text-align:center;color:#fff}header.masthead div.ofk-overlay{position:absolute;left:0;right:0;z-index:-1;height:800px;background-color:rgba(11,15,40,.5215686275)}header.masthead div.bg-image{position:absolute;left:0;right:0;z-index:-2;display:block;background-image:url(https://oufok.com/dist/img/main_landing_page_app/cover1.jpg);width:100%;height:800px;-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);background-repeat:no-repeat;background-attachment:scroll;background-position:50%;background-size:cover}header.masthead .intro-text{padding-top:150px;padding-bottom:100px}header.masthead .intro-text .intro-brand{font-size:50px;font-weight:700;line-height:22px;margin-bottom:10px;font-family:Tajawal,"Droid Serif",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}header.masthead .intro-text .intro-brand img{width:80px;margin-bottom:15px}header.masthead .intro-text .intro-heading{font-size:36px;font-weight:400;line-height:50px;margin-bottom:25px;font-family:Tajawal,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}@media(min-width:768px){header.masthead .intro-text{padding-top:300px;padding-bottom:200px}header.masthead .intro-text .intro-brand{font-size:70px;line-height:40px;margin-bottom:10px;font-family:Tajawal,"Droid Serif",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}header.masthead .intro-text .intro-brand img{width:110px;margin-bottom:24px}header.masthead .intro-text .intro-heading{font-size:50px;line-height:75px;margin-bottom:30px;font-weight:400;font-family:Tajawal,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}}.service-heading{font-size:2.4rem;margin:22px 0 10px;text-transform:none;line-height:3.2rem}#blog a.articles-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;right:0;margin:0 0 15px;cursor:pointer;color:#212529}#blog a.articles-item .hoverable:hover{text-decoration:underline;-webkit-transform:scale(1.06);transform:scale(1.06)}#blog a.articles-item .articles-link{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:400px;margin:0;background-color:#f3f4f5}#blog a.articles-item .articles-link img{width:100%;margin:0 auto}#blog a.articles-item .articles-caption{-webkit-box-flex:1;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;max-width:400px;margin:0;padding:25px;text-align:center;background-color:#fff}#blog a.articles-item .articles-caption h4{margin:0;text-transform:none}#blog a.articles-item .articles-caption p{font-size:16px;margin:0;font-family:Tajawal,"Droid Serif",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}#blog a.articles-item:hover{-webkit-transform:scale(1.08);transform:scale(1.08);text-decoration:none}#blog a.articles-item h1,#blog a.articles-item h2,#blog a.articles-item h3,#blog a.articles-item h4{line-height:2.2rem}#blog *{z-index:2}@media(min-width:767px){#blog .articles-item{margin:0 0 30px}}.timeline{position:relative;padding:0;list-style:none}.timeline:before{position:absolute;top:0;bottom:0;left:40px;width:2px;margin-left:-1.5px;content:"";background-color:#e9ecef}.timeline>li{position:relative;min-height:50px;margin-bottom:50px}.timeline>li:after,.timeline>li:before{display:table;content:" "}.timeline>li:after{clear:both}.timeline>li .timeline-panel{position:relative;float:left;width:100%;padding:0 20px 0 100px;text-align:right}.timeline>li .timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li .timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li .timeline-image{position:absolute;z-index:100;left:0;width:80px;height:80px;margin-left:0;text-align:center;color:#fff;border:7px solid #e9ecef;border-radius:100%;background-color:#0081d2;padding:2px}.timeline>li .timeline-image.hoverable:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:#005598}.timeline>li .timeline-image h4{font-size:10px;line-height:14px;margin-top:1.6rem}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 20px 0 100px;text-align:right}.timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li:last-child{margin-bottom:0}.timeline .timeline-heading h4{line-height:2.2rem;margin-top:0;color:inherit}.timeline .timeline-heading h4.subheading{text-transform:none}.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}@media(min-width:768px){.timeline:before{left:50%}.timeline>li{min-height:100px;margin-bottom:100px}.timeline>li .timeline-panel{float:left;width:41%;padding:0 20px 20px 30px;text-align:right}.timeline>li .timeline-image{left:50%;width:100px;height:100px;margin-left:-50px}.timeline>li .timeline-image h4{font-size:13px;line-height:18px;margin-top:2rem}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 30px 20px 20px;text-align:right}}@media(min-width:992px){.timeline>li{min-height:150px}.timeline>li .timeline-panel{padding:0 20px 20px}.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}.timeline>li .timeline-image h4{font-size:18px;line-height:26px;margin-top:4.5rem}.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}@media(min-width:1200px){.timeline>li{min-height:170px}.timeline>li .timeline-panel{padding:0 20px 20px 100px}.timeline>li .timeline-image{width:170px;height:170px;margin-left:-85px}.timeline>li .timeline-image h4{margin-top:4.5rem}.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}}:root{--mdc-theme-primary:$primary-color}.project-item{display:block;text-decoration:none;margin-bottom:50px;text-align:center;cursor:pointer}.project-item:hover{-webkit-transform:scale(1.06);transform:scale(1.06)}.project-item a.hoverable{display:block;color:unset}.project-item a.hoverable:hover{color:unset;-webkit-transform:scale(1.06);transform:scale(1.06)}.project-item a.hoverable.skill-tag{display:inline-block}.project-item a.hoverable.skill-tag:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.project-item img{width:80px;height:80px;border:7px solid rgba(0,0,0,.1)}.project-item .ofk-subtitle{font-size:16px;font-weight:400;margin-top:20px}.project-item .ofk-title{display:block;color:#212529;font-size:19px;margin-top:10px;line-height:2.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-item .ofk-title:hover{text-decoration:underline}.project-item .skills-container{margin-top:8px;padding:4px;color:#000}.project-item .skill-tag{background:rgba(0,0,0,.1);border-radius:6px;padding:6px;font-size:12px;margin-right:4px;margin-bottom:4px}.overlay-container{position:relative;padding:8rem 0}.overlay-container .coming-soon-overlay{position:absolute;left:0;top:0;height:100%;width:100%;text-align:center;background:#dee2e6;z-index:2;opacity:.65;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;color:#212529;font-size:8rem;font-weight:700}.overlay-container .text-first-row{font-size:2rem}.overlay-container .text-second-row{font-size:7rem}section#projects.has-coming-soon{padding-bottom:0}section#projects.has-coming-soon .container{-webkit-filter:blur(8px);filter:blur(8px)}@media screen and (max-width:544px){section#projects.has-coming-soon .container{max-height:50vh;overflow:hidden}}section#register{background-color:#212529;background-repeat:no-repeat;background-position:50%}section#register,section#register .landing-page-register-block{font-size:1.6rem}section#register .section-heading{color:#fff}section#register .form-group{margin-bottom:25px}section#register .form-group input,section#register .form-group textarea{padding:20px}section#register .form-group input.form-control{height:auto;font-size:1.5rem}section#register .form-group textarea.form-control{height:248px}section#register .form-group .ofk-input-icon{min-width:4.5rem;font-size:2rem}section#register .form-control:focus{border-color:#0081d2;-webkit-box-shadow:none;box-shadow:none}section#register ::-webkit-input-placeholder{font-weight:700;color:#ced4da;font-family:Tajawal,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}section#register :-moz-placeholder,section#register ::-moz-placeholder{font-weight:700;color:#ced4da;font-family:Tajawal,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}section#register :-ms-input-placeholder{font-weight:700;color:#ced4da;font-family:Tajawal,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.footer{padding:25px 0;text-align:center}.footer span.copyright,.footer ul.quicklinks{font-size:90%;line-height:40px;text-transform:none;font-family:Tajawal,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.footer ul.quicklinks,ul.social-buttons{margin-bottom:0}ul.social-buttons li a{font-size:20px;line-height:50px;display:block;width:50px;height:50px;-webkit-transition:all .3s;transition:all .3s;color:#fff;border-radius:100%;outline:none;background-color:#212529}ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color:#0081d2}.form-control{font-size:1.4rem}.datepicker.form-control{padding:6px 12px}.validate-err{color:red}.validate-err ul{padding:0}.validate-err ul li{display:block;padding:2px;padding-right:2px!important;padding-left:2px!important;text-align:right}html[dir=rtl] .input-group .input-group-prepend>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none!important;border-top-right-radius:4px;border-bottom-right-radius:4px}html[dir=rtl] .input-group .input-group-append>.input-group-text{border-top-left-radius:4px;border-bottom-left-radius:4px;border-right:none!important;border-top-right-radius:0;border-bottom-right-radius:0}.input-group.no-radius .form-control,.input-group.no-radius .input-group-text{border-radius:0 0 0 0!important}