body{color:#999;font-size:14px;font-family:Rubik,sans-serif;line-height:1.80857}h1,h2,h3,h4,h5,h6{letter-spacing:0;font-weight:400;position:relative;padding:0 0 10px 0;font-weight:400;line-height:120%!important;color:#333;margin:0}h1{font-size:24px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:13px}.page-view{height:100vh;width:100%;position:relative;top:0;left:0;z-index:0}.page-view .project{position:absolute;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.page-view .project .text h1{font-size:100px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0;display:table;text-align:center}.page-view .project .text p{font-size:16px;position:absolute;bottom:40px;right:60px;margin:0;color:#f59f7e}.page-view .project:nth-child(1){z-index:30}@media screen and (max-width:640px){.page-view .project .text h1{font-size:28px}.page-view .project .text p{bottom:20px;margin:0;text-align:center;width:100%;right:auto;font-size:14px}}.page-view .arrows{position:absolute;bottom:50px;left:100px;z-index:100}.page-view .arrows .arrow{float:left;cursor:pointer}.page-view .arrows .arrow.next{-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-top:-15px}.page-view .arrows .arrow:hover.previous{-webkit-transition:-webkit-transform .4s cubic-bezier(.25,.46,.45,.94);transition:transform .4s cubic-bezier(.25,.46,.45,.94);-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}.page-view .arrows .arrow:hover.next{-webkit-transition:-webkit-transform .4s cubic-bezier(.25,.46,.45,.94);transition:transform .4s cubic-bezier(.25,.46,.45,.94);-webkit-transform:translate3d(5px,0,0) rotate(180deg);transform:translate3d(5px,0,0) rotate(180deg)}.page-view .arrows .arrow svg{height:40px;width:25px;padding:2px}.page-view .arrows .arrow svg polygon{fill:#fff}.page-view .arrows .arrow{-webkit-transition:-webkit-transform .3s cubic-bezier(.55,.085,.68,.53);transition:transform .3s cubic-bezier(.55,.085,.68,.53);margin-right:10px;margin-top:-7px}@media screen and (max-width:640px){.page-view .arrows{bottom:60px;left:50%;z-index:120;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.page-view .arrows .arrow.previous:hover{-webkit-transform:none;transform:none}.page-view .arrows .arrow.next:hover{-webkit-transform:translate3d(0,0,0) rotate(180deg);transform:translate3d(0,0,0) rotate(180deg)}}@-webkit-keyframes mask-play{from{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes mask-play{from{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}.cd-headline.clip span{display:inline-block;padding:.2em 0;color:#fff;font-size:30px}.cd-headline.clip span b{text-transform:uppercase}.cd-headline.clip .cd-words-wrapper{overflow:hidden;vertical-align:top}.cd-headline.clip .cd-words-wrapper::after{content:'';position:absolute;top:0;right:0;width:2px;height:100%;background-color:#aebcb9}.cd-headline.clip b{opacity:0}.cd-headline.clip b.is-visible{opacity:1}.section{display:block;position:relative;overflow:hidden;padding:70px 0}.noover{overflow:visible}.noover .btn-dark{border:0!important}.nopad{padding:0}.nopadtop{padding-top:0}.section.wb{background-color:#fff}.section.lb{background-color:#f2f3f5}.section.db{background-color:#111}.section.color1{background-color:#448aff}.first-section{display:block;position:relative;overflow:hidden;padding:16em 0 13em}.first-section h2{color:#fff;font-size:68px;font-weight:300;text-transform:capitalize;display:block;margin:0;padding:0 0 30px;position:relative}.first-section .lead{font-size:21px;font-weight:300;padding:0 0 40px;margin:0;line-height:inherit;color:#fff}.macbookright{width:980px;position:absolute;right:-15%;bottom:-6%}.section-title{display:block;position:relative;margin-bottom:60px}.section-title p{color:#999;font-weight:400;font-size:18px;line-height:33px;margin:0}.section-title h3{font-size:38px;font-weight:500;line-height:62px;margin:0 0 25px;padding:0;text-transform:none}.section.colorsection h3,.section.colorsection p,.section.db h3{color:#fff}.hover-effect-new{display:inline-block;padding:10px 24px;font-size:16px;font-weight:500;border:1px solid #304346;border-radius:0;transition:all .2s ease-in;position:relative;overflow:hidden}.hover-effect-new::before{content:"";position:absolute;left:50%;transform:translateX(-50%) scaleY(1) scaleX(1.25);top:100%;width:140%;height:180%;background-color:rgba(0,0,0,.05);border-radius:50%;display:block;transition:all .5s .1s cubic-bezier(.55,0,.1,1);z-index:-1}.hover-effect-new::after{content:"";position:absolute;left:55%;transform:translateX(-50%) scaleY(1) scaleX(1.45);top:180%;width:160%;height:190%;background-color:#f59f7e;border-radius:50%;display:block;transition:all .5s .1s cubic-bezier(.55,0,.1,1);z-index:1}.hover-effect-new:hover{color:#fff;border:1px solid #f59f7e}.hover-effect-new:hover::before{top:-35%;background-color:#f59f7e;transform:translateX(-50%) scaleY(1.3) scaleX(.8)}.hover-effect-new:hover::after{top:-45%;background-color:#f59f7e;transform:translateX(-50%) scaleY(1.3) scaleX(.8)}.hover-effect-new span{position:relative;z-index:2}.right-box-pro{position:relative;-webkit-box-shadow:0 0 30px -4px rgba(0,0,0,.3);box-shadow:0 0 30px -4px rgba(0,0,0,.3)}.right-box-pro img{position:relative;z-index:2}.services-inner-box{padding:15px;background:#fff;margin-bottom:30px;text-align:center;position:relative;z-index:1}.ser-icon{width:90px;height:90px;text-align:center;line-height:90px;margin:0 auto;background:#f59f7e;border-radius:20px}.ser-icon i{font-size:50px;color:#fff}.services-inner-box h2{font-size:22px;font-weight:600;margin-top:20px}.effect-new{position:relative}.effect-new::after,.effect-new::before{z-index:0;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;background:#777;-webkit-box-shadow:0 15px 10px #777;-moz-box-shadow:0 15px 10px #777;box-shadow:0 15px 10px #777;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg)}.effect-new::after{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);right:10px;left:auto}.item-h1,.item-h2{height:100%!important;height:auto!important}.isotope-item{z-index:2;padding:0}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s}.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;transition-property:height,width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}.portfolio-filter ul{padding:0;z-index:2;display:block;position:relative;margin:0}.portfolio-filter ul li{border-radius:0;display:inline-block;margin:0 5px 0 0;text-decoration:none;text-transform:uppercase;vertical-align:middle}.portfolio-filter ul li:last-child:after{content:""}.portfolio-filter ul li .btn-dark{box-shadow:none;background-color:transparent;border:1px solid #e6e7e6!important;color:#1f1f1f;font-weight:400;font-size:13px;padding:10px 30px}.da-thumbs{list-style:none;position:relative;padding:0}.da-thumbs .pitem{margin:0;padding:15px;position:relative}.da-thumbs .pitem a,.da-thumbs .pitem a img{display:block;position:relative}.da-thumbs .pitem a{overflow:hidden}.da-thumbs .pitem a div{position:absolute;background-color:rgba(0,0,0,.8);width:100%;height:100%}.da-thumbs .pitem a div h3{display:block;color:#fff;font-size:20px;padding:30px 15px;text-transform:capitalize;font-weight:400}.da-thumbs .pitem a div h3 small{display:block;color:#fff;margin-top:5px;font-size:13px;font-weight:300}.da-thumbs .pitem a div i{background-color:#1f1f1f;position:absolute;color:#fff!important;bottom:0;font-size:15px;z-index:12;right:0;width:40px;height:40px;line-height:40px;text-align:center}.icon-wrapper{position:relative;cursor:pointer;display:block;z-index:1}.icon-wrapper i{width:75px;height:75px;text-align:center;line-height:75px;font-size:28px;background-color:#f2f3f5;color:#1f1f1f;margin-top:0}.small-icons.icon-wrapper i,.small-icons.icon-wrapper:hover i,.small-icons.icon-wrapper:hover i:hover{width:auto!important;height:auto!important;line-height:1!important;padding:0!important;color:#e3e3e3!important;background-color:transparent!important;background:0 0!important;margin-right:10px!important;vertical-align:middle;font-size:24px!important}.small-icons.icon-wrapper h3{font-size:18px;padding-bottom:5px}.small-icons.icon-wrapper p{padding:0;margin:0}.icon-wrapper h3{font-size:21px;padding:0 0 15px;margin:0}.icon-wrapper p{margin-bottom:0;padding-left:95px}.icon-wrapper p small{display:block;color:#999;margin-top:10px;text-transform:none;font-weight:600;font-size:16px}.icon-wrapper p small:after{content:"\f105";font-family:FontAwesome;margin-left:5px;font-size:11px}.divider-wrapper{width:100%;box-shadow:0 5px 14px rgba(0,0,0,.1);height:540px;margin:0 auto;position:relative}.divider-wrapper:hover{cursor:none}.divider-bar{position:absolute;width:10px;left:50%;top:-10px;bottom:-15px}.code-wrapper{border:1px solid #fff;display:block;overflow:hidden;width:100%;height:100%;position:relative;background:url(uploads/code.jpg) no-repeat}.design-wrapper{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translateX(50%);transform:translateX(50%)}.design-image{display:block;width:100%;height:100%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:url(uploads/design.jpg) no-repeat}.filter-button-group{border-radius:0;margin:10px 0;display:inline-block}.filter-button-group button.active{background:#f59f7e;color:#fff}.filter-button-group button{color:#333;letter-spacing:1px;text-transform:uppercase;font-weight:600;font-size:14px;cursor:pointer;background:#fff;padding:12px 40px;border:none;border-radius:20px}.filter-button-group button:hover{background:#333;color:#fff}.gallery-single{margin:30px 15px}.gallery-single{text-align:center;overflow:hidden;position:relative;border:10px solid #f59f7e}.gallery-single img{width:100%;height:auto;transform:scale(1);transition:all .3s ease 0s}.gallery-single:hover img{filter:grayscale(100%);transform:scale(1.2)}.gallery-single .box-content{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;transition:all .2s ease 0s}.gallery-single .box-content:after,.gallery-single .box-content:before,.gallery-single:after,.gallery-single:before{content:"";width:100%;height:25%;background:linear-gradient(to right,rgba(0,0,0,.9),rgba(0,0,0,.7),transparent,rgba(0,0,0,.7),rgba(0,0,0,.9));z-index:1;position:absolute;top:0;left:0;transition:all .3s ease 0s}.gallery-single:before{transform:translateX(100%)}.gallery-single:after{height:25.1%;top:25%;transform:translateX(-100%);transition-delay:50ms}.gallery-single .box-content:before{top:50%;transform:translateX(100%);transition-delay:.1s}.gallery-single .box-content:after{top:75%;transform:translateX(-100%);transition-delay:.15s}.gallery-single:hover .box-content:after,.gallery-single:hover .box-content:before,.gallery-single:hover:after,.gallery-single:hover:before{transform:translateX(0)}.gallery-single .inner-content{padding:7px 0;text-align:right;position:absolute;bottom:10px;right:20px;z-index:2;transition:all .3s ease 0s}.gallery-single .title{font-size:22px;font-weight:700;color:#f59f7e;letter-spacing:1px;text-transform:uppercase;margin:0 0 3px 0;opacity:0;transform:translateY(150px);transition:all .4s ease 0s}.gallery-single .post{display:inline-block;padding:0 5px;font-size:16px;font-style:normal;color:#fff;opacity:0;transform:translateY(50px);transition:all .4s ease 0s}.gallery-single:hover .post,.gallery-single:hover .title{opacity:1;transform:translate(0,0)}.gallery-single .icon{padding:0;margin:0;list-style:none;position:absolute;top:-200px;left:10px;z-index:2;transition:all .4s ease .2s}.gallery-single:hover .icon{top:15px}.gallery-single .icon li a{display:block;width:40px;height:40px;line-height:40px;background:#f59f7e;font-size:20px;color:#fff;margin-bottom:10px;position:relative;transition:all .3s ease 0s}.gallery-single .icon li a:hover{text-decoration:none;border-radius:30%;background:#fff;color:#f59f7e}@media only screen and (max-width:990px){.gallery-single{margin-bottom:30px}}@media only screen and (max-width:479px){.gallery-single .title{font-size:18px}}