@import url(https://fonts.googleapis.com/css?family=Muli:300,400,700,800,900);@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900);#preloader{width:100%;height:100%;position:fixed;z-index:99999;top:0;left:0;right:0;bottom:0}.loader-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}a,a:hover{text-decoration:none}#preloader,.bg-main{background:#1a1a1a}.bg-second{background:#222}.overlay-start{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;width:100%;position:fixed;z-index:9999;background:#000;bottom:0;right:0}.bg-over{background:rgba(24,35,40,.831)}.bg-cyan{background:#fff}.bg-cyan::before{content:"";display:block;position:absolute;margin-top:-70px;left:0;width:60%;height:calc(100% + 20px);background-color:#f1f4f6}.between{padding:0 20px}.line-between{height:100px;width:1px;position:absolute;display:block;margin-top:-50px;transform:translate(-50%,0);left:50%;background:#f95343}.color-white{color:#fff!important;border-color:#fff!important}.color-dark{color:#222!important}.color-gray{color:#e2e2e2!important}.bg-dark{background:#1a1a1a!important}.bg-dark-d::before{content:'';width:60%;height:80%;position:absolute;left:0;margin-top:-100px;background:#222;z-index:0}.mt-full{margin-top:90vh!important}.mt-10{margin-top:10px!important}.mt-20{margin-top:20px!important}.mt-30{margin-top:30px!important}.mt-40{margin-top:40px!important}.mt-50{margin-top:50px!important}.mt-60{margin-top:60px!important}.mt-70{margin-top:70px!important}.mt-80{margin-top:80px!important}.mt-90{margin-top:90px!important}.mb-40{margin-bottom:40px!important}.hero-title h1,.title h2,h1,h2{font-size:50px;font-weight:900;color:#fff}h2{font-size:24px;color:#1e272c}h3,p.sub-title{font-size:16px;letter-spacing:1px;color:#1e272c;font-weight:700}h1 span{color:transparent;-webkit-text-stroke:1px #fff}.title{padding:30px 0;z-index:2;position:relative}.hero-title h1,.title h2{font-family:'Playfair Display',sans-serif;font-weight:800;margin:0}.title h3{margin:0;font-weight:500;letter-spacing:0;color:#f95343;font-size:18px}.mid-title .title:before{left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.title:before{content:'';position:absolute;top:15px;left:-25px;width:120px;height:120px;z-index:1;background:url(../img/text-bg-light.svg);background-size:10px;opacity:.1;transform:rotate(45deg)}.line{background:url(../img/line.png) center center no-repeat;height:9px;width:88px;display:inline-block}p{font-size:16px;line-height:1.8}p.sub-title{mix-blend-mode:color-dodge;font-size:14px;font-weight:500;line-height:25px;color:#7b8b8e}body{overflow-x:hidden;background-color:#1a1a1a;font-family:'Muli',sans-serif}.centered{display:flex;align-items:center;justify-content:center}.scroll-up{top:0;position:absolute;z-index:-2}.hover,a.menu-link{overflow:hidden;display:block}.hover::after,.left-bg,.right-bg{position:absolute;height:100%;top:0;display:block}.hover::after{content:'';width:100%;background:#fff;left:0}.left-bg,.right-bg{width:60%;background:#222;opacity:1;z-index:-3}.right-bg{right:0}.left-bg{left:0}.line-col{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;height:100%;position:fixed;top:0;width:1px;background:rgba(235,235,235,.08);z-index:-4}.line-col.first{left:10%}.line-col.second{left:30%}.line-col.third{left:50%;transform:translateX(-50%)}.line-col.fourth{left:70%}.line-col.fifth{left:90%}.hero{height:100vh}.hero-title h1{margin:0!important;letter-spacing:3px;font-size:60px;font-weight:700}.btn-main:hover,.hero-title h3,.social ul li:hover a{color:#f95343}.hero-bg,.hero-bg img{position:absolute;opacity:1}.hero-bg{background-size:cover;right:0;top:0;height:calc(100%);width:calc(100%);z-index:-4;overflow:hidden}.hero-bg img{height:90%;bottom:0;right:10%}.hero-bg::before{z-index:-10}.square,.square-overlay{height:100%;right:0;position:absolute}.square{opacity:.9;z-index:-11;width:50%;background:url(../img/bg-hero.png) no-repeat center center;background-size:cover}.square-overlay{z-index:-10;width:100%;background:#1a1a1a}.body-frame{display:block;position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;border:20px solid #222;border-bottom:0;pointer-events:none}.btn-main{margin:0 auto;text-align:center;letter-spacing:3px;position:relative;border:1px solid #f95343;text-transform:uppercase;font-size:12px;padding:15px 34px;color:#fff;transition:all ease .5s}.btn-main:before{content:"";position:absolute;border-bottom:1px solid #f95343;width:30px;transform:translate(-50%,-50%);height:1px;left:0;top:50%;float:left;transition:all ease .5s}.btn-main:hover:before{left:100%}.logo,.toggle-btn{position:fixed;margin-top:50px;width:50px;height:50px;z-index:1000!important}.toggle-btn{display:flex;justify-content:center;align-items:center;right:3%;border:1px solid #f95343}.logo{left:3%}.toggle-btn::before{content:'DIGITAL CREATIVE AGENCY';position:absolute;width:180px;font-size:10px;letter-spacing:2px;color:#fff;right:60px}.one,.tre,.two{display:block;position:relative;width:25px;height:1px;background:#fff}.tre,.two{margin-top:4px}.menu{opacity:0;position:fixed;top:0;z-index:98;height:100vh;width:100%;background-color:#1a1a1a;display:flex;align-items:center;justify-content:center}.links::before,span.strip{background:#f95343;position:absolute;left:0}.links::before{content:'';height:100%;width:1px}.menu-text p{font-weight:300;line-height:30px;color:#fff}.data{text-align:left}.data ul,ul{padding:0}ul{list-style:none}.menu li,p{color:#fff}a.menu-link{font-family:'Playfair Display',serif;display:inline-block;text-decoration:none;color:#fff;opacity:.5;font-size:50px;font-weight:600;margin:0 20px;transition:all .4s ease}a.menu-link.active,a.menu-link:hover{opacity:1}.toggle-btn:hover{cursor:pointer}.bg-nav{position:fixed;z-index:22;background:#222;top:0;left:0;width:100%;height:70px}.address-menu h3,.address-menu h4{font-family:'Playfair Display',serif;font-size:30px}.address-menu h3{color:#f95343;font-weight:600}.address-menu h4{color:#fff;opacity:.5}.email-link,.social{position:absolute;z-index:3}.social{right:3%}.social ul li{display:block;margin-left:10px;padding:0;text-align:center;transition:all .2s ease}.contact .social ul li,ul.arrows li{display:inline}.social ul li a{font-size:18px;line-height:40px}.social ul,.social ul li a{margin:0;padding:0}.email-link{transform:translate(-50%,-50%) rotate(-90deg);top:50%;left:4%}.email-link a,.social ul li a{color:#fff;transition:all .5s ease}.contact-item a,.email-link:hover a{color:#f95343}.service-item{transition:all .3s ease;padding:30px;box-shadow:0 9px 31px 6px rgba(0,0,0,.2);overflow:hidden}.front{z-index:3}.service-icon{margin:20px 0}.service-icon img{width:70px}.service-text{padding:20px 0}.service-text h3{color:#fff;text-align:center}.service-text p{margin-top:20px;letter-spacing:1px;color:#fff;font-size:14px;line-height:24px}.service-list{padding:0;margin-top:20px}.service-line{margin-top:60px;width:100px;height:3px;background:#f95343}.service-list li{display:block;color:#fff;margin:10px 0}.project-content,.project-section{position:relative}body>section.project-section.parallax-scrl>div>div.row.mt-40.postAppendRow>div{padding:15px 0}.project-content img{width:100%;box-shadow:0 9px 31px 6px rgba(0,0,0,.2)}.project-content{padding:0 20px;margin:0 0 10px}.project-content:hover .img-projects-page::after{content:'';position:absolute;width:100%;height:100%;top:0;z-index:1;background-image:-moz-linear-gradient(90deg,#000 0,#ff4545 100%);background-image:-webkit-linear-gradient(90deg,#000 0,#ff4545 100%);background-image:-ms-linear-gradient(90deg,#000 0%,#ff4545 100%);opacity:.5}span.strip{width:40px;height:1px;top:10px}span.number{padding-right:50px}.detail-project{position:absolute;bottom:5%;left:10%}.detail-project h3{font-size:24px;font-weight:900;position:relative;overflow:hidden;margin:0 0 5px;letter-spacing:1px;padding:0}.detail-project p{margin:0;font-size:12px;color:#fff;letter-spacing:2px}.about-first,.about-overlay{height:100%;width:100%;position:absolute;bottom:0}.about-overlay{background-image:-moz-linear-gradient(90deg,#000 0,#ff4545 100%);background-image:-webkit-linear-gradient(90deg,#000 0,#ff4545 100%);background-image:-ms-linear-gradient(90deg,#000 0%,#ff4545 100%);opacity:.5;transition:all 1s ease}.about-first{right:0;background:#1a1a1a;z-index:1}.about-img{transform:matrix(1,0,0,1,0,0);-webkit-transform:matrix(1,0,0,1,0,0);box-shadow:0 9px 31px 6px rgba(0,0,0,.2)}.about-img:hover .about-overlay{opacity:0}.about-item{overflow:hidden}.about-text{padding:20px 40px;z-index:1}.about-text p{color:#d6d6d6;font-size:16px;font-weight:300}.about-text h4{font-family:'Playfair Display',sans-serif;font-size:30px;letter-spacing:0;font-weight:400;color:#fff;padding-bottom:20px}.about{position:relative}.line-img:after,.testimonial-bg{position:absolute;left:0;width:60%}.testimonial-bg{height:130%;background:#222;top:0;margin-top:-50px;display:block;z-index:-3}.testimonial{position:relative}.testimonial-item{padding:30px;position:relative}.quot-left,.quot-right{position:absolute;height:100;top:0;color:#222;font-size:70px;opacity:.7;z-index:-1}.quot-left{left:0}.quot-right{right:0}.testimonial-item p{margin-bottom:20px;font-size:18px;color:#fff;line-height:28px;font-weight:500;font-style:italic}.line-img:after{content:'';bottom:0;height:5px;background-color:#f95343;z-index:2}p.author-text{font-size:15px;font-style:normal;font-weight:600;color:#f95343}.item-partner{opacity:.4}.arrow-left:hover,.arrow-right:hover,.item-partner:hover{opacity:1}.owl-theme .owl-dots .owl-dot{outline:0}.line-testi{width:100%;height:1px;background:#f95343;margin:10px 0;opacity:.2}.team{position:relative}.team-item::after,.team-text{position:absolute;transform:translateX(-50%);left:50%}.team-item::after{content:'';height:80%;width:calc(100% - 30px);background:#222;bottom:-30px;z-index:-1;box-shadow:-9px 9px 31px -6px rgba(0,0,0,.2)}.team-text{text-align:center;bottom:0}.contact-item h3 span,.detail-project h3,.team-text h3{font-family:'Playfair Display',serif;color:#f95343}.team-text h3{font-size:20px;letter-spacing:1px;font-weight:900}ul.arrows{padding:0}ul.arrows li{cursor:pointer;margin:10px;opacity:.5;transition:all .7s ease}.news{position:relative}.news-item{transition:all .5s ease;cursor:pointer}.news-item:hover{transform:scale(.98)}.news-img,.news-item{overflow:hidden}.news-text{position:absolute;top:50%;width:90%;transform:translate(-50%,-50%);left:50%;padding:20px 30px 30px;background:#1a1a1a;opacity:0;transition:all .2s ease}.news-link{color:#f95343;margin-bottom:20px;padding:10px;border-bottom:solid 1px #f95343}.news-link:hover,a.mail{color:#fff}.news-item:hover .news-text{opacity:1;bottom:0}.news-text h3{font-size:15px;text-transform:uppercase}.news-text p{margin-top:20px;font-size:14px;color:#fff}.news-date p,.news-text h3{letter-spacing:2px;color:#fff}.news-date p{margin:0;font-size:12px}.contact-item h3{color:#fff;margin-bottom:20px}.contact-item h3 span{font-style:italic}.contact{position:relative}.contact-item .social{position:relative!important;bottom:0;right:0}a.mail{font-size:16px;font-weight:400}a.phone{font-weight:600;letter-spacing:1px}.contact-item .social li{margin:0 10px 0 0}.copyright h3{font-family:'Playfair Display',serif;color:#fff}.detail-title{height:200px;margin-top:-200px}.project-main{padding-bottom:30px}.detail-title,.project-main{background:#222}.detailes{margin:30px 0}.detailes h3{color:#f95343;letter-spacing:3px;font-weight:900;text-transform:uppercase}.detailes p{margin:0}.project-detail{background-color:#222}.square-project-detail{opacity:.9;z-index:-11;height:100%;width:100%;right:0;position:absolute;background:url(../img/work-detail/1.jpg) no-repeat center center;background-size:cover}.title-single-page{height:300px;width:50%;background:#222;box-shadow:14px 14px 50px 7px rgba(0,0,0,.1)}.single-port{margin-top:-10%}.single-page-bg{width:80%;height:80%;position:absolute;top:10%;background:url(../img/work-detail/3.jpg) center center no-repeat;z-index:-4}#visitProject .modal-content{background-color:transparent;border-color:transparent}#visitProject .modal-header{display:none;border:0}div[data-gjs-type=wrapper] .detail-title{margin-top:0!important}.filter-bar:not(.home-bar){width:100%;float:left;margin-bottom:60px}.filter-bar .works-filter{float:left;line-height:20px;margin:0;padding:0}.filter-bar .works-filter li{float:left;margin:0 10px 0 0;padding:0;list-style:none;opacity:0;transform:translateY(10px);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-ms-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.filter-bar .works-filter li:nth-child(1){transition-delay:0s}.filter-bar .works-filter li:nth-child(2){transition-delay:.05s}.filter-bar .works-filter li:nth-child(3){transition-delay:.1s}.filter-bar .works-filter li:nth-child(4){transition-delay:.15s}.filter-bar .works-filter li:nth-child(5){transition-delay:.2s}.filter-bar .works-filter li:nth-child(6){transition-delay:.25s}.filter-bar .works-filter li:nth-child(7){transition-delay:.3s}.filter-bar .works-filter li:nth-child(8){transition-delay:.35s}.filter-bar .works-filter li:nth-child(9){transition-delay:.4s}.filter-bar .works-filter li a{float:left;font-size:13px;color:#fff;border-bottom:2px solid transparent;padding:0 2px 2px}.filter-bar .works-filter li a.current{color:#f95343;border-bottom:2px solid #f95343}.filter-bar .works-filter li a:hover{color:#f95343;text-decoration:none}.filter-bar .works-filter.active li{opacity:1;transform:translateY(0)}.dots-menu,.filter-btn{float:right}.filter-btn span{float:right;line-height:22px;font-weight:600;font-size:13px;margin-right:20px;color:#fff}.dots-menu{position:relative;width:20px;height:20px;margin:0;cursor:pointer}.dots-menu .pix{position:absolute;width:4px;height:4px;background-color:#fff;border-radius:100%;transition:.2s ease-in-out}.dots-menu .pix:nth-of-type(1){transform:translate(0,0)}.dots-menu .pix:nth-of-type(2){transform:translate(8px,0)}.dots-menu .pix:nth-of-type(3){transform:translate(16px,0)}.dots-menu .pix:nth-of-type(4){transform:translate(0,8px)}.dots-menu .pix:nth-of-type(5){transform:translate(8px,8px)}.dots-menu .pix:nth-of-type(6){transform:translate(16px,8px)}.dots-menu .pix:nth-of-type(7){transform:translate(0,16px)}.dots-menu .pix:nth-of-type(8){transform:translate(8px,16px)}.dots-menu .pix:nth-of-type(9){transform:translate(16px,16px)}.dots-menu:hover .pix{background-color:#f95343}.dots-menu.active:hover .pix:nth-of-type(1),.dots-menu:hover .pix:nth-of-type(1){transform:translate(-4px,-4px)}.dots-menu:hover .pix:nth-of-type(3){transform:translate(20px,-4px)}.dots-menu:hover .pix:nth-of-type(7){transform:translate(-4px,20px)}.dots-menu:hover .pix:nth-of-type(9){transform:translate(20px,20px)}.dots-menu.active .pix:nth-of-type(1){transform:translate(0,0)}.dots-menu.active .pix:nth-of-type(2){transform:translate(4px,4px)}.dots-menu.active .pix:nth-of-type(3){transform:translate(16px,0)}.dots-menu.active .pix:nth-of-type(4){transform:translate(4px,12px)}.dots-menu.active .pix:nth-of-type(6){transform:translate(12px,4px)}.dots-menu.active .pix:nth-of-type(7){transform:translate(0,16px)}.dots-menu.active .pix:nth-of-type(8){transform:translate(12px,12px)}.dots-menu.active .pix:nth-of-type(9){transform:translate(16px,16px)}.dots-menu.active:hover .pix:nth-of-type(2){transform:translate(2px,2px)}.dots-menu.active:hover .pix:nth-of-type(3){transform:translate(20px,-4px)}.dots-menu.active:hover .pix:nth-of-type(4){transform:translate(2px,14px)}.dots-menu.active:hover .pix:nth-of-type(6){transform:translate(14px,2px)}.dots-menu.active:hover .pix:nth-of-type(7){transform:translate(-4px,20px)}.dots-menu.active:hover .pix:nth-of-type(8){transform:translate(14px,14px)}.dots-menu.active:hover .pix:nth-of-type(9){transform:translate(20px,20px)}.up-page{position:fixed;right:20px;bottom:20px;width:50px;height:50px}.up-page a{padding:10px 15px;border:1px solid #f95343;color:#f95343;transition:all .2s}.up-page i{font-size:20px}.up-page a:hover{border:1px solid #fff;color:#fff;background-color:#f95343}#whatsapp_chat_widget #wa-widget-send-button{margin:0 0 50px!important;padding-left:5px;padding-right:5px;position:fixed!important;z-index:16000160!important;bottom:0!important;text-align:center!important;min-width:50px;border-radius:50%;visibility:visible;transition:none!important;background-color:#4dc247;box-shadow:2px 2px 6px rgba(0,0,0,.4);left:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:60px;height:60px}#whatsapp_chat_widget #wa-widget-send-button .wa-messenger-svg-whatsapp{fill:#fff;width:41px;height:50px}#whatsapp_chat_widget #wa-widget-send-button>div{font-size:18px}@media (max-width:780px){#whatsapp_chat_widget #wa-widget-send-button{padding-left:5px;padding-right:5px;margin:0 0 20px!important;height:50px;min-width:30px;left:20px}#whatsapp_chat_widget #wa-widget-send-button .wa-messenger-svg-whatsapp{fill:#fff;width:30px;height:30px}#whatsapp_chat_widget #wa-widget-send-button>div{font-size:15px!important}}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.project-section .container {
    position: relative;
    z-index: 10;
}
.hero-grid-project{display:block; position:relative; overflow:hidden;}
.hero-grid-project a{display:block; position:relative; min-height:100%; height:100%;}
.hero-grid-project a span.isacikla{opacity:0; display: block; position: absolute; width:100%; height:0px; background:rgba(60,67,77,0.8); z-index:999; transition:.3s;}
.hero-grid-project a:hover span.isacikla{top:0; width:100%; height:100%; opacity:100;}
.hero-grid-project a span.isacikla span.isadi{opacity:0; position: absolute; left:10%; top:10%; color:#fff; font-size:36px; font-weight:700; transition:.4s; line-height:40px;}
.hero-grid-project .isacikla h3{color: #fff;}
.hero-grid-project a span.isacikla span.isadi span{display:block; font-size:20px; font-weight:300;}
.hero-grid-project a span.isacikla span.isplus{opacity:0; display:block; position: absolute; font-size:150px; line-height:100px; bottom:5%; right:5%; font-weight:300; color:#f95343; transition:.4s;}
.hero-grid-project a:hover span.isacikla span.isadi{opacity:100;}
.hero-grid-project a:hover span.isacikla span.isplus{opacity:100;}
.hero-grid-project a span.isres{display: block; position: relative; z-index:1;}
.hero-grid-project a span.isres img{transition:.2s; min-width: 100%;}
.hero-grid-project a:hover span.isres img{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.hero-grid__grid-sizer,
.hero-grid__item { width: calc(25% - 20px); float: left; }
.hero-grid__item--width2 { width: calc(50% - 20px); }
.hero-grid__grid-sizer,
.hero-grid {
    padding: 0;
    margin: 20px 0;
    border-radius: 0;
}
.hero-grid__grid-sizer {
    position: absolute;
}
@media only screen and (min-width: 1368px) {
    .hero-grid__grid-sizer,
    .hero-grid__item {
        margin: 0 10px 20px 10px;
    }
}
@media only screen and ( max-width: 1368px ) {

    .hero-grid__grid-sizer,
    .hero-grid__item {
        width: 23%;
        margin: 0 1% 20px 1%;
    }
    .hero-grid__item--width2 { width: 48%; }
}
@media only screen and ( max-width: 768px ) {

    .hero-grid__item,
    .hero-grid__grid-sizer {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .hero-grid__item--width2,
    .hero-grid__item--width3 {
        width: 100%;
    }
}