button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:'utmKabel';src:url("fonts/utm_kabel_kt-webfont.woff2") format("woff2"),url("fonts/utm_kabel_kt-webfont.woff") format("woff"),url("fonts/utm_kabel_kt-webfont.svg#utm_kabel_ktregular") format("svg");font-weight:normal;font-style:normal}body{font-family:"Open Sans",sans-serif !important;font-size:14px;color:#4A4A4A;line-height:18px;background-color:#F8FCFF;font-weight:400;overflow-x:hidden}*{text-rendering:geometricPrecision}h1,h2,h3,h4,h5,h6{color:#4A4A4A;font-weight:normal}h1,h3{letter-spacing:1px}a{outline:0 !important;text-decoration:none;color:#4A4A4A}a:hover{color:#4A4A4A;text-decoration:none}button{outline:0 !important}strong,b{font-weight:700}ul,ol{list-style:none}input,button,textarea{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.pl-0{padding-left:0 !important}mt-0{margin-top:0 !important}.mb-120{margin-bottom:120px !important}.mt-120{margin-top:120px !important}.mt-40{margin-top:40px !important}.pr-60{padding-right:60px !important}.clearfix:after{content:" ";visibility:hidden;display:block;height:0;clear:both}html,body{height:100%}.btn-secondary.focus,.btn-secondary:focus{box-shadow:none !important}.disable-selection{-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background-color:#F8FCFF;display:flex;align-items:center;justify-content:center;transition:opacity 0.5s ease-in-out}.btn{border-radius:3px;font-size:13px;font-weight:700;padding:10px 30px}.btn-primary{border:none;background:#F04F26;position:relative;text-transform:uppercase;overflow:hidden}.btn-primary:before{z-index:0;top:0;right:0;content:"";display:block;position:absolute;height:100%;width:100%;background:rgba(255,255,255,0.3);background:-webkit-linear-gradient(to left, rgba(255,255,255,0.3), rgba(255,255,255,0));background:linear-gradient(to left, rgba(255,255,255,0.3), rgba(255,255,255,0))}.btn-primary:hover{background:#3698F9}.btn-primary span{position:relative;z-index:1}.btn-secondary{background-color:rgba(54,152,249,0);border:1px solid #3698F9;color:#3698F9}.btn-secondary:hover{background-color:#3698f9;color:#fff;border-color:#3698F9}.duration6s{-webkit-animation-duration:6s;animation-duration:6s}.duration5s{-webkit-animation-duration:6.2s;animation-duration:6.2s}.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@keyframes scaleCircle1{from,50%,to{transform:scale(1.4);opacity:1}25%,75%{transform:scale(1);opacity:0}}.scaleCircle1{-webkit-animation-name:scaleCircle1;animation-name:scaleCircle1}@keyframes scaleCircle2{from,50%,to{transform:scale(1.2);opacity:1}25%,75%{transform:scale(1);opacity:0}}.scaleCircle2{-webkit-animation-name:scaleCircle2;animation-name:scaleCircle2}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms}.animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:0.25em solid #3698F9;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.button-container{text-align:center}fieldset{margin:0 0 3rem;padding:0;border:none}.form-radio,.form-group{position:relative;margin-top:2.25rem;margin-bottom:2.25rem}.form-inline>.form-group,.form-inline>.btn{display:inline-block;margin-bottom:0}.form-help{margin-top:0.125rem;margin-left:0.125rem;color:#b3b3b3;font-size:0.8rem}.checkbox .form-help,.form-radio .form-help,.form-group .form-help{position:absolute;width:100%}.checkbox .form-help{position:relative;margin-bottom:1rem}.form-radio .form-help{padding-top:0.25rem;margin-top:-1rem}.form-group input{height:1.9rem}.form-group textarea{resize:none;min-height:90px}.form-group select{width:100%;font-size:1rem;height:1.6rem;padding:0.125rem 0.125rem 0.0625rem;background:none;border:none;line-height:1.6;box-shadow:none}.form-group .control-label{position:absolute;top:0.25rem;pointer-events:none;padding-left:0.125rem;z-index:1;color:#4A4A4A;font-size:14px;font-weight:700;-webkit-transition:all 0.28s ease;transition:all 0.28s ease}.form-group .bar{position:relative;border-bottom:0.0625rem solid rgba(74,74,74,0.2);display:block}.form-group .bar::before{content:'';height:0.0625rem;width:0;left:50%;bottom:-0.0625rem;position:absolute;background:#337ab7;-webkit-transition:left 0.28s ease, width 0.28s ease;transition:left 0.28s ease, width 0.28s ease;z-index:2}.form-group input,.form-group textarea{display:block;background:none;padding:0.125rem 0.125rem 0.0625rem;font-size:1rem;border-width:0;border-color:transparent;line-height:1.9;width:100%;color:transparent;-webkit-transition:all 0.28s ease;transition:all 0.28s ease;box-shadow:none}.form-group input[type="file"]{line-height:1}.form-group input[type="file"] ~ .bar{display:none}.form-group select,.form-group input:focus,.form-group input:valid,.form-group input.form-file,.form-group input.has-value,.form-group textarea:focus,.form-group textarea:valid,.form-group textarea.form-file,.form-group textarea.has-value{color:#333}.form-group select ~ .control-label,.form-group input:focus ~ .control-label,.form-group input:valid ~ .control-label,.form-group input.form-file ~ .control-label,.form-group input.has-value ~ .control-label,.form-group textarea:focus ~ .control-label,.form-group textarea:valid ~ .control-label,.form-group textarea.form-file ~ .control-label,.form-group textarea.has-value ~ .control-label{font-size:0.8rem;color:gray;top:-1rem;left:0}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none}.form-group select:focus ~ .control-label,.form-group input:focus ~ .control-label,.form-group textarea:focus ~ .control-label{color:#337ab7}.form-group select:focus ~ .bar::before,.form-group input:focus ~ .bar::before,.form-group textarea:focus ~ .bar::before{width:100%;left:0}.checkbox label,.form-radio label{position:relative;cursor:pointer;padding-left:2rem;text-align:left;color:#333;display:block}.checkbox input,.form-radio input{width:auto;opacity:0.00000001;position:absolute;left:0}.radio{margin-bottom:1rem}.radio .helper{position:absolute;top:-0.25rem;left:-0.25rem;cursor:pointer;display:block;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}.radio .helper::before,.radio .helper::after{content:'';position:absolute;left:0;top:0;margin:0.25rem;width:1rem;height:1rem;-webkit-transition:-webkit-transform 0.28s ease;transition:-webkit-transform 0.28s ease;transition:transform 0.28s ease;transition:transform 0.28s ease, -webkit-transform 0.28s ease;border-radius:50%;border:0.125rem solid currentColor}.radio .helper::after{-webkit-transform:scale(0);transform:scale(0);background-color:#337ab7;border-color:#337ab7}.radio label:hover .helper{color:#337ab7}.radio input:checked ~ .helper::after{-webkit-transform:scale(0.5);transform:scale(0.5)}.radio input:checked ~ .helper::before{color:#337ab7}.checkbox{margin-top:3rem;margin-bottom:1rem}.checkbox .helper{color:#999;position:absolute;top:0;left:0;width:1rem;height:1rem;z-index:0;border:0.125rem solid currentColor;border-radius:0.0625rem;-webkit-transition:border-color 0.28s ease;transition:border-color 0.28s ease}.checkbox .helper::before,.checkbox .helper::after{position:absolute;height:0;width:0.2rem;background-color:#337ab7;display:block;-webkit-transform-origin:left top;transform-origin:left top;border-radius:0.25rem;content:'';-webkit-transition:opacity 0.28s ease, height 0s linear 0.28s;transition:opacity 0.28s ease, height 0s linear 0.28s;opacity:0}.checkbox .helper::before{top:0.65rem;left:0.38rem;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);box-shadow:0 0 0 0.0625rem #fff}.checkbox .helper::after{top:0.3rem;left:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.checkbox label:hover .helper{color:#337ab7}.checkbox input:checked ~ .helper{color:#337ab7}.checkbox input:checked ~ .helper::after,.checkbox input:checked ~ .helper::before{opacity:1;-webkit-transition:height 0.28s ease;transition:height 0.28s ease}.checkbox input:checked ~ .helper::after{height:0.5rem}.checkbox input:checked ~ .helper::before{height:1.2rem;-webkit-transition-delay:0.28s;transition-delay:0.28s}.radio+.radio,.checkbox+.checkbox{margin-top:1rem}.has-error .legend.legend,.has-error.form-group .control-label.control-label{color:#d9534f}.has-error.form-group .form-help,.has-error.form-group .helper,.has-error.checkbox .form-help,.has-error.checkbox .helper,.has-error.radio .form-help,.has-error.radio .helper,.has-error.form-radio .form-help,.has-error.form-radio .helper{color:#d9534f}.has-error .bar::before{background:#d9534f;left:0;width:100%}.button{position:relative;background:currentColor;border:1px solid currentColor;font-size:1.1rem;color:#4f93ce;margin:3rem 0;padding:0.75rem 3rem;cursor:pointer;-webkit-transition:background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;transition:background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;overflow:hidden;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)}.button span{color:#fff;position:relative;z-index:1}.button::before{content:'';position:absolute;background:#071017;border:50vh solid #1d4567;width:30vh;height:30vh;border-radius:50%;display:block;top:50%;left:50%;z-index:0;opacity:1;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0)}.button:hover{color:#337ab7;box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.2)}.button:active::before,.button:focus::before{-webkit-transition:opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;transition:opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;transition:transform 1.12s ease, opacity 0.28s ease 0.364s;transition:transform 1.12s ease, opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}.button:focus{outline:none}header{background-color:#F8FCFF;transition:all 0.3s ease-in-out;z-index:99;box-shadow:0 10px 10px 0 rgba(74,74,74,0);padding:40px 0 10px 0;position:fixed;top:0;left:0;right:0}header.fixed-nav{transform:translateY(0);box-shadow:0 10px 10px 0 rgba(74,74,74,0.05);padding-top:10px;background-color:#fff}header.fixed-nav .navbar-brand{width:50px}.navbar{padding:0}.navbar .navbar-toggler{overflow:hidden}.navbar .navbar-toggler span{width:30px;height:1px;background-color:#4A4A4A;display:block;margin:5px 0;transition:all 0.3s ease-in-out}.navbar .navbar-toggler[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.navbar .navbar-toggler[aria-expanded="true"] span:nth-child(2){transform:translateX(100%);opacity:0}.navbar .navbar-toggler[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar .navbar-toggler[aria-expanded="false"] span:nth-child(1){transform:translateY(0) rotate(0)}.navbar .navbar-toggler[aria-expanded="false"] span:nth-child(2){transform:translateX(0);opacity:1}.navbar .navbar-toggler[aria-expanded="false"] span:nth-child(3){transform:translateY(0) rotate(0)}.navbar-brand{width:80px;transition:width 0.3s ease-in-out}.navbar-brand img{width:100%;display:block}.navbar-nav{margin-right:10px}.navbar-nav li.nav-item{padding-right:20px;padding-left:20px}.navbar-nav li.nav-item a.active{color:#4A4A4A}.navbar-nav li.nav-item a.active:before{width:100%}.navbar-nav li.nav-item a:hover{color:#4A4A4A}.navbar-nav li.nav-item a:hover:before{width:100%}.navbar-nav li.nav-item a{font-size:13px;position:relative;font-weight:700;color:#a9a9a9;transition:color 0.3s ease-in-out;padding:5px 0 !important}.navbar-nav li.nav-item a:before{content:"";display:block;width:0;height:2px;border-radius:1px;background-color:#4A4A4A;bottom:0;position:absolute;transition:width 0.3s ease-in-out}.wrapper{width:100%;overflow:hidden}.hero{position:relative;display:flex;padding-top:300px}.hero .info{transform:translateY(-100px);width:100%;position:relative;z-index:1}.hero .info h1{font-size:42px;line-height:48px;font-weight:700;margin-bottom:20px}.hero .info p{font-size:15px;margin-bottom:30px;line-height:26px;color:rgba(74,74,74,0.7)}.hero .info .btn-primary{margin-top:20px;box-shadow:0 20px 40px 0 rgba(240,79,38,0.3);padding:20px 30px;letter-spacing:1px;border-radius:3px}.hero .info .btn-primary:hover{box-shadow:0 20px 40px 0 rgba(54,152,249,0.3)}.hero .img{position:relative;z-index:1;transform:translate(90px, -110px)}.hero .bg-hero{width:1596px;height:350px;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);background:url("images/wave-hero.svg") no-repeat bottom center}.head-block{text-align:center;max-width:600px;margin:0 auto 80px auto}.head-block h3{font-size:44px;font-weight:700;line-height:54px;margin-bottom:20px}.head-block p{font-size:14px;margin-bottom:30px;line-height:26px;color:rgba(74,74,74,0.7)}.info-block h3{font-size:44px;font-weight:700;line-height:54px;margin-bottom:30px}.info-block p{font-size:14px;position:relative;padding-left:80px;margin-bottom:20px;line-height:26px;color:rgba(74,74,74,0.7)}.info-block p a{color:#3698F9;font-weight:700;display:block}.info-block p:before{position:absolute;top:11px;left:0;content:"";display:block;width:60px;height:1px;background-color:#FF8060}.info-block p a.btn{margin-top:15px;color:#fff;text-align:center;display:block;max-width:130px;margin-left:0;padding:10px 15px}.info-block .btn{margin-left:80px}.about .about360{background-color:#3698F9;padding:100px 0 150px 0}.about .content-about{display:flex}.about .content-about .img{margin-right:60px;width:50%;position:relative}.about .content-about .img img{width:100%;position:relative;z-index:2}.about .content-about .img .circle-animate{position:absolute;width:500px;height:500px;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1}.about .content-about .img .circle-animate span{display:block;width:100%;height:100%;background-color:rgba(255,255,255,0.1);position:absolute;border-radius:50%;will-change:transform opacity;-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-fill-mode:both;animation-fill-mode:both}.about .content-about .info-block{width:50%}.about .content-about .info-block h3{color:#fff}.about .content-about .info-block p{color:#fff}.about .content-about .info-block p:before{background-color:#fff}.partner{padding:100px 0 150px 0}.partner .content-partner{display:flex;position:relative}.partner .content-partner .bg-partner{z-index:0;width:1596px;height:350px;position:absolute;top:-101px;left:45%;background:url("images/wave-hero.svg") no-repeat bottom center;transform:rotate(180deg)}.partner .content-partner .info-block{padding-left:100px;padding-right:100px;position:relative;appearance:1px}.partner .content-partner .info-block img{width:160px;height:47px;margin-left:80px}.partner .content-partner .info-block .group-partner{display:flex;width:100%}.partner .content-partner .info-block .group-partner img{height:55px;width:auto;margin-left:0;margin-right:20px}.partner .content-partner .info-block .group-partner img:nth-child(1){margin-left:80px}.partner .content-partner .img{position:relative;z-index:1}.service{padding:20px 0 100px 0}.service .head-block{width:100%}.service .content-service{position:relative}.service .content-service .bg-service-l,.service .content-service .bg-service-r{position:absolute}.service .content-service .bg-service-l{width:750px;height:631px;background:url("images/bg-water-1.svg") no-repeat;right:calc(100% - 210px);top:-340px}.service .content-service .bg-service-r{left:calc(100% - 210px);bottom:-400px;width:922px;height:932px;background:url("images/bg-water-2.svg") no-repeat}.service .content-service .z-index:nth-last-child(1){z-index:1}.service .content-service .z-index:nth-last-child(2){z-index:2}.service .content-service .z-index:nth-last-child(3){z-index:3}.service .content-service .w-item-service{display:flex;flex-wrap:wrap}.service .content-service .item-service{background-color:#fff;padding:30px 30px 30px 120px;border-radius:10px;display:block;margin-bottom:30px;position:relative;box-shadow:0 0 80px 0 rgba(74,74,74,0.1);transition:background-color 0.3s ease-in-out;height:250px;width:calc(50% - 15px);margin-right:15px}.service .content-service .item-service:nth-child(2),.service .content-service .item-service:nth-child(4){margin-left:15px;margin-right:0}.service .content-service .item-service:hover{background-color:#3698F9}.service .content-service .item-service:hover span.title,.service .content-service .item-service:hover span.desc{opacity:0;transform:translateX(-30px)}.service .content-service .item-service:hover .icon{color:#fff;transform:translate(-50%, -50%) scale(2);left:50% !important;top:50% !important}.service .content-service .item-service:hover .icon.icon-platform{transform:translate(-50%, -50%) scale(1.2)}.service .content-service .item-service:nth-last-child(1){z-index:1}.service .content-service .item-service:nth-last-child(2){z-index:2}.service .content-service .item-service.item-lg{padding-left:30px;height:calc(100% - 30px);padding-top:250px;width:100%}.service .content-service .item-service.item-lg:hover span.title,.service .content-service .item-service.item-lg:hover span.desc,.service .content-service .item-service.item-lg:hover span.note{opacity:0;transform:translateY(-30px)}.service .content-service .item-service.item-lg .icon{font-size:140px}.service .content-service .item-service .icon{margin-bottom:20px;display:block;font-size:50px;color:#3698F9;position:absolute;transition:all 0.3s ease-in-out}.service .content-service .item-service .icon.icon-platform{top:60px;left:66px}.service .content-service .item-service .icon.icon-advertise{top:38px;left:26px}.service .content-service .item-service .icon.icon-tvc{top:35px;left:33px}.service .content-service .item-service .icon.icon-brand,.service .content-service .item-service .icon.icon-event{top:35px;left:34px}.service .content-service .item-service .icon.icon-research{top:38px;left:42px}.service .content-service .item-service span{display:block}.service .content-service .item-service span.title{font-size:16px;line-height:24px;font-weight:700;margin-bottom:15px;transition:all 0.3s ease-in-out}.service .content-service .item-service span.desc{font-size:13px;color:rgba(74,74,74,0.7);line-height:20px;transition:all 0.3s ease-in-out}.service .content-service .item-service span.note{margin-top:20px;font-size:13px;font-weight:700;transition:all 0.3s ease-in-out}.project{padding:100px 0;position:relative;z-index:7}.slider360{display:flex;position:relative}.slider360 .slide-l{width:34%;padding-right:100px}.slider360 .info-slide{overflow:hidden}.slider360 .info-slide .group-info-slide{transform:translateX(0);display:flex;will-change:transform;transition:transform 0.3s ease-in-out}.slider360 .slide-r{position:relative;width:66%}.slider360 .slide-r .browser{max-width:640px;position:relative;background-color:#fff;border-radius:10px;box-shadow:0 10px 60px 0 rgba(74,74,74,0.2)}.slider360 .slide-r .browser .head-slide{display:flex;position:relative;height:44px;box-shadow:0px 2px 3px 0 rgba(0,0,0,0.05);z-index:2}.slider360 .slide-r .browser .head-slide:before{height:28px;width:calc(100% - 120px);content:"";position:absolute;background-color:rgba(74,74,74,0.05);top:8px;right:16px;border-radius:14px}.slider360 .slide-r .browser .address{overflow:hidden;padding:5px 15px;width:195px;margin:8px 16px}.slider360 .slide-r .browser .control{display:flex;margin-right:auto;margin-left:16px}.slider360 .slide-r .browser .control span{display:inline-block;width:14px;height:14px;border-radius:7px;margin-left:10px}.slider360 .slide-r .browser .control span:nth-child(1){background-color:#FB6B67}.slider360 .slide-r .browser .control span:nth-child(2){background-color:#FEC64B}.slider360 .slide-r .browser .control span:nth-child(3){background-color:#89D924}.slider360 .slide-r .browser .group-address{display:flex;width:220%}.slider360 .slide-r .browser .group-address .item-address{width:50%;color:rgba(255,255,255,0.8)}.slider360 .slide-r .browser .content-slide{overflow:hidden;border-radius:0 0 8px 8px;background-color:#fff}.slider360 .slide-r .browser .content-slide .group-item-slide{will-change:transform;display:flex;transform:translateX(0);transition:transform 0.3s ease-in-out 0.2s}.slider360 .slide-r .browser .content-slide .item-slide{float:left}.slider360 .slide-r .browser .content-slide .item-slide img{width:100%;display:block}.slider360 .slide-r .browser .mobile{bottom:-1px;right:-89px;position:absolute;width:190px;background-color:#fff;border-radius:10px;box-shadow:0 10px 60px 0 rgba(74,74,74,0.2);padding-top:26px}.slider360 .slide-r .browser .mobile:before{content:"";display:block;position:absolute;width:100%;height:26px;top:0;left:0;background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);z-index:2;border-radius:7px 7px 0 0}.slider360 .slide-r .browser .mobile .sound{height:10px;width:60px;border-radius:5px;background-color:rgba(74,74,74,0.05);position:absolute;z-index:3;top:8px;left:50%;transform:translateX(-50%)}.slider360 .slide-r .browser .mobile .content-slide-m{background-color:#fff;overflow:hidden;border-radius:0 0 7px 7px}.slider360 .slide-r .browser .mobile .group-item-slide-m{will-change:transform;display:flex;transform:translateX(0);transition:transform 0.3s ease-in-out 0.2s}.slider360 .slide-r .browser .mobile .group-item-slide-m .item-slide-m img{width:100%;display:block}.slider360 ul.paging-slide{padding:0;margin:0;position:absolute;bottom:0;left:80px}.slider360 ul.paging-slide li{display:inline-block;margin-right:5px}.slider360 ul.paging-slide li a{display:block;width:38px;height:38px;-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;color:#3698F9;border:1px solid #3698F9;font-weight:700;font-size:14px;line-height:38px;text-align:center;transition:all 0.3s ease-in-out}.slider360 ul.paging-slide li a:hover{background-color:#3698F9;color:#fff}.slider360 ul.paging-slide li a.disabled{background-color:rgba(54,152,249,0);color:#a9a9a9;border:1px solid #a9a9a9;cursor:inherit;pointer-events:none}.client{padding:100px 0;position:relative;z-index:6}.client .content-client{display:flex;position:relative}.client .content-client .client-l{width:34%;padding-right:80px}.client .content-client .client-l:before{display:block;content:"";position:absolute;right:calc(100% - 110px);top:-550px;width:922px;height:932px;background:url("images/bg-water-2.svg") no-repeat}.client .content-client .client-l .info-block{position:relative}.client .content-client .client-r{width:66%}.client .content-partner .info-block{max-width:630px;margin:0 auto;text-align:center}.client .content-partner .info-block p{padding-left:0}.client .content-partner .info-block p:before{display:none}.container-carousel{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1200px;perspective:1200px;width:70%;height:244px;margin:0 auto}.item-carousel{box-sizing:border-box;padding:40px;border-radius:10px;box-shadow:10px 10px 50px 0 rgba(0,0,0,0.1);background-color:#fff;cursor:pointer;position:absolute;width:100%;height:100%;top:0;left:0;will-change:transform;animation-duration:0.5s}.item-carousel.is-left{z-index:0;transform:translateZ(0px) scale(0.8) translateX(-40%) rotateY(0deg)}.item-carousel.is-active{z-index:1;cursor:inherit;transform:translateZ(50px) scale(1) translateX(0) rotateY(0deg)}.item-carousel.is-right{z-index:0;transform:translateZ(0) scale(0.8) translateX(40%) rotateY(0deg)}.scaleOutL{animation-name:scaleOutL}.scaleOutR{animation-name:scaleOutR}.scaleInR{animation-name:scaleInR}.scaleInL{animation-name:scaleInL}.scaleOutLeft{animation-name:scaleOutLeft}.scaleOutRight{animation-name:scaleOutRight}@keyframes scaleOutL{0%{transform:translateZ(0px) scale(0.8) translateX(40%) rotateY(0deg)}30%{transform:translateZ(0px) scale(0.8) translateX(40%) rotateY(0deg)}70%{transform:translateZ(0px) scale(0.8) translateX(40%) rotateY(0deg)}100%{transform:translateZ(0px) scale(0.8) translateX(-40%) rotateY(0deg)}}@keyframes scaleOutR{0%{transform:translateZ(0px) scale(0.8) translateX(-40%) rotateY(0deg)}30%{transform:translateZ(0px) scale(0.8) translateX(-40%) rotateY(0deg)}70%{transform:translateZ(0px) scale(0.8) translateX(-40%) rotateY(0deg)}100%{transform:translateZ(0px) scale(0.8) translateX(40%) rotateY(0deg)}}@keyframes scaleInR{0%{transform:translateZ(0px) scale(0.8) translateX(-40%) rotateY(0deg)}30%{transform:translateZ(0px) scale(0.8) translateX(-40%) rotateY(0deg)}70%{transform:translateZ(0px) scale(0.8) translateX(-40%) rotateY(20deg)}100%{transform:translateZ(50px) scale(1) translateX(0) rotateY(0deg)}}@keyframes scaleInL{0%{transform:translateZ(0px) scale(0.8) translateX(40%) rotateY(0deg)}30%{transform:translateZ(0px) scale(0.8) translateX(40%) rotateY(0deg)}70%{transform:translateZ(0px) scale(0.8) translateX(40%) rotateY(-20deg)}100%{transform:translateZ(50px) scale(1) translateX(0) rotateY(0deg)}}@keyframes scaleOutLeft{0%{transform:translateZ(50px) scale(1) translateX(0) rotateY(0deg)}30%{transform:translateZ(50px) scale(1) translateX(0) rotateY(0deg)}70%{transform:translateZ(50px) scale(1) translateX(0) rotateY(20deg)}100%{transform:translateZ(0) scale(0.8) translateX(-40%) rotateY(0deg)}}@keyframes scaleOutRight{0%{transform:translateZ(50px) scale(1) translateX(0) rotateY(0deg)}30%{transform:translateZ(50px) scale(1) translateX(0) rotateY(0deg)}70%{transform:translateZ(50px) scale(1) translateX(0) rotateY(-20deg)}100%{transform:translateZ(0) scale(0.8) translateX(40%) rotateY(0deg)}}.info-client{display:flex;margin-bottom:20px}.info-client .avatar{width:60px;height:60px;border-radius:30px;display:block;overflow:hidden}.info-client .avatar img{width:100%;display:block}.info-client .entry{padding-left:15px}.info-client .entry .name{display:block;font-weight:700;color:#3698F9;padding-top:10px}.info-client .entry .position{display:block;font-size:13px;color:#a9a9a9}.info-client .time{margin-left:auto;text-align:right;color:#a9a9a9;font-size:13px;padding-top:10px}.item-carousel .comment{font-size:18px;line-height:28px}.customer{padding:100px 0 0}.customer .slider-partner .owl-carousel .owl-stage-outer{z-index:1}.customer .slider-partner .owl-carousel .owl-stage{display:flex;align-items:center}.customer .slider-partner .owl-nav{z-index:0;position:absolute;top:0;left:0;height:100%;width:100%}.customer .slider-partner .owl-nav button{background-color:#fff;width:40px;height:40px;border-radius:20px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color 0.3s ease-in-out}.customer .slider-partner .owl-nav button:after{color:#3698F9;font-family:'icomoon' !important;transition:color 0.3s ease-in-out}.customer .slider-partner .owl-nav button:hover{background-color:#3698F9}.customer .slider-partner .owl-nav button:hover:after{color:#fff}.customer .slider-partner .owl-nav button span{display:none}.customer .slider-partner .owl-nav button.owl-prev{left:-60px}.customer .slider-partner .owl-nav button.owl-prev:after{content:"\e904"}.customer .slider-partner .owl-nav button.owl-next{right:-60px}.customer .slider-partner .owl-nav button.owl-next:after{content:"\e902"}.customer .slider-partner .item{padding:0 30px;display:flex;flex-direction:column;min-height:280px;align-items:center;justify-content:space-around}.customer .logo-customer{text-align:center;width:100%}.customer .logo-customer:hover img{filter:grayscale(0);opacity:1 !important}.customer .logo-customer img{display:inline-block;filter:grayscale(1);opacity:0.2;transition:all 0.3s ease-in-out}.customer .logo-customer img.shopee{opacity:0.3}.customer .logo-customer img.minhlong{opacity:0.8}.customer .logo-customer img.intercontinental{opacity:0.4}.customer .logo-customer img.loctroi{opacity:0.3}.customer .logo-customer img.oppo{opacity:0.3}.customer .logo-customer img.centralgroup{opacity:0.4}.trial{margin-top:40px;padding:65px 0 66px 0;position:relative;height:100%;background:url("images/bg-trial.jpg") no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}.trial:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(54,152,249,0.8)}.trial .btn-trial{padding:15px 40px;margin-left:auto}.trial h3{color:#fff;font-weight:700;margin:0;font-size:24px}.contact{background-color:rgba(0,0,0,0.9);padding:40px 0}.contact .info-contact{display:flex}.contact .info-contact .icon{width:40px;height:40px;display:inline-block;border:1px solid rgba(255,255,255,0.3);border-radius:20px;line-height:40px;text-align:center;font-size:18px;color:#fff;margin-right:10px;transform:translateY(1px)}.contact .info-contact .icon.icon-mail{font-size:14px}.contact .info-contact .text{font-size:13px;width:1%;flex:1 1 auto;color:rgba(255,255,255,0.5)}footer{background-color:black;padding:10px;font-size:13px;color:rgba(255,255,255,0.5)}footer p{margin:0;margin-bottom:10px}.modal-backdrop{background-color:#fff}.modal-backdrop.show{opacity:0.85}.popup-contact.show{display:flex !important}.popup-contact .modal-dialog{margin:auto;max-width:940px;width:100%;border-radius:10px;overflow:hidden;-webkit-box-shadow:10px 10px 60px 0 rgba(74,74,74,0.15);box-shadow:10px 10px 60px 0 rgba(74,74,74,0.15)}.popup-contact .modal-content{-ms-flex-direction:row;flex-direction:row;border:none}.popup-contact button.close{position:absolute;top:0;right:0;font-size:1.2rem;color:rgba(74,74,74,0.5);padding:15px}.popup-contact .location{width:50%}.popup-contact .location img{width:100%;display:block}.popup-contact .form-contact{width:50%;padding:40px 60px}.popup-contact .form-contact h3{font-size:18px;font-weight:400;text-transform:uppercase}.popup-contact .form-contact .note-form{font-size:11px;padding-bottom:15px;border-bottom:1px solid #f4f4f4}.popup-contact .form-contact .btn-primary{padding:15px 40px;width:100%}header.child-page{padding-top:0;padding-bottom:0;background-color:#fff;box-shadow:0 10px 10px 0 rgba(74,74,74,0.05)}header.child-page nav{display:flex;height:60px;align-items:center}header.child-page .navbar-brand{width:60px;display:block;margin:0;padding:0}header.child-page .navbar-brand img{width:100%;display:block}header.child-page .btn-back{margin-right:15px;width:40px;height:40px;display:block;border:1px solid rgba(74,74,74,0.4);-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;text-align:center;line-height:40px;-webkit-transition:border-color .3s ease-in-out;-moz-transition:border-color .3s ease-in-out;-o-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out}header.child-page .btn-back .icon{color:rgba(74,74,74,0.4);-webkit-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}header.child-page .btn-back:hover{border-color:#4A4A4A}header.child-page .btn-back:hover .icon{color:#4A4A4A}header.child-page .btn-contact-stick{margin-left:auto}.title-page{margin-top:120px;font-size:44px;margin-bottom:40px;font-weight:bold}.box{background-color:#fff;-webkit-box-shadow:10px 10px 60px 0 rgba(74,74,74,0.15);box-shadow:10px 10px 60px 0 rgba(74,74,74,0.15);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.box .image img{display:block;width:100%;overflow:hidden;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px}.box .content{padding:0 40px 0 10px}.box .content h3{font-size:24px;font-weight:700;margin-bottom:30px}.box .content p{line-height:24px}#people360.swiper-container{overflow:inherit}#people360 ~ .swiper-button-next,#people360 ~ .swiper-button-prev{background:none;height:40px;width:40px;text-align:center;line-height:40px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background-color:#3698F9;color:#fff}#people360 ~ .swiper-button-next{right:-20px}#people360 ~ .swiper-button-prev{left:-20px}#people360 ~ .swiper-button-next.swiper-button-disabled,#people360 ~ .swiper-button-prev.swiper-button-disabled{display:none}.box-img-lg .image{height:100%}.box-img-lg .image img{width:70%}.box-img-lg .content{padding:60px}.box-img-lg .content h4{font-size:16px;font-weight:700}.box-img-lg .content ul.list-mini li{display:block;width:100%}.block{margin-top:120px;position:relative}.block .image{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}.block .bg-block-l{position:absolute;width:750px;height:631px;background:url(images/bg-water-1.svg) no-repeat;right:calc(100% - 210px);top:-230px}.block .bg-block-r{position:absolute;left:calc(100% - 210px);bottom:-580px;width:922px;height:932px;background:url(images/bg-water-2.svg) no-repeat}.block .head{text-align:center;margin-bottom:60px;position:relative}.block .head h3{padding:0;font-weight:700;font-size:24px}.block .head p{margin:0 auto;font-size:13px;max-width:460px;line-height:20px}.block .content{position:relative}.block .content h3{padding:0;font-weight:700;font-size:24px;margin-bottom:20px}.block .content p{line-height:24px}.block .content p a{color:#3698F9}.box-mini{display:block;background-color:#fff;-webkit-box-shadow:10px 10px 60px 0 rgba(74,74,74,0.15);box-shadow:10px 10px 60px 0 rgba(74,74,74,0.15);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}.people .name{margin-top:20px;display:block;font-weight:700;text-align:center}.people .position{font-size:12px;display:block;color:#a9a9a9;text-align:center;margin-bottom:20px}.mission{margin-top:120px}.mission .content{padding:0 10px 0 40px}.mission .image img{-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0}ul.list-content{margin-bottom:0;padding-left:0}ul.list-content li{position:relative;line-height:20px;margin-bottom:20px;padding-left:50px}ul.list-content li .yes{width:40px;height:40px;position:absolute;left:0;top:0;border:1px solid #3698F9;text-align:center;line-height:40px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px}ul.list-content li .yes .icon{color:#3698F9;font-size:12px}.client-360{margin-top:80px}.client-360 .customer{padding:40px}.client-360 h3{font-size:24px;font-weight:700;margin-bottom:60px;padding-top:60px;text-align:center}.info-project .content{padding:20px}.work{padding:40px;display:flex}.work .col-work{position:relative;padding:20px;width:14.285%;display:flex;flex-flow:column}.work .col-work:nth-child(odd){flex-flow:column-reverse}.work .col-work:nth-child(odd) .content-work{flex-flow:column-reverse}.work .col-work:nth-child(odd) .content-work .name-work{margin-bottom:20px}.work .col-work:nth-child(odd) .icon-work{margin-bottom:0}.work .col-work:nth-last-child(1) .line-work,.work .col-work:nth-child(1) .line-work{width:50%}.work .col-work:nth-last-child(1) .line-work{left:0}.work .number-work{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:24px;width:24px;background-color:#3698F9;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;text-align:center;font-weight:700;font-size:12px;line-height:24px;color:#fff;z-index:2}.work .line-work{z-index:1;position:absolute;display:block;margin-top:-1px;height:1px;width:100%;background-color:#3698F9;top:50%;right:0}.work .space-work{height:200px}.work .content-work{display:flex;flex-flow:column;text-align:center}.work .icon-work{margin-bottom:20px}.work .icon-work .icon{font-size:60px;color:#3698F9}.work .name-work{font-weight:700;font-size:13px}.insight .box{padding:60px 120px}.graph{position:relative}.graph .total-view{position:absolute;left:50%;top:-20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:11px;text-align:center}.graph .total-view strong{font-size:20px;margin-top:3px;display:inline-block}.graph ul.note{padding-left:0;margin-bottom:0;text-align:right}.graph ul.note li{display:inline-block;font-size:13px;position:relative;height:16px;line-height:16px;padding-left:24px;margin-left:20px}.graph ul.note li span{display:block;position:absolute;left:0;width:16px;height:16px}.graph ul.note li span.red{background-color:rgba(255,128,96,0.8)}.graph ul.note li span.blue{background-color:rgba(54,152,249,0.8)}.graph .truc-xy{padding-top:40px;position:relative;border-left:2px solid #f4f4f4;border-bottom:2px solid #f4f4f4}.graph .view,.graph .years{position:absolute;font-size:13px;font-weight:700}.graph .view{left:-28px;top:-26px}.graph .view i{font-style:normal;font-weight:400}.graph .years{right:-58px;bottom:-10px}.graph .wrap{display:flex}.graph .wrap .truc-y{margin-left:-20px;width:20px}.graph .wrap .truc-y div{height:60px}.graph .wrap .truc-y div span{display:inline-block;transform:translateY(-8px)}.graph .wrap .truc-x{width:100%;display:flex;align-items:flex-end;position:relative}.graph .wrap .dashed{width:100%}.graph .wrap .dashed .line{width:100%;height:60px;border-top:1px dashed #f4f4f4}.graph .wrap .point-1{position:absolute;bottom:0;left:0;width:40%;height:100%;z-index:2}.graph .wrap .point-2{position:absolute;bottom:0;left:0;width:65%;height:100%;z-index:1}.graph .wrap .column-1{width:100%;position:absolute;bottom:0;border-top:1px dashed rgba(54,152,249,0.4)}.graph .wrap .column-1 .column{width:15px;background-color:rgba(54,152,249,0.8);height:calc(100% + 1px);position:absolute;right:0;bottom:0}.graph .wrap .column-2{width:calc(100% - 20px);position:absolute;bottom:0;border-top:1px dashed rgba(255,128,96,0.4)}.graph .wrap .column-2 .column{width:15px;background-color:rgba(255,128,96,0.8);height:calc(100% + 1px);position:absolute;right:0;bottom:0}.graph .wrap .title{text-align:right;padding-top:10px;font-size:13px}.cms.font-size-lg ul.list-mini li{font-size:15px;margin-bottom:20px;line-height:24px}.cms.no-space .image{padding:80px 0 0 0;overflow:hidden;border-radius:0 0 10px 0}.cms .content{padding:0 20px 0 60px}.cms .content .list-content{padding-left:40px;padding-right:80px}.cms ul.list-mini li{display:block;width:100%}.cms .image{height:100%;padding:40px 40px 40px 0}.system-cms .box{height:100%}.system-cms .icon-cms{text-align:center;padding:60px 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}.system-cms .icon-cms.blue{background-color:#F8FBFE}.system-cms .icon-cms.blue .icon{color:#3698F9}.system-cms .icon-cms.green{background-color:#F0F6EC}.system-cms .icon-cms.green .icon{color:#5AA120}.system-cms .icon-cms.orange{background-color:#F9F3F1}.system-cms .icon-cms.orange .icon{color:#FF8060}.system-cms .icon-cms .icon{font-size:120px}.system-cms .content{padding:30px}.system-cms .content h4{font-size:16px;font-weight:700}ul.list-mini{padding-left:0;margin-bottom:0;margin-top:20px}ul.list-mini li{position:relative;padding-left:20px;display:inline-block;width:48%;font-size:13px;margin-bottom:10px}ul.list-mini li .icon-check{color:#3698F9;font-size:9px;margin-right:10px;position:absolute;left:0;top:6px}.logging{position:relative}.logging .content{padding:60px 20px 60px 60px}.logging .image{background-color:#F04F26;height:100%;overflow:hidden;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0}.logging .image img{display:block;width:70%}.seo{margin-top:120px}.seo .content{padding:60px}.seo .content h4{font-size:16px;font-weight:700}.seo .content .list-l{padding-right:100px}.seo .content .list-r{padding-left:60px}.seo ul.list-mini li{display:block;width:100%}.seo.box-lg .head{background-color:#3698F9;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;position:relative;padding:80px 40px 140px 40px}.seo.box-lg .head h3{color:#fff;font-weight:700;font-size:24px}.seo.box-lg .head p{color:#fff;max-width:420px}.seo.box-lg .head img{position:absolute;right:120px;top:30px}.ads .image{background-color:#EDF6FF;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0}.optimize .content{padding-left:30px}.optimize .image{background-color:#E6F3FF;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px}.analytic .image{-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0;min-height:380px;background-color:#FFD576}.hesinhthai .box{padding:60px 50px;min-height:808px}ul.tab-porfolio{margin-bottom:30px;padding:0;display:flex;position:relative}ul.tab-porfolio li{cursor:pointer;padding:10px 20px;font-weight:700;position:relative;z-index:1;transition:color 0.2s ease-in-out}ul.tab-porfolio li.active{color:#fff}ul.tab-porfolio li.active:nth-child(1) ~ .indicator{width:58px;left:0}ul.tab-porfolio li.active:nth-child(2) ~ .indicator{width:90px;left:58px}ul.tab-porfolio li.active:nth-child(3) ~ .indicator{width:80px;left:calc(90px + 58px)}ul.tab-porfolio li.active:nth-child(4) ~ .indicator{width:112px;left:calc(90px + 58px + 80px)}ul.tab-porfolio li.active:nth-child(5) ~ .indicator{width:84px;left:calc(90px + 58px + 80px + 112px)}ul.tab-porfolio li.active:nth-child(6) ~ .indicator{width:99px;left:calc(90px + 58px + 80px + 112px + 84px)}ul.tab-porfolio li.indicator{background-color:#3698F9;height:38px;position:absolute;z-index:0;border-radius:19px;transition:all 0.2s ease-in-out}.container-porfolio{display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));grid-auto-rows:0;width:100%}.container-porfolio .column{display:inline-block;width:100%;box-shadow:0 0 10px 0 transparent;position:relative;border-radius:10px;z-index:1;border:1px solid #f4f4f4;transition:box-shadow 0.3s ease-in-out}.container-porfolio .column:hover{z-index:2;box-shadow:0 0 60px 0 rgba(0,0,0,0.2)}.container-porfolio .column:hover .title-hst{color:#3698F9}.container-porfolio .column .item{width:100%;display:block}.container-porfolio .column .thumbnail{padding-top:55.88%;display:block;width:100%;position:relative;overflow:hidden}.container-porfolio .column .thumbnail.square{padding-top:100%}.container-porfolio .column .thumbnail .thumb{width:100%;display:block;position:absolute;left:0;top:0;border-radius:10px 10px 0 0}.container-porfolio .column .icon-hst{position:relative;margin-top:-25px;width:50px;height:50px;background-color:#fff;border-radius:25px;left:50%;margin-left:-25px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 10px 0 rgba(0,0,0,0.1)}.container-porfolio .column .icon-hst img{max-height:27px;max-width:55%}.container-porfolio .column .info-hst{display:block;padding:42px 12px 16px 12px;margin-top:-26px;border-radius:0 0 10px 10px}.container-porfolio .column .info-hst .title-hst{font-size:14px;font-weight:700;display:block;margin-bottom:4px;transition:color 0.3s ease-in-out}.container-porfolio .column .info-hst .desc{display:block;font-size:13px}.container-porfolio .column .info-hst .desc span{color:#a9a9a9}@media (min-width: 768px){.navbar-expand-md .navbar-nav .nav-link{padding-right:0;padding-left:0}}@media (max-width: 575.98px){header{padding-top:10px}.hero{padding-top:100px;display:flex;flex-wrap:wrap;padding-bottom:120px}.hero .info{transform:translateY(0);padding-right:0px;text-align:center}.hero .info h1{font-size:28px;line-height:36px}.hero .info p{margin-bottom:10px}.hero .img{transform:translate(0, 40px)}.hero .img img{width:420px}.hero .bg-hero{width:110%;height:200px;background-size:cover}.about{padding:0}.about .about360{padding:0 0 100px 0}.about .content-about{flex-wrap:wrap;justify-content:center}.about .content-about .img{padding-right:0;position:relative;margin-bottom:80px;margin-right:0;width:100%;text-align:center}.about .content-about .img img{height:280px;width:auto;display:inline-block}.about .content-about .img .circle-animate{width:250px;height:250px}.about .content-about .info-block{width:100%;justify-content:center}.about .content-about .info-block h3{font-size:28px;line-height:36px;margin-bottom:20px}.about .content-about .info-block p{text-align:center;padding-left:0}.about .content-about .info-block p:before{display:none}.about .content-about .info-block .btn{margin-left:0}.partner{padding-bottom:100px}.partner .content-partner{display:flex;flex-wrap:wrap}.partner .content-partner .info-block{padding-left:0;padding-right:0;width:100%}.partner .content-partner .info-block h3{font-size:28px;line-height:36px;margin-bottom:20px}.partner .content-partner .img{width:100%;transform:translateX(0);margin-top:40px}.partner .content-partner .img img{width:100%}.service .head-block h3{font-size:28px;line-height:36px;margin-bottom:20px}.service .content-service .item-service.item-lg{height:calc(100% - 30px);margin-left:0;margin-bottom:30px;width:100%;padding-top:30px}.service .content-service .item-service.item-lg .icon{top:0;left:0;position:relative;float:left;margin-right:30px}.project{padding:0}.slider360{flex-wrap:wrap;padding-bottom:80px}.slider360 .slide-l{width:100%;padding-right:0}.slider360 .slide-l .info-block{transform:translateY(0);padding-right:0px}.slider360 .slide-l .info-block h3{font-size:28px;line-height:36px;margin-bottom:20px}.slider360 .slide-l .info-block p{margin-bottom:10px}.slider360 .slide-r{width:100%}.slider360 .slide-r .browser{width:80%;margin:0 auto;margin-top:20px}.slider360 .slide-r .browser .head-slide:before{width:55%}.slider360 .slide-r .browser .mobile{right:-20px;width:96px}.slider360 ul.paging-slide{bottom:0;left:50%;transform:translateX(-50%)}.client .content-client{flex-wrap:wrap}.client .content-client .client-l{width:100%;padding-right:0}.client .content-client .client-l .info-block{transform:translateY(0);padding-right:0px;margin-bottom:40px}.client .content-client .client-l .info-block h3{font-size:28px;line-height:36px;margin-bottom:20px}.client .content-client .client-l .info-block p{margin-bottom:10px}.client .content-client .client-r{width:100%}.client .content-client .client-r .item-carousel{height:auto;padding:20px 20px 60px 20px}.client .content-client .client-r .info-client .time{position:absolute;left:20px;bottom:20px}.trial h3{font-size:24px;line-height:34px;text-align:center}.trial .btn-trial{margin-right:auto;margin-top:20px}.contact .info-contact{margin-bottom:20px}.customer .logo-customer img{width:80%}.hesinhthai .box{padding:28px 24px}.container-porfolio{display:flex;flex-wrap:wrap}.container-porfolio .column .icon-hst{left:16px;margin-left:0}.container-porfolio .column .info-hst{padding:42px 16px 16px 16px}ul.tab-porfolio{flex-wrap:wrap}ul.tab-porfolio li.indicator{display:none}ul.tab-porfolio li.active{background-color:#3698F9;border-radius:19px;color:#fff}}@media (max-width: 767.98px){.service .content-service .item-service{width:100%;margin-right:0;margin-left:0 !important;height:auto;padding:30px}.service .content-service .item-service .icon{position:relative;top:auto !important;left:auto !important;float:none !important}.service .content-service .item-service.item-lg .icon{font-size:80px}.popup-contact .modal-dialog{margin:0 0 auto 0}.popup-contact .modal-content{-ms-flex-direction:column;flex-direction:column}.popup-contact button.close{top:200px}.popup-contact .location{width:100%;position:relative;height:200px;overflow:hidden}.popup-contact .location img{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.popup-contact .form-contact{width:100%;padding:20px}.box .image img{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}.box .content{padding:20px}.box .content h3{font-size:18px;margin-bottom:20px}.box.mission{margin-top:60px}.box.mission .row{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.box.client-360{margin-top:60px}.block{margin-top:60px}.block .head{margin-bottom:30px}.block .head h3{font-size:18px}.title-page{margin-top:80px;font-size:28px;margin-bottom:20px}#people360 ~ .swiper-button-next,#people360 ~ .swiper-button-prev{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.client-360 .customer .slider-partner .item{height:298px;padding:0}.client-360 .customer .slider-partner .owl-nav button.owl-next{right:-39px}.client-360 .customer .slider-partner .owl-nav button.owl-prev{left:-39px}.work{padding:20px 20px 20px 40px;flex-flow:column}.work .col-work{flex-flow:column !important;width:100%}.work .col-work:nth-last-child(1) .line-work{height:0}.work .icon-work{width:150px;margin-right:20px;margin-bottom:0}.work .icon-work .icon{font-size:50px}.work .name-work{text-align:left;margin-left:auto;width:100%;margin-bottom:0 !important}.work .space-work{height:0}.work .number-work{left:0;right:inherit}.work .line-work{height:100%;width:1px;left:0}.work .col-work:nth-last-child(1) .line-work,.work .col-work:nth-child(1) .line-work{width:1px}.work .content-work{flex-flow:row !important;align-items:center}.insight .box{padding:80px 35px 60px 35px}.graph ul.note{margin-right:-20px}.graph ul.note li{margin-left:10px}.graph .years{right:-23px;bottom:-27px}.graph .total-view{min-width:130px;top:-65px}.graph .view{top:-20px}.graph .wrap .truc-y div{height:50px}.graph .wrap .dashed .line{height:50px}.mt-120{margin-top:60px !important}.cms .row{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.cms .image{padding:20px 20px 0 20px}.cms ul.list-mini li{display:block;width:100%}.system-cms .head p{display:none}.system-cms .box{height:inherit;margin-bottom:40px}.logging .row{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.logging .image{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;padding:40px}.seo.box-lg{margin-top:60px}.seo.box-lg .head{padding-bottom:20px;padding-top:260px}.seo.box-lg .head h3,.seo.box-lg .head p{max-width:250px}.seo.box-lg .head img{right:-30px;top:30px;width:340px}.seo.box-lg .content{padding-top:30px}.seo.box-lg .content .list-r{padding-left:20px;padding-right:20px;margin-top:20px}.seo.box-lg .content .list-l{padding-left:20px;padding-right:20px}.ads .row,.analytic .row{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.ads .image,.analytic .image{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;padding:40px}.analytic .image{min-height:inherit}.optimize .image{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;padding:40px}.box .image img{width:100%}}@media (min-width: 768px) and (max-width: 991.98px){.hero{padding-top:400px}.hero .info{width:50%;transform:translateY(-270px);padding-right:81px}.hero .info h1{font-size:36px;line-height:44px}.hero .info p{margin-bottom:10px}.hero .img{transform:translate(-50px, -210px);width:50%}.hero .img img{width:470px}.about{padding:0}.about .about360{padding:0 0 100px 0}.about .content-about{flex-wrap:wrap;justify-content:center}.about .content-about .img{padding-right:0;position:relative;margin-bottom:80px;margin-right:0;width:100%;text-align:center}.about .content-about .img img{height:400px;width:auto;display:inline-block}.about .content-about .img .circle-animate{width:450px;height:450px}.about .content-about .info-block{width:100%;justify-content:center}.about .content-about .info-block p{text-align:center}.about .content-about .info-block p:before{display:none}.about .content-about .info-block .btn{margin-left:0}.partner .content-partner .info-block{padding-left:0px;padding-right:60px;width:70%}.partner .content-partner .img{width:30%;transform:translateX(-80px)}.service .content-service .z-index{display:flex}.service .content-service .item-service.item-lg{height:calc(100% - 30px);margin-left:0;margin-right:0;margin-bottom:30px;width:100%;padding-top:30px}.service .content-service .item-service.item-lg .icon{top:0;left:0;position:relative;float:left;margin-right:30px;font-size:160px}.service .content-service .item-service.item-lg:nth-child(1){margin-left:0}.service .content-service .item-service:nth-last-child(2){margin-right:15px}.service .content-service .item-service:nth-last-child(1){margin-left:15px}.project{padding:60px 0}.slider360{flex-wrap:wrap;padding-bottom:80px}.slider360 .slide-l{width:100%;padding-right:0}.slider360 .slide-r{width:80%}.slider360 .slide-r .browser{margin-left:78px}.slider360 .slide-r .browser .mobile{right:-78px;width:140px}.client .content-client{flex-wrap:wrap}.client .content-client .client-l{width:100%;padding-right:0}.client .content-client .client-l .info-block{margin-bottom:40px}.client .content-client .client-r{width:100%}.trial .btn-trial{margin-left:auto;margin-right:auto;margin-top:20px}.contact .info-contact{margin-bottom:20px}.popup-contact .modal-dialog{margin:auto 40px}.popup-contact .modal-content{-ms-flex-direction:column;flex-direction:column}.popup-contact .location{width:100%;position:relative;height:300px;overflow:hidden}.popup-contact .location img{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.popup-contact .form-contact{width:100%}.box .image img{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}.box .content{padding:40px}.box.mission .row{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.info-project .content{padding-top:40px}.work{padding:40px 90px;flex-flow:column}.work .col-work{flex-flow:row !important;width:100%}.work .col-work:nth-last-child(1) .line-work{height:0}.work .col-work:nth-child(odd){flex-flow:row-reverse !important}.work .col-work:nth-child(odd) .content-work{padding-left:0;padding-right:40px;flex-flow:row-reverse !important}.work .col-work:nth-child(odd) .icon-work{margin-bottom:0;margin-right:0;margin-left:20px}.work .col-work:nth-child(odd) .name-work{text-align:right}.work .icon-work{width:150px;margin-right:20px;margin-bottom:0}.work .icon-work .icon{font-size:50px}.work .name-work{text-align:left;margin-left:auto;width:100%;margin-bottom:0 !important}.work .space-work{height:1px;width:50%}.work .number-work{right:inherit}.work .line-work{height:100%;width:1px;left:50%}.work .col-work:nth-last-child(1) .line-work,.work .col-work:nth-child(1) .line-work{width:1px}.work .content-work{flex-flow:row !important;align-items:center;width:50%;padding-left:40px}.insight .box{padding:60px 90px}.cms .row{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.cms .image{padding:60px 60px 0 60px}.cms ul.list-mini li{display:block;width:100%}.system-cms .box{height:inherit;margin-bottom:40px}.logging .row{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.logging .image{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;padding:40px}.seo.box-lg .head{padding-bottom:90px}.seo.box-lg .head h3,.seo.box-lg .head p{max-width:250px}.seo.box-lg .head img{right:-30px;top:70px;width:430px}.seo.box-lg .content{padding-top:60px}.seo.box-lg .content .list-r{padding-left:0;margin-top:20px}.ads .row,.analytic .row{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.ads .image,.analytic .image{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;padding:40px}.optimize .image{-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;padding:40px}}@media (max-width: 991.98px){.navbar-collapse{position:absolute;padding:0 30px;top:100%;right:0;background-color:#fff;box-shadow:0 10px 20px 0 rgba(74,74,74,0.05)}.navbar-collapse .navbar-nav{margin-right:0;margin:30px 0 0 0}.navbar-collapse .navbar-nav li.nav-item{padding:0;margin:5px 0}.navbar-collapse .navbar-nav li.nav-item a:before{display:none}.navbar-collapse .btn-secondary{margin-top:10px;outline:0 !important;margin-bottom:30px}.customer .col-md-6{margin-bottom:40px}}