header{z-index:100;text-align:right;opacity:1;visibility:visible;-o-transition:all .6s ease 0s;background:#fff;width:100%;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s;position:fixed;top:30px;left:0}header.active{opacity:1!important;visibility:visible!important}header.active .menu-btn:before{opacity:0}header.active .menu-btn:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);bottom:9px!important}header.active .menu-btn span{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}header.active .head-top .top-menu{text-align:center;width:200px;height:auto;margin-left:-100px;position:fixed;top:100px;left:50%;opacity:1!important;visibility:visible!important}header.active .head-top .top-menu ul li{margin:30px 0;display:block}@media (width<=840px){header{top:15px}}header .head-top{padding:30px 65px 15px}header .head-top .menu-btn{width:26px;height:20px;margin:0 auto;position:relative}header .head-top .menu-btn:before,header .head-top .menu-btn:after{content:"";-o-transition:all .3s ease 0s;background:#141414;width:100%;height:2px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;position:absolute;top:0;left:0}header .head-top .menu-btn:after{top:auto;bottom:0}header .head-top .menu-btn span{-o-transition:all .3s ease 0s;background:#141414;width:100%;height:2px;margin-top:-1px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;position:absolute;top:50%;left:0}header .head-top .menu-btn:hover:before,header .head-top .menu-btn:hover:after,header .head-top .menu-btn:hover span{background:#5581e2}@media (width<=840px){header .head-top .menu-btn{display:block}header .head-top .top-menu{opacity:0;visibility:hidden;-o-transition:opacity .3s ease .5s;height:0;-webkit-transition:opacity .3s .5s;-moz-transition:opacity .3s .5s;transition:opacity .3s .5s}}header .head-top .top-menu ul li{vertical-align:top;-o-transition:color .3s ease 0s;margin-left:50px;-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s;display:inline-block}header .head-top .top-menu ul li a{margin-top:12px;display:block}header .head-top .top-menu ul li a.btn{margin-top:0}header .head-top .top-menu ul li.active a{color:#5581e2}header .head-top .top-menu ul li.active .btn{color:#fff;background:#5581e2;border:1px solid #5581e2}.section{z-index:97;opacity:1;visibility:visible;-o-transition:all .6s ease 0s;padding:0 80px 150px;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s;position:relative}@media (width<=960px){.section{padding:0 40px 120px}}@media (width<=480px){.section{padding:0 20px 120px}}.section .content{position:relative}.section .content .title{margin-bottom:40px;position:relative}@media (width<=400px){.section .content .title{text-align:center}}.section .content .title .title_inner{vertical-align:middle;text-align:center;color:#141414;text-transform:uppercase;letter-spacing:.04em;-o-transition:all .3s ease 0s;-khtml-box-shadow:inset 0 -6px 0px #ede574;font-size:13px;line-height:18px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;display:inline-block;position:relative;-webkit-box-shadow:inset 0 -6px #ede574;-moz-box-shadow:inset 0 -6px #ede574;box-shadow:inset 0 -6px #ede574}.section.started{text-align:center;margin:0;padding:0;position:relative}.section.started .started-content{vertical-align:middle;text-align:center;display:inline-block;position:relative}.section.started .started-content .h-title{color:#141414;text-transform:uppercase;letter-spacing:.04em;margin:10px 0 5px;font-family:Roboto Mono;font-size:68px;font-weight:700}@media (width<=1060px){.section.started .started-content .h-title.blog_title{font-size:48px}}@media (width<=840px){.section.started .started-content .h-title{padding:0 20px;font-size:52px}.section.started .started-content .h-title.blog_title{font-size:40px}}@media (width<=580px){.section.started .started-content .h-title span{display:block}}@media (width<=480px){.section.started .started-content .h-title{font-size:42px}.section.started .started-content .h-title.blog_title{font-size:26px}}.section.started .started-content .h-subtitle,.section.started .started-content .typed-subtitle,.section.started .started-content .typed-bread{font-size:13px}.section.started .mouse_btn{color:#5581e2;text-align:center;width:20px;height:40px;margin-left:-10px;font-size:24px;transition:opacity .3s,visibility .3s;position:absolute;bottom:80px;left:50%}.section.started .mouse_btn.is-hidden{opacity:0;visibility:hidden}.section.started .mouse_btn .svg-icon{animation:1s ease-out infinite mouse-anim;position:relative;top:0}footer{z-index:100;opacity:1;visibility:visible;-o-transition:all .6s ease 0s;background:#fff;width:100%;padding:15px 60px 30px;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s;position:fixed;bottom:25px;left:0}@media (width<=840px){footer{bottom:15px}}footer .soc{float:right}footer .soc a{vertical-align:middle;margin-left:12px;display:inline-block}footer .soc a .svg-icon{color:#363636;-o-transition:all .3s ease 0s;font-size:17px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}footer .soc a:hover .svg-icon{color:#5581e2}@media (width<=840px){footer .soc{float:none;text-align:center}footer .soc a{margin:0 6px}}footer .copy{float:left;color:#999;padding-top:2px;font-size:11px}@media (width<=840px){footer .copy{display:none}}a.btn,.btn{-o-transition:background .3s ease 0s;-webkit-transition:background .3s;-moz-transition:background .3s;transition:background .3s}