@font-face{font-family:"xyh";src:url(../fonts/xyh.woff2)}
body{font-family:"xyh","PingFang SC","Microsoft YaHei","Arial","sans-serif"}
.btn-remind{position:relative;display:inline-block;transform:translateY(-50%);text-align:center;color:#ffffff;font-size:18px}
.btn-remind span{display:none}
.btn-remind .menu{display:block}
.hamburger.is-active .btn-remind .menu{display:none}
.hamburger.is-active .btn-remind .close{display:block}
.is-active ul{width:100%}
.is-active ul li{text-align:center}
.f-logo{display:inline-block;height:30px;fill:#d5a75f;transition:fill 0.4s}
.f-logo:hover{fill:#fff}
.zt{z-index:9}
.index-about{min-height:100vh;height:100vh;width:100%;background:#000000;position:relative;overflow:hidden}
.index-about .index-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}
.brand-section{padding:160px 0;display: block;background:#ffffff;min-height:100vh;height:100vh}
.brand-section .title{margin-bottom:40px;display:flex;align-items:flex-start;justify-content:center;gap:32px;position:relative}
.brand-section .fa-quote-left,.brand-section .fa-quote-right{font-size:32px;color:#444;opacity:0.8;margin-top:0;line-height:1}
.brand-section .title-center{display:flex;flex-direction:column;align-items:center;justify-content:center}
.brand-section .main-title{font-size:40px;font-weight:bold;color:#3a4150;letter-spacing:2px;line-height:1.2;margin-bottom:3px}
.brand-section .subtitle{font-size:20px;color:#888888;margin:0;line-height:1.6}
.brand-features{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;justify-items:center;align-items:stretch;margin:60px auto 0 auto;max-width:1200px;width:100%}
.feature-item{background:#f7f7f7;border-radius:12px;width:100%;min-width:0;max-width:280px;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:48px 16px 32px 16px;box-sizing:border-box;text-align:center;transition:box-shadow 0.2s;box-shadow:0 2px 8px rgba(60,60,60,0.04)}
.feature-item:hover{box-shadow:0 4px 16px rgba(60,60,60,0.10)}
.icon{margin:0 auto 18px auto;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:48px;color:#3a4150}
.icon-website::before{content:"\f108";font-family:"Font Awesome 6 Free";font-weight:900}
.icon-video::before{content:"\f144";font-family:"Font Awesome 6 Free";font-weight:900}
.icon-miniapp::before{content:"\f2d2";font-family:"Font Awesome 6 Free";font-weight:900}
.icon-wechat::before{content:"\f1d7";font-family:"Font Awesome 6 Brands";font-weight:400}
.feature-title{font-size:26px;font-weight:600;color:#3a4150;margin-bottom:12px;line-height:1.3}
.feature-desc{font-size:18px;color:#666;line-height:1.7}
.feature-desc p{margin:0 0 4px 0}
@media (max-width:1100px){.brand-features{grid-template-columns:repeat(2,1fr);gap:32px}
}@media (max-width:900px){.brand-features{flex-wrap:wrap;gap:20px}
.feature-item{min-width:45%;max-width:100%;margin-bottom:20px}
}@media (max-width:700px){.brand-features{grid-template-columns:1fr;gap:20px}
.feature-item{max-width:100%;min-height:220px;padding:32px 8px 24px 8px}
}@media (max-width:600px){.brand-features{flex-direction:column;gap:16px}
.feature-item{min-width:100%;padding:32px 8px 24px 8px}
.brand-section .main-title{font-size:26px}
.brand-section .subtitle{font-size:16px}
.brand-section .title{gap:12px;align-items:flex-start}
}#fixed-menu-top.bainav .top-logo{background:#D1A862 !important;background-color:#D1A862 !important}
.index-partner{position:relative;background:url(../img/partner.webp) no-repeat center center;background-size:cover;min-height:100vh;height:100vh;width:100%}
.index-partner .pn{overflow:hidden;text-indent:-999em}
.index-partner .pn ul li{display:none}
.socials .text i.fa-brands{padding:0 5px 0 0}
#indexbrand{position:relative}
#indexbrand .scroll-indicator{border:3px solid #cba361}
#indexbrand .scroll-gd{color:#cba361}

#nav-area.bainav{background-color:#C3A468}
.needbaibox{display:block;background:#ffffff;min-height:100vh;height:100vh;width:100%}
.wbg{width:100%;height:500px;background:#fff;border:#ff3838 solid 5px}



.box-app,.box-app-cms-1.hover-bg,.box-app-cms.hover-bg,.box-app-contacts-1.hover-bg,.box-app-contacts.hover-bg,.box-app-home-1.hover-bg,.box-app-home.hover-bg,.box-app-icons-1.hover-bg,.box-app-icons-admin.hover-bg,.box-app-icons.hover-bg,.box-app-projects-1.hover-bg,.box-app-projects.hover-bg,.box-app-tasks-1.hover-bg,.box-app-tasks.hover-bg,.box-app-time-tracker-1.hover-bg,.box-app-time-tracker.hover-bg,.box-app-timetracker-1.hover-bg,.box-app-timetracker.hover-bg,.box-app-visual-tickets-1.hover-bg,.box-app-visual-tickets.hover-bg,.box-app-vts-1.hover-bg,.box-app-vts.hover-bg,.box-app.hover-bg{transition:background-color .2s}
.bg-intro .circle,.bg-intro .line,.bg-intro .orbit{vector-effect:non-scaling-stroke}
.info-pages article,body,html{-webkit-user-select:text;-ms-user-select:text}
#home,#mod-layer .mod-layer,.animated,.bg-intro .rotate,.main-container{backface-visibility:hidden}
.box-app .box-sign svg,.box-sign svg,.box-user .box-sign svg{fill:#FFF;position:absolute;width:10px;height:10px;padding:5px;top:0;left:0}
.box-app .box-sign::before,.box-sign::before,.box-user .box-sign::before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:32px 32px 0 0;border-color:rgba(0,0,0,.2) transparent transparent}
.box-app{position:relative;width:96px;height:96px;margin-right:1px;margin-bottom:1px;display:inline-block;line-height:16px;overflow:hidden;background:#364f5f}
.box-app p em,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.box-app.hover-bg:hover,.box-app[href]:hover,.box-app[ng-click]:hover,.box-app[ui-sref]:hover{background-color:#2d414f}
.box-app svg{position:absolute;width:32px;height:32px;right:15%;top:15%;fill:#FFF}
.box-app span,body{position:absolute;top:0;left:0}
.box-app p{position:absolute;bottom:0;left:0;right:0;color:#FFF;text-transform:uppercase;font-size:15px;line-height:14.5px;padding:16px 4px 16px 8px;font-weight:700}
.box-app p em{font-weight:300}
.box-app span{padding:8px;color:#BBC3C9;font-weight:700;font-size:11px}
.box-app:after{border-color:transparent;border-top-color:#364f5f!important}
.box-app:hover:after{border-top-color:#2d414f!important}
.box-app.blank{background:0 0}
.box-app.blank p{color:#364f5f}
.app-home-color,.box-app-home-1.blank p,.box-app-home.blank p{color:#33b573}
.box-app.blank svg{fill:#364f5f}
.box-app-home-1.blank svg,.box-app-home.blank svg,.i-app-home,.i-app-home-32x32{fill:#33b573}
.box-app-home{background:#33b573}
.box-app-home.hover-bg:hover,.box-app-home[href]:hover,.box-app-home[ng-click]:hover,.box-app-home[ui-sref]:hover{background-color:#2da166}
.box-app-home:after{border-top-color:#33b573!important}
.box-app-home:hover:after{border-top-color:#2da166!important}
.box-app-home.blank{background:0 0}
.box-app-home-1{background:#33b573}
.box-app-home-1.hover-bg:hover,.box-app-home-1[href]:hover,.box-app-home-1[ng-click]:hover,.box-app-home-1[ui-sref]:hover{background-color:#2da166}
.box-app-home-1:after{border-top-color:#33b573!important}
.box-app-home-1:hover:after{border-top-color:#2da166!important}
.box-app-home-1.blank{background:0 0}
.taskbar-box-app-home{background:#002f41}
.taskbar-box-app-home p{color:rgba(51,181,115,.9)}
.taskbar-box-app-home svg{fill:rgba(51,181,115,.9)}
.taskbar-box-app-home[href]:hover,.taskbar-box-app-home[ng-click]:hover,.taskbar-box-app-home[ui-sref]:hover{background-color:#002535}
.taskbar-box-app-home.selected{background:#002535}
.taskbar-box-app-home.selected p{color:#33b573}
.app-cms-color,.box-app-cms.blank p{color:#2e7d4d}
.taskbar-box-app-home.selected svg{fill:#33b573}
.box-app-cms.blank svg,.i-app-cms,.i-app-cms-32x32{fill:#2e7d4d}
.box-app-cms{background:#2e7d4d}
.box-app-cms.hover-bg:hover,.box-app-cms[href]:hover,.box-app-cms[ng-click]:hover,.box-app-cms[ui-sref]:hover{background-color:#276a42}
.box-app-cms:after{border-top-color:#2e7d4d!important}
.box-app-cms:hover:after{border-top-color:#276a42!important}
.box-app-cms.blank{background:0 0}
.box-app-cms-1{background:#4aba80}
.box-app-cms-1.hover-bg:hover,.box-app-cms-1[href]:hover,.box-app-cms-1[ng-click]:hover,.box-app-cms-1[ui-sref]:hover{background-color:#41aa73}
.box-app-cms-1:after{border-top-color:#4aba80!important}
.box-app-cms-1:hover:after{border-top-color:#41aa73!important}
.box-app-cms-1.blank{background:0 0}
.box-app-cms-1.blank p{color:#4aba80}
.box-app-cms-1.blank svg{fill:#4aba80}
.taskbar-box-app-cms{background:#002f41}
.taskbar-box-app-cms p{color:rgba(46,125,77,.9)}
.taskbar-box-app-cms svg{fill:rgba(46,125,77,.9)}
.taskbar-box-app-cms[href]:hover,.taskbar-box-app-cms[ng-click]:hover,.taskbar-box-app-cms[ui-sref]:hover{background-color:#002535}
.taskbar-box-app-cms.selected{background:#002535}
.taskbar-box-app-cms.selected p{color:#2e7d4d}
.app-contacts-color,.box-app-contacts-1.blank p,.box-app-contacts.blank p{color:#e7bc34}
.taskbar-box-app-cms.selected svg{fill:#2e7d4d}
.box-app-contacts-1.blank svg,.box-app-contacts.blank svg,.i-app-contacts,.i-app-contacts-32x32{fill:#e7bc34}
.box-app-contacts{background:#e7bc34}
.box-app-contacts.hover-bg:hover,.box-app-contacts[href]:hover,.box-app-contacts[ng-click]:hover,.box-app-contacts[ui-sref]:hover{background-color:#e4b41d}
.box-app-contacts:after{border-top-color:#e7bc34!important}
.box-app-contacts:hover:after{border-top-color:#e4b41d!important}
.box-app-contacts.blank{background:0 0}
.box-app-contacts-1{background:#e7bc34}
.box-app-contacts-1.hover-bg:hover,.box-app-contacts-1[href]:hover,.box-app-contacts-1[ng-click]:hover,.box-app-contacts-1[ui-sref]:hover{background-color:#e4b41d}
.box-app-contacts-1:after{border-top-color:#e7bc34!important}
.box-app-contacts-1:hover:after{border-top-color:#e4b41d!important}
.box-app-contacts-1.blank{background:0 0}
.taskbar-box-app-contacts{background:#002f41}
.taskbar-box-app-contacts p{color:rgba(231,188,52,.9)}
.taskbar-box-app-contacts svg{fill:rgba(231,188,52,.9)}
.taskbar-box-app-contacts[href]:hover,.taskbar-box-app-contacts[ng-click]:hover,.taskbar-box-app-contacts[ui-sref]:hover{background-color:#002535}
.taskbar-box-app-contacts.selected{background:#002535}
.taskbar-box-app-contacts.selected p{color:#e7bc34}
.app-icons-color,.box-app-icons-1.blank p,.box-app-icons.blank p{color:#ed2e7a}
.taskbar-box-app-contacts.selected svg{fill:#e7bc34}
.box-app-icons-1.blank svg,.box-app-icons.blank svg,.i-app-icons,.i-app-icons-32x32{fill:#ed2e7a}
.box-app-icons{background:#ed2e7a}
.box-app-icons.hover-bg:hover,.box-app-icons[href]:hover,.box-app-icons[ng-click]:hover,.box-app-icons[ui-sref]:hover{background-color:#eb176b}
.box-app-icons:after{border-top-color:#ed2e7a!important}
.box-app-icons:hover:after{border-top-color:#eb176b!important}
.box-app-icons.blank{background:0 0}
.box-app-icons-1{background:#ed2e7a}
.box-app-icons-1.hover-bg:hover,.box-app-icons-1[href]:hover,.box-app-icons-1[ng-click]:hover,.box-app-icons-1[ui-sref]:hover{background-color:#eb176b}
.box-app-icons-1:after{border-top-color:#ed2e7a!important}
.box-app-icons-1:hover:after{border-top-color:#eb176b!important}
.box-app-icons-1.blank{background:0 0}
.taskbar-box-app-icons{background:#002f41}
.taskbar-box-app-icons p{color:rgba(237,46,122,.9)}
.taskbar-box-app-icons svg{fill:rgba(237,46,122,.9)}
.taskbar-box-app-icons[href]:hover,.taskbar-box-app-icons[ng-click]:hover,.taskbar-box-app-icons[ui-sref]:hover{background-color:#002535}
.taskbar-box-app-icons.selected{background:#002535}
.taskbar-box-app-icons.selected p{color:#ed2e7a}
.app-icons-admin-color,.box-app-icons-admin-1.blank p,.box-app-icons-admin.blank p{color:#1c7271}
.taskbar-box-app-icons.selected svg{fill:#ed2e7a}
.box-app-icons-admin-1.blank svg,.box-app-icons-admin.blank svg,.i-app-icons-admin,.i-app-icons-admin-32x32{fill:#1c7271}
.box-app-icons-admin{background:#1c7271}
.box-app-icons-admin.hover-bg:hover,.box-app-icons-admin[href]:hover,.box-app-icons-admin[ng-click]:hover,.box-app-icons-admin[ui-sref]:hover{background-color:#175e5d}
.box-app-icons-admin:after{border-top-color:#1c7271!important}
.box-app-icons-admin:hover:after{border-top-color:#175e5d!important}
.box-app-icons-admin.blank{background:0 0}
.box-app-icons-admin-1{background:#1c7271}
.box-app-icons-admin-1.hover-bg:hover,.box-app-icons-admin-1[href]:hover,.box-app-icons-admin-1[ng-click]:hover,.box-app-icons-admin-1[ui-sref]:hover{background-color:#175e5d}
.box-app-icons-admin-1:after{border-top-color:#1c7271!important}
.box-app-icons-admin-1:hover:after{border-top-color:#175e5d!important}
.box-app-icons-admin-1.hover-bg{transition:background-color .2s}
.box-app-icons-admin-1.blank{background:0 0}
.taskbar-box-app-icons-admin{background:#002f41}
.taskbar-box-app-icons-admin p{color:rgba(28,114,113,.9)}
.taskbar-box-app-icons-admin svg{fill:rgba(28,114,113,.9)}
.taskbar-box-app-icons-admin[href]:hover,.taskbar-box-app-icons-admin[ng-click]:hover,.taskbar-box-app-icons-admin[ui-sref]:hover{background-color:#002535}
.taskbar-box-app-icons-admin.selected{background:#002535}
.taskbar-box-app-icons-admin.selected p{color:#1c7271}
.app-projects-color,.box-app-projects-1.blank p,.box-app-projects.blank p{color:#a4c039}
.taskbar-box-app-icons-admin.selected svg{fill:#1c7271}
.box-app-projects-1.blank svg,.box-app-projects.blank svg,.i-app-projects,.i-app-projects-32x32{fill:#a4c039}
.box-app-projects{background:#a4c039}
.box-app-projects.hover-bg:hover,.box-app-projects[href]:hover,.box-app-projects[ng-click]:hover,.box-app-projects[ui-sref]:hover{background-color:#93ac33}
.box-app-projects:after{border-top-color:#a4c039!important}
.box-app-projects:hover:after{border-top-color:#93ac33!important}
.box-app-projects.blank{background:0 0}
.box-app-projects-1{background:#a4c039}
.box-app-projects-1.hover-bg:hover,.box-app-projects-1[href]:hover,.box-app-projects-1[ng-click]:hover,.box-app-projects-1[ui-sref]:hover{background-color:#93ac33}
.box-app-projects-1:after{border-top-color:#a4c039!important}
.box-app-projects-1:hover:after{border-top-color:#93ac33!important}
.box-app-projects-1.blank{background:0 0}
.taskbar-box-app-projects{background:#002f41}
.taskbar-box-app-projects p{color:rgba(164,192,57,.9)}
.taskbar-box-app-projects svg{fill:rgba(164,192,57,.9)}
.taskbar-box-app-projects[href]:hover,.taskbar-box-app-projects[ng-click]:hover,.taskbar-box-app-projects[ui-sref]:hover{background-color:#002535}
.taskbar-box-app-projects.selected{background:#002535}
.taskbar-box-app-projects.selected p{color:#a4c039}
.app-tasks-color,.box-app-tasks-1.blank p,.box-app-tasks.blank p{color:#425bdc}
.taskbar-box-app-projects.selected svg{fill:#a4c039}
.box-app-tasks-1.blank svg,.box-app-tasks.blank svg,.i-app-tasks,.i-app-tasks-32x32{fill:#425bdc}
.box-app-tasks{background:#425bdc}
.box-app-tasks.hover-bg:hover,.box-app-tasks[href]:hover,.box-app-tasks[ng-click]:hover,.box-app-tasks[ui-sref]:hover{background-color:#2c48d8}
.box-app-tasks:after{border-top-color:#425bdc!important}
.box-app-tasks:hover:after{border-top-color:#2c48d8!important}
.box-app-tasks.blank{background:0 0}
.box-app-tasks-1{background:#425bdc}
.box-app-tasks-1.hover-bg:hover,.box-app-tasks-1[href]:hover,.box-app-tasks-1[ng-click]:hover,.box-app-tasks-1[ui-sref]:hover{background-color:#2c48d8}
.box-app-tasks-1:after{border-top-color:#425bdc!important}
.box-app-tasks-1:hover:after{border-top-color:#2c48d8!important}
.box-app-tasks-1.blank{background:0 0}
.taskbar-box-app-tasks{background:#002f41}
.taskbar-box-app-tasks p{color:rgba(66,91,220,.9)}
.taskbar-box-app-tasks svg{fill:rgba(66,91,220,.9)}
.taskbar-box-app-tasks[href]:hover,.taskbar-box-app-tasks[ng-click]:hover,.taskbar-box-app-tasks[ui-sref]:hover{background-color:#002535}
.taskbar-box-app-tasks.selected{background:#002535}
.taskbar-box-app-tasks.selected p{color:#425bdc}
.app-timetracker-color,.box-app-timetracker.blank p{color:#08adb2}
.taskbar-box-app-tasks.selected svg{fill:#425bdc}
.box-app-timetracker.blank svg,.i-app-timetracker,.i-app-timetracker-32x32{fill:#08adb2}
.box-app-timetracker{background:#08adb2}
.box-app-timetracker.hover-bg:hover,.box-app-timetracker[href]:hover,.box-app-timetracker[ng-click]:hover,.box-app-timetracker[ui-sref]:hover{background-color:#07959a}
.box-app-timetracker:after{border-top-color:#08adb2!important}
.box-app-timetracker:hover:after{border-top-color:#07959a!important}
.box-app-timetracker.blank{background:0 0}
.box-app-timetracker-1{background:#00acb1}
.box-app-timetracker-1.hover-bg:hover,.box-app-timetracker-1[href]:hover,.box-app-timetracker-1[ng-click]:hover,.box-app-timetracker-1[ui-sref]:hover{background-color:#009398}
.box-app-timetracker-1:after{border-top-color:#00acb1!important}
.box-app-timetracker-1:hover:after{border-top-color:#009398!important}
.box-app-timetracker-1.blank{background:0 0}
.box-app-timetracker-1.blank p{color:#00acb1}
.box-app-timetracker-1.blank svg{fill:#00acb1}
.taskbar-box-app-timetracker{background:#002f41}
.taskbar-box-app-timetracker p{color:rgba(8,173,178,.9)}
.app-time-tracker-color,.box-app-time-tracker.blank p,.taskbar-box-app-timetracker.selected p{color:#08adb2}
.taskbar-box-app-timetracker svg{fill:rgba(8,173,178,.9)}
.box-app-time-tracker.blank svg,.i-app-time-tracker,.i-app-time-tracker-32x32,.taskbar-box-app-timetracker.selected svg{fill:#08adb2}
.taskbar-box-app-timetracker[href]:hover,.taskbar-box-app-timetracker[ng-click]:hover,.taskbar-box-app-timetracker[ui-sref]:hover{background-color:#002535}
.taskbar-box-app-timetracker.selected{background:#002535}
.box-app-time-tracker{background:#08adb2}
.box-app-time-tracker.hover-bg:hover,.box-app-time-tracker[href]:hover,.box-app-time-tracker[ng-click]:hover,.box-app-time-tracker[ui-sref]:hover{background-color:#07959a}
.box-app-time-tracker:after{border-top-color:#08adb2!important}
.box-app-time-tracker:hover:after{border-top-color:#07959a!important}
.box-app-time-tracker.blank{background:0 0}
.box-app-time-tracker-1{background:#00acb1}
.box-app-time-tracker-1.hover-bg:hover,.box-app-time-tracker-1[href]:hover,.box-app-time-tracker-1[ng-click]:hover,.box-app-time-tracker-1[ui-sref]:hover{background-color:#009398}
.box-app-time-tracker-1:after{border-top-color:#00acb1!important}
.box-app-time-tracker-1:hover:after{border-top-color:#009398!important}
.box-app-time-tracker-1.blank{background:0 0}
.box-app-time-tracker-1.blank p{color:#00acb1}
.box-app-time-tracker-1.blank svg{fill:#00acb1}
.taskbar-box-app-time-tracker{background:#002f41}
.taskbar-box-app-time-tracker p{color:rgba(8,173,178,.9)}
.taskbar-box-app-time-tracker svg{fill:rgba(8,173,178,.9)}
.taskbar-box-app-time-tracker[href]:hover,.taskbar-box-app-time-tracker[ng-click]:hover,.taskbar-box-app-time-tracker[ui-sref]:hover{background-color:#002535}
.taskbar-box-app-time-tracker.selected{background:#002535}
.taskbar-box-app-time-tracker.selected p{color:#08adb2}
.app-vts-color,.box-app-vts-1.blank p,.box-app-vts.blank p{color:#ff4825}
.taskbar-box-app-time-tracker.selected svg{fill:#08adb2}
.box-app-vts-1.blank svg,.box-app-vts.blank svg,.i-app-vts,.i-app-vts-32x32{fill:#ff4825}
.box-app-vts{background:#ff4825}
.box-app-vts.hover-bg:hover,.box-app-vts[href]:hover,.box-app-vts[ng-click]:hover,.box-app-vts[ui-sref]:hover{background-color:#ff330b}
.box-app-vts:after{border-top-color:#ff4825!important}
.box-app-vts:hover:after{border-top-color:#ff330b!important}
.box-app-vts.blank{background:0 0}
.box-app-vts-1{background:#ff4825}
.box-app-vts-1.hover-bg:hover,.box-app-vts-1[href]:hover,.box-app-vts-1[ng-click]:hover,.box-app-vts-1[ui-sref]:hover{background-color:#ff330b}
.box-app-vts-1:after{border-top-color:#ff4825!important}
.box-app-vts-1:hover:after{border-top-color:#ff330b!important}
.box-app-vts-1.blank{background:0 0}
.taskbar-box-app-vts{background:#002f41}
.taskbar-box-app-vts p{color:rgba(255,72,37,.9)}
.app-visual-tickets-color,.box-app-visual-tickets-1.blank p,.box-app-visual-tickets.blank p,.taskbar-box-app-vts.selected p{color:#ff4825}
.taskbar-box-app-vts svg{fill:rgba(255,72,37,.9)}
.box-app-visual-tickets-1.blank svg,.box-app-visual-tickets.blank svg,.i-app-visual-tickets,.i-app-visual-tickets-32x32,.taskbar-box-app-vts.selected svg{fill:#ff4825}
.taskbar-box-app-vts[href]:hover,.taskbar-box-app-vts[ng-click]:hover,.taskbar-box-app-vts[ui-sref]:hover{background-color:#002535}
.taskbar-box-app-vts.selected{background:#002535}
.box-app-visual-tickets{background:#ff4825}
.box-app-visual-tickets.hover-bg:hover,.box-app-visual-tickets[href]:hover,.box-app-visual-tickets[ng-click]:hover,.box-app-visual-tickets[ui-sref]:hover{background-color:#ff330b}
.box-app-visual-tickets:after{border-top-color:#ff4825!important}
.box-app-visual-tickets:hover:after{border-top-color:#ff330b!important}
.box-app-visual-tickets.blank{background:0 0}
.box-app-visual-tickets-1{background:#ff4825}
.box-app-visual-tickets-1.hover-bg:hover,.box-app-visual-tickets-1[href]:hover,.box-app-visual-tickets-1[ng-click]:hover,.box-app-visual-tickets-1[ui-sref]:hover{background-color:#ff330b}
.box-app-visual-tickets-1:after{border-top-color:#ff4825!important}
.box-app-visual-tickets-1:hover:after{border-top-color:#ff330b!important}
.box-app-visual-tickets-1.blank{background:0 0}
.taskbar-box-app-visual-tickets{background:#002f41}
.taskbar-box-app-visual-tickets p{color:rgba(255,72,37,.9)}
.taskbar-box-app-visual-tickets svg{fill:rgba(255,72,37,.9)}
.taskbar-box-app-visual-tickets[href]:hover,.taskbar-box-app-visual-tickets[ng-click]:hover,.taskbar-box-app-visual-tickets[ui-sref]:hover{background-color:#002535}
.taskbar-box-app-visual-tickets.selected{background:#002535}
.taskbar-box-app-visual-tickets.selected p{color:#ff4825}
.taskbar-box-app-visual-tickets.selected svg{fill:#ff4825}
.box-app[href],.box-app[ng-click],.box-app[ui-sref]{background:#002f41}
.box-app[href] p,.box-app[ng-click] p,.box-app[ui-sref] p{padding:10px 8px;font-size:11px;line-height:13px;text-align:left}
.box-app[href]:hover,.box-app[ng-click]:hover,.box-app[ui-sref]:hover{background:#002535}
.bg-intro,.bg-intro svg{transform:translate3d(0,0,0)}
.bg-intro .orbit{fill:none;stroke:#fff;stroke-width:2}
.bg-intro .circle{fill:#fff;stroke:#fff;stroke-width:1}
.bg-intro .circle-strok{fill:none;stroke:#FFF;stroke-width:2;stroke-miterlimit:10}
.bg-intro .dot,.bg-intro .shape-color{fill:#fff}
.bg-intro .line{fill:#fff;stroke:#fff;stroke-width:2}
.bg-intro .opacity-5{opacity:.5}
.bg-intro .opacity-4{opacity:.4}
.bg-intro .opacity-3{opacity:.32}
.bg-intro .opacity-2{opacity:.18}
.bg-intro .opacity-1{opacity:.1}
.bg-intro .xyh{transform:rotate(-40deg);transform-origin:750px 730px}
.bg-intro .clock{transform-box:fill-box;transform-origin:center bottom}
.bg-intro .center-self{transform-origin:center center}
.bg-intro .center{transform-origin:740px 750px}
@supports (transform-box:fill-box){.center-self,.scale-in{transform-box:fill-box}
.center{transform-box:view-box}
}.bg-intro .scale-in{transform:scale(0);animation-fill-mode:both;animation-name:scale;animation-duration:.8s;animation-timing-function:cubic-bezier(0,.65,.18,.99)}
.bg-intro .rotate{animation-name:rotate;animation-iteration-count:infinite;animation-timing-function:linear}
.bg-intro .reverse{animation-direction:reverse}
.bg-intro .alternate-reverse{animation-direction:alternate-reverse}
.bg-intro .speed-1{animation-duration:32s}
.bg-intro .speed-2{animation-duration:64s}
.bg-intro .speed-3{animation-duration:96s}
.bg-intro .speed-4{animation-duration:128s}
.bg-intro .speed-5{animation-duration:160s}
.bg-intro .speed-6{animation-duration:192s}
.bg-intro .speed-7{animation-duration:224s}
.bg-intro .speed-8{animation-duration:256s}
.bg-intro .speed-9{animation-duration:288s}
.bg-intro .speed-10{animation-duration:320s}
.bg-intro .speed-11{animation-duration:352s}
.bg-intro .speed-12{animation-duration:384s}
.bg-intro .speed-13{animation-duration:416s}
.bg-intro .speed-14{animation-duration:448s}
.bg-intro .speed-15{animation-duration:480s}
.bg-intro .speed-16{animation-duration:512s}
.bg-intro .speed-17{animation-duration:544s}
.bg-intro .speed-18{animation-duration:576s}
.bg-intro .speed-19{animation-duration:608s}
.bg-intro .speed-20{animation-duration:640s}
.bg-intro .speed-21{animation-duration:672s}
.bg-intro .speed-22{animation-duration:704s}
.bg-intro .speed-23{animation-duration:736s}
.bg-intro .speed-24{animation-duration:768s}
.bg-intro .speed-25{animation-duration:800s}
.bg-intro .delay-1{animation-delay:.1s}
.bg-intro .delay-2{animation-delay:.2s}
.bg-intro .delay-3{animation-delay:.3s}
.bg-intro .delay-4{animation-delay:.4s}
.bg-intro .delay-5{animation-delay:.5s}
.bg-intro .delay-6{animation-delay:.6s}
.bg-intro .delay-7{animation-delay:.7s}
.bg-intro .delay-8{animation-delay:.8s}
@keyframes scale{0%{transform:scale(0) rotate(270deg)}
100%{transform:scale(1) rotate(360deg)}
}.stopAllAnimation *{animation-play-state:paused}



body{line-height:1;background-color:#fff;bottom:0;width:100%}
body,html{height:100%;-webkit-touch-callout:none;-khtml-user-select:text;-moz-user-select:text;user-select:text}

ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-spacing:0;border-collapse:collapse}
button::-moz-focus-inner{border:0}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;font-size:100%;-webkit-overflow-scrolling:touch;box-sizing:border-box}
.unselectable-text{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
:focus{outline:0}
button,input[type=email],input[type=password],input[type=text],textarea{outline:0;border:none;box-shadow:none;-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
textarea{overflow:auto}
select{-moz-appearance:none;text-indent:.01px;text-overflow:''}


body,button,input,select,textarea{font-weight:400;font-family:"xyh","PingFang SC","Microsoft YaHei","Arial","sans-serif"}


::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background-color:#d5a75f}

[ng-click],a,button{cursor:pointer}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:2dppx){body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
}@-ms-viewport{width:device-width}
/* html{-ms-overflow-style:scrollbar} */
.mod-form .mod-input,.mod-form .mod-radio-button{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.container-fluid{width:90%;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px}
@media (min-width:576px){.container-fluid{padding-right:20px;padding-left:20px}
.row{margin-right:-15px;margin-left:-15px}
}@media (min-width:768px){.container-fluid{padding-right:40px;padding-left:40px}
.row{margin-right:-15px;margin-left:-15px}
}@media (min-width:992px){.container-fluid{padding-right:55px;padding-left:55px}
.row{margin-right:-15px;margin-left:-15px}
}@media (min-width:1200px){.container-fluid{padding-right:67px;padding-left:67px}
.row{margin-right:-15px;margin-left:-15px}
}@media (min-width:1600px){.container-fluid{padding-right:125px;padding-left:125px}
.row{margin-right:-15px;margin-left:-15px}
}@media (min-width:1920px){.container-fluid{padding-right:125px;padding-left:125px}
}@media (min-width:2150px){.container-fluid{padding-right:200px;padding-left:200px}
}.just-flex{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.col,.no-gutters>[class=col-]{padding-right:0;padding-left:0}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}
.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-1{margin-left:8.333333%}
.offset-2{margin-left:16.666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.333333%}
.offset-5{margin-left:41.666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.333333%}
.offset-8{margin-left:66.666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.333333%}
.offset-11{margin-left:91.666667%}
@media (min-width:576px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px;padding-left:15px}
.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}
.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-sm-0{margin-left:0}
.offset-sm-1{margin-left:8.333333%}
.offset-sm-2{margin-left:16.666667%}
.offset-sm-3{margin-left:25%}
.offset-sm-4{margin-left:33.333333%}
.offset-sm-5{margin-left:41.666667%}
.offset-sm-6{margin-left:50%}
.offset-sm-7{margin-left:58.333333%}
.offset-sm-8{margin-left:66.666667%}
.offset-sm-9{margin-left:75%}
.offset-sm-10{margin-left:83.333333%}
.offset-sm-11{margin-left:91.666667%}
}@media (min-width:768px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px;padding-left:15px}
.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}
.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-md-0{margin-left:0}
.offset-md-1{margin-left:8.333333%}
.offset-md-2{margin-left:16.666667%}
.offset-md-3{margin-left:25%}
.offset-md-4{margin-left:33.333333%}
.offset-md-5{margin-left:41.666667%}
.offset-md-6{margin-left:50%}
.offset-md-7{margin-left:58.333333%}
.offset-md-8{margin-left:66.666667%}
.offset-md-9{margin-left:75%}
.offset-md-10{margin-left:83.333333%}
.offset-md-11{margin-left:91.666667%}
}@media (min-width:992px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px;padding-left:15px}
.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}
.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-lg-0{margin-left:0}
.offset-lg-1{margin-left:8.333333%}
.offset-lg-2{margin-left:16.666667%}
.offset-lg-3{margin-left:25%}
.offset-lg-4{margin-left:33.333333%}
.offset-lg-5{margin-left:41.666667%}
.offset-lg-6{margin-left:50%}
.offset-lg-7{margin-left:58.333333%}
.offset-lg-8{margin-left:66.666667%}
.offset-lg-9{margin-left:75%}
.offset-lg-10{margin-left:83.333333%}
.offset-lg-11{margin-left:91.666667%}
}@media (min-width:1200px){.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:15px;padding-left:15px}
.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}
.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-xl-0{margin-left:0}
.offset-xl-1{margin-left:8.333333%}
.offset-xl-2{margin-left:16.666667%}
.offset-xl-3{margin-left:25%}
.offset-xl-4{margin-left:33.333333%}
.offset-xl-5{margin-left:41.666667%}
.offset-xl-6{margin-left:50%}
.offset-xl-7{margin-left:58.333333%}
.offset-xl-8{margin-left:66.666667%}
.offset-xl-9{margin-left:75%}
.offset-xl-10{margin-left:83.333333%}
.offset-xl-11{margin-left:91.666667%}
}@media (min-width:1600px){.col-xxl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-xxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}
.col-xxl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-xxl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-xxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-xxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-xxl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-xxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-xxl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-xxl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-xxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-xxl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-xxl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-xxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-xxl-0{margin-left:0}
.offset-xxl-1{margin-left:8.333333%}
.offset-xxl-2{margin-left:16.666667%}
.offset-xxl-3{margin-left:25%}
.offset-xxl-4{margin-left:33.333333%}
.offset-xxl-5{margin-left:41.666667%}
.offset-xxl-6{margin-left:50%}
.offset-xxl-7{margin-left:58.333333%}
.offset-xxl-8{margin-left:66.666667%}
.offset-xxl-9{margin-left:75%}
.offset-xxl-10{margin-left:83.333333%}
.offset-xxl-11{margin-left:91.666667%}
}@media (min-width:1920px){.col-xxxl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-xxxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}
.col-xxxl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-xxxl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-xxxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-xxxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-xxxl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-xxxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-xxxl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-xxxl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-xxxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-xxxl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-xxxl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-xxxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.offset-xxxl-0{margin-left:0}
.offset-xxxl-1{margin-left:8.333333%}
.offset-xxxl-2{margin-left:16.666667%}
.offset-xxxl-3{margin-left:25%}
.offset-xxxl-4{margin-left:33.333333%}
.offset-xxxl-5{margin-left:41.666667%}
.offset-xxxl-6{margin-left:50%}
.offset-xxxl-7{margin-left:58.333333%}
.offset-xxxl-8{margin-left:66.666667%}
.offset-xxxl-9{margin-left:75%}
.offset-xxxl-10{margin-left:83.333333%}
.offset-xxxl-11{margin-left:91.666667%}
}.order-first{-ms-flex-order:-1;order:-1}
.order-last{-ms-flex-order:1;order:1}
.order-0{-ms-flex-order:0;order:0}
.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}
.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}
.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}
.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}
.align-items-center{-ms-flex-align:center!important;align-items:center!important}
.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}
.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
.align-self-auto{-webkit-align-self:auto!important;-ms-grid-row-align:auto!important;-ms-flex-item-align:auto!important;align-self:auto!important}
.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
.align-self-center{-webkit-align-self:center!important;-ms-grid-row-align:center!important;-ms-flex-item-align:center!important;align-self:center!important}
.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
.align-self-stretch{-webkit-align-self:stretch!important;-ms-grid-row-align:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}
@media (min-width:576px){.order-sm-first{-ms-flex-order:-1;order:-1}
.order-sm-last{-ms-flex-order:1;order:1}
.order-sm-0{-ms-flex-order:0;order:0}
.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}
.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}
.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}
.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}
.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}
.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}
.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
.align-self-sm-auto{-webkit-align-self:auto!important;-ms-grid-row-align:auto!important;-ms-flex-item-align:auto!important;align-self:auto!important}
.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
.align-self-sm-center{-webkit-align-self:center!important;-ms-grid-row-align:center!important;-ms-flex-item-align:center!important;align-self:center!important}
.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
.align-self-sm-stretch{-webkit-align-self:stretch!important;-ms-grid-row-align:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}
}@media (min-width:768px){.order-md-first{-ms-flex-order:-1;order:-1}
.order-md-last{-ms-flex-order:1;order:1}
.order-md-0{-ms-flex-order:0;order:0}
.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}
.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}
.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}
.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}
.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}
.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}
.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
.align-self-md-auto{-webkit-align-self:auto!important;-ms-grid-row-align:auto!important;-ms-flex-item-align:auto!important;align-self:auto!important}
.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
.align-self-md-center{-webkit-align-self:center!important;-ms-grid-row-align:center!important;-ms-flex-item-align:center!important;align-self:center!important}
.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
.align-self-md-stretch{-webkit-align-self:stretch!important;-ms-grid-row-align:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}
}@media (min-width:992px){.order-lg-first{-ms-flex-order:-1;order:-1}
.order-lg-last{-ms-flex-order:1;order:1}
.order-lg-0{-ms-flex-order:0;order:0}
.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}
.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}
.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}
.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}
.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}
.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}
.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
.align-self-lg-auto{-webkit-align-self:auto!important;-ms-grid-row-align:auto!important;-ms-flex-item-align:auto!important;align-self:auto!important}
.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
.align-self-lg-center{-webkit-align-self:center!important;-ms-grid-row-align:center!important;-ms-flex-item-align:center!important;align-self:center!important}
.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
.align-self-lg-stretch{-webkit-align-self:stretch!important;-ms-grid-row-align:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}
}@media (min-width:1200px){.order-xl-first{-ms-flex-order:-1;order:-1}
.order-xl-last{-ms-flex-order:1;order:1}
.order-xl-0{-ms-flex-order:0;order:0}
.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}
.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}
.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}
.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}
.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}
.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}
.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
.align-self-xl-auto{-webkit-align-self:auto!important;-ms-grid-row-align:auto!important;-ms-flex-item-align:auto!important;align-self:auto!important}
.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
.align-self-xl-center{-webkit-align-self:center!important;-ms-grid-row-align:center!important;-ms-flex-item-align:center!important;align-self:center!important}
.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
.align-self-xl-stretch{-webkit-align-self:stretch!important;-ms-grid-row-align:stretch!important;-ms-flex-item-align:stretch!important;align-self:stretch!important}
}.animated{animation-duration:.5s;animation-fill-mode:both}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}.fadeIn{animation-name:fadeIn}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}
100%{opacity:1;transform:translateY(0)}
}.fadeInUp{animation-name:fadeInUp}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}
100%{opacity:1;transform:translateY(0)}
}.fadeInDown{animation-name:fadeInDown}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}
100%{opacity:1;transform:translateX(0)}
}.fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}
100%{opacity:1;transform:translateX(0)}
}.fadeInRight{animation-name:fadeInRight}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}.fadeOut{animation-name:fadeOut}
@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}
100%{opacity:0;transform:translateY(-20px)}
}.fadeOutUp{animation-name:fadeOutUp}
@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}
100%{opacity:0;transform:translateY(20px)}
}.fadeOutDown{animation-name:fadeOutDown}
@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(-20px)}
}.fadeOutLeft{animation-name:fadeOutLeft}
@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(20px)}
}.fadeOutRight{animation-name:fadeOutRight}
@keyframes rotate{0%{transform:rotateZ(0);-webkit-transform:rotateZ(0)}
100%{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg)}
}.rotate{animation-name:rotate}
@keyframes flip{0%{transform:rotateY(0);-webkit-transform:rotateY(0)}
100%{transform:rotateY(360deg);-webkit-transform:rotateY(360deg)}
}.flip{animation-name:flip}
#home{width:100vw;position:fixed;z-index:0}
main{top:auto}
#mod-dialog,#mod-dialog .backdrop{position:fixed;top:0;height:100%;left:0;width:100%}
.font-weight-bold{font-weight:800}
@media all and (max-width:991px){.hidden-md-down{display:none}
}#mod-dialog{z-index:10000;display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
#mod-dialog.shown{display:-ms-flexbox;display:flex}
#mod-dialog.hidden{animation:fadeOut .3s both}
#mod-dialog .backdrop{background-color:rgba(0,0,0,.5);animation:fadeIn .3s both}
#mod-dialog .window{position:absolute;top:50%;left:0;z-index:1;margin-top:-126px;width:100%;animation:fadeInDown .3s both;overflow:hidden;cursor:default}
#mod-dialog .window.ngClick{cursor:pointer}
#mod-dialog .window section{position:relative;margin:0 auto;width:752px}
#mod-dialog .window section .window-icon{position:absolute;width:290px;left:-230px;z-index:0;fill:rgba(255,255,255,.3);top:-35px}
#mod-dialog .window section .window-content{padding:20px 24px 24px;min-height:212px;background:#fff;position:relative;z-index:1}
#mod-dialog .window section .close-button{z-index:1;position:absolute;top:0;right:0}
#mod-dialog .window section h1{padding-bottom:32px;text-transform:uppercase;font-weight:600;font-size:24px;line-height:38px}
#mod-dialog .window section .content-wrapper{width:100%;min-height:58px;max-height:194px;overflow:auto}
#mod-dialog .window section ul{list-style-type:disc;padding:16px 24px}
#mod-dialog .window section ul li{font-size:14px}
#mod-dialog .window section p{color:#666;font-size:22px;line-height:32px}
#mod-dialog .window section .done{animation:fadeIn .3s both}
#mod-dialog .window section .dialog-actions{position:absolute;right:24px;bottom:24px;left:24px;text-align:right}
#mod-dialog .window section .dialog-actions button{margin:0;padding:0 40px;text-transform:uppercase;font-weight:600;font-size:15px;line-height:56px;transition:background-color .3s}
#mod-dialog .window.alert section .content-wrapper,#mod-dialog .window.confirm section .content-wrapper,#mod-dialog .window.custom section .content-wrapper,#mod-dialog .window.error section .content-wrapper{padding-right:24px;margin-bottom:84px}
#mod-dialog .window section .dialog-actions button+button{margin-left:20px}
#mod-dialog .window section .dialog-actions .actions-close{background-color:#c7cdd1;color:#fff}
#mod-dialog .window section .dialog-actions .actions-close:hover{background-color:#abb4ba}
#mod-dialog .window section .request-id{font-size:18px;font-weight:700;color:#c7cdd1;line-height:30px}
#mod-dialog .window.info{background-image:linear-gradient(to right,#a9dadb 0,#a9dadb 50%,#f2f2f2 50%,#f2f2f2 100%);background-image:-webkit-linear-gradient(left,#a9dadb 0,#a9dadb 50%,#f2f2f2 50%,#f2f2f2 100%)}
#mod-dialog .window.info em,#mod-dialog .window.info h1{color:#a9dadb}
#mod-dialog .window.info .dialog-actions .actions-confirm{background-color:#a9dadb;color:#fff}
#mod-dialog .window.info .dialog-actions .actions-confirm:hover{background-color:#85cbcc}
#mod-dialog .window.success{background-image:linear-gradient(to right,#33b573 0,#33b573 50%,#f2f2f2 50%,#f2f2f2 100%);background-image:-webkit-linear-gradient(left,#33b573 0,#33b573 50%,#f2f2f2 50%,#f2f2f2 100%)}
#mod-dialog .window.success em,#mod-dialog .window.success h1{color:#33b573}
#mod-dialog .window.success .dialog-actions .actions-confirm{background-color:#33b573;color:#fff}
#mod-dialog .window.success .dialog-actions .actions-confirm:hover{background-color:#288d5a}
#mod-dialog .window.alert,#mod-dialog .window.confirm{background-image:linear-gradient(to right,#f59126 0,#f59126 50%,#f2f2f2 50%,#f2f2f2 100%);background-image:-webkit-linear-gradient(left,#f59126 0,#f59126 50%,#f2f2f2 50%,#f2f2f2 100%)}
#mod-dialog .window.alert em,#mod-dialog .window.alert h1,#mod-dialog .window.confirm em,#mod-dialog .window.confirm h1{color:#f59126}
#mod-dialog .window.alert .dialog-actions .actions-confirm,#mod-dialog .window.confirm .dialog-actions .actions-confirm{background-color:#f59126;color:#fff}
#mod-dialog .window.alert .dialog-actions .actions-confirm:hover,#mod-dialog .window.confirm .dialog-actions .actions-confirm:hover{background-color:#de780a}
#mod-dialog .window.error{background-image:linear-gradient(to right,#ed4238 0,#ed4238 50%,#f2f2f2 50%,#f2f2f2 100%);background-image:-webkit-linear-gradient(left,#ed4238 0,#ed4238 50%,#f2f2f2 50%,#f2f2f2 100%)}
#mod-dialog .window.error em,#mod-dialog .window.error h1{color:#ed4238}
#mod-dialog .window.error .dialog-actions .actions-confirm{background-color:#ed4238;color:#fff}
#mod-dialog .window.error .dialog-actions .actions-confirm:hover{background-color:#de1f14}
#mod-dialog .window.custom{background-image:linear-gradient(to right,#0092e7 0,#0092e7 50%,#f2f2f2 50%,#f2f2f2 100%);background-image:-webkit-linear-gradient(left,#0092e7 0,#0092e7 50%,#f2f2f2 50%,#f2f2f2 100%)}
#mod-dialog .window.custom em,#mod-dialog .window.custom h1{color:#0092e7}
#mod-dialog .window.custom .dialog-actions .actions-confirm{background-color:#0092e7;color:#fff}
#mod-dialog .window.custom .dialog-actions .actions-confirm:hover{background-color:#0072b4}
#mod-dialog .window.custom .dialog-actions .actions-confirm.disabled,#mod-dialog .window.custom .dialog-actions .actions-confirm.disabled:hover,#mod-dialog .window.custom .dialog-actions .actions-confirm[disabled],#mod-dialog .window.custom .dialog-actions .actions-confirm[disabled]:hover{cursor:default;background-color:#c7cdd1;color:#fff}
#mod-dialog .window .close{position:absolute;top:24px;right:24px;margin:0;padding:0;background:0 0}
#mod-dialog .window .close svg{width:32px;height:32px;transition:fill .3s;fill:#c7cdd1}
#mod-dialog .window .close:hover svg{fill:#abb4ba}
#finances-form{position:relative}
#finances-form span{line-height:32px;padding-left:16px;padding-right:16px}
.mod-form .mod-input{position:relative;margin-bottom:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;transition:border-bottom 1s cubic-bezier(.25,.8,.05,1);border-bottom:1px solid #E9E9E9}
.mod-form .mod-input input[type=time],.mod-form .mod-input input[type=week],.mod-form .mod-input input[type=number],.mod-form .mod-input input[type=email],.mod-form .mod-input input[type=url],.mod-form .mod-input input[type=search],.mod-form .mod-input input[type=tel],.mod-form .mod-input input[type=color],.mod-form .mod-input input[type=text],.mod-form .mod-input input[type=password],.mod-form .mod-input input[type=datetime],.mod-form .mod-input input[type=datetime-local],.mod-form .mod-input input[type=date],.mod-form .mod-input input[type=month],.mod-form .mod-input p,.mod-form .mod-input span,.mod-form .mod-input textarea{border:none;-moz-appearance:none;-webkit-appearance:none;color:#213d4e;font-size:1em;line-height:2em;height:2.9em;padding-top:.75em;padding-bottom:.25em;float:left;width:100%;-ms-flex-order:2;order:2;display:block;background:0 0;border-radius:0;box-sizing:border-box;margin:0}
.mod-form .mod-input .eye.off:before,.mod-form .mod-input .eye:after{content:'';display:block;position:absolute;background-color:#E9E9E9}
.mod-form .mod-input input[type=time][disabled],.mod-form .mod-input input[type=week][disabled],.mod-form .mod-input input[type=number][disabled],.mod-form .mod-input input[type=email][disabled],.mod-form .mod-input input[type=url][disabled],.mod-form .mod-input input[type=search][disabled],.mod-form .mod-input input[type=tel][disabled],.mod-form .mod-input input[type=color][disabled],.mod-form .mod-input input[type=text][disabled],.mod-form .mod-input input[type=password][disabled],.mod-form .mod-input input[type=datetime][disabled],.mod-form .mod-input input[type=datetime-local][disabled],.mod-form .mod-input input[type=date][disabled],.mod-form .mod-input input[type=month][disabled],.mod-form .mod-input p[disabled],.mod-form .mod-input span[disabled],.mod-form .mod-input textarea[disabled]{color:#213d4e}
.mod-form .mod-input textarea{height:initial;line-height:1.3em;margin:16px 0 4px;padding:0;resize:none}
.mod-form .mod-input label{color:#8897a1;font-size:1em;line-height:1.25em;position:absolute}
.mod-form .mod-input:not(.mod-placeholder) label{transform:translate3d(0,1.18em,0) scale(1);transition:transform .3s cubic-bezier(.25,.8,.05,1);transition-delay:.2s}
.mod-form .mod-input.mod-focused label,.mod-form .mod-input.mod-has-value label,.mod-form .mod-input.mod-placeholder label{transform:translate3d(0,0,0) scale(.8);transition:transform .3s cubic-bezier(.25,.8,.05,1),width .3s cubic-bezier(.25,.8,.05,1)}
.mod-form .mod-input.mod-disabled{border-bottom:1px solid transparent}
.mod-form .mod-input.mod-disabled label{color:#8897a1}
.mod-form .mod-input.mod-focused,.mod-form .mod-input:hover:not(.mod-disabled):not(.mod-invalid){border-bottom:1px solid #8A97A1}
.mod-form .mod-input.mod-focused label{color:#508096}
.mod-form .mod-input.mod-has-value:not(.mod-focused) label{color:#8897a1}
.mod-form .mod-input.mod-has-value.mod-input:not[disabled]{color:#506472}
.mod-form .mod-input .eye{right:10px;top:22px;position:absolute;width:18px;height:18px;border:1px solid #E9E9E9;border-radius:75% 25%;transform:rotate(45deg);cursor:pointer}
.mod-form .mod-input .eye.off:before{width:1px;height:22px;left:7px;top:-3px}
.mod-form .mod-input .eye:after{width:7px;height:7px;border-radius:50%;left:4px;top:4px}
.mod-form .mod-input .eye:hover{border-color:#cbd9df}
.mod-form .mod-input .eye:hover:after,.mod-form .mod-input .eye:hover:before{background-color:#cbd9df}
.mod-form .mod-radio-button{cursor:pointer;position:relative;margin-bottom:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.mod-form .mod-radio-button input{display:none}
.mod-form .mod-radio-button label{color:#506472;font-size:16px;line-height:20px;position:relative;padding:6px 30px 6px 48px}
.mod-form .mod-radio-button .radio-icon,.mod-form .mod-radio-button .radio-icon:before{position:absolute;border-radius:50%;content:'';box-sizing:border-box}
.mod-form .mod-radio-button:focus{outline:0}
.mod-form .mod-radio-button:focus .radio-icon{border-color:#8A97A1}
.mod-form .mod-radio-button:hover.mod-off .radio-icon:before{transform:scale(1)}
.mod-form .mod-radio-button:hover .radio-icon{border-color:#cbd9df}
.mod-form .mod-radio-button .radio-icon{top:0;left:0;width:28px;height:28px;border-style:solid;border-width:1px;border-color:#e9e9e9;margin:2px;transition:border-color .3s linear}
.mod-form .mod-checkbox,.mod-form .mod-select{margin-bottom:1.5em;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.mod-form .mod-radio-button .radio-icon:before{top:6px;left:6px;width:14px;height:14px}
.mod-form .mod-radio-button.mod-disabled{pointer-events:none;color:#8897a1}
.mod-form .mod-radio-button.mod-disabled .radio-icon:before{background-color:#8897a1}
.mod-form .mod-radio-button.mod-disabled .radio-icon{border-color:#8897a1}
.mod-form .mod-radio-button.mod-off .radio-icon:before{transition:all 1s cubic-bezier(.25,.8,.05,1);background-color:#e9e9e9;transform:scale(0)}
.mod-form .mod-radio-button.mod-on .radio-icon:before{transition:all .3s cubic-bezier(.25,.8,.05,1);background-color:#506472;transform:scale(1)}
.mod-form .mod-radio-button.mod-on .radio-icon{border-color:#506472}
.mod-form .mod-checkbox{cursor:pointer;position:relative;display:-ms-flexbox;display:flex}
.mod-form .mod-checkbox input{display:none}
.mod-form .mod-checkbox label{pointer-events:auto;font-size:13px;color:#506472;line-height:20px;padding:6px 6px 6px 8px;white-space:normal;transition:color .15s linear}
.mod-form .mod-checkbox:hover.mod-on .check-icon{border-color:#33434e}
.mod-form .mod-checkbox:hover.mod-off .check-icon{border-color:#8a97a1}
.mod-form .mod-checkbox:hover label{color:#33434e}
.mod-form .mod-checkbox .check-icon{box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;width:32px;height:32px;border-style:solid;border-width:1px;border-color:#e9e9e9;transition:border-color .15s linear}
.mod-form .mod-checkbox .check-icon:before{content:'';position:absolute;box-sizing:border-box;background:0 0;width:0;height:0;top:15px;left:6px;border:3px solid #506472;border-top:none;border-right:none;transform:rotate(-45deg);transform-origin:top left}
.mod-form .mod-checkbox.mod-disabled{pointer-events:none}
.mod-form .mod-checkbox.mod-disabled label{color:#e9e9e9}
.mod-form .mod-checkbox.mod-disabled .check-icon,.mod-form .mod-checkbox.mod-disabled .check-icon:before{border-color:#e9e9e9}
.mod-form .mod-checkbox.mod-off .check-icon:before{transition:width .15s linear,height .15s linear 75ms,opacity .15s cubic-bezier(.25,.8,.05,1) .15s;width:0;height:0;opacity:0}
.mod-form .mod-checkbox.mod-on .check-icon:before{transition:height .15s cubic-bezier(.25,.8,.05,1),width .15s cubic-bezier(.25,.8,.05,1) 75ms;width:18px;height:11px;opacity:1}
.mod-form .mod-checkbox.mod-on .check-icon{border-color:#506472}
.mod-form .mod-checkbox.mod-invalid .check-icon{border-color:#f03c50}
.mod-form .mod-select{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;transition:border-bottom 1s cubic-bezier(.25,.8,.05,1);border-bottom:1px solid #E9E9E9}
.mod-form .mod-select select{border:none;-moz-appearance:none;-webkit-appearance:none;color:#213d4e;font-size:16px;line-height:32px;height:47px;padding-top:12px;padding-bottom:4px;float:left;width:100%;-ms-flex-order:2;order:2;display:block;background:0 0;border-radius:0;box-sizing:border-box}
.mod-form .mod-select select[disabled]{color:#213d4e}
.mod-form .mod-select label{color:#8897a1;font-size:16px;line-height:20px;position:absolute}
.mod-form .mod-select:not(.mod-placeholder) label{transform:translate3d(0,19px,0) scale(1);transition:transform .3s cubic-bezier(.25,.8,.05,1);transition-delay:.2s}
.mod-form .mod-select.mod-focused label,.mod-form .mod-select.mod-has-value label,.mod-form .mod-select.mod-placeholder label{transform:translate3d(0,0,0) scale(.8);transition:transform .3s cubic-bezier(.25,.8,.05,1),width .3s cubic-bezier(.25,.8,.05,1)}
.mod-form .mod-select [ng-messages],.mod-form [ng-messages]{transition:all .3s cubic-bezier(.25,.8,.05,1);font-size:13px;line-height:14px;position:absolute}
.mod-form .mod-select.mod-disabled{border-bottom:1px solid transparent}
.mod-form .mod-select.mod-disabled label{color:#8897a1}
.mod-form .mod-select.mod-focused,.mod-form .mod-select:hover:not(.mod-disabled):not(.mod-invalid){border-bottom:1px solid #8A97A1}
.mod-form .mod-select.mod-focused label{color:#508096}
.mod-form .mod-select.mod-has-value:not(.mod-focused) label{color:#8897a1}
.mod-form .mod-select.mod-has-value select:not[disabled]{color:#506472}
.mod-form .mod-select.mod-required:not(.mod-disabled):after{content:'*';position:absolute;right:0;top:16px;color:#f03c50}
.mod-form .mod-select.mod-invalid{border-bottom:1px solid #f03c50}
.mod-form .mod-select.mod-invalid [ng-messages]{visibility:visible;bottom:-1.5em;opacity:1}
.mod-form .mod-select[show-valid-info]:not(.mod-invalid){border-bottom:1px solid #33b573}
.mod-form .mod-select [ng-messages]{right:0;color:#f03c50;visibility:hidden;opacity:0;-ms-flex-order:3;order:3;overflow:hidden;bottom:-1em}
.mod-form label{-ms-flex-order:1;order:1;z-index:1;width:100%;max-width:100%;overflow:hidden;white-space:nowrap;pointer-events:none;text-overflow:ellipsis;transform-origin:left top}
.mod-form .mod-required:not(.mod-disabled).mod-input:after,.mod-form .mod-required:not(.mod-disabled).mod-select:after{right:0;top:16px}
.mod-form .mod-required:not(.mod-disabled).mod-checkbox label:after{right:-8px;top:0}
.mod-form .mod-invalid{border-bottom-color:#f03c50}
.mod-form .mod-invalid [ng-messages]{visibility:visible;bottom:-1.5em;opacity:1}
.mod-form[mod-form-valid-info] .mod-input.mod-has-value:not(.mod-invalid),.mod-form[mod-form-valid-info] .mod-select.mod-has-value:not(.mod-invalid){border-bottom:1px solid #33b573}
.mod-form [ng-messages]{right:0;white-space:nowrap;color:#f03c50;visibility:hidden;opacity:0;-ms-flex-order:3;order:3;bottom:-1em}
.mod-form .mod-char-counter .counter{color:#A1ACB4;font-size:13px;line-height:14px;position:absolute;right:0;overflow:hidden;bottom:-1.5em}
.mod-form .mod-char-counter .mod-invalid .counter{color:#f03c50}
.mod-form .mod-char-counter .mod-disabled .counter{display:none}
.mod-form .mod-char-counter [ng-messages]{left:0}
.mod-form .mod-input [ng-message] .punctuation{color:#f03c50;display:inline;font-weight:700}
#home-app .impersonating{pointer-events:none;position:fixed;width:100%;height:100%;z-index:1000;outline:red dashed 2px;outline-offset:-2px}
#home-app .impersonating p{font-size:12px;color:red;width:100%;text-align:center;text-transform:uppercase;margin-top:3px}
#mod-layer{display:none;padding:0;margin:0;border:0;outline:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
@keyframes windowZoomIn{0%{opacity:0;transform:scale(.96)}
100%{opacity:1;transform:scale(1)}
}@keyframes windowZoomOut{0%{opacity:1;transform:scale(1)}
100%{visibility:hidden;opacity:0;transform:scale(.96)}
}@keyframes fadeInRight{0%{opacity:0;transform:translateX(820px)}
100%{opacity:1;transform:translateX(0)}
}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(820px)}
}#mod-layer.shown{display:-ms-flexbox;display:flex}
#mod-layer .mod-layer{display:none;position:absolute;top:0;left:0;bottom:0;right:0;background:0 0;z-index:2}
#mod-layer .mod-layer .mod-layer-navigation-overlay{background-color:rgba(0,0,0,.5)}
#mod-layer .mod-layer .mod-layer-overlay{background-color:rgba(255,255,255,0)}
#mod-layer .mod-layer .mod-layer-body-border{background-color:#fff}
#mod-layer .mod-layer .mod-layer-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:rgba(15,35,50,.95)}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar{-ms-flex:0 0 64px;flex:0 0 64px;display:-ms-flexbox;display:flex;position:relative;background-color:transparent}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-header{-ms-flex:0 0 256px;flex:0 0 256px;background-color:transparent;z-index:0}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-header .header-action{position:absolute;right:0;height:64px;padding-right:16px;line-height:64px;top:0;font-size:15px;color:#7e8f94;transition:color .3s}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-header .header-action:hover{color:#9aa7ab}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-header .header-action:hover svg{fill:#9aa7ab}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-header .header-action svg{transition:fill .3s;vertical-align:middle;padding-right:8px;width:16px;height:16px;fill:#7e8f94}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-actions{-ms-flex:1 1 100%;flex:1 1 100%;display:-ms-flexbox;display:flex;background-color:none;border-bottom:none}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-actions .mod-ui-action{background-color:#fff;transition:background-color .3s}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-actions .mod-ui-action:hover{background-color:#d1d9dd}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-actions .mod-ui-action.highlight{background-color:#2381c9}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-actions .mod-ui-action.highlight span{color:#fff}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-actions .mod-ui-action.highlight svg{fill:#fff}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main{position:absolute;display:-ms-flexbox;display:flex;top:0;right:0;height:64px;background-color:none;z-index:1}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button{height:64px;width:64px;-ms-flex:0 0 64px;flex:0 0 64px;margin-left:1px;padding:0;background-color:#132e3f;transition:background-color .3s}
#mod-layer .mod-layer.type-leftpanel .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main .close,#mod-layer .mod-layer.type-rightpanel .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main .close{margin-left:0}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button svg{margin-top:2px;width:24px;height:24px;fill:#fff}
#mod-layer .mod-layer .mod-layer-body .mod-layer-inner-content,#mod-layer .mod-layer.type-regular{width:100%;height:100%}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button.next.inactive,#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button.previous.inactive{cursor:default;background-color:#fff}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button.next.inactive svg,#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button.previous.inactive svg{fill:#ddd}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button.next svg{transform-origin:50% 50%;transform:rotate(180deg)}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button:hover{background-color:#1f3849}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button:hover svg{fill:#fff}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main span{padding:0 8px}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main span em{line-height:64px;font-size:15px;font-weight:600;color:#fff}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main span em.inactive{color:#ddd}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main span em.left{min-width:28px;display:inline-table;text-align:right}
#mod-layer .mod-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main span em.right{min-width:28px;display:inline-table;text-align:left}
#mod-layer .mod-layer .mod-layer-body .mod-layer-inner{-ms-flex:1 1 100%;flex:1 1 100%;position:relative;background-color:transparent}
#mod-layer .mod-layer .mod-layer-body .mod-layer-inner>div{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}
#mod-layer .mod-layer.shown{display:-ms-flexbox;display:flex}
#mod-layer .mod-layer.disable-animation{-webkit-animation-fill-mode:none!important}
#mod-layer .mod-layer.windowZoomIn{animation:windowZoomIn .2s forwards}
#mod-layer .mod-layer.windowZoomOut{animation:windowZoomOut .2s forwards}
#mod-layer .mod-layer.fadeInRight{animation:fadeInRight .2s forwards}
#mod-layer .mod-layer.fadeOutRight{animation:fadeOutRight .2s forwards}
#mod-layer .mod-layer.fadeInLeft{animation:fadeInLeft .2s forwards}
#mod-layer .mod-layer.fadeOutLeft{animation:fadeOutLeft .2s forwards}
#mod-layer .mod-layer.type-regular .mod-layer-navigation-overlay{-ms-flex:0 0 64px;flex:0 0 64px}
#mod-layer .mod-layer.type-regular .mod-layer-body-border,#mod-layer .mod-layer.type-regular .mod-layer-overlay{-ms-flex:0 0 0;flex:0 0 0}
#mod-layer .mod-layer.type-regular .mod-layer-body{-ms-flex:1 1 100%;flex:1 1 100%}
#mod-layer .mod-layer.type-regular .tabs-layer{display:-ms-flexbox;display:flex;height:100%;position:relative}
#mod-layer .mod-layer.type-regular .tabs-layer aside{-ms-flex:0 0 256px;flex:0 0 256px;background-color:#234757;margin-top:-1px;z-index:1}
#mod-layer .mod-layer.type-regular .tabs-layer aside .mod-sidebar-placeholder-icon{display:block;overflow:hidden;background-color:#234757;position:relative}
#mod-layer .mod-layer.type-regular .tabs-layer aside .mod-sidebar-placeholder-icon svg{fill:#153e4f;left:45px;top:45px;width:256px;height:256px;position:relative}
#mod-layer .mod-layer.type-leftpanel .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button svg,#mod-layer .mod-layer.type-rightpanel .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button svg{fill:#7e8f94}
#mod-layer .mod-layer.type-regular .tabs-layer aside img{width:256px;height:256px}
#mod-layer .mod-layer.type-regular .tabs-layer .section-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}
#mod-layer .mod-layer.type-regular .tabs-layer header{-ms-flex:0 0 36px;flex:0 0 36px;background-color:#f2f2f2;padding:21px 16px 24px 14px}
#mod-layer .mod-layer.type-regular .tabs-layer header h1{font-size:30px;line-height:42px;color:#2381c9;font-weight:200;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#mod-layer .mod-layer.type-regular .tabs-layer header h1 strong{text-transform:capitalize;color:#9ba5a8;font-weight:400}
#mod-layer .mod-layer.type-regular .tabs-layer header .mod-layer-new-item h1{padding-top:28px}
#mod-layer .mod-layer.type-regular .tabs-layer header p{line-height:15px;font-size:13pt;color:#BCC2C4;font-weight:600}
#mod-layer .mod-layer.type-regular .tabs-layer header p strong{color:#9ba5a8}
#mod-layer .mod-layer.type-regular .tabs-layer menu{-ms-flex:auto;flex:auto;border-bottom:1px solid #eee}
#mod-layer .mod-layer.type-regular .tabs-layer menu button{color:#374a51;font-weight:400;font-size:14px;height:47px;background-color:#fff;display:block;float:left;padding:0 16px;text-transform:uppercase;transition:background-color .3s,color .3s}
#mod-layer .mod-layer.type-rightpanel .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-actions,#mod-layer .mod-layer.type-rightpanel .mod-layer-navigation-overlay{display:none}
#mod-layer .mod-layer.type-regular .tabs-layer menu button:hover{background-color:#fff;color:#2381c9}
#mod-layer .mod-layer.type-regular .tabs-layer menu button.selected{pointer-events:none;background-color:#fff;font-weight:700;color:#2381c9}
#mod-layer .mod-layer.type-regular .tabs-layer menu button.disabled{pointer-events:none;color:#fff;background-color:#eaeaea}
#mod-layer .mod-layer.type-rightpanel .mod-layer-body .mod-layer-toolbar,#mod-layer .mod-layer.type-rightpanel .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button{background-color:#fff}
#mod-layer .mod-layer.type-regular .tabs-layer section{-ms-flex:1 1 100%;flex:1 1 100%;overflow:auto}
#mod-layer .mod-layer.type-regular .tabs-layer section .mod-layer-details-tab{padding-top:46px}
#mod-layer .mod-layer.type-regular .tabs-layer section .mod-layer-details-tab .mod-form textarea{max-height:300px}
#mod-layer .mod-layer.type-regular .tabs-layer section .mode-buttons{top:-135px}
#mod-layer .mod-layer.type-regular .tabs-layer section.tab-container:not(.active){visibility:hidden;-ms-flex:0;flex:0}
#mod-layer .mod-layer.type-regular .tabs-layer section.tab-container:not(.active) .mod-ui-resource{z-index:-1}
#mod-layer .mod-layer.type-regular .tabs-layer section.tab-container.active{visibility:visible}
#mod-layer .mod-layer.type-regular .tabs-layer section.tab-container.active .mod-ui-resource{z-index:0}
#mod-layer .mod-layer.overlay-disable-rightpanel{left:initial}
#mod-layer .mod-layer.type-rightpanel .mod-layer-overlay{width:100%;height:100%}
#mod-layer .mod-layer.type-rightpanel .mod-layer-body{position:absolute;width:820px;height:100%;right:0;border-left:2px solid none;max-width:100%}
#mod-layer .mod-layer.type-rightpanel .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-header{-ms-flex:0 0 100%;flex:0 0 100%}
#mod-layer .mod-layer.type-rightpanel .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-header h1{padding:22px 0 0 16px;text-transform:uppercase;font-size:15px;line-height:22px;font-weight:700;color:#fff}
#mod-layer .mod-layer.type-rightpanel .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button:hover{background-color:#eef1f3}
#mod-layer .mod-layer.type-rightpanel .mod-layer-body .mod-layer-inner{background-color:#fff}
#mod-layer .mod-layer.overlay-disable-leftpanel{right:auto}
#mod-layer .mod-layer.type-leftpanel .mod-layer-navigation-overlay{-ms-flex:0 0 0;flex:0 0 0}
#mod-layer .mod-layer.type-leftpanel .mod-layer-overlay{width:100%;height:100%}
#mod-layer .mod-layer.type-leftpanel .mod-layer-body{position:absolute;width:320px;height:100%;left:319px}
.pinned #mod-layer .mod-layer.type-leftpanel .mod-layer-body{left:464px}
#mod-layer .mod-layer.type-leftpanel .mod-layer-body .mod-layer-toolbar{background-color:#305565}
#mod-layer .mod-layer.type-leftpanel .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-header{-ms-flex:0 0 100%;flex:0 0 100%}
#mod-layer .mod-layer.type-leftpanel .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-header h1{padding:22px 0 0 16px;text-transform:uppercase;font-size:15px;line-height:22px;font-weight:700;color:#7e8f94}
#mod-layer .mod-layer.type-leftpanel .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button{background-color:#fff}
#mod-layer .mod-layer.type-leftpanel .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button:hover{background-color:#eef1f3}
.pinned #mod-layer .mod-layer.has-opened-child.type-leftpanel .mod-layer-body{left:319px}
#mod-layer .heading-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%}
#mod-layer{position:fixed;top:0;width:100%;height:100%;z-index:10}
.organization-tile,.organization-tile>div{width:64px;height:64px}
.organization-tile>div{line-height:64px;display:inline-block;margin-right:8px;float:left;background-size:cover;color:#FFF}
.organization-tile .org-bg-color{padding:0;border:0;text-align:center;text-transform:uppercase;font-weight:600;font-size:24px}
.organization-tile .org-bg-color svg{width:32px;height:32px;fill:#fff}
.organization-tile.small{width:32px;height:32px}
.organization-tile.small>div{width:64px;height:64px;line-height:64px}
.organization-tile.small .org-bg-color{font-size:16px}
.org-style-palette-futu{background-color:#2C4757}
.org-style-palette-1{background-color:#0081D8}
.org-style-palette-2{background-color:#D63019}
.org-style-palette-3{background-color:#34575E}
.org-style-palette-4{background-color:#127F54}
.org-style-palette-5{background-color:#6C266C}
.org-style-palette-6{background-color:#D2561F}
.org-style-palette-7{background-color:#78AE34}
.org-style-palette-8{background-color:#DFAD1F}
.org-style-palette-9{background-color:#C82D69}
.org-style-palette-10{background-color:#23706F}
.org-style-palette-11{background-color:#238D89}
.org-style-palette-12{background-color:#A1B3B8}
.mod-shop-directives .license-tile{display:inline-block;width:86px;height:86px;margin:0 4px 4px 0;cursor:pointer;pointer-events:auto!important;transition:.3s all cubic-bezier(.23,1,.32,1)}
.mod-layer-body #shop-layer .tabs .tab.disabled,.ui-icon{pointer-events:none}
.mod-shop-directives .license-tile--default{border:2px solid;border-radius:5px;cursor:pointer}
.mod-shop-directives .license-tile--default:hover{color:#00ca69;border-color:#000}
.mod-shop-directives .license-tile.isSelected{color:#00ca69;border-color:#00ca69}
.mod-shop-directives .license-tile.isSelected:hover{border-color:#00ca69}
.mod-shop-directives .license-label{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;height:100%}
.mod-shop-directives .license-text{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}
.mod-shop-directives .license-text strong{font-size:22px;font-weight:800;padding:4px 0}
.mod-shop-directives .license-text small{font-size:12px;font-weight:400}
.mod-shop-directives .license-tile{color:#d8e2e6}
.mod-shop-directives .license-tile,.mod-shop-directives .license-tile:hover{border-color:#d8e2e6}
#mod-social-login{position:fixed;top:0;left:0;z-index:10000;display:none;background-color:rgba(15,35,50,.95);width:100%;height:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;animation:windowZoomIn .2s forwards}
#mod-social-login.shown{display:block}
#mod-social-login.hidden{animation:windowZoomOut .2s}
#mod-social-login button.refocus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:256px;height:128px;padding:16px;box-sizing:border-box;display:block;font-size:24px;color:#fff;background-color:#33B573;font-family:Montserrat;text-align:center;margin:0 auto}
#mod-social-login .close{position:absolute;top:0;right:0;width:64px;height:64px;background-color:rgba(15,35,50,.8);z-index:1;-webkit-transition:background-color .2s}
#mod-social-login .close svg{position:relative;top:2px;width:32px;height:32px;fill:#FFF;transition:fill .2s;-webkit-transition:fill .2s}
#mod-social-login .close:hover{background-color:#FFF}
#mod-social-login .close:hover svg{fill:rgba(15,35,50,.95)}
#login-buttons{margin:0 0 16px;text-align:right;height:96px;width:100%}
#login-buttons button{font-weight:600;font-size:16px;height:40px;width:268px;padding:0;float:left;margin:0 0 16px 186px}
#login-buttons button div{color:#fff;width:100%;white-space:nowrap;display:inline-block}
#login-buttons button div span.icon{display:inline-block;vertical-align:middle;width:42px;height:42px;float:left}
#login-buttons button div span.text{display:inline-block;vertical-align:middle;padding-left:42px;padding-right:42px;font-size:15px;line-height:42px;font-weight:700;font-family:Roboto,sans-serif}
#login-buttons button div:hover{cursor:pointer}
#login-buttons button.fb div,#login-buttons button.google div{background-color:#3B5999}
#login-buttons button.google div{background:#4285f4}
div.or-separator{width:268px;margin:0 0 0 186px;position:relative;padding:0 0 12px}
div.or-separator span{position:absolute;left:50%;transform:translateX(-50%);top:-16px;font-size:13px;line-height:28px;color:#3A9E97}
main .view .info-pages{overflow:hidden}
.info-pages{box-sizing:border-box;padding-top:64px}
.info-pages .container,.info-pages .scroll-container{overflow-y:auto;overflow-x:hidden;width:100%;height:100%}
.info-pages::-webkit-scrollbar{width:8px;height:8px}
.info-pages aside{position:absolute;top:64px;bottom:0;width:320px;z-index:2}
.info-pages.terms-pages menu,.info-pages.terms-pages nav{display:none}
.info-pages menu,.info-pages nav{position:absolute;top:0;bottom:0;overflow-y:auto;overflow-x:hidden;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.info-pages menu ul,.info-pages nav ul{margin:0;width:320px;padding:0}
.info-pages menu .menu-group-section li,.info-pages menu .menu-section,.info-pages nav .menu-group-section li,.info-pages nav .menu-section{height:64px}
.info-pages menu .menu-group-section li a,.info-pages menu .menu-section a,.info-pages nav .menu-group-section li a,.info-pages nav .menu-section a{display:block;padding:0 24px;height:100%;background-color:#213D4E;color:#909EA6;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:13px;line-height:64px;transition:all .2s}
.info-pages menu .menu-group-section li a:hover,.info-pages menu .menu-section a:hover,.info-pages nav .menu-group-section li a:hover,.info-pages nav .menu-section a:hover{color:#fff}
.info-pages menu .menu-group-section li a.active,.info-pages menu .menu-section a.active,.info-pages nav .menu-group-section li a.active,.info-pages nav .menu-section a.active{background-color:#253D4F;color:#fff}
.info-pages menu .menu-group-section h2,.info-pages nav .menu-group-section h2{position:relative;padding:0 24px 0 35px;background-color:#213D4E;color:#fff;text-align:left;text-transform:uppercase;font-weight:700;font-size:13px;line-height:64px;cursor:pointer}
.info-pages menu .menu-group-section h2:after,.info-pages nav .menu-group-section h2:after{position:absolute;top:50%;right:16px;display:block;margin-top:-4px;width:0;height:0;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #3F5665;content:"";transition:transform .3s}
.info-pages menu .menu-group-section section,.info-pages nav .menu-group-section section{visibility:hidden;max-height:0;opacity:0}
.no-touch .info-pages menu .menu-group-section section,.no-touch .info-pages nav .menu-group-section section{transition:all .3s}
.info-pages menu .menu-group-section section div,.info-pages menu .menu-group-section section ul,.info-pages nav .menu-group-section section div,.info-pages nav .menu-group-section section ul{display:none}
.info-pages menu .menu-group-section section li a,.info-pages nav .menu-group-section section li a{padding-left:35px;text-transform:none;font-weight:500;font-size:15px;background-color:#4BB571;color:#fff}
.info-pages menu .menu-group-section section li a.active,.info-pages nav .menu-group-section section li a.active{background-color:#44a567;color:#fff}
.info-pages menu .menu-group-section.active h2,.info-pages nav .menu-group-section.active h2{background-color:#253D4F;color:#fff}
.info-pages menu .menu-group-section.active h2:after,.info-pages nav .menu-group-section.active h2:after{border-color:transparent transparent #fff;transform:rotate(180deg)}
.info-pages menu .menu-group-section.active section,.info-pages nav .menu-group-section.active section{visibility:visible;opacity:1;max-height:10000px}
.info-pages menu .menu-group-section.active section div,.info-pages menu .menu-group-section.active section ul,.info-pages nav .menu-group-section.active section div,.info-pages nav .menu-group-section.active section ul{display:block}
.info-pages menu ul,.info-pages nav ul{max-height:10000px}
.info-pages menu ul li,.info-pages nav ul li{transition:background-color .3s;cursor:pointer}
.info-pages menu ul li:last-child,.info-pages nav ul li:last-child{margin:0}
.info-pages menu ul li:not(.selected):hover,.info-pages nav ul li:not(.selected):hover{background-color:#83979d}
.info-pages menu ul li .icon,.info-pages nav ul li .icon{position:absolute;top:50%;margin-top:-12px;right:16px;display:none;width:24px;height:24px}
.no-touch .info-pages menu ul li .icon,.no-touch .info-pages nav ul li .icon{animation:fadeIn .1s both}
.info-pages menu ul li.selected .icon,.info-pages nav ul li.selected .icon{display:block;fill:#fff}
.info-pages .career-overlap{width:100%;overflow:auto;height:100%}
.info-pages article{z-index:1;position:relative;box-sizing:border-box;padding:0;min-height:100%;background-color:#fff;overflow-x:hidden;-webkit-touch-callout:text;-khtml-user-select:text;-moz-user-select:text;user-select:text}
.info-pages article .content-wrapper{background-color:#FBFCFD;padding:50px;max-width:1000px}
.info-pages article.group-counter{counter-reset:mainCounter;width:100%;padding-left:320px}
.info-pages article.group-counter .group-section{counter-reset:subCounter}
.info-pages article.group-counter h2{padding:32px 0 16px;counter-increment:mainCounter}
.info-pages article.group-counter h2:before{padding:0 8px 0 0;content:counter(mainCounter)}
.info-pages article.group-counter h3{counter-increment:subCounter}
#terms .terms-pages article h2,.info-pages article h2.page-title,.info-pages article h3.page-title{counter-increment:none}
.info-pages article.group-counter h3:before{font-weight:700;padding:0 8px 0 0;color:#213D4E;content:counter(mainCounter) '.' counter(subCounter)}
.info-pages article h2.page-title:before,.info-pages article h3.page-title:before{content:none}
.info-pages article h1{color:#253D4F;font-weight:300;font-size:40px}
.info-pages article h1.page-title{font-size:28px;margin-left:-7px}
.info-pages article h1.page-title.no-count{padding-bottom:0}
.info-pages article h2{color:#253D4F;padding:16px 0;font-size:33px;font-weight:800}
.info-pages article h2.page-title.no-count{padding:16px 0 56px;font-size:19px;font-weight:500}
.info-pages article h3{padding:16px 0;color:#647783;text-transform:uppercase;font-weight:600;font-size:19px;line-height:25px}
.info-pages article h3.page-title.no-count{padding:16px 0 0}
.info-pages article header p{font-size:19px;line-height:27px;color:#80AAA7;font-weight:700}
.info-pages article img{width:100%;margin:16px 0}
.info-pages article a{color:#7E8C96;transition:color .2s}
.info-pages article a:hover{color:#253D4F}
.info-pages article p{padding:0 0 12px;color:#7E8C96;font-size:17px;line-height:28px}
.info-pages article strong{font-weight:700}
.info-pages article ul{padding:24px 48px}
.info-pages article ul li{padding:0 0 16px;color:#7E8C96;list-style-type:disc;font-weight:700;font-size:15px;line-height:21px}
.info-pages article .end-article{padding-bottom:500px}
#career.info-pages article.group-counter h2:before{content:"";padding:0}
#terms{overflow:hidden}
#terms .footer-cont{position:relative;height:auto;z-index:1}
#terms .lng-buttons{position:fixed;right:0;width:72px;padding-top:64px;z-index:2}
#terms .lng-buttons button{background-color:#33B573;width:64px;height:64px;transition:background-color .3s;color:#fff;font-size:16px;font-weight:600}
#terms .lng-buttons button svg{padding-top:4px;width:24px;height:24px;fill:#fff}
#terms .lng-buttons .active,#terms .lng-buttons button:hover{background-color:#0F975D}
#terms .terms-pages{position:relative;width:100%;height:100%}
#terms .terms-pages article #terms-of-use{top:-136px;position:relative;display:block;visibility:hidden}
#terms .terms-pages article #policy{top:-64px;position:relative;display:block;visibility:hidden}
#terms .terms-pages article .group-section{counter-reset:mainCounter}
#terms .terms-pages article h2:before{content:none}
#terms .terms-pages article h3:before{content:'';color:#647783}
#terms .terms-pages article ol{color:#7E8C96;font-size:17px;line-height:30px;padding:0 0 16px 18px}
#terms .terms-pages article ol li{list-style-type:decimal}
#terms .terms-pages article ul li{list-style-type:lower-alpha}
#terms .terms-pages article ol ul li ol{padding:0 0 0 40px}
#terms .terms-pages article ol ul li ol li{padding-top:8px;padding-bottom:8px;list-style-type:disc;font-weight:400}
#terms .terms-pages article #regulations strong,#terms .terms-pages article strong{font-weight:600}
#terms .terms-pages article .subcounter ol{list-style-type:none;counter-reset:item;margin:0;padding:0}
#terms .terms-pages article .subcounter li{display:table;counter-increment:item;margin-bottom:.6em}
#terms .terms-pages article .subcounter li:before{content:counters(item,".") ". ";display:table-cell;padding-right:.6em}
.state-info,.watchers-count{bottom:20px;display:none;box-sizing:border-box;transition:.3s;font-family:monospace}
#terms .terms-pages article #regulations h3:before{content:none}
#terms .terms-pages article #regulations .nocount{color:#7E8C96;font-size:17px;line-height:30px;padding:0 0 16px}
#terms .terms-pages article #policy-content ul{white-space:normal;padding:16px 48px 0}
#terms .terms-pages article #policy-content ul li{list-style-type:disc}
#terms .terms-pages article #policy-content ul.internal-list li{list-style-type:circle}
#terms .terms-pages table th{padding:16px;text-align:left}
#terms .terms-pages table .table-content-header{min-width:200px}
#terms .terms-pages table tr{border-bottom:2px solid #7E8C96}
#terms .terms-pages table td{padding:16px}
#terms .info-pages article h1.page-title{font-size:51px;margin-left:0}
#terms .info-pages article h2{font-size:50px}
#terms .info-pages article h3{padding:50px 0 10px;font-size:28px;line-height:35px;text-align:center}
#terms .info-pages article li{font-weight:300;font-size:17px}
#terms .info-pages article div,#terms .info-pages article p{font-weight:300}
.date,.mod-version-box span strong{font-weight:700}
@media screen and (max-width:991px){#terms .info-pages aside{width:100%;height:auto;position:static}
#terms .info-pages article{padding-left:0}
.sinwa,#myXYH{display:none}
}#terms .terms-pages article h2{padding:10px 0 16px}
.date{color:#7E8C96;font-size:24px;line-height:30px}
.highlighted-scope{box-shadow:inset 0 0 0 2px #369,0 0 0 2px #396}
.highlighted-parent-scope{box-shadow:inset 0 0 0 2px #963,0 0 0 2px #936}
.state-info{position:absolute;top:auto;background-color:rgba(200,200,200,.7);font-size:10px;padding:4px 8px;z-index:99999;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;width:320px;left:-316px;opacity:.2}
#ui-auth-layer,.mod-version-box{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}
.state-info:hover{left:0;opacity:1}
.watchers-count{z-index:2;width:120px;opacity:.4;padding:0 10px;height:15px;line-height:15px;font-size:11px;color:#fff;text-align:center;background-color:#000;position:fixed;right:120px}
.watchers-count:hover{opacity:1}
.watchers-count.with-hover-counter{opacity:1;line-height:18px;padding-top:6px;font-size:12px}
.mod-version-box{position:fixed;left:0;right:auto;bottom:64px;z-index:1000000;padding:4px 0 4px 8px;margin:auto;height:32px;width:auto;max-width:0;background-color:#000;color:#fff;opacity:0;font-size:13px;line-height:22px;overflow:hidden;box-sizing:border-box;transition:.3s}
.mod-version-box:hover{max-width:1024px;padding:4px 8px;opacity:1}
.mod-version-box:hover span{opacity:1}
.mod-version-box.sticky-bar{bottom:0;left:auto;right:0;height:20px;width:50%;max-width:none;padding:2px 0 2px 4px;font-size:11px;line-height:17px;opacity:1}
.mod-version-box.sticky-bar span{opacity:1}
.mod-version-box.sticky-bar.at-home{left:0;right:auto}
.mod-version-box.sticky-bar.at-home.no-app-stack{right:0;width:100%}
.mod-version-box span{opacity:0;padding:1px 2px;box-sizing:border-box;transition:.3s;font-family:monospace}
.with-sticky-version-bar #mod-layer .mod-layer,.with-sticky-version-bar main.at-home>.container,.with-sticky-version-bar main:not(.at-home){bottom:20px;height:calc(100% - 20px)!important}
.scroll-indicator{width:25px;height:40px;border:2px solid #fff;border-radius:15px;cursor:pointer;position:absolute;bottom:40px;left:calc(50% - 12px);text-align:center}
.scroll-indicator a.skip{text-indent:-888em;z-index:2;width:160px;height:100px;display: block;position: absolute;top:-20px;left:-55px}
.scroll-indicator .scroll-wheel{height:8px;margin:2px auto 0;display:block;width:3px;background-color:#fff;border-radius:35%;animation:1.6s ease infinite wheel-up-down}
@media screen and (max-width:991px){
.index-about .index-video{}
.scroll-indicator{}
}
.mod-scroll-side-navigation{position:fixed;left:0;bottom:0;margin-bottom:40px;margin-left:20px;z-index:2}
.mod-scroll-side-navigation .scroll-side-item{position:relative;display:block;width:3px;height:23px;background-color:#8d3dff;transition:background-color .2s cubic-bezier(.86,0,.07,1)}
.mod-scroll-side-navigation .scroll-side-item:not(:last-child){margin-bottom:8px}
.mod-scroll-side-navigation .scroll-side-item.active{background-color:#d03297}
.mod-scroll-side-navigation .scroll-side-item.active:hover,.mod-scroll-side-navigation .scroll-side-item:hover{background-color:#00ca69}
.mod-scroll-side-navigation .scroll-side-item:before{content:"";display:block;width:23px;height:100%;position:absolute;left:-10px;top:0}
@media screen and (max-width:991px){.mod-scroll-side-navigation{display:none}
}.mod-layer-body #shop-layer{position:absolute;top:-64px;left:0;right:0;bottom:0;background-color:#0e252f}
.mod-layer-body #shop-layer section{width:100%;margin-top:66px}
.mod-layer-body #shop-layer header{width:616px;height:76px;margin:0 auto;text-transform:uppercase;color:#697B87}
.mod-layer-body #shop-layer header h1{font-size:20px;line-height:24px}
.mod-layer-body #shop-layer header h2{font-size:32px;line-height:36px;padding:0;color:#33B573;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.mod-layer-body #shop-layer .tabs{width:616px;margin:0 auto;display:table}
.mod-layer-body #shop-layer .tabs .tab{padding:0 56px 0 16px;line-height:64px;margin:0 auto;background-color:#2E4959;display:table-cell;border-right:1px solid #0E252F;transition:background-color .3s;position:relative}
.mod-layer-body #shop-layer .tabs .tab span{font-weight:700;text-transform:uppercase;color:#788993;font-size:15px}
.mod-layer-body #shop-layer .tabs .tab svg{width:24px;height:24px;fill:#253A46;right:16px;top:20px;position:absolute}
.mod-layer-body #shop-layer .tabs .tab svg.validate{fill:#33B573!important}
.mod-layer-body #shop-layer .tabs .tab:hover{background-color:#243e4e}
.mod-layer-body #shop-layer .tabs .tab.current{background-color:#fff}
.mod-layer-body #shop-layer .tabs .tab.current span{color:#33B573}
.mod-layer-body #shop-layer .tabs .tab.current svg{fill:#BCC5CA}
.mod-layer-body #shop-layer .content-wrapper{background-color:#fff;width:100%;position:absolute;top:206px;bottom:20px;overflow-y:auto;overflow-x:hidden}
.mod-layer-body #shop-layer .content-wrapper article{width:100%;position:relative;padding-bottom:30px}
.mod-layer-body #shop-layer .content-wrapper article .steps{overflow:auto;height:100%;width:100%;color:#9AADBB}
.mod-layer-body #shop-layer .content-wrapper article .steps .step{margin:0 auto;width:618px}
.mod-layer-body #shop-layer .content-wrapper .buttons{position:relative;right:50%;margin-right:-310px}
.mod-layer-body #shop-layer .content-wrapper .buttons button{margin-bottom:30px;background-color:#33B573;padding:0 34px;bottom:20px;color:#fff;font-size:17px;line-height:56px;font-weight:600;text-transform:uppercase;margin-right:1px;transition:background-color .3s;display:none;float:right}
.mod-layer-body #shop-layer .content-wrapper .buttons button svg{position:relative;top:6px;left:9px;width:24px;height:24px;fill:#fff}
.mod-layer-body #shop-layer .content-wrapper .buttons button:focus,.mod-layer-body #shop-layer .content-wrapper .buttons button:hover{background-color:#0F975D}
.mod-layer-body #shop-layer .content-wrapper .buttons button.visible{display:block}
.mod-layer-body #shop-layer .content-wrapper .buttons button.disabled{background-color:#888}
.mod-layer-body #shop-layer .footer{position:absolute;background-color:#213d4e;bottom:0;left:0;width:100%;height:20px;z-index:1;overflow:hidden}
.mod-layer-body #shop-layer .help-opener{position:absolute;right:0;top:0}
.mod-layer-body #shop-layer .help-opener button{top:-64px;right:64px;width:64px;height:64px;padding:4px 0 0;background-color:#33B573;transition:background-color .2s}
.mod-layer-body #shop-layer .help-opener button svg{width:32px;height:32px;fill:#B2E1C6}
.mod-layer-body #shop-layer .help-opener button:hover{background-color:#0F975D}
.mod-layer-body #shop-layer .context-help{position:fixed;z-index:2;top:204px;right:-256px;bottom:0;width:256px;background-color:#F4F5F3;transition:transform .2s ease-out}
.mod-layer-body #shop-layer .context-help.shown{transform:translate3d(-256px,0,0)}
.mod-layer-body #shop-layer .context-help .header{height:64px;background-color:#449E6A}
.mod-layer-body #shop-layer .context-help .header h3{padding:0 16px;line-height:64px;font-size:15px;font-weight:400;text-transform:uppercase;color:#fff}
.mod-layer-body #shop-layer .context-help .header .close{position:absolute;top:0;right:0;width:64px;height:64px;margin:0;padding:0;background-color:#52B978;transition:background-color .2s}
.mod-layer-body #shop-layer .context-help .header .close:hover{background-color:#0F975D}
.mod-layer-body #shop-layer .context-help .header .close svg{width:32px;height:32px;fill:#CED3CB}
.mod-layer-body #shop-layer .context-help .help-content{padding:32px 16px;overflow-x:hidden;overflow-y:auto;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-webkit-overflow-scrolling:touch;position:absolute;top:64px;bottom:0;width:224px}
.mod-layer-body #shop-layer .context-help .help-content h4{font-size:15px;font-weight:700;color:#4D6471;text-transform:uppercase}
.mod-layer-body #shop-layer .context-help .help-content ul{padding:8px 0 12px 20px;list-style-type:disc;color:#8A969A}
.mod-layer-body #shop-layer .context-help .help-content ul li{font-size:14px;font-weight:600;line-height:21px;margin-bottom:12px}
.mod-layer-body #shop-layer .context-help .help-content p{font-size:15px;line-height:21px;padding:8px 0 12px;color:#8A969A}
.mod-layer-body #shop-layer .context-help .help-content p strong{color:#4D6471;font-weight:600}
#shop-layer .steps .form-wrapper .mod-shop-price strong,#shop-layer .steps p strong{font-weight:700}
#shop-layer .steps h3{font-size:86px;font-weight:700;text-transform:uppercase;color:#5ABD7F;padding:40px 0 34px}
#shop-layer .steps p{font-size:17px;line-height:24px;color:#566C79}
#shop-layer .steps p em{color:#ED2E7A}
#shop-layer .steps pre{white-space:normal}
#shop-layer .steps fieldset{display:table}
#shop-layer .steps .error{color:#E44032}
#shop-layer .steps .form-wrapper legend{padding:53px 0 16px}
#shop-layer .steps .form-wrapper hr{border:1px solid #D1DAE0;margin:0}
#shop-layer .steps .form-wrapper .checkbox{position:relative;margin:16px 0}
#shop-layer .steps .form-wrapper .checkbox input{display:none}
#shop-layer .steps .form-wrapper .checkbox label{outline:0;top:0;left:0;width:32px;height:32px;cursor:pointer;padding:0;border:2px solid #D1DAE0;float:left}
#shop-layer .steps .form-wrapper .checkbox label .assign{color:#648C99;width:360px;margin-top:10px;margin-left:45px}
#shop-layer .steps .form-wrapper .checkbox input:checked+label{border:2px solid #D1DAE0}
#shop-layer .steps .form-wrapper .checkbox input:checked+label svg{fill:#0F975D;width:24px;height:24px;left:7px;top:7px;position:absolute}
#shop-layer .steps .form-wrapper .mod-license-templates{float:left}
#shop-layer .steps .form-wrapper .mod-shop-price{margin:11px}
#shop-layer .steps .form-wrapper .mod-shop-price .total{font-size:42px;line-height:42px;text-transform:uppercase;text-align:right;color:#375060;font-weight:300}
#shop-layer .steps .form-wrapper .mod-shop-price .per-user{font-size:15px;color:#596E79;line-height:22px;text-align:right;text-transform:uppercase;font-weight:600}
#shop-layer .steps .form-wrapper .mod-shop-price .per-user span{font-size:20px;color:#9BA8B0}
#shop-layer .steps .form-wrapper .mod-shop-price .per-user span.dark{color:#7A8B95}
#shop-layer .steps .form-wrapper .step1 hr{margin-bottom:12px}
#shop-layer .steps .form-wrapper .step1 .mod-form.organization{margin-bottom:38px}
#shop-layer .steps .form-wrapper .step1 .mod-form select{background-position:right center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAYAAADpE0oSAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAACHDwAAjA8AAP1SAACBQAAAfXkAAOmLAAA85QAAGcxzPIV3AAAKOWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAEjHnZZ3VFTXFofPvXd6oc0wAlKG3rvAANJ7k15FYZgZYCgDDjM0sSGiAhFFRJoiSFDEgNFQJFZEsRAUVLAHJAgoMRhFVCxvRtaLrqy89/Ly++Osb+2z97n77L3PWhcAkqcvl5cGSwGQyhPwgzyc6RGRUXTsAIABHmCAKQBMVka6X7B7CBDJy82FniFyAl8EAfB6WLwCcNPQM4BOB/+fpFnpfIHomAARm7M5GSwRF4g4JUuQLrbPipgalyxmGCVmvihBEcuJOWGRDT77LLKjmNmpPLaIxTmns1PZYu4V8bZMIUfEiK+ICzO5nCwR3xKxRoowlSviN+LYVA4zAwAUSWwXcFiJIjYRMYkfEuQi4uUA4EgJX3HcVyzgZAvEl3JJS8/hcxMSBXQdli7d1NqaQffkZKVwBALDACYrmcln013SUtOZvBwAFu/8WTLi2tJFRbY0tba0NDQzMv2qUP91829K3NtFehn4uWcQrf+L7a/80hoAYMyJarPziy2uCoDOLQDI3fti0zgAgKSobx3Xv7oPTTwviQJBuo2xcVZWlhGXwzISF/QP/U+Hv6GvvmckPu6P8tBdOfFMYYqALq4bKy0lTcinZ6QzWRy64Z+H+B8H/nUeBkGceA6fwxNFhImmjMtLELWbx+YKuGk8Opf3n5r4D8P+pMW5FonS+BFQY4yA1HUqQH7tBygKESDR+8Vd/6NvvvgwIH554SqTi3P/7zf9Z8Gl4iWDm/A5ziUohM4S8jMX98TPEqABAUgCKpAHykAd6ABDYAasgC1wBG7AG/iDEBAJVgMWSASpgA+yQB7YBApBMdgJ9oBqUAcaQTNoBcdBJzgFzoNL4Bq4AW6D+2AUTIBnYBa8BgsQBGEhMkSB5CEVSBPSh8wgBmQPuUG+UBAUCcVCCRAPEkJ50GaoGCqDqqF6qBn6HjoJnYeuQIPQXWgMmoZ+h97BCEyCqbASrAUbwwzYCfaBQ+BVcAK8Bs6FC+AdcCXcAB+FO+Dz8DX4NjwKP4PnEIAQERqiihgiDMQF8UeikHiEj6xHipAKpAFpRbqRPuQmMorMIG9RGBQFRUcZomxRnqhQFAu1BrUeVYKqRh1GdaB6UTdRY6hZ1Ec0Ga2I1kfboL3QEegEdBa6EF2BbkK3oy+ib6Mn0K8xGAwNo42xwnhiIjFJmLWYEsw+TBvmHGYQM46Zw2Kx8lh9rB3WH8vECrCF2CrsUexZ7BB2AvsGR8Sp4Mxw7rgoHA+Xj6vAHcGdwQ3hJnELeCm8Jt4G749n43PwpfhGfDf+On4Cv0CQJmgT7AghhCTCJkIloZVwkfCA8JJIJKoRrYmBRC5xI7GSeIx4mThGfEuSIemRXEjRJCFpB+kQ6RzpLuklmUzWIjuSo8gC8g5yM/kC+RH5jQRFwkjCS4ItsUGiRqJDYkjiuSReUlPSSXK1ZK5kheQJyeuSM1J4KS0pFymm1HqpGqmTUiNSc9IUaVNpf+lU6RLpI9JXpKdksDJaMm4ybJkCmYMyF2TGKQhFneJCYVE2UxopFykTVAxVm+pFTaIWU7+jDlBnZWVkl8mGyWbL1sielh2lITQtmhcthVZKO04bpr1borTEaQlnyfYlrUuGlszLLZVzlOPIFcm1yd2WeydPl3eTT5bfJd8p/1ABpaCnEKiQpbBf4aLCzFLqUtulrKVFS48vvacIK+opBimuVTyo2K84p6Ss5KGUrlSldEFpRpmm7KicpFyufEZ5WoWiYq/CVSlXOavylC5Ld6Kn0CvpvfRZVUVVT1Whar3qgOqCmrZaqFq+WpvaQ3WCOkM9Xr1cvUd9VkNFw08jT6NF454mXpOhmai5V7NPc15LWytca6tWp9aUtpy2l3audov2Ax2yjoPOGp0GnVu6GF2GbrLuPt0berCehV6iXo3edX1Y31Kfq79Pf9AAbWBtwDNoMBgxJBk6GWYathiOGdGMfI3yjTqNnhtrGEcZ7zLuM/5oYmGSYtJoct9UxtTbNN+02/R3Mz0zllmN2S1zsrm7+QbzLvMXy/SXcZbtX3bHgmLhZ7HVosfig6WVJd+y1XLaSsMq1qrWaoRBZQQwShiXrdHWztYbrE9Zv7WxtBHYHLf5zdbQNtn2iO3Ucu3lnOWNy8ft1OyYdvV2o/Z0+1j7A/ajDqoOTIcGh8eO6o5sxybHSSddpySno07PnU2c+c7tzvMuNi7rXM65Iq4erkWuA24ybqFu1W6P3NXcE9xb3Gc9LDzWepzzRHv6eO7yHPFS8mJ5NXvNelt5r/Pu9SH5BPtU+zz21fPl+3b7wX7efrv9HqzQXMFb0ekP/L38d/s/DNAOWBPwYyAmMCCwJvBJkGlQXlBfMCU4JvhI8OsQ55DSkPuhOqHC0J4wybDosOaw+XDX8LLw0QjjiHUR1yIVIrmRXVHYqLCopqi5lW4r96yciLaILoweXqW9KnvVldUKq1NWn46RjGHGnIhFx4bHHol9z/RnNjDn4rziauNmWS6svaxnbEd2OXuaY8cp40zG28WXxU8l2CXsTphOdEisSJzhunCruS+SPJPqkuaT/ZMPJX9KCU9pS8Wlxqae5Mnwknm9acpp2WmD6frphemja2zW7Fkzy/fhN2VAGasyugRU0c9Uv1BHuEU4lmmfWZP5Jiss60S2dDYvuz9HL2d7zmSue+63a1FrWWt78lTzNuWNrXNaV78eWh+3vmeD+oaCDRMbPTYe3kTYlLzpp3yT/LL8V5vDN3cXKBVsLBjf4rGlpVCikF84stV2a9021DbutoHt5turtn8sYhddLTYprih+X8IqufqN6TeV33zaEb9joNSydP9OzE7ezuFdDrsOl0mX5ZaN7/bb3VFOLy8qf7UnZs+VimUVdXsJe4V7Ryt9K7uqNKp2Vr2vTqy+XeNc01arWLu9dn4fe9/Qfsf9rXVKdcV17w5wD9yp96jvaNBqqDiIOZh58EljWGPft4xvm5sUmoqbPhziHRo9HHS4t9mqufmI4pHSFrhF2DJ9NProje9cv+tqNWytb6O1FR8Dx4THnn4f+/3wcZ/jPScYJ1p/0Pyhtp3SXtQBdeR0zHYmdo52RXYNnvQ+2dNt293+o9GPh06pnqo5LXu69AzhTMGZT2dzz86dSz83cz7h/HhPTM/9CxEXbvUG9g5c9Ll4+ZL7pQt9Tn1nL9tdPnXF5srJq4yrndcsr3X0W/S3/2TxU/uA5UDHdavrXTesb3QPLh88M+QwdP6m681Lt7xuXbu94vbgcOjwnZHokdE77DtTd1PuvriXeW/h/sYH6AdFD6UeVjxSfNTws+7PbaOWo6fHXMf6Hwc/vj/OGn/2S8Yv7ycKnpCfVEyqTDZPmU2dmnafvvF05dOJZ+nPFmYKf5X+tfa5zvMffnP8rX82YnbiBf/Fp99LXsq/PPRq2aueuYC5R69TXy/MF72Rf3P4LeNt37vwd5MLWe+x7ys/6H7o/ujz8cGn1E+f/gUDmPP8usTo0wAAAAlwSFlzAAALEQAACxEBf2RfkQAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4zjOaXUAAAAF9JREFUWEftzUEKgDAQQ9E5rHfwAG56azXQgAwiUtu6+Q+yzQ8AAPC/Zd3Kub1xpd600UE6fLNvUdNROn5an6jpMAXu1jdqOk6h68ZETYEUHB81haZHrcbnRgEAwCQRBw+OorlAU5fPAAAAAElFTkSuQmCC)}
#shop-layer .steps .form-wrapper .step1 fieldset[disabled] select{background-image:none}
#shop-layer .steps .form-wrapper .step1 .price{position:relative;top:11px}
#shop-layer .steps .form-wrapper .step1 .price .mod-price{color:#506472;position:absolute;right:0;width:160px}
#shop-layer .steps .form-wrapper .step1 .price .mod-price small,#shop-layer .steps .form-wrapper .step1 .price .mod-price strong{display:block;text-align:right}
#shop-layer .steps .form-wrapper .step1 .price .mod-price strong{font-weight:700;font-size:42px}
#shop-layer .steps .form-wrapper .step1 .price .mod-price strong sup{font-size:26px;font-weight:300}
#shop-layer .steps .form-wrapper .step3.mod-form legend{margin:0}
#shop-layer .steps .form-wrapper .step3 .summary-list{margin:16px 0 0}
#shop-layer .steps .form-wrapper .step3 .summary-list li{display:block;clear:both;overflow:hidden;padding:0 0 16px;position:relative}
#shop-layer .steps .form-wrapper .step3 .summary-list li .label{float:left;display:block;margin-top:10px;width:184px;font-size:13px;font-weight:700;color:#788994;text-transform:uppercase}
#shop-layer .steps .form-wrapper .step3 .summary-list li .value{float:left;display:block;font-size:24px;font-weight:400;color:#566C79;line-height:1.2;width:430px;word-wrap:break-word}
#shop-layer .steps .form-wrapper .step3 .summary-list li .value em{color:#ED2E7A}
#shop-layer .steps .form-wrapper .step3 .summary-list li .value.before-coupon{text-decoration:line-through;color:#E32B7B;left:184px;position:relative;margin-top:8px}
#shop-layer .steps .form-wrapper .step3 .summary-list li .grey{color:#788994}
#shop-layer .steps .form-wrapper .step3 .summary-list li .note{font-size:15px;font-weight:600}
#shop-layer .steps .form-wrapper .step3 .summary-list li .noted{line-height:1}
#shop-layer .steps .form-wrapper .step3 .summary-list li.total .label{font-weight:900}
#shop-layer .steps .form-wrapper .step3 .summary-list li.total .value{font-weight:600}
#shop-layer .steps .form-wrapper .step3 .summary-list li.total .coupon-percent{color:#E32B7B;font-size:14px;padding-top:10px;left:184px;position:relative}
#shop-layer .steps .form-wrapper .step3 .summary-list li.coupon{padding-bottom:0}
#shop-layer .steps .form-wrapper .step3 .summary-list li.coupon label{float:left;display:block;width:184px;font-size:13px;font-weight:700;color:#788994;text-transform:uppercase;text-align:left;padding:0}
#shop-layer .steps .form-wrapper .step3 .summary-list li.coupon input{width:336px;height:40px;font-size:15px}
#shop-layer .steps .form-wrapper .step3 .summary-list li.coupon .validation{width:336px;margin:0 0 0 184px}
#shop-layer .steps .form-wrapper .step3 .summary-list li.coupon button{position:absolute;font-weight:700;text-transform:uppercase;color:#fff;background-color:#929EA6;transition:background-color .3s}
#shop-layer .steps .form-wrapper .step3 .summary-list li.coupon button.apply{right:0;top:0;height:40px;width:80px}
#shop-layer .steps .form-wrapper .step3 .summary-list li.coupon button.reset{right:112px;top:8px;background:initial;height:24px;width:24px;padding:0}
#shop-layer .steps .form-wrapper .step3 .summary-list li.coupon button.reset svg{width:24px;height:24px;fill:#D1DAE0;transition:fill .3s;float:right}
#shop-layer .steps .form-wrapper .step3 .summary-list li.coupon button.reset:hover svg{fill:#929EA6}
#shop-layer .steps .form-wrapper .step3 .summary-list li.coupon-msg .error{color:#ED4238;font-size:15px}
#shop-layer .steps .form-wrapper .step3 .summary-list li.coupon-msg .back-msg{color:#B2BBCB;font-size:12px;line-height:24px;width:400px;display:block;padding-right:33px;float:right}
#shop-layer .steps .form-wrapper .step4 .payment input,#shop-layer .steps .form-wrapper .step4 .payment input[type=radio]{display:none}
#shop-layer .steps .form-wrapper .step4 .payment{position:relative;padding-top:15px}
#shop-layer .steps .form-wrapper .step4 .payment div{margin:0 0 1.2em}
#shop-layer .steps .form-wrapper .step4 .payment label svg{width:155px;height:53px}
#shop-layer .steps .form-wrapper .step4 .payment span{top:34px;position:relative}
#shop-layer .steps .form-wrapper .step4 .payment span svg{width:32px;height:32px;fill:#4BB571}
#shop-layer .steps .form-wrapper .step4 .payment .paylogo{background-image:url(/assets/css/images/logotype-paypal.png);background-repeat:no-repeat;width:220px;height:100px;position:relative;margin-top:-40px;margin-left:50px}
#shop-layer .steps .form-wrapper .step4 .payment .dotpaylogo{background-image:url(/assets/css/images/logotype-dotpay.png);background-repeat:no-repeat;width:220px;height:100px;position:relative;margin-top:-40px;margin-left:50px}
#shop-layer .steps .form-wrapper .step4 .payment label{width:32px;margin-top:16px}
#shop-layer .steps .form-wrapper .step4 .payment p{float:right;margin-left:25px;margin-top:-68px;color:#99AFBC;font-size:14px;line-height:10px;text-align:right}
#shop-layer .steps .form-wrapper .step4 .payment strong{float:left;margin-left:5px;margin-top:16px;color:#455A6A;font-size:32px}
#shop-layer .steps .form-wrapper .step4 .paymentMethod-validation{top:9px;width:584px;position:relative;display:table;padding:12px 20px;background-color:#ed4238;color:#FBD9D7;font-size:13px;line-height:17px;-webkit-animation:fadeIn .3s}
#shop-layer .steps .form-wrapper .step4 .paymentMethod-validation:before{position:absolute;top:-4px;left:50%;z-index:1;display:block;margin:-4px 0 0 -4px;width:0;height:0;border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #ed4238;content:""}
#shop-layer .steps .licenses-form{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}
#shop-layer .steps .licenses-form-templates{-ms-flex:1;flex:1}
#shop-layer .steps .licenses-form-price{-ms-flex:0 1;flex:0 1}
#shop-layer .steps .licenses-form-price .price-per-user,#shop-layer .steps .licenses-form-price .price-tag{text-align:right}
#shop-layer .steps .licenses-form-price .price-tag{margin-bottom:8px;font-size:56px;font-weight:800}
#shop-layer .steps .licenses-form-price .price-tag sup{vertical-align:super;margin-right:4px;font-size:15px;font-weight:400}
#shop-layer .steps .licenses-form-price .price-per-user{white-space:nowrap;font-size:15px}
#shop-layer .steps .licenses-form-num{width:100%}
.confirmation ul li{margin-top:30px}
#ui-auth-layer #coupon form .focus-wrapper label{color:#8897A1}
#ui-auth-layer #coupon form .focus-wrapper label.focus{color:#33b573}
#ui-auth-layer #coupon form input[type=email],#ui-auth-layer #coupon form input[type=password],#ui-auth-layer #coupon form input[type=text]{border-bottom:1px solid #CBD9DF;margin-bottom:17px}
@media screen and (min-height:820px){#ui-auth-layer #coupon button{margin-top:120px}
}#ui-auth-layer .mod-layer-inner{overflow:auto}
#ui-auth-layer #demo-layer.auth-layer{padding:0 60px}
@media screen and (max-width:767px){#ui-auth-layer #demo-layer.auth-layer{padding:0 20px}
}.auth-layer-header{margin-top:20%}
.login .remember,.login a{font-size:.8em}
.login .forgot-link{float:right;line-height:32px}
.login .error{color:#ff4200;font-size:2em;font-weight:700;margin-bottom:32px}
.register a{font-size:1em}
.register .response ul{color:#909ea6;margin:48px 0;list-style:disc;padding:0 0 0 16px}
.register .response ul li{position:relative;font-size:14px;line-height:26px}
.register .response ul li strong{color:#219e97}
.register .response ul li a{width:128px}
.register .response ul li svg{display:block;position:absolute;left:0;top:2px;height:16px;width:16px;fill:#909EA6}
#ui-auth-layer{-khtml-user-select:text;user-select:text}
#ui-auth-layer .mod-layer-body{box-shadow:0 0 25px 0 rgba(0,0,0,.08);overflow-y:auto;overflow-x:hidden}
#ui-auth-layer .mod-layer-body .mod-layer-toolbar .mod-layer-toolbar-main button.close svg.i-cancel{fill:#6d23b8}
#ui-auth-layer h1,#ui-auth-layer legend{color:#6d23b8;font-size:25px;font-weight:800;margin-bottom:32px}
#ui-auth-layer h2{font-size:1.5em}
#ui-auth-layer small{font-size:.72em;line-height:28px;font-weight:500}
#ui-auth-layer strong{color:#6d23b8;font-weight:800}
#ui-auth-layer p,#ui-auth-layer ul{line-height:1.5em;font-size:1em;color:#002f41}
#ui-auth-layer p{margin:25px 0}
#ui-auth-layer p.interspace{margin-top:60px}
#ui-auth-layer a{color:#6d23b8;text-decoration:none}
#ui-auth-layer a:not(.submit):hover{color:#481082}
#ui-auth-layer .auth-layer{padding:0 164px 0 96px}
#ui-auth-layer .auth-layer .menu-btn{cursor:pointer;height:40px;font-size:16px;text-align:center;line-height:40px;color:#002f41;margin:0 16px 54px;border-bottom:solid 3px transparent}
#ui-auth-layer .auth-layer .menu-btn.selected,#ui-auth-layer .auth-layer .menu-btn:hover{color:#6d23b8}
#ui-auth-layer .auth-layer .menu-btn.selected{border-bottom:solid 3px #6d23b8;font-weight:600}
#ui-auth-layer .btn{min-width:48px;line-height:48px;border-radius:45px;text-align:center;display:block;transition:fill .3s,color .3s,background-color .3s}
#ui-auth-layer .btn[disabled],#ui-auth-layer .btn[disabled]:hover{color:#999;background-color:#f1f1f1;cursor:default}
#ui-auth-layer .submit{width:264px;margin-top:30px;background-color:#6d23b8;color:#fff;font-size:16px}
#ui-auth-layer .submit:hover{background-color:#481082}
#ui-auth-layer .error{color:#ff4200}
#ui-auth-layer .social-button{margin-top:60px}
#ui-auth-layer .mod-social-auth-button{font-size:13px;color:#002f41}
#ui-auth-layer .mod-social-auth-button hr{border:none;height:1px;width:100%;background-color:#E9E9E9;margin-bottom:30px}
#ui-auth-layer .mod-social-auth-button button{border:1px solid #e9e9e9;color:#002f41;background-color:#fff;margin-left:40px;width:118px}
#ui-auth-layer .mod-social-auth-button button svg{width:18px;height:18px;position:relative;top:4px}
#ui-auth-layer .mod-social-auth-button button.facebook svg{fill:#3c5998}
#ui-auth-layer .mod-social-auth-button button.facebook:hover{background-color:#3c5998;border:1px solid #3c5998}
#ui-auth-layer .mod-social-auth-button button.facebook:hover svg{fill:#fff}
#ui-auth-layer .mod-social-auth-button button.google svg{fill:#4a77bb}
#ui-auth-layer .mod-social-auth-button button.google:hover{background-color:#4a77bb;border:1px solid #4a77bb}
#ui-auth-layer .mod-social-auth-button button.google:hover svg{fill:#fff}
#ui-auth-layer .order-items{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}
#ui-auth-layer .order-items .order-1{-ms-flex-order:1;order:1}
#ui-auth-layer .order-items .order-2{-ms-flex-order:2;order:2}
#ui-auth-layer .order-items .order-3{-ms-flex-order:3;order:3}
#ui-auth-layer .fake-form-field{position:absolute;width:0;height:0;pointer-events:none}
#ui-auth-layer .response{margin-bottom:30px}
@media all and (max-width:1599px){#ui-auth-layer .mod-form .mod-checkbox{margin-bottom:13px}
#ui-auth-layer .social-button{margin-top:50px;margin-bottom:50px}
}@media all and (max-width:991px){#ui-auth-layer .auth-layer{padding:0 40px}
#ui-auth-layer .auth-layer .menu-btn{margin:0 16px 45px}
#ui-auth-layer .submit{margin:48px 0 10px}
}@media all and (max-width:767px){#ui-auth-layer .auth-layer{padding:0 20px}
#ui-auth-layer .auth-layer .menu-btn{font-size:15px}
#ui-auth-layer .submit{width:100%}
#ui-auth-layer .social-button{position:static;width:auto;margin-top:0;margin-bottom:0;font-size:16px}
#ui-auth-layer .mod-social-auth-button hr{display:none}
#ui-auth-layer .mod-social-auth-button .socials-header{margin-top:35px;margin-bottom:20px;font-size:13px;text-align:center}
#ui-auth-layer .mod-social-auth-button .btn{width:160px;margin:0 auto 30px}
#ui-auth-layer .mod-form .mod-checkbox label[for=policy]{margin-top:-8px}
#ui-auth-layer .checkbox-message{left:40px;white-space:initial}
#ui-auth-layer .checkbox-message.terms-message{top:28px}
#ui-auth-layer .checkbox-message.policy-message{top:40px;overflow:visible}
}.carousel{position:relative;overflow:hidden;display:block}
.carousel-wrapper{display:-ms-inline-flexbox;display:inline-flex}
.carousel-item{display:inline-block}
.carousel-nav{-ms-flex-pack:end;justify-content:flex-end;display:-ms-flexbox;display:flex;margin:0 24px 24px 0}
.carousel-nav .arrow{width:64px;height:64px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;transition:all .3s}
#mod-user-info .btn,#mod-user-info .user-info{display:inline-block}
.carousel-nav .arrow svg{fill:#01CA6A;width:48px;height:48px}
.carousel-nav .arrow:hover{fill:#00fd84;transform:scale(1.2)}
#mod-user-info{font-size:18px;line-height:initial;margin:50px 0 60px}
#mod-user-info .user-image{margin-top:50px;display:inline-block;margin-right:30px;top:8px;position:relative}
#mod-user-info .user-image .img{width:65px;height:65px;background-size:100%;border-radius:50%}
#mod-user-info .user-info .user-name{font-weight:800;font-size:30px;color:#6D23B8}
#mod-user-info .btn{text-decoration:none;background-color:transparent;margin-right:14px;margin-bottom:10px;transition:border-color .3s ease,color .3s ease,background-color .3s ease}
#mod-user-info .btn-xl{font-size:15px;line-height:44px;border:2px solid;border-radius:24px;padding:0 110px;margin-top:80px}
#mod-user-info .btn-default{border-color:#6d23b8;background-color:#6d23b8;color:#fff!important}
#mod-user-info .btn-default:hover{background-color:#541b8d;border-color:#541b8d}
@media screen and (min-width:991px){#mod-user-info{display:none}
}@media screen and (max-width:768px){#mod-user-info{margin:50px 0 0}
#mod-user-info .btn-xl{padding:0 40px;margin-top:10%}
#mod-user-info .user-image{margin-top:0;margin-right:10px;top:5px}
#mod-user-info .user-image .img{width:45px;height:45px}
#mod-user-info .user-info{display:inline-block;font-size:13px}
#mod-user-info .user-info .user-name{font-size:18px}
}.mod-menu-slider{display:-ms-flexbox;display:flex}
.mod-menu-slider .slider-control{display:inline-block;width:24px;height:24px;padding:0 4px}
.mod-menu-slider .slider-control-container{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}
.mod-menu-slider .slider-control-prev{transform:rotateY(180deg)}
.mod-menu-slider .slider-elements{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}
.mod-menu-slider .slider-element{width:100%}
.page-for-preloading{min-height:100vh;position:relative;overflow:visible}
#home{width:100%;min-height:100vh;position:relative}
.home-view{width:100%;position:relative;z-index:1}
#dashboard{width:100%;position:relative}
#intro{min-height:100vh;width:100%;position:relative}





.landing-page .col-4,.landing-page .col-5,.landing-page .col-6,.landing-page .col-7,.landing-page .col-8{max-width:inherit;float:left;box-sizing:border-box;position:relative}
.btn-apps,.home-view #apps .txt-center,.home-view #contacts .txt-center,.home-view #dashboard .txt-center,.home-view #error .txt-center,.home-view #icons .txt-center,.home-view #projects .txt-center,.home-view #tasks .txt-center,.home-view #timetracker .txt-center,.home-view #vts .txt-center,.landing-page .txt-center{text-align:center}
.landing-page .col-4,.landing-page .col-5,.landing-page .col-6,.landing-page .col-7,.landing-page .col-8{-ms-flex:none;flex:none}
.landing-page .col-6{width:50%}
.landing-page .col-7{width:58.333%}
.landing-page .col-5{width:41.667%}
.landing-page .col-8{width:66.6667%}
.landing-page .col-4{width:33.3334%}
.landing-page .const .col-7{width:calc(100% - 800px);overflow:hidden;max-width:100%}
.landing-page .const .col-5{max-width:inherit;width:800px}
.landing-page .const .img-responsive{display:block}
.landing-page .row:after{display:block;content:"";clear:both}
.landing-page .img-responsive{display:block;max-width:100%}
.landing-page .img-centered{margin:0 auto}
@media all and (max-width:799px){.landing-page .const .col-5{width:100%}
}@media all and (min-width:2250px){.landing-page .row{width:2100px;margin:0 auto}
.landing-page .padding-box{padding:0 150px!important}
}@media all and (max-width:767px){.landing-page .col-4,.landing-page .col-5,.landing-page .col-6,.landing-page .col-7,.landing-page .col-8,.landing-page .const .col-7{width:100%}
.landing-page img{max-width:100%}
}@media all and (max-width:1700px){.landing-page #slide-5.invitation{padding:7vw 0!important;height:auto!important}
}@media all and (max-width:1179px){.landing-page #slide-0 .welcome-text{width:100%;padding:10vw 0 0 8.4vw}
.landing-page #slide-0 .futuramo-img{width:100%;padding:2vw 10vw 100px}
.landing-page #slide-5{padding:5vw 0!important}
.landing-page #slide-5 .col-6{width:100%;padding:0 5vw}
.landing-page #slide-5 .slide5-5{left:auto!important;right:auto!important}
.landing-page #icons #slide-5{height:auto}
.landing-page #slide-1 .row,.landing-page #slide-2 .row,.landing-page #slide-3 .row{-ms-box-orient:horizontal;display:-ms-flexbox;display:-moz-flex;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:stretch;align-items:stretch}
.landing-page .col-4,.landing-page .col-5,.landing-page .col-6,.landing-page .col-7,.landing-page .col-8{-ms-flex:1 100%;flex:1 100%}
.landing-page img{max-width:100%}
.landing-page .img-to-right{-ms-flex-order:2;order:2}
}.landing-page h1{color:#223d4e;font-size:40px;line-height:45px;font-weight:300}
.landing-page h1 strong{font-weight:900;text-transform:uppercase}
.landing-page h2{color:#213d4e;font-size:24px;line-height:35px;font-weight:300;padding:20px 0 0}
.landing-page h3{color:#213d4e;font-size:30px;line-height:34px;font-weight:600;padding:20px 0 10px}
.landing-page .box{overflow:hidden}
.landing-page .article-text{padding:350px 5vw}
.landing-page .article-text h1{color:#002f41}
.landing-page .article-text h2{color:#8097a0}
.landing-page .articles-text h1{color:#002f41}
.landing-page .articles-text h2{color:#8097a0}
.landing-page #slide-5 h1{color:#002f41}
.landing-page #slide-5 h2{color:#8097a0;line-height:28px}
.landing-page #slide-5 .add-color p{color:#8097a0!important;font-size:20px!important;font-weight:300;margin-top:20px;line-height:24px}
.landing-page .bg-grid-dark{background-size:160px 160px;background-image:url(/assets/css/images/main-background-grid.png);background-position:left top}
.landing-page:not(#dashboard):not(#apps) article:not(.invitation):not(#slide-0):not(#slide-01) h1{font-size:40px;line-height:50px;max-width:550px}
.landing-page:not(#dashboard):not(#apps) article:not(.invitation):not(#slide-0):not(#slide-01) h2{font-size:20px;line-height:32px;max-width:550px}
.landing-page:not(#dashboard) #slide-1:after,.landing-page:not(#dashboard) #slide-2:after,.landing-page:not(#dashboard) #slide-3:after{display:block;content:"";width:100%;height:1px;background:#e9e9e9}
.landing-page p{color:#213d4e;font-size:20px;line-height:25px;font-weight:300}
.landing-page a{display:block;text-decoration:none;overflow:hidden}
.landing-page .button{width:290px;height:80px;color:#fff;font-weight:300;line-height:80px;padding:0 16px;margin:40px 0;text-transform:uppercase;font-size:18px;position:relative;overflow:hidden;transition:transform 1s cubic-bezier(.77,0,.175,1)}
.landing-page .button em{position:relative;z-index:2}
.landing-page .button svg{fill:#fff;width:24px;height:24px;z-index:2;position:absolute;right:0;top:27px}
.landing-page .button:hover:before{opacity:1;transform:translateX(100%)}
.landing-page .button:hover:after{opacity:1;transform:translateX(0)}
.landing-page .button span{z-index:2;position:relative;width:100%;display:block;line-height:82px;transition:all 1s cubic-bezier(.77,0,.175,1)}
.landing-page .button-video,.landing-page .preview-icons-btn{font-weight:300;line-height:80px;box-sizing:border-box;overflow:hidden}
.landing-page .button:after,.landing-page .button:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background-color:#33B674;transform:translateX(-100%);transition:all 1s cubic-bezier(.77,0,.175,1)}
.btn-preview .video-arrow:after,.btn-video .video-arrow:after,.btn-xl:before,.landing-page .button-video:after,.landing-page .button-video:before{content:"";clear:both}
.landing-page .button:after{background-color:#002F42;transform:translateX(-200%)}
.landing-page .blue{background:#2BB7BD}
.landing-page .red{background:#F23D4C}
.landing-page .pink{background:#ED2E7A}
.landing-page .green{background:#33B573}
.landing-page .green:before{background-color:#F23D4C}
.landing-page .rasp{background:#ED2E7A}
.landing-page .orange{background:#FF4825}
.landing-page .yellow{background:#EFAA00}
.landing-page .lightgreen{background:#93ac33}
.landing-page .royalblue{background:#425BDC}
.landing-page .button-inline{display:inline-block}
.landing-page .button-video{width:312px;height:80px;color:#33b674;padding:0 30px;margin:40px 20px;text-transform:uppercase;font-size:18px;position:relative;border:1px solid transparent;transition:border-color .2s;transition:color .3s ease}
@media screen and (max-width:767px){.landing-page .button-video{margin:10px 0;display:block}
}.landing-page .button-video:after{display:block;position:absolute;right:20px;height:70px;width:70px;top:5px;border-radius:50%;background-color:#33b674;transition:all .3s ease}
.landing-page .button-video:before{display:block;position:absolute;right:47px;height:0;width:0;z-index:1;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:13px solid #fff;top:29px}
.landing-page .button-video:hover{color:#002f41}
.landing-page .button-video:hover:after{right:16px;height:78px;width:78px;top:0;border-radius:50%;background-color:#002f41}
.landing-page #slide-6 .button{margin:0}
.landing-page .preview-icons-btn{width:320px;height:80px;color:#ED2E7A;padding:0 16px;text-transform:uppercase;position:absolute;margin-top:10px;font-size:16px;transition:all .5s ease;border:1px solid #ED2E7A}
#contact,#preview.preview-pages span{box-sizing:content-box}
.landing-page .preview-icons-btn svg{fill:#ED2E7A;width:24px;height:24px;z-index:2;position:absolute;right:15px;top:50%;transform:translateY(-50%)}
.landing-page .preview-icons-btn:hover{color:#fff;background:#ED2E7A}
.landing-page .preview-icons-btn:hover svg{fill:#fff}
.landing-page .scroll-down-btn{color:#c7cdd1;font-size:12px;position:absolute;width:135px;left:50%;cursor:pointer;transform:translateX(-50%);font-weight:600;text-align:center}
.landing-page .scroll-down-btn svg{fill:#c7cdd1;width:30px;height:30px;display:block;margin:10px auto 0}
.landing-page section{width:100%;overflow:hidden;position:relative;z-index:1;background-color:#fff}
.landing-page section article .left,.landing-page section article .right{display:inline-block;width:49%;margin:0;padding:0;vertical-align:top;position:relative}
.landing-page section article .right{float:right}
.landing-page section article .right.no-float{float:none}
.landing-page section article .left{float:left;overflow:hidden}
.landing-page .img-to-left img,.landing-page .img-to-right img{margin:160px 100px;box-shadow:0 0 40px 0 rgba(0,0,0,.1);max-height:70vh}
.landing-page article{z-index:1;position:relative}
.landing-page .img-to-right{overflow:hidden}
.landing-page .img-to-right img{float:right}
.landing-page .img-to-left{overflow:hidden}
.landing-page #slide-4{min-height:481px}
.landing-page .welcome-text{position:relative;padding:10vw 0 160px 8.4vw;max-width:840px}
.landing-page .fadeInLeft,.landing-page .fadeInRight{animation-duration:1s;animation-delay:.5s;opacity:0;animation-fill-mode:forwards}
.landing-page .futuramo-img{padding:40px 0 160px 200px}
.landing-page .futuramo-img img{max-height:70vh}
.landing-page #slide-0{min-height:1121px}
.desktop-hidden{display:none}
@media all and (min-width:2250px){.landing-page .article-text{padding:320px 10vw 320px 0}
.landing-page .txt-to-right.article-text{padding:320px 0 320px 10vw}
.landing-page .img-to-left,.landing-page .img-to-right{overflow:visible}
.const .col-7{overflow:visible!important}
}@media all and (min-width:1180px) and (max-width:1399px){.landing-page .article-text{padding:300px 5vw}
.landing-page #slide-0{min-height:801px}
}@media all and (max-width:1179px){.landing-page .futuramo-img{padding:10px 0 50px 75px}
.landing-page .article-text{padding:5vw}
.landing-page .img-to-left img,.landing-page .img-to-right img{margin:5px 0 60px}
}@media all and (max-width:767px){.landing-page h1{font-size:30px;line-height:40px}
.landing-page h1 strong{line-height:40px;font-size:32px}
.landing-page h2{font-size:16px;line-height:1.5;padding-top:20px}
.landing-page p{font-size:15px}
.landing-page .button{max-width:80%;margin:25px 0;width:260px;line-height:60px;height:60px;font-size:15px}
.landing-page .img-to-left img,.landing-page .img-to-right img{float:none;max-width:100%;height:auto;position:relative;margin:30px 0}
.landing-page .button span{line-height:60px}
.landing-page .button svg{padding:17px 0 19px;top:1px}
.landing-page section article .left,.landing-page section article .right{display:block;width:100%}
.landing-page .welcome-text{padding:16px}
.landing-page .futuramo-img{position:relative;left:0;padding:0 30px 35px}
.landing-page .article-text{padding:40px 30px 20px}
.landing-page .img-to-right img{left:75px}
.landing-page .img-to-left img{left:auto;right:75px}
.landing-page:not(#dashboard):not(#apps) article:not(.invitation):not(#slide-0):not(#slide-01) h1{font-size:25px;line-height:35px}
.landing-page:not(#dashboard):not(#apps) article:not(.invitation):not(#slide-0):not(#slide-01) h2{font-size:15px;line-height:24px}
.landing-page #slide-0{min-height:641px}
.scroll-down-btn{display:none}
.mobile-hidden{display:none!important}
.desktop-hidden{display:block!important}
}.btn{text-decoration:none;display:inline-block;background:0 0;margin-right:14px;margin-bottom:10px;transition:background-color .3s ease;position:relative;font-weight:800}
.btn-xl{border-radius:24px;font-size:16px;line-height:46px;padding:0 32px;margin-top:15px}
.btn-xl:before{border-radius:24px;display:block;position:absolute;width:calc(100% + 20px);height:calc(100% + 20px);background:translate;top:-10px;left:-10px}
.btn-default{background-color:#00ca69;color:#fff}
.btn-default:hover{background-color:#00a65d}
.btn-preview,.btn-video{background-color:rgba(0,47,65,.3);color:#fff;padding:0 62px 0 40px;transition:background-color .3s ease,color .3s ease}
.btn-preview .video-arrow:before,.btn-video .video-arrow:before{display:block;content:"";clear:both;position:absolute;top:17px;right:17px;width:0;z-index:2;height:0;border-style:solid;border-width:5px 0 5px 10px;border-color:transparent transparent transparent #fff;transition:border-color .3s ease}
.btn-preview .video-arrow:after,.btn-video .video-arrow:after{background-color:rgba(0,47,65,.3);transition:background-color .3s ease;border-radius:24px;display:block;position:absolute;right:0;top:0;height:100%;width:46px}
.btn-preview:hover,.btn-video:hover{background-color:rgba(0,47,65,.75)}
.btn-preview:hover:after,.btn-video:hover:after{background-color:transparent}
.btn-preview{padding:0 32px}
.btn-apps{background-color:rgba(255,255,255,.25);color:#fff;display:block;width:100%;margin-top:24px;opacity:1!important}
.btn-apps:hover{background-color:rgba(255,255,255,.15)}
.link-color{color:#00ca69;transition:color .2s}
.link-color:hover{color:#00fd84}
::selection{background:#d5a75f;color:#fff}
::-moz-selection{background:#d5a75f;color:#fff}
img{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}
.beta-version:before{color:#fff;content:"beta";display:block;clear:both;font-size:15px;height:0;position:absolute;top:0;left:0}
.home-view{min-height:100vh}
.home-view #apps h1,.home-view #apps h2,.home-view #contacts h1,.home-view #contacts h2,.home-view #dashboard h1,.home-view #dashboard h2,.home-view #error h1,.home-view #error h2,.home-view #icons h1,.home-view #icons h2,.home-view #projects h1,.home-view #projects h2,.home-view #tasks h1,.home-view #tasks h2,.home-view #timetracker h1,.home-view #timetracker h2,.home-view #vts h1,.home-view #vts h2{font-size:50px;line-height:72px;font-weight:300;color:#0b1b20;margin:25px 0;position:relative}
.home-view #apps h1 strong,.home-view #apps h2 strong,.home-view #contacts h1 strong,.home-view #contacts h2 strong,.home-view #dashboard h1 strong,.home-view #dashboard h2 strong,.home-view #error h1 strong,.home-view #error h2 strong,.home-view #icons h1 strong,.home-view #icons h2 strong,.home-view #projects h1 strong,.home-view #projects h2 strong,.home-view #tasks h1 strong,.home-view #tasks h2 strong,.home-view #timetracker h1 strong,.home-view #timetracker h2 strong,.home-view #vts h1 strong,.home-view #vts h2 strong{font-weight:800}
.home-view #apps h1 span.small,.home-view #apps h2 span.small,.home-view #contacts h1 span.small,.home-view #contacts h2 span.small,.home-view #dashboard h1 span.small,.home-view #dashboard h2 span.small,.home-view #error h1 span.small,.home-view #error h2 span.small,.home-view #icons h1 span.small,.home-view #icons h2 span.small,.home-view #projects h1 span.small,.home-view #projects h2 span.small,.home-view #tasks h1 span.small,.home-view #tasks h2 span.small,.home-view #timetracker h1 span.small,.home-view #timetracker h2 span.small,.home-view #vts h1 span.small,.home-view #vts h2 span.small{font-weight:800;font-size:30px;line-height:45px;vertical-align:bottom}
.home-view #apps blockquote,.home-view #apps p,.home-view #apps ul,.home-view #contacts blockquote,.home-view #contacts p,.home-view #contacts ul,.home-view #dashboard blockquote,.home-view #dashboard p,.home-view #dashboard ul,.home-view #error blockquote,.home-view #error p,.home-view #error ul,.home-view #icons blockquote,.home-view #icons p,.home-view #icons ul,.home-view #projects blockquote,.home-view #projects p,.home-view #projects ul,.home-view #tasks blockquote,.home-view #tasks p,.home-view #tasks ul,.home-view #timetracker blockquote,.home-view #timetracker p,.home-view #timetracker ul,.home-view #vts blockquote,.home-view #vts p,.home-view #vts ul{position:relative;font-size:22px;line-height:30px;color:#53616a;margin:25px 0}
.home-view #apps blockquote .p-header,.home-view #apps p .p-header,.home-view #apps ul .p-header,.home-view #contacts blockquote .p-header,.home-view #contacts p .p-header,.home-view #contacts ul .p-header,.home-view #dashboard blockquote .p-header,.home-view #dashboard p .p-header,.home-view #dashboard ul .p-header,.home-view #error blockquote .p-header,.home-view #error p .p-header,.home-view #error ul .p-header,.home-view #icons blockquote .p-header,.home-view #icons p .p-header,.home-view #icons ul .p-header,.home-view #projects blockquote .p-header,.home-view #projects p .p-header,.home-view #projects ul .p-header,.home-view #tasks blockquote .p-header,.home-view #tasks p .p-header,.home-view #tasks ul .p-header,.home-view #timetracker blockquote .p-header,.home-view #timetracker p .p-header,.home-view #timetracker ul .p-header,.home-view #vts blockquote .p-header,.home-view #vts p .p-header,.home-view #vts ul .p-header{display:block;color:#00ca69;font-weight:800}
.home-view #apps #tryIt ul li,.home-view #contacts #tryIt ul li,.home-view #dashboard #tryIt ul li,.home-view #error #tryIt ul li,.home-view #icons #tryIt ul li,.home-view #projects #tryIt ul li,.home-view #tasks #tryIt ul li,.home-view #timetracker #tryIt ul li,.home-view #vts #tryIt ul li{line-height:40px;padding-left:20px;position:relative}
.home-view #apps #tryIt ul li:before,.home-view #contacts #tryIt ul li:before,.home-view #dashboard #tryIt ul li:before,.home-view #error #tryIt ul li:before,.home-view #icons #tryIt ul li:before,.home-view #projects #tryIt ul li:before,.home-view #tasks #tryIt ul li:before,.home-view #timetracker #tryIt ul li:before,.home-view #vts #tryIt ul li:before{position:absolute;left:0;top:13px;content:"";display:block;width:0;height:0;border-style:solid;border-width:6px 0 6px 6px;border-color:transparent transparent transparent #00ca69}
.home-view #apps #tryIt h2,.home-view #contacts #tryIt h2,.home-view #dashboard #tryIt h2,.home-view #error #tryIt h2,.home-view #icons #tryIt h2,.home-view #projects #tryIt h2,.home-view #tasks #tryIt h2,.home-view #timetracker #tryIt h2,.home-view #vts #tryIt h2{color:#fff;font-size:60px;line-height:65px}
.home-view #apps .vert-center,.home-view #apps.vert-center,.home-view #contacts .vert-center,.home-view #contacts.vert-center,.home-view #dashboard .vert-center,.home-view #dashboard.vert-center,.home-view #error .vert-center,.home-view #error.vert-center,.home-view #icons .vert-center,.home-view #icons.vert-center,.home-view #projects .vert-center,.home-view #projects.vert-center,.home-view #tasks .vert-center,.home-view #tasks.vert-center,.home-view #timetracker .vert-center,.home-view #timetracker.vert-center,.home-view #vts .vert-center,.home-view #vts.vert-center{-ms-flex-align:center;align-items:center;height:100%;display:-ms-flexbox;display:flex}
.home-view #apps .vert-bottom,.home-view #contacts .vert-bottom,.home-view #dashboard .vert-bottom,.home-view #error .vert-bottom,.home-view #icons .vert-bottom,.home-view #projects .vert-bottom,.home-view #tasks .vert-bottom,.home-view #timetracker .vert-bottom,.home-view #vts .vert-bottom{-ms-flex-align:end;align-items:flex-end;height:100%;display:-ms-flexbox;display:flex}
.home-view #apps .vert-hori-center,.home-view #contacts .vert-hori-center,.home-view #dashboard .vert-hori-center,.home-view #error .vert-hori-center,.home-view #icons .vert-hori-center,.home-view #projects .vert-hori-center,.home-view #tasks .vert-hori-center,.home-view #timetracker .vert-hori-center,.home-view #vts .vert-hori-center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100%;display:-ms-flexbox;display:flex}
.home-view #apps .txt-right,.home-view #contacts .txt-right,.home-view #dashboard .txt-right,.home-view #error .txt-right,.home-view #icons .txt-right,.home-view #projects .txt-right,.home-view #tasks .txt-right,.home-view #timetracker .txt-right,.home-view #vts .txt-right{text-align:right}
.home-view #apps .buble,.home-view #contacts .buble,.home-view #dashboard .buble,.home-view #error .buble,.home-view #icons .buble,.home-view #projects .buble,.home-view #tasks .buble,.home-view #timetracker .buble,.home-view #vts .buble{position:absolute;border-radius:50%;width:50px;height:50px}
.home-view #apps .buble.xxs,.home-view #contacts .buble.xxs,.home-view #dashboard .buble.xxs,.home-view #error .buble.xxs,.home-view #icons .buble.xxs,.home-view #projects .buble.xxs,.home-view #tasks .buble.xxs,.home-view #timetracker .buble.xxs,.home-view #vts .buble.xxs{width:13px;height:13px}
.home-view #apps .buble.xs,.home-view #contacts .buble.xs,.home-view #dashboard .buble.xs,.home-view #error .buble.xs,.home-view #icons .buble.xs,.home-view #projects .buble.xs,.home-view #tasks .buble.xs,.home-view #timetracker .buble.xs,.home-view #vts .buble.xs{width:17px;height:17px}
.home-view #apps .buble.sm,.home-view #contacts .buble.sm,.home-view #dashboard .buble.sm,.home-view #error .buble.sm,.home-view #icons .buble.sm,.home-view #projects .buble.sm,.home-view #tasks .buble.sm,.home-view #timetracker .buble.sm,.home-view #vts .buble.sm{width:34px;height:34px}
.home-view #apps .buble.l,.home-view #contacts .buble.l,.home-view #dashboard .buble.l,.home-view #error .buble.l,.home-view #icons .buble.l,.home-view #projects .buble.l,.home-view #tasks .buble.l,.home-view #timetracker .buble.l,.home-view #vts .buble.l{width:51px;height:51px}
.home-view #apps .buble.xl,.home-view #contacts .buble.xl,.home-view #dashboard .buble.xl,.home-view #error .buble.xl,.home-view #icons .buble.xl,.home-view #projects .buble.xl,.home-view #tasks .buble.xl,.home-view #timetracker .buble.xl,.home-view #vts .buble.xl{width:64px;height:64px}
.home-view #apps .buble.xxl,.home-view #contacts .buble.xxl,.home-view #dashboard .buble.xxl,.home-view #error .buble.xxl,.home-view #icons .buble.xxl,.home-view #projects .buble.xxl,.home-view #tasks .buble.xxl,.home-view #timetracker .buble.xxl,.home-view #vts .buble.xxl{width:102px;height:102px}
.home-view #apps .buble.color-1,.home-view #contacts .buble.color-1,.home-view #dashboard .buble.color-1,.home-view #error .buble.color-1,.home-view #icons .buble.color-1,.home-view #projects .buble.color-1,.home-view #tasks .buble.color-1,.home-view #timetracker .buble.color-1,.home-view #vts .buble.color-1{background:#822EFF}
.home-view #apps .buble.color-2,.home-view #contacts .buble.color-2,.home-view #dashboard .buble.color-2,.home-view #error .buble.color-2,.home-view #icons .buble.color-2,.home-view #projects .buble.color-2,.home-view #tasks .buble.color-2,.home-view #timetracker .buble.color-2,.home-view #vts .buble.color-2{background:#01CA6A}
.home-view #apps .buble.color-3,.home-view #contacts .buble.color-3,.home-view #dashboard .buble.color-3,.home-view #error .buble.color-3,.home-view #icons .buble.color-3,.home-view #projects .buble.color-3,.home-view #tasks .buble.color-3,.home-view #timetracker .buble.color-3,.home-view #vts .buble.color-3{background:#C92F96}
.home-view #apps .buble.color-4,.home-view #contacts .buble.color-4,.home-view #dashboard .buble.color-4,.home-view #error .buble.color-4,.home-view #icons .buble.color-4,.home-view #projects .buble.color-4,.home-view #tasks .buble.color-4,.home-view #timetracker .buble.color-4,.home-view #vts .buble.color-4{background:#ED2D7A}
.home-view #apps .buble.color-5,.home-view #contacts .buble.color-5,.home-view #dashboard .buble.color-5,.home-view #error .buble.color-5,.home-view #icons .buble.color-5,.home-view #projects .buble.color-5,.home-view #tasks .buble.color-5,.home-view #timetracker .buble.color-5,.home-view #vts .buble.color-5{background:#F3452C}
.home-view #apps .buble.color-6,.home-view #contacts .buble.color-6,.home-view #dashboard .buble.color-6,.home-view #error .buble.color-6,.home-view #icons .buble.color-6,.home-view #projects .buble.color-6,.home-view #tasks .buble.color-6,.home-view #timetracker .buble.color-6,.home-view #vts .buble.color-6{background:#002F41}
.home-view #apps .buble.color-7,.home-view #contacts .buble.color-7,.home-view #dashboard .buble.color-7,.home-view #error .buble.color-7,.home-view #icons .buble.color-7,.home-view #projects .buble.color-7,.home-view #tasks .buble.color-7,.home-view #timetracker .buble.color-7,.home-view #vts .buble.color-7{background:#5800DF}
.home-view #apps .scroll-indicator,.home-view #contacts .scroll-indicator,.home-view #dashboard .scroll-indicator,.home-view #error .scroll-indicator,.home-view #icons .scroll-indicator,.home-view #projects .scroll-indicator,.home-view #tasks .scroll-indicator,.home-view #timetracker .scroll-indicator,.home-view #vts .scroll-indicator{width:25px;height:40px;border:2px solid #fff;border-radius:15px;cursor:pointer;position:absolute;bottom:40px;left:calc(50% - 12px);text-align:center}
.home-view #apps .scroll-indicator .scroll-wheel,.home-view #contacts .scroll-indicator .scroll-wheel,.home-view #dashboard .scroll-indicator .scroll-wheel,.home-view #error .scroll-indicator .scroll-wheel,.home-view #icons .scroll-indicator .scroll-wheel,.home-view #projects .scroll-indicator .scroll-wheel,.home-view #tasks .scroll-indicator .scroll-wheel,.home-view #timetracker .scroll-indicator .scroll-wheel,.home-view #vts .scroll-indicator .scroll-wheel{height:8px;margin:2px auto 0;display:block;width:3px;background-color:#fff;border-radius:35%;animation:1.6s ease infinite wheel-up-down}
.home-view .subpage section{min-height:105vh;padding-top:25px;background:#F5F7F7;background:linear-gradient(to bottom,#f5f7f7 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F7F7',endColorstr='#ffffff',GradientType=0)}
.home-view .subpage #intro{min-height:100vh}
.home-view .subpage #intro h1,.home-view .subpage #intro p{color:#fff}
.home-view .subpage #intro .intro-content{margin-bottom:200px}
.home-view .subpage .img-responsive{max-width:95%}
.home-view .subpage .assets-imgs{position:relative}
.home-view .subpage .assets-imgs .assets-navigation-tabs{position:absolute;bottom:17%;right:10px}
.home-view .subpage .assets-imgs .assets-navigation-tabs .currentTab{height:30px;width:4px;background:#E0E3E3;margin-bottom:3px;position:relative;transition:background-color .3s ease}
.home-view .subpage .assets-imgs .assets-navigation-tabs .currentTab:before{content:"";display:block;width:15px;height:100%;position:absolute;left:-5px;top:0}
.home-view .subpage .assets-imgs .assets-navigation-tabs .currentTab:hover{background:#5C04E0}
.home-view .subpage .assets-imgs .assets-navigation-tabs .currentTab.active{background:#00C969}
.home-view .subpage .section-header{display:block;font-size:200px;position:absolute;font-weight:900;color:#EFF1F2;left:-24px;top:60px}
.home-view .subpage #collaboration .navigation-multi-tabs,.home-view .subpage #communication .navigation-multi-tabs,.home-view .subpage #management .navigation-multi-tabs,.home-view .subpage .img-on-left .navigation-multi-tabs,.home-view .subpage .img-on-right .navigation-multi-tabs{font-size:20px;font-weight:800;color:#213d4e;display:-ms-flexbox;display:flex;margin-bottom:65px}
@media screen and (max-width:480px){.home-view .subpage #collaboration .navigation-multi-tabs,.home-view .subpage #communication .navigation-multi-tabs,.home-view .subpage #management .navigation-multi-tabs,.home-view .subpage .img-on-left .navigation-multi-tabs,.home-view .subpage .img-on-right .navigation-multi-tabs{-ms-flex-pack:distribute;justify-content:space-around}
}.home-view .subpage #collaboration .navigation-multi-tabs div,.home-view .subpage #communication .navigation-multi-tabs div,.home-view .subpage #management .navigation-multi-tabs div,.home-view .subpage .img-on-left .navigation-multi-tabs div,.home-view .subpage .img-on-right .navigation-multi-tabs div{transition:border-color .3s;border-bottom:3px solid transparent;margin-right:50px;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;padding-bottom:5px}
.home-view .subpage #collaboration .navigation-multi-tabs div:hover,.home-view .subpage #communication .navigation-multi-tabs div:hover,.home-view .subpage #management .navigation-multi-tabs div:hover,.home-view .subpage .img-on-left .navigation-multi-tabs div:hover,.home-view .subpage .img-on-right .navigation-multi-tabs div:hover{color:#00ca69}
@media screen and (max-width:480px){.home-view .subpage #collaboration .navigation-multi-tabs div,.home-view .subpage #communication .navigation-multi-tabs div,.home-view .subpage #management .navigation-multi-tabs div,.home-view .subpage .img-on-left .navigation-multi-tabs div,.home-view .subpage .img-on-right .navigation-multi-tabs div{margin-right:0}
}.home-view .subpage #collaboration .navigation-multi-tabs .active,.home-view .subpage #communication .navigation-multi-tabs .active,.home-view .subpage #management .navigation-multi-tabs .active,.home-view .subpage .img-on-left .navigation-multi-tabs .active,.home-view .subpage .img-on-right .navigation-multi-tabs .active{font-weight:800;color:#00ca69;border-bottom:3px solid}
.home-view .subpage #collaboration .current-collaboration-tab,.home-view .subpage #collaboration .current-communication-tab,.home-view .subpage #collaboration .img-on-left-current-tab,.home-view .subpage #collaboration .img-on-right-current-tab,.home-view .subpage #communication .current-collaboration-tab,.home-view .subpage #communication .current-communication-tab,.home-view .subpage #communication .img-on-left-current-tab,.home-view .subpage #communication .img-on-right-current-tab,.home-view .subpage #management .current-collaboration-tab,.home-view .subpage #management .current-communication-tab,.home-view .subpage #management .img-on-left-current-tab,.home-view .subpage #management .img-on-right-current-tab,.home-view .subpage .img-on-left .current-collaboration-tab,.home-view .subpage .img-on-left .current-communication-tab,.home-view .subpage .img-on-left .img-on-left-current-tab,.home-view .subpage .img-on-left .img-on-right-current-tab,.home-view .subpage .img-on-right .current-collaboration-tab,.home-view .subpage .img-on-right .current-communication-tab,.home-view .subpage .img-on-right .img-on-left-current-tab,.home-view .subpage .img-on-right .img-on-right-current-tab{height:300px}
.home-view .subpage #collaboration .current-collaboration-tab p,.home-view .subpage #collaboration .current-communication-tab p,.home-view .subpage #collaboration .img-on-left-current-tab p,.home-view .subpage #collaboration .img-on-right-current-tab p,.home-view .subpage #communication .current-collaboration-tab p,.home-view .subpage #communication .current-communication-tab p,.home-view .subpage #communication .img-on-left-current-tab p,.home-view .subpage #communication .img-on-right-current-tab p,.home-view .subpage #management .current-collaboration-tab p,.home-view .subpage #management .current-communication-tab p,.home-view .subpage #management .img-on-left-current-tab p,.home-view .subpage #management .img-on-right-current-tab p,.home-view .subpage .img-on-left .current-collaboration-tab p,.home-view .subpage .img-on-left .current-communication-tab p,.home-view .subpage .img-on-left .img-on-left-current-tab p,.home-view .subpage .img-on-left .img-on-right-current-tab p,.home-view .subpage .img-on-right .current-collaboration-tab p,.home-view .subpage .img-on-right .current-communication-tab p,.home-view .subpage .img-on-right .img-on-left-current-tab p,.home-view .subpage .img-on-right .img-on-right-current-tab p{max-width:510px;min-height:90px}
.home-view .subpage #features{padding:270px 0 6%}
.home-view .subpage #features .currentFeaturesElement{color:#909EA6;margin-bottom:15%;font-size:18px;line-height:28px}
.home-view .subpage #features .currentFeaturesElement svg{width:32px}
.home-view .subpage #features .currentFeaturesElement strong{font-weight:800;display:block;color:#425A69;margin-bottom:20px}
.home-view .subpage #features .currentFeaturesElement.coming-soon-element strong:first-child{font-size:14px;margin-bottom:0;line-height:6px;margin-top:4px}
.home-view .subpage #features .currentFeaturesElement.coming-soon-element strong:nth-child(2){font-size:16px;color:#cfd4d4}
.home-view .subpage #tryIt{background:#0C2129}
.home-view .subpage #tryIt h1,.home-view .subpage #tryIt p,.home-view .subpage #tryIt ul{color:#fff}
.home-view .subpage #tryIt .tryIt-img{opacity:.3;position:absolute;right:-2%;top:50%;width:54%;transform:translateY(-54%)}
.home-view .subpage #tryIt .buble.pos-1{top:12%;left:10%}
.home-view .subpage #tryIt .buble.pos-2{top:20%;left:32%}
.home-view .subpage #tryIt .buble.pos-4{bottom:10%;left:3%}
.home-view .subpage #tryIt .buble.pos-5{top:61%;left:45%}
.home-view .subpage #tryIt .buble.pos-6{right:-35px;top:43%}
.home-view .subpage #tryIt .margin-for-tablet{z-index:2}
.home-view .subpage #collaboration,.home-view .subpage #communication,.home-view .subpage #management,.home-view .subpage .img-on-left,.home-view .subpage .img-on-right{background:#F5F7F7;background:linear-gradient(to bottom,#f5f7f7 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F7F7',endColorstr='#ffffff',GradientType=0)}
#apps .apps-list .single-app.contacts,#apps .apps-list .single-app.icons,#apps .apps-list .single-app.projects,#apps .apps-list .single-app.task,#apps .apps-list .single-app.tt,#apps .apps-list .single-app.vt{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@color-bg',endColorstr='@color-gradient',GradientType=1)}
.home-view .subpage #collaboration .collaboration-svg-bg,.home-view .subpage #collaboration .img-on-right-svg-bg,.home-view .subpage #communication .collaboration-svg-bg,.home-view .subpage #communication .img-on-right-svg-bg,.home-view .subpage #management .collaboration-svg-bg,.home-view .subpage #management .img-on-right-svg-bg,.home-view .subpage .img-on-left .collaboration-svg-bg,.home-view .subpage .img-on-left .img-on-right-svg-bg,.home-view .subpage .img-on-right .collaboration-svg-bg,.home-view .subpage .img-on-right .img-on-right-svg-bg{position:absolute;height:120%;left:3%}
.home-view .subpage #collaboration .section-header,.home-view .subpage #communication .section-header,.home-view .subpage #management .section-header,.home-view .subpage .img-on-left .section-header,.home-view .subpage .img-on-right .section-header{font-size:150px;color:#eaeeee;left:auto;right:200px;top:15%}
.home-view .subpage #collaboration .collaboration-tab-img,.home-view .subpage #collaboration .communication-tab-img,.home-view .subpage #collaboration .img-on-left-tab-container,.home-view .subpage #collaboration .img-on-right-tab-container,.home-view .subpage #communication .collaboration-tab-img,.home-view .subpage #communication .communication-tab-img,.home-view .subpage #communication .img-on-left-tab-container,.home-view .subpage #communication .img-on-right-tab-container,.home-view .subpage #management .collaboration-tab-img,.home-view .subpage #management .communication-tab-img,.home-view .subpage #management .img-on-left-tab-container,.home-view .subpage #management .img-on-right-tab-container,.home-view .subpage .img-on-left .collaboration-tab-img,.home-view .subpage .img-on-left .communication-tab-img,.home-view .subpage .img-on-left .img-on-left-tab-container,.home-view .subpage .img-on-left .img-on-right-tab-container,.home-view .subpage .img-on-right .collaboration-tab-img,.home-view .subpage .img-on-right .communication-tab-img,.home-view .subpage .img-on-right .img-on-left-tab-container,.home-view .subpage .img-on-right .img-on-right-tab-container{position:absolute;width:1100px;right:31px;top:calc(17%)}
.home-view .subpage #communication .section-header,.home-view .subpage .img-on-left .section-header{left:-15px;right:auto}
.home-view .subpage #communication .communication-tab-img,.home-view .subpage #communication .img-on-left-tab-container,.home-view .subpage .img-on-left .communication-tab-img,.home-view .subpage .img-on-left .img-on-left-tab-container{right:auto;left:-10px}
.home-view .subpage #communication .communication-svg-bg,.home-view .subpage #communication .img-on-left-svg-bg,.home-view .subpage .img-on-left .communication-svg-bg,.home-view .subpage .img-on-left .img-on-left-svg-bg{position:absolute;height:100%;left:30%}
@media screen and (min-width:2000px){.home-view #apps h1,.home-view #apps h2,.home-view #contacts h1,.home-view #contacts h2,.home-view #dashboard h1,.home-view #dashboard h2,.home-view #error h1,.home-view #error h2,.home-view #icons h1,.home-view #icons h2,.home-view #projects h1,.home-view #projects h2,.home-view #tasks h1,.home-view #tasks h2,.home-view #timetracker h1,.home-view #timetracker h2,.home-view #vts h1,.home-view #vts h2{font-size:80px;line-height:85px}
.home-view #apps h1 span.small,.home-view #apps h2 span.small,.home-view #contacts h1 span.small,.home-view #contacts h2 span.small,.home-view #dashboard h1 span.small,.home-view #dashboard h2 span.small,.home-view #error h1 span.small,.home-view #error h2 span.small,.home-view #icons h1 span.small,.home-view #icons h2 span.small,.home-view #projects h1 span.small,.home-view #projects h2 span.small,.home-view #tasks h1 span.small,.home-view #tasks h2 span.small,.home-view #timetracker h1 span.small,.home-view #timetracker h2 span.small,.home-view #vts h1 span.small,.home-view #vts h2 span.small{line-height:58px}
.home-view #apps blockquote,.home-view #apps p,.home-view #apps ul,.home-view #contacts blockquote,.home-view #contacts p,.home-view #contacts ul,.home-view #dashboard blockquote,.home-view #dashboard p,.home-view #dashboard ul,.home-view #error blockquote,.home-view #error p,.home-view #error ul,.home-view #icons blockquote,.home-view #icons p,.home-view #icons ul,.home-view #projects blockquote,.home-view #projects p,.home-view #projects ul,.home-view #tasks blockquote,.home-view #tasks p,.home-view #tasks ul,.home-view #timetracker blockquote,.home-view #timetracker p,.home-view #timetracker ul,.home-view #vts blockquote,.home-view #vts p,.home-view #vts ul{font-size:22px;line-height:30px}
}@media screen and (min-width:2250px){.home-view #apps h1,.home-view #apps h2,.home-view #contacts h1,.home-view #contacts h2,.home-view #dashboard h1,.home-view #dashboard h2,.home-view #error h1,.home-view #error h2,.home-view #icons h1,.home-view #icons h2,.home-view #projects h1,.home-view #projects h2,.home-view #tasks h1,.home-view #tasks h2,.home-view #timetracker h1,.home-view #timetracker h2,.home-view #vts h1,.home-view #vts h2{font-size:90px;line-height:95px}
.home-view #apps h1 span.small,.home-view #apps h2 span.small,.home-view #contacts h1 span.small,.home-view #contacts h2 span.small,.home-view #dashboard h1 span.small,.home-view #dashboard h2 span.small,.home-view #error h1 span.small,.home-view #error h2 span.small,.home-view #icons h1 span.small,.home-view #icons h2 span.small,.home-view #projects h1 span.small,.home-view #projects h2 span.small,.home-view #tasks h1 span.small,.home-view #tasks h2 span.small,.home-view #timetracker h1 span.small,.home-view #timetracker h2 span.small,.home-view #vts h1 span.small,.home-view #vts h2 span.small{line-height:54px}
.home-view #apps blockquote,.home-view #apps p,.home-view #apps ul,.home-view #contacts blockquote,.home-view #contacts p,.home-view #contacts ul,.home-view #dashboard blockquote,.home-view #dashboard p,.home-view #dashboard ul,.home-view #error blockquote,.home-view #error p,.home-view #error ul,.home-view #icons blockquote,.home-view #icons p,.home-view #icons ul,.home-view #projects blockquote,.home-view #projects p,.home-view #projects ul,.home-view #tasks blockquote,.home-view #tasks p,.home-view #tasks ul,.home-view #timetracker blockquote,.home-view #timetracker p,.home-view #timetracker ul,.home-view #vts blockquote,.home-view #vts p,.home-view #vts ul{font-size:25px;line-height:35px}
}@media (max-width:1899px){.home-view .subpage #intro .intro-content{margin-bottom:120px}
.home-view .subpage #collaboration .collaboration-tab-img,.home-view .subpage #collaboration .communication-tab-img,.home-view .subpage #collaboration .img-on-left-tab-container,.home-view .subpage #collaboration .img-on-right-tab-container,.home-view .subpage #communication .collaboration-tab-img,.home-view .subpage #communication .communication-tab-img,.home-view .subpage #communication .img-on-left-tab-container,.home-view .subpage #communication .img-on-right-tab-container,.home-view .subpage #management .collaboration-tab-img,.home-view .subpage #management .communication-tab-img,.home-view .subpage #management .img-on-left-tab-container,.home-view .subpage #management .img-on-right-tab-container,.home-view .subpage .img-on-left .collaboration-tab-img,.home-view .subpage .img-on-left .communication-tab-img,.home-view .subpage .img-on-left .img-on-left-tab-container,.home-view .subpage .img-on-left .img-on-right-tab-container,.home-view .subpage .img-on-right .collaboration-tab-img,.home-view .subpage .img-on-right .communication-tab-img,.home-view .subpage .img-on-right .img-on-left-tab-container,.home-view .subpage .img-on-right .img-on-right-tab-container{width:1010px;right:-130px;top:calc(18%)}
.home-view .subpage #collaboration .img-on-left-tab-container,.home-view .subpage #communication .img-on-left-tab-container,.home-view .subpage #management .img-on-left-tab-container,.home-view .subpage .img-on-left .img-on-left-tab-container,.home-view .subpage .img-on-right .img-on-left-tab-container{left:-10%}
.home-view .subpage #collaboration .section-header,.home-view .subpage #communication .section-header,.home-view .subpage #management .section-header,.home-view .subpage .img-on-left .section-header,.home-view .subpage .img-on-right .section-header{right:-20px;top:15%}
}@media screen and (max-width:1599px){.home-view .subpage .section-header{font-size:175px}
.home-view .subpage #collaboration .collaboration-tab-img,.home-view .subpage #collaboration .communication-tab-img,.home-view .subpage #collaboration .img-on-left-tab-container,.home-view .subpage #collaboration .img-on-right-tab-container,.home-view .subpage #communication .collaboration-tab-img,.home-view .subpage #communication .communication-tab-img,.home-view .subpage #communication .img-on-left-tab-container,.home-view .subpage #communication .img-on-right-tab-container,.home-view .subpage #management .collaboration-tab-img,.home-view .subpage #management .communication-tab-img,.home-view .subpage #management .img-on-left-tab-container,.home-view .subpage #management .img-on-right-tab-container,.home-view .subpage .img-on-left .collaboration-tab-img,.home-view .subpage .img-on-left .communication-tab-img,.home-view .subpage .img-on-left .img-on-left-tab-container,.home-view .subpage .img-on-left .img-on-right-tab-container,.home-view .subpage .img-on-right .collaboration-tab-img,.home-view .subpage .img-on-right .communication-tab-img,.home-view .subpage .img-on-right .img-on-left-tab-container,.home-view .subpage .img-on-right .img-on-right-tab-container{width:1010px;right:-20%;top:16%}
.home-view .subpage #collaboration .communication-tab-img,.home-view .subpage #collaboration .img-on-left-tab-container,.home-view .subpage #communication .communication-tab-img,.home-view .subpage #communication .img-on-left-tab-container,.home-view .subpage #management .communication-tab-img,.home-view .subpage #management .img-on-left-tab-container,.home-view .subpage .img-on-left .communication-tab-img,.home-view .subpage .img-on-left .img-on-left-tab-container,.home-view .subpage .img-on-right .communication-tab-img,.home-view .subpage .img-on-right .img-on-left-tab-container{right:auto;left:-20%}
.home-view .subpage #collaboration .section-header,.home-view .subpage #communication .section-header,.home-view .subpage #management .section-header,.home-view .subpage .img-on-left .section-header,.home-view .subpage .img-on-right .section-header{font-size:120px}
.home-view .subpage #collaboration .navigation-multi-tabs,.home-view .subpage #communication .navigation-multi-tabs,.home-view .subpage #features .currentFeaturesElement,.home-view .subpage #management .navigation-multi-tabs,.home-view .subpage .img-on-left .navigation-multi-tabs,.home-view .subpage .img-on-right .navigation-multi-tabs{font-size:16px}
.home-view .subpage #features .currentFeaturesElement strong{margin-bottom:15px}
.home-view #apps h1,.home-view #apps h2,.home-view #contacts h1,.home-view #contacts h2,.home-view #dashboard h1,.home-view #dashboard h2,.home-view #error h1,.home-view #error h2,.home-view #icons h1,.home-view #icons h2,.home-view #projects h1,.home-view #projects h2,.home-view #tasks h1,.home-view #tasks h2,.home-view #timetracker h1,.home-view #timetracker h2,.home-view #vts h1,.home-view #vts h2{font-size:48px;line-height:52px}
.home-view #apps h1 span.small,.home-view #apps h2 span.small,.home-view #contacts h1 span.small,.home-view #contacts h2 span.small,.home-view #dashboard h1 span.small,.home-view #dashboard h2 span.small,.home-view #error h1 span.small,.home-view #error h2 span.small,.home-view #icons h1 span.small,.home-view #icons h2 span.small,.home-view #projects h1 span.small,.home-view #projects h2 span.small,.home-view #tasks h1 span.small,.home-view #tasks h2 span.small,.home-view #timetracker h1 span.small,.home-view #timetracker h2 span.small,.home-view #vts h1 span.small,.home-view #vts h2 span.small{line-height:40px}
.home-view #apps blockquote,.home-view #apps p,.home-view #apps ul,.home-view #contacts blockquote,.home-view #contacts p,.home-view #contacts ul,.home-view #dashboard blockquote,.home-view #dashboard p,.home-view #dashboard ul,.home-view #error blockquote,.home-view #error p,.home-view #error ul,.home-view #icons blockquote,.home-view #icons p,.home-view #icons ul,.home-view #projects blockquote,.home-view #projects p,.home-view #projects ul,.home-view #tasks blockquote,.home-view #tasks p,.home-view #tasks ul,.home-view #timetracker blockquote,.home-view #timetracker p,.home-view #timetracker ul,.home-view #vts blockquote,.home-view #vts p,.home-view #vts ul{font-size:19px;line-height:26px}
}@media screen and (min-width:1200px) and (max-width:1599px) and (max-height:900px){.home-view .subpage #collaboration,.home-view .subpage #communication,.home-view .subpage #management,.home-view .subpage .img-on-left,.home-view .subpage .img-on-right{max-height:800px}
.home-view .subpage #collaboration .section-header,.home-view .subpage #communication .section-header,.home-view .subpage #management .section-header,.home-view .subpage .img-on-left .section-header,.home-view .subpage .img-on-right .section-header{top:5%}
.home-view .subpage #collaboration .collaboration-tab-img,.home-view .subpage #collaboration .communication-tab-img,.home-view .subpage #collaboration .img-on-left-tab-container,.home-view .subpage #collaboration .img-on-right-tab-container,.home-view .subpage #communication .collaboration-tab-img,.home-view .subpage #communication .communication-tab-img,.home-view .subpage #communication .img-on-left-tab-container,.home-view .subpage #communication .img-on-right-tab-container,.home-view .subpage #management .collaboration-tab-img,.home-view .subpage #management .communication-tab-img,.home-view .subpage #management .img-on-left-tab-container,.home-view .subpage #management .img-on-right-tab-container,.home-view .subpage .img-on-left .collaboration-tab-img,.home-view .subpage .img-on-left .communication-tab-img,.home-view .subpage .img-on-left .img-on-left-tab-container,.home-view .subpage .img-on-left .img-on-right-tab-container,.home-view .subpage .img-on-right .collaboration-tab-img,.home-view .subpage .img-on-right .communication-tab-img,.home-view .subpage .img-on-right .img-on-left-tab-container,.home-view .subpage .img-on-right .img-on-right-tab-container{top:6%}
.home-view .subpage #collaboration .navigation-multi-tabs,.home-view .subpage #communication .navigation-multi-tabs,.home-view .subpage #management .navigation-multi-tabs,.home-view .subpage .img-on-left .navigation-multi-tabs,.home-view .subpage .img-on-right .navigation-multi-tabs{margin-bottom:20px}
}@media screen and (max-width:1199px){.home-view .subpage #collaboration .section-header,.home-view .subpage #communication .section-header,.home-view .subpage #management .section-header,.home-view .subpage .img-on-left .section-header,.home-view .subpage .img-on-right .section-header{right:-20px;top:12%}
.home-view .subpage #collaboration .img-on-right-svg-bg,.home-view .subpage #communication .img-on-right-svg-bg,.home-view .subpage #management .img-on-right-svg-bg,.home-view .subpage .img-on-left .img-on-right-svg-bg,.home-view .subpage .img-on-right .img-on-right-svg-bg{left:-400px}
.home-view .subpage #collaboration .collaboration-tab-img,.home-view .subpage #collaboration .communication-tab-img,.home-view .subpage #collaboration .img-on-left-tab-container,.home-view .subpage #collaboration .img-on-right-tab-container,.home-view .subpage #communication .collaboration-tab-img,.home-view .subpage #communication .communication-tab-img,.home-view .subpage #communication .img-on-left-tab-container,.home-view .subpage #communication .img-on-right-tab-container,.home-view .subpage #management .collaboration-tab-img,.home-view .subpage #management .communication-tab-img,.home-view .subpage #management .img-on-left-tab-container,.home-view .subpage #management .img-on-right-tab-container,.home-view .subpage .img-on-left .collaboration-tab-img,.home-view .subpage .img-on-left .communication-tab-img,.home-view .subpage .img-on-left .img-on-left-tab-container,.home-view .subpage .img-on-left .img-on-right-tab-container,.home-view .subpage .img-on-right .collaboration-tab-img,.home-view .subpage .img-on-right .communication-tab-img,.home-view .subpage .img-on-right .img-on-left-tab-container,.home-view .subpage .img-on-right .img-on-right-tab-container{width:70%;right:-16%;top:calc(16%)}
.home-view .subpage #collaboration .navigation-multi-tabs,.home-view .subpage #communication .navigation-multi-tabs,.home-view .subpage #management .navigation-multi-tabs,.home-view .subpage .img-on-left .navigation-multi-tabs,.home-view .subpage .img-on-right .navigation-multi-tabs{margin-bottom:15px}
.home-view .subpage #collaboration .current-collaboration-tab,.home-view .subpage #collaboration .current-communication-tab,.home-view .subpage #collaboration .img-on-left-current-tab,.home-view .subpage #collaboration .img-on-right-current-tab,.home-view .subpage #communication .current-collaboration-tab,.home-view .subpage #communication .current-communication-tab,.home-view .subpage #communication .img-on-left-current-tab,.home-view .subpage #communication .img-on-right-current-tab,.home-view .subpage #management .current-collaboration-tab,.home-view .subpage #management .current-communication-tab,.home-view .subpage #management .img-on-left-current-tab,.home-view .subpage #management .img-on-right-current-tab,.home-view .subpage .img-on-left .current-collaboration-tab,.home-view .subpage .img-on-left .current-communication-tab,.home-view .subpage .img-on-left .img-on-left-current-tab,.home-view .subpage .img-on-left .img-on-right-current-tab,.home-view .subpage .img-on-right .current-collaboration-tab,.home-view .subpage .img-on-right .current-communication-tab,.home-view .subpage .img-on-right .img-on-left-current-tab,.home-view .subpage .img-on-right .img-on-right-current-tab{height:250px}
.home-view .subpage #communication .communication-tab-img,.home-view .subpage #communication .img-on-left-tab-container,.home-view .subpage .img-on-left .communication-tab-img,.home-view .subpage .img-on-left .img-on-left-tab-container{right:auto;left:-16%}
}@media screen and (max-width:991px){.home-view .subpage .section-header{font-size:148px}
.home-view .subpage #collaboration,.home-view .subpage #communication,.home-view .subpage #management,.home-view .subpage .img-on-left,.home-view .subpage .img-on-right{padding-top:95%}
.home-view .subpage #collaboration .collaboration-tab-img,.home-view .subpage #collaboration .communication-tab-img,.home-view .subpage #collaboration .img-on-left-tab-container,.home-view .subpage #collaboration .img-on-right-tab-container,.home-view .subpage #communication .collaboration-tab-img,.home-view .subpage #communication .communication-tab-img,.home-view .subpage #communication .img-on-left-tab-container,.home-view .subpage #communication .img-on-right-tab-container,.home-view .subpage #management .collaboration-tab-img,.home-view .subpage #management .communication-tab-img,.home-view .subpage #management .img-on-left-tab-container,.home-view .subpage #management .img-on-right-tab-container,.home-view .subpage .img-on-left .collaboration-tab-img,.home-view .subpage .img-on-left .communication-tab-img,.home-view .subpage .img-on-left .img-on-left-tab-container,.home-view .subpage .img-on-left .img-on-right-tab-container,.home-view .subpage .img-on-right .collaboration-tab-img,.home-view .subpage .img-on-right .communication-tab-img,.home-view .subpage .img-on-right .img-on-left-tab-container,.home-view .subpage .img-on-right .img-on-right-tab-container{width:100%;right:-16%;top:calc(15%)}
.home-view .subpage #collaboration .navigation-multi-tabs,.home-view .subpage #communication .navigation-multi-tabs,.home-view .subpage #management .navigation-multi-tabs,.home-view .subpage .img-on-left .navigation-multi-tabs,.home-view .subpage .img-on-right .navigation-multi-tabs{margin-bottom:0}
.home-view .subpage #collaboration .current-collaboration-tab p,.home-view .subpage #collaboration .img-on-right-current-tab p,.home-view .subpage #communication .current-collaboration-tab p,.home-view .subpage #communication .img-on-right-current-tab p,.home-view .subpage #management .current-collaboration-tab p,.home-view .subpage #management .img-on-right-current-tab p,.home-view .subpage .img-on-left .current-collaboration-tab p,.home-view .subpage .img-on-left .img-on-right-current-tab p,.home-view .subpage .img-on-right .current-collaboration-tab p,.home-view .subpage .img-on-right .img-on-right-current-tab p{min-height:70px}
.home-view .subpage #tryIt .margin-for-tablet{margin-top:10%}
.home-view .subpage #tryIt .tryIt-img{opacity:.3;position:absolute;right:-60%;top:-10%;width:144%;transform:translateY(0)}
.hidden-sm-down{display:none}
}@media screen and (min-width:480px){.home-view .subpage #tryIt h2 br{display:none}
}@media screen and (max-width:767px){.home-view .subpage #intro,.home-view .subpage section{min-height:auto}
.home-view .subpage #intro .intro-content{margin-top:110%;margin-bottom:40px}
.home-view .subpage .section-header{display:none}
.home-view .subpage #collaboration,.home-view .subpage #communication,.home-view .subpage #management,.home-view .subpage .img-on-left,.home-view .subpage .img-on-right{padding-top:95%}
.home-view .subpage #collaboration .section-header,.home-view .subpage #communication .section-header,.home-view .subpage #management .section-header,.home-view .subpage .img-on-left .section-header,.home-view .subpage .img-on-right .section-header{display:block;font-size:50px;top:30px;right:0;left:0}
.hidden-xs-down,.home-view .subpage #tryIt .buble{display:none}
.home-view .subpage #collaboration .collaboration-tab-img,.home-view .subpage #collaboration .communication-tab-img,.home-view .subpage #collaboration .img-on-left-tab-container,.home-view .subpage #collaboration .img-on-right-tab-container,.home-view .subpage #communication .collaboration-tab-img,.home-view .subpage #communication .communication-tab-img,.home-view .subpage #communication .img-on-left-tab-container,.home-view .subpage #communication .img-on-right-tab-container,.home-view .subpage #management .collaboration-tab-img,.home-view .subpage #management .communication-tab-img,.home-view .subpage #management .img-on-left-tab-container,.home-view .subpage #management .img-on-right-tab-container,.home-view .subpage .img-on-left .collaboration-tab-img,.home-view .subpage .img-on-left .communication-tab-img,.home-view .subpage .img-on-left .img-on-left-tab-container,.home-view .subpage .img-on-left .img-on-right-tab-container,.home-view .subpage .img-on-right .collaboration-tab-img,.home-view .subpage .img-on-right .communication-tab-img,.home-view .subpage .img-on-right .img-on-left-tab-container,.home-view .subpage .img-on-right .img-on-right-tab-container{width:100%;top:45px;right:0}
.home-view .subpage #collaboration .navigation-multi-tabs,.home-view .subpage #communication .navigation-multi-tabs,.home-view .subpage #management .navigation-multi-tabs,.home-view .subpage .img-on-left .navigation-multi-tabs,.home-view .subpage .img-on-right .navigation-multi-tabs{margin-bottom:0;font-size:13px}
.home-view .subpage #features{padding:10% 0}
.home-view .subpage #features .currentFeaturesElement{margin-bottom:10%}
.home-view .subpage #tryIt{min-height:100vh;padding-top:50%}
.home-view .subpage #tryIt .margin-for-tablet{z-index:2;margin-top:0}
.home-view .subpage #tryIt .tryIt-img{opacity:.3;position:absolute;right:0;top:120px;width:104%;transform:translateY(0)}
.home-view #apps h1,.home-view #apps h2,.home-view #contacts h1,.home-view #contacts h2,.home-view #dashboard h1,.home-view #dashboard h2,.home-view #error h1,.home-view #error h2,.home-view #icons h1,.home-view #icons h2,.home-view #projects h1,.home-view #projects h2,.home-view #tasks h1,.home-view #tasks h2,.home-view #timetracker h1,.home-view #timetracker h2,.home-view #vts h1,.home-view #vts h2{font-size:30px;line-height:36px;margin:20px 0}
.home-view #apps h1 span.small,.home-view #apps h2 span.small,.home-view #contacts h1 span.small,.home-view #contacts h2 span.small,.home-view #dashboard h1 span.small,.home-view #dashboard h2 span.small,.home-view #error h1 span.small,.home-view #error h2 span.small,.home-view #icons h1 span.small,.home-view #icons h2 span.small,.home-view #projects h1 span.small,.home-view #projects h2 span.small,.home-view #tasks h1 span.small,.home-view #tasks h2 span.small,.home-view #timetracker h1 span.small,.home-view #timetracker h2 span.small,.home-view #vts h1 span.small,.home-view #vts h2 span.small{font-size:20px;line-height:30px}
.home-view #apps blockquote,.home-view #apps p,.home-view #apps ul,.home-view #contacts blockquote,.home-view #contacts p,.home-view #contacts ul,.home-view #dashboard blockquote,.home-view #dashboard p,.home-view #dashboard ul,.home-view #error blockquote,.home-view #error p,.home-view #error ul,.home-view #icons blockquote,.home-view #icons p,.home-view #icons ul,.home-view #projects blockquote,.home-view #projects p,.home-view #projects ul,.home-view #tasks blockquote,.home-view #tasks p,.home-view #tasks ul,.home-view #timetracker blockquote,.home-view #timetracker p,.home-view #timetracker ul,.home-view #vts blockquote,.home-view #vts p,.home-view #vts ul{font-size:17px;line-height:24px;margin:20px 0 30px}
.home-view #apps #tryIt ul li,.home-view #contacts #tryIt ul li,.home-view #dashboard #tryIt ul li,.home-view #error #tryIt ul li,.home-view #icons #tryIt ul li,.home-view #projects #tryIt ul li,.home-view #tasks #tryIt ul li,.home-view #timetracker #tryIt ul li,.home-view #vts #tryIt ul li{line-height:24px;margin-bottom:20px}
.home-view #apps #tryIt ul li:before,.home-view #contacts #tryIt ul li:before,.home-view #dashboard #tryIt ul li:before,.home-view #error #tryIt ul li:before,.home-view #icons #tryIt ul li:before,.home-view #projects #tryIt ul li:before,.home-view #tasks #tryIt ul li:before,.home-view #timetracker #tryIt ul li:before,.home-view #vts #tryIt ul li:before{top:6px}
.home-view #apps .btn-xl,.home-view #contacts .btn-xl,.home-view #dashboard .btn-xl,.home-view #error .btn-xl,.home-view #icons .btn-xl,.home-view #projects .btn-xl,.home-view #tasks .btn-xl,.home-view #timetracker .btn-xl,.home-view #vts .btn-xl{padding:0 30px;margin-bottom:0}
.home-view #apps .btn-video,.home-view #contacts .btn-video,.home-view #dashboard .btn-video,.home-view #error .btn-video,.home-view #icons .btn-video,.home-view #projects .btn-video,.home-view #tasks .btn-video,.home-view #timetracker .btn-video,.home-view #vts .btn-video{padding:0 52px 0 30px}
}@media screen and (max-width:576px){.home-view .subpage #tryIt{min-height:auto;padding-top:initial}
}@media screen and (max-width:359px){.home-view .subpage #collaboration .navigation-multi-tabs div,.home-view .subpage #communication .navigation-multi-tabs div,.home-view .subpage #management .navigation-multi-tabs div,.home-view .subpage .img-on-left .navigation-multi-tabs div,.home-view .subpage .img-on-right .navigation-multi-tabs div{font-weight:500}
}#apps{background-color:#fff;min-height:100vh}
#apps .content-header{padding-top:70px}
#apps .apps-list .single-app{padding:20px 20px 50px;border-radius:3px;overflow:hidden;position:relative;margin-bottom:30px;transition:.3s}
#apps .apps-list .single-app:hover{opacity:.9}
#apps .apps-list .single-app:before{top:20px;left:20px}
#apps .apps-list .single-app small{color:#fff;font-size:16px}
#apps .apps-list .single-app .app-icon-box{height:200px;position:relative}
#apps .apps-list .single-app .app-icon-box .app-icon-svg{position:absolute;fill:#fff;width:48px;top:70px;right:-9px}
#apps .apps-list .single-app .app-icon-box .app-circles{position:absolute;width:349px;top:-80px;right:-160px}
#apps .apps-list .single-app .app-name{color:#fff;font-size:25px;font-weight:800;line-height:28px;margin:0}
#apps .apps-list .single-app .app-desc{font-size:14px;line-height:23px;margin:8px 0;height:40px}
#apps .apps-list .single-app .link-to-subpage{color:#fff;display:-ms-flexbox;display:flex;font-size:15px;text-decoration:none;transition:color .3s ease;position:absolute;top:0;left:0;width:100%;height:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end;padding-bottom:20px}
#contacts section,#icons section,#projects section,#tasks section,#timetracker section,#vts section{position:relative;overflow:hidden}
#apps .apps-list .single-app .link-to-subpage:active,#apps .apps-list .single-app .link-to-subpage:focus,#apps .apps-list .single-app .link-to-subpage:hover{color:#d9d9d9}
#apps .apps-list .single-app .btn-apps{z-index:1}
#apps .apps-list .single-app.task{background:#425bdc;background:linear-gradient(135deg,#425bdc 0,#2047c1 100%)}
#apps .apps-list .single-app.task .app-desc,#apps .apps-list .single-app.task.beta-version:before{color:#d0d6f6}
#apps .apps-list .single-app.vt{background:#ff4825;background:linear-gradient(135deg,#ff4825 0,#ef3719 100%)}
#apps .apps-list .single-app.vt .app-desc,#apps .apps-list .single-app.vt.beta-version:before{color:#ffd1c8}
#apps .apps-list .single-app.tt{background:#00acb1;background:linear-gradient(135deg,#00acb1 0,#00a4a9 100%)}
#apps .apps-list .single-app.tt .app-desc,#apps .apps-list .single-app.tt.beta-version:before{color:#bfeaeb}
#apps .apps-list .single-app.contacts{background:#fcab00;background:linear-gradient(135deg,#fcab00 0,#f5a000 100%)}
#apps .apps-list .single-app.contacts .app-desc,#apps .apps-list .single-app.contacts.beta-version:before{color:#fceabf}
#apps .apps-list .single-app.projects{background:#a4c039;background:linear-gradient(135deg,#a4c039 0,#8da923 100%)}
#apps .apps-list .single-app.projects .app-desc,#apps .apps-list .single-app.projects.beta-version:before{color:#e8efcd}
#apps .apps-list .single-app.icons{background:#ed2e7a;background:linear-gradient(135deg,#ed2e7a 0,#dd036e 100%)}
#contacts,#icons,#projects,#tasks,#timetracker,#vts{background-color:#F4F6F6}
#contacts #intro,#icons #intro,#tasks #intro,#timetracker #intro,#vts #intro{background-color:#FC2B02}
#apps .apps-list .single-app.icons .app-desc,#apps .apps-list .single-app.icons.beta-version:before{color:#fbcbde}
@media screen and (min-width:320px){.home-view #apps h1{font-size:26px}
}@media screen and (min-width:360px){.home-view #apps h1{font-size:30px}
#apps .apps-list .single-app .app-name{font-size:28px;line-height:32px}
#apps .apps-list .single-app small{font-size:18px}
#apps .apps-list .single-app .app-desc{font-size:18px;line-height:24px}
#apps .apps-list .single-app .app-icon-box{height:220px}
#apps .apps-list .single-app .app-icon-box .app-circles{width:369px;top:-80px;right:-160px}
#apps .apps-list .single-app .app-icon-box .app-icon-svg{top:79px;right:1px}
}@media (min-width:576px){#apps .apps-list .single-app .app-desc{height:72px}
}@media (min-width:768px){.home-view #apps h1{font-size:36px}
#apps .content-header{padding-top:100px;padding-bottom:30px}
#apps .apps-list{padding-bottom:60px}
#apps .apps-list .single-app .app-desc{height:40px}
}@media screen and (min-width:992px){.home-view #apps h1{font-size:40px}
#apps .apps-list .single-app .app-name{font-size:22px}
#apps .apps-list .single-app small{font-size:14px}
#apps .apps-list .single-app .app-desc{font-size:15px;line-height:21px}
}@media screen and (min-width:1200px){#apps .content-header{padding-top:120px}
}@media screen and (min-width:1600px){.home-view #apps h1{font-size:52px}
#apps .content-header{padding-top:150px;padding-bottom:70px}
#apps .apps-list{padding-bottom:100px}
#apps .apps-list .single-app .app-name{font-size:28px;line-height:32px}
#apps .apps-list .single-app small{font-size:18px}
#apps .apps-list .single-app .app-desc{font-size:18px;line-height:24px}
}@media screen and (min-width:1920px){.home-view #apps h1{font-size:66px}
#apps .apps-list .single-app .app-name{font-size:22px}
#apps .apps-list .single-app small{font-size:14px}
#apps .apps-list .single-app .app-desc{font-size:15px;line-height:21px}
#apps .apps-list .single-app .app-icon-box{height:200px}
#apps .apps-list .single-app .app-icon-box .app-circles{width:369px;top:-100px;right:-170px}
#apps .apps-list .single-app .app-icon-box .app-icon-svg{top:60px;right:-7px}
}#icons section{display:-ms-flexbox;display:flex}
#icons #intro{background:linear-gradient(124deg,#ed2d7a,#b60067) right top no-repeat}
#icons #intro #intro-icons{position:absolute;right:-260px;top:-100px}
#icons #features .currentFeaturesElement svg{fill:#00A6AB;width:32px}
#icons #tryIt h1 br{display:initial}
@media (max-width:1899px){#icons #intro #intro-icons{top:-275px;width:75%}
}@media (max-width:1599px){#icons #intro #intro-icons{top:-335px;width:100%;right:-300px}
}@media (max-width:1199px) and (min-width:768px){#icons #time-tracking-analytics .section-header{top:1%}
}@media (max-width:1024px) and (min-width:768px){#icons .section-header{top:1%}
}@media (max-width:991px){#icons #intro{height:1010px}
#icons #intro #intro-icons{top:-480px;width:120%;right:-24%}
}@media (max-width:767px){#icons #intro{height:750px;min-height:auto}
#icons #intro #intro-icons{top:-60%;width:140%;right:-27%}
#icons .section-header{top:30px;line-height:40px;right:0;left:0}
#icons .img-on-left-tab-container,#icons .img-on-right-tab-container{width:100%;top:45px}
#icons #time-tracking-analytics .img-on-left-tab-container{top:70px}
}@media screen and (max-width:450px){#icons .img-on-left-tab-container,#icons .img-on-right-tab-container{top:70px}
}@media screen and (max-width:359px){#icons #intro #intro-icons{top:-74%}
}#projects section{display:-ms-flexbox;display:flex}
#projects #intro{background-color:#68a500;background:linear-gradient(-65deg,#68a500,#9dda40) right top no-repeat}
#projects #intro #intro-projects{position:absolute;right:-260px;top:-100px}
#projects #features .currentFeaturesElement svg{fill:#A4C039;width:32px}
#projects #assets .hori-items-center{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}
#projects #tryIt h1{margin-bottom:150px}
#projects #tryIt .tryIt-img{right:4%;top:55%;width:45%}
@media (max-width:1899px){#projects #intro #intro-projects{top:-275px;width:75%}
}@media (max-width:1599px){#projects #intro #intro-projects{top:-335px;width:100%;right:-300px}
#projects #tryIt h1{margin-bottom:100px}
}@media (max-width:1199px) and (min-width:768px){#projects #time-tracking-analytics .section-header{top:1%}
}@media (max-width:1024px) and (min-width:768px){#projects .section-header{top:1%}
}@media (max-width:991px){#projects #intro{height:1010px}
#projects #intro #intro-projects{top:-380px;width:150%;right:-34%}
#projects #tryIt{padding:100px 0;min-height:auto}
#projects #tryIt .margin-for-tablet{margin-top:0}
#projects #tryIt h1{margin-bottom:50px}
#projects #tryIt .tryIt-img{top:5%}
}@media (max-width:767px){#projects #intro{height:750px;min-height:auto}
#projects #intro #intro-projects{top:-60%;width:140%;right:-27%}
#projects .section-header{top:30px;line-height:40px;right:0;left:0}
#projects .img-on-left-tab-container,#projects .img-on-right-tab-container{width:100%;top:45px}
#projects #time-tracking-analytics .img-on-left-tab-container{top:70px}
#projects #tryIt{padding:50px 0}
#projects #tryIt h1{margin-bottom:20px}
#projects #tryIt h1 br{display:block}
#projects #tryIt .tryIt-img{right:50%;transform:translateX(50%);width:400px;top:0}
#projects #tryIt .margin-for-tablet{margin-top:340px}
}#career,#contact{overflow-y:auto;overflow-x:hidden;transform:translate3d(0,0,0)}
@media screen and (max-width:450px){#projects .img-on-left-tab-container,#projects .img-on-right-tab-container{top:70px}
#projects #intro #intro-projects{top:-60%;width:240%;right:-77%}
}#tasks section{display:-ms-flexbox;display:flex}
#tasks #intro{background:linear-gradient(107deg,#425bdc,#002ca1) right top no-repeat}
#tasks #intro #intro-tasks{position:absolute;right:-260px;top:-100px}
#tasks #features .currentFeaturesElement svg{fill:#425BDC}
@media (max-width:1899px){#tasks #intro #intro-tasks{top:-275px;width:75%}
}@media (max-width:1599px){#tasks #intro #intro-tasks{top:-335px;width:100%;right:-300px}
}@media (max-width:1024px) and (min-width:768px){#tasks .section-header{top:1%}
}@media (max-width:991px){#tasks #intro #intro-tasks{top:-480px;width:120%;right:-24%}
}@media (max-width:767px){#tasks #intro{height:750px;min-height:auto}
#tasks #intro #intro-tasks{top:-60%;width:140%;right:-27%}
#tasks .section-header{top:30px;line-height:40px;right:0;left:0}
#tasks .img-on-left-tab-container,#tasks .img-on-right-tab-container{width:100%;top:45px}
}@media screen and (max-width:450px){#tasks .img-on-left-tab-container,#tasks .img-on-right-tab-container{top:70px}
}@media screen and (max-width:359px){#tasks #intro #intro-tasks{top:-74%}
}#timetracker section{display:-ms-flexbox;display:flex}
#timetracker #intro{background:linear-gradient(121deg,#00a6ab,#008fa8) right top no-repeat}
#timetracker #intro #intro-timetracker{position:absolute;right:-260px;top:-100px}
#timetracker #features .currentFeaturesElement svg{fill:#00A6AB;width:32px}
@media (max-width:1899px){#timetracker #intro #intro-timetracker{top:-275px;width:75%}
}@media (max-width:1599px){#timetracker #intro #intro-timetracker{top:-335px;width:100%;right:-300px}
}@media (max-width:1199px) and (min-width:768px){#timetracker #time-tracking-analytics .section-header{top:1%}
}@media (max-width:1024px) and (min-width:768px){#timetracker .section-header{top:1%}
}@media (max-width:991px){#timetracker #intro{height:1010px}
#timetracker #intro #intro-timetracker{top:-480px;width:120%;right:-24%}
}@media (max-width:767px){#timetracker #intro{height:750px;min-height:auto}
#timetracker #intro #intro-timetracker{top:-60%;width:140%;right:-27%}
#timetracker .section-header{top:30px;line-height:40px;right:0;left:0}
#timetracker .img-on-left-tab-container,#timetracker .img-on-right-tab-container{width:100%;top:45px}
#timetracker #time-tracking-analytics .img-on-left-tab-container{top:70px}
}@media screen and (max-width:450px){#timetracker .img-on-left-tab-container,#timetracker .img-on-right-tab-container{top:70px}
}@media screen and (max-width:359px){#timetracker #intro #intro-timetracker{top:-74%}
}#vts section{display:-ms-flexbox;display:flex}
#vts #intro{background:linear-gradient(153deg,#fc2b02 0,#fc3008 42%,#fc3f0e 65%,#fb6609 100%) right top no-repeat}
#vts #intro #intro-vts{position:absolute;right:-260px;top:-100px}
#vts #features .currentFeaturesElement svg{fill:#FF4825}
@media (max-width:1899px){#vts #intro #intro-vts{top:-275px;width:75%}
}@media (max-width:1599px){#vts #intro #intro-vts{top:-335px;width:100%;right:-300px}
}@media (max-width:1199px){#vts #communication .section-header,#vts #management .section-header{top:6%;line-height:80px}
#vts #management .section-header{text-align:right}
}@media (max-width:991px){#vts #intro{height:1010px}
#vts #intro #intro-vts{top:-480px;width:120%;right:-24%}
}@media (max-width:767px){#vts #intro{height:900px;min-height:auto}
#vts #intro #intro-vts{top:-60%;width:140%;right:-27%}
#vts #communication .section-header,#vts #management .section-header{top:20px;line-height:40px;right:0;left:0}
#vts #communication .collaboration-tab-img,#vts #communication .communication-tab-img,#vts #management .collaboration-tab-img,#vts #management .communication-tab-img{width:100%;top:70px}
}#contacts section{display:-ms-flexbox;display:flex}
#contacts #intro{background:linear-gradient(43deg,#f5ab00,#ff8c07) right top no-repeat}
#contacts #intro #intro-contacts{position:absolute;right:-260px;top:-100px}
@media (max-width:1899px){#contacts #intro #intro-contacts{top:-275px;width:75%}
}@media (max-width:1599px){#contacts #intro #intro-contacts{top:-335px;width:100%;right:-300px}
}@media (max-width:1024px) and (min-width:768px){#contacts .img-on-left .section-header,#contacts .img-on-right .section-header{top:6%;line-height:80px}
}@media (max-width:991px){#contacts #intro{height:1010px}
#contacts #intro #intro-contacts{top:-480px;width:120%;right:-24%}
}@media (max-width:767px){#contacts #intro{height:700px;min-height:auto}
#contacts #intro #intro-contacts{top:-60%;width:140%;right:-27%}
#contacts .section-header{top:30px;line-height:40px;right:0;left:0}
#contacts .img-on-left-tab-container,#contacts .img-on-right-tab-container{width:100%;top:45px}
}@media screen and (max-width:450px){#contacts .img-on-left-tab-container,#contacts .img-on-right-tab-container{top:70px}
}@media screen and (max-width:359px){#contacts #intro #intro-contacts{top:-74%}
}#career{display:block;z-index:3}
#career section{background:0 0}
#career.info-pages aside h2:after{content:initial}
#career.info-pages article{color:#7C8B96;margin-bottom:0}
#career.info-pages article#slide-demo{min-height:auto}
#career.info-pages article h1{text-transform:initial;padding-bottom:initial;text-align:left;font-size:40px;color:#253D4F;font-weight:400}
#career.info-pages article h2{color:#253D4F;font-weight:800;text-transform:uppercase}
#career.info-pages article p{padding:10px 0 30px}
#career.info-pages article p span{color:#9AB1C0}
#career.info-pages article ul li{color:inherit;font-weight:initial}
@media screen and (max-width:768px){#career.info-pages aside{width:100%;height:auto;position:static}
#career.info-pages aside nav,#career.info-pages aside ul{width:100%}
#career.info-pages aside nav{position:static}
#career.info-pages article{padding-left:0}
}#contact{display:block}
#contact .welcome-text{position:relative;padding:30% 0 0 160px;max-width:800px}
#contact .company-adress{margin:40px 0 0 80px}
#contact .company-adress h4{line-height:24px;font-weight:600;font-size:20px;color:#919fa8;text-transform:uppercase;padding:30px 0 20px 80px}
#contact .company-adress p,#contact .company-adress ul{color:#919fa8;font-size:18px;font-weight:300;padding-left:80px;float:left}
#contact .company-adress p{padding-bottom:20px}
#contact .company-adress ul{line-height:32px;width:380px}
#contact .company-adress span.label{display:block;float:left;width:100px;font-size:10px;font-weight:600;text-transform:uppercase}
#contact .company-adress a{color:#33b573;float:left}
#dashboard #intro h1,#dashboard #intro p,#dashboard #platform p{color:#fff}
#contact #mod-google-map{top:0;left:0;right:0;bottom:0;height:100vh;min-height:624px;width:50%;float:right}
@media all and (max-width:1023px){#contact .welcome-text{padding:84px 16px 16px}
#contact .company-adress{margin:16px}
#contact .company-adress h4,#contact .company-adress p,#contact .company-adress ul{padding:0;float:none}
#contact section{margin-bottom:0}
#contact #mod-google-map{width:100%;height:50vh;min-height:auto}
}


#dashboard #intro{position:relative;overflow:hidden;min-height:100vh;height:100vh;width:100%;background:linear-gradient(153deg, #b49558 0, #bc9657 42%, #c0995a 75%, #c8a068 100%) right bottom no-repeat}
#dashboard #intro .bg-intro{position:absolute;right:-330px;top:-210px;width:1500px}
#dashboard #intro .content-box{margin-bottom:18%}
#dashboard #intro .scroll-indicator,#dashboard #indexabout .scroll-indicator{width:60px;height:60px;border:3px solid #fff;border-radius:100%;cursor:pointer;position:absolute;bottom:40px;left:calc(50% - 26px);text-align:center}
.scroll-indicator{width:60px;height:60px;border:2px solid #fff;border-radius:100%;cursor:pointer;position:absolute;bottom:40px;left:calc(50% - 26px);text-align:center}
.scroll-gd{z-index:1;;font-size:1.6em;color:#ffffff;animation:1.6s ease infinite wheel-up-down}

@media (min-width:2300px){#dashboard #intro .bg-intro{width:2000px}
}@media (max-width:1899px){#dashboard #intro .bg-intro{right:-520px;top:-300px;width:1700px}
}@media (max-width:1599px){#dashboard #intro{background-size:auto 1500px,cover}
#dashboard #intro .bg-intro{right:-410px;top:-350px;width:1240px}
}@media (max-width:1199px){#dashboard #intro .bg-intro{right:-360px;top:-370px;width:1000px}
.index-partner{    background-size: cover;    min-height: 100vh}
}@media (max-width:991px){#dashboard #intro{min-height:auto}
#dashboard #intro .bg-intro{right:-350px;top:-450px;width:1060px}
#dashboard #intro .content-box{margin-top:500px}
#dashboard #intro .scroll-indicator{display:none}
}@media (max-width:767px){#dashboard #intro .bg-intro{right:-140px;top:-562px;width:110%}
#dashboard #intro .content-box{margin-top:350px;margin-bottom:30px}
#dashboard #intro .content-box br{display:none}
}
@keyframes wheel-up-down{0%{margin-top:12px;opacity:0}
30%{opacity:1}
100%{margin-top:22px;opacity:0}
}
#dashboard #platform{position:relative;overflow:hidden;min-height:105vh;background:url(../../assets/css/images/new-landings/s2-background-gradient.png) center #14272f;background-size:cover}
#dashboard #platform h2{color:#04e276}
#dashboard #platform .mobile-phone-pic{position:absolute;top:170px;left:-90px;z-index:1;width:1070px}
#dashboard #platform #i-s2-squares-gradient{width:250px;right:6%;transform:rotate(-110deg);bottom:-6%;position:absolute}
#dashboard #platform .xxs{width:10px;height:10px}
#dashboard #platform .pos-1{top:-3%;left:38%}
#dashboard #platform .pos-2{top:18%;left:5%}
#dashboard #platform .pos-4{top:42%;left:-1%}
#dashboard #platform .pos-5{top:51%;left:7%}
#dashboard #platform .pos-6{top:35%;left:37%}
#dashboard #platform .pos-7{top:68%;left:39%}
#dashboard #platform .pos-8{top:73%;left:33%}
#dashboard #platform .pos-9{top:86%;left:23%}
#dashboard #platform .pos-10{top:85%;left:30%}
#dashboard #platform .pos-11{top:97%;left:9%}
#dashboard #platform .color-5{background-color:#6D23B8}
@media (max-width:1900px){#dashboard #platform .mobile-phone-pic{top:10%;left:-80px;height:76%;width:auto}
#dashboard #platform #i-s2-squares-gradient{right:-3%;bottom:-19%}
#dashboard #platform .pos-3{top:12%;left:30%;width:32px;height:32px}
#dashboard #platform .pos-6{top:29%;left:38%;width:25px;height:25px}
#dashboard #platform .pos-8{top:60%;left:35%;width:21px;height:21px}
#dashboard #platform .pos-9{top:70%;left:27%}
}@media (max-width:1599px){#dashboard #platform .mobile-phone-pic{top:9%;left:-22%;height:77%}
#dashboard #platform .pos-6{top:30%;left:41%}
#dashboard #platform .pos-8{top:85%;left:38%}
#dashboard #platform .pos-9{top:98%;left:34%}
#dashboard #platform .pos-11{top:75%;left:12%}
}@media (max-width:1199px){#dashboard #platform .mobile-phone-pic{top:100px;left:-380px;height:90%}
#dashboard #platform .pos-1{top:15%;left:97%}
#dashboard #platform .pos-2{top:33%;left:5%}
#dashboard #platform .pos-3{top:19%;left:42%}
#dashboard #platform .pos-5{top:37%;left:32%}
#dashboard #platform .pos-6{top:30%;left:54%}
#dashboard #platform .pos-8{top:84%;left:57%}
#dashboard #platform .pos-10{top:81%;left:18%}
}@media (max-width:991px){#dashboard #platform h2{margin-top:350px}
#dashboard #platform #i-s2-squares-gradient{display:none}
#dashboard #platform .mobile-phone-pic{top:100px;left:-5%;height:auto;width:80%}
#dashboard #platform .pos-1{top:39%;left:97%}
#dashboard #platform .pos-6{top:23%;left:73%}
#dashboard #platform .pos-7{top:57%;left:48%}
#dashboard #platform .pos-8{top:48%;left:65%}
#dashboard #platform .pos-10{top:85%;left:9%}
#dashboard #platform .pos-11{top:68%;left:28%}
}@media (max-width:767px){#dashboard #platform{min-height:auto;padding-bottom:10px}
#dashboard #platform h2{font-size:30px;margin-top:0;line-height:36px}
#dashboard #platform p{font-size:17px;line-height:24px}
#dashboard #platform .descripion{margin-top:260px}
#dashboard #platform .mobile-phone-pic{top:5%;left:5%;height:auto;width:100%;max-width:400px}
}#dashboard #leaders{padding:5% 0;position:relative;overflow:hidden;min-height:105vh;background-color:#F5F6F6}
#dashboard #leaders .tabs-images .img-tab-1,#dashboard #leaders .tabs-images .img-tab-2,#dashboard #leaders .tabs-images .img-tab-3,#dashboard #leaders .tabs-images .img-tab-4{position:absolute;right:0;bottom:0}
#dashboard #leaders .tabs-images .img-tab-1{right:0;bottom:0;width:1020px}
#dashboard #leaders .tabs-images .img-tab-3{right:0;bottom:-485px}
#dashboard #leaders .tabs-images .img-tab-4{top:200px;bottom:auto;right:-30px}
#dashboard #leaders .tabs-nav{z-index:1;position:relative;margin-bottom:7%}
#dashboard #leaders .tabs-nav li{display:inline-block;padding:5px 0;margin-right:25px;font-size:20px;font-weight:800;color:#213d4e}
#dashboard #leaders .tabs-nav li:hover{color:#04e276}
#dashboard #leaders .tabs-nav li.active{font-weight:800;border-bottom:3px solid #04e276;color:#04e276}
#dashboard #leaders .tabs-nav li.arrow-left,#dashboard #leaders .tabs-nav li.arrow-right{display:none}
#dashboard #leaders .tabs-nav li.arrow-left svg,#dashboard #leaders .tabs-nav li.arrow-right svg{height:20px;fill:#04e276}
#dashboard #leaders .tab-desc{height:500px}
#dashboard #leaders .box-position-static{position:static}
@media (max-width:1900px){#dashboard #leaders .tabs-images .img-tab-1{right:-70px;height:850px;width:auto}
#dashboard #leaders .tabs-images .img-tab-2{width:800px}
#dashboard #leaders .tabs-images .img-tab-3{width:750px}
#dashboard #leaders .tabs-images .img-tab-4{top:180px;width:800px}
#dashboard #leaders .tab-desc{height:360px}
}@media (max-width:1599px){#dashboard #leaders .tabs-images .img-tab-1{right:-90px;height:720px}
#dashboard #leaders .tabs-images .img-tab-2{right:-60px}
#dashboard #leaders .tabs-images .img-tab-3{width:650px;right:-80px}
#dashboard #leaders .tabs-images .img-tab-4{top:120px;right:-163px;width:810px}
#dashboard #leaders .tabs-nav li{font-size:14px;margin-right:20px}
#dashboard #leaders .tab-desc p{padding-right:50px}
}@media (max-width:1199px){#dashboard #leaders .tabs-images .img-tab-1{right:-200px;height:700px}
#dashboard #leaders .tabs-images .img-tab-2{right:-60px;width:660px}
#dashboard #leaders .tabs-images .img-tab-3{width:600px;right:-80px;top:0}
#dashboard #leaders .tabs-images .img-tab-4{top:150px;right:-220px;width:900px}
#dashboard #leaders .tab-desc{height:450px}
#dashboard #leaders .tab-desc p{padding-right:50px}
}@media screen and (max-width:991px){#dashboard #leaders{padding-top:100px;min-height:auto}
#dashboard #leaders .tabs-images .img-tab-1{right:70px;height:360px;bottom:auto;top:220px;width:auto}
#dashboard #leaders .tabs-images .img-tab-2{width:auto;left:auto;top:200px;right:50px;height:390px}
#dashboard #leaders .tabs-images .img-tab-3{width:auto;top:90px;right:0;height:530px}
#dashboard #leaders .tabs-images .img-tab-4{top:210px;width:auto;right:0;height:430px}
#dashboard #leaders .tab-desc{padding-top:300px;box-sizing:content-box}
#dashboard #leaders .tab-desc p{padding-right:0;min-height:115px}
}@media screen and (max-width:767px){#dashboard #leaders{min-height:auto;padding-top:50px}
#dashboard #leaders .tabs-images .img-tab-1,#dashboard #leaders .tabs-images .img-tab-2,#dashboard #leaders .tabs-images .img-tab-3,#dashboard #leaders .tabs-images .img-tab-4{position:absolute;width:auto;top:120px;left:auto;height:270px}
#dashboard #leaders .tabs-images .img-tab-1{right:-40px}
#dashboard #leaders .tabs-images .img-tab-2{right:-80px}
#dashboard #leaders .tabs-images .img-tab-3{right:0}
#dashboard #leaders .tabs-images .img-tab-4{right:-41px}
#dashboard #leaders .tabs-nav{text-align:center}
#dashboard #leaders .tabs-nav li{display:none;margin-right:0}
#dashboard #leaders .tabs-nav li:hover{border:none}
#dashboard #leaders .tabs-nav li.active{border:none;display:inline-block;font-size:20px;width:70%;margin-bottom:20px}
#dashboard #leaders .tabs-nav li.arrow-left,#dashboard #leaders .tabs-nav li.arrow-right{display:inline-block;padding:10px}
#dashboard #leaders .tab-desc{height:420px;padding-top:250px}
}#dashboard #our-clients{position:relative;overflow:hidden;min-height:105vh;background-color:#fff}
#dashboard #our-clients .bg-header-txt{position:relative}
#dashboard #our-clients .bg-header-txt span{z-index:2;position:relative}
#dashboard #our-clients .bg-header-txt span.white-color{color:#fff}
#dashboard #our-clients .bg-header-txt svg{position:absolute;left:-72px;width:136px;top:-10px}
#dashboard #our-clients .our-clients-svg{max-width:100%;display:block;margin:0 auto}
#dashboard #our-clients .testimonial-navigation .arrow-left{margin-right:20px}
#dashboard #our-clients .testimonial-navigation .arrow-left,#dashboard #our-clients .testimonial-navigation .arrow-right{display:inline-block;cursor:pointer}
#dashboard #our-clients .testimonial-navigation .arrow-left:focus svg,#dashboard #our-clients .testimonial-navigation .arrow-left:hover svg,#dashboard #our-clients .testimonial-navigation .arrow-right:focus svg,#dashboard #our-clients .testimonial-navigation .arrow-right:hover svg{fill:#00ca69}
#dashboard #our-clients .testimonial-navigation svg{transition:fill .2s ease;height:20px;cursor:pointer;fill:#858585}
#dashboard #our-clients .testimonials{padding-top:80px}
#dashboard #our-clients .testimonials .wrapper{padding-right:20px}
#dashboard #our-clients .testimonials-user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:36px}
#dashboard #our-clients .testimonials-user-img{border-radius:90px}
#dashboard #our-clients .testimonials-user-name{margin-left:20px}
#dashboard #our-clients .testimonials-blockquote{font-size:23px;line-height:35px;color:#303845;height:560px;padding:20px 0 0 30px;border:none}
@media (min-width:400px){#dashboard #our-clients .testimonials-blockquote{height:370px}
}@media (min-width:500px){#dashboard #our-clients .testimonials-blockquote{height:280px}
}@media (min-width:900px){#dashboard #our-clients .testimonials-blockquote{padding:0 0 0 80px}
}@media (min-width:1200px){#dashboard #our-clients .testimonials-blockquote{height:300px}
}#dashboard #our-clients .testimonials-icon{position:absolute;margin-left:8px;font-size:120px;line-height:98px;color:#F3F5F6}
#dashboard #our-clients .testimonials .testimonial-col{height:64px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:space-evenly;justify-content:space-evenly}
#dashboard #our-clients .testimonials .strong{font-size:30px;font-weight:600;color:#05E375}
#dashboard #our-clients .testimonials .small{font-size:20px;color:#666}
#dashboard #our-clients .pos-1{top:45%;left:30px}
#dashboard #our-clients .pos-2{left:85%;top:17%}
#dashboard #our-clients .pos-3{top:15%;left:80px}
#dashboard #our-clients .pos-4{bottom:10px;right:45%}
#dashboard #our-clients .pos-5{bottom:1%;left:15%}
#dashboard #our-clients .pos-6{bottom:-30px;right:100px}
#dashboard #our-clients .pos-7{left:75%;top:8%}
#dashboard #our-clients .pos-8{top:60%}
#dashboard #our-clients .pos-9{bottom:45px;left:57%}
#dashboard #our-clients .pos-10{top:65%;left:35%}
#dashboard #our-clients .pos-11{left:47%;top:35%}
#dashboard #our-clients .pos-12{top:70%;right:-30px}
#dashboard #our-clients .pos-13{left:-35px;bottom:-35px}
#dashboard #our-clients .pos-8{left:-15%}
#dashboard #our-clients .pos-1,#dashboard #our-clients .pos-10,#dashboard #our-clients .pos-11{display:none}
@media screen and (max-width:1199px){#dashboard #our-clients .our-clients-svg{max-width:100%}
#dashboard #our-clients .testimonials-posts .opinion{min-height:260px}
}@media screen and (max-width:991px){#dashboard #our-clients .pos-6,#dashboard #our-clients .pos-9{display:none}
#dashboard #our-clients .our-clients-svg{margin-top:130px}
#dashboard #our-clients .header-our-clients{margin-top:80px}
#dashboard #our-clients .testimonials-posts .opinion{min-height:160px}
#dashboard #our-clients .pos-2{left:auto;right:10%;top:27%}
#dashboard #our-clients .pos-3{right:10%;top:26%}
#dashboard #our-clients .pos-5{bottom:40%;top:10px}
#dashboard #our-clients .pos-7{left:70%;top:-5%}
#dashboard #our-clients .pos-8{top:45%;left:-10%}
#dashboard #our-clients .pos-12{top:45%}
#dashboard #our-clients .pos-4{bottom:auto;top:43%;right:-20%}
}@media screen and (max-width:767px){#dashboard #our-clients .pos-12,#dashboard #our-clients .pos-2,#dashboard #our-clients .pos-3,#dashboard #our-clients .pos-5,#dashboard #our-clients .pos-9{display:none}
#dashboard #our-clients{min-height:auto;padding-bottom:40px}
#dashboard #our-clients .header-our-clients{margin-top:80px;font-size:32px}
#dashboard #our-clients .our-clients-svg{margin-top:30px;margin-bottom:30px}
#dashboard #our-clients .testimonials-posts .opinion{padding-left:0;min-height:290px}
#dashboard #our-clients .bg-header-txt svg{left:-39px;width:73px}
#dashboard #our-clients .pos-7{left:auto;top:10%;right:-40px}
#dashboard #our-clients .pos-4,#dashboard #our-clients .pos-8{top:13%}
#dashboard #our-clients .pos-13{left:-75px;bottom:auto;top:35%}
}#dashboard #our-apps{position:relative;overflow:hidden;min-height:105vh;background-color:#0C2129}
#dashboard #our-apps h1,#dashboard #our-apps p{color:#fff}
#dashboard #our-apps h2{color:#fff;font-size:60px;line-height:65px}
#dashboard #our-apps .font-weight-bold{font-weight:800}
#dashboard #our-apps .description p{padding-right:200px}
#dashboard #our-apps .app{background:#002F41;border-radius:5px;height:225px;width:225px;margin:15px 0;text-decoration:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:end;align-self:flex-end;transition:background .3s ease}
#dashboard #our-apps .app:hover{background:#073f54}
#dashboard #our-apps .app strong{text-transform:uppercase;font-size:18px;font-weight:800;line-height:18px;text-align:center;height:20px;margin:30px 10px}
#dashboard #our-apps .app svg{margin-top:25px;width:45px}
#dashboard #our-apps .app.contacts:hover{background:#002F41}
#dashboard #our-apps .request-demo{background:#6d23b8}
#dashboard #our-apps .request-demo:hover{background:#902af7}
#dashboard #our-apps .apps-list{display:-ms-flexbox;display:flex;margin-right:0;max-width:735px;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;margin-left:auto}
#dashboard #our-apps .pos-1{top:15%;left:55%}
#dashboard #our-apps .pos-2{bottom:35%;left:45%}
#dashboard #our-apps .pos-3{bottom:15%;left:32%}
#dashboard #our-apps .pos-4{bottom:-25px;left:44%}
#dashboard #our-apps .pos-5{top:15%;left:-70px}
@media (max-width:1900px){#dashboard #our-apps .apps-list{margin-top:10px;max-width:630px}
#dashboard #our-apps .apps-list .app{height:195px;width:195px;margin:10px 0}
#dashboard #our-apps .description p{padding-right:50px}
#dashboard #our-apps .app h2{font-size:16px}
#dashboard #our-apps .app svg{width:40px}
}@media (min-width:1600px){#dashboard #our-apps h1{font-size:60px;line-height:65px}
#dashboard #our-apps p{font-size:26px;line-height:34px}
}@media (max-width:1599px){#dashboard #our-apps .apps-list{max-width:584px}
#dashboard #our-apps .apps-list .app{height:165px;width:165px;margin:15px 0}
#dashboard #our-apps .apps-list .app h2{margin:20px 10px}
#dashboard #our-apps .apps-list svg{width:32px}
#dashboard #our-apps .description p{padding-right:90px}
}@media screen and (max-width:1199px){#dashboard #our-apps .apps-list{max-width:360px}
#dashboard #our-apps .apps-list .app{-ms-flex-order:1;order:1}
#dashboard #our-apps .apps-list .request-demo{-ms-flex-order:2;order:2}
#dashboard #our-apps .description{margin-top:15%}
#dashboard #our-apps .description p{padding-right:40px}
}@media screen and (max-width:991px){#dashboard #our-apps{padding-bottom:70px}
#dashboard #our-apps .description{-ms-flex-order:2;order:2;margin:0}
#dashboard #our-apps .apps-list{-ms-flex-order:1;order:1;margin-top:50px;margin-bottom:50px;max-width:560px}
#dashboard #our-apps .apps-list .app{height:180px}
#dashboard #our-apps .pos-1{display:none}
#dashboard #our-apps .pos-3{bottom:2%;left:45%}
#dashboard #our-apps .pos-4{bottom:-42px;left:64%}
}@media screen and (max-width:767px){#dashboard #our-apps{padding-bottom:30px}
#dashboard #our-apps .description p{padding-right:0;text-align:justify}
#dashboard #our-apps .apps-list .app{height:130px;margin:8px 0;width:100px}
#dashboard #our-apps .apps-list .app h2{font-size:15px;font-weight:500}
#dashboard #our-apps .apps-list{max-width:340px;margin-top:40px;margin-bottom:15px}
#dashboard #our-apps .request-demo{-ms-flex-order:1;order:1}
#dashboard #our-apps .pos-1,#dashboard #our-apps .pos-3,#dashboard #our-apps .pos-4{display:none}
#dashboard #our-apps .pos-2{top:50%;bottom:auto;left:auto;right:-6px}
}@media screen and (max-width:359px){#dashboard #our-apps .apps-list{-ms-flex-pack:end;justify-content:flex-end;max-width:275px}
#dashboard #our-apps .apps-list .app{height:130px;margin:8px 0 8px 20px;width:100px}
}#error{position:relative;overflow:hidden;min-height:100vh;background:linear-gradient(153deg,#5100cb 0,#6500fc 42%,#9617c9 75%,#d33092 100%) right bottom no-repeat}
#error #error-header{color:#fff;font-weight:800}
#error #error-subheader{color:#fff}
#preview.preview-pages .mobile{display:none!important}
#preview.preview-pages .button{width:250px;height:60px;color:#fff;display:block;text-decoration:none;font-weight:500;line-height:60px;padding:0 16px;margin:35px 0 20px;text-transform:uppercase;font-size:15px;position:relative;overflow:hidden;transition:transform 1s cubic-bezier(.77,0,.175,1)}
#preview.preview-pages .button em{position:relative;z-index:2}
#preview.preview-pages .button svg{fill:#fff;width:24px;height:24px;z-index:2;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all 1s cubic-bezier(.77,0,.175,1)}
#preview.preview-pages .button:hover:before{opacity:1;transform:translateX(100%)}
#preview.preview-pages .button:hover:after{opacity:1;transform:translateX(0)}
#preview.preview-pages .button span{z-index:2;position:relative;width:100%;display:block;line-height:62px;transition:all 1s cubic-bezier(.77,0,.175,1)}
#preview.preview-pages .button:after,#preview.preview-pages .button:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background-color:#33B674;transform:translateX(-100%);transition:all 1s cubic-bezier(.77,0,.175,1)}
#preview.preview-pages .button:after{background-color:#002F42;transform:translateX(-200%)}
#preview.preview-pages .button.pink{background:#ED2E7A}
#preview.preview-pages article{width:100%;height:100%;position:relative}
#preview.preview-pages article p{text-transform:none;color:#A9C1C1}
#preview.preview-pages article a{text-decoration:none}
#preview.preview-pages article a:hover .name{color:#243f42}
#preview.preview-pages article .top-wrapper{width:730px;position:relative;top:20px;left:50%;transform:translateX(-50%)}
#preview.preview-pages article .excerpt{position:relative;background-color:#276563;height:494px;color:#fff;font-weight:300;line-height:21px;padding-top:64px}
#preview.preview-pages article .excerpt h1{text-transform:uppercase;font-size:60px;line-height:60px;padding-bottom:16px}
#preview.preview-pages article .excerpt h1 strong{font-weight:600}
#preview.preview-pages article .excerpt h3{font-size:26px;line-height:28px;padding-top:24px;text-transform:none}
#preview.preview-pages article .excerpt h3 strong{font-weight:800;text-transform:uppercase}
#preview.preview-pages article .excerpt h3 strong.low{font-weight:200}
#preview.preview-pages article .excerpt header{padding-top:34px;display:inline-block}
#preview.preview-pages article .excerpt header li{font-weight:300;font-size:19px;line-height:21px;color:#a9c1c1}
#preview.preview-pages article .excerpt header li strong{color:#fff;font-weight:400}
#preview.preview-pages article .excerpt header li .color-bg{background-color:#129994;padding:6px}
#preview.preview-pages article .excerpt header li:last-child{padding-top:20px}
#preview.preview-pages article .excerpt h2{text-transform:none}
#preview.preview-pages article .excerpt aside{float:right;padding-top:35px}
#preview.preview-pages article .excerpt aside h2{padding-top:4px;font-size:18px;line-height:22px;font-weight:600;padding-bottom:10px}
#preview.preview-pages article .excerpt aside p{padding-top:14px;font-size:18px;line-height:26px}
#preview.preview-pages article .excerpt aside nav{width:260px;height:260px}
#preview.preview-pages article .excerpt aside nav ul{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:stretch;align-content:stretch}
#preview.preview-pages article .excerpt aside nav ul li{position:relative;display:block;overflow:hidden;margin:0 1px 1px 0;min-width:64px;max-width:64px;height:64px;background-color:#40817E;transition:background-color .2s;-ms-flex:1 1 auto;flex:1 1 auto;cursor:pointer}
#preview.preview-pages article .excerpt aside nav ul li:hover{background-color:rgba(255,255,255,.51)}
#preview.preview-pages article .excerpt aside nav ul li:hover span{border-color:#ED2E7A}
#preview.preview-pages article .excerpt aside nav ul li span{position:absolute;top:30%;left:30%;display:block;width:60px;height:60px;border:1px solid #245A58}
#preview.preview-pages article .excerpt aside nav ul li a{width:100%;height:100%;position:absolute}
#preview.preview-pages article .excerpt aside nav ul li .button-style{background:0 0}
#preview.preview-pages article .excerpt aside nav ul li.active{background-color:#ED2E7A}
#preview.preview-pages article .excerpt aside nav ul li.active span{border-color:#fff}
#preview.preview-pages article .excerpt aside nav ul .light{border-width:4px}
#preview.preview-pages article .excerpt aside nav ul .regular{border-width:8px}
#preview.preview-pages article .excerpt aside nav ul .bold{border-width:16px}
#preview.preview-pages article .excerpt aside nav ul .black{border-width:24px}
#preview.preview-pages article .excerpt aside nav ul .rotund{border-radius:24px}
#preview.preview-pages article .excerpt aside nav ul .rounded{border-radius:16px}
#preview.preview-pages article .excerpt aside nav ul .soft{border-radius:8px}
#preview.preview-pages article .excerpt aside nav ul .square{border-radius:0}
#preview.preview-pages article .excerpt .bottom-wrapper{bottom:0;right:0;left:0;height:112px;background-color:#C22669;position:absolute;display:-ms-flexbox;display:flex}
#preview.preview-pages article .excerpt .bottom-wrapper .bottom{width:900px;position:relative;left:50%;transform:translateX(-50%);display:-ms-inline-flexbox;display:inline-flex}
#preview.preview-pages article .excerpt .bottom-wrapper .bottom button{position:relative;left:200px;top:30px;height:52px;width:142px;background-color:#33B573;color:#fff;font-weight:600;font-size:14px;transition:background-color .2s}
#preview.preview-pages article .excerpt .bottom-wrapper .bottom button:hover{background-color:#0F975D}
#preview.preview-pages article .search-bar{width:100%;height:90px;background-color:#163333}
#preview.preview-pages article .search-bar .search{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 auto;padding-top:21px;width:785px}
#preview.preview-pages article .search-bar .search input{border:none;border-bottom:1px solid #0E504F;background:0 0;outline:0;width:731px;height:42px;font-size:19px;line-height:22px;color:#528482;font-weight:600}
#preview.preview-pages article .search-bar .search input::-ms-clear{display:none}
#preview.preview-pages article .search-bar .search input:after{content:'';width:40px;height:40px;position:absolute;right:0;top:0}
#preview.preview-pages article .search-bar .search input:placeholder-shown{font-weight:100;font-style:italic}
#preview.preview-pages article .search-bar .search input::-webkit-input-placeholder{color:#528482}
#preview.preview-pages article .search-bar .search input::-moz-placeholder{color:#528482}
#preview.preview-pages article .search-bar .search input:-ms-input-placeholder{color:#528482}
#preview.preview-pages article .search-bar .search input:-moz-placeholder{color:#528482}
#preview.preview-pages article .search-bar .search svg{position:relative;fill:#528482}
#preview.preview-pages article .search-bar .search svg.i-magnifying-glass{width:24px;height:24px;right:38px;background-color:#163333;padding:8px}
#preview.preview-pages article .search-bar .search svg.i-cancel{cursor:pointer;width:22px;height:22px;visibility:hidden}
#preview.preview-pages article .search-bar .search svg.show{visibility:visible}
#preview.preview-pages article .search-bar .search .reset-search-btn{position:relative;left:-6px}
#preview.preview-pages article section{width:100%;background-color:#FFF;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;z-index:1}
#preview.preview-pages article section figure{animation:fadeIn .5s}
#preview.preview-pages article section figure .thumb{position:absolute;right:0;z-index:1;width:112px;height:112px}
#preview.preview-pages article section figure .thumb img{float:right;padding:24px;color:#4c777b;font-size:10px;line-height:13px;white-space:normal;overflow:hidden;box-sizing:content-box}
#preview.preview-pages article section figure figcaption{position:absolute;bottom:0;left:0;padding:16px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;overflow:hidden;box-sizing:border-box;width:100%;font-size:13px;line-height:15px;font-weight:400;z-index:0}
#preview.preview-pages article section figure figcaption h2{padding-bottom:16px}
#preview.preview-pages article section figure figcaption strong.name{transition:color .2s;font-weight:700;color:#4c777b}
#preview.preview-pages article section figure figcaption strong.tag{color:#333;font-weight:400;padding-bottom:16px;display:block}
#preview.preview-pages article section figure figcaption strong.seq{color:#95b3b1;font-weight:700;display:inline}
#preview.preview-pages article section figure figcaption strong.nolabels{display:none}
#preview.preview-pages article section figure.mid{position:relative;margin:0;border-left:1px solid #EBEDE8;border-bottom:1px solid #EBEDE8;background-color:#fff;min-height:240px;min-width:268px;-ms-flex:1 1 268px;flex:1 1 268px}
#preview.preview-pages article section figure.last-item{border-right:1px solid #EBEDE8}
#preview.preview-pages article section figure.empty{margin:0;min-width:0;min-height:0;width:0;height:0;border-bottom:0}
@media all and (max-width:1270px) and (min-width:768px){#preview.preview-pages article .top-wrapper{width:630px}
#preview.preview-pages article .search-bar .search{width:680px}
#preview.preview-pages article .search-bar .search input{width:625px}
#preview.preview-pages article .excerpt aside,#preview.preview-pages article .excerpt header{padding-top:30px}
#preview.preview-pages article .excerpt aside li,#preview.preview-pages article .excerpt aside p,#preview.preview-pages article .excerpt header li,#preview.preview-pages article .excerpt header p{font-size:17px;line-height:19px}
#preview.preview-pages article .excerpt h1{font-size:55px;line-height:50px}
#preview.preview-pages article .excerpt aside nav{height:224px;width:224px}
#preview.preview-pages article .excerpt aside nav ul li{min-width:55px;max-width:55px;height:55px}
#preview.preview-pages .button{height:50px;width:200px}
#preview.preview-pages .button span{line-height:50px}
}@media all and (max-width:767px){#preview.preview-pages .mobile{display:block!important}
#preview.preview-pages .button{width:auto;max-width:320px}
#preview.preview-pages article .search-bar{display:none}
#preview.preview-pages article .excerpt{height:auto}
#preview.preview-pages article .excerpt .top-wrapper{top:0;max-width:100%}
#preview.preview-pages article .excerpt h1 strong{font-weight:600}
#preview.preview-pages article .excerpt header{display:block;padding:15px 25px}
#preview.preview-pages article .excerpt header h1{margin-top:30px;font-size:calc(70*100vw/480);line-height:1}
#preview.preview-pages article .excerpt header li{line-height:23px}
#preview.preview-pages article .excerpt .search-bar{display:block;max-width:100%;background:0 0;padding:0 25px}
#preview.preview-pages article .excerpt .search-bar .search{position:relative;padding-top:0;max-width:100%;text-align:center}
#preview.preview-pages article .excerpt .search-bar .search svg{fill:#A2BDBC;right:0}
#preview.preview-pages article .excerpt .search-bar .search svg.i-cancel{display:none}
#preview.preview-pages article .excerpt .search-bar .search svg.i-magnifying-glass{position:absolute;width:24px;height:24px;background-color:#276563;padding:8px}
#preview.preview-pages article .excerpt .search-bar .search input{position:relative;border-bottom:1px solid #347472;color:#D2DFDE;font-style:italic;font-weight:300}
#preview.preview-pages article .excerpt .search-bar .search input::-webkit-input-placeholder{color:#D2DFDE}
#preview.preview-pages article .excerpt .search-bar .search input::-moz-placeholder{color:#D2DFDE}
#preview.preview-pages article .excerpt .search-bar .search input:-ms-input-placeholder{color:#D2DFDE}
#preview.preview-pages article .excerpt .search-bar .search input:-moz-placeholder{color:#D2DFDE}
#preview.preview-pages article .excerpt aside{float:none;background:#163333;padding:20px 25px;box-sizing:border-box}
#preview.preview-pages article .excerpt aside h2{padding-bottom:3px;color:#CCD2D2;font-size:20px}
#preview.preview-pages article .excerpt aside p{display:none;padding-top:0;padding-bottom:13px;color:#8F9D9D}
#preview.preview-pages article .excerpt aside nav{width:auto;height:auto}
#preview.preview-pages article .excerpt aside nav ul li{min-width:calc(((100vw - 50px)/ 4) - 4px);max-width:calc(((100vw - 50px)/ 4) - 4px);height:calc(((100vw - 50px)/ 4) - 2px)}
#preview.preview-pages article .excerpt aside nav ul li span{height:200px;width:200px}
}@media all and (max-width:480px){#preview.preview-pages article .excerpt aside p,#preview.preview-pages article .excerpt header li{font-size:calc(19*100vw/480);line-height:1.2}
}.details-icon .details-wrapper{margin:84px 16px 64px}
@media all and (min-width:760px){.details-icon .details-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;overflow:hidden;min-height:100vh;z-index:1;padding:64px;margin:0;background-color:#fff}
.details-icon .details-wrapper .container{max-width:600px}
.details-icon .details-wrapper .nav{position:absolute;top:84px;right:24px}
}.details-icon .details-wrapper .nav{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}
.details-icon .details-wrapper .nav__btn svg{width:48px;height:48px;fill:#8e8e8e;transition:fill .3s}
.details-icon .details-wrapper .nav__btn:hover svg{fill:#666}
.details-icon .details-wrapper .nav__btn--left,.details-icon .details-wrapper .nav__btn--right{margin:0 12px}
.details-icon .details-wrapper .nav__btn--left svg{transform:scaleX(-1)}
.details-icon .details-wrapper .header{margin-top:32px}
.details-icon .details-wrapper .header__label{color:#919191;font-size:15px;line-height:24px;font-weight:300;text-transform:uppercase}
.details-icon .details-wrapper .header__title{color:#567f82;font-size:40px;line-height:42px;font-weight:600;text-transform:capitalize;-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}
@media all and (min-width:760px){.details-icon .details-wrapper .header__title{font-size:68px;line-height:70px;font-weight:600}
}.details-icon .details-wrapper .header__title--s{font-size:24px;line-height:26px}
.details-icon .details-wrapper .section{margin-bottom:48px}
.details-icon .details-wrapper .section__icons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;max-width:316px;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;margin:24px 0}
.details-icon .details-wrapper .section .icon{width:64px;margin:16px 0 0}
@media all and (min-width:760px){.details-icon .details-wrapper .section__icons{max-width:380px}
.details-icon .details-wrapper .section__icons--similar{-ms-flex-pack:left;justify-content:left;max-width:100%}
.details-icon .details-wrapper .section .icon{margin:0 16px 16px 0}
}.details-icon .details-wrapper .section .icon__label{color:#919191;font-size:15px;line-height:18px;font-weight:300;transition:color .2s}
.details-icon .details-wrapper .section .icon__label--s{font-size:12px}
.details-icon .details-wrapper .section .icon__link{text-decoration:none}
.details-icon .details-wrapper .section .icon:hover .icon__label{color:#555}
.details-icon .details-wrapper .section__label{display:block;margin-top:32px;color:#919191;font-size:15px;line-height:24px;font-weight:300;text-transform:uppercase}
.details-icon .details-wrapper .section__subtitle{color:#333;font-weight:600;font-size:23px;line-height:26px;-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}
.details-icon .details-wrapper .section__subtitle--hash{color:#9bb5b3;font-size:54px;line-height:60px;font-weight:600;margin-bottom:8px;-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}
.details-icon .details-wrapper .section__text{color:#919191;font-size:15px;line-height:18px;font-weight:300;-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}
.details-icon .details-wrapper .section__text--strong{font-weight:500;color:#646464}
.details-icon .details-wrapper .section__link{color:#646464;text-decoration:none;font-weight:500;transition:color .2s}
#pricing .font-weight-bold,#pricing b{font-weight:800}
.details-icon .details-wrapper .section__link:hover{color:#666}
#pricing{font-size:15px;line-height:25px;margin-top:64px;background:#FFF}
#pricing .heading-main{font-size:30px;line-height:38px;margin-bottom:25px}
#pricing .licenses-form-price .price-tag{font-size:54px}
#pricing .licenses-form-price .price-per-user{font-size:12px}
#pricing .licenses-form-num,#pricing .licenses-form-num select{font-size:15px}
#pricing .content-vts .license-tile{border-color:#D8E2E6}
#pricing .content-vts .license-tile:hover{color:#ff4825}
#pricing .content-vts .license-tile.isSelected{color:#ff4825;border-color:#ff4825}
#pricing .btn-vts{color:#FFF;border:2px solid #ff4825}
#pricing .btn-vts--primary{background:#ff4825;border-color:#ff4825}
#pricing .btn-vts--primary:hover{background:#ed4526;border-color:#ed4526}
#pricing .btn-vts--secondary{color:#ff4825;background:0 0}
#pricing .btn-vts--secondary:hover{color:#ed4526;border-color:#ed4526}
#pricing .navbtn-vts.active{border-color:#ff4825}
#pricing .content-vts .color-app,#pricing .content-vts .price-tag{color:#ff4825}
#pricing .content-tt .license-tile{border-color:#D8E2E6}
#pricing .content-tt .license-tile:hover{color:#00acb1}
#pricing .content-tt .license-tile.isSelected{color:#00acb1;border-color:#00acb1}
#pricing .btn-tt{color:#FFF;border:2px solid #00acb1}
#pricing .btn-tt--primary{background:#00acb1;border-color:#00acb1}
#pricing .btn-tt--primary:hover{background:#029ea4;border-color:#029ea4}
#pricing .btn-tt--secondary{color:#00acb1;background:0 0}
#pricing .btn-tt--secondary:hover{color:#029ea4;border-color:#029ea4}
#pricing .navbtn-tt.active{border-color:#00acb1}
#pricing .content-tt .color-app,#pricing .content-tt .price-tag{color:#00acb1}
#pricing .content-icons .license-tile{border-color:#D8E2E6}
#pricing .content-icons .license-tile:hover{color:#ed2d7a}
#pricing .content-icons .license-tile.isSelected{color:#ed2d7a;border-color:#ed2d7a}
#pricing .btn-icons{color:#FFF;border:2px solid #ed2d7a}
#pricing .btn-icons--primary{background:#ed2d7a;border-color:#ed2d7a}
#pricing .btn-icons--primary:hover{background:#e02e76;border-color:#e02e76}
#pricing .btn-icons--secondary{color:#ed2d7a;background:0 0}
#pricing .btn-icons--secondary:hover{color:#e02e76;border-color:#e02e76}
#pricing .navbtn-icons.active{border-color:#ed2d7a}
#pricing .content-icons .color-app,#pricing .content-icons .price-tag{color:#ed2d7a}
#pricing .content-tasks .license-tile{border-color:#D8E2E6}
#pricing .content-tasks .license-tile:hover{color:#425bdc}
#pricing .content-tasks .license-tile.isSelected{color:#425bdc;border-color:#425bdc}
#pricing .btn-tasks{color:#FFF;border:2px solid #425bdc}
#pricing .btn-tasks--primary{background:#425bdc;border-color:#425bdc}
#pricing .btn-tasks--primary:hover{background:#3951b9;border-color:#3951b9}
#pricing .btn-tasks--secondary{color:#425bdc;background:0 0}
#pricing .btn-tasks--secondary:hover{color:#3951b9;border-color:#3951b9}
#pricing .navbtn-tasks.active{border-color:#425bdc}
#pricing .content-tasks .color-app,#pricing .content-tasks .price-tag{color:#425bdc}
#pricing .font-weight-regular{font-weight:400}
#pricing .color-green{color:#00ca69}
#pricing .header{padding:32px 0}
#pricing .heading{color:#002f41;font-weight:400}
#pricing .caption-header,#pricing .licenses-tab-left .price-tag,#pricing .navbtn-label{font-weight:800}
#pricing .mod-menu-slider .slider-element-container{display:none;-ms-flex:1 1 auto;flex:1 1 auto}
#pricing .mod-menu-slider .slider-element-container.active{display:block}
#pricing .navbtn{display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1;padding:16px;border-bottom:2px solid;margin-bottom:-1px}
#pricing .navbtn-logo{width:32px;height:32px;margin-right:16px}
#pricing .navbtn-label{color:#002f41;font-size:20px;text-transform:uppercase;white-space:nowrap}
#pricing .navbtn.active{display:-ms-flexbox;display:flex}
#pricing .caption{padding:16px 0;margin:32px auto;max-width:992px;color:#526069}
#pricing .caption-actions,#pricing .caption-header,#pricing .caption-text{margin:25px 0}
#pricing .caption-heading{font-size:40px}
#pricing .caption-heading-small{font-size:25px}
#pricing .caption-actions{-ms-flex-pack:distribute;justify-content:space-around;margin-top:64px}
#pricing .licenses{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-align:stretch;align-items:stretch;margin:32px 0}
#pricing .licenses-tab{display:-ms-flexbox;display:flex;-ms-flex-flow:column wrap;flex-flow:column wrap;-ms-flex-align:stretch;align-items:stretch;text-align:right}
#pricing .licenses-tab-heading{color:#002f41;font-size:20px;font-weight:800;margin-bottom:8px}
#pricing .licenses-tab-heading-sub{color:#425860;font-size:15px}
#pricing .licenses-tab-prices{width:100%;margin:25px 0;text-align:left}
#pricing .licenses-tab-actions{margin-top:auto}
#pricing .licenses-tab-left{padding-bottom:32px;border-bottom:1px solid #EEE}
#pricing .licenses-tab-right{padding-top:32px}
#pricing .licenses-form{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}
#pricing .licenses-form-templates{-ms-flex:1;flex:1}
#pricing .licenses-form-templates .license-tile{color:#D8E2E6}
#pricing .licenses-form-price{-ms-flex:0 1;flex:0 1;margin-left:auto;text-align:right}
#pricing .licenses-form-price .price-tag{margin-bottom:8px}
#pricing .licenses-form-price .price-tag sup{line-height:20px;vertical-align:super;margin-right:4px;font-size:20px;font-weight:400}
#pricing .licenses-form-price .price-per-user{white-space:nowrap;color:#425860}
#pricing .licenses-form-num{width:100%;margin-top:auto;padding:8px 0;border-bottom:1px solid #EEE}
#pricing .features-intro{color:#425860;font-size:20px}
#pricing .features-content{margin:32px 0}
#pricing .feature{margin-bottom:16px}
#pricing .feature-icon,#pricing .feature-text{margin:16px 0}
#pricing .feature-caption{color:#002f41;font-size:20px;font-weight:800}
#pricing .feature-icon{display:block;width:32px;height:32px}
#pricing .feature-icon-comingsoon{width:auto}
#pricing .feature-text{color:#526069}
#pricing .btn-pricing{width:100%;line-height:44px}
#pricing .mod-select select{width:100%;border:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAADVSURBVChTjZDrCoJAEIXHLhZiIRUigVEQ9P4P049AKBJFzMJSrCyzPQMrdiH6YGF2ljnnzCq7Y1K64YFsc0Cjvk7/EJ1SkjPKcuOV2TXnh/HQ4PMLfx/zAVpHJeVeFKXjhZScL9wcihQTodxsNPguKR4P2grXvXAHhq7RzBqRUgrQWAdR9QjlhW1VIhheuQHJpDDBMKgEAHbbCCGgtls0H5tcO35I+e3O9VQM1v/qRQDEacZp4FpPgBqCPa3LPcmHAEDUuqtMg9Xe+SoA5N6g/h+vED0BLWh2UeZUzgoAAAAASUVORK5CYII=) right center no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media only screen and (min-width:850px){#pricing .mod-menu-slider .slider-control,#pricing br.rwd{display:none}
#pricing{font-size:18px;line-height:25px}
#pricing .heading-main{font-size:45px;line-height:50px}
#pricing .heading-sub,#pricing .licenses-tab-heading{font-size:22px}
#pricing .licenses-tab-heading-sub{font-size:18px}
#pricing .licenses-form-price .price-tag{font-size:54px;line-height:42px}
#pricing .licenses-form-price .price-tag sup{font-size:22px;line-height:22px}
#pricing .licenses-form-price .price-per-user{font-size:15px}
#pricing .licenses-form-num,#pricing .licenses-form-num select{font-size:16px}
#pricing .features-intro{font-size:22px}
#pricing .header{padding:64px 0}
#pricing .mod-menu-slider{border-bottom:1px solid #EEE}
#pricing .mod-menu-slider .slider-element-container{-ms-flex-positive:0;flex-grow:0;display:block}
#pricing .navbtn{display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0;padding:16px 32px;border-color:transparent}
#pricing .navbtn-action{display:none}
#pricing .caption{margin:64px auto;padding:0}
#pricing .licenses{-ms-flex-flow:row nowrap;flex-flow:row nowrap;margin:64px 0}
#pricing .licenses-tab{width:50%;padding:0}
#pricing .licenses-tab-left{position:relative;padding-right:64px;border:none;text-align:right}
#pricing .licenses-tab-left:after{content:"";position:absolute;top:0;right:0;display:block;width:1px;height:calc(100% - 48px);background:#EEE}
#pricing .licenses-tab-right{padding-left:64px;text-align:left}
#pricing .licenses-form-price{margin-bottom:32px}
#pricing .btn-pricing{width:auto}
}@media only screen and (min-width:1280px){#pricing{font-size:18px;line-height:25px}
#pricing .heading-main{font-size:45px;line-height:50px}
#pricing .heading-sub{font-size:26px;line-height:30px}
#pricing .licenses-tab-heading{font-size:26px}
#pricing .licenses-tab-heading-sub{font-size:18px}
#pricing .licenses-form-price .price-tag{font-size:62px;line-height:50px}
#pricing .licenses-form-price .price-tag sup{font-size:26px;line-height:26px}
#pricing .licenses-form-price .price-per-user{font-size:16px}
#pricing .features-intro{font-size:26px}
#pricing .header{padding:100px 15px}
#pricing .caption{margin:100px auto}
#pricing .licenses{margin:100px 0}
#pricing .feature{margin-bottom:64px}
}@media only screen and (min-width:1600px){#pricing{font-size:20px;line-height:25px}
#pricing .heading-main{font-size:60px;line-height:70px}
#pricing .heading-sub{font-size:28px;line-height:35px}
#pricing .licenses-tab-heading{font-size:28px}
#pricing .licenses-tab-heading-sub{font-size:20px}
#pricing .licenses-form-price .price-tag{font-size:70px;line-height:54px}
#pricing .licenses-form-price .price-tag sup{font-size:28px;line-height:28px}
#pricing .licenses-form-price .price-per-user{font-size:18px}
#pricing .features-intro{font-size:28px}
}#mod-cookies-info{position:fixed;bottom:16px;right:16px;z-index:101;width:400px;max-width:100%;margin-left:12px;background-color:#441673;border-radius:3px;color:#fff;font-size:12px;line-height:18px}
#mod-cookies-info.hidden{display:none}
#mod-cookies-info.shown{display:block}
#mod-cookies-info p{margin:15px 15px 15px 75px}
#mod-cookies-info p .more{color:#04e276}
#mod-cookies-info .btn-close{position:absolute;left:10px;top:15px;width:38px;padding:5px 7px;fill:#fff;margin:0}
#mod-cookies-info .btn-close:after{position:absolute;left:45px;height:25px;width:1px;background:#6D23B8;content:"";display:block;top:5px}
@media screen and (max-width:991px){#mod-cookies-info{right:15px}
}@media screen and (max-width:767px){#mod-cookies-info{right:5px;bottom:5px;max-width:calc(100% - 10px)}
#mod-cookies-info .btn-close:after,#mod-cookies-info br{display:none}
#mod-cookies-info p{margin:10px 10px 10px 60px}
}
#mod-footer{display:block;background-color:#222222;position:static;bottom:0;right:0;margin-right:8px;width:100%;z-index:-1;padding:50px 0 60px;font-size:15px}
#mod-footer a{pointer-events:auto}
#mod-footer .border-space{display:block;background:#374b55;opacity:.5;clear:both;width:140px;max-width:85%;height:1px;margin:18px 0}
#mod-footer .logo .i-app-futuramo-white{float:left;margin:20px 20px 20px 0}
#mod-footer .logo .i-futuramo-text{height:24px;margin:20px 0;max-width:140px;fill:#fff}
#mod-footer strong{color:#d5a75f;font-weight:800;margin:16px 0 18px;display:block;font-size:17px;line-height:38px;text-transform:uppercase}
#mod-footer ul li{color:#656565}
#mod-footer ul li a{color:#959595;text-decoration:none;transition:color .3s;font-size:15px;line-height:2;display:block}
#mod-footer ul li.logo a svg{width:100px}
#mod-footer ul li .request-demo{color:#93a6ad}
#mod-footer ul li .request-demo:hover{color:#8b4de9}
#mod-footer .socials{position:relative}
#mod-footer .socials p img.btwx{width:60px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.15)}


#mod-footer .socials a{display:inline-block;line-height:36px;color:#959595;text-decoration:none}
#mod-footer .socials a svg{fill:#576d7b;height:20px;width:20px;margin:8px 20px 0 0;transition:fill .3s}
#mod-footer .socials a:hover svg{fill:#00ca69}
#mod-footer .copyr{color:#576d7b;margin-top:20px;margin-right:15px;text-transform:uppercase}
@media all and (max-width:1900px){#mod-footer .socials a svg{height:17px;margin:0 15px 0 0}
#mod-footer .copyr{font-size:14px}
}@media all and (max-width:1599px){#mod-footer .copyr,#mod-footer strong{font-size:14px}
#mod-footer .socials a svg{height:20px;margin:0 15px 0 0}
}@media all and (max-width:1200px){#mod-footer{height:auto;padding:40px 0}
#mod-footer strong{font-size:14px;margin:10px 0 20px;line-height:48px}
#mod-footer .socials a svg{height:16px;margin:0 15px 0 0}
#mod-footer .border-space{margin:24px 0}
}@media all and (max-width:991px){#mod-footer strong{line-height:18px}
#mod-footer .socials a svg{margin:0 10px 0 0}
}@media all and (max-width:767px){#mod-footer{position:relative}
#mod-footer strong{font-size:14px;margin:22px 0 20px;line-height:24px}
#mod-footer .col-6{padding-bottom:38px}
#mod-footer .socials a svg{height:16px}
#mod-footer .border-space{margin:16px 0}
#mod-footer .copyr{line-height:28px}
}#fixed-menu-top{position:fixed;height:auto;top:0;right:0;width:100%;z-index:5}
#fixed-menu-top .ff-logo-blocks{fill:#fff}
#fixed-menu-top .top-logo .logo-to-home{display:inline-block;min-width:initial;transition:backgroundImage .3s ease;vertical-align:middle;background-size:cover;text-indent:-9em;width:92px;height:28px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+WbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDcyLjUgMjIuMiI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjYuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4xIEJ1aWxkIDkpICAtLT4KICA8cGF0aCBkPSJNMTEuMiwwYy0zLjEsMC01LjgsMS4xLTgsMy4zLjIsMCwuMy0uMi41LS4zLDMuNC0yLjIsNy44LTIuMSwxMC45LjIsMi44LDIuMSwzLjksNS45LDIuNiw4LjktMSwyLjItMy4zLDMuNS01LjUsMy4yLTEuNS0uMi0yLjQtMS4yLTIuOC0xLjktLjMtLjUtLjQtMS0uNC0xLjYsMC0uMi4xLS41LjItLjcsMC0uMi4yLS40LjMtLjYuMi0uMi4zLS41LjMtLjcuMS0uNS0uMi0xLS43LTEuMWgtLjNjLTEuOC4yLTIuNCwxLjktMi43LDMuMi0uMS44LS4xLDEuNC0uMSwxLjQsMCwuOS4yLDEuNy43LDIuNSwxLjMsMi43LDMuNiwzLjksNi42LDRoMHMwLDAsMCwwYzQuNy4xLDEwLjEtMy4zLDkuMi0xMC4xQzIxLjEsNC4yLDE2LjYuMiwxMS4yLDBaTTcuMywxOWMtMi44LTIuMS0zLjktNS45LTIuNi04LjksMS0yLjIsMy4zLTMuNSw1LjUtMy4yLDEuNS4yLDIuNCwxLjIsMi44LDEuOS4zLjUuNCwxLC40LDEuNiwwLC4yLS4xLjUtLjIuNywwLC4yLS4yLjQtLjMuNi0uMi4yLS4zLjUtLjMuNy0uMS41LjIsMSwuNywxLjFoLjNjMS44LS4yLDIuNC0xLjksMi43LTMuMi4xLS44LjEtMS40LjEtMS40LDAtLjktLjMtMS43LS43LTIuNS0xLjMtMi43LTMuNi0zLjktNi42LTRoMHMwLDAsMCwwQzQuNiwyLjQtLjgsNS45LDAsMTIuNmMuNyw1LjQsNS4yLDkuNCwxMC42LDkuNSwzLjEsMCw1LjgtMS4xLDgtMy4zLS4yLDAtLjMuMi0uNS4zLTMuNCwyLjItNy44LDIuMS0xMC45LS4yWk02Ny4zLDE3LjljLjIsMCwuNCwwLC43LS4yLjItLjEuNC0uMi42LS40bC40LS40Yy4xLS4yLjMtLjQuMy0uNiwwLS4zLjEtLjUuMS0uN1Y1LjhjMC0uMiwwLS40LS4yLS41LS4xLS4xLS4zLS4yLS41LS4yaC02LjRjLS4yLDAtLjQsMC0uNS4yLS4xLjEtLjIuMy0uMi41djExLjNjMCwuMiwwLC40LjIuNS4xLjEuMy4yLjUuMmg1Wk02My4zLDcuNmMwLS4zLjMtLjYuNi0uNmgyLjhjLjMsMCwuOS4zLjkuNnY3LjdjMCwuMy0uNi42LS45LjZoLTIuOGMtLjMsMC0uNi0uMy0uNi0uNnYtNy43Wk0yOC4yLDE0LjVoLS4zYy0uMiwwLS40LDAtLjUuMi0uMS4xLS4yLjMtLjIuNXYzYzAsLjIsMCwuNCwwLC41LDAsLjEsMCwuMi0uMi4ycy0uMSwwLS4yLjJjMCwuMSwwLC4zLDAsLjV2LjVjMCwuMiwwLC40LjEuNSwwLC4xLjIuMi4zLjJzLjMsMCwuNC0uMmMuMi0uMS4zLS4yLjUtLjRsLjQtLjRjLjEtLjIuMi0uNC4zLS42LDAtLjMuMS0uNS4xLS43di0zLjRjMC0uMiwwLS40LS4yLS41LS4xLS4xLS4zLS4yLS41LS4yWk0zNC4xLDE5YzAsMC0uMSwwLS4yLS4yLDAtLjEsMC0uMywwLS41di0zYzAtLjIsMC0uNC0uMi0uNS0uMS0uMS0uMy0uMi0uNS0uMmgtLjNjLS4yLDAtLjQsMC0uNS4yLS4xLjEtLjIuMy0uMi41djMuNGMwLC4yLDAsLjQuMS43LDAsLjIuMi40LjMuNmwuNC41Yy4xLjIuMy4zLjUuNC4yLjEuMy4yLjQuMnMuMywwLC4zLS4yYzAtLjEuMS0uMy4xLS41di0uNWMwLS4yLDAtLjQsMC0uNSwwLS4xLS4xLS4yLS4yLS4yWk00Ni44LDIuMmgtMy43Yy0uMiwwLS40LDAtLjUuMi0uMS4xLS4yLjMtLjIuNXYxNy4zYzAsLjIsMCwuNC4yLjUuMS4xLjMuMi41LjJoMi4xYy4yLDAsLjQsMCwuNy0uMS4yLDAsLjQtLjIuNi0uNGwuNS0uNWMuMS0uMS4zLS4zLjMtLjYsMC0uMi4xLS41LjEtLjdWMi45YzAtLjIsMC0uNC0uMi0uNS0uMS0uMS0uMy0uMi0uNS0uMlpNNDUuNiwxOC4zYzAsLjIsMCwuNC0uMi41LS4xLjEtLjMuMi0uNC4ycy0uNCwwLS41LS4yYy0uMS0uMS0uMi0uMy0uMi0uNXYtNS4zYzAtLjIsMC0uNC4yLS41LjEtLjIuMy0uMi41LS4ycy4zLDAsLjQuMmMuMS4yLjIuMy4yLjV2NS4zWk00NS42LDkuNWMwLC4yLDAsLjQtLjIuNS0uMS4xLS4zLjItLjQuMnMtLjQsMC0uNS0uMmMtLjEtLjEtLjItLjMtLjItLjV2LTQuNmMwLS4yLDAtLjQuMi0uNS4xLS4xLjMtLjIuNS0uMnMuMywwLC40LjJjLjEuMS4yLjMuMi41djQuNlpNNzIuMywxLjhjLS4xLS4xLS4zLS4yLS41LS4yaC0xMi41Yy0uMiwwLS40LDAtLjUuMi0uMS4xLS4yLjMtLjIuNXYuNWMwLC4yLDAsLjQuMi41LjEuMS4zLjIuNS4yaDEyLjVjLjIsMCwuNCwwLC41LS4yLjEtLjEuMi0uMy4yLS41di0uNWMwLS4yLDAtLjQtLjItLjVaTTMwLjcsNC4zYy44LDAsMS41LS43LDEuNS0xLjVzLS43LTEuNS0xLjUtMS41LTEuNS43LTEuNSwxLjUuNywxLjUsMS41LDEuNVpNNTYuMywxMy45czAsMC0uMS0uMmMwLS4xLDAtLjMsMC0uNVY0LjFjMC0uMiwwLS40LS4yLS41LS4xLS4xLS4zLS4yLS41LS4yaC0xLjRjLS4yLDAtLjQsMC0uNS0uMi0uMS0uMS0uMi0uOS0uMi0xczAtLjMtLjItLjRjLS4xLS4xLS4zLS4yLS41LS4yaC0uNWMtLjIsMC0uNCwwLS41LjItLjEuMS0uMi4yLS4yLjRzMCwuOS0uMiwxYy0uMS4xLS4zLjItLjUuMmgtMS40Yy0uMiwwLS40LDAtLjUuMi0uMS4xLS4yLjMtLjIuNXY5LjFjMCwuMiwwLC40LDAsLjUsMCwuMSwwLC4yLS4xLjJzLS4xLDAtLjEuMmMwLC4yLDAsLjMsMCwuNXYuNWMwLC4yLDAsLjQuMi41LjEuMS4zLjIuNS4yaDEuNmMuMiwwLC40LDAsLjQuMiwwLC4xLDAsLjMsMCwuNWwtMSwxLjhjMCwuMi0uMi4zLS40LjUtLjIuMS0uNC4yLS42LjJzLS4zLDAtLjUuMmMtLjEuMS0uMi4zLS4yLjV2LjVjMCwuMiwwLC40LjIuNS4xLjEuMy4yLjUuMmgxLjFjLjIsMCwuNCwwLC42LS4yLjItLjEuNC0uMy41LS41bC45LTEuN2MwLS4yLjItLjMuMy0uMy4xLDAsLjIsMCwuNC4zbDEsMS43Yy4xLjIuMy4zLjUuNS4yLjEuNC4yLjYuMmgxLjFjLjIsMCwuNCwwLC41LS4yLjEtLjEuMi0uMy4yLS41di0uNWMwLS4yLDAtLjQtLjItLjUtLjEtLjEtLjMtLjItLjUtLjJzLS40LDAtLjYtLjJjLS4yLS4xLS40LS4zLS40LS41bC0xLjEtMS44Yy0uMS0uMi0uMS0uMywwLS41LDAtLjEuMi0uMi40LS4yaDEuN2MuMiwwLC40LDAsLjUtLjIuMS0uMS4yLS4zLjItLjV2LS41YzAtLjIsMC0uNCwwLS41LDAtLjIsMC0uMi0uMi0uMlpNNTEuMiwxMy4yYzAsLjIsMCwuNC0uMS41LDAsLjEtLjIuMi0uMy4ycy0uMiwwLS4zLS4yYzAtLjEtLjEtLjMtLjEtLjV2LTcuMmMwLS4yLDAtLjQuMS0uNSwwLS4xLjItLjIuMy0uMnMuMiwwLC4zLjJjMCwuMS4xLjMuMS41djcuMlpNNTQuMSwxMy4yYzAsLjIsMCwuNC0uMS41LDAsLjEtLjIuMi0uMy4ycy0uMywwLS4zLS4yYzAtLjEtLjEtLjMtLjEtLjV2LTcuMmMwLS4yLDAtLjQuMS0uNSwwLS4xLjItLjIuMy0uMnMuMywwLC4zLjJjMCwuMS4xLjMuMS41djcuMlpNNzEuNyw1aC0uNGMtLjIsMC0uNCwwLS41LjItLjEuMS0uMi4zLS4yLjV2MTIuNWMwLC4yLDAsLjQtLjIuNS0uMS4xLS4zLjItLjUuMmgtOC42Yy0uMiwwLS40LDAtLjUtLjItLjEtLjEtLjItLjMtLjItLjVWNS44YzAtLjIsMC0uNC0uMi0uNS0uMS0uMS0uMy0uMi0uNS0uMmgtLjVjLS4yLDAtLjQsMC0uNS4yLS4xLjEtLjIuMy0uMi41djE0LjRjMCwuMiwwLC40LjEuNSwwLC4xLjIuMi4zLjJoMTEuMmMuMiwwLC40LDAsLjctLjEuMiwwLC40LS4yLjYtLjRsLjUtLjVjLjItLjEuMy0uMy40LS42LDAtLjIuMS0uNS4xLS43VjUuOGMwLS4yLDAtLjQtLjItLjUtLjEtLjEtLjMtLjItLjUtLjJaTTMzLjcsNC40aC02LjNjLS4yLDAtLjQsMC0uNS4yLS4xLjEtLjIuMy0uMi41di41YzAsLjIsMCwuNC4yLjUuMS4xLjIuMi40LjJzLjMsMCwuNC4yYy4xLjEuMi4zLjIuNXYuN2MwLC4yLDAsLjQtLjIuNS0uMS4xLS4yLjItLjQuMnMtLjMsMC0uNC4yYy0uMS4xLS4yLjMtLjIuNXYuNWMwLC4yLDAsLjQuMi41LjEuMS4zLjIuNS4yaDEuNWMuMiwwLC40LDAsLjUuMi4yLjEuMi4zLjIuNHMwLC4zLS4yLjRjLS4yLjEtLjMuMi0uNS4yaC0xLjVjLS4yLDAtLjQsMC0uNS4yLS4xLjEtLjIuMy0uMi41di41YzAsLjIsMCwuNC4yLjUuMS4yLjMuMi41LjJoMS41Yy4yLDAsLjQsMCwuNS4yLjIuMS4yLjMuMi41djUuOWMwLC4yLDAsLjQuMi41LjEuMS4zLjIuNS4yaC41Yy4yLDAsLjQsMCwuNS0uMi4xLS4xLjItLjMuMi0uNXYtNS45YzAtLjIsMC0uNC4yLS41LjEtLjEuMy0uMi41LS4yaDEuNGMuMiwwLC40LDAsLjUtLjIuMS0uMi4yLS4zLjItLjV2LS41YzAtLjIsMC0uNC0uMi0uNS0uMS0uMS0uMy0uMi0uNS0uMmgtMS40Yy0uMiwwLS40LDAtLjUtLjItLjEtLjEtLjItLjMtLjItLjRzMC0uMy4yLS40Yy4xLS4xLjMtLjIuNS0uMmgxLjRjLjIsMCwuNCwwLC41LS4yLjEtLjEuMi0uMy4yLS41di0uNWMwLS4yLDAtLjQtLjItLjUtLjEtLjEtLjItLjItLjQtLjJzLS4zLDAtLjQtLjJjLS4xLS4xLS4yLS4zLS4yLS41di0uN2MwLS4yLDAtLjQuMi0uNS4xLS4xLjItLjIuNC0uMnMuMywwLC40LS4yYy4xLS4xLjItLjMuMi0uNXYtLjVjMC0uMiwwLS40LS4yLS41LS4xLS4xLS4zLS4yLS41LS4yWk0zMS42LDcuN2MwLC4yLDAsLjQtLjIuNS0uMS4xLS4zLjItLjUuMmgtLjZjLS4yLDAtLjQsMC0uNS0uMi0uMS0uMS0uMi0uMy0uMi0uNXYtLjdjMC0uMiwwLS40LjItLjUuMS0uMS4zLS4yLjUtLjJoLjZjLjIsMCwuNCwwLC41LjIuMS4xLjIuMy4yLjV2LjdaTTY1LDEzLjhsMS41LTEuOWMuMi0uMy4yLS44LDAtMS4xbC0xLjUtMS45Yy0uMi0uMy0uNi0uMy0uOCwwdjQuOGMuMi4zLjYuMy44LDBaTTM3LjMsNC44Yy4xLS4xLjMtLjIuNS0uMmguNWMuMiwwLC40LDAsLjctLjIuMi0uMS40LS4yLjYtLjRsLjUtLjVjLjItLjIuMy0uNC40LS42LDAtLjIuMS0uNC4xLS42czAtLjQtLjItLjVjLS4xLS4xLS4zLS4yLS41LS4yaC0uNGMtLjIsMC0uNCwwLS41LjEtLjEsMC0uMi4yLS4yLjNzMCwuMy0uMi40Yy0uMSwwLS4zLjEtLjUuMWgtMS45Yy0uMiwwLS40LDAtLjUuMi0uMS4xLS4yLjMtLjIuNXYxNWMwLC4yLDAsLjQsMCwuNSwwLC4xLDAsLjItLjIuMnMtLjIsMC0uMi4yYzAsLjEsMCwuMywwLC41di41YzAsLjIsMCwuNC4xLjUsMCwuMS4yLjIuMy4ycy4zLDAsLjQtLjJjLjItLjEuMy0uMi41LS40bC40LS40Yy4xLS4yLjItLjQuMy0uNiwwLS4zLjEtLjUuMS0uN3YtOGMwLS4yLDAtLjQuMi0uNS4xLS4xLjItLjIuNC0uMnMuMywwLC40LjJjLjEuMS4yLjMuMi41djkuNWMwLC4yLDAsLjQuMi41LjEuMS4zLjIuNS4yaC4xYy4yLDAsLjQsMCwuNS0uMi4xLS4xLjItLjMuMi0uNXYtOS41YzAtLjIsMC0uNC4xLS41LDAtLjEuMi0uMi4zLS4ycy4yLDAsLjMtLjJjMC0uMS4xLS4zLjEtLjV2LS41YzAtLjIsMC0uNC0uMi0uNS0uMS0uMS0uMy0uMi0uNS0uMmgtMmMtLjIsMC0uNCwwLS41LS4yLS4xLS4xLS4yLS4zLS4yLS41di0yYzAtLjIsMC0uNC4yLS41WiIgc3R5bGU9ImZpbGw6ICNmZmY7IGZpbGwtcnVsZTogZXZlbm9kZDsiLz4KPC9zdmc+)}
#fixed-menu-top .top-logo .i-app-futuramo-white{display:inline-block;margin:15px 20px}
#fixed-menu-top .top-logo .i-futuramo-text{margin:17px 16px 17px 0;height:24px;fill:#fff}
#fixed-menu-top.light #mod-home-navigation a{color:#002f41}
#fixed-menu-top.light #mod-home-navigation a:hover{color:#00ca69}
#fixed-menu-top.light #mod-home-navigation .register{transition:color .3s,background-color .3s,border-color .3s;border:2px solid #00ca69;background-color:#00ca69;color:#fff}
#fixed-menu-top.light #mod-home-navigation .register:hover{background-color:#00fd84;border:2px solid #00fd84}
#fixed-menu-top.light #mod-home-navigation .separator:before{color:#002f41}
#fixed-menu-top.light .ff-logo-blocks,#fixed-menu-top.light .i-futuramo-text{fill:#002f41}
#fixed-menu-top.light .top-logo{transition:background-color .3s;background-color:rgba(255,255,255,.98);border-bottom:1px solid #f2f5f5;box-shadow:0 0 50px -10px rgba(0,31,48,.2)}
#fixed-menu-top.light .hamburger:not(.is-active) .hamburger-inner,#fixed-menu-top.light .hamburger:not(.is-active) .hamburger-inner:after,#fixed-menu-top.light .hamburger:not(.is-active) .hamburger-inner:before{background-color:#0e2a3c}
#fixed-menu-top.dark #mod-home-navigation{transition:color .3s}
#fixed-menu-top.dark #mod-home-navigation .register{transition:color .3s,background-color .3s,border-color .3s;border:2px solid #00ca69;background-color:#00ca69;color:#fff}
#fixed-menu-top.dark #mod-home-navigation .register:hover{background-color:#00974e;border:2px solid #00974e}
#fixed-menu-top.dark .top-logo{transition:background-color .3s;background-color:rgba(0,31,48,.98);border-bottom:1px solid #0e2a3c}
#fixed-menu-top.dark .hamburger:not(.is-active) .hamburger-inner,#fixed-menu-top.dark .hamburger:not(.is-active) .hamburger-inner:after,#fixed-menu-top.dark .hamburger:not(.is-active) .hamburger-inner:before{background-color:#fff}
#fixed-menu-top.main-color #mod-home-navigation{z-index:3;transition:color .3s}
#fixed-menu-top.main-color #mod-home-navigation .register{transition:color .3s,background-color .3s,border-color .3s;background-color:transparent;color:#fff}
#fixed-menu-top.main-color #mod-home-navigation .register:hover{background:#00ca69;border-color:#00ca69}
#fixed-menu-top.main-color .top-logo{z-index:2;width:100%;position:fixed;transition:background-color .3s;background-color:rgb(69 69 69 / 5%)}
#fixed-menu-top #hover-nav{position:absolute;right:8px;top:62px;width:calc(100% - 8px);height:0;transition:height .3s cubic-bezier(.03,.99,.48,.99);transition-delay:.5s;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:end;align-content:flex-end;box-shadow:0 20px 20px 0 rgba(0,0,0,.2)}
#fixed-menu-top #hover-nav.active{height:340px}
#fixed-menu-top #hover-nav .single-box{display:-ms-flexbox;display:flex;padding:40px 20px;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;width:100%;text-decoration:none;height:340px;position:relative;transition:background-color .3s ease}
#fixed-menu-top #hover-nav .single-box:before{top:45px;font-size:25px;left:20px;font-weight:300}
#fixed-menu-top #hover-nav .single-box small{font-size:22px;color:#fff}
#fixed-menu-top #hover-nav .single-box h2{color:#fff;font-size:36px;font-weight:800}
#fixed-menu-top #hover-nav .single-box svg{position:absolute;top:48px;right:48px;fill:#fff;width:56px}
#fixed-menu-top #hover-nav .single-box.apps{background-color:#002f41}
#fixed-menu-top #hover-nav .single-box.apps:hover{background-color:#0F2934}
#fixed-menu-top #hover-nav .single-box.tasks{background-color:#425bdc}
#fixed-menu-top #hover-nav .single-box.tasks:hover{background-color:#3951b9}
#fixed-menu-top #hover-nav .single-box.vt{background-color:#ff4825}
#fixed-menu-top #hover-nav .single-box.vt:hover{background-color:#ed4526}
#fixed-menu-top #hover-nav .single-box.tt{background-color:#00acb1}
#fixed-menu-top #hover-nav .single-box.tt:hover{background-color:#029ea4}
#fixed-menu-top #hover-nav .single-box.contacts{background-color:#fcab00}
#fixed-menu-top #hover-nav .single-box.contacts:hover{background-color:#eea403}
#fixed-menu-top #hover-nav .single-box.projects{background-color:#a4c039}
#fixed-menu-top #hover-nav .single-box.projects:hover{background-color:#9cb738}
#fixed-menu-top #hover-nav .single-box.icons{background-color:#ed2e7a}
#fixed-menu-top #hover-nav .single-box.icons:hover{background-color:#e02e76}
#fixed-menu-top #mod-home-navigation{position:absolute;right:15px;font-size:16px;top:0;z-index:1;transition:color .3s}
#fixed-menu-top #mod-home-navigation ul{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;float:right}
#fixed-menu-top #mod-home-navigation ul a{font-weight:800;padding:18px;display:block;text-decoration:none;color:#fff;transition:color .3s}
#fixed-menu-top #mod-home-navigation ul a i.fa-weixin{color:#ffffff;padding-right:5px}
.hamburger,.mobile-logout{display:none}
#fixed-menu-top #mod-home-navigation ul a.active,#fixed-menu-top #mod-home-navigation ul a:hover{color:#ffda81}
#fixed-menu-top #mod-home-navigation ul .register{font-size:15px;line-height:34px;border-radius:20px;margin:12px;padding:0 16px;border:2px solid #fff;background-color:transparent;color:#fff;font-weight:800}
#fixed-menu-top #mod-home-navigation ul .separator:before{content:" | ";font-weight:100;line-height:62px;color:#fff;opacity:.6;float:left}
#fixed-menu-top #mod-home-navigation .sub-app-navigation{background-color:rgba(255,255,255,.95);width:100%;position:absolute;left:0;right:0;top:64px;box-shadow:0 28px 40px -30px rgba(0,31,48,.1)}
#fixed-menu-top #mod-home-navigation .sub-app-navigation ul{margin-right:0}
#fixed-menu-top #mod-home-navigation .sub-app-navigation ul li a{font-weight:100;color:#b2c1c6!important;padding:30px 20px;font-size:32px}
#fixed-menu-top #mod-home-navigation a.active{color:#00ca69}
#fixed-menu-top #mod-home-navigation.visual-tickets a.active,#fixed-menu-top #mod-home-navigation.visual-tickets a:hover{color:#ff4825}
#fixed-menu-top #mod-home-navigation.time-tracker a.active,#fixed-menu-top #mod-home-navigation.time-tracker a:hover{color:#00acb1}
#fixed-menu-top #mod-home-navigation.tasks a.active,#fixed-menu-top #mod-home-navigation.tasks a:hover{color:#425bdc}
#fixed-menu-top #mod-home-navigation.icons a.active,#fixed-menu-top #mod-home-navigation.icons a:hover{color:#ed2e7a}
#fixed-menu-top #mod-home-navigation.projects a.active,#fixed-menu-top #mod-home-navigation.projects a:hover{color:#a4c039}
#fixed-menu-top #mod-home-navigation.contacts a.active,#fixed-menu-top #mod-home-navigation.contacts a:hover{color:#fcab00}
#fixed-menu-top.main-color #mod-home-navigation.contacts a,#fixed-menu-top.main-color #mod-home-navigation.icons a,#fixed-menu-top.main-color #mod-home-navigation.projects a,#fixed-menu-top.main-color #mod-home-navigation.tasks a,#fixed-menu-top.main-color #mod-home-navigation.time-tracker a,#fixed-menu-top.main-color #mod-home-navigation.visual-tickets a{color:#fff;opacity:.6}
#fixed-menu-top.main-color #mod-home-navigation.contacts a.active,#fixed-menu-top.main-color #mod-home-navigation.contacts a:hover,#fixed-menu-top.main-color #mod-home-navigation.icons a.active,#fixed-menu-top.main-color #mod-home-navigation.icons a:hover,#fixed-menu-top.main-color #mod-home-navigation.projects a.active,#fixed-menu-top.main-color #mod-home-navigation.projects a:hover,#fixed-menu-top.main-color #mod-home-navigation.tasks a.active,#fixed-menu-top.main-color #mod-home-navigation.tasks a:hover,#fixed-menu-top.main-color #mod-home-navigation.time-tracker a.active,#fixed-menu-top.main-color #mod-home-navigation.time-tracker a:hover,#fixed-menu-top.main-color #mod-home-navigation.visual-tickets a.active,#fixed-menu-top.main-color #mod-home-navigation.visual-tickets a:hover{opacity:1}
.sub-nav-small #mod-home-navigation .sub-app-navigation{box-shadow:0 12px 20px 0 rgba(0,31,48,.03)}
.sub-nav-small #mod-home-navigation .sub-app-navigation ul li a{padding:8px 20px;font-size:16px}
.sub-nav-small .margin-for-logout{height:1px;width:100%;border:0;background:#E9E9E9;margin-top:20vh;margin-bottom:50px}
.hamburger{font:inherit;overflow:visible;margin:0;padding:14px 10px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,-webkit-filter,opacity,filter;transition-property:opacity,filter;text-transform:none;background:0 0;border:0;z-index:9;position:fixed;top:0;right:10px}
.hamburger-box{position:relative;display:inline-block;width:34px;height:34px;padding:4px;box-sizing:border-box}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:25px;height:2px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:5px;background-color:#fff;display:block}
.hamburger-inner{top:19px;margin-top:-2px}
.hamburger-inner:after,.hamburger-inner:before{content:'';bottom:-7px}
.hamburger-inner:before{top:-7px}
.hamburger-stand .hamburger-inner{transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s}
.hamburger-stand .hamburger-inner:before{transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}
.hamburger-stand .hamburger-inner:after{transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}
.hamburger-stand.is-active .hamburger-inner{transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s;transform:rotate(90deg);background-color:transparent}
.hamburger-stand.is-active .hamburger-inner:before{background-color:#ffffff;top:0;transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(-45deg)}
.hamburger-stand.is-active .hamburger-inner:after{background-color:#ffffff;bottom:0;transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(45deg)}
@media screen and (max-width:1800px){#fixed-menu-top #hover-nav .single-box,#fixed-menu-top #hover-nav.active{height:280px}
#fixed-menu-top #hover-nav .single-box:before{font-size:16px;top:32px}
#fixed-menu-top #hover-nav .single-box small{font-size:16px}
#fixed-menu-top #hover-nav .single-box h2{font-size:28px}
#fixed-menu-top #hover-nav .single-box svg{top:32px;right:32px;width:40px}
}@media screen and (max-width:1600px){#fixed-menu-top #hover-nav .single-box,#fixed-menu-top #hover-nav.active{height:230px}
#fixed-menu-top #hover-nav .single-box:before{font-size:14px;top:24px}
#fixed-menu-top #hover-nav .single-box small{font-size:14px}
#fixed-menu-top #hover-nav .single-box h2{font-size:22px}
#fixed-menu-top #hover-nav .single-box svg{top:24px;right:24px;width:40px}
}@media screen and (max-width:1350px){#fixed-menu-top #hover-nav .single-box h2{font-size:20px}
#fixed-menu-top #hover-nav .single-box svg{width:32px}
}
@media screen and (max-width:991px){
#fixed-menu-top #hover-nav{display:none}
#fixed-menu-top #mod-home-navigation{padding:0 40px 50px;z-index:3;color:#53616a;line-height:48px;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;height:100vh;font-size:28px;top:0;width:100%;left:100vw;background:#BC9657;transition:left .2s cubic-bezier(.03,.99,.48,.99);overflow-y:auto}
#fixed-menu-top #mod-home-navigation a{opacity:1!important}
#fixed-menu-top #mod-home-navigation a .active{font-weight:900;color:#6D23B8!important}
#fixed-menu-top #mod-home-navigation .register{border:0!important;background-color:transparent!important}
#fixed-menu-top #mod-home-navigation ul{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;float:left;margin-top:80px;min-height:calc(35%)}
#fixed-menu-top #mod-home-navigation ul a{padding:0;color:#ffffff!important;text-decoration:none;font-weight:500}
#fixed-menu-top #mod-home-navigation ul a:focus,#fixed-menu-top #mod-home-navigation ul a:hover{color:#6D23B8!important}
#fixed-menu-top #mod-home-navigation ul .sign-up:after{display:block;content:"";height:1px;width:100%;margin:15px 0;background:#e9e9e9}
#fixed-menu-top #mod-home-navigation .hide-on-mobile,#fixed-menu-top #mod-home-navigation ul .separator:before{display:none}
#fixed-menu-top #mod-home-navigation ul .register{color:#6D23B8!important;padding:0;margin:0;font-weight:800;font-size:25px;border:0}
#fixed-menu-top #mod-home-navigation ul .register:focus,#fixed-menu-top #mod-home-navigation ul .register:hover{color:#5a00a4!important;background-color:transparent!important;border-color:transparent!important}
#fixed-menu-top #mod-home-navigation .mobile-logout{border-top:1px solid #e9e9e9;padding-top:10px;margin-top:20px;display:inline-block;width:100%}
#fixed-menu-top #mod-home-navigation .mobile-logout .btn{border:1px solid #e9e9e9;color:#6d23b8!important}
#fixed-menu-top #mod-home-navigation .mobile-logout .btn:focus,#fixed-menu-top #mod-home-navigation .mobile-logout .btn:hover{border:1px solid #6D23B8}
#fixed-menu-top #mod-home-navigation.is-active{left:0}
#fixed-menu-top #mod-home-navigation .break-line{margin:20px auto;background:#e9e9e9;height:1px;border:0;width:65%}
#fixed-menu-top .sub-app-navigation{display:none}
.hamburger{display:block;position:absolute;z-index:4}
#fixed-menu-top.main-color .top-logo{z-index:4}
}
@media screen and (max-width:767px){#fixed-menu-top #mod-home-navigation{line-height:52px;font-size:25px}
#fixed-menu-top #mod-home-navigation .break-line{width:85%}
}.mod-preview .preview-video iframe,.mod-preview .preview-video img{left:50%;top:50%;transform:translate(-50%,-50%);width:1152px;height:752px;position:absolute}
.mod-preview.shown{display:block}
.mod-preview.hidden{animation:windowZoomOut .2s}
.mod-preview .preview-video iframe{max-width:100%}
.mod-preview .preview-section{position:absolute;width:100%;top:0;bottom:0;overflow-x:hidden;overflow-y:auto;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.mod-preview .preview-section .preview-title{width:864px;margin:auto auto 64px;max-width:100%}
.mod-preview .preview-section .preview-title .preview-sum{font-family:Montserrat;font-size:24px;font-weight:300;color:#fff;margin-top:12px;padding:24px 64px;line-height:32px}
.mod-preview .preview-section .preview-news header strong,.mod-preview .preview-section .preview-title .preview-sum strong{font-weight:700}
.mod-preview .preview-section .preview-title .preview-sum span{font-size:32px;line-height:26px;text-transform:uppercase}
.mod-preview .preview-section .preview-news{max-width:100%;width:864px;margin:auto auto 64px}
.mod-preview .preview-section .preview-news header{background-color:#073D45;height:64px;text-transform:uppercase}
.mod-preview .preview-section .preview-news header h2{font-size:25px;line-height:64px;color:#ec3379;float:left;margin-left:64px}
.mod-preview .preview-section .preview-news header small{font-size:25px;line-height:64px;float:left;margin-left:16px;color:#3b656b}
.mod-preview .preview-section .preview-news header span{color:#466971;line-height:64px;font-size:14px;float:right;margin-right:32px}
.mod-preview .preview-section .preview-news .tags{color:#466971;text-transform:uppercase}
.mod-preview .preview-section .preview-news .tags li{display:inline-block;line-height:32px;font-size:14px;margin:0 16px;font-weight:600}
.mod-preview .preview-section.preview-pro .preview-title .preview-sum{background-color:#CB286A}
.mod-preview .preview-section.preview-free .preview-title .preview-sum{background-color:#1C8E8A}
@media all and (max-width:1280px){.mod-preview .preview-video iframe,.mod-preview .preview-video img{width:864px;height:572px}
}@media all and (max-width:900px){.mod-preview .preview-video iframe,.mod-preview .preview-video img{width:691.2px;height:464px}
}@media all and (max-height:950px){.mod-preview .preview-video iframe,.mod-preview .preview-video img{width:864px;height:572px}
}@media all and (max-height:768px){.mod-preview .preview-video iframe,.mod-preview .preview-video img{top:350px}
}@media all and (max-height:640px){.mod-preview .preview-video iframe,.mod-preview .preview-video img{width:691.2px;height:464px;top:295px}
.mod-preview .preview-video iframe{max-width:100%}
}#mod-add-to-homescreen{position:fixed;bottom:74px;right:0;padding:16px;z-index:1}
#mod-add-to-homescreen .add-to-homescreen{background-color:#5300d0;display:-ms-flexbox;display:flex;transition:transform .2s ease-out}
#mod-add-to-homescreen .add-to-homescreen .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:16px;color:#fff}
#mod-add-to-homescreen .add-to-homescreen .content .install-button{background-color:#00ca69;color:#fff;font-size:16px;font-weight:800;width:auto;-ms-flex-item-align:start;align-self:flex-start;padding:8px 16px;margin-top:12px;transition:background-color .3s}
#mod-add-to-homescreen .add-to-homescreen .content .install-button:hover{background-color:#00a65d}
#mod-add-to-homescreen .add-to-homescreen .close-button{background-color:#4500ad;-ms-flex-item-align:center;align-self:center;width:64px;height:97px;margin:0;padding:0;transition:background-color .3s}
#mod-add-to-homescreen .add-to-homescreen .close-button:hover{background-color:#3e009c}
#mod-add-to-homescreen .add-to-homescreen .close-button svg{fill:#fff;width:24px;height:24px}





/* ===== 品牌区域上下居中 ===== */
#indexbrand .brand-section {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* 垂直居中 */
    align-items: center !important; /* 水平居中 */
    min-height: 100%;
    width: 100%;
}

/* 标题区域 */
#indexbrand .title {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 30px auto !important; /* 减少底部边距 */
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 32px;
    padding: 0 20px;
    flex-shrink: 0; /* 防止压缩 */
}

/* 品牌特性网格 */
#indexbrand .brand-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin: 0 auto !important; /* 移除上下边距 */
    max-width: 1200px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    flex-shrink: 0; /* 防止压缩 */
}

/* 响应式调整 */
@media (max-width: 1100px) {
    #indexbrand .brand-section {
        padding: 30px 0;
    }
    
    #indexbrand .title {
        margin-bottom: 25px !important;
    }
    
    #indexbrand .brand-features {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media (max-width: 768px) {
    #indexbrand .brand-section {
        padding: 20px 0;
    }
    
    #indexbrand .title {
        margin-bottom: 20px !important;
        gap: 15px;
    }
    
    #indexbrand .brand-features {
        grid-template-columns: 1fr;
        gap: 20px;
        max-width: 400px; /* 移动端限制宽度 */
    }
}

@media (max-width: 480px) {
    #indexbrand .brand-section {
        padding: 15px 0;
    }
    
    #indexbrand .title {
        margin-bottom: 15px !important;
        gap: 8px;
    }
}




/* 快速修复内容显示不全的问题 */
#indexbrand.needbaibox {
    height: 100vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

#indexbrand .brand-section {
    /* padding: 80px 0 60px 0 !important; */
}

#indexbrand .feature-item {
    min-height: 260px !important;
    padding: 30px 12px 20px 12px !important;
}

#indexbrand .feature-title {
    font-size: 22px !important;
}

#indexbrand .feature-desc {
    font-size: 15px !important;
}

@media (max-width: 768px) {
#indexbrand .brand-section {padding:60px 0 50px 0 !important}
#indexbrand .scroll-indicator{display:none}
}