@import url(//cdn.rawgit.com/rtaibah/dubai-font-cdn/master/dubai-font.css);@font-face{font-family:"Montserrat";src:"fonts/Montserrat-Regular.ttf"}*{-webkit-user-select:none;-ms-user-select:none;user-select:none}body{margin:0}html{scroll-behavior:smooth}body,html{overflow-x:hidden}.contact,body{background:#121212}.contact{text-align:center;padding-top:500px}@media screen and (max-width:720px){.contact{margin-top:2250px}}@media screen and (max-width:1200px) and (min-width:720px){.contact{padding-top:1000px}}@media screen and (max-width:720px) and (min-width:600px){.contact{margin-top:1000px}}@media screen and (max-width:1284px) and (min-width:1200px){.contact{padding-top:400px}}.contact .contact__title{font-family:Montserrat;font-style:normal;font-weight:700;font-size:30px;letter-spacing:.3538em;color:#fff;border:5px solid #fff;width:240px;margin:auto;-webkit-justify-content:center;justify-content:center;padding-left:10px}.contact .contact__desc{width:40%;margin-left:auto;margin-right:auto;margin-top:75px;font-family:Open-Sans;font-style:normal;font-weight:400;font-size:21px;line-height:138.68%;text-align:center;color:#e5e5e5}.contact img{width:150px;height:75px}.contact form{margin-top:50px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.contact form p{color:red;font-family:Montserrat;font-size:13px}.contact form input{z-index:90;cursor:text;outline:none;background:transparent;border:4px solid #fff;border-top:none;border-right:none;padding:15px 20px;width:350px;color:#fff;margin:20px auto 25px}@media screen and (max-width:720px){.contact form input{width:200px}}.contact form input::-webkit-input-placeholder{color:grey;font-weight:600}.contact form input:-ms-input-placeholder{color:grey;font-weight:600}.contact form input::placeholder{color:grey;font-weight:600}.contact form textarea{z-index:90;margin:50px auto;width:350px;color:#fff;outline:none;background:transparent;border:4px solid #fff;border-top:none;border-right:none;padding:15px 20px;cursor:text}@media screen and (max-width:720px){.contact form textarea{width:200px}}.contact form #submit{z-index:90;cursor:pointer;font-family:Montserrat;font-style:normal;font-weight:700;font-size:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:center;letter-spacing:.1em;color:#fff;outline:none;background:transparent;margin:50px auto;border:3px solid #fff;border-top:none;border-bottom:none;padding-left:25px;padding-right:25px}.sr__only{top:0;right:0;height:100vh;background:none;display:none;width:100%;position:fixed;color:#fff}@media screen and (max-width:720px){.sr__only{display:block}}.sr__only .open__menu{position:absolute;right:8%;top:5%}.sr__only .mobile__header{margin-top:0;display:none}.sr__only .mobile__header .close{display:none;position:absolute;right:8%;top:5%}.sr__only .mobile__header .mobileHeader__logo img{display:-webkit-flex;display:flex;margin:50px auto auto}.sr__only .mobile__header .header__nav ul{margin-top:100px;list-style:none}.sr__only .mobile__header .header__nav ul li .link{font-size:45px;margin-right:30px;color:#fff;margin-bottom:20px;margin-top:20px;padding-top:30px}.sr__only .mobile__header .header__nav ul li .button,.sr__only .mobile__header .header__nav ul li .link{text-decoration:none;font-family:Montserrat;font-style:normal;font-weight:700;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.sr__only .mobile__header .header__nav ul li .button{background:linear-gradient(98.85deg,#ff7262 5.75%,#7b61ff 74.4%);border-radius:30px;font-size:17px;color:#000;padding:10px 15px;margin-bottom:150px;width:100px;margin-left:auto;margin-right:auto}.header{z-index:999;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;top:0;left:0;right:0;position:fixed;background:transparent;width:100%;padding:15px 5% 15px 10%}@media screen and (max-width:720px){.header{display:none}}.header .header__nav{margin-right:10%}.header .header__nav ul{list-style:none;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header .header__nav ul li{margin-right:40px}.header .header__nav ul li .navLink{text-decoration:none;font-family:Montserrat;font-style:normal;font-weight:700;font-size:17px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:center;color:#fff;cursor:pointer}.header .header__nav ul li .active,.header .header__nav ul li .navLink:hover{color:#83e2ff!important}.header .header__nav ul li .contact{background:linear-gradient(98.85deg,#ff7262 5.75%,#7b61ff 74.4%);border-radius:30px;text-decoration:none;font-family:Montserrat;font-style:normal;font-weight:700;font-size:17px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:center;color:#000;padding:10px 15px;cursor:pointer}.header .header__nav ul li .contact:hover{color:#fff}.header .header__nav ul li .activeContact{color:#fff!important}.scrolled{background:#000!important}.parallax{margin-top:-100px;padding-top:200px;display:-webkit-flex;display:flex;padding-left:5%;padding-right:5%;width:100%;background:#121212}.parallax .parallax__photo{position:relative;top:0;left:0}@media screen and (max-width:1000px){.parallax .parallax__photo{display:none}}.parallax .parallax__photo .blur{position:relative;top:0;left:0;width:700px;height:600px}.parallax .parallax__photo .me{position:absolute;top:10px;left:50px;height:500px}.parallax .parallax__desc{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-end;align-items:flex-end}.parallax .parallax__desc .desc__text{float:right;font-family:DM Sans;line-height:70px;font-weight:200;font-size:33px;color:#fff;margin-bottom:50px}.parallax .parallax__desc .desc__text span{font-family:DM Sans;font-style:normal;font-weight:400;font-size:52px;color:#fff;font-weight:700}.parallax .parallax__desc .desc__social .social__icon{fill:hsla(0,0%,76.9%,.5137254901960784)!important;box-shadow:0 4px 4px rgba(0,0,0,.25)!important;padding:5px!important;margin:0 15px!important;transition:.18s ease-in}.parallax .parallax__desc .desc__social .social__icon:hover{fill:#fff!important}.parallax .parallax__desc .desc__social a{margin-right:20px}.portfolio{background-color:#121212;height:200px;margin-top:-121px;padding-top:50px;width:100%}.portfolio .portfolio__header h1{margin-top:0;font-family:Montserrat;font-style:normal;font-weight:700;font-size:32px;text-align:center;letter-spacing:.43538em;color:#e5e5e5;padding-bottom:40px}.portfolio .portfolio__grid{width:100vw}.portfolio__item{z-index:90;width:100vw;height:400px;background-repeat:no-repeat;background-size:cover;background-position:50%;text-align:center}.portfolio__item:hover .portfolioItem__desc{display:block}.portfolio__item .portfolioItem__desc{display:none;position:absolute;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.8));width:33.33%;height:400px}@media screen and (max-width:960px) and (min-width:600px){.portfolio__item .portfolioItem__desc{width:50%}}@media screen and (max-width:600px){.portfolio__item .portfolioItem__desc{width:100%}}.portfolio__item .portfolioItem__desc h1{margin-top:100px;font-family:Montserrat;font-style:normal;font-weight:700;font-size:32px;letter-spacing:.20538em;color:#fff}.portfolio__item .portfolioItem__desc h5{margin-top:10px;font-family:Montserrat;font-style:normal;font-weight:500;font-size:10px;line-height:12px;letter-spacing:-.015em;color:#fff}.portfolio__item .portfolioItem__desc .item__buttons{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:50px}.portfolio__item .portfolioItem__desc .item__buttons a{margin-right:30px;text-decoration:none;font-family:Montserrat;font-style:normal;font-weight:900;font-size:16px;line-height:15px;cursor:pointer;color:#fffbfb;border-right:2px solid #fff;border-left:2px solid #fff;width:100px;text-align:center;-webkit-justify-content:center;justify-content:center}.skills{background-color:#121212;padding-top:50px}.skills h1{margin-top:0;font-family:Montserrat;font-style:normal;font-weight:700;font-size:32px;text-align:center;letter-spacing:.43538em;color:#e5e5e5}.skills .skills__grid{padding-left:15%;padding-right:15%;margin-top:75px}.skills .skills__grid h2{font-family:Work Sans;font-style:normal;font-weight:700;font-size:34px;line-height:40px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;letter-spacing:-.02em;color:#c4c4c4}.skills .skills__grid .grid__item{text-align:center}@media screen and (max-width:720px){.skills .skills__grid .grid__item{margin-bottom:10px;margin-top:10px}}.skills .skills__grid .grid__item img{margin-top:25px;width:100px;height:100px}.skills .skills__grid .grid__item h4{font-family:Montserrat;font-style:normal;font-weight:400;font-size:24px;line-height:29px;text-align:center;letter-spacing:.13538em;color:#c4c4c4;margin-top:25px}.social{background:#121212;text-align:center;padding-bottom:25px}.social h4{margin-top:-1px;margin-bottom:25px;font-family:Nunito;font-style:normal;font-weight:600;font-size:12px;line-height:16px;text-align:center;letter-spacing:.095em;color:#fff}.social .social__flex{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-bottom:15px}.social .social__flex img{margin-right:20px;width:35px;height:35px;cursor:pointer}.social h2{margin-bottom:0;color:#8b8b8b;font-weight:100;font-size:13px}.social h2,.social h2 span{font-family:Nunito;font-style:normal}.social h2 span{font-weight:700;font-size:16px;color:#fff}*,:after,:before{margin:0;padding:0;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:default}body,html{width:100%;height:auto}body{font-size:16px;font-family:Dubai-Light}.testim{z-index:999!important;width:100%;margin-top:250px;top:50%;-webkit-transform:translatey(-50%);transform:translatey(-50%)}.testim .wrap{z-index:999;position:relative;width:100%;max-width:1020px;padding:40px 20px;margin:auto}.testim .arrow{display:block;position:absolute;color:#eee;cursor:pointer;font-size:4em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s ease-in-out;padding:5px;z-index:22222222}.testim .arrow:before{cursor:pointer;z-index:999}.testim .arrow:hover{color:#ea830e;z-index:999}.testim .arrow.left{left:10px;z-index:999}.testim .arrow.right{right:10px;z-index:999}.testim .dots{text-align:center;position:absolute;width:100%;bottom:60px;left:0;display:block;z-index:3333;height:12px;z-index:999}.testim .dots .dot{list-style-type:none;display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid #eee;margin:0 10px;cursor:pointer;transition:all 2s ease-in-out;position:relative}.testim .dots .dot.active,.testim .dots .dot:hover{background:#ea830e;border-color:#ea830e}.testim .dots .dot.active{-webkit-animation:testim-scale 2s ease-in-out forwards;animation:testim-scale 2s ease-in-out forwards}.testim .cont{position:relative;overflow:hidden}.testim .cont>div{text-align:center;position:absolute;top:0;left:0;padding:0 0 70px;opacity:0}.testim .cont>div.inactive{opacity:1}.testim .cont>div.active{position:relative;opacity:1}.testim .cont div .img img{display:block;width:100px;height:100px;margin:auto;border-radius:50%}.testim .cont div h2{color:#ea830e;font-size:1em;margin:15px 0}.testim .cont div p{font-size:1.15em;color:#eee;width:80%;margin:auto}.testim .cont div.active .img img{-webkit-animation:testim-show 2s ease-in-out forwards;animation:testim-show 2s ease-in-out forwards}.testim .cont div.active h2{-webkit-animation:testim-content-in 1.6s ease-in-out forwards;animation:testim-content-in 1.6s ease-in-out forwards}.testim .cont div.active p{-webkit-animation:testim-content-in 2s ease-in-out forwards;animation:testim-content-in 2s ease-in-out forwards}.testim .cont div.inactive .img img{-webkit-animation:testim-hide 2s ease-in-out forwards;animation:testim-hide 2s ease-in-out forwards}.testim .cont div.inactive h2{-webkit-animation:testim-content-out 1.6s ease-in-out forwards;animation:testim-content-out 1.6s ease-in-out forwards}.testim .cont div.inactive p{-webkit-animation:testim-content-out 2s ease-in-out forwards;animation:testim-content-out 2s ease-in-out forwards}@-webkit-keyframes testim-scale{0%{box-shadow:0 0 0 0 #eee}35%{box-shadow:0 0 10px 5px #eee}70%{box-shadow:0 0 10px 5px #ea830e}to{box-shadow:0 0 0 0 #ea830e}}@keyframes testim-scale{0%{box-shadow:0 0 0 0 #eee}35%{box-shadow:0 0 10px 5px #eee}70%{box-shadow:0 0 10px 5px #ea830e}to{box-shadow:0 0 0 0 #ea830e}}@-webkit-keyframes testim-content-in{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes testim-content-in{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes testim-content-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes testim-content-out{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes testim-show{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes testim-show{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes testim-hide{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes testim-hide{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@media (max-width:300px){body{font-size:14px}}@media (max-width:500px){.testim .arrow{font-size:1.5em}.testim .cont div p{line-height:25px}}
/*# sourceMappingURL=main.9ff0256f.chunk.css.map */