body{margin:0;font-family:Roboto;background-color:#f7f7f7}body main .wrap{max-width:1140px;margin:auto}body main .banner{position:relative;padding:80px 0;overflow:hidden}body main .banner .banBG{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:auto;max-height:none;z-index:-1;transition:transform .1s ease}body main .banner .banOverlay{background-color:#0009;position:absolute;inset:0}body main .banner h2{width:-moz-fit-content;width:fit-content;margin:0 auto;font-size:96px;font-weight:500;text-align:center;line-height:1.5;letter-spacing:1px;font-family:Oswald;text-transform:uppercase;color:#fff}@media(max-width:767px){body main .banner h2{font-size:60px}}body main .content{padding:80px 0;color:#676767;line-height:1.88;font-weight:400;font-size:16px}@media(max-width:767px){body main .content{padding:40px 20px}}body .has-error{border-color:red!important}body .rs-form-error-message-wrapper{color:red!important;font-size:12px!important}.loading-overlay{width:100%;height:100%;position:fixed;inset:0;background-color:#f7f7f7;z-index:9999;opacity:1;transition:opacity .3s ease}.loading-overlay .loader{display:table-cell;width:100%;height:100%;text-align:center}.loading-overlay .loader .spinner-audio-wave{position:absolute;top:50%;left:50%;margin-left:-25px;color:#000;opacity:1;transition:opacity .2s .5s ease}.loading-overlay .loader .spinner-audio-wave span{display:block;position:absolute;bottom:0;width:9px;height:5px;background-color:#000;animation:audio-wave 1.5s infinite ease-in-out}.loading-overlay .loader .spinner-audio-wave span:nth-child(1){left:11px;animation-delay:.2s}.loading-overlay .loader .spinner-audio-wave span:nth-child(2){left:22px;animation-delay:.4s}.loading-overlay .loader .spinner-audio-wave span:nth-child(3){left:33px;animation-delay:.6s}.loading-overlay .loader .spinner-audio-wave span:nth-child(4){left:44px;animation-delay:.8s}@keyframes audio-wave{0%{height:5px;transform:translateY(0);background:#000}25%{height:40px;transform:translateY(20px);background:#000}50%{height:5px;transform:translateY(0);background:#000}to{height:5px;transform:translateY(0);background:#000}}.loading-overlay.hide{opacity:0;z-index:-999;transition:opacity .3s ease,z-index .1s 1s linear}header{min-height:100px;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;z-index:5;padding:0 20px;transition:min-height .25s ease,background-color .25s ease}header .desktop{margin:auto;display:flex;align-items:center;justify-content:center;width:100%;max-width:1140px}header .desktop img{display:none;max-height:45px}header .desktop ul{margin:0;padding:0;display:flex;justify-content:center;-moz-column-gap:30px;column-gap:30px;width:100%}header .desktop ul li{list-style-type:none!important;font-family:Roboto Condensed;font-size:14px;font-weight:700}header .desktop ul li a{color:#0d0d0d;text-decoration:none;text-transform:uppercase;letter-spacing:2px;cursor:pointer}header .desktop ul li a.active,header .desktop ul li a:hover{opacity:.66}header .desktop .media{position:absolute;top:0;right:20px;z-index:6;display:flex;align-items:center;gap:20px;min-height:100px}header .desktop .media a{display:flex;justify-content:center;align-items:center;width:18px;height:18px;color:#0d0d0d;text-decoration:none}header .desktop .media a i{font-size:initial}header .desktop .media a svg{width:100%;height:100%}header .desktop .media a svg path{fill:#0d0d0d}header .desktop .media a img{width:100%;display:block}header .desktop .media a:hover{opacity:.66}header .desktop .media a:hover svg path{opacity:.66}@media only screen and (max-width:1300px){header .desktop .media{top:42px;flex-direction:column}}header.scroll{min-height:55px;background-color:#fff;z-index:7}header.scroll .desktop img{display:block}header.scroll .desktop .media{display:none}header.phone{min-height:55px}header.phone .mobile{display:flex;justify-content:space-between;align-items:center;width:100%}header.phone .mobile img{max-height:40px}header.phone .mobile i{font-size:20px}header.phone .mobile a{font-family:Roboto Condensed;font-size:14px;font-weight:700;color:#0d0d0d;text-decoration:none;text-transform:uppercase;letter-spacing:2px}.mobileMenu{position:fixed;top:0;right:0;width:100%;height:100%;z-index:-1;opacity:0;overflow:auto;transition:opacity .5s ease,z-index .5s ease}.mobileMenu .menuList{position:relative;width:70%;height:calc(100% - 40px);right:-100%;float:right;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background-color:#000;transition:right 1s ease}.mobileMenu .menuList .fa-times{position:absolute;top:10px;right:20px;font-size:20px;color:#fff}.mobileMenu .menuList ul{display:flex;flex-direction:column;row-gap:20px;margin:55px 0 0;padding:0;list-style-type:none}.mobileMenu .menuList ul li{font-family:Roboto Condensed;font-size:14px;font-weight:700}.mobileMenu .menuList ul li a{display:block;width:100%;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:2px}.mobileMenu .menuList .bottom{display:flex;flex-direction:column;align-items:center;row-gap:10px}.mobileMenu .menuList .bottom .subscribeButton{background-color:#fff;border:1px solid #000;border-radius:4px;color:#000;font-size:13px;padding:10px;width:-webkit-fill-available;text-align:center}.mobileMenu .menuList .bottom .media{display:flex;gap:10px}.mobileMenu .menuList .bottom .media a{display:flex;justify-content:center;align-items:center;width:18px;height:18px;color:#888;text-decoration:none}.mobileMenu .menuList .bottom .media a i{font-size:initial}.mobileMenu .menuList .bottom .media a svg{width:100%;height:100%}.mobileMenu .menuList .bottom .media a svg path{fill:#888}.mobileMenu .menuList .bottom .media a img{width:100%}.mobileMenu .menuList .bottom .media a .hover{display:none}.mobileMenu .menuList .bottom .media a:hover{color:#333}.mobileMenu .menuList .bottom .media a:hover svg path{fill:#333}.mobileMenu .menuList .bottom .media a:hover .noHover{display:none}.mobileMenu .menuList .bottom .media a:hover .hover{display:block}.mobileMenu.slide{z-index:100;opacity:1;background-color:#00000080}.mobileMenu.slide .menuList{right:0}.modal{display:none;position:fixed;z-index:100;justify-content:center;align-items:center;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6}.modal .counter{position:absolute;top:15px;left:35px;color:#f1f1f1;font-size:16px}.modal i{position:absolute;color:#f1f1f1;font-size:25px;font-weight:700;transition:.3s;cursor:pointer}.modal .fa-times{top:15px;right:35px}.modal .fa-arrow-left{top:50%;left:35px}.modal .modalContent{margin:auto;display:flex;justify-content:center;align-items:center;width:50%;height:75%;animation:zoom .6s}.modal .modalContent img{height:100%}.modal .modalContent img.slide-left{animation:slide-left .6s ease}.modal .modalContent img.slide-right{animation:slide-right .6s ease}.modal .fa-arrow-right{top:50%;right:35px}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes slide-left{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-right{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.modal.show{display:flex}@media(max-width:767px){.modal .counter{left:20px}.modal .fa-times{right:20px}.modal .fa-arrow-left{left:20px}.modal .modalContent{width:70%}.modal .modalContent img{width:100%;height:unset}.modal .fa-arrow-right{right:20px}}.subscribe{background:#000;padding:20px;color:#888}.subscribe .wrap{display:flex;flex-direction:column;align-items:center;gap:20px}.subscribe .wrap .title{font-family:Roboto Condensed;font-size:20px;font-weight:700}.subscribe .wrap .description{font-size:14px}.subscribe .wrap .inputField{display:flex}.subscribe .wrap .inputField .rs-form-control{height:100%}.subscribe .wrap .inputField input{border:1px solid #000;border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px;box-shadow:inset 0 2px 1px #00000006;padding:12px;font-family:Roboto;font-size:16px;min-width:300px}.subscribe .wrap .inputField button{background-color:#f79236;border:1px solid #000;border-top-right-radius:4px;border-bottom-right-radius:4px;color:#fff;font-size:13px;padding:18px 33px;cursor:pointer;transition:background-color .25s ease,color .25s ease}.subscribe .wrap .inputField button:hover{background-color:#fff;color:#000}@media(max-width:767px){.subscribe .wrap .inputField{flex-direction:column;width:100%;row-gap:5px}.subscribe .wrap .inputField input{border-top-right-radius:4px;border-bottom-right-radius:4px;min-width:unset}.subscribe .wrap .inputField button{border-top-left-radius:4px;border-bottom-left-radius:4px}}footer{padding:20px;font-size:12px;line-height:2;background:#000;color:#888;transition:opacity .25s}footer .wrap{display:flex;justify-content:space-between}footer .wrap .contactDetails{display:flex;gap:20px}footer .wrap .contactDetails .mail,footer .wrap .contactDetails .phone{display:flex;align-items:center;gap:10px}footer .wrap .media{display:flex;gap:20px}footer .wrap .media a{display:flex;justify-content:center;align-items:center;width:18px;height:18px;color:#888;text-decoration:none}footer .wrap .media a i{font-size:initial}footer .wrap .media a svg{width:100%;height:100%}footer .wrap .media a svg path{fill:#888}footer .wrap .media a img{width:100%}footer .wrap .media a .hover{display:none}footer .wrap .media a:hover{color:#333}footer .wrap .media a:hover svg path{fill:#333}footer .wrap .media a:hover .noHover{display:none}footer .wrap .media a:hover .hover{display:block}@media(max-width:767px){footer .wrap{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:20px}footer .wrap .rights{order:3;margin:auto}footer .wrap .contactDetails{order:1;flex-direction:column;gap:10px}footer .wrap .media{order:2;margin:auto;flex-wrap:wrap}}.music{position:relative;background-image:url(./bgColor-DIda2VHm.jpg);background-position:center top;background-repeat:no-repeat;background-size:cover}.music .bgOverlay{background-color:#ffffff70;position:absolute;inset:0}.music .logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity 5s ease}.music .logo img{width:100%}.music .logo.fade{opacity:1}.music .audio{position:absolute;right:0;bottom:0;left:0;color:#333}.music .audio .song{font-size:12px}.music .audio .song .name{font-weight:700}.music .audio .time{font-size:11px}.music .audio .audiolist{padding:12px 0;display:flex;flex-direction:column;row-gap:24px;max-height:0;opacity:0;overflow:hidden;background-color:#ffffffa8;pointer-events:none;transition:max-height .25s ease,opacity .25s ease}.music .audio .audiolist .track{display:flex;justify-content:space-between;align-items:center;padding:0 20px;cursor:pointer}.music .audio .audiolist.show{max-height:750px;opacity:1;pointer-events:all}.music .audio .audiobar{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;padding:15px 20px}.music .audio .audiobar .timeSlider{background-color:#00000026!important;position:absolute;top:0;left:0;height:100%;z-index:-1}.music .audio .audiobar .btn{cursor:pointer}.music .audio .audiobar .left,.music .audio .audiobar .right{display:flex;align-items:center;-moz-column-gap:15px;column-gap:15px}@media(max-width:767px){.music .logo{width:90%}}.videos .grid{display:flex;flex-wrap:wrap;max-width:66.6666666667%;margin:auto}.videos .grid .image{width:50%;display:flex;position:relative;opacity:0;overflow:hidden;cursor:pointer;transition:opacity 1s ease}.videos .grid .image img{width:100%;height:100%}.videos .grid .image .overlay{background-color:#00000059;position:absolute;top:0;left:0;width:100%;height:100%}.videos .grid .image .center{position:absolute;top:50%;left:50%;opacity:1;transform:translate(-50%,-50%);transition:opacity .75s ease,transform .75s ease}.videos .grid .image .center i{color:#fff;padding:10px;border-width:1px;border-style:solid;border-color:#fff;border-radius:50%}.videos .grid .image .bottom{position:absolute;bottom:0;left:0;right:0;font-family:Roboto Condensed;font-size:16px;padding:14px 44px;color:#fff;text-align:center;max-height:0;opacity:0;overflow:hidden;transition:max-height .75s ease,opacity .75s ease}.videos .grid .image.fade{opacity:1}.videos .grid .image:hover .center{opacity:.5;transform:translate(-50%,-100%)}.videos .grid .image:hover .bottom{max-height:100%;opacity:1}@media(max-width:767px){.videos .grid{flex-direction:column;max-width:unset}.videos .grid .image{width:100%}}.projects .banner img{top:-45%;transform:translate(-50%)}.projects .grid{display:flex;flex-wrap:wrap;max-width:66.6666666667%;margin:auto}.projects .grid .image{width:50%;display:flex;position:relative;opacity:0;overflow:hidden;cursor:pointer;transition:opacity 1s ease}.projects .grid .image img{width:100%;height:100%;transform:scale(1);transition:transform .75s ease}.projects .grid .image .top{position:absolute;inset:0;opacity:0;background-color:#00000080;font-size:18px;color:transparent;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease,color 2.5s ease}.projects .grid .image.fade{opacity:1}.projects .grid .image:hover img{transform:scale(1.2)}.projects .grid .image:hover .top{opacity:1;color:#fff}@media(max-width:767px){.projects .banner img{top:0%}.projects .grid{flex-direction:column;max-width:unset}.projects .grid .image{width:100%}}.biography .banner img{top:-45%;transform:translate(-50%)}.biography .content{max-width:750px}.biography .content .yellow{color:#f79236;font-weight:700}.biography .content .orange{color:#cd5322;font-weight:700}.biography .content a{color:unset}@media(max-width:767px){.biography .banner img{top:0%}}.pictures .gallery{display:flex;flex-wrap:wrap}.pictures .gallery .image{width:25%;overflow:hidden;opacity:0;cursor:pointer;transition:opacity 1s ease}.pictures .gallery .image img{width:100%;height:100%;transform:scale(1);transition:transform .75s ease}.pictures .gallery .image.fade{opacity:1}.pictures .gallery .image:hover img{transform:scale(1.2)}@media(max-width:767px){.pictures .gallery{flex-direction:column}.pictures .gallery .image{width:100%}.pictures .gallery .image img{transform:scale(1.1)}}.contact .content{max-width:750px}.contact .content .form{width:100%;display:flex;flex-direction:column;row-gap:20px}.contact .content .form input,.contact .content .form textarea{border:1px solid #fff;border-color:#0d0d0d14;border-radius:4px;box-shadow:inset 0 2px 1px #00000006;padding:12px;font-family:Roboto;font-size:16px}.contact .content .form textarea{min-height:250px}.contact .content .form button{background-color:#676767;border:1px solid rgb(103,103,103);border-radius:3px;color:#fff;font-size:13px;padding:18px 33px;cursor:pointer;transition:background-color .25s ease,color .25s ease}.contact .content .form button:hover{background-color:#fff;color:#000;border-color:#000}.project{padding:105px 20px 50px;color:#444}.project .wrap{display:flex;justify-content:space-between}.project .wrap .title{font-family:Roboto Condensed;font-size:32px;font-weight:700;text-transform:uppercase;line-height:1.5}.project .wrap .description{margin-top:20px;font-size:16px;line-height:1.88;text-align:justify;white-space:pre-line}.project .wrap .description.arabic{direction:rtl}.project .wrap .left{width:calc(50% - 25px);display:flex;flex-direction:column;row-gap:35px}.project .wrap .left .btn{cursor:pointer}.project .wrap .left .song{position:relative;display:flex;-moz-column-gap:20px;column-gap:20px;padding:20px;border:1px solid #444444;border-radius:4px;overflow:hidden}.project .wrap .left .song:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./music-CWmhqung.jpg);background-position:center 65%;background-size:cover;background-repeat:no-repeat;filter:blur(1.5px);z-index:-1}.project .wrap .left .song .playpause{display:flex;align-items:center}.project .wrap .left .song .playpause i{width:16px;text-align:center;color:#fff;padding:10px;border-width:3px;border-style:solid;border-color:#ffffff80;border-radius:50%;transition:border-color .5s ease}.project .wrap .left .song .playpause i:hover{border-color:#fff}.project .wrap .left .song .details{color:#fff}.project .wrap .left .song .details .artist{font-size:12px}.project .wrap .left .song .details .name{font-size:16px}.project .wrap .left .song .details .time{font-size:11px}.project .wrap .left .lyrics .description{overflow:hidden;transition:max-height 1s ease}.project .wrap .left .lyrics .description.showAll{max-height:1000px!important}.project .wrap .left .lyrics .slideLyrics{margin-top:10px;width:-moz-fit-content;width:fit-content;cursor:pointer}.project .wrap .right{width:calc(50% - 25px)}.project .wrap .right .cover img{width:100%;border-radius:4px}.project .wrap .right .name{margin-top:15px;font-family:Roboto Condensed;font-size:24px;font-weight:600;text-transform:uppercase}.project .wrap .right .date{margin-top:20px;font-size:16px}.project .wrap .right .info{margin-top:10px;font-size:16px}@media(max-width:767px){.project .wrap{flex-direction:column-reverse;row-gap:35px}.project .wrap .description{height:unset!important}.project .wrap .left,.project .wrap .right{width:100%}}.navigation{display:flex}.navigation .box{width:33.3333333333%}.navigation .box .container{position:relative;display:flex;flex-direction:column;row-gap:20px;padding:30px 45px;background-position:center;background-repeat:no-repeat;background-size:100%;color:#fff;font-weight:400;cursor:pointer;transition:background-size .25s ease,padding .25s ease;overflow:hidden}.navigation .box .container .overlay{background-color:#00000080;position:absolute;top:0;left:0;width:100%;height:100%}.navigation .box .container .label{font-size:12px;text-transform:uppercase;z-index:1}.navigation .box .container .projectName{font-size:16px;z-index:1}.navigation .box.previous i{margin-right:5px}.navigation .box.projectsList .container{background-image:url(./music-CWmhqung.jpg);background-position:center 53%;align-items:center;justify-content:center;height:calc(100% - 60px)}.navigation .box.projectsList .container i{z-index:1}.navigation .box.next .container{align-items:flex-end}.navigation .box.next i{margin-left:5px}.navigation .box:hover.previous .container{padding:30px 30px 30px 60px;background-size:120%}.navigation .box:hover.projectsList .container{background-size:120%}.navigation .box:hover.next .container{padding:30px 60px 30px 30px;background-size:120%}@media(max-width:767px){.navigation{flex-direction:column}.navigation .box{width:100%}}