*{margin:0;padding:0;font-family:'Roboto';}body{overflow-x:hidden;font-family:'Roboto';}.container{z-index:1;}ul{list-style:none;margin:0}p{color:#7a7a7a;font-size:16px;line-height:24px}.navbar-brand>img{width:215px}.parallax-content{width:100%;min-height:100vh;background-size:cover}.primary-white-button a{display:inline-block;background-color:#fff;font-size:15px;padding:15px 55px 13px;color:#121212;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:20px}.primary-blue-button a{display:inline-block;background-color:#33c1cf;font-size:14px;padding:12px 18px;color:#fff;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:0}.pop-button h4{display:inline-block;background-color:#33c1cf;font-size:13px!important;padding:12px 18px;color:#fff;font-weight:400!important;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:20px;cursor:pointer}.header{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,0);border-bottom:1px solid rgba(255,255,255,.1);padding:0;z-index:1000;transition:all 0.2s ease-in-out;height:80px;text-align:center;line-height:40px}body.overflow{overflow:hidden;}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:none}#contact.hidden{display:none !important;}.navbar-brand{line-height:80px;padding:0}.navbar-nav>li>a{color:#fff!important;font-size:14px;font-weight:400;text-transform:uppercase;text-shadow:none;line-height:80px;padding:0;letter-spacing:.5px}.navbar-nav>li{margin-left:45px}.header.active .navbar-nav>li>a,.header.special .navbar-nav>li>a{font-size:14px;font-weight:400;letter-spacing:.5px;text-transform:uppercase;text-shadow:none;color:#121212!important}.header.active,.header.special{background-color:rgba(250,250,250,.95);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.25);-moz-box-shadow:0 1px 5px rgba(0,0,0,.25);box-shadow:0 1px 5px rgba(0,0,0,.25)}.header svg path{transition:all 0.3s ease}.header.active svg #text,.header.special svg #text{fill:#121212}.navbar-brand{font-family:'Open Sans',sans-serif;font-size:25px;text-transform:uppercase;color:#fff!important;transition:all 0.5s}.navbar-brand em{font-style:normal;color:#f7c552;font-size:32px}.header.active .navbar-brand,.header.special .navbar-brand{color:#121212!important}.header .navbar-brand{font-weight:800;margin-top:7px}.navbar-inverse{background-image:none;background-color:transparent}.header .navbar{margin:0;border:none}.page-section{padding:80px 0}.navbar-inverse .navbar-toggle{margin-top:22px;border-color:#f7c552;background-color:#f7c552}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#f7c552}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:22px!important;margin-right:0px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}@media (min-width:768px){.header .navbar-brand{padding-left:0;margin-top:7px}.navbar-nav{float:right}}@media (max-width:480px){.page-section h1{font-size:3em}.page-section h2{font-size:2em}.page-section p{font-size:1em;margin:0 0 20px}}.parallax-content{width:100%;min-height:100vh;background-size:cover}.baner-content{width:100%;padding-top:35vh;text-align:center;vertical-align:middle;background:rgba(0,0,0,.65)}.baner-content .text-content{text-align:center}.baner-content .text-content h2{font-size:28px;font-weight:400;color:#fff}.baner-content .text-content h2 em{font-size:36px}.baner-content .text-content h2 span{font-weight:700;color:#33c1cf!important}.baner-content .text-content h2 em{font-style:normal;font-weight:700;color:#f89624!important}.baner-content .text-content p{color:#fff;font-size:16px;line-height:24px;padding:0 25%}.baner-content .text-content .primary-white-button{margin-top:25px}#about{padding:150px 0;background-image:url(../img/about-bg.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}#about .service-item{text-align:center;display:flex;flex-direction:column;align-items:center;height:100%}#about .service-item .icon{width:110px;height:110px;display:inline-block;text-align:center;line-height:104px;border:3px solid #fff;border-radius:50%;background-color:#f7c552}#about .service-item .icon img{max-width:85%}#about .service-item h4{margin-bottom:30px;margin-top:45px;font-size:20px;font-weight:500;color:#fff;letter-spacing:1px}#about .service-item .line-dec{width:100%;height:1px;background-color:rgba(250,250,250,.5)}#about .service-item p{color:#fff;margin-top:30px;margin-bottom:20px}#about .service-item .primary-blue-button{margin-top:auto}.projects-holder .mix{display:none}.projects-holder{padding:30px 15px 0 15px}.filter-categories{margin-top:60px}.filter-categories ul li{margin:0 10px 15px 0;display:block}.filter-categories ul li span{cursor:pointer;color:#212121;display:inline-block;font-size:15px;font-weight:500;left:.5px}.filter-categories ul li.active span{color:#f7c552}#portoflio .page-section{padding:0}#portfolio .section-heading{padding-top:200px;padding-bottom:200px;background-color:#fff;height:100%;margin-left:-100vh;padding-left:100vh}#portfolio .project-item{margin:0 0;position:relative;padding:0;cursor:pointer;width:50%}#portfolio .project-item .image a{position:relative;display:flex;width:100%;height:100%;background:#fff;align-items:center;justify-content:center;min-height:240px;border:1px solid #f2f2f2!important}#portfolio .project-item .image a img{max-width:85%;max-height:180px}#portfolio .project-item a>span{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;visibility:hidden;transition:all 0.3s ease}#portfolio .project-item a:hover>span{opacity:1;visibility:visible}#portfolio .project-item a>span span{padding:10px 18px;border:1px solid #fff;background:#fff;color:#121212;border-radius:0}#portfolio .section-heading h4{margin-top:0;font-size:20px;text-transform:uppercase;font-weight:700;color:#212121;letter-spacing:1px}#portfolio .section-heading .line-dec{width:270px;height:1px;background-color:rgba(0,0,0,.5);margin:20px 0 15px 0}#portfolio .section-heading p{color:#212121;padding-right:70px}#testimonial{background-color:#f7c552;text-align:center;padding:100px 0}#testimonial .testimonials-item h4{color:#212121;font-size:17px;font-weight:500;letter-spacing:.5px;margin-top:30px;margin-bottom:5px}#testimonial .testimonials-item span{font-size:13px;color:#212121;letter-spacing:.5px}#testimonial .testimonials-item p{font-size:16px;color:#9a9a9a;font-style:italic;font-weight:300;background-color:#fff;padding:30px;border-radius:5px}.owl-pagination{margin-top:20px;opacity:1;display:inline-block}.owl-page span{display:block;width:8px;height:8px;margin:0 5px;filter:alpha(opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#fff}#blog{background-image:url(../img/blog-bg.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}#blog .section-heading{text-align:left;padding-top:60px;padding-bottom:60px;background-color:rgba(0,0,0,.5);height:582px;margin-left:-100vh;padding-left:100vh;overflow:hidden!important}#blog .section-heading h4{margin-top:0;font-size:20px;text-transform:uppercase;font-weight:700;color:#fff;letter-spacing:1px}#blog .section-heading .line-dec{width:270px;height:1px;background-color:rgba(250,250,250,.5);margin:20px 0 15px 0}#blog .section-heading p{color:#fff;padding-right:70px}.wrapper{text-align:center}.tabs{list-style:none;margin-top:40px;padding-right:70px}.tabs li{display:block;text-align:center;margin:25px 0}.tabs a{display:block;text-align:center;text-decoration:none;text-transform:capitalize;letter-spacing:.5px;color:#121212;font-size:15px;font-weight:500;padding:12px 12px;background-color:#fff}.tabs a:hover{color:#f7c552}.tabs .active{color:#f7c552}#first-tab-group{margin-top:30px;margin-bottom:15px}.tabgroup .text-content{background-color:#fff;color:#fff;padding:25px;text-align:left}.tabgroup .text-content h4{font-size:17px;font-weight:500;letter-spacing:.5px;color:#121212;margin-top:0;margin-bottom:5px}.tabgroup .text-content span{font-size:13px;color:#33c1cf}.tabgroup .text-content a{font-size:13px;color:#33c1cf;text-decoration:none}.tabgroup .text-content p{margin-top:10px}.clearfix:after{content:"";display:table;clear:both}#contact-us{background-color:#596065;text-align:center;padding:80px 0}#contact-us .section-heading h4,#mailback .section-heading h4{margin-top:0;font-size:20px;text-transform:uppercase;font-weight:700;color:#fff;letter-spacing:1px}#mailback{height:85vh;display:flex;align-items:center;justify-content:center;color:#121212}#mailback .section-heading h4{color:#121212;text-align:center;font-size:30px}#mailback p{text-align:center;font-size:20px}#contact-us .section-heading .line-dec,#mailback .line-dec{width:270px;height:1px;background-color:rgba(250,250,250,.5);margin:20px auto 15px auto}#mailback .line-dec{background-color:rgba(12,12,12,.5)}#contact-us .section-heading p{color:#fff;padding:0 33%}#contact-us .pop-button{margin-top:30px}#contact input{border-radius:0;padding-left:15px;font-size:14px;color:#232323;background-color:rgba(235,235,235,1);border:1px solid rgba(235,235,235,1);outline:none;border:none;box-shadow:none;line-height:50px;height:50px;width:100%;margin-bottom:30px}#contact textarea{border-radius:0;padding-left:15px;padding-top:10px;font-size:14px;color:#232323;background-color:rgba(235,235,235,1);outline:none;border:none;box-shadow:none;height:165px;max-height:220px;width:100%;margin-bottom:25px;resize:none}#contact fieldset{position:relative}#contact input.error{border:1px solid red}label.error{position:absolute;left:0;bottom:3px;color:red;padding:0 0;box-sizing:border-box;font-weight: 500;}#contact button{outline:none;width:100%;max-width:250px;display:inline-block;background-color:#f7c552;font-size:13px;padding:12px 18px;color:#fff;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:20px}.pop #contact{z-index:99999;position:absolute;top:50%;left:50%;background:#fff;box-sizing:border-box;padding:20px;max-width:500px;width:94%;transform:translate(-50%,-50%)}.pop{z-index:99999;text-align:center;padding:30px;display:none;position:fixed;overflow:auto;width:100%;top:0;left:0;height:100%;background-color:rgba(0,0,0,.9);box-shadow:0 0 15px}.pop span{z-index:999;position:absolute;top:-44px;right:-44px;margin-bottom:20px;cursor:pointer;width:44px;height:44px;display:inline-block;line-height:44px;color:#fff;text-align:center;background-color:#33c1cf}.pop span:hover{background-color:#596065;transition:all 0.5s}footer{margin-top:-6px;background-color:#373a3c;padding:50px 0}footer .logo em{font-style:normal;font-size:28px;color:#f7c552}footer .logo-ft{display:inline-block;margin-top:15px;text-decoration:none;color:#fff!important;font-size:21px;font-weight:900;text-transform:uppercase;text-shadow:none;letter-spacing:1px}footer .logo p{font-weight:300;font-size:12px;color:#fff;margin-bottom:-10px;letter-spacing:.5px}footer .logo span{font-weight:600;color:#f7c552}footer .logo a{color:#FFF;margin-bottom:20px;margin-top:0}footer .logo a:hover{color:#9F0}footer .location h4{margin-top:0;font-size:13px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:30px}footer .location ul li{font-size:13px;color:#fff;display:inline-block;line-height:24px;letter-spacing:.5px;padding-top:5px;padding-bottom:5px}footer .contact-info h4{margin-top:0;font-size:13px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:30px}footer .contact-info ul li{font-size:13px;color:#fff;display:inline-block;line-height:24px;letter-spacing:.5px;padding-top:5px;padding-bottom:5px;font-weight:300;margin-bottom:-15px}footer .contact-info ul li em{font-style:normal;font-weight:500}footer .connect-us h4{margin-top:0;font-size:13px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:35px}footer .connect-us ul li{display:inline-block;margin-right:2px}footer .connect-us ul li a{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;background-color:#fff;border-radius:50%;color:#373a3c;font-size:15px;transition:all 0.3s}footer .connect-us ul li a:hover{background-color:#f7c552}.row.flex{display:flex}.popup-info{display:none;width:100%;max-width:1140px!important}#home{overflow:hidden;position:relative;display:flex;}#home video{height:1080px;position:absolute;top:0;left:50%;z-index:-1;transform:translate(-50%,0)}#home h3{color:#f7c552}.popup-info.project img{width:100%}.project h3{margin:20px 0 20px}.project .flexlist{display:flex;gap:20px;flex-direction:column}.project .flexlist>div{width:100%;position:relative}.project .flexlist .wallpapper{margin:0 -20px;width:calc(100% + 40px)}.project .proj_descipt .desc{font-size:16px}.project .proj_descipt .desc:not(:first-child){margin-top:20px}.project .proj_descipt .desc ul{padding-left:25px}.project .proj_descipt .desc ul li{list-style:circle}.mini-info{display:flex}.mini-info>div{width:33%;margin-top:0px!important}span.worked{color:#3cb356}a{outline:none!important;border:0px!important}.is-draggable .fancybox__content{cursor:default}.scepbtn{color:#121212!important;text-decoration:none!important;font-size:28px;font-weight:600}.scepbtn span{font-weight:400}@media (max-width:991px){.pop span{top:0;right:0;width:34px;height:34px;line-height:34px}.baner-content .text-content p{padding:0 15%}.navbar-nav>li{margin-left:25px}#about .service-item{margin-bottom:80px}.mini-info{flex-wrap:wrap}.mini-info>div{width:50%;margin-bottom:20px}#portfolio .project-item .image a{min-height:180px}#portfolio .section-heading{text-align:center;padding-top:15vh;padding-bottom:10vh;background-color:#fff;height:100%;margin-left:-15px;padding-left:0vh;margin-right:-15px;padding-right:0vh;overflow:hidden;border-right:2px solid #f2f2f2}#portfolio .section-heading .line-dec{margin:20px auto 15px auto}#portfolio .section-heading p{padding:0 20px}.projects-holder{text-align:center;padding:0 0}#portfolio .project-item{margin:0 0}#blog .section-heading{text-align:center;padding-top:100px;padding-bottom:100px;background-color:rgba(0,0,0,.5);margin-left:-15px;padding-left:0vh;margin-right:-15px;padding-right:0vh;overflow:hidden!important}#blog .section-heading .line-dec{margin:20px auto 15px auto}#blog .section-heading p{padding:0 30px}.tabs{padding:0 45px}#first-tab-group{margin-bottom:30px}#contact-us .section-heading p{padding:0 10%}footer{text-align:center}footer .logo{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid rgba(250,250,250,.1)}footer .location{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid rgba(250,250,250,.1)}footer .contact-info{margin-bottom:30px;padding-bottom:30px}footer .contact-info ul li{margin-right:10px;margin-left:10px}}@media (max-width:1200px){.navbar-collapse{margin-top:14px;border:0px !important;box-shadow: none !important;}.navbar-header{width:100%;}.navbar-toggle{display:block !important;}.pcvideo{display:none;}#home{background:url("../wallpapper_mob.webp") no-repeat top center rgba(0, 0, 0, .65);background-size: cover;}#home:after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0, 0, 0, .65);}.baner-content{padding:20vh 0px;}#home .container{margin:auto;}.pop #contact{top:0%;transform:translate(-50%,0%)}.baner-content .text-content p{padding:0 10%}#portfolio .project-item .image a,#portfolio .project-item{width:100%}.row.flex{flex-direction:column}.navbar-nav{margin-top:0;margin-bottom:0;background:#fff;position:relative;z-index:1;}.navbar-inverse .navbar-nav>li{margin-left:0;border-bottom:1px solid rgba(0,0,0,.1)}.navbar-inverse .navbar-nav>li:last-child{border-bottom:none}.navbar-inverse .navbar-nav>li>a{font-family:'Roboto',sans-serif!important;line-height:55px;color:#343434!important}.navbar-collapse{padding-left:1px;padding-right:0px;}.navbar-nav{width: calc(100% + 30px);margin-top: 15px !important;float:none;width:100%;}.navbar-nav>li{float:none;width:100%;}}@media (max-width:650px){.baner-content{padding:15vh 0 10vh}#about{padding:15vh 0 10vh}}@media (max-width:767px){.navbar-nav{width: calc(100% + 0px);margin:0px;margin-top: 0px !important;float:none;width:100%;}}@media (max-width:385px){footer .location ul li{display:block}footer .location ul li:first-child{margin-right:0;padding-right:0;border-right:none}}.resultp{    z-index: 99999;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    box-sizing: border-box;
    padding: 20px;
    max-width: 500px;
    width: 94%;
    transform: translate(-50%, -50%);}