@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap);@import url(//cdn.rawgit.com/rtaibah/dubai-font-cdn/master/dubai-font.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{box-sizing:border-box;margin:0;padding:0}.tgl{cursor:pointer;display:inline-block;height:30px;position:relative}.tgl>input{opacity:0;position:absolute;visibility:hidden;z-index:-1}.tgl .tgl_body{background:#fff;border:1px solid #dadde1;border-radius:50px;position:relative;width:60px}.tgl .tgl_body,.tgl .tgl_switch{display:inline-block;height:30px}.tgl .tgl_switch{background-color:#fff;border:1px solid #ccd0d6;border-radius:50%;box-shadow:0 2px 2px #00000021;left:-1px;position:absolute;top:-1px;-moz-transition:left .25s cubic-bezier(.34,1.61,.7,1),-moz-transform .25s cubic-bezier(.34,1.61,.7,1);-o-transition:left .25s cubic-bezier(.34,1.61,.7,1),-o-transform .25s cubic-bezier(.34,1.61,.7,1);-webkit-transition:left cubic-bezier(.34,1.61,.7,1),-webkit-transform cubic-bezier(.34,1.61,.7,1);-webkit-transition-delay:.25s,.25s;transition:left .25s cubic-bezier(.34,1.61,.7,1),transform .25s cubic-bezier(.34,1.61,.7,1);width:30px;z-index:1}.tgl .tgl_track{border-radius:50px;left:0;overflow:hidden;right:0}.tgl .tgl_bgd,.tgl .tgl_track{bottom:0;position:absolute;top:0}.tgl .tgl_bgd{background:#505050 url(http://petelada.com/images/toggle/tgl_check.png) 50% no-repeat;right:-10px;-moz-transition:left .25s cubic-bezier(.34,1.61,.7,1),right .25s cubic-bezier(.34,1.61,.7,1);-o-transition:left .25s cubic-bezier(.34,1.61,.7,1),right .25s cubic-bezier(.34,1.61,.7,1);-webkit-transition:left cubic-bezier(.34,1.61,.7,1),right cubic-bezier(.34,1.61,.7,1);-webkit-transition-delay:.25s,.25s;transition:left .25s cubic-bezier(.34,1.61,.7,1),right .25s cubic-bezier(.34,1.61,.7,1);width:55px}.tgl .tgl_bgd-negative{background:#fff url(http://petelada.com/images/toggle/tgl_x.png) 50% no-repeat;left:-45px;right:auto}.tgl:hover .tgl_switch{border-color:#b5bbc3;transform:scale(1.06)}.tgl:active .tgl_switch{transform:scale(.95)}.tgl>:not(:checked)~.tgl_body>.tgl_switch{left:30px}.tgl>:not(:checked)~.tgl_body .tgl_bgd{right:-45px}.tgl>:not(:checked)~.tgl_body .tgl_bgd.tgl_bgd-negative{left:-10px;right:auto}.menu{background-color:#212121!important}.sidenav{background-color:#111;height:100%;overflow-x:hidden;padding-top:60px;position:fixed;right:0;top:0;transition:.5s;width:0;z-index:1}.sidenav a{color:#818181;display:block;font-size:18px;line-height:2;padding:8px 8px 8px 32px;text-decoration:none;transition:.3s}.sidenav a:hover{color:#f1f1f1}.sidenav .closebtn{font-size:36px;margin-left:50px;position:absolute;right:25px;top:0}.content{margin-left:198px;margin-top:163px}h1{color:#fff;font-size:3.5rem}.content span{color:#aeaeae;font-size:90px;font-weight:500;margin-left:-69px;margin-top:-58px;opacity:.1;opacity:10%;position:absolute}.content a{background-color:#ffdc64;border:1px solid #ffdc64;border-radius:20px;box-shadow:inset 0 0 0 0 #212121;color:#212121;cursor:pointer;margin-left:-63px;margin-top:30px;padding:11px 84px;text-decoration:none;transition:.4s ease-out}.content a:hover{background-color:#212121;box-shadow:inset 400px 0 0 0 #212121;color:#ffdc64;text-decoration:none!important}.content p{color:#aeaeae;font-family:Montserrat,sans-serif;font-size:17px;font-weight:600;letter-spacing:2px;margin-bottom:60px;margin-left:-63px;margin-top:20px}.content{right:0;text-align:left}.contact_us p{display:inline-block;margin-left:20px}.bg-img .dark-mode{display:inline-block;padding-left:324px}.bg-img .dark-mode img{margin-left:23px;margin-right:23px;margin-top:-23px;width:30px}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.bg-img{background-image:url(/static/media/Mask-2.9288d8f318a583ac2207.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;width:100%}.bg-img .logo1{display:inline-block;width:120px}.bg-img .logo2{display:none;width:120px}.offcanvas-header .logo1,.offcanvas-header .logo2{width:100px}.bg-img .idea1{display:inline-block}.bg-img .idea2{display:none}.light_dark_mode{display:inline-block}.light_dark_mode img{margin:0 15px;width:30px}.light-mode{background-image:url(/static/media/light.33a73965d70f42b52fbf.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:625px;width:100%}.light-mode .logo1{display:none}.light-mode .logo2{display:inline-block}.light-mode .idea1{display:none}.light-mode .idea2{display:inline-block}.light-mode nav .menuLine{background-color:#212121}.light-mode nav li a{color:#212121}.light-mode nav li a.active{color:#76e6e6}.light-mode h1{color:#484848;font-size:3.5rem}.light-mode .content span{color:#212121}.light-mode .content p{color:#7c7c7c;font-family:Arial,Helvetica,sans-serif}.light-mode .content a{background-color:#76e6e6;border:1px solid #76e6e6;border-radius:20px;box-shadow:inset 0 0 0 0 #76e6e6;color:#fff;cursor:pointer;margin-left:-63px;margin-top:30px;padding:11px 84px;text-decoration:none;transition:.4s ease-out}.light-mode .content a:hover{background-color:initial;box-shadow:inset 400px 0 0 0 #0000;color:#76e6e6;text-decoration:none!important}.light-mode .projects a{background:#0000;border:none;box-shadow:none;margin-top:0;padding:11px 35px}.light-mode .testim .arrow:hover,.light-mode .testim h2{color:#76e6e6}.light-mode .testim .dots .dot.active,.light-mode .testim .dots .dot:hover{background:#76e6e6;border:#76e6e6}.light-mode .social-media span{color:#212121;opacity:35%}#main{padding:18px;transition:margin-left .5s}*,:after,:before{-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;cursor:default;margin:0;padding:0;-webkit-user-select:none;-o-user-select:none;user-select:none}.testim{height:500px;margin-left:-146px;position:absolute;top:50%;transform:translatey(-50%);width:100%}.testim .wrap{margin:auto;max-width:1020px;padding:40px 20px;position:relative;width:100%}.testim .arrow{color:#eee;cursor:pointer;display:block;font-size:2em;padding:5px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out;z-index:22222222}.testim .arrow:before{cursor:pointer}.testim .arrow:hover{color:#ffdc64}.testim .arrow.left{left:10px}.testim .arrow.right{right:10px}.testim .dots{bottom:60px;display:block;height:12px;left:-65px;position:absolute;text-align:center;width:100%;z-index:3333}.testim .dots .dot{border:1px solid #eee;border-radius:50%;cursor:pointer;display:inline-block;height:12px;list-style-type:none;margin:0 10px;position:relative;transition:all .5s ease-in-out;width:12px}.testim .dots .dot.active,.testim .dots .dot:hover{background:#ffdc64;border-color:#ffdc64}.testim .dots .dot.active{animation:testim-scale .5s ease-in-out forwards}.testim .cont{position:relative}.testim .cont>div{left:0;opacity:0;padding:0 0 70px;position:absolute;top:0}.testim .cont>div.inactive{opacity:1}.testim .cont>div.active{opacity:1;position:relative}.testim .cont div .img img{border-radius:50%;display:block;height:100px;margin:auto;width:100px}.testim .cont div h2{color:#ffdc64;font-size:1.5em;margin:15px 0}.testim .cont div p{color:#aeaeae;font-size:1.15em;margin:auto}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:inline-block}.testim .cont div.active .img img{animation:testim-show .5s ease-in-out forwards}.testim .cont div.active h2{animation:testim-content-in .4s ease-in-out forwards}.testim .cont div.active p{animation:testim-content-in .5s ease-in-out forwards}.testim .cont div.inactive .img img{animation:testim-hide .5s ease-in-out forwards}.testim .cont div.inactive h2{animation:testim-content-out .4s ease-in-out forwards}.testim .cont div.inactive p{animation:testim-content-out .5s ease-in-out forwards}@keyframes testim-content-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes testim-content-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes testim-show{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes testim-hide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.projects a{background-color:initial;background:#0000;border:0;border-radius:0;cursor:pointer;margin-left:0;margin-top:0;padding:0;text-decoration:none}.projects a:hover{background:#0000;box-shadow:inset 400px 0 0 0 #0000}.wrapper{margin-left:-84px;overflow:hidden;width:95%}.photobanner{display:flex;height:200px;margin-top:40px;position:relative;width:100%}.photobanner img{box-shadow:2px 2px 8px #8a8a8a;cursor:pointer;height:200px;margin:0 15px;width:340px}.photobanner{animation:bannermove 30s linear infinite alternate-reverse}@keyframes bannermove{0%{left:0}to{left:-2700px}}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2f2f2f}input:focus+.slider{box-shadow:0 0 1px #2f2f2f}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.map{-moz-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);float:right;margin-right:156px}.div-map{margin-top:-300px}.social-media{align-items:center;display:flex;margin-top:150px}.social-media a:hover{background-color:initial}.social-media img{cursor:pointer;margin-right:40px;width:30px}.social-media span{color:#aeaeae;font-size:30px;opacity:10%}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}@media (max-width:500px){.testim .arrow{font-size:1.5em}.testim .cont div p{line-height:25px}.bg-img .logo{width:70px}h1{font-size:2.5rem}.content span{font-size:65px;margin-left:-43px;margin-top:-46px}.content a{margin-left:-33px;padding:9px 54px}.wrapper{margin-left:-27px;width:100%}}@media only screen and (max-width:1024px){.bg-img{min-height:1366px;width:100%}}@media only screen and (max-width:768px){.bg-img{min-height:1024px;width:100%}.content{margin-left:128px;margin-top:82px}.social-media{margin-left:66px;margin-top:80px}.light_dark_mode{margin-left:141px}}@media only screen and (max-width:414px){.bg-img .logo{width:70px}h1{font-size:2.5rem}.content span{font-size:65px;margin-left:-43px;margin-top:-46px}.content a,.light-mode .content a{margin-left:-33px;padding:9px 54px}.bg-img{min-height:736px;width:100%}.content{margin-left:96px;margin-top:82px}.social-media{margin-left:33px}.wrapper{margin-left:-27px;width:100%}.contact_us p{margin-left:9px}}@media only screen and (max-width:411px){.bg-img .logo1,.bg-img .logo2{width:70px}.light_dark_mode img{width:20px}.light_dark_mode{margin-left:12px}.switch{display:inline-block;height:24px;position:relative;width:45px}.slider:before{background-color:#fff;bottom:2px;content:"";height:20px;left:0;position:absolute;transition:.4s;width:20px}nav{margin:0;position:relative}.bg-img{min-height:920px;width:100%}.light-mode .content a{margin-left:3px;padding:9px 32px}.div-map{margin-top:0}.content{margin-left:20px;margin-top:100px}.light-mode h1,h1{font-size:2.5rem}.content span{font-size:65px;margin-left:-43px;margin-top:-46px}.content a{margin-left:3px;padding:9px 32px}.social-media{margin-left:-20px;margin-top:80px}.bg-img .dark-mode{padding-left:26px}.content p{font-size:19px;margin-left:9px}.wrapper{margin-left:-27px;width:100%}.bg-img .dark-mode img{margin-left:4px;margin-right:7px;margin-top:-21px;width:20px}.tgl .tgl_body{height:26px;width:58px}.tgl .tgl_switch{height:25px}.bg-img .social-media img{margin-right:10px;width:20px}.bg-img .social-media span{font-size:20px}.carousel-inner{height:458px}element.style{border:0}.map{float:right;margin-right:-25px;margin-top:18px}}@media only screen and (max-width:360px){.bg-img{height:auto;min-height:640px;width:100%}.content{margin-left:65px;margin-top:47px}.social-media{margin-bottom:30px;margin-left:33px}.wrapper{margin-left:-27px;width:100%}}@media (max-width:300px){body{font-size:14px}}
/*# sourceMappingURL=main.533fbe5d.css.map*/