*{padding:0;transition:.2s;margin:0}body{overflow:hidden;font-family:Helvetica Neue,sans-serif!important}li,ul{list-style:none}a{text-decoration:none;color:#e7fb68}a li img{vertical-align:middle}.home{height:100vh;width:100vw}.header{height:80px}.header,.header-fixed{padding:20px 120px;width:calc(100% - 200px)}.header-fixed{position:fixed;top:-250px;z-index:5}.main-logo{align-items:center;float:left;margin-top:10px}.elab-logo{height:41px;background:url(https://ruhselgezi.quest/assets/images/elab-logo.png) 50% no-repeat;background-size:contain;margin:35px 0 0 170px;cursor:pointer;width:120px}.tatu-logo{height:80px;background:url(https://ruhselgezi.quest/assets/images/tatu-logo-new.png) 50% no-repeat;background-size:contain;margin:0 0 5px 7px;cursor:pointer;width:145px;float:left}.main-menu{align-items:center;float:right;margin-top:14px;display:flex}.main-menu-btn{text-decoration:none;font-weight:200;margin-right:60px;user-select:none;z-index:2}.main-menu-btn-item{font-size:28px;font-weight:500;word-spacing:-4px;color:#e7fb68;text-transform:uppercase;letter-spacing:1px;text-align:center;width:100%;line-height:60px;font-family:Helvetica Neue,sans-serif!important}.mobile-header{height:50px;transition:all .5s ease-out,background 1s ease-out;transition-delay:.2s;background-color:#030303;width:100%;z-index:5}.opened{height:100%;transition:all .3s ease-in,background .5s ease-in;transition-delay:.25s}.text-welcome-container{transform:translateX(-50%) translateY(-50%);position:absolute;top:50%;left:50%}.window{height:567px;overflow:hidden;position:relative;margin:100px auto 0;border-radius:3px;background:#f1f1f1;width:360px;display:none}.window .headerm{height:50px;overflow:hidden;-webkit-transition:all .5s ease-out,background 1s ease-out;transition:all .5s ease-out,background 1s ease-out;-webkit-transition-delay:.2s;transition-delay:.2s;position:absolute;top:0;background:rgba(0,0,0,.8);left:0;width:100%;display:block;z-index:5}.window .headerm .burger-container{-webkit-tap-highlight-color:transparent;height:50px;transform:rotate(0deg);transition:all .3s cubic-bezier(.4,.01,.165,.99);position:relative;cursor:pointer;width:50px;float:right;user-select:none;display:inline-block;z-index:10}.window .headerm .burger-container #burger{height:8px;position:relative;top:50%;margin:-4px auto 0;width:18px;display:block}.window .headerm .burger-container #burger .bar{height:1px;-webkit-transition:all .3s cubic-bezier(.4,.01,.165,.99);transition:all .3s cubic-bezier(.4,.01,.165,.99);-webkit-transition-delay:0s;transition-delay:0s;position:relative;background:#fff;width:100%;display:block}.window .headerm .burger-container #burger .bar.topBar{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}.window .headerm .burger-container #burger .bar.btmBar{-webkit-transform:translateY(6px) rotate(0deg);transform:translateY(6px) rotate(0deg)}.window .headerm .icon{height:100%;height:50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:22px;color:#fff;position:absolute;text-align:center;left:50%;width:50px;line-height:50px;display:inline-block}.window .headerm .icon.icon-bag{-webkit-transform:translateX(0);transform:translateX(0);right:0;-webkit-transition:-webkit-transform .5s cubic-bezier(.4,.01,.165,.99);transition:-webkit-transform .5s cubic-bezier(.4,.01,.165,.99);transition:transform .5s cubic-bezier(.4,.01,.165,.99);transition:transform .5s cubic-bezier(.4,.01,.165,.99),-webkit-transform .5s cubic-bezier(.4,.01,.165,.99);-webkit-transition-delay:.65s;transition-delay:.65s;top:0;left:auto}.window .headerm ul.menu{list-style:none;position:relative;text-align:center;vertical-align:middle;margin-top:15%;display:block}.window .headerm ul.menu li.menu-item{-webkit-transform:scale(1.15) translateY(-30px);transform:scale(1.15) translateY(-30px);-webkit-transition:opacity .6s cubic-bezier(.4,.01,.165,.99),-webkit-transform .5s cubic-bezier(.4,.01,.165,.99);transition:opacity .6s cubic-bezier(.4,.01,.165,.99),-webkit-transform .5s cubic-bezier(.4,.01,.165,.99);transition:transform .5s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99);transition:transform .5s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99),-webkit-transform .5s cubic-bezier(.4,.01,.165,.99);border-bottom:1px solid #333;opacity:0;width:100%;margin-top:5px}.window .headerm ul.menu li.menu-item:first-child{-webkit-transition-delay:.49s;transition-delay:.49s}.window .headerm ul.menu li.menu-item:nth-child(2){-webkit-transition-delay:.42s;transition-delay:.42s}.window .headerm ul.menu li.menu-item:nth-child(3){-webkit-transition-delay:.35s;transition-delay:.35s}.window .headerm ul.menu li.menu-item:nth-child(4){-webkit-transition-delay:.28s;transition-delay:.28s}.window .headerm ul.menu li.menu-item:nth-child(5){-webkit-transition-delay:.21s;transition-delay:.21s}.window .headerm ul.menu li.menu-item:nth-child(6){-webkit-transition-delay:.14s;transition-delay:.14s}.window .headerm ul.menu li.menu-item:nth-child(7){-webkit-transition-delay:.07s;transition-delay:.07s}.window .headerm ul.menu li.menu-item a{font-size:22px;text-decoration:none;font-weight:100;font-weight:200;color:#e7fb68;position:relative;width:100%;line-height:2.35;font-family:Helvetica Neue,sans-serif!important;display:block}.window .headerm.menu-opened{height:100%;-webkit-transition:all .3s ease-in,background .5s ease-in;transition:all .3s ease-in,background .5s ease-in;-webkit-transition-delay:.25s;transition-delay:.25s;background-color:#000}.window .headerm.menu-opened .burger-container{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.window .headerm.menu-opened .burger-container #burger .bar{-webkit-transition:all .4s cubic-bezier(.4,.01,.165,.99);transition:all .4s cubic-bezier(.4,.01,.165,.99);-webkit-transition-delay:.2s;transition-delay:.2s}.window .headerm.menu-opened .burger-container #burger .bar.topBar{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(45deg)}.window .headerm.menu-opened .burger-container #burger .bar.btmBar{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(-45deg)}.window .headerm.menu-opened ul.menu li.menu-item{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);opacity:1}.window .headerm.menu-opened ul.menu li.menu-item:first-child{-webkit-transition-delay:.27s;transition-delay:.27s}.window .headerm.menu-opened ul.menu li.menu-item:nth-child(2){-webkit-transition-delay:.34s;transition-delay:.34s}.window .headerm.menu-opened ul.menu li.menu-item:nth-child(3){-webkit-transition-delay:.41s;transition-delay:.41s}.window .headerm.menu-opened ul.menu li.menu-item:nth-child(4){-webkit-transition-delay:.48s;transition-delay:.48s}.window .headerm.menu-opened ul.menu li.menu-item:nth-child(5){-webkit-transition-delay:.55s;transition-delay:.55s}.window .headerm.menu-opened ul.menu li.menu-item:nth-child(6){-webkit-transition-delay:.62s;transition-delay:.62s}.window .headerm.menu-opened ul.menu li.menu-item:nth-child(7){-webkit-transition-delay:.69s;transition-delay:.69s}.window .headerm.menu-opened .icon.icon-bag{-webkit-transform:translateX(75px);transform:translateX(75px);-webkit-transition-delay:.3s;transition-delay:.3s}.window .content{overflow:scroll;padding:67px 4% 0;max-height:100%;text-align:justify;font-family:Helvetica Neue,sans-serif!important}.window .content::-webkit-scrollbar{display:none}.window .content h2{margin-bottom:0;letter-spacing:1px}.window .content img{position:relative;margin:75px auto;width:95%;display:block}.window .content img:nth-of-type(2){margin:75px auto}.mobile-logo img:nth-child(2){height:30px;width:95px}.mlogo{position:fixed;margin:2px 0 2px 4px;z-index:6}.mlogo img{height:45px;width:94px}.mlogo1{position:fixed;margin-left:103px;margin-top:21px;z-index:6}.mlogo1 img{height:25px;width:80px}.text-welcome{font-size:120px;font-weight:200;text-shadow:0 -1px 10px #12f4b2;color:#12f4b2;user-select:none;font-family:Helvetica Neue,sans-serif!important;z-index:2}.mouse{height:65px;border:2px solid #e7fb68;transition:all .5s;position:absolute;bottom:60px;border-radius:50px;cursor:pointer;left:50%;width:40px}.mouse-icon{animation:up-down 1.5s ease-in-out infinite;animation-direction:reverse;height:5px;position:absolute;top:20%;border-radius:50%;background:#e7fb68;left:45%;width:5px}@keyframes up-down{0%{transform:translateY(35px)}}.animation-container{right:0;position:absolute;bottom:0;top:0;left:0;z-index:1}.animation-container span{pointer-events:none;font-weight:500!important;animation-timing-function:ease-out;color:#e7fb68;position:absolute;animation-name:move;opacity:1;will-change:transform,opacity;cursor:default;user-select:none;font-family:Helvetica Neue!important;display:block}@keyframes move{0%{transform:translateY(100vh);opacity:0}25%{opacity:1}50%{opacity:1}75%{opacity:0}to{transform:none;opacity:0}}.story{height:100vh;background:url(https://ruhselgezi.quest/assets/images/story.png) 50% no-repeat;width:100vw}.story-container{background:radial-gradient(circle at right,rgba(71,186,173,.4) 20%,transparent 60%);float:left;user-select:none}.story-container,.work-container{height:100vh;overflow:hidden;position:relative;width:50vw}.work-container{float:right}.story-content{height:100vh;position:relative;margin:0 auto;width:40vw}.story-slot{overflow:hidden;transform:translateY(-50%);position:relative;top:50%}.gradient-top{height:40vh;background:linear-gradient(#161616 30%,#161616 0,hsla(0,0%,9%,0))}.gradient-bottom,.gradient-top{position:absolute;width:100%;z-index:2}.gradient-bottom{bottom:0;background:linear-gradient(#161616 30%,#161616 0,hsla(0,0%,9%,0) 0)}.story-subject{font-size:12px;font-weight:300;color:#e7fb68;transition:1.5s;letter-spacing:1px;margin:0 auto;line-height:178px;font-family:Helvetica Neue,sans-serif!important}.work-content-container{height:100vh;transition:2s;width:50vw;margin-top:0}.tatu-story{height:100vh;justify-content:center;font-size:40px;font-weight:300!important;font-weight:400;color:#e7fb68;transition:2s;flex-direction:column;letter-spacing:1,5px;text-align:center;align-items:center;font-family:Helvetica Neue,sans-serif!important;display:flex}.tatu-story p{font-size:25px!important;font-weight:300;max-width:90%}.work-title{padding:300px 0 50px 50px;font-size:50px;font-weight:800}.work-content,.work-title{color:#f1f1f1;font-family:Helvetica Neue,sans-serif!important}.work-content{font-size:20px;max-width:50%;margin-left:50px}.work-image{height:350px;border-radius:175px;margin-left:400px;width:350px}.work-video{height:500px;border:5px solid #f1f1f1;position:absolute;top:24%;background-color:transparent;border-radius:250px;left:55%;width:500px;z-index:1}.what-we-do{height:100vh;position:relative;background:url(https://ruhselgezi.quest/assets/images/we-do.png) 50% no-repeat;width:100vw}.what-we-do-container{height:80vh;transform:translateX(-50%) translateY(-50%);position:absolute;top:53%;left:50%}.what-we-do-row{height:80vh;position:relative;width:67.5vw}.what-we-do-row:first-of-type{background-size:cover;opacity:80%}.what-we-do-row:nth-of-type(2){transform:scaleY(-1);background-size:cover;opacity:90%}.what-we-do-row:nth-of-type(2) .what-we-do-box{transform:scaleY(-1)}.what-we-do-box{height:40vh;transition:none;position:relative;background-size:cover;background-color:#04274e;width:22.5vw;float:left}.image1{background:url(https://ruhselgezi.quest/assets/images/story/experience-design.png) no-repeat 50%}.image2{background:url(https://ruhselgezi.quest/assets/images/story/event-management.png) no-repeat 50%}.image3{background:url(https://ruhselgezi.quest/assets/images/story/interactive-media-development.png) no-repeat 50%}.image4{background:url(https://ruhselgezi.quest/assets/images/story/cgi-vfx.png) no-repeat 50%}.image5{background:url(https://ruhselgezi.quest/assets/images/story/ar-vr.png) no-repeat 50%}.image6{background:url(https://ruhselgezi.quest/assets/images/story/esports.png) no-repeat 50%}.image7{background:url(https://ruhselgezi.quest/assets/images/story/omni-channel.png) no-repeat 50%}.image8{background:url(https://ruhselgezi.quest/assets/images/story/applied-technologies.png) no-repeat 50%}.what-we-do-title{transform:translateX(-50%) translateY(-50%);font-size:30px;transition:.5s;position:absolute;left:50%}.what-we-do-content,.what-we-do-title{color:#e7fb68;text-align:center;top:50%;cursor:default;user-select:none;font-family:Helvetica Neue,sans-serif!important}.what-we-do-content{transform:translateY(-50%);font-size:18px;transition:1s;position:relative;max-width:90%;opacity:0;margin-left:5%}.what-we-do-box:hover>.what-we-do-title{opacity:0}.what-we-do-box:hover>.what-we-do-content{opacity:1}.what-we-do-box:hover{background:none}.clients{height:100vh;position:relative;background:url(https://ruhselgezi.quest/assets/images/we-do.png) 50% no-repeat;width:100vw;display:none}.clients-box-container{height:15vh;margin-right:2vw;width:5vw;float:left;margin-top:1vh}.clients-general{height:80vh;transform:translateX(-50%) translateY(-50%);position:relative;top:50%;left:50%;width:90vw}.clients-title-container{height:100vh;text-align:center;margin-left:150px;width:40px;float:left;word-wrap:break-word}.clients-title{transform:translateY(-50%);font-size:50px;color:#f1f1f1;position:relative;top:50%;font-family:Helvetica Neue,sans-serif!important}.clients-box-container:hover{filter:none}.contact{height:100vh;background:url(https://ruhselgezi.quest/assets/images/contact-background.png) 50% no-repeat;background-size:cover;width:100vw}.contact-container{height:100%;background:url(https://ruhselgezi.quest/assets/images/contact-image.png) 100% 100% no-repeat;background-size:contain;width:100%}.contact-info{font-size:26px;font-weight:500;color:#e7fb68;position:relative;top:55%;margin-left:50px;line-height:45px;font-family:Helvetica Neue,sans-serif!important}.contact-info span{margin-right:5px;margin-top:5px}.contact-social{align-items:center;float:left;display:flex}#preloader{height:100%;position:fixed;top:0;background-color:#000;left:0;width:100%;z-index:10}#loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;height:150px;border:3px solid transparent;position:relative;border-top-color:#12f4b2;top:50%;margin:-75px 0 0 -75px;border-radius:50%;left:50%;width:150px;display:block}#loader:before{-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;right:5px;bottom:5px;top:5px;left:5px}#loader:after,#loader:before{border:3px solid transparent;content:"";position:absolute;border-top-color:#12f4b2;border-radius:50%}#loader:after{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;right:15px;bottom:15px;top:15px;left:15px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (max-width:1680px){.elab-logo{height:40px;margin:22px 0 0 160px;width:110px}.tatu-logo{height:60px}.contact-info{font-size:22px}.tatu-story{font-size:70px}.tatu-story p{font-size:30px;margin-top:50px}}@media only screen and (max-width:1440px){.main-menu-btn-item{font-size:24px}.header,.header-fixed{padding:20px 90px;width:calc(100% - 150px)}.contact-info{font-size:20px}.tatu-story{font-size:55px}.tatu-story p{font-size:27px}}@media only screen and (max-width:1366px){.main-menu-btn{margin-right:35px}.elab-logo{height:30px;margin:20px 0 0 148px;width:100px}.tatu-logo{height:50px}.main-menu{margin-top:11px}.contact-info{font-size:17px}}@media only screen and (max-width:1024px){.main-menu-btn{margin-right:18px}.main-menu-btn-item{font-size:20px}.elab-logo{height:30px;margin:19px 0 0 142px;width:110px}.tatu-logo{height:50px}.main-menu{margin-top:10px}.clients-title-container{margin-left:125px}.contact-info{font-size:16px}.header,.header-fixed{padding:20px 60px;width:calc(100% - 110px)}.tatu-story{font-size:36px}.tatu-story p{font-size:24px}}@media screen and (max-width:768px){body{overflow-y:scroll}.home{background-position:50%}.text-welcome{font-size:90px}.header,.header-fixed{padding:20px 10px;width:calc(100% - 20px)}.main-menu-btn{margin-right:9px}.main-menu-btn-item{font-size:18px}.main-menu{margin-top:6px}.what-we-do-title{font-size:17px}.what-we-do-content{font-size:14px}.clients-title-container{margin-left:70px}.tatu-logo{height:45px}.elab-logo{height:26px;margin:18px 0 0 124px;width:110px}.contact-info ul{margin-top:140px}.what-we-do-box{height:11vh;width:90vw}.what-we-do-container{top:60%}.what-we-do-row{height:88vh;width:90vw}.story-container{display:none}.work-content-container{width:100vw;float:left}.work-container{width:800vw;float:left}}@media screen and (max-width:600px){.window{height:0;margin:0;border-radius:0;width:100%;display:block}.window .headerm{position:fixed}.header,.header-fixed{display:none}.what-we-do-box{height:11vh;width:90vw}.what-we-do-row{height:66vh;width:90vw}.text-welcome{font-size:70px}.contact-info ul{margin-left:-20px;margin-top:0}}@media screen and (max-width:375px){.mouse{display:none}.text-welcome{font-size:60px}.what-we-do-box{height:11vh;width:90vw}.what-we-do-row{height:88vh;width:90vw}}