html,body{overflow-x:hidden!important}body{background-color:rgb(40,44,49);color:#cccccc}a{color:#cccccc}@font-face{font-family:'RobotoNormal';font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Normal'),url('../fonts/roboto-normal-latin-400.woff2') format('woff2');font-display:swap}@font-face{font-family:'RobotoLight';font-style:normal;font-weight:100;src:local('Roboto'),local('Roboto-Normal'),url('../fonts/roboto-normal-latin-100.woff2') format('woff2');font-display:swap}*{margin:0;padding:0;font-family:helvetica,arial,sans-serif}h1,h2,.navbar-brand,.navbar-brand em,.baner-content .text-content h1 em,.baner-content .text-content h2 em,footer .logo em,footer .logo-ft,.baner-content .text-content h1 small{font-family:'RobotoLight',helvetica,arial,sans-serif}h1 small{color:#fff;display:block}ul{list-style:none;margin:0}p{color:#000000;font-size:16px;line-height:24px}.focus p{color:#fff}.parallax-content{width:100%;min-height:100vh;background-size:cover}.container{padding-right:0;padding-left:0}.row{margin-top:2em}.primary-white-button a{display:inline-block;background-color:#ff7300;font-size:13px;padding:12px 18px;color:#ffffff;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:20px}.primary-white-button a:hover{background-color:#333333}.primary-blue-button a{display:inline-block;background-color:#33c1cf;font-size:13px;padding:12px 18px;color:#fff;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:20px}.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%;padding:0;z-index:10000;transition:all .2s ease-in-out;height:80px;background-color:transparent;text-align:center;line-height:40px}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:none}.navbar-brand{line-height:80px;padding:0}.navbar-nav>li>a{color:#fff!important;font-size:13px;font-weight:300;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{font-family:'Open Sans',arial,sans-serif;font-size:13px;font-weight:300;letter-spacing:.5px;text-transform:uppercase;text-shadow:none;color:#121212!important}.header.active{background-color:rgba(250,250,250,.98);-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)}.navbar-brand{font-size:32px;text-transform:uppercase;color:#fff!important;transition:all .5s}.navbar-brand em{color:#ff7300;font-size:32px;font-style:normal}.header.active .navbar-brand{color:#121212!important}.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:#ff7300;background-color:#ff7300}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#ff7300}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:15px!important;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.parallax-content{width:100%;min-height:100vh;background-size:cover}.baner-content{width:100%;padding-top:25vh;text-align:center;background-image:url(../img/banner_bg.webp);vertical-align:middle}.baner-content .text-content{text-align:center}.baner-content .text-content h2,h2,.baner-content .text-content h1{font-size:36px;font-weight:100;color:#fff}.baner-content .text-content h1{text-transform:uppercase}.baner-content .text-content h2 span,.baner-content .text-content h1 span{font-weight:700;color:#33c1cf!important}.baner-content .text-content h2 em,.baner-content .text-content h1 em{font-style:normal;font-weight:100;color:#ff7300!important}.baner-content .text-content p{color:#fff;line-height:24px;padding:0 25%}.baner-content .text-content .primary-white-button{margin-top:25px}@media (min-width:768px){.header .navbar-brand{padding-left:0}.navbar-nav{float:right}}@media (max-width:768px){.baner-content .text-content p{padding:0 10%}}@media (min-width:768px) and (max-width:992px){.navbar-nav>li{margin-left:35px}}@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}.baner-content{padding-top:15vh}}.image_left{float:left}#focus{padding:150px 0;background-image:url(../img/about-bg.webp);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}#focus .service-item{text-align:center}#focus .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}#focus .service-item h4{margin-bottom:30px;margin-top:45px;font-size:17px;font-weight:500;color:#fff;letter-spacing:1px}#focus .service-item .line-dec{width:100%;height:1px;background-color:rgba(250,250,250,.5)}#focus .service-item p{color:#fff;margin-top:30px}#focus .service-item .primary-blue-button{margin-top:35px}.tabs-content img{width:770px;height:320px}.projects-holder .mix{display:none}.projects-holder{padding:0}.projects-holder img{width:385px;height:250px}.filter-categories{margin-top:60px}.filter-categories ul li{margin:0 10px 15px 0;display:block}.filter-categories ul li span{cursor:pointer;color:#fff;display:inline-block;font-size:15px;text-transform:capitalize;font-weight:500;left:.5px}.filter-categories ul li.active span{color:#f7c552}#portoflio .page-section{padding:0}#portfolio .section-heading{padding-top:60px;padding-bottom:200px;background-color:#33c1cf;height:732px;margin-left:-100vh;padding-left:100vh}#portfolio .project-item{margin:0 -16px}#portfolio .section-heading h4{margin-top:0;font-size:20px;text-transform:uppercase;font-weight:700;color:#fff;letter-spacing:1px}#portfolio .section-heading .line-dec{width:270px;height:1px;background-color:rgba(250,250,250,.5);margin:20px 0 15px 0}#portfolio .section-heading p{color:#fff;padding-right:70px}#proces{background-image:url(../img/blog-bg.webp);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}#proces .section-heading{text-align:left;padding-top:60px;padding-bottom:60px;background-color:rgba(0,0,0,.5);height:auto;margin-left:-100vh;padding-left:100vh;overflow:hidden!important}#focus h2,#proces h2,#contact h2,#portfolio h2{margin-top:0;font-size:20px;text-transform:uppercase;font-weight:700;color:#fff;letter-spacing:1px}#focus h3{color:#fff}#proces h3{color:#333}#proces .section-heading .line-dec{width:270px;height:1px;background-color:rgba(250,250,250,.5);margin:20px 0 15px 0}#proces .section-heading p,#focus .section-heading p{color:#fff;padding-right:70px}.wrapper{text-align:center}.tabs{list-style:none;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{background-color:#596065;text-align:center;padding:80px 0}#contact .section-heading h2{margin-top:0;font-size:20px;text-transform:uppercase;font-weight:700;color:#fff;letter-spacing:1px}#contact .section-heading .line-dec{width:270px;height:1px;background-color:rgba(250,250,250,.5);margin:20px auto 15px auto}#contact .section-heading p{color:#fff}#contact .pop-button{margin-top:30px}#contact input{border-radius:0;padding-left:15px;font-size:13px;color:#232323;background-color:rgba(250,250,250,1);outline:0;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:13px;color:#232323;background-color:rgba(250,250,250,1);outline:0;border:none;box-shadow:none;height:165px;max-height:220px;width:100%;margin-bottom:25px}.pop #contact{z-index:99999;position:fixed;top:25%;left:20%;right:20%}.pop{z-index:99999;text-align:center;padding:30px;display:none;position:fixed;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:relative;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 .5s}footer{margin-top:-6px;background-color:#373a3c;padding:0 0 50px 0}footer .logo em{font-style:normal;font-size:22px;color:#ff7300}footer .logo-ft{display:inline-block;margin-top:15px;text-decoration:none;color:#fff!important;font-size:22px;font-weight:100;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}footer .location{text-align:center}footer .location h3{margin-top:20px;font-size:13px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.5px}@media (max-width:991px){.baner-content .text-content p{padding:0 15%}#about .service-item{margin-bottom:80px}#portfolio .section-heading{text-align:center;padding-top:100px;padding-bottom:100px;background-color:#33c1cf;height:505px;margin-left:-15px;padding-left:0;margin-right:-15px;padding-right:0;overflow:hidden}#portfolio .section-heading .line-dec{margin:20px auto 15px auto}#portfolio .section-heading p{padding:0 20px}.projects-holder{text-align:center;padding:15px 0}#portfolio .project-item{margin:15px 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:0;margin-right:-15px;padding-right:0;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)}}@media (max-width:768px){.baner-content .text-content p{padding:0 10%}#main-nav{margin-left:-15px;margin-right:-15px;border-top:none;margin-top:15px;background-color:rgba(250,250,250,.95)}.navbar-nav{margin-top:0;margin-bottom:0}.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}}@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}.baner-content .text-content p{padding:0 2%}}*{margin:0;padding:0;box-sizing:border-box}li,ul{margin:0;list-style-type:none}input{outline:0;border:none}textarea{outline:0;border:none}input:focus,textarea:focus{border-color:transparent!important}input::-webkit-input-placeholder{color:#999}input:-moz-placeholder{color:#999}input::-moz-placeholder{color:#999}input:-ms-input-placeholder{color:#999}textarea::-webkit-input-placeholder{color:#999}textarea:-moz-placeholder{color:#999}textarea::-moz-placeholder{color:#999}textarea:-ms-input-placeholder{color:#999}button{outline:0!important;border:none;background:0 0}button:hover{cursor:pointer}iframe{border:none!important}.contact1{width:100%;min-height:100%;padding:15px;background:#009bff;background:-webkit-linear-gradient(left,#0072ff,#00c6ff);background:-o-linear-gradient(left,#0072ff,#00c6ff);background:-moz-linear-gradient(left,#0072ff,#00c6ff);background:linear-gradient(left,#0072ff,#00c6ff);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.container-contact1{background:#fff;border-radius:10px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:90px 130px 88px 148px}.contact1-pic{width:296px}.contact1-pic img{max-width:100%}.contact1-form{width:390px}.contact1-form-title{display:block;font-size:24px;color:#333;line-height:1.2;text-align:center;padding-bottom:44px}input.input1{height:50px;border-radius:25px;padding:0 30px}input.input1 + .shadow-input1{border-radius:25px}textarea.input1{min-height:150px;border-radius:25px;padding:12px 30px}textarea.input1 + .shadow-input1{border-radius:25px}.wrap-input1{position:relative;width:100%;z-index:1;margin-bottom:20px}.input1{display:block;width:100%;background:#e6e6e6;font-size:15px;line-height:1.5;color:#666}.shadow-input1{content:'';display:block;position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:100%;box-shadow:0 0;color:rgba(87,184,70,.5)}.input1:focus + .shadow-input1{-webkit-animation:anim-shadow .5s ease-in-out forwards;animation:anim-shadow .5s ease-in-out forwards}@-webkit-keyframes anim-shadow{to{box-shadow:0 0 80px 30px;opacity:0}}@keyframes anim-shadow{to{box-shadow:0 0 80px 30px;opacity:0}}.container-contact1-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center}.contact1-form-btn{min-width:193px;height:50px;border-radius:25px;background:#57b846;font-size:15px;line-height:1.5;color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 25px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.contact1-form-btn i{margin-left:7px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.contact1-form-btn:hover{background:#333}.contact1-form-btn:hover i{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px)}@media (max-width:1200px){.contact1-pic{width:33.5%}.contact1-form{width:44%}}@media (max-width:991px){.container-contact1{padding:90px 80px 88px 90px}.contact1-pic{width:35%}.contact1-form{width:55%}}@media (max-width:768px){.container-contact1{padding:90px 80px 88px}.contact1-pic{display:none}.contact1-form{width:100%}}@media (max-width:576px){.container-contact1{padding:90px 15px 88px}}.validate-input{position:relative}.alert-validate::before{content:attr(data-validate);position:absolute;max-width:70%;background-color:#fff;border:1px solid #c80000;border-radius:13px;padding:4px 25px 4px 10px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:8px;pointer-events:none;color:#c80000;font-size:13px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}.alert-validate::after{content:"\f06a";font-family:FontAwesome;display:block;position:absolute;color:#c80000;font-size:15px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:13px}.alert-validate:hover:before{visibility:visible;opacity:1}@media (max-width:991px){.alert-validate::before{visibility:visible;opacity:1}}.contact1-form-btn i{margin-left:7px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.fa-long-arrow-right::before{content:"\f178"}#mail-status{color:#c80000}#frmContact{border-top:#f0f0f0 2px solid;background:#fff;padding:10px;width:400px}#frmContact div{margin-bottom:15px}#frmContact div label{margin-left:5px}.demoInputBox{padding:10px;border:#f0f0f0 1px solid;border-radius:4px}.error{background-color:#f60;border:#aa4502 1px solid;padding:5px 10px;color:#fff;border-radius:4px}.success{background-color:#12cc1a;border:#0fa015 1px solid;padding:5px 10px;color:#fff;border-radius:4px}.info{font-size:.8em;color:#f60;letter-spacing:2px;padding-left:5px}.btnAction{background-color:#2fc332;border:0;padding:10px 40px;color:#fff;border:#f0f0f0 1px solid;border-radius:4px}#portfolio{background-color:rgb(40,44,49)}.flip-box{background-color:transparent;width:385px;height:250px;border:none;perspective:1000px;display:block}@media (max-width:768px){.flip-box{margin-bottom:20px}#proces h2,#proces p,#focus h2,#focus p{padding-left:10px}.projects-holder img,.tabs-content img{width:100%;height:auto}}.flip-box-inner{position:relative;width:385px;height:250px;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box:hover .flip-box-inner{transform:rotateY(180deg)}.flip-box-front,.flip-box-back{position:absolute;width:385px;height:250px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-front{background-color:#bbb;color:black}.flip-box-back{background-color:#33c1cf;color:white;transform:rotateY(180deg)}.flip-box-back h3{padding-top:2em;}.flip-box-back p a{color:#121212;}.flip-box-back p.meta{text-transform:uppercase;color:#ffffff;}@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-long-arrow-right:before{content:"\f178"}