@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,600,700,800,900|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=latin-ext');html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;position:relative}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus{outline:0}.hidden{display:none;opacity:0}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;height:0}body{position:relative;font-size:16px;line-height:25px;color:#4c5667;overflow-x:hidden;font-family:'Roboto',sans-serif}section{padding:22px 0}section .wrap,footer .wrap{display:block;margin:0 auto;padding:0 20px;width:100%;max-width:360px}h2{display:block;margin:0 0 28px;font-size:30px;line-height:40px;font-weight:400;text-align:center;color:#1d273c}.button{color:#fff;background-color:#f9644a;border-radius:5px;font-weight:500;font-size:16px;text-align:center;text-decoration:none;width:200px;margin:30px auto 0;padding:13px 15px;display:block;border:0;outline:0;box-sizing:border-box;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}.button:hover{background-color:#f9873e}section.main{background:url('../img/bg/bg1.svg') no-repeat left 50% top 350px;background-size:640px}section.main .logo{display:block;margin:0 0 25px 0}section.main .logo img{width:64px}section.main h1{display:block;margin:0 0 28px 0;font-size:30px;line-height:30px;color:#1d273c;font-weight:500}section.main h1>span{color:#0869f7}section.main span.description{display:block;margin:0 0 28px 0}section.main .form-container{display:block;padding:60px 10px 60px;border-radius:15px;background:#fff;box-shadow:-10px 10px 40px rgba(204,215,233,0.4)}.form-container .top-panel{display:block;position:absolute;top:0;left:0;height:20px;width:100%;background:#fff;box-shadow:-10px 10px 40px rgba(204,215,233,0.4);border-radius:15px}.form-container .bottom-panel{display:block;position:absolute;bottom:0;left:0;height:20px;width:100%;background:#fff;box-shadow:-10px 10px 40px rgba(204,215,233,0.4);border-radius:15px}.form-container h3{display:block;margin:0 auto 25px;text-align:center;font-size:35px;font-weight:300;color:#f9644a}.form-container span.description{display:block;margin:0 0 25px 0;text-align:center;font-weight:500;font-size:18px}#custom-form{display:block}form input[name='bait']{display:none;position:absolute;z-index:-1000;pointer-events:none;opacity:0;visibility:hidden;outline:0}#custom-form.done{top:50%;transform:translateY(-50%)}#custom-form.done:before{content:'';display:block;position:absolute;top:-201px;left:0;width:161px;height:138px;background:url(../img/top.svg) no-repeat;background-size:contain}#custom-form.done:after{content:'';display:block;position:absolute;bottom:-201px;right:0;width:88px;height:84px;background:url(../img/bottom.svg) no-repeat;background-size:contain}#custom-form.done .form-success h3{font-weight:300;font-size:28px;line-height:60px;color:#0064f8}#custom-form.done .form-success .form-success-span{display:block;font-size:18px;line-height:30px;color:#4c5667;text-align:center}#custom-form .form-label-input{display:block;width:100%;height:50px;margin:0 0 16px;position:relative;box-sizing:border-box;border:1px solid #edf0f6;border-radius:5px;transition:all .2s}#custom-form .form-label-input.focus,#custom-form .form-label-input.valid{border:1px solid #0064f8}#custom-form .form-label-input.error{border:1px solid tomato}#custom-form .form-label-input .form-input-name{position:absolute;left:12px;top:12px;font-weight:400;font-size:15px;color:#a1a9bb;z-index:1;transition:.3s}#custom-form .form-label-input.valid .form-input-name,#custom-form .form-label-input.focus .form-input-name,#custom-form .form-label-input.error .form-input-name{display:none}#custom-form .form-label-input .form-input{position:relative;top:13px;left:12px;width:250px;font-size:16px;border:0;outline:0;box-sizing:border-box}#custom-form .form-label-input .error-description{display:none;position:absolute;bottom:-21px;right:0;font-size:13px;color:tomato;transition:all .2s}#custom-form .form-label-input.error .error-description{display:block}#custom-form .form-label-input select{position:absolute;opacity:0;pointer-events:none}#custom-form .form-label-input select option{position:absolute;opacity:0}#custom-form .form-label-input .select{top:12px;left:12px;width:250px;font-size:15px;border:0;outline:0;box-sizing:border-box;cursor:pointer}#custom-form .form-label-input .select:before{content:"";display:block;position:absolute;top:10px;right:0;width:10px;height:6px;background:url("../img/trangle.svg") no-repeat;z-index:1;transition:.3s}#custom-form .form-label-input .items{display:none}#custom-form .form-label-input.open{border:1px solid #0064f8}#custom-form .form-label-input.open .items{display:block;position:absolute;top:60px;padding:10px 10px 0;width:100%;background:#fff;box-shadow:-10px 10px 40px rgba(204,215,233,0.4);border-radius:15px;z-index:10}#custom-form .form-label-input.open .select:before{transform:rotate(180deg)}#custom-form .form-label-input.open .items div{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #edf0f6;cursor:pointer;transition:.3s}#custom-form .form-label-input.open .items div:hover{color:#0064f8}#custom-form .form-label-input.open .items div:last-child{margin-bottom:0;border-bottom:0}#custom-form .submit{color:#fff;background-color:#f9644a;border-radius:5px;font-weight:500;font-size:16px;text-align:center;text-decoration:none;width:200px;height:50px;margin:30px auto 0;padding:0 15px 0;display:block;border:0;outline:0;box-sizing:border-box;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}#custom-form .submit:hover{background-color:#f9873e}body{background:url("../img/bg/bg2.svg") no-repeat left 50% top 1000px;background-size:1500px}section.welcome .wrap>span.description{display:block;margin:0 0 28px 0;color:#0064f8;text-align:center}section.welcome .item{transition:all .3s}section.welcome .item .header{display:block;margin:0 0 25px 0;box-shadow:0 0 30px rgba(204,215,233,0.4);border-radius:15px;background:#fff;transition:all .3s}section.welcome .item .header .logo{display:block;margin:0 auto;padding:15px 0 15px 100px;text-align:center;font-size:20px;line-height:30px;border-radius:15px 15px 0 0;border-bottom:1px solid #edf0f6;transition:all .3s}section.welcome .item.server .header{border:1px solid #fff}section.welcome .item.dsp .header{border:1px solid #fff}section.welcome .item.server .header .logo{background:url("../img/logo.svg") no-repeat left 15px top 15px;background-size:87px}section.welcome .item.dsp .header .logo{background:url("../img/logo-dsp.svg") no-repeat left 15px top 15px;background-size:87px}section.welcome .item.server:hover .header{border:1px solid #f9644a}section.welcome .item.dsp:hover .header{border:1px solid #0064f8}section.welcome .item.server:hover .header .logo{background:url("../img/logo.svg") no-repeat left 15px top 15px,#fbe8e4;background-size:87px}section.welcome .item.dsp:hover .header .logo{background:url("../img/logo-dsp.svg") no-repeat left 15px top 15px,#ededff;background-size:87px}section.welcome .item .header .description{display:flex;padding:15px;text-align:center;color:#4c5667;font-weight:500;font-size:16px;line-height:25px}section.welcome .item ul{margin:0 0 25px 0;padding:30px 12px;border-radius:15px;transition:all .3s}section.welcome .item:hover ul{background:#e4efff}section.welcome .item ul li{display:block;padding:0 0 0 40px;margin:0 0 25px 0;background:url("../img/check.svg") no-repeat left top}section.welcome .item ul li:last-child{margin:0}section.welcome .item ul li h3{display:block;margin:0 0 12px 0;font-weight:500;font-size:18px;color:#1d273c}section.alternative .wrap>span.description{display:block;margin:0 0 28px 0;color:#0064f8;text-align:center}section.alternative .swiper-wrapper .wrapper{width:100%;height:770px;margin:auto;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none}section.alternative .swiper-wrapper .wrapper .wrap-slide{width:100%;height:745px;display:block;position:absolute;overflow:hidden}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider{width:300%;height:100%;position:absolute;top:0;left:0;display:block;cursor:grab}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div{width:320px;height:100%;position:relative;float:left;background-size:100% 100% !important}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide{position:absolute;padding:145px 14px 40px;top:0;right:15px;bottom:0;left:0;box-shadow:0 20px 30px rgba(204,215,233,0.4);border-radius:15px;background-color:#fff;transition:300ms ease;-webkit-transition:300ms ease;border:1px solid #fff}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div .slide.first{background:url("../img/alternative/1.svg") no-repeat,#fff;background-size:67px;background-position:left 50% top 50px}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div .slide.second{background:url("../img/alternative/2.svg") no-repeat,#fff;background-size:52px;background-position:left 50% top 50px}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div .slide.third{background:url("../img/alternative/3.svg") no-repeat,#fff;background-size:99px;background-position:left 50% top 60px}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide h3{display:block;margin-bottom:35px;text-align:center;font-size:25px;color:#0064f8}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide ul li{display:block;padding:0 0 0 25px;margin:0 0 35px 0}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide ul li:after{content:'';display:block;position:absolute;top:8px;left:0;height:10px;width:10px;border-radius:50px;background:#15b387}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide ul li h4{display:block;margin:0 0 15px 0;font-weight:500;font-size:16px;color:#1d273c}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div.active>.slide{border:1px solid #0064f8}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div>div.slide:first-child{margin-left:15px}section.alternative .swiper-wrapper .wrapper .controls{height:30px;position:absolute;left:50%;left:50%;bottom:0;transform:translate(-50%,0)}section.alternative .swiper-wrapper .wrapper .controls>div{display:inline-block;width:7px;height:7px;margin:20px 5px 0;vertical-align:middle;border-radius:50%;cursor:pointer;border:transparent 2px solid;background:#ff4000}section.alternative .swiper-wrapper .wrapper .controls>div.active{width:11px;height:11px;border:#ff4000 2px solid;background:transparent}section.demo{padding:60px 0 280px;background:#e4efff;overflow:hidden}section.demo:after{content:"";display:block;position:absolute;width:597px;height:591px;bottom:-285px;left:50%;background:url("../img/bg/bg3.svg") no-repeat;transform:translateX(-45px)}section.demo h2{font-weight:bold;font-size:30px;text-align:center;color:#1d273c}section.demo h2 span{display:block;padding-top:30px;font-size:30px;line-height:40px;font-weight:400}section.serve .wrap>span.description{display:block;margin:0 0 28px 0;color:#0064f8;text-align:center}section.serve .swiper-wrapper .wrapper .controls{display:none}section.serve .swiper-wrapper .wrapper{width:100%;height:480px;margin:auto;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none}section.serve .swiper-wrapper .wrapper .wrap-slide{width:100%;height:445px;display:block;position:absolute;overflow:hidden}section.serve .swiper-wrapper .wrapper .wrap-slide>.slider{width:400%;height:100%;position:absolute;top:0;left:0;display:block;cursor:grab}section.serve .swiper-wrapper .wrapper .wrap-slide>.slider>div{width:320px;height:100%;position:relative;float:left;background-size:100% 100% !important}section.serve .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide{position:absolute;padding:15px 0;top:0;right:15px;bottom:0;left:0;transition:300ms ease;-webkit-transition:300ms ease}section.serve .swiper-wrapper .wrapper .wrap-slide>.slider>div>div.slide:first-child{margin-left:15px}section.serve .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide h3{display:block;margin:0 0 20px 0;font-weight:500;font-size:20px;color:#1d273c}section.serve .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide span.description{display:block;margin:0 0 20px 0}section.serve .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide img{width:100%}section.serve .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide.last img{width:auto;height:200px;left:50%;transform:translateX(-50%)}section.serve .swiper-wrapper .wrapper .button-container{display:flex;justify-content:center;position:absolute;bottom:40px;width:100%}section.serve .swiper-wrapper .wrapper .button-container .button{display:block;background:#fff;width:50px;border-radius:50px;box-shadow:0 4px 15px rgba(204,215,233,0.4);cursor:pointer;transition:.3s}section.serve .swiper-wrapper .wrapper .button-container .button svg{position:absolute;top:16px;left:21px;fill:#0064f8}section.serve .swiper-wrapper .wrapper .button-container .button:hover svg{fill:#fff}section.serve .swiper-wrapper .wrapper .button-container .button:hover{background:#f9644a;box-shadow:0 4px 15px rgba(204,215,233,0.4)}section.serve .swiper-wrapper .wrapper .button-container .button#prev{margin-right:10px}section.serve .swiper-wrapper .wrapper .button-container .button#next{margin-left:10px}footer{padding:60px 0 82px;background:#1d273c}footer h2{font-weight:bold;font-size:30px;line-height:40px;text-align:center;color:#fff}footer .button{margin-bottom:60px}footer .social{padding-top:48px;border-top:1px solid #475269}footer .social .icon-container{display:flex;margin:0 auto 45px;justify-content:space-around;width:295px}footer .social .icon-container a{display:block;width:45px;height:45px;border-radius:50px;background:#fff}footer .social .icon-container a.fb svg{fill:#0064f8;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px}footer .social .icon-container a.ln svg{fill:#1178b3;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px}footer .social .icon-container a.yt svg{fill:#fc0d1b;top:44%;left:50%;transform:translate(-50%,-50%);width:25px;height:25px}footer .social .icon-container a.tw svg{fill:#6d9ce9;top:50%;left:50%;transform:translate(-50%,-50%);width:23px;height:19px}footer .social .copy{display:block;text-align:center}@media(min-width:1024px){section{padding:50px 0}h2{font-size:40px;line-height:60px}section .wrap,footer .wrap{display:block;margin:0 auto;padding:0 40px;width:100%;max-width:1280px}section.main{background:0}section.main .logo{display:block;margin:0}section.main .logo img{width:158px}section.main .content{display:block;margin-top:200px;float:left;max-width:695px;width:56%;transform:translateY(-20px)}section.main h1{margin:0 0 35px 0}section.main .form-container{float:right;width:400px;padding:60px 60px 60px;background:#fff}section.main .form-container:after{content:"";display:block;position:absolute;top:-92px;left:0;width:810px;height:910px;background:url(../img/bg/bg1.svg) no-repeat;z-index:-1}section.main span.description{display:block;margin:0 0 28px 0;font-size:16px;line-height:25px}@media(min-width:1200px){section.main .content{display:block;margin-top:200px;float:left;max-width:695px;width:56%}section.main h1{margin:0 0 35px 0;font-size:50px;line-height:70px}section.main span.description{display:block;margin:0 0 28px 0;font-size:20px;line-height:35px}section.main .form-container{float:right;width:440px;background:#fff}#custom-form .form-label-input .select:before{right:-25px}}#custom-form.done:before{content:'';display:block;position:absolute;top:-205px;left:-50px;width:146px;height:188px;background-size:contain}#custom-form.done:after{content:'';display:block;position:absolute;bottom:-201px;right:-50px;width:105px;height:99px;background-size:contain}body{background:url(../img/bg/bg2.svg) no-repeat left 50% top 810px;background-size:1500px}section.welcome{padding:50px 0 20px}section.welcome .wrap{max-width:1180px}section.welcome .wrap>span.description{font-size:20px;line-height:40px;margin:0 0 65px 0}section.welcome .item-container{display:flex;justify-content:space-between}section.welcome .item{max-width:490px;width:45%}section.welcome .item .header .logo{padding:20px 0 20px 100px;font-size:30px;line-height:40px}section.welcome .item.dsp .header .logo{background:url(../img/logo-dsp.svg) no-repeat left 15px top 19px;background-size:114px}section.welcome .item.server .header .logo{background:url(../img/logo.svg) no-repeat left 15px top 19px;background-size:114px}section.welcome .item.server:hover .header .logo{background:url(../img/logo.svg) no-repeat left 15px top 19px,#fbe8e4;background-size:114px}section.welcome .item.dsp:hover .header .logo{background:url(../img/logo-dsp.svg) no-repeat left 15px top 19px,#ededff;background-size:114px}section.welcome .item ul{margin:0}section.alternative .wrap>span.description{font-size:20px;line-height:40px;margin:0 0 65px 0}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div.active>.slide{border:1px solid #fff}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div:hover>.slide{border:1px solid #0064f8}section.alternative .swiper-wrapper .wrapper .controls{display:none}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider{display:flex;width:100%;position:relative;justify-content:space-evenly}section.alternative .swiper-wrapper .wrapper{height:715px}section.alternative .swiper-wrapper .wrapper .wrap-slide{height:695px}@media(min-width:1024px) and (max-width:1300px){section.alternative .swiper-wrapper .wrapper{height:800px}section.alternative .swiper-wrapper .wrapper .wrap-slide{height:808px}}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div{width:30%;max-width:365px}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide{margin-bottom:40px}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide h3{color:#1d273c}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div:hover>.slide h3{color:#0064f8}section.alternative .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide{margin-bottom:50px}section.demo{padding:60px 0 50px}section.demo h2{font-size:50px;line-height:60px;text-align:left}section.demo h2 span{padding-top:0;font-size:50px;line-height:60px}section.demo a.button{margin:30px 0 0}section.demo:after{bottom:-232px;transform:translateX(166px)}section.serve{padding:100px 0 75px}section.serve .wrap>span.description{font-size:20px;line-height:40px;margin:0 0 65px 0}section.serve .swiper-wrapper .wrapper{width:600px;height:585px;margin:0}section.serve .swiper-wrapper .wrapper .wrap-slide{width:600px;height:500px}section.serve .swiper-wrapper .wrapper .wrap-slide>.slider>div{width:600px}section.serve .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide h3{display:none}section.serve .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide span.description{display:none}section.serve .swiper-wrapper .wrapper .wrap-slide>.slider>div>.slide.last img{height:368px}section.serve .swiper-wrapper .wrapper .controls{display:block;left:620px;width:420px}@media(min-width:1024px) and (max-width:1120px){section.serve .swiper-wrapper .wrapper .controls{width:350px}}section.serve .swiper-wrapper .wrapper .controls div{padding-bottom:25px;padding-left:25px;margin-bottom:25px;border-bottom:1px solid #cadfff;cursor:pointer}section.serve .swiper-wrapper .wrapper .controls div.active:after{content:"";display:block;position:absolute;top:14px;left:0;width:10px;height:10px;background:#15b387;border-radius:50px}section.serve .swiper-wrapper .wrapper .controls div h3{display:flex;align-items:center;font-weight:500;font-size:25px;line-height:40px;color:#1d273c;z-index:-1}section.serve .swiper-wrapper .wrapper .controls div .description{z-index:-1}section.serve .swiper-wrapper .wrapper .button-container{bottom:100px}footer{padding:80px 0 30px}footer h2{font-size:40px;line-height:60px}}