footer:after,section#all-projects-section:after,section#service-section:before,section#about-me-section:after,.menu-overlay .menu-list:after{position:absolute;font-weight:800;font-size:120px;color:rgba(0,0,0,.03);text-transform:uppercase;letter-spacing:20px;opacity:1}.btton-design-1{padding:10px 40px;color:#9a9a9a;letter-spacing:6px;font-size:12px;font-weight:500;text-transform:uppercase;border:1px solid #9a9a9a;position:relative;z-index:99;display:inline-block;margin-top:20px}.btton-design-1:hover{-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transform:0.3s;transition:0.3s;background:#9a9a9a;border-color:#9a9a9a}.position-top{position:relative;z-index:999}.custom-btn.btn-border-less{display:inline-block;padding:8px 40px;border:1px solid #343434;color:#343434;font-size:12px;text-transform:uppercase;font-weight:500;letter-spacing:4px;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transform:0.3s;transition:0.3s}.custom-btn.btn-border-less:hover{background:#343434;color:#f3f3f3}.div_full-width,section#banner-section .banner-text,section#banner-section,header .logo,header{float:left;width:100%}.grid{float:left;width:100%;height:100%;position:absolute;z-index:9;top:0;left:0}.grid .line{width:20%;float:left;border-right:1px solid #191919;height:100%}.grid .line:last-child{border:none}.svg-image{position:absolute;z-index:99;transform:rotate(230deg);right:-100px;top:-118px;width:300px;fill:#1d1d1d}.svg-image.two{bottom:-199px;left:80px}.preloader{position:fixed;left:0;right:0;top:0;bottom:0;height:100%;width:100%;background-color:#121212;display:flex;justify-content:center;align-items:center;z-index:999999999}.preloader.loaded{opacity:0;visibility:hidden;transition:all 0.5s ease-in-out 0s}.loading-text{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;text-align:center;width:100%;height:100px;line-height:100px}.loading-text span{display:inline-block;margin:0 5px;color:#fff;font-weight:400}.loading-text span:nth-child(1){filter:blur(0);animation:blur-text 1.5s 0s infinite linear alternate}.loading-text span:nth-child(2){filter:blur(0);animation:blur-text 1.5s 0.2s infinite linear alternate}.loading-text span:nth-child(3){filter:blur(0);animation:blur-text 1.5s 0.4s infinite linear alternate}.loading-text span:nth-child(4){filter:blur(0);animation:blur-text 1.5s 0.6s infinite linear alternate}.loading-text span:nth-child(5){filter:blur(0);animation:blur-text 1.5s 0.8s infinite linear alternate}.loading-text span:nth-child(6){filter:blur(0);animation:blur-text 1.5s 1s infinite linear alternate}.loading-text span:nth-child(7){filter:blur(0);animation:blur-text 1.5s 1.2s infinite linear alternate}@keyframes blur-text{0%{filter:blur(0)}100%{filter:blur(4px)}}header{position:absolute;z-index:9999999;padding:20px 0;transition:0.3s}header.sticky .logo{opacity:0}header.sticky .menus{position:fixed}header.sticky .menu-border{background:#121212;box-shadow:0 0 9px 8px rgba(2,2,2,.21)}header .logo{opacity:1;transition:0.3s}header .logo h1{font-size:14px;color:#f3f3f3;letter-spacing:6px;font-weight:400;margin-top:15px}.menus{position:fixed;right:9%}.menus.activeMenu .menu-border{background:transparent;box-shadow:none}.menus.activeMenu .menu-border .border-one{transform:rotate(45deg);top:3px;left:3px}.menus.activeMenu .menu-border .border-two{opacity:0}.menus.activeMenu .menu-border .border-three{transform:rotate(-45deg);top:-9px}.menus .menu-border{padding:15px;transition:0.3s;transitionp-delay:0.3s}.menus .menu-border .borders{width:20px;height:6px;border-bottom:2px solid #f3f3f3;position:relative;cursor:pointer;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transform:0.3s;transition:0.3s}.menu-overlay{display:none;width:100%;min-height:100vh;height:100%;background:#121212;opacity:0;top:0;z-index:999999;position:fixed}.menu-overlay .menu-list{position:relative;width:100%;right:100px;top:150px;text-align:right;z-index:999}.menu-overlay .menu-list:after{content:"Menu";top:40%;left:15%;font-size:150px;color:#484848;opacity:.1}.menu-overlay .menu-list nav ul li a{color:#FFF;font-size:60px;text-transform:uppercase;line-height:100px;font-weight:700;letter-spacing:4px;transition:0.3s}.menu-overlay .menu-list nav ul li a:hover{color:#5918df}.menu-overlay .menu-list .menu-social-list{margin-top:40px}.menu-overlay .menu-list .menu-social-list ul li{display:inline-block}.menu-overlay .menu-list .menu-social-list ul li a{font-size:20px;color:#FFF;padding-left:40px;transition:0.3s}.menu-overlay .menu-list .menu-social-list ul li a:hover{color:#5918df}section#banner-section{min-height:100vh;height:100%;position:relative;background:url(../images/header-bg.jpg) no-repeat;background-size:cover;background-attachment:fixed;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}section#banner-section:before{position:absolute;content:"";top:0;left:0;height:100%;width:100%;background:rgba(18,18,18,.98)}section#banner-section .banner-text{text-align:left;padding-bottom:0;padding-left:0;width:100%;position:relative;z-index:999;text-align:center}section#banner-section .banner-text h4{font-size:60px;font-weight:600;color:#f3f3f3;text-transform:uppercase;letter-spacing:0;position:relative}section#banner-section .banner-text h4 span{display:block}section#banner-section .banner-text p{color:#f3f3f3;font-weight:600;font-size:12px;line-height:30px;letter-spacing:2px;margin:10px 0;margin-bottom:20px;padding:0 10%}section#banner-section .scroll-down{position:absolute;left:50%;bottom:50px;width:10px;height:50px;cursor:pointer;background-color:transparent;pointer-events:visiblePainted;transform-origin:0 0;transform:translate3d(-50%,0,0) scaleY(1);transition:transform 1s;z-index:9999;overflow:hidden}section#banner-section .scroll-down .scroll-down__lines{position:absolute;left:50%;top:0;width:1px;height:100%;transform:translateX(-50%)}section#banner-section .scroll-down .scroll-down__lines .line,section#banner-section .scroll-down .scroll-down__lines:after,section#banner-section .scroll-down .scroll-down__lines:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff}section#banner-section .scroll-down .scroll-down__lines_animated .line_top,section#banner-section .scroll-down .scroll-down__lines_animated:before{transform-origin:0 100%;animation-name:g;animation-duration:3.5s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.25,0,.25,1)}@keyframes g{0%{transform:translateY(0) scaleY(1)}40%{transform:translateY(10px) scaleY(0)}to{transform:translateY(10px) scaleY(0)}}section#about-me-section{float:left;width:100%;background:#f3f3f3;padding:80px 0;position:relative;overflow:hidden}section#about-me-section:after{content:"ABOUT";top:13%;left:4%}section#about-me-section .about-header{float:left;width:100%;transform:translateX(30px)}section#about-me-section .about-header h6{font-size:26px;font-weight:600;color:#5918df;letter-spacing:6px}section#about-me-section .img-wrapper{float:right;width:75%;height:500px;position:relative;box-shadow:1px 1px 16px 6px rgba(0,0,0,.3);border-radius:10px;overflow:hidden}section#about-me-section .img-wrapper .abt-img{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center;background-size:cover;opacity:1}section#about-me-section .about-text{float:left;width:700px;padding-top:0;padding:40px 40px;background:#f5f5f5;transform:translate(50px,30%);box-shadow:0 0 21px 14px rgba(0,0,0,.04);position:RELATIVE;z-index:9999;border-radius:10px}section#about-me-section .about-text p{font-size:12px;line-height:30px;color:#9a9a9a}section#service-section{float:left;width:100%;padding:80px 0;background:#f3f3f3;position:relative;overflow:hidden}section#service-section:before{content:"Services";top:20%;display:flex;align-items:center;justify-content:center;width:100%}section#service-section .background-title{width:100%;text-align:center}section#service-section .background-title h6{font-size:30px;color:#5918df;text-transform:uppercase;font-weight:500;letter-spacing:20px}section#service-section .service-contents{float:left;width:100%;padding-top:80px}section#service-section .service-contents .single-service{float:left;width:100%;text-align:center;padding:20px 20px;box-shadow:0 0 21px 14px rgba(0,0,0,.04);transition:0.3s;cursor:pointer;border-radius:10px;min-height:230px}section#service-section .service-contents .single-service:hover{transform:scale(1.1)!important}section#service-section .service-contents .single-service .service-icon{float:left;width:100%;display:flex;align-items:center;justify-content:center}section#service-section .service-contents .single-service .service-icon i{width:40px;height:40px;border-radius:50%;background:#5918df;color:#f3f3f3;text-align:center;line-height:40px}section#service-section .service-contents .single-service h5{color:#9a9a9a;width:100%;float:left;margin:20px 0;text-transform:uppercase;letter-spacing:4px;font-size:14px}section#service-section .service-contents .single-service p{color:#9a9a9a;font-size:12px}section#projects-section{float:left;width:100%;background:#121212;padding:0 0;position:relative;background:url(../images/header-bg.jpg) no-repeat;background-size:cover;background-attachment:fixed;overflow:hidden}section#projects-section:before{position:absolute;content:"";top:0;left:0;height:100%;width:100%;background:rgba(18,18,18,.95)}section#projects-section .wrapper{position:relative;width:100%;height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}section#projects-section .wrapper .text{width:100%;position:absolute;left:0%;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}section#projects-section .wrapper .text h1{font-size:60px;color:#f3f3f3;text-transform:uppercase;font-weight:800;letter-spacing:30px;margin-left:20px;opacity:.2;text-shadow:10px 8px 17px #000}section#projects-section .wrapper .text p{color:#f3f3f3;letter-spacing:6px;text-transform:uppercase;font-size:10px}section#projects-section .wrapper .shadows{position:absolute;width:400px;height:100%;opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center}section#projects-section .wrapper .shadows .shadow-single{position:absolute;width:47px;height:100%}section#projects-section .wrapper .shadows .shadow_left{right:100%;transform:scale(-1)}section#projects-section .wrapper .shadows .shadow_right{left:100%}section#all-projects-section{float:left;width:100%;padding:80px 0;background:#121212;position:relative;overflow:hidden}section#all-projects-section:after{content:"WORKS";top:14%;color:#484848;opacity:.1;display:flex;align-items:center;justify-content:center;width:100%}section#all-projects-section .background-title{width:100%;text-align:center;padding-top:30px}section#all-projects-section .background-title h6{font-size:30px;color:#9a9a9a;text-transform:uppercase;font-weight:500;letter-spacing:20px}section#all-projects-section .background-title p{font-size:12px;letter-spacing:2px;margin-top:10px;color:#9a9a9a}section#all-projects-section .all-proejcts{float:left;width:100%;margin-top:100px}section#all-projects-section .all-proejcts .single-projects{float:left;width:100%}section#all-projects-section .all-proejcts .single-projects .single-projects-img{float:left;width:100%;box-shadow:1px 1px 4px 4px rgba(0,0,0,.35)}section#all-projects-section .all-proejcts .single-projects .single-projects-img img{width:100%}section#all-projects-section .all-proejcts .single-projects .singleprojects-details{float:left;width:100%;text-align:left;margin-top:20px;text-align:center}section#all-projects-section .all-proejcts .single-projects .singleprojects-details h6{color:#5918df;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:4px}section#all-projects-section .all-proejcts .single-projects .singleprojects-details p{padding:0 10px;margin:15px;font-size:10px!important}section#all-projects-section .all-proejcts .single-projects .singleprojects-details a{font-size:10px;color:#FFF;letter-spacing:4px;text-transform:uppercase;display:inline-block;margin-top:8px;border-bottom:1px solid #FFF;text-decoration:none!important}section#all-projects-section .all-proejcts .single-projects .singleprojects-details p{font-size:10px;color:#FFF;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}section#all-projects-section .all-proejcts .drag-section{float:left;width:100%;text-align:center;margin-top:20px}section#all-projects-section .all-proejcts .drag-section p{font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-top:20px}section#all-projects-section .all-proejcts .drag-section .noUi-handle.noUi-handle-lower{width:3rem;height:3rem;left:48%;top:0;text-align:center;line-height:3.3rem;border-radius:50%;background:#5918df;cursor:move;box-shadow:1px 1px 4px 4px rgba(0,0,0,.35);position:relative;z-index:1}@keyframes noUiHandleShake{0%{transform:translateX(0)}20%{transform:translateX(5px)}40%{transform:translateX(-5px)}60%{transform:translateX(0)}}section#all-projects-section .all-proejcts .drag-section .noUi-handle.noUi-handle-lower:after{height:1px;width:100%;right:0;top:0;content:"<>";position:absolute;color:#f3f3f3}.swiper-container{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center}section#get-started{float:left;width:100%;padding:120px 0;background:#f3f3f3;position:relative;background:url(../images/header-bg.jpg) no-repeat;background-size:cover;background-attachment:fixed;overflow:hidden}section#get-started:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(243,243,243,.7882352941)}section#get-started .get-started-content{float:left;width:100%;position:relative;z-index:9;text-align:center}section#get-started .get-started-content h6{font-size:30px;color:#5918df;text-transform:uppercase;font-weight:600;letter-spacing:10px}section#get-started .get-started-content p{color:#242424;font-size:16px;margin:30px 0;text-transform:uppercase;letter-spacing:5px}footer{float:left;width:100%;padding:80px 0;padding-bottom:40px;background:#121212;position:relative;overflow:hidden}footer .svg-image.two{bottom:-90px;left:85px}footer:after{content:"Contact";top:14%;color:#484848;opacity:.1;display:flex;justify-content:center;align-items:center;width:100%}footer .background-title{width:100%;text-align:center;margin-top:30px}footer .background-title h6{font-size:30px;color:#9a9a9a;text-transform:uppercase;font-weight:500;letter-spacing:20px}footer .background-title p{font-size:12px;letter-spacing:2px;margin-top:20px;color:#9a9a9a}footer .contact-form{float:left;width:100%;margin-top:60px}footer .contact-form form{float:left;width:100%;border-top:1px solid #292929;margin-bottom:50px}footer .contact-form form .form-group{float:left;width:100%;padding:30px 0;padding-bottom:0;border-bottom:1px solid #292929;margin-bottom:0}footer .contact-form form .form-group .label{font-size:14px;letter-spacing:2px;text-transform:uppercase}footer .contact-form form .form-group .text-wrapper{position:relative}footer .contact-form form .form-group .text-wrapper:after{position:absolute;content:"";width:0;height:1px;background:#8a8a8a;bottom:1px;left:0;-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transform:0.6s;transition:0.6s}footer .contact-form form .form-group .text-wrapper.field-error:after{background:#ff0060;width:100%}footer .contact-form form .form-group .text-wrapper:hover:after{width:100%}footer .contact-form form .form-group .text-wrapper .form-control{border:none;padding-bottom:30px;color:#f3f3f3;background:transparent}footer .contact-form form .form-group .text-wrapper .form-control:focus,footer .contact-form form .form-group .text-wrapper .form-control:hover{outline:none;box-shadow:none}footer .contact-form form .form-group .text-wrapper label.error{color:#ff0060;font-size:12px;text-transform:uppercase;font-weight:600;position:absolute;bottom:-23px;right:0;transition:0.3s}footer .contact-form form .button-group{float:left;width:100%;text-align:center;margin-top:50px}footer .contact-form form .button-group button.custom-btn{padding:15px 40px;background:transparent;color:#9a9a9a;border:1px solid #9a9a9a;font-size:14px;text-transform:uppercase;font-weight:500;-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transform:0.6s;transition:0.6s}footer .contact-form form .button-group button.custom-btn:hover{background:#9a9a9a;color:#343434}footer .contact-form form div#mail-status{float:left;width:100%;text-align:center}footer .contact-form form div#mail-status p.success{color:#5918df;font-weight:700;text-align:center;margin:20px 0;display:inline-block;font-size:16px}footer .contact-form .contact-details{float:left;width:100%}footer .contact-form .contact-details span.contact-icon{display:inline-block;margin-right:10px}footer .contact-form .contact-details span.contact-icon i{color:#9a9a9a}footer .contact-form .contact-details p{font-size:12px;color:#9a9a9a;letter-spacing:2px}footer .contact-form .contact-details .details{color:#9a9a9a;font-size:12px;letter-spacing:2px;display:inline-block}footer .contact-form .contact-details a.details{text-decoration:underline!important}footer .contact-form .bottom-social-links{float:left;width:100%;margin-top:50px;border-top:1px solid #333;padding-top:30px;text-align:center}footer .contact-form .bottom-social-links ul li{display:inline-block}footer .contact-form .bottom-social-links ul li a{font-size:18px;color:#9a9a9a;padding:0 10px}footer .contact-form .bottom-social-links p{color:#9a9a9a;font-size:10px;margin-top:20px;letter-spacing:4px}.grecaptcha-badge{visibility:hidden}