body {
    background-repeat: no-repeat;
    font-family: PingFangSC-light, "Source Sans Pro", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif
}

body, body * {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

a {
    text-decoration: none
}

ul, li {
    list-style: none
}

a[href] {
    cursor: pointer
}

.share-logo {
    position: absolute;
    left: -1000px;
    opacity: 0
}

@keyframes newjump {
    from {
        transform: translate3d(0, 0, 0)
    }
    to {
        transform: translate3d(0, -2px, 0)
    }
}

header {
    position: fixed;
    z-index: 99999;
    top: 0;
    width: 100%;
    transition: all .3s ease;
    border: 0;
    height: 73px
}

header .ds2018_banner {
    height: 0;
    background-color: #151623
}

header .ds2018_banner article {
    max-width: 1280px;
    background-image: url("../assets/img/ds2018/headbar_9a88052.png");
    background-repeat: no-repeat;
    background-position: top right;
    height: 100%;
    position: relative;
    margin: 0 auto
}

@media screen and (max-width: 1000px) {
    header .ds2018_banner article {
        background-image: url("../assets/img/ds2018/headbar_m_27b08b7.svg");
        background-position: center center
    }
}

header .ds2018_banner article .tl_pc {
    position: absolute;
    left: 45px;
    top: 18px
}

@media screen and (max-width: 1000px) {
    header .ds2018_banner article .tl_pc {
        display: none
    }
}

header .ds2018_banner article .tc_pc {
    left: 50%;
    position: absolute;
    transform: translate(-172px, 13px)
}

@media screen and (max-width: 1090px) {
    header .ds2018_banner article .tc_pc {
        transform: translate(-50px, 13px)
    }
}

@media screen and (max-width: 1000px) {
    header .ds2018_banner article .tc_pc {
        display: none
    }
}

@keyframes dsloading {
    70% {
        max-width: 0
    }
}

header .btnToggle {
    top: 20px;
    right: 30px;
    height: 10px;
    width: 25px;
    height: 25px;
    display: none
}

header .btnToggle em {
    vertical-align: top;
    width: 100%;
    display: inline-block;
    height: 3px;
    position: relative;
    transition: all .5s ease;
    background: #fff
}

header .btnToggle em::before, header .btnToggle em::after {
    content: '';
    transition: .5s all;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    border-radius: 1px
}

header .btnToggle em::before {
    top: -9px
}

header .btnToggle em::after {
    top: 9px
}

header nav {
    position: relative;
    max-width: 1280px;
    margin: 0 auto
}

@media screen and (max-width: 1000px) {
    header nav .btnLogin, header nav .btnLogout {
        display: none;
        visibility: hidden
    }
}

header nav .dropdown:after {
    content: '';
    width: 6px;
    height: 6px;
    display: inline-block;
    transform: rotate(-45deg);
    position: relative;
    top: -3px;
    left: 7px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff
}

header nav .menu {
    position: relative
}

header nav .menu.demo {
    display: none
}

@media screen and (max-width: 1000px) {
    header nav .menu.demo {
        display: inherit
    }
}

header nav .menu a.menu-icon::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 11px;
    background-size: cover;
    transform: translate(0px, 6px)
}

header nav .menu a.menu-collection::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjQyLjU5MiUiIHkxPSIxLjQyOSUiIHgyPSI0Mi41OTIlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiMxNUMxOUEiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEFERTlCIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTcuNTk2IDYuOTg1TDEwIDcuMDA3Yy40OSAwIC42MzguMTMuOTE1LjQzMmwuODcyLjk3Mmg0LjYxN2MuMzQgMCAuNTk2LjMyNC41OTYuNzM0djcuMTA2YzAgLjQxLS4yNTUuNzM0LS41OTYuNzM0SDcuNTk2Yy0uMzQgMC0uNTk2LS4zMjQtLjU5Ni0uNzM0VjcuNzE5YzAtLjQxLjI1NS0uNzM0LjU5Ni0uNzM0em00LjM1IDguNzAxYS4zNzMuMzczIDAgMCAwIC4zMDQtLjE1NWwyLjQ5OS0yLjUzNmEuNTE2LjUxNiAwIDAgMCAuMTUyLS4zNzEuNTc1LjU3NSAwIDAgMC0uMTUyLS4zNzEuNDkzLjQ5MyAwIDAgMC0uNzMyIDBsLTEuNTg0IDEuNjA4VjkuOTk1YS41MzguNTM4IDAgMCAwLS41MTgtLjUyNi41MTcuNTE3IDAgMCAwLS41MTguNTI2djMuODY2bC0xLjU4NS0xLjYwOGEuNTAxLjUwMSAwIDAgMC0uMzY1LS4xNTUuNTM4LjUzOCAwIDAgMC0uNTE4LjUyNmMwIC4xMjQuMDYuMjc4LjE1Mi4zNzFsMi40OTkgMi41MzZhLjU1OC41NTggMCAwIDAgLjM2NS4xNTV6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+')
}

header nav .menu a.menu-paas::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiM2RjhDRjciIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDI2N0YwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNNy4wMTIgOC4zOWMwIDEuMzIgMi4yMzMgMi4zOSA0Ljk4OCAyLjM5IDIuNzU1IDAgNC45ODgtMS4wNyA0Ljk4OC0yLjM5UzE0Ljc1NSA2IDEyIDZDOS4yNDUgNiA3LjAxMiA3LjA3IDcuMDEyIDguMzl6Ii8+PHBhdGggZD0iTTE2LjUyIDE0LjU0MmMtLjc5NC44MTUtMi41MiAxLjM3Ny00LjUyIDEuMzc3LTIgMC0zLjcyNC0uNTYyLTQuNTItMS4zNzctLjA2NS0uMDY4LS4xODktLjA1OC0uMjM5LjAxN2ExLjI5IDEuMjkgMCAwIDAtLjIzLjcxOGMwIDEuMzIgMi4yMzMgMi4zOSA0Ljk4OSAyLjM5czQuOTg4LTEuMDcgNC45ODgtMi4zOWMwLS4yNS0uMDgtLjQ5My0uMjMtLjcxOC0uMDUtLjA3NS0uMTczLS4wODUtLjIzNy0uMDE3eiIvPjxwYXRoIGQ9Ik0xNi41MiAxMS4xYy0uNzk0LjgxNi0yLjUyIDEuMzc4LTQuNTIgMS4zNzgtMiAwLTMuNzI0LS41NjUtNC41Mi0xLjM3Ny0uMDY1LS4wNjgtLjE4OS0uMDU4LS4yMzkuMDE3YTEuMjkgMS4yOSAwIDAgMC0uMjMuNzE4YzAgMS4zMiAyLjIzMyAyLjM5IDQuOTg5IDIuMzlzNC45ODgtMS4wNyA0Ljk4OC0yLjM5YzAtLjI1LS4wOC0uNDkzLS4yMy0uNzE4LS4wNS0uMDc3LS4xNzMtLjA4NS0uMjM3LS4wMTd6Ii8+PC9nPjwvZz48L3N2Zz4=')
}

header nav .menu a.menu-private::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkE3QTUiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkE0QzRDIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMTcuMjQgMTYuNjcyYy0uMzIgMC0uNTItLjI5MS0uNTItLjU0MVYxMS4xN2MuMDgtMi43MS0xLjk2LTQuOTYxLTQuNTYtNS4wODYtMi42LS4xMjUtNC43NiAyLjA0My00Ljg0IDQuNzUydjIuMjFjMCAuMzMzLS4yOC41ODMtLjU2LjU4M3MtLjU2LS4yOTItLjU2LS41ODN2LTEuOTE4YzAtMy4zMzUgMi42LTYuMDg2IDUuODQtNi4wODYgMy4yNCAwIDUuODQgMi43MSA1Ljg0IDYuMDg2djQuOTZjLS4xMi4zNzYtLjMyLjU4NC0uNjQuNTg0eiIvPjxwYXRoIGQ9Ik04Ljg4IDEzLjU4OGMtLjMyIDAtLjUyLS4yOTItLjUyLS41NDJ2LTEuNzkzQzguMzYgOS4xNyA5Ljk2IDcuNDYgMTIgNy40NnMzLjY0IDEuNjY3IDMuNjQgMy43OTN2MS42MjZjMCAuMzMzLS4yOC41ODQtLjU2LjU4NHMtLjU2LS4yOTItLjU2LS41ODR2LTEuNjI2YzAtMS40NTktMS4xMi0yLjY2OC0yLjU2LTIuNjY4LTEuNCAwLTIuNTYgMS4xNjctMi41NiAyLjY2OHYxLjc5M2MuMDQuMjkxLS4yNC41NDItLjUyLjU0MnoiLz48cGF0aCBkPSJNMTAuOTYgMTQuNzEzYy0uMzIgMC0uNTItLjI5Mi0uNTItLjU0MnYtMi44MzVjMC0uOTE3LjY4LTEuNjI1IDEuNTYtMS42MjVzMS41Ni43MDggMS41NiAxLjYyNXYxLjI1MWMwIC4zMzQtLjI4LjU4NC0uNTYuNTg0LS4zMiAwLS41Ni0uMjkyLS41Ni0uNTg0di0xLjI1YzAtLjI5Mi0uMi0uNS0uNDgtLjUtLjI4IDAtLjQ4LjIwOC0uNDguNXYyLjgzNGMuMDQuMjkyLS4yLjU0Mi0uNTIuNTQyeiIvPjxwYXRoIGQ9Ik0xNS4wNCAxNi4xM2MtLjMyIDAtLjUyLS4yOTEtLjUyLS41NDF2LS43NWMwLS4zMzQuMjgtLjU4NC41Ni0uNTg0LjMyIDAgLjU2LjI5MS41Ni41ODN2Ljc1YS42MTUuNjE1IDAgMCAxLS42LjU0M3oiLz48cGF0aCBkPSJNNi4yIDE2LjM1M3YtMS4wNTZjMC0uMzM0LjI4LS41ODQuNTYtLjU4NHMuNTYuMjkyLjU2LjU4NHYxLjA1NmEuNjEuNjEgMCAwIDEtLjYuNTQyYy0uMzIgMC0uNTItLjI5Mi0uNTItLjU0MnoiLz48L2c+PC9nPjwvc3ZnPg==')
}

header nav .menu a.menu-partner::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjQyLjU5MiUiIHkxPSIxLjQyOSUiIHgyPSI0Mi41OTIlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiMxNEMxOUIiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDlERTlCIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjRkZGIj48cGF0aCBkPSJNNi4wMyA4bC0yLjAxMiA0LjYyNyAxLjAwNi41NDcgMi4yOTEtNC41NTh6Ii8+PHBhdGggZD0iTTEyLjQ4MiAxMS4wMzJsLTEuOTg3IDEuMzIycy0yLjgwNi4zNjUtMS4zOC0yLjA1MUwxMS43MSA4LjY2cy0uNDMtMS4xMDItMyAuNTkzTDcuNjIgOC44ODlsLTEuNTY3IDQuMjg1IDEuMjYzIDEuM3MxLjE0NS0xLjAwMyAyLjAzNC4xNmMwIDAgMS4xOTItMS4yMDkgMi4xNjMuNTkyIDAgMCAxLjc2NS0uNjYxIDEuMTU3IDEuNjg2IDAgMCAuNjk0LjQzNi44NjUgMS4yMDkgMCAwIC44MTgtLjA2OSAxLjIzOS0uOTggMCAwIC43OTUtLjExNCAxLjIxNi0uOTM1IDAgMCAuODg4LS4xODIuOTgyLS44NDNsLTMuOTk4LTQuMzMxcy0uMzA0LS4xNi0uNDkxIDB6Ii8+PHBhdGggZD0iTTguMDggMTQuNDIybC0uNzY1Ljg1NXMtLjE2NC45NTcuNzY2Ljc1MmwuODc2LS45NTdzLjAxOC0uODA0LS44NzYtLjY1eiIvPjxwYXRoIGQ9Ik05Ljc4MiAxNC42OTZMOC43NDcgMTUuOTZjLS4yOCAxLjA3Ny45NjQuOTU3Ljk2NC45NTdsMS4xOTMtMS41OWMtLjQwNC0xLjEyOC0xLjEyMi0uNjMyLTEuMTIyLS42MzJ6Ii8+PHBhdGggZD0iTTExLjI1NCAxNS42N2wtMS4wODcgMS40MTljLS4xNjMuOTk3LjkzLjkyMy45My45MjNsMS4yNDUtMS40MzZjLS4wNTMtMS4xNjItMS4wODgtLjkwNi0xLjA4OC0uOTA2eiIvPjxwYXRoIGQ9Ik0xMi4xNjYgMTcuNDgybC0uNTYuNjczYy0uMTY1Ljk5Ny43MzYuODMxLjczNi44MzFsLjY0OC0uN2MuMjgxLS45OTItLjgyNC0uODA0LS44MjQtLjgwNHoiLz48cGF0aCBkPSJNMTQuODMyIDguODg0cy0uNzAyLS40NzktMS43MTktLjMyNUw5LjI5IDExLjA1NXMtLjU5MSAxLjE4Ni42ODQuOTkxbDIuNjQ4LTEuNjA3cy4zMTYtLjA2OC4zNjguMDUybDMuMDUxIDMuMjQ4IDEuMjQ1IDEuMzMzczEuMTIzLS4xNzEgMS41OTYtMS43NzhsLTIuMDg3LTMuODEycy0xLjU5NS4zNDItMS45NjMtLjU5OHoiLz48cGF0aCBkPSJNMTguNTg0IDhsLTEuMjEgMS4xMDYgMi4zMzIgNC4xODggMS4yOC0uODAzeiIvPjwvZz48L2c+PC9zdmc+')
}

header nav .menu a.menu-analysis::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjQyLjU5MiUiIHkxPSIxLjQyOSUiIHgyPSI0Mi41OTIlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiMxNUMxOUEiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEFERTlCIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTE4LjI3MyAxMy43MzVoLTEuNDJjLTEuMjk1IDAtMi41MTgtLjk2Mi0zLjAxNi0yLjRIMTYuOWMuMDk2IDAgLjE4MS4wNTcuMjE0LjE0MmwxLjE1OSAyLjI1OHoiLz48cGF0aCBkPSJNMjAuODYgMTcuNzgzbC00LjIwOC4wMWMtMS42MjQgMC0zLjQyNS0xLjE0OC00LjAxNi0yLjU4MkgxOS4zYy4xMjMgMCAuMjM0LjA2OC4yNzYuMTdsMS4yODUgMi40MDJ6Ii8+PHBhdGggZD0iTTYuMzgyIDE3Ljc5NEg0LjEzNWw0LjQzLTguMzE1QzkuNzQgNy4yOTMgMTEuMDM2IDcgMTMuNDQgN2guNjc2bC00Ljc2OSA5LjA3MmMtLjQyNi43OTMtMS40OSAxLjcyMi0yLjk2NCAxLjcyMiIvPjwvZz48L2c+PC9zdmc+')
}

header nav .menu a.menu-recommend::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjQyLjU5MiUiIHkxPSIxLjQyOSUiIHgyPSI0Mi41OTIlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkFEM0EiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkJEMTY0IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIiBmaWxsPSJ1cmwoI2EpIi8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTEyLjQ0MiA4LjQ2bC0uMDA2LjAxMkg5LjAxOGwxLjIwNC0yLjM0N2gyLjY2NmwuMDA3LS4wMTVoMi4wNEMxNi4yNDMgNi4xMSAxOCA3LjgxMSAxOCA5Ljk1NWMwIDIuMDM4LTEuNTE1IDMuNDEzLTMuNDggMy43MzVsMi4yNDYgNC40MzVIMTQuMzhhMS45MTQgMS45MTQgMCAwIDEtMS43ODMtMS4xOTRsLTEuNC0yLjg4NEg2LjcwNmE0LjEgNC4xIDAgMCAxIDMuNDQtMi41OWwtLjAwMS0uMDA1aC4wNTJjLjEwOC0uMDA5LjIxNy0uMDEzLjMyNy0uMDEzaDIuMTEzbC42NzMtLjAwNGMxLjI0NCAwIDEuODA0LS43NTQgMS44MDQtMS40NjRzLS43ODMtMS41MDUtMi4xNzQtMS41MDVsLS40OTktLjAwNnoiLz48cGF0aCBkPSJNNS4wNTYgMTguMTI1bDEuNDA1LTIuODg1aDIuOTQ1bC0xLjMwNSAyLjg4NXoiLz48L2c+PC9nPjwvc3ZnPg==')
}

header nav .menu a.menu-journey::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjQyLjU5MiUiIHkxPSIxLjQyOSUiIHgyPSI0Mi41OTIlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiM1OUE5MzIiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjQURFRkFFIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIiBmaWxsPSJ1cmwoI2EpIi8+PHBhdGggZD0iTTExLjQ0MiAxNy43NzRjLTIuNTYtLjYxNy0zLjgyNi0yLjA4Mi00LjQ1My00LjQ5OWwtMS4xMzYtNC44OGMyLjU4Ni42MTggMy45MDcgMi40NjcgNC40MjcgNC42NTFsMS4xNjIgNC43Mjh6IiBmaWxsPSIjRkZGIi8+PHBhdGggZD0iTTE2Ljc5NSAxNC40NzRjLTEuMTk5IDIuNjU0LTMuMDYgMy4yODUtNS4yOTggMy4yODVsMy4wODktOC42MjVjLjgxMy0yLjQ3NiAzLjEzNS00LjAwNCA1LjM3Mi00LjAwNGwtMy4xNjMgOS4zNDR6IiBmaWxsPSIjRkZGIi8+PHBhdGggZD0iTTUuMjYzIDE0LjU4Nmg2LjQ5N3YzLjI4Mkg1LjI2M3oiLz48cGF0aCBkPSJNOS45OTIgMTcuNzU2Yy0xLjE1OCAwLTIuNDkxLS41MzMtMy40OTItMS4zNDMtLjgxNi0uNjYtMS41LTEuODMtMS41LTEuODNzMS44NzktLjQ3IDMuOTU5LjUzOGMxLjk0Ljk0IDIuNTM4IDIuNjQyIDIuNTM4IDIuNjQybC0xLjUwNS0uMDA3eiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=')
}

header nav .menu a.menu-usertag::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiM4MTdFRkQiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNEY0QkU5IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIiBmaWxsPSJ1cmwoI2EpIi8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTkuNjExIDkuMTg5Yy45NTcgMCAxLjczMy43NzYgMS43MzMgMS43MzN2Ny4wMzJhLjUyNy41MjcgMCAwIDEtLjg2Ni40MDQgMS4zNDUgMS4zNDUgMCAwIDAtMS43MzQgMCAuNTI3LjUyNyAwIDAgMS0uODY2LS40MDR2LTcuMDMyYzAtLjk1Ny43NzYtMS43MzMgMS43MzMtMS43MzN6Ii8+PHBhdGggZD0iTTcuMjQ3IDUuMDI3YzAgMS42ODYgMS40NzIgMy4wNTIgMy4yOSAzLjA1MmgyLjcwOWMuOTk0IDAgMS44ODMuNjQ4IDIuMDQgMS41Ni4xOTkgMS4xNjUtLjc2NiAyLjE3LTEuOTg0IDIuMTdIOS4yODlDNy40NzMgMTEuODEgNiAxMy4xNzYgNiAxNC44NjJoNy43MDFjMi45MjcgMCA1LjI5OS0yLjIwMiA1LjI5OS00LjkxOHMtMi4zNzItNC45MTctNS4yOTktNC45MTdINy4yNDd6Ii8+PC9nPjwvZz48L3N2Zz4=')
}

header nav .menu a.menu-focus::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjQyLjU5MiUiIHkxPSIxLjQyOSUiIHgyPSI0Mi41OTIlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDg4RDUiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMUVCMkY3IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTQuMDQgMTcuOWgxLjY1MmMxLjQ3NCAwIDIuODI4LS45OTggMy4zOTYtMi42MDJINS41NjRhLjI2LjI2IDAgMCAwLS4yNDMuMTU3TDQuMDQgMTcuOXoiLz48cGF0aCBkPSJNOC42NDEgOC45NDVoNi4xODJjMS44NDggMCAzLjE5LTEuMSAzLjgxNS0yLjk0aC0uMTQzTDEwLjM1NiA2YS4zMzYuMzM2IDAgMCAwLS4zMTUuMTkybC0xLjQgMi43NTN6Ii8+PHBhdGggZD0iTTUuOTY0IDEzLjkyN2w4LjQxMS4wMTdjMi41NDUgMCA0LjIyMi0xLjk2IDQuNjItMy42NDRoLS4yMjdsLTEwLjc0Mi0uMDE2YS4zMzIuMzMyIDAgMCAwLS4zMTEuMTlsLTEuNzUxIDMuNDUzeiIvPjwvZz48L2c+PC9zdmc+')
}

header nav .menu a.menu-finance::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjQyLjU5MiUiIHkxPSIxLjQyOSUiIHgyPSI0Mi41OTIlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiMxNUMxOUEiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEFERTlCIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTE4IDkuNDIzSDZWOWExIDEgMCAwIDEgMS0xaDEwYTEgMSAwIDAgMSAxIDF2LjQyM3ptMCAxLjY2VjE1LjNhMSAxIDAgMCAxLTEgMUg3YTEgMSAwIDAgMS0xLTF2LTQuMjE3aDEyem0tMTAuOC45NDl2MS40MjNoNC4wOHYtMS40MjNINy4yeiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=')
}

header nav .menu a.menu-ecommerce::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiM2RjhDRjciIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDI2N0YwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMTcuOTc3IDE1LjdsLTEuMDI0LTguNzMzYy0uMDctLjU5LS41OS0xLjAzNy0xLjIxMi0xLjAzN2gtMS4yNTJjMC0xLjA2LS44OTgtMS45MjEtMi4wMDYtMS45MjEtMS4xMDcgMC0yLjAwNC44Ni0yLjAwNCAxLjkyaC0xLjUzYy0uNjM3IDAtMS4xNjYuNDY4LTEuMjE2IDEuMDc2bC0uNzI4IDguNzMzYy0uMDU3LjY3OS41MDMgMS4yNiAxLjIxNSAxLjI2aDguNTQ3Yy43MjUgMCAxLjI5Mi0uNjA3IDEuMjEtMS4yOTh6TTEyLjQ4NSA0Ljk1Yy41NjUgMCAxLjAyMy40MzkgMS4wMjMuOTggMCAuNTQtLjQ1OC45NzktMS4wMjMuOTc5cy0xLjAyMy0uNDM4LTEuMDIzLS45OGMwLS41NC40NTgtLjk3OSAxLjAyMy0uOTc5em0xLjY2NSA2LjczNWMwIC4xNTMtLjEzNS4yNzctLjMwMi4yNzdIMTIuMTVjLS4xMSAwLS4yLjA4My0uMi4xODV2LjUwNmMwIC4xNi4wNDguMjg0LjE0Ny4zNy4wOTguMDg3LjIzLjEzLjM5Ny4xMy4yMSAwIC4zNS0uMDU2LjQyLS4xN2EuODk2Ljg5NiAwIDAgMCAuMDk1LS4yMDUuMTk3LjE5NyAwIDAgMSAuMTkzLS4xMzRoLjczNmMuMTIxIDAgLjIxNC4xLjIuMjFhMS41NTggMS41NTggMCAwIDEtLjEwMi4zOTEgMS4zMSAxLjMxIDAgMCAxLS4zMzEuNDhjLS4xNDYuMTQxLS4zMi4yNS0uNTIzLjMzMS0uMjAzLjA4LS40MzIuMTItLjY4Ny4xMmExLjgzIDEuODMgMCAwIDEtLjg4MS0uMiAxLjQyOSAxLjQyOSAwIDAgMS0uNTY3LS41MyAxLjI5OSAxLjI5OSAwIDAgMS0uMTY0LS40NiAzLjUgMy41IDAgMCAxLS4wNDQtLjU3VjEwLjc0YzAtLjIwOC4wMTYtLjM5OC4wNDQtLjU3LjAzLS4xNzMuMDg0LS4zMjcuMTY0LS40Ni4xMy0uMjIuMzItLjM5OC41NjctLjUzMS4yNDctLjEzNC41NC0uMi44ODEtLjIuMjU1IDAgLjQ4NS4wNC42OTEuMTJhMS40NDggMS40NDggMCAwIDEgLjg1Ljg0Yy4wNzYuMTkzLjExNC40LjExNC42MnYxLjEyNXoiLz48cGF0aCBkPSJNMTIuNDk0IDEwYy0uMTY3IDAtLjMuMDQ5LS4zOTcuMTQ2LS4wOTkuMDk3LS4xNDcuMjQyLS4xNDcuNDM1di4zOTZjMCAuMTAyLjA5LjE4NS4yLjE4NWguNjg4Yy4xMSAwIC4yLS4wODMuMi0uMTg1di0uMzk2YzAtLjE5My0uMDQ5LS4zMzgtLjE0Ny0uNDM1YS41MzcuNTM3IDAgMCAwLS4zOTctLjE0NXoiLz48L2c+PC9nPjwvc3ZnPg==')
}

header nav .menu a.menu-security::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGQ0M3OTAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkFBNjRDIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTE4LjM3IDEzLjQxM3YtLjY1M2MtLjM5NyAwLS43Mi0uMzQ3LS43Mi0uNzc0IDAtLjQyNi4zMjMtLjc3My43Mi0uNzczdi0uNjUzYy0uMzk3IDAtLjcyLS4zNDctLjcyLS43NzQgMC0uNDI3LjMyMy0uNzczLjcyLS43NzNWOC4wM2gtMi40Mjd2Ny45MWgyLjQyOHYtLjk4Yy0uMzk4IDAtLjcyLS4zNDctLjcyLS43NzQgMC0uNDI3LjMyMi0uNzc0LjcyLS43NzR6IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNS41IDkuMDEzVjguMDNoOS41M3Y3LjkxSDUuNXYtLjk4Yy4zOTggMCAuNzItLjM0Ny43Mi0uNzc0IDAtLjQyNy0uMzIyLS43NzQtLjcyLS43NzR2LS42NTNjLjM5OCAwIC43Mi0uMzQ3LjcyLS43NzQgMC0uNDI3LS4zMjItLjc3My0uNzItLjc3M3YtLjY1NGMuMzk4IDAgLjcyLS4zNDYuNzItLjc3MyAwLS40MjctLjMyMi0uNzczLS43Mi0uNzczem02LjYyOSAzLjYzYzAtLjY4LS41MDItMS4yMzQtMS4xMTgtMS4yMzRoLS43NDVjLS4yMDUgMC0uMzcyLS4xODUtLjM3Mi0uNDEyIDAtLjIyNy4xNjctLjQxMS4zNzItLjQxMWgxLjQ5di0uODIzaC0uNzQ1di0uODI0aC0uNzQ1di44MjRjLS42MTYgMC0xLjExNy41NTMtMS4xMTcgMS4yMzQgMCAuNjguNTAxIDEuMjM1IDEuMTE3IDEuMjM1aC43NDVjLjIwNiAwIC4zNzMuMTg0LjM3My40MTEgMCAuMjI3LS4xNjcuNDEyLS4zNzMuNDEySDkuNTIydi44MjNoLjc0NHYuODIzaC43NDV2LS44MjNjLjYxNiAwIDEuMTE4LS41NTQgMS4xMTgtMS4yMzV6Ii8+PC9nPjwvZz48L3N2Zz4=')
}

header nav .menu a.menu-retail::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjQyLjU5MiUiIHkxPSIxLjQyOSUiIHgyPSI0Mi41OTIlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDg4RDUiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMUVCMkY3IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTE4LjA3NSA4LjkyM2wtLjk5MS0xLjkyNmExLjM3MiAxLjM3MiAwIDAgMC0xLjIyMS0uNzQxSDguMTM3Yy0uNTE1IDAtLjk4Ny4yODYtMS4yMi43NDFsLS45OTIgMS45MjZjLS41NSAxLjI1LjI2NSAyLjcyOCAxLjYzNiAyLjgzOWEyLjEzNyAyLjEzNyAwIDAgMCAxLjkzOC0uOTE5LjQ0Ni40NDYgMCAwIDEgLjczNyAwYy4zODQuNTU5IDEuMDMuOTI2IDEuNzY0LjkyNi43MzMgMCAxLjM4LS4zNjcgMS43NjQtLjkyNmEuNDQ2LjQ0NiAwIDAgMSAuNzM3IDBjLjQzMS42MyAxLjE3Mi45ODIgMS45MzguOTE5IDEuMzcxLS4xMSAyLjE4Ni0xLjU4OCAxLjYzNi0yLjgzOXptLTEuNDM4IDMuNzA3YTMuMDQgMy4wNCAwIDAgMS0yLjIyMy0uNjAzLjQ2LjQ2IDAgMCAwLS41NjQgMCAzLjA0IDMuMDQgMCAwIDEtMy43IDAgLjQ2LjQ2IDAgMCAwLS41NjQgMGMtLjYzLjQ4My0xLjQyOC43LTIuMjIuNjA0YS40NDYuNDQ2IDAgMCAwLS4zNDguMTA3LjQzOC40MzggMCAwIDAtLjE1LjMzdjMuNzY2YzAgLjQ5NS4zOTQuODk3Ljg4Ljg5N2g4LjUwNGMuNDg2IDAgLjg4LS40MDIuODgtLjg5N1YxMy4wN2EuNDQyLjQ0MiAwIDAgMC0uNDk1LS40NHptLTEuODUyIDMuMzQxaC01LjU3YS40NDYuNDQ2IDAgMCAxLS40NDctLjQ0MmMwLS4yNDMuMjAxLS40NDMuNDQ3LS40NDNoNS41N2MuMjQ2IDAgLjQ0Ni4yLjQ0Ni40NDNzLS4yLjQ0Mi0uNDQ2LjQ0MnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=')
}

header nav .menu a.menu-service::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjQyLjU5MiUiIHkxPSIxLjQyOSUiIHgyPSI0Mi41OTIlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiMxNUMxOUEiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEFERTlCIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTE1LjI4NyA4LjI3NUEzLjI3NyAzLjI3NyAwIDAgMSAxMiAxMS41NWEzLjI3NyAzLjI3NyAwIDAgMS0zLjI4Ny0zLjI3NUEzLjI3NyAzLjI3NyAwIDAgMSAxMiA1YTMuMjc3IDMuMjc3IDAgMCAxIDMuMjg3IDMuMjc1em0uODc5IDguNTQ3SDcuNTQyYy0uMzggMC0uNTQyLS4yNzgtLjU0Mi0uNjY5di4wMDZjMC0yLjI1NyAxLjY0Ny00LjAyOSAzLjg0Ni00LjAyOWgyLjAyOGMyLjE5OSAwIDQuMTI2IDEuNzkyIDQuMTI2IDQuMDQ4di0uMDMxYzAgLjM5LS40NTQuNjc1LS44MzQuNjc1eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==')
}

header nav .menu a.menu-manual::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiM2RjhDRjciIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDI2N0YwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTE2Ljg2IDcuMTU0aC4xMjhWNi4wMTNIOC4xMDRjLS41NzcgMC0xLjA1Mi40My0xLjA5OC45NzZIN3YxMC4wNmguMDA3Yy4wNTYuNDkzLjQ2MS44ODUuOTcuOTRWMThoLjkzNFY4Ljk2MWEuOTI0LjkyNCAwIDAgMS0uNzMtLjg5MmMwLS41MDYuNDI2LS45MTYuOTUtLjkxNmg2LjE2N3MtLjUyMy4zMjUtLjUyMy45MTZjMCAuNjM3LjUyMy45MTcuNTIzLjkxN0g5LjkzM3Y5LjAxMWguNDZ2LS4wMDFoNi41OTV2LTkuMDFoLS4xMjljLS41MjQgMC0uOTQ4LS40MS0uOTQ4LS45MTcgMC0uNTA2LjQyNC0uOTE2Ljk0OC0uOTE2eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==')
}

header nav .menu a.menu-develop::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGQ0M3OTAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkFBNjRDIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTggNmg4YTEgMSAwIDAgMSAxIDF2OS44NzVhMSAxIDAgMCAxLTEgMUg4YTEgMSAwIDAgMS0xLTFWN2ExIDEgMCAwIDEgMS0xem0uOTI5IDguMjk3YS40ODIuNDgyIDAgMSAwIDAgLjk2NGgzLjM3NWEuNDgyLjQ4MiAwIDAgMCAwLS45NjRIOC45Mjl6bTAtMi42MDRhLjQ4Mi40ODIgMCAxIDAgMCAuOTY0aDUuOTFhLjQ4Mi40ODIgMCAwIDAgMC0uOTY0SDguOTN6bTAtMi4zMTRhLjQ4Mi40ODIgMCAxIDAgMCAuOTY0aDUuOTFhLjQ4Mi40ODIgMCAwIDAgMC0uOTY0SDguOTN6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+')
}

header nav .menu a.menu-courses::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkE3QTUiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkE0QzRDIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTE4Ljc3OCA4LjY2N2MtLjMwMy0uMTk3LTIuNTcuOTA0LTIuNTcuOTA0di0uMTE1YzAtLjk2LS43OC0xLjczOS0xLjc0NC0xLjczOWgtNi43MkM2Ljc4MSA3LjcxNyA2IDguNDk1IDYgOS40NTZWMTUuM2MwIC45Ni43OCAxLjc0IDEuNzQ0IDEuNzRoNi43MmMuOTYzIDAgMS43NDQtLjc4IDEuNzQ0LTEuNzR2LS4xNDJzMi4yODEgMS4wOSAyLjU3LjkwM2MuMjktLjE4Ny4zMDMtNy4xOTkgMC03LjM5NXptLTkuMDc1IDYuNTA2VjkuNTdsNC40MjMgMi44MDEtNC40MjMgMi44MDJ6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+')
}

header nav .menu a.menu-blog::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSI0Mi41OTIlIiB5MT0iMS40MjklIiB4Mj0iNDIuNTkyJSIgeTI9IjEwMCUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjMDA4OEQ1IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzFFQjJGNyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBpZD0iYiIgZD0iTS4wNzUgOS41ODdoNy4zMzhWLjA0SC4wNzV6Ii8+PHBhdGggaWQ9ImQiIGQ9Ik0wIC4wNjJoMTEuOTR2MTEuNjNIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9InVybCgjYSkiIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuNjczIDkuNjg1KSI+PG1hc2sgaWQ9ImMiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2IiLz48L21hc2s+PHBhdGggZD0iTTEuNjMyIDkuNTg3TC4wNzUgOS4yMmwuMDYyLS4zMDdhMTIuMDU3IDEyLjA1NyAwIDAgMSAzLjI0LTUuNTdBMi4xODMgMi4xODMgMCAwIDEgMy41NjQuNzdjLjc0OC0uNzk1IDEuOTMxLS45OCAyLjg2Ni0uMzY3LjkzNS42MTIgMS4yNDYgMS43NzUuNzQ4IDIuNzU1LS40MzcuOTE4LTEuNDk2IDEuMzQ3LTIuNDkzIDEuMTYzYTEwLjA1NSAxMC4wNTUgMCAwIDAtMy4wNTMgNS4wMnYuMjQ1eiIgZmlsbD0iI0ZGRiIgbWFzaz0idXJsKCNjKSIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2IDYuMDQ5KSI+PG1hc2sgaWQ9ImUiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2QiLz48L21hc2s+PHBhdGggZD0iTTExLjE1MyA4Ljc1NGMtMS4wNiAxLjgzNy0zLjA1MyAyLjkzOS01LjE3MiAyLjkzOS0uMzExIDAtLjYyMyAwLS45OTctLjA2MmwtLjMxMS0uMDYuMjUtMS41MzEuMzEuMDYxYzEuODcuMzA2IDMuNzM5LS42MTIgNC42MTEtMi4yNjUuODcyLTEuNjUzLjU2LTMuNjczLS44MS00Ljk1OS0xLjQzMy0xLjQwOC0zLjczOC0xLjY1My01LjQ4My0uNTVhNC4yMDIgNC4yMDIgMCAwIDAtMS42MiA1LjIwM2wuMTI1LjMwNi0xLjQ5NS42MTItLjEyNS0uMzA2Qy4xMjUgNy40NjkgMCA2LjY3MiAwIDUuOTM4IDAgMy40OSAxLjU1OCAxLjI4NiAzLjkyNS40MjggNi4yOTMtLjQyOCA4LjkxLjI0NSAxMC41MyAyLjE0M2MxLjYyIDEuNzc1IDEuODY5IDQuNDY5LjYyMyA2LjYxMSIgZmlsbD0iI0ZGRiIgbWFzaz0idXJsKCNlKSIvPjwvZz48L2c+PC9zdmc+')
}

header nav .menu a.menu-aboutus::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjQyLjU5MiUiIHkxPSIxLjQyOSUiIHgyPSI0Mi41OTIlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiMxNUMxOUEiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMEFERTlCIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTE2LjQ2MSAxNi45OTdoLTMuNTE2TDEyLjkzIDE3SDcuNDYzYS40NjMuNDYzIDAgMCAxLS40NjEtLjQ2NFY2LjQ2NGMwLS4yNTYuMjA2LS40NjQuNDYxLS40NjRoNS40NjdjLjI1NiAwIC40NjIuMjA4LjQ2Mi40NjR2My42NjNoMy4wN2MuMjk2IDAgLjUzNi4xNzguNTM2LjM5N1YxNi42YzAgLjIxOS0uMjQuMzk3LS41MzcuMzk3ek0xMiA4LjJIOC4zOXYuODI1SDEyVjguMnptMCAyLjJIOC4zOXYuODI1SDEyVjEwLjR6bTAgMi4ySDguMzl2LjgyNUgxMlYxMi42em0zLjYxLS44MjVoLTEuOTQ0djEuNjVoMS45NDR2LTEuNjV6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+')
}

header nav .menu a.menu-news::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiM2RjhDRjciIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNDI2N0YwIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTEwLjk4MiAxMi4wMTVINy4zMWMtLjU0NSAwLS43NS0uMzgzLS40NjItLjg0OGwzLjEtNC41MzdjLjU3MS0uOTIzIDEuMDMzLS43OTIgMS4wMzMuMjg3djUuMDk4aC4wMDJ6bS4wMTkuOTgydjMuNjc5YzAgLjU0Ni0uMzg0Ljc1Mi0uODQ4LjQ2M2wtNC41MjctMy4xMDZjLS45Mi0uNTcyLS43OS0xLjAzNS4yODctMS4wMzVIMTF2LS4wMDF6bS45Ny0uMDEyaDMuNjcxYy41NDYgMCAuNzUyLjM4My40NjQuODQ4bC0zLjEwMSA0LjUzN2MtLjU3LjkyMy0xLjAzNC43OTItMS4wMzQtLjI4N3YtNS4wOTh6TTEyIDExLjk5VjguMzEyYzAtLjU0Ni4zODQtLjc1Mi44NDgtLjQ2M2w0LjUyNyAzLjEwN2MuOTIuNTcyLjc5IDEuMDM1LS4yODcgMS4wMzVIMTJ6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+')
}

header nav .menu a.menu-joinus::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGQ0M3OTAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkFBNjRDIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTE2LjUwOCAxMi41MzVsMi40NzItMi41ODctMi40NzItMi44NTlIMTIuMTh2LS41NDRjMC0uMy0uMjc3LS41NDUtLjYxOC0uNTQ1LS4zNDEgMC0uNjE4LjI0NC0uNjE4LjU0NXYuNTQ0SDZ2NS40NDZoNC45NDV2NC44MzFIOS4wOWMtLjM0MiAwLS42MTkuMjQ0LS42MTkuNTQ1VjE5aDYuMTgxdi0xLjA5YzAtLjMtLjI3Ni0uNTQ0LS42MTgtLjU0NGgtMS44NTR2LTQuODNoNC4zMjd6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+')
}

header nav .menu a.menu-callme::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkE3QTUiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkE0QzRDIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTguMzE4IDE3Ljk2MmMtLjk2NSAwLTIuMDE3LTEuMTEyLTIuMjYtMS44Ni0uMTU2LS40NzguMDQtLjY5MS4xNS0uNzY2Ljc3NS0uNjQgMi4xMzktMS41MDMgMi42Ny0xLjYxM2wuMDQxLS4wMDYuMDQuMDA2Yy4zMDEuMDQ2LjQ4Ni4yNDIuNjQ4LjQxNS4yMTQuMjMuMzUyLjM1Ny42NDcuMzE3LjA5My0uMDEyLjQ3NC0uMTY3IDEuNy0xLjU4NGwuNTItLjYxNmMxLjIyLTEuNDc1IDEuMjk0LTEuODc4IDEuMjg5LTEuOTY0LS4wMTgtLjI4OC0uMTgtLjM5Mi0uNDUxLS41NDItLjIwOC0uMTE1LS40NDUtLjI0Ny0uNTU1LS41MjRsLS4wMTItLjAzNHYtLjAzNWMwLS41MjQuNjAyLTEuOTg3IDEuMDgxLTIuODI4LjA1Mi0uMTIuMjAzLS4zMjguNjI0LS4zMjguODUgMCAyLjM0MS44MyAyLjUwMyAxLjgxNC4yMjYgMS4zOTQtLjc0IDMuNTM2LTIuNTkgNS43M2wtLjY4MS44MTNjLTEuODUgMi4xOTQtMy44MjcgMy41NDctNS4yOTUgMy42MjJsLS4wNy0uMDE3eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==')
}

header nav .menu a.menu-ds::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjQyLjU5MiUiIHkxPSIxLjQyOSUiIHgyPSI0Mi41OTIlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDg4RDUiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMUVCMkY3IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTEzLjgyNiAxMS4xODVIMTAuMTVhLjUyNC41MjQgMCAwIDEgMC0xLjA0NmgzLjY3NmMuMjkgMCAuNTI1LjIzNC41MjUuNTIzYS41MjQuNTI0IDAgMCAxLS41MjUuNTIzbTQuMjItMS4xNGwtLjkyOC0yLjIzNWExLjE3NyAxLjE3NyAwIDAgMC0uMTQxLS4yNDJ2LS4wNDVoLS4wMzRDMTYuNjkzIDcuMjEzIDE2LjI5IDcgMTUuOSA3SDguMDc0Yy0uMzkgMC0uNzkyLjIxMi0xLjA0Mi41MjNIN3YuMDQ1YTEuMTUgMS4xNSAwIDAgMC0uMTQzLjI0NGwtLjkyOSAyLjIzNmMtLjE4My40NDQtLjA5MiAxLjA1Ny4yMTQgMS40MjdsLjg1NyAxLjAzNSAxLjA3IDEuMjkyIDMuMTc4IDMuODRjLjE4OS4yMjcuNDYuMzU4Ljc0LjM1OGEuOTY3Ljk2NyAwIDAgMCAuNzQxLS4zNTlsMy4xNzgtMy44NCAxLjA3LTEuMjk1Ljg1OC0xLjAzNmMuMzExLS4zNzUuNC0uOTc0LjIxMy0xLjQyNSIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==')
}

header nav .menu a.menu-group::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjQyLjU5MiUiIHkxPSIxLjQyOSUiIHgyPSI0Mi41OTIlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiMwMEMzRDUiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMjFFMEYzIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0idXJsKCNhKSIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTcuMDQ4IDEzLjEzNHYyLjhsNC44OTkgMi42NTcgNC44OTgtMi42NTh2LTIuNzk2bC00Ljg5OCAyLjY1Ny00Ljg5OS0yLjY2ek0xMS45NDcgNkw0LjI1IDEwLjE5OGw3LjY5NiA0LjE5NSA2LjI5Ny0zLjQyNnY0LjgyN2gxLjM5OHYtNS41OTZMMTEuOTQ3IDZ6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+')
}

header nav .menu a:hover.menu-icon {
    color: #2e4446
}

header nav .menu a:hover.menu-collection::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTcuNTk2IDYuOTg1TDEwIDcuMDA3Yy40OSAwIC42MzguMTMuOTE1LjQzMmwuODcyLjk3Mmg0LjYxN2MuMzQgMCAuNTk2LjMyNC41OTYuNzM0djcuMTA2YzAgLjQxLS4yNTUuNzM0LS41OTYuNzM0SDcuNTk2Yy0uMzQgMC0uNTk2LS4zMjQtLjU5Ni0uNzM0VjcuNzE5YzAtLjQxLjI1NS0uNzM0LjU5Ni0uNzM0em00LjM1IDguNzAxYS4zNzMuMzczIDAgMCAwIC4zMDQtLjE1NWwyLjQ5OS0yLjUzNmEuNTE2LjUxNiAwIDAgMCAuMTUyLS4zNzEuNTc1LjU3NSAwIDAgMC0uMTUyLS4zNzEuNDkzLjQ5MyAwIDAgMC0uNzMyIDBsLTEuNTg0IDEuNjA4VjkuOTk1YS41MzguNTM4IDAgMCAwLS41MTgtLjUyNi41MTcuNTE3IDAgMCAwLS41MTguNTI2djMuODY2bC0xLjU4NS0xLjYwOGEuNTAxLjUwMSAwIDAgMC0uMzY1LS4xNTUuNTM4LjUzOCAwIDAgMC0uNTE4LjUyNmMwIC4xMjQuMDYuMjc4LjE1Mi4zNzFsMi40OTkgMi41MzZhLjU1OC41NTggMCAwIDAgLjM2NS4xNTV6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+')
}

header nav .menu a:hover.menu-paas::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNNy4wMTIgOC4zOWMwIDEuMzIgMi4yMzMgMi4zOSA0Ljk4OCAyLjM5IDIuNzU1IDAgNC45ODgtMS4wNyA0Ljk4OC0yLjM5UzE0Ljc1NSA2IDEyIDZDOS4yNDUgNiA3LjAxMiA3LjA3IDcuMDEyIDguMzl6Ii8+PHBhdGggZD0iTTE2LjUyIDE0LjU0MmMtLjc5NC44MTUtMi41MiAxLjM3Ny00LjUyIDEuMzc3LTIgMC0zLjcyNC0uNTYyLTQuNTItMS4zNzctLjA2NS0uMDY4LS4xODktLjA1OC0uMjM5LjAxN2ExLjI5IDEuMjkgMCAwIDAtLjIzLjcxOGMwIDEuMzIgMi4yMzMgMi4zOSA0Ljk4OSAyLjM5czQuOTg4LTEuMDcgNC45ODgtMi4zOWMwLS4yNS0uMDgtLjQ5My0uMjMtLjcxOC0uMDUtLjA3NS0uMTczLS4wODUtLjIzNy0uMDE3eiIvPjxwYXRoIGQ9Ik0xNi41MiAxMS4xYy0uNzk0LjgxNi0yLjUyIDEuMzc4LTQuNTIgMS4zNzgtMiAwLTMuNzI0LS41NjUtNC41Mi0xLjM3Ny0uMDY1LS4wNjgtLjE4OS0uMDU4LS4yMzkuMDE3YTEuMjkgMS4yOSAwIDAgMC0uMjMuNzE4YzAgMS4zMiAyLjIzMyAyLjM5IDQuOTg5IDIuMzlzNC45ODgtMS4wNyA0Ljk4OC0yLjM5YzAtLjI1LS4wOC0uNDkzLS4yMy0uNzE4LS4wNS0uMDc3LS4xNzMtLjA4NS0uMjM3LS4wMTd6Ii8+PC9nPjwvZz48L3N2Zz4=')
}

header nav .menu a:hover.menu-private::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMTcuMjQgMTYuNjcyYy0uMzIgMC0uNTItLjI5MS0uNTItLjU0MVYxMS4xN2MuMDgtMi43MS0xLjk2LTQuOTYxLTQuNTYtNS4wODYtMi42LS4xMjUtNC43NiAyLjA0My00Ljg0IDQuNzUydjIuMjFjMCAuMzMzLS4yOC41ODMtLjU2LjU4M3MtLjU2LS4yOTItLjU2LS41ODN2LTEuOTE4YzAtMy4zMzUgMi42LTYuMDg2IDUuODQtNi4wODYgMy4yNCAwIDUuODQgMi43MSA1Ljg0IDYuMDg2djQuOTZjLS4xMi4zNzYtLjMyLjU4NC0uNjQuNTg0eiIvPjxwYXRoIGQ9Ik04Ljg4IDEzLjU4OGMtLjMyIDAtLjUyLS4yOTItLjUyLS41NDJ2LTEuNzkzQzguMzYgOS4xNyA5Ljk2IDcuNDYgMTIgNy40NnMzLjY0IDEuNjY3IDMuNjQgMy43OTN2MS42MjZjMCAuMzMzLS4yOC41ODQtLjU2LjU4NHMtLjU2LS4yOTItLjU2LS41ODR2LTEuNjI2YzAtMS40NTktMS4xMi0yLjY2OC0yLjU2LTIuNjY4LTEuNCAwLTIuNTYgMS4xNjctMi41NiAyLjY2OHYxLjc5M2MuMDQuMjkxLS4yNC41NDItLjUyLjU0MnoiLz48cGF0aCBkPSJNMTAuOTYgMTQuNzEzYy0uMzIgMC0uNTItLjI5Mi0uNTItLjU0MnYtMi44MzVjMC0uOTE3LjY4LTEuNjI1IDEuNTYtMS42MjVzMS41Ni43MDggMS41NiAxLjYyNXYxLjI1MWMwIC4zMzQtLjI4LjU4NC0uNTYuNTg0LS4zMiAwLS41Ni0uMjkyLS41Ni0uNTg0di0xLjI1YzAtLjI5Mi0uMi0uNS0uNDgtLjUtLjI4IDAtLjQ4LjIwOC0uNDguNXYyLjgzNGMuMDQuMjkyLS4yLjU0Mi0uNTIuNTQyeiIvPjxwYXRoIGQ9Ik0xNS4wNCAxNi4xM2MtLjMyIDAtLjUyLS4yOTEtLjUyLS41NDF2LS43NWMwLS4zMzQuMjgtLjU4NC41Ni0uNTg0LjMyIDAgLjU2LjI5MS41Ni41ODN2Ljc1YS42MTUuNjE1IDAgMCAxLS42LjU0M3oiLz48cGF0aCBkPSJNNi4yIDE2LjM1M3YtMS4wNTZjMC0uMzM0LjI4LS41ODQuNTYtLjU4NHMuNTYuMjkyLjU2LjU4NHYxLjA1NmEuNjEuNjEgMCAwIDEtLjYuNTQyYy0uMzIgMC0uNTItLjI5Mi0uNTItLjU0MnoiLz48L2c+PC9nPjwvc3ZnPg==')
}

header nav .menu a:hover.menu-partner::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjRkZGIj48cGF0aCBkPSJNNi4wMyA4bC0yLjAxMiA0LjYyNyAxLjAwNi41NDcgMi4yOTEtNC41NTh6Ii8+PHBhdGggZD0iTTEyLjQ4MiAxMS4wMzJsLTEuOTg3IDEuMzIycy0yLjgwNi4zNjUtMS4zOC0yLjA1MUwxMS43MSA4LjY2cy0uNDMtMS4xMDItMyAuNTkzTDcuNjIgOC44ODlsLTEuNTY3IDQuMjg1IDEuMjYzIDEuM3MxLjE0NS0xLjAwMyAyLjAzNC4xNmMwIDAgMS4xOTItMS4yMDkgMi4xNjMuNTkyIDAgMCAxLjc2NS0uNjYxIDEuMTU3IDEuNjg2IDAgMCAuNjk0LjQzNi44NjUgMS4yMDkgMCAwIC44MTgtLjA2OSAxLjIzOS0uOTggMCAwIC43OTUtLjExNCAxLjIxNi0uOTM1IDAgMCAuODg4LS4xODIuOTgyLS44NDNsLTMuOTk4LTQuMzMxcy0uMzA0LS4xNi0uNDkxIDB6Ii8+PHBhdGggZD0iTTguMDggMTQuNDIybC0uNzY1Ljg1NXMtLjE2NC45NTcuNzY2Ljc1MmwuODc2LS45NTdzLjAxOC0uODA0LS44NzYtLjY1eiIvPjxwYXRoIGQ9Ik05Ljc4MiAxNC42OTZMOC43NDcgMTUuOTZjLS4yOCAxLjA3Ny45NjQuOTU3Ljk2NC45NTdsMS4xOTMtMS41OWMtLjQwNC0xLjEyOC0xLjEyMi0uNjMyLTEuMTIyLS42MzJ6Ii8+PHBhdGggZD0iTTExLjI1NCAxNS42N2wtMS4wODcgMS40MTljLS4xNjMuOTk3LjkzLjkyMy45My45MjNsMS4yNDUtMS40MzZjLS4wNTMtMS4xNjItMS4wODgtLjkwNi0xLjA4OC0uOTA2eiIvPjxwYXRoIGQ9Ik0xMi4xNjYgMTcuNDgybC0uNTYuNjczYy0uMTY1Ljk5Ny43MzYuODMxLjczNi44MzFsLjY0OC0uN2MuMjgxLS45OTItLjgyNC0uODA0LS44MjQtLjgwNHoiLz48cGF0aCBkPSJNMTQuODMyIDguODg0cy0uNzAyLS40NzktMS43MTktLjMyNUw5LjI5IDExLjA1NXMtLjU5MSAxLjE4Ni42ODQuOTkxbDIuNjQ4LTEuNjA3cy4zMTYtLjA2OC4zNjguMDUybDMuMDUxIDMuMjQ4IDEuMjQ1IDEuMzMzczEuMTIzLS4xNzEgMS41OTYtMS43NzhsLTIuMDg3LTMuODEycy0xLjU5NS4zNDItMS45NjMtLjU5OHoiLz48cGF0aCBkPSJNMTguNTg0IDhsLTEuMjEgMS4xMDYgMi4zMzIgNC4xODggMS4yOC0uODAzeiIvPjwvZz48L2c+PC9zdmc+')
}

header nav .menu a:hover.menu-analysis::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTE4LjI3MyAxMy43MzVoLTEuNDJjLTEuMjk1IDAtMi41MTgtLjk2Mi0zLjAxNi0yLjRIMTYuOWMuMDk2IDAgLjE4MS4wNTcuMjE0LjE0MmwxLjE1OSAyLjI1OHoiLz48cGF0aCBkPSJNMjAuODYgMTcuNzgzbC00LjIwOC4wMWMtMS42MjQgMC0zLjQyNS0xLjE0OC00LjAxNi0yLjU4MkgxOS4zYy4xMjMgMCAuMjM0LjA2OC4yNzYuMTdsMS4yODUgMi40MDJ6Ii8+PHBhdGggZD0iTTYuMzgyIDE3Ljc5NEg0LjEzNWw0LjQzLTguMzE1QzkuNzQgNy4yOTMgMTEuMDM2IDcgMTMuNDQgN2guNjc2bC00Ljc2OSA5LjA3MmMtLjQyNi43OTMtMS40OSAxLjcyMi0yLjk2NCAxLjcyMiIvPjwvZz48L2c+PC9zdmc+')
}

header nav .menu a:hover.menu-recommend::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMkU0NDQ2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTEyLjQ0MiA4LjQ2bC0uMDA2LjAxMkg5LjAxOGwxLjIwNC0yLjM0N2gyLjY2NmwuMDA3LS4wMTVoMi4wNEMxNi4yNDMgNi4xMSAxOCA3LjgxMSAxOCA5Ljk1NWMwIDIuMDM4LTEuNTE1IDMuNDEzLTMuNDggMy43MzVsMi4yNDYgNC40MzVIMTQuMzhhMS45MTQgMS45MTQgMCAwIDEtMS43ODMtMS4xOTRsLTEuNC0yLjg4NEg2LjcwNmE0LjEgNC4xIDAgMCAxIDMuNDQtMi41OWwtLjAwMS0uMDA1aC4wNTJjLjEwOC0uMDA5LjIxNy0uMDEzLjMyNy0uMDEzaDIuMTEzbC42NzMtLjAwNGMxLjI0NCAwIDEuODA0LS43NTQgMS44MDQtMS40NjRzLS43ODMtMS41MDUtMi4xNzQtMS41MDVsLS40OTktLjAwNnoiLz48cGF0aCBkPSJNNS4wNTYgMTguMTI1bDEuNDA1LTIuODg1aDIuOTQ1bC0xLjMwNSAyLjg4NXoiLz48L2c+PC9nPjwvc3ZnPg==')
}

header nav .menu a:hover.menu-journey::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIiBmaWxsPSIjMkU0NDQ2Ii8+PHBhdGggZD0iTTExLjQ0MiAxNy43NzRjLTIuNTYtLjYxNy0zLjgyNi0yLjA4Mi00LjQ1My00LjQ5OWwtMS4xMzYtNC44OGMyLjU4Ni42MTggMy45MDcgMi40NjcgNC40MjcgNC42NTFsMS4xNjIgNC43Mjh6IiBmaWxsPSIjRkZGIi8+PHBhdGggZD0iTTE2Ljc5NSAxNC40NzRjLTEuMTk5IDIuNjU0LTMuMDYgMy4yODUtNS4yOTggMy4yODVsMy4wODktOC42MjVjLjgxMy0yLjQ3NiAzLjEzNS00LjAwNCA1LjM3Mi00LjAwNGwtMy4xNjMgOS4zNDR6IiBmaWxsPSIjRkZGIi8+PHBhdGggZD0iTTUuMjYzIDE0LjU4Nmg2LjQ5N3YzLjI4Mkg1LjI2M3oiLz48cGF0aCBkPSJNOS45OTIgMTcuNzU2Yy0xLjE1OCAwLTIuNDkxLS41MzMtMy40OTItMS4zNDMtLjgxNi0uNjYtMS41LTEuODMtMS41LTEuODNzMS44NzktLjQ3IDMuOTU5LjUzOGMxLjk0Ljk0IDIuNTM4IDIuNjQyIDIuNTM4IDIuNjQybC0xLjUwNS0uMDA3eiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=')
}

header nav .menu a:hover.menu-usertag::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIiBmaWxsPSIjMkU0NDQ2Ii8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTkuNjExIDkuMTg5Yy45NTcgMCAxLjczMy43NzYgMS43MzMgMS43MzN2Ny4wMzJhLjUyNy41MjcgMCAwIDEtLjg2Ni40MDQgMS4zNDUgMS4zNDUgMCAwIDAtMS43MzQgMCAuNTI3LjUyNyAwIDAgMS0uODY2LS40MDR2LTcuMDMyYzAtLjk1Ny43NzYtMS43MzMgMS43MzMtMS43MzN6Ii8+PHBhdGggZD0iTTcuMjQ3IDUuMDI3YzAgMS42ODYgMS40NzIgMy4wNTIgMy4yOSAzLjA1MmgyLjcwOWMuOTk0IDAgMS44ODMuNjQ4IDIuMDQgMS41Ni4xOTkgMS4xNjUtLjc2NiAyLjE3LTEuOTg0IDIuMTdIOS4yODlDNy40NzMgMTEuODEgNiAxMy4xNzYgNiAxNC44NjJoNy43MDFjMi45MjcgMCA1LjI5OS0yLjIwMiA1LjI5OS00LjkxOHMtMi4zNzItNC45MTctNS4yOTktNC45MTdINy4yNDd6Ii8+PC9nPjwvZz48L3N2Zz4=')
}

header nav .menu a:hover.menu-finance::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTE4IDkuNDIzSDZWOWExIDEgMCAwIDEgMS0xaDEwYTEgMSAwIDAgMSAxIDF2LjQyM3ptMCAxLjY2VjE1LjNhMSAxIDAgMCAxLTEgMUg3YTEgMSAwIDAgMS0xLTF2LTQuMjE3aDEyem0tMTAuOC45NDl2MS40MjNoNC4wOHYtMS40MjNINy4yeiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=')
}

header nav .menu a:hover.menu-focus::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTQuMDQgMTcuOWgxLjY1MmMxLjQ3NCAwIDIuODI4LS45OTggMy4zOTYtMi42MDJINS41NjRhLjI2LjI2IDAgMCAwLS4yNDMuMTU3TDQuMDQgMTcuOXoiLz48cGF0aCBkPSJNOC42NDEgOC45NDVoNi4xODJjMS44NDggMCAzLjE5LTEuMSAzLjgxNS0yLjk0aC0uMTQzTDEwLjM1NiA2YS4zMzYuMzM2IDAgMCAwLS4zMTUuMTkybC0xLjQgMi43NTN6Ii8+PHBhdGggZD0iTTUuOTY0IDEzLjkyN2w4LjQxMS4wMTdjMi41NDUgMCA0LjIyMi0xLjk2IDQuNjItMy42NDRoLS4yMjdsLTEwLjc0Mi0uMDE2YS4zMzIuMzMyIDAgMCAwLS4zMTEuMTlsLTEuNzUxIDMuNDUzeiIvPjwvZz48L2c+PC9zdmc+')
}

header nav .menu a:hover.menu-ecommerce::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMTcuOTc3IDE1LjdsLTEuMDI0LTguNzMzYy0uMDctLjU5LS41OS0xLjAzNy0xLjIxMi0xLjAzN2gtMS4yNTJjMC0xLjA2LS44OTgtMS45MjEtMi4wMDYtMS45MjEtMS4xMDcgMC0yLjAwNC44Ni0yLjAwNCAxLjkyaC0xLjUzYy0uNjM3IDAtMS4xNjYuNDY4LTEuMjE2IDEuMDc2bC0uNzI4IDguNzMzYy0uMDU3LjY3OS41MDMgMS4yNiAxLjIxNSAxLjI2aDguNTQ3Yy43MjUgMCAxLjI5Mi0uNjA3IDEuMjEtMS4yOTh6TTEyLjQ4NSA0Ljk1Yy41NjUgMCAxLjAyMy40MzkgMS4wMjMuOTggMCAuNTQtLjQ1OC45NzktMS4wMjMuOTc5cy0xLjAyMy0uNDM4LTEuMDIzLS45OGMwLS41NC40NTgtLjk3OSAxLjAyMy0uOTc5em0xLjY2NSA2LjczNWMwIC4xNTMtLjEzNS4yNzctLjMwMi4yNzdIMTIuMTVjLS4xMSAwLS4yLjA4My0uMi4xODV2LjUwNmMwIC4xNi4wNDguMjg0LjE0Ny4zNy4wOTguMDg3LjIzLjEzLjM5Ny4xMy4yMSAwIC4zNS0uMDU2LjQyLS4xN2EuODk2Ljg5NiAwIDAgMCAuMDk1LS4yMDUuMTk3LjE5NyAwIDAgMSAuMTkzLS4xMzRoLjczNmMuMTIxIDAgLjIxNC4xLjIuMjFhMS41NTggMS41NTggMCAwIDEtLjEwMi4zOTEgMS4zMSAxLjMxIDAgMCAxLS4zMzEuNDhjLS4xNDYuMTQxLS4zMi4yNS0uNTIzLjMzMS0uMjAzLjA4LS40MzIuMTItLjY4Ny4xMmExLjgzIDEuODMgMCAwIDEtLjg4MS0uMiAxLjQyOSAxLjQyOSAwIDAgMS0uNTY3LS41MyAxLjI5OSAxLjI5OSAwIDAgMS0uMTY0LS40NiAzLjUgMy41IDAgMCAxLS4wNDQtLjU3VjEwLjc0YzAtLjIwOC4wMTYtLjM5OC4wNDQtLjU3LjAzLS4xNzMuMDg0LS4zMjcuMTY0LS40Ni4xMy0uMjIuMzItLjM5OC41NjctLjUzMS4yNDctLjEzNC41NC0uMi44ODEtLjIuMjU1IDAgLjQ4NS4wNC42OTEuMTJhMS40NDggMS40NDggMCAwIDEgLjg1Ljg0Yy4wNzYuMTkzLjExNC40LjExNC42MnYxLjEyNXoiLz48cGF0aCBkPSJNMTIuNDk0IDEwYy0uMTY3IDAtLjMuMDQ5LS4zOTcuMTQ2LS4wOTkuMDk3LS4xNDcuMjQyLS4xNDcuNDM1di4zOTZjMCAuMTAyLjA5LjE4NS4yLjE4NWguNjg4Yy4xMSAwIC4yLS4wODMuMi0uMTg1di0uMzk2YzAtLjE5My0uMDQ5LS4zMzgtLjE0Ny0uNDM1YS41MzcuNTM3IDAgMCAwLS4zOTctLjE0NXoiLz48L2c+PC9nPjwvc3ZnPg==')
}

header nav .menu a:hover.menu-security::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTE4LjM3IDEzLjQxM3YtLjY1M2MtLjM5NyAwLS43Mi0uMzQ3LS43Mi0uNzc0IDAtLjQyNi4zMjMtLjc3My43Mi0uNzczdi0uNjUzYy0uMzk3IDAtLjcyLS4zNDctLjcyLS43NzQgMC0uNDI3LjMyMy0uNzczLjcyLS43NzNWOC4wM2gtMi40Mjd2Ny45MWgyLjQyOHYtLjk4Yy0uMzk4IDAtLjcyLS4zNDctLjcyLS43NzQgMC0uNDI3LjMyMi0uNzc0LjcyLS43NzR6IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNS41IDkuMDEzVjguMDNoOS41M3Y3LjkxSDUuNXYtLjk4Yy4zOTggMCAuNzItLjM0Ny43Mi0uNzc0IDAtLjQyNy0uMzIyLS43NzQtLjcyLS43NzR2LS42NTNjLjM5OCAwIC43Mi0uMzQ3LjcyLS43NzQgMC0uNDI3LS4zMjItLjc3My0uNzItLjc3M3YtLjY1NGMuMzk4IDAgLjcyLS4zNDYuNzItLjc3MyAwLS40MjctLjMyMi0uNzczLS43Mi0uNzczem02LjYyOSAzLjYzYzAtLjY4LS41MDItMS4yMzQtMS4xMTgtMS4yMzRoLS43NDVjLS4yMDUgMC0uMzcyLS4xODUtLjM3Mi0uNDEyIDAtLjIyNy4xNjctLjQxMS4zNzItLjQxMWgxLjQ5di0uODIzaC0uNzQ1di0uODI0aC0uNzQ1di44MjRjLS42MTYgMC0xLjExNy41NTMtMS4xMTcgMS4yMzQgMCAuNjguNTAxIDEuMjM1IDEuMTE3IDEuMjM1aC43NDVjLjIwNiAwIC4zNzMuMTg0LjM3My40MTEgMCAuMjI3LS4xNjcuNDEyLS4zNzMuNDEySDkuNTIydi44MjNoLjc0NHYuODIzaC43NDV2LS44MjNjLjYxNiAwIDEuMTE4LS41NTQgMS4xMTgtMS4yMzV6Ii8+PC9nPjwvZz48L3N2Zz4=')
}

header nav .menu a:hover.menu-retail::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTE4LjA3NSA4LjkyM2wtLjk5MS0xLjkyNmExLjM3MiAxLjM3MiAwIDAgMC0xLjIyMS0uNzQxSDguMTM3Yy0uNTE1IDAtLjk4Ny4yODYtMS4yMi43NDFsLS45OTIgMS45MjZjLS41NSAxLjI1LjI2NSAyLjcyOCAxLjYzNiAyLjgzOWEyLjEzNyAyLjEzNyAwIDAgMCAxLjkzOC0uOTE5LjQ0Ni40NDYgMCAwIDEgLjczNyAwYy4zODQuNTU5IDEuMDMuOTI2IDEuNzY0LjkyNi43MzMgMCAxLjM4LS4zNjcgMS43NjQtLjkyNmEuNDQ2LjQ0NiAwIDAgMSAuNzM3IDBjLjQzMS42MyAxLjE3Mi45ODIgMS45MzguOTE5IDEuMzcxLS4xMSAyLjE4Ni0xLjU4OCAxLjYzNi0yLjgzOXptLTEuNDM4IDMuNzA3YTMuMDQgMy4wNCAwIDAgMS0yLjIyMy0uNjAzLjQ2LjQ2IDAgMCAwLS41NjQgMCAzLjA0IDMuMDQgMCAwIDEtMy43IDAgLjQ2LjQ2IDAgMCAwLS41NjQgMGMtLjYzLjQ4My0xLjQyOC43LTIuMjIuNjA0YS40NDYuNDQ2IDAgMCAwLS4zNDguMTA3LjQzOC40MzggMCAwIDAtLjE1LjMzdjMuNzY2YzAgLjQ5NS4zOTQuODk3Ljg4Ljg5N2g4LjUwNGMuNDg2IDAgLjg4LS40MDIuODgtLjg5N1YxMy4wN2EuNDQyLjQ0MiAwIDAgMC0uNDk1LS40NHptLTEuODUyIDMuMzQxaC01LjU3YS40NDYuNDQ2IDAgMCAxLS40NDctLjQ0MmMwLS4yNDMuMjAxLS40NDMuNDQ3LS40NDNoNS41N2MuMjQ2IDAgLjQ0Ni4yLjQ0Ni40NDNzLS4yLjQ0Mi0uNDQ2LjQ0MnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=')
}

header nav .menu a:hover.menu-service::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTE1LjI4NyA4LjI3NUEzLjI3NyAzLjI3NyAwIDAgMSAxMiAxMS41NWEzLjI3NyAzLjI3NyAwIDAgMS0zLjI4Ny0zLjI3NUEzLjI3NyAzLjI3NyAwIDAgMSAxMiA1YTMuMjc3IDMuMjc3IDAgMCAxIDMuMjg3IDMuMjc1em0uODc5IDguNTQ3SDcuNTQyYy0uMzggMC0uNTQyLS4yNzgtLjU0Mi0uNjY5di4wMDZjMC0yLjI1NyAxLjY0Ny00LjAyOSAzLjg0Ni00LjAyOWgyLjAyOGMyLjE5OSAwIDQuMTI2IDEuNzkyIDQuMTI2IDQuMDQ4di0uMDMxYzAgLjM5LS40NTQuNjc1LS44MzQuNjc1eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==')
}

header nav .menu a:hover.menu-manual::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTE2Ljg2IDcuMTU0aC4xMjhWNi4wMTNIOC4xMDRjLS41NzcgMC0xLjA1Mi40My0xLjA5OC45NzZIN3YxMC4wNmguMDA3Yy4wNTYuNDkzLjQ2MS44ODUuOTcuOTRWMThoLjkzNFY4Ljk2MWEuOTI0LjkyNCAwIDAgMS0uNzMtLjg5MmMwLS41MDYuNDI2LS45MTYuOTUtLjkxNmg2LjE2N3MtLjUyMy4zMjUtLjUyMy45MTZjMCAuNjM3LjUyMy45MTcuNTIzLjkxN0g5LjkzM3Y5LjAxMWguNDZ2LS4wMDFoNi41OTV2LTkuMDFoLS4xMjljLS41MjQgMC0uOTQ4LS40MS0uOTQ4LS45MTcgMC0uNTA2LjQyNC0uOTE2Ljk0OC0uOTE2eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==')
}

header nav .menu a:hover.menu-develop::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTggNmg4YTEgMSAwIDAgMSAxIDF2OS44NzVhMSAxIDAgMCAxLTEgMUg4YTEgMSAwIDAgMS0xLTFWN2ExIDEgMCAwIDEgMS0xem0uOTI5IDguMjk3YS40ODIuNDgyIDAgMSAwIDAgLjk2NGgzLjM3NWEuNDgyLjQ4MiAwIDAgMCAwLS45NjRIOC45Mjl6bTAtMi42MDRhLjQ4Mi40ODIgMCAxIDAgMCAuOTY0aDUuOTFhLjQ4Mi40ODIgMCAwIDAgMC0uOTY0SDguOTN6bTAtMi4zMTRhLjQ4Mi40ODIgMCAxIDAgMCAuOTY0aDUuOTFhLjQ4Mi40ODIgMCAwIDAgMC0uOTY0SDguOTN6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+')
}

header nav .menu a:hover.menu-courses::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTE4Ljc3OCA4LjY2N2MtLjMwMy0uMTk3LTIuNTcuOTA0LTIuNTcuOTA0di0uMTE1YzAtLjk2LS43OC0xLjczOS0xLjc0NC0xLjczOWgtNi43MkM2Ljc4MSA3LjcxNyA2IDguNDk1IDYgOS40NTZWMTUuM2MwIC45Ni43OCAxLjc0IDEuNzQ0IDEuNzRoNi43MmMuOTYzIDAgMS43NDQtLjc4IDEuNzQ0LTEuNzR2LS4xNDJzMi4yODEgMS4wOSAyLjU3LjkwM2MuMjktLjE4Ny4zMDMtNy4xOTkgMC03LjM5NXptLTkuMDc1IDYuNTA2VjkuNTdsNC40MjMgMi44MDEtNC40MjMgMi44MDJ6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+')
}

header nav .menu a:hover.menu-blog::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0uMDc1IDkuNTg3aDcuMzM4Vi4wNEguMDc1eiIvPjxwYXRoIGlkPSJjIiBkPSJNMCAuMDYyaDExLjk0djExLjYzSDB6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBmaWxsPSIjMkU0NDQ2IiBjeD0iMTIiIGN5PSIxMiIgcj0iMTIiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2LjY3MyA5LjY4NSkiPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjxwYXRoIGQ9Ik0xLjYzMiA5LjU4N0wuMDc1IDkuMjJsLjA2Mi0uMzA3YTEyLjA1NyAxMi4wNTcgMCAwIDEgMy4yNC01LjU3QTIuMTgzIDIuMTgzIDAgMCAxIDMuNTY0Ljc3Yy43NDgtLjc5NSAxLjkzMS0uOTggMi44NjYtLjM2Ny45MzUuNjEyIDEuMjQ2IDEuNzc1Ljc0OCAyLjc1NS0uNDM3LjkxOC0xLjQ5NiAxLjM0Ny0yLjQ5MyAxLjE2M2ExMC4wNTUgMTAuMDU1IDAgMCAwLTMuMDUzIDUuMDJ2LjI0NXoiIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjYikiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNiA2LjA0OSkiPjxtYXNrIGlkPSJkIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNjIi8+PC9tYXNrPjxwYXRoIGQ9Ik0xMS4xNTMgOC43NTRjLTEuMDYgMS44MzctMy4wNTMgMi45MzktNS4xNzIgMi45MzktLjMxMSAwLS42MjMgMC0uOTk3LS4wNjJsLS4zMTEtLjA2LjI1LTEuNTMxLjMxLjA2MWMxLjg3LjMwNiAzLjczOS0uNjEyIDQuNjExLTIuMjY1Ljg3Mi0xLjY1My41Ni0zLjY3My0uODEtNC45NTktMS40MzMtMS40MDgtMy43MzgtMS42NTMtNS40ODMtLjU1YTQuMjAyIDQuMjAyIDAgMCAwLTEuNjIgNS4yMDNsLjEyNS4zMDYtMS40OTUuNjEyLS4xMjUtLjMwNkMuMTI1IDcuNDY5IDAgNi42NzIgMCA1LjkzOCAwIDMuNDkgMS41NTggMS4yODYgMy45MjUuNDI4IDYuMjkzLS40MjggOC45MS4yNDUgMTAuNTMgMi4xNDNjMS42MiAxLjc3NSAxLjg2OSA0LjQ2OS42MjMgNi42MTEiIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjZCkiLz48L2c+PC9nPjwvc3ZnPg==')
}

header nav .menu a:hover.menu-aboutus::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTE2LjQ2MSAxNi45OTdoLTMuNTE2TDEyLjkzIDE3SDcuNDYzYS40NjMuNDYzIDAgMCAxLS40NjEtLjQ2NFY2LjQ2NGMwLS4yNTYuMjA2LS40NjQuNDYxLS40NjRoNS40NjdjLjI1NiAwIC40NjIuMjA4LjQ2Mi40NjR2My42NjNoMy4wN2MuMjk2IDAgLjUzNi4xNzguNTM2LjM5N1YxNi42YzAgLjIxOS0uMjQuMzk3LS41MzcuMzk3ek0xMiA4LjJIOC4zOXYuODI1SDEyVjguMnptMCAyLjJIOC4zOXYuODI1SDEyVjEwLjR6bTAgMi4ySDguMzl2LjgyNUgxMlYxMi42em0zLjYxLS44MjVoLTEuOTQ0djEuNjVoMS45NDR2LTEuNjV6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+')
}

header nav .menu a:hover.menu-news::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTEwLjk4MiAxMi4wMTVINy4zMWMtLjU0NSAwLS43NS0uMzgzLS40NjItLjg0OGwzLjEtNC41MzdjLjU3MS0uOTIzIDEuMDMzLS43OTIgMS4wMzMuMjg3djUuMDk4aC4wMDJ6bS4wMTkuOTgydjMuNjc5YzAgLjU0Ni0uMzg0Ljc1Mi0uODQ4LjQ2M2wtNC41MjctMy4xMDZjLS45Mi0uNTcyLS43OS0xLjAzNS4yODctMS4wMzVIMTF2LS4wMDF6bS45Ny0uMDEyaDMuNjcxYy41NDYgMCAuNzUyLjM4My40NjQuODQ4bC0zLjEwMSA0LjUzN2MtLjU3LjkyMy0xLjAzNC43OTItMS4wMzQtLjI4N3YtNS4wOTh6TTEyIDExLjk5VjguMzEyYzAtLjU0Ni4zODQtLjc1Mi44NDgtLjQ2M2w0LjUyNyAzLjEwN2MuOTIuNTcyLjc5IDEuMDM1LS4yODcgMS4wMzVIMTJ6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+')
}

header nav .menu a:hover.menu-joinus::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTE2LjUwOCAxMi41MzVsMi40NzItMi41ODctMi40NzItMi44NTlIMTIuMTh2LS41NDRjMC0uMy0uMjc3LS41NDUtLjYxOC0uNTQ1LS4zNDEgMC0uNjE4LjI0NC0uNjE4LjU0NXYuNTQ0SDZ2NS40NDZoNC45NDV2NC44MzFIOS4wOWMtLjM0MiAwLS42MTkuMjQ0LS42MTkuNTQ1VjE5aDYuMTgxdi0xLjA5YzAtLjMtLjI3Ni0uNTQ0LS42MTgtLjU0NGgtMS44NTR2LTQuODNoNC4zMjd6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+')
}

header nav .menu a:hover.menu-callme::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTguMzE4IDE3Ljk2MmMtLjk2NSAwLTIuMDE3LTEuMTEyLTIuMjYtMS44Ni0uMTU2LS40NzguMDQtLjY5MS4xNS0uNzY2Ljc3NS0uNjQgMi4xMzktMS41MDMgMi42Ny0xLjYxM2wuMDQxLS4wMDYuMDQuMDA2Yy4zMDEuMDQ2LjQ4Ni4yNDIuNjQ4LjQxNS4yMTQuMjMuMzUyLjM1Ny42NDcuMzE3LjA5My0uMDEyLjQ3NC0uMTY3IDEuNy0xLjU4NGwuNTItLjYxNmMxLjIyLTEuNDc1IDEuMjk0LTEuODc4IDEuMjg5LTEuOTY0LS4wMTgtLjI4OC0uMTgtLjM5Mi0uNDUxLS41NDItLjIwOC0uMTE1LS40NDUtLjI0Ny0uNTU1LS41MjRsLS4wMTItLjAzNHYtLjAzNWMwLS41MjQuNjAyLTEuOTg3IDEuMDgxLTIuODI4LjA1Mi0uMTIuMjAzLS4zMjguNjI0LS4zMjguODUgMCAyLjM0MS44MyAyLjUwMyAxLjgxNC4yMjYgMS4zOTQtLjc0IDMuNTM2LTIuNTkgNS43M2wtLjY4MS44MTNjLTEuODUgMi4xOTQtMy44MjcgMy41NDctNS4yOTUgMy42MjJsLS4wNy0uMDE3eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==')
}

header nav .menu a:hover.menu-ds::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTEzLjgyNiAxMS4xODVIMTAuMTVhLjUyNC41MjQgMCAwIDEgMC0xLjA0NmgzLjY3NmMuMjkgMCAuNTI1LjIzNC41MjUuNTIzYS41MjQuNTI0IDAgMCAxLS41MjUuNTIzbTQuMjItMS4xNGwtLjkyOC0yLjIzNWExLjE3NyAxLjE3NyAwIDAgMC0uMTQxLS4yNDJ2LS4wNDVoLS4wMzRDMTYuNjkzIDcuMjEzIDE2LjI5IDcgMTUuOSA3SDguMDc0Yy0uMzkgMC0uNzkyLjIxMi0xLjA0Mi41MjNIN3YuMDQ1YTEuMTUgMS4xNSAwIDAgMC0uMTQzLjI0NGwtLjkyOSAyLjIzNmMtLjE4My40NDQtLjA5MiAxLjA1Ny4yMTQgMS40MjdsLjg1NyAxLjAzNSAxLjA3IDEuMjkyIDMuMTc4IDMuODRjLjE4OS4yMjcuNDYuMzU4Ljc0LjM1OGEuOTY3Ljk2NyAwIDAgMCAuNzQxLS4zNTlsMy4xNzgtMy44NCAxLjA3LTEuMjk1Ljg1OC0xLjAzNmMuMzExLS4zNzUuNC0uOTc0LjIxMy0xLjQyNSIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==')
}

header nav .menu a:hover.menu-group::before {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iIzJFNDQ0NiIgY3g9IjEyIiBjeT0iMTIiIHI9IjEyIi8+PHBhdGggZD0iTTcuMDQ4IDEzLjEzNHYyLjhsNC44OTkgMi42NTcgNC44OTgtMi42NTh2LTIuNzk2bC00Ljg5OCAyLjY1Ny00Ljg5OS0yLjY2ek0xMS45NDcgNkw0LjI1IDEwLjE5OGw3LjY5NiA0LjE5NSA2LjI5Ny0zLjQyNnY0LjgyN2gxLjM5OHYtNS41OTZMMTEuOTQ3IDZ6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+')
}

header nav .menu .submenu {
    display: none;
    transition: all .5s ease;
    transform: translate(26px, -10px);
    border-radius: 5px;
    width: 250px;
    right: -44px;
    position: absolute;
    margin: 0;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(26, 52, 45, .1);
    font-size: 16px;
    color: #819394;
    padding-bottom: 13.5px
}

header nav .menu .submenu::before {
    content: '';
    display: inline-block;
    position: absolute;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #fff;
    left: 50%;
    margin-left: -11px;
    transform: translate(-50%, 0) rotate(-90deg);
    margin-left: 0;
    top: -18px
}

@media screen and (max-width: 1000px) {
    header nav .menu .submenu {
        padding-bottom: 0
    }
}

header nav .menu .submenu > li:nth-of-type(1) {
    padding-top: 7.5px
}

@media screen and (max-width: 1000px) {
    header nav .menu .submenu > li:nth-of-type(1) {
        padding-top: 13.5px
    }
}

header nav .menu .submenu.product {
    width: 500px;
    right: -174px;
    background-color: #f3f6f8;
    transform: translate(30px, -10px)
}

@media screen and (max-width: 1000px) {
    header nav .menu .submenu.product {
        width: inherit;
        right: inherit;
        transform: none
    }
}

header nav .menu .submenu.product > ul {
    width: 50%;
    display: block;
    float: left
}

header nav .menu .submenu.product > ul > li:nth-of-type(1) {
    background: #fff;
    margin: 0;
    padding: 12.5px 0;
    border-radius: 3px
}

@media screen and (max-width: 1000px) {
    header nav .menu .submenu.product > ul > li:nth-of-type(1) {
        padding: 0
    }
}

header nav .menu .submenu.product > ul > li:nth-of-type(1) a {
    font-weight: 400
}

header nav .menu .submenu.product > ul > li:nth-of-type(1) a:hover {
    color: #2e4446;
    text-decoration: none;
    cursor: default
}

header nav .menu .submenu.product > ul > li:nth-of-type(2) {
    padding-top: 13.5px
}

header nav .menu .submenu.product > ul > li:not(:nth-of-type(1)) a {
    padding: 14.5px 28px
}

header nav .menu .submenu > li, header nav .menu .submenu > ul > li {
    float: none
}

header nav .menu .submenu > li a, header nav .menu .submenu > ul > li a {
    padding: 14.5px 31px;
    width: 100%;
    display: inline-block;
    color: inherit
}

header nav .menu:hover .submenu {
    display: block
}

header nav .logo {
    position: absolute;
    left: 45px;
    top: 14px
}

@media screen and (max-width: 1015px) {
    header nav .logo {
        left: 20px
    }
}

@media screen and (max-width: 1000px) {
    header nav .logo {
        left: 20px;
        top: 4px
    }
}



header nav ul, header nav li {
    list-style: none
}

header nav .nav-menu {
    position: absolute;
    top: 0;
    right: 100px
}

header nav .nav-menu .new {
    margin-right: 20px
}

@media screen and (max-width: 1045px) {
    header nav .nav-menu .new {
        margin-right: 5px
    }
}

header nav .nav-menu .new a {
    position: relative
}

header nav .nav-menu .new a::after {
    content: 'New';
    animation: newjump 1s linear 5;
    transform-origin: center bottom;
    padding: 0 5px;
    font-size: 11px;
    color: #00c587;
    border-radius: 11px;
    background-image: linear-gradient(to bottom, #a4f96c, #fff);
    position: absolute;
    top: 14px
}

@media screen and (max-width: 1020px) {
    header nav .nav-menu .new a::after {
        display: none
    }
}

@media screen and (max-width: 1000px) {
    header nav .nav-menu .new a::after {
        display: inline-block;
        position: initial;
        margin-left: 10px;
        line-height: 20px
    }
}

header nav .nav-menu > li {
    text-align: left;
    display: inline-block;
    padding-top: 3px
}

header nav .nav-menu > li > a {
    text-decoration: none;
    padding: 22px 15px;
    font-size: 16px;
    line-height: 20px;
    display: block;
    color: #fff
}


header nav .buttons {
    position: absolute;
    right: 45px;
    top: 17px
}

@media screen and (max-width: 1000px) {
    header nav .buttons {
        right: 55px;
        top: 5px
    }
}

header nav .buttons .btn {
    margin: 0 7.5px
}

.fixed header {
    background: #00b27a
}

@media screen and (max-width: 1000px) {
    .fixed header .btnRegister {
        display: inline-block
    }

    header {
        height: 50px
    }

    header .btnRegister {
        display: none
    }

    header .btnToggle {
        display: block;
        position: absolute;
        right: 20px;
        top: 22px
    }

    header nav .nav-menu {
        transition: all .3s ease;
        display: block;
        background: #fff;
        height: 0;
        overflow-y: scroll;
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        margin: 0
    }

    header nav .nav-menu > li {
        padding-top: 0;
        display: block
    }

    header nav .nav-menu > li > a {
        font-size: 16px;
        line-height: 3.75;
        letter-spacing: normal;
        color: #819394;
        padding: 0 15px
    }

    header nav .nav-menu > li > a:hover {
        color: #819394
    }

    header nav .nav-menu > li .submenu {
        transform: none;
        position: static;
        display: block;
        width: 100%;
        background: rgba(244, 248, 251, .6);
        max-height: 0;
        overflow: hidden;
        box-shadow: none
    }

    header nav .nav-menu > li .submenu > li, header nav .nav-menu > li .submenu > ul > li {
        padding: 0
    }

    header nav .nav-menu > li .submenu > li:nth-last-child(1), header nav .nav-menu > li .submenu > ul > li:nth-last-child(1) {
        padding-bottom: 17.5px
    }

    header nav .nav-menu > li .submenu::before {
        display: none
    }

    header nav .nav-menu > li:hover .submenu {
        max-height: 800px
    }

    header nav .dropdown::after {
        position: absolute;
        top: 20px;
        right: 22px;
        left: auto;
        border-bottom: 2px solid #819394;
        border-left: 2px solid #819394
    }

    .header-menu-active header nav {
        position: relative
    }

    .header-menu-active header nav .btnToggle em {
        background: rgba(255, 255, 255, 0)
    }

    .header-menu-active header nav .btnToggle em::before, .header-menu-active header nav .btnToggle em::after {
        top: 0
    }

    .header-menu-active header nav .btnToggle em::before {
        transform: rotate(45deg)
    }

    .header-menu-active header nav .btnToggle em::after {
        transform: rotate(-45deg)
    }

    .header-menu-active header nav .btnRegister {
        display: none
    }

    .header-menu-active header nav .nav-menu {
        background: #fff
    }
}

main {
    margin-top: -1;
    overflow-x: hidden;
    position: relative
}

main .bottom-laptop {
    position: absolute;
    right: -189px;
    bottom: 327px
}

main section {
    position: relative;
    padding: 50px 0
}

@media screen and (max-width: 1000px) {
    main section {
        padding: 30px 0
    }
}

main section article {
    text-align: center;
    position: relative;
    margin: 0 auto;
    max-width: 1440px;
}

@media screen and (max-width: 1000px) {
    main section article {
        max-width: 600px;
        margin: 0 auto
    }
}

@media screen and (max-width: 640px) {
    main section article {
        margin: 0 20px
    }
}

main section .center {
    text-align: center
}

main section .numbers {
    width: 33%;
    display: inline-block;
    background: #FFFBE0
}

main section .numbers li {
    padding: 10px
}

footer {
    background-color: #2f3939;
    color: #fff;
    position: relative;
}

footer .bottom-laptop {
    position: absolute;
    right: 0;
    top: -376px;
    pointer-events: none
}

@media screen and (max-width: 1170px) {
    footer .bottom-laptop {
        width: 650px;
        top: -344px
    }
}

@media screen and (max-width: 1110px) {
    footer .bottom-laptop {
        width: 600px;
        top: -318px
    }
}

@media screen and (max-width: 1080px) {
    footer .bottom-laptop {
        display: none
    }
}

footer section {
    padding: 65px 0 42px;
    max-width: 1280px;
    margin: 0 auto;
    text-align: right;
    position: relative
}

@media screen and (max-width: 1080px) {
    footer section {
        text-align: center;
        padding: 32px 0 42px
    }
}

footer section nav {
    text-align: center;
}

@media screen and (max-width: 1080px) {
    footer section nav {
        max-width: 600px;
        margin: 0 auto
    }
}

@media screen and (max-width: 640px) {
    footer section nav {
        margin: 0 20px
    }
}

footer section nav .cards {
    font-size: 0
}

@media screen and (max-width: 519px) {
    footer section nav .cards {
        text-align: left;
        padding-left: 17px
    }
}

footer section nav .cards .product {
    width: 270px
}

@media screen and (max-width: 1080px) {
    footer section nav .cards .product {
        width: 210px
    }

    footer section nav .cards .product .h4 {
        font-size: 13px
    }
}

@media screen and (max-width: 370px) {
    footer section nav .cards .product {
        width: 200px
    }
}

footer section nav .cards .product > ul {
    display: inline-block;
    vertical-align: top;
    width: 135px
}

@media screen and (max-width: 1080px) {
    footer section nav .cards .product > ul {
        padding: 0;
        width: 105px
    }
}

@media screen and (max-width: 370px) {
    footer section nav .cards .product > ul {
        width: 100px
    }
}

footer section nav .cards > li {
    vertical-align: top;
    display: inline-block;
    text-align: left;
    width: 135px
}

footer section nav .cards > li h3::before {
    content: '';
    width: 100%;
    border-top: solid 1px #a6a8ab;
    display: inline-block;
    transform: translate(-2px, 45px)
}

@media screen and (max-width: 1080px) {
    footer section nav .cards > li h3::before {
        transform: translate(-2px, 39px)
    }
}

footer section nav .cards > li:nth-of-type(1) {
    width: 270px
}

@media screen and (max-width: 1080px) {
    footer section nav .cards > li:nth-of-type(1) {
        width: 210px
    }
}

@media screen and (max-width: 370px) {
    footer section nav .cards > li:nth-of-type(1) {
        width: 200px
    }
}

@media screen and (max-width: 1080px) {
    footer section nav .cards > li {
        width: 105px;
        margin: 0;
        text-align: left
    }
}

@media screen and (max-width: 370px) {
    footer section nav .cards > li {
        width: 100px
    }
}

@media screen and (max-width: 320px) {
    footer section nav .cards > li {
        width: 87px
    }
}

footer section nav .cards > li h3 {
    font-weight: 300;
    color: #fff
}

@media screen and (max-width: 1080px) {
    footer section nav .cards > li h3 {
        font-weight: 500
    }
}

footer section nav .cards > li ul {
    margin-top: 25px
}

footer section nav .cards > li ul li {
    list-style: none;
    margin-bottom: 14px
}

footer section nav .cards > li ul li a {
    color: #a6a8ab
}

@media screen and (max-width: 1080px) {
    footer section nav .cards > li ul li a {
        font-weight: 500
    }
}

footer section nav .cards > li ul li a:hover {
    color: #fff
}

footer section nav .cards > li ul li.active a {
    color: #fff;
    pointer-events: none
}


@media screen and (max-width: 1080px) {
    footer section nav .left {
        position: relative;
        left: 0;
        top: 0
    }
}

footer section nav .left .mp .qrcode {
    width: 144px;
    height: 144px
}

footer section nav .left p {
    color: #a6a8ab
}

footer section nav .left p a {
    color: #a6a8ab
}

footer section nav .left p:nth-of-type(1) {
    font-weight: 300;
    margin-top: 20px
}

@media screen and (max-width: 1080px) {
    footer section nav .left p:nth-of-type(1) {
        margin-top: 17px
    }
}

footer section nav .left p:nth-of-type(2) {
    font-weight: 300
}

@media screen and (max-width: 1080px) {
    footer section nav .left p:nth-of-type(2) {
        margin-top: 16px
    }
}

footer section nav .left p:nth-of-type(4) {
    margin-top: 13px;
    font-weight: 300
}

footer section nav .left .logo svg, footer section nav .left .logo img {
    width: 140px;
    height: 44px
}

footer section nav .left .website-filling {
    line-height: 20px
}

footer section nav .left .website-filling img {
    vertical-align: middle
}

footer section nav .left .website-filling a {
    font-size: 14px
}

footer section nav .left .website-filling p {
    margin: 0;
    display: inline
}

@media screen and (max-width: 1080px) {
    footer section nav .left {
        border-top: solid 1px #505254;
        float: none;
        text-align: left;
        padding-top: 22px;
        padding-left: 17px
    }
}

.btnGreen2, .btnGreen, .btnWhite, .btnMore, .btnMoreInCard {
    border-radius: 2px;
    font-size: 16px;
    border: solid 1px #fff;
    cursor: pointer;
    padding: 7px 25px;
    display: inline-block
}

@media screen and (max-width: 1000px) {
    .btnGreen2, .btnGreen, .btnWhite, .btnMore, .btnMoreInCard {
        padding: 4px 13px
    }
}

.btnGreen {
    background-color: rgba(255, 255, 255, .2);
    color: #fff
}

.btnGreen:hover {
    background-color: #fff;
    color: #00b27a
}

.btnGreen2 {
    background-color: rgba(0, 197, 135, .1);
    border: solid 1px #00c587;
    color: #00c587
}

.btnGreen2:hover {
    color: #fff;
    background-color: #00c587;
    border: solid 1px #00c587
}

.btnWhite {
    background-color: #fff;
    color: #00b27a
}

.btnMore {
    padding: 7px 36px;
    background-color: rgba(0, 197, 135, .1);
    border: solid 1px #00c587;
    font-size: 16px;
    color: #00c587
}

.btnMore:hover {
    background-color: #00c587;
    color: #fff
}

.btnMoreInCard {
    background-color: rgba(255, 255, 255, .2);
    border: solid 1px #fff;
    font-size: 18px;
    color: #fff
}

.btnMoreInCard:hover {
    background-color: #fff;
    border: solid 1px #fff;
    color: #00c587
}

.line-title, .line-title-left {
    font-size: 32px;
    line-height: 1.5;
    text-align: center;
    color: #2E4446
}

.line-title::after, .line-title-left::after {
    content: '';
    width: 85px;
    height: 3px;
    border-radius: 4px;
    background-color: #57db9b;
    display: block;
    margin: 25px auto 0
}

.line-title a, .line-title-left a {
    color: #52645e
}

.line-title a:hover, .line-title-left a:hover {
    color: #169f74
}

@media screen and (max-width: 1000px) {
    .line-title, .line-title-left {
        font-size: 20px;
        line-height: 1.5
    }
}

.line-title-sub, .line-title-left-sub {
    display: inline-block;
    width: 100%;
    max-width: 778px;
    font-size: 18px;
    line-height: 1.56;
    text-align: center;
    color: rgba(125, 139, 134, .7);
    margin-top: 25px
}

@media screen and (max-width: 1000px) {
    .line-title-sub, .line-title-left-sub {
        font-size: 14px;
        line-height: 2
    }
}

.line-title-left {
    text-align: left
}

.line-title-left::after {
    margin: 25px 0 0
}

.line-title-left-sub {
    text-align: left
}

.nameplate {
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(26, 52, 45, .1);
    display: inline-block;
    position: relative
}

.nameplate svg {
    position: absolute;
    left: 31px;
    top: 38.6px
}

.nameplate p {
    padding-left: 139px;
    padding-right: 41px;
    text-align: left
}

.nameplate p:nth-of-type(1) {
    font-size: 24px;
    font-weight: 500;
    color: #95e0f9;
    margin-top: 39px
}

.nameplate p:nth-of-type(2) {
    margin-top: 13px;
    opacity: .7;
    font-size: 14px;
    line-height: 1.79;
    text-align: justify;
    color: #7d8b86
}

main section.dekaron .cards {
}

@media screen and (max-width: 1080px) {
    main section.dekaron .cards {
        margin-top: 35px
    }
}

main section.dekaron .cards li {
    width: 30%;
    min-height: 271px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    padding: 0 64px;
    position: relative
}

@media screen and (max-width: 1080px) {
    main section.dekaron .cards li {
        width: 100%;
        padding: 15px 0 15px 110px;
        min-height: auto
    }
}

main section.dekaron .cards li:nth-child(n+2) {
    border-left: solid 1px #e9e9e9
}

@media screen and (max-width: 1080px) {
    main section.dekaron .cards li:nth-child(n+2) {
        border-left: 0;
        border-top: solid 1px #e9e9e9
    }
}

main section.dekaron .cards li .icon {
    margin-top: 5px
}

@media screen and (max-width: 1080px) {
    main section.dekaron .cards li .icon {
        position: absolute;
        left: 5px;
        top: 15px
    }
}

main section.dekaron .cards li p {
    text-align: justify
}

main section.dekaron .cards li p:nth-of-type(1) {
    margin-top: 5px;
    font-weight: 500;
    line-height: 1.04;
    color: #7d8b86
}

main section.dekaron .cards li p:nth-of-type(2) {
    margin-top: 18px;
    line-height: 1.79;
    color: rgba(125, 139, 134, .7)
}

main section.scene .cards {
    margin-top: 50px
}

@media screen and (max-width: 1080px) {
    main section.scene .cards {
        margin-top: 20px
    }
}

main section.scene .cards li {
    display: inline-block;
    padding: 50px 100px 50px 70px
}

main section.scene .cards li:nth-child(n+2) {
    border-top: 1px solid #e9e9e9
}

main section.scene .cards li:nth-child(2n+2) {
    direction: rtl
}

main section.scene .cards li:first-child {
    padding-top: 0
}

main section.scene .cards li:last-child {
    padding-bottom: 0
}

@media screen and (max-width: 1080px) {
    main section.scene .cards li {
        padding: 15px 0
    }

    main section.scene .cards li .icon {
        display: none
    }
}

main section.scene .cards li .text, main section.scene .cards li .screen {
    direction: ltr;
    vertical-align: middle;
    width: 45%;
    padding: 15px;
    display: inline-block;
    text-align: left
}

@media screen and (max-width: 1080px) {
    main section.scene .cards li .text, main section.scene .cards li .screen {
        width: auto
    }
}

main section.scene .cards li .text.text, main section.scene .cards li .screen.text {
    text-align: left
}

@media screen and (max-width: 1080px) {
    main section.scene .cards li .text.text, main section.scene .cards li .screen.text {
        text-align: center
    }
}

main section.scene .cards li .text .figure, main section.scene .cards li .screen .figure {
    width: 100%;
    max-height: 350px
}

main section.scene .cards li p.h2 {
    margin-top: 25px;
    font-weight: 500;
    color: #7d8b86
}

@media screen and (max-width: 1080px) {
    main section.scene .cards li p.h2 {
        margin-top: 10px
    }
}

main section.scene .cards li p.h6 {
    margin-top: 19px;
    font-weight: 500;
    line-height: 1.79;
    text-align: justify;
    color: rgba(125, 139, 134, .8)
}

h1, .h1 {
    font-size: 32px
}

h2, .h2 {
    font-size: 24px
}

h3, .h3 {
    font-size: 20px
}

h4, .h4 {
    font-size: 18px
}

h5, .h5 {
    font-size: 16px
}

h6, .h6 {
    font-size: 14px
}

@media screen and (max-width: 1080px) {
    h1, .h1 {
        font-size: 24px
    }

    h2, .h2 {
        font-size: 20px
    }

    h3, .h3 {
        font-size: 16px
    }

    h4, .h4 {
        font-size: 14px
    }

    h5, .h5 {
        font-size: 13px
    }

    h6, .h6 {
        font-size: 12px
    }
}

.btn {
    font-size: 16px;
    display: inline-block;
    border-radius: 2px;
    cursor: pointer;
    text-align: center
}

article .btn-standard1, article .btn-standard2, article .btn-standard3, article .btn-standard4 {
    padding: 6px 35px 6px 34px
}

.btn-standard1 {
    background-color: rgba(0, 197, 135, .1);
    border: solid 1px #00c587;
    color: #00c587
}

.btn-standard1:hover, .btn-standard1:active {
    background-color: rgba(22, 159, 116, .1);
    border: solid 1px #169f74;
    color: #169f74
}

.btn-standard2 {
    background-color: #00c587;
    border: solid 1px #00c587;
    color: #fff
}

.btn-standard2:hover, .btn-standard2:active {
    background-color: #169f74;
    border: solid 1px #169f74
}

.btn-standard3 {
    background-color: rgba(255, 255, 255, .2);
    border: solid 1px #fff;
    color: #fff
}

.btn-standard3:hover, .btn-standard3:active {
    color: #ececec;
    border: solid 1px #ececec
}

.btn-standard4 {
    background-color: #fff;
    border: solid 1px #fff;
    color: #00c587
}

.btn-standard4:hover, .btn-standard4:active {
    border: solid 1px #ececec;
    background-color: #ececec
}

nav .btn-standard1, nav .btn-standard2, nav .btn-standard3, nav .btn-standard4 {
    padding: 3px 12px
}

main section {
}

main section.banner {
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat
}

main section.banner h1, main section.banner .h1 {
    font-weight: 500;
    line-height: 1.46;
    padding: 2px 0
}

main section.banner h2, main section.banner h3, main section.banner .h2, main section.banner .h3 {
    line-height: 1.75;
    padding: 2px 0
}

@media screen and (max-width: 1080px) {
    main section.banner h2, main section.banner h3, main section.banner .h2, main section.banner .h3 {
        max-width: inherit
    }
}

main section.banner-shape {
  
}

@media screen and (max-width: 1080px) {
    main section.banner-shape {
        height: 586px
    }
}

main section.banner-shape h1, main section.banner-shape h2, main section.banner-shape h3, main section.banner-shape h4, main section.banner-shape .h1, main section.banner-shape .h2, main section.banner-shape .h3, main section.banner-shape .h4 {
    text-align: left
}

@media screen and (max-width: 1080px) {
    main section.banner-shape h1, main section.banner-shape h2, main section.banner-shape h3, main section.banner-shape h4, main section.banner-shape .h1, main section.banner-shape .h2, main section.banner-shape .h3, main section.banner-shape .h4 {
        text-align: center
    }
}

@media screen and (max-width: 1080px) {
    main section.banner-shape article {
        padding-top: 84px
    }
}

main section.banner-shape h2, main section.banner-shape h3, main section.banner-shape .h2, main section.banner-shape .h3 {
    max-width: 460px
}

main section.banner-shape .slogen {
    text-align: left;
    position: absolute;
    left: 159px;
    top: 140px
}

@media screen and (max-width: 1080px) {
    main section.banner-shape .slogen {
        text-align: center
    }
}

main section.banner-shape .slogen p:nth-child(1) {
    font-weight: 500;
    line-height: 1.33
}

@media screen and (max-width: 1080px) {
    main section.banner-shape .slogen p:nth-child(1) {
        line-height: 1.46
    }
}

main section.banner-shape .slogen p:nth-child(2) {
    line-height: 1.88;
    margin-top: 14px;
    max-width: 460px
}

@media screen and (max-width: 1080px) {
    main section.banner-shape .slogen p:nth-child(2) {
        margin-top: 11px;
        line-height: 1.75;
        margin: 14px auto 0
    }
}

main section.banner-shape .slogen .buttons {
    margin-top: 25px
}

@media screen and (max-width: 1080px) {
    main section.banner-shape .slogen .buttons {
        margin-top: 20px
    }
}

@media screen and (max-width: 1080px) {
    main section.banner-shape .slogen {
        position: static
    }
}

main section.banner-shape .show .grid {
    left: 538px;
    top: 56px;
    width: 858px;
    position: absolute
}

@media screen and (max-width: 1000px) {
    main section.banner-shape .show .grid {
        left: 50%;
        transform: translate(-50%, 0);
        top: 381px;
        height: 60%;
        width: auto
    }
}

main section.banner-shape .show .shape {
    position: absolute;
    left: 819px;
    top: 138px
}

@media screen and (max-width: 1000px) {
    main section.banner-shape .show .shape {
        left: 50%;
        top: 381px;
        height: 8rem;
        transform: translate(-50%, 0)
    }
}

main section.banner-poto {
    height: 450px;
    background-image: url("../assets/img/feature_bg_d405138.png")
}

@media screen and (max-width: 1080px) {
    main section.banner-poto {
        background-image: url("../assets/img/feature_bg_m_2b86ae7.png")
    }
}

main section.banner-poto article {
    padding-top: 140px
}

@media screen and (max-width: 1080px) {
    main section.banner-poto article {
        padding-top: 96px
    }
}

main section.banner-poto h1, main section.banner-poto .h1 {
    margin: 0 auto
}

main section.banner-poto h2, main section.banner-poto h3, main section.banner-poto .h2, main section.banner-poto .h3 {
    max-width: 593px;
    margin: 19px auto 0;
    font-weight: 100
}

@media screen and (max-width: 1080px) {
    main section.banner-poto h2, main section.banner-poto h3, main section.banner-poto .h2, main section.banner-poto .h3 {
        margin: 13px auto 0
    }
}

main section.banner-poto .buttons {
    margin: 46px
}

main section.banner-simple {
    background-color: #257c4f;
    height: 350px
}

main section.banner-simple article {
    padding-top: 140px
}

@media screen and (max-width: 1080px) {
    main section.banner-simple article {
        padding-top: 96px
    }
}

main section.banner-simple h1, main section.banner-simple .h1 {
    margin: 0 auto
}

main section.banner-simple h2, main section.banner-simple h3, main section.banner-simple .h2, main section.banner-simple .h3 {
    max-width: 593px;
    margin: 19px auto 0;
    font-weight: 100
}

@media screen and (max-width: 1080px) {
    main section.banner-simple h2, main section.banner-simple h3, main section.banner-simple .h2, main section.banner-simple .h3 {
        margin: 13px auto 0
    }
}

main section.banner-simple .buttons {
    margin: 46px
}

main section.banner-home {
    background-image: url("../assets/img/recommend/recommend_bg_f1d2de3.png");
    height: 700px
}

@media screen and (max-width: 1080px) {
    main section.banner-home {
        background-image: url("../assets/img/recommend/recommend_bg_m_daa5557.png");
        height: 645px
    }
}

main section.banner-home h1, main section.banner-home h2, main section.banner-home h3, main section.banner-home h4, main section.banner-home .h1, main section.banner-home .h2, main section.banner-home .h3, main section.banner-home .h4 {
    text-align: left
}

@media screen and (max-width: 1080px) {
    main section.banner-home h1, main section.banner-home h2, main section.banner-home h3, main section.banner-home h4, main section.banner-home .h1, main section.banner-home .h2, main section.banner-home .h3, main section.banner-home .h4 {
        text-align: center
    }
}

@media screen and (max-width: 1080px) {
    main section.banner-home article {
        padding-top: 100px
    }
}

main section.banner-home h2, main section.banner-home h3, main section.banner-home .h2, main section.banner-home .h3 {
    max-width: 460px
}

main section.banner-home .slogen {
    text-align: left;
    position: absolute;
    left: 159px;
    top: 200px
}

@media screen and (max-width: 1080px) {
    main section.banner-home .slogen {
        text-align: center
    }
}

main section.banner-home .slogen p:nth-child(1) {
    font-weight: 500;
    line-height: 1.33
}

@media screen and (max-width: 1080px) {
    main section.banner-home .slogen p:nth-child(1) {
        line-height: 1.46
    }
}

main section.banner-home .slogen p:nth-child(2) {
    line-height: 1.88;
    margin-top: 14px;
    max-width: 460px
}

@media screen and (max-width: 1080px) {
    main section.banner-home .slogen p:nth-child(2) {
        margin-top: 11px;
        line-height: 1.75;
        margin: 14px auto 0
    }
}

main section.banner-home .slogen .buttons {
    margin-top: 25px
}

@media screen and (max-width: 1080px) {
    main section.banner-home .slogen .buttons {
        margin-top: 20px
    }
}

@media screen and (max-width: 1080px) {
    main section.banner-home .slogen {
        position: static
    }
}

main section.banner-home .show .grid {
    left: 538px;
    top: 56px;
    width: 858px;
    position: absolute
}

@media screen and (max-width: 1000px) {
    main section.banner-home .show .grid {
        left: 50%;
        transform: translate(-50%, 0);
        top: 381px;
        height: 60%;
        width: auto
    }
}

main section.banner-home .show .shape {
    position: absolute;
    right: 20px;
    top: 138px
}

@media screen and (max-width: 1000px) {
    main section.banner-home .show .shape {
        left: 50%;
        top: 381px;
        height: 8rem;
        transform: translate(-50%, 0)
    }
}

section article {
    margin: 0 20px
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #2E4446
}

.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
    color: #2E4446
}

.h1.detail, .h2.detail, .h3.detail, .h4.detail, .h5.detail, .h6.detail {
    color: #6C7C7D
}

.dark .h1, .dark .h2, .dark .h3, .dark .h4, .dark .h5, .dark .h6 {
    color: #fff
}

.dark .h1 a, .dark .h2 a, .dark .h3 a, .dark .h4 a, .dark .h5 a, .dark .h6 a {
    color: #fff
}

.mobile-only {
    display: none
}

@media screen and (max-width: 1080px) {
    .mobile-only {
        display: block
    }
}

@media screen and (max-width: 1080px) {
    .desktop-only {
        display: none
    }
}

main section.start {
    background: #02e894\9;
    background-image: linear-gradient(106deg, #02e894, #00ab75);
    background-size: cover;
    padding-bottom: 0;
    overflow: hidden;
}

main section.start::before {
    content: '';
    width: 100%;
    height: 70%;
    background-image: url("../images/drawbridge.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    display: inline-block;
    position: absolute;
    bottom: -2px;
    right: -5px;
    z-index: 0
}

@media screen and (max-width: 1080px) {
    main section.start::before {
        background-position: center bottom;
        right: 0
    }
}

main section.start .footer {
    height: 24px;
    background: #2f3939
}

main section.start .bottom-laptop {
    position: absolute;
    right: 0;
    bottom: -124px
}

@media screen and (max-width: 1080px) {
    main section.start .bottom-laptop {
        display: none
    }
}

main section.start article {
    text-align: left;
    height: 270px;
    position: relative;
    padding-top: 40px;
    z-index: 1
}

@media screen and (max-width: 1080px) {
    main section.start article {
        padding-top: 26px;
        text-align: center;
        height: 200px
    }
}

main section.start article p {
    margin-left: 173px;
    color: #fff;
    font-weight: 500
}

@media screen and (max-width: 1080px) {
    main section.start article p {
        margin-left: 0
    }
}

main section.start article p:nth-of-type(1) {
    line-height: 1.5
}

main section.start article p:nth-of-type(2) {
    margin-top: 10px;
    line-height: 1.71
}

@media screen and (max-width: 1080px) {
    main section.start article p:nth-of-type(2) {
        margin-top: 9px
    }
}

main section.start article .buttons {
    margin-left: 175px;
    margin-top: 25px;
    position: relative;
    font-size: 0
}

@media screen and (max-width: 1080px) {
    main section.start article .buttons {
        margin-left: 0
    }
}

main section.start article .buttons .btn {
    margin: 0 5px
}

main section.start article .buttons .btn:first-child {
    margin-left: 0
}

main section.start article .buttons .btn:last-child {
    margin-right: 0
}

main section.start article .drawbridge {
    position: absolute;
    height: 50%;
    bottom: -2px;
    right: 0
}

main section.customer article {
    position: relative
}

main section.customer article > img {
    margin-top: 99px
}

main section.customer article .arrow {
    display: inline-block;
    cursor: pointer;
    width: 49px;
    height: 32px;
    background-image: url("../assets/img/index/arrow_0933766.svg");
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    position: absolute
}

@media screen and (max-width: 1080px) {
    main section.customer article .arrow {
        width: 34.3px;
        height: 22.4px
    }
}

main section.customer article .arrow.arrow-prev {
    left: 50px
}

@media screen and (max-width: 1080px) {
    main section.customer article .arrow.arrow-prev {
        left: -10px
    }
}

main section.customer article .arrow.arrow-next {
    right: 50px;
    transform: scale(-1, 1)
}

@media screen and (max-width: 1080px) {
    main section.customer article .arrow.arrow-next {
        right: -10px
    }
}

main section.customer article .arrow:hover {
    background-image: url("../assets/img/index/arrow-h_6d248cf.svg")
}

main section.customer .message {
    margin: 112px auto 0;
    padding: 52px 53px 27px 55px;
    max-width: 874px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 15px 30px 0 rgba(26, 52, 45, .1);
    position: relative;
    white-space: nowrap
}

main section.customer .message .talk {
    transition: all .7s
}

main section.customer .message .talk.nav-index-1 {
    transform: translate3d(-100%, 0, 0)
}

main section.customer .message .talk.nav-index-2 {
    transform: translate3d(-200%, 0, 0)
}

main section.customer .message .talk.nav-index-3 {
    transform: translate3d(-300%, 0, 0)
}

main section.customer .message .talk.nav-index-4 {
    transform: translate3d(-400%, 0, 0)
}

main section.customer .message .talk.nav-index-5 {
    transform: translate3d(-500%, 0, 0)
}

main section.customer .message::before {
    content: '';
    background: url("../assets/img/index/quoted_2204b74.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 113px;
    height: 98px;
    position: absolute;
    top: -50px;
    left: 40px
}

@media screen and (max-width: 1080px) {
    main section.customer .message::before {
        width: 83px;
        height: 72px;
        left: 0
    }
}

main section.customer .message li {
    transition: all .7s;
    display: inline-block;
    white-space: normal;
    opacity: 0;
    position: relative
}

main section.customer .message li.active {
    opacity: 1
}

main section.customer .message li img {
    width: 78px;
    height: 78px;
    position: absolute;
    top: -88px;
    left: 50%;
    transform: translate(-50%, 0)
}

main section.customer .message p:nth-of-type(1) {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    color: #7d8b86
}

@media screen and (max-width: 1080px) {
    main section.customer .message p:nth-of-type(1) {
        font-size: 16px;
        line-height: 2
    }
}

main section.customer .message p:nth-of-type(2) {
    margin-top: 30px;
    font-size: 16px;
    line-height: 1.69;
    text-align: justify;
    color: rgba(125, 139, 134, .8)
}

@media screen and (max-width: 1080px) {
    main section.customer .message p:nth-of-type(2) {
        font-size: 14px;
        line-height: 2;
        color: #7d8b86
    }
}

main section.customer .nav {
    margin-top: 62px
}

main section.customer .nav li {
    margin: 9px;
    border-radius: 50%;
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: rgba(125, 139, 134, .2)
}

main section.customer .nav li.active {
    background-color: #00c587
}

@media screen and (max-width: 1080px) {
    .figure {
        width: 100%;
        max-width: 335px;
        margin: 0 auto
    }
}

html, body {
    overflow-x: hidden
}

@keyframes move-arrows {
    to {
        -webkit-mask-position: 11px 0;
        mask-position: 11px 0
    }
}

main section {
    background: #fff
}

main section.start article {
    text-align: center
}

main section.start article p, main section.start article .buttons {
    margin-left: 0
}

main section.hidden-pc {
    display: none
}

main section.hidden-mb {
    display: block
}


main section.footer .line-title {
    color: #fff
}

main section.footer .line-title::after {
    background: 0 0
}

main section.footer .btn-standard4 {
    margin-top: 0
}

main section.table article {
    padding-top: 60px;
    padding-left: 100px;
    padding-right: 100px
}

@media screen and (max-width: 1080px) {
    main section.table article {
        padding: 50px 0 0
    }
}

main section.table article .tbl-header {
    margin-top: 80px;
    height: 50px
}

@media screen and (max-width: 1080px) {
    main section.table article .tbl-header {
        margin-top: 50px
    }
}

main section.table article .tbl-content {
    position: relative
}

main section.table article .tbl-content table thead tr {
    height: 0
}

main section.table article table {
    width: 100%
}

main section.table article table thead tr {
    height: 50px
}

main section.table article table thead tr th {
    color: #fff
}

main section.table article table thead tr th:nth-of-type(1) {
    width: 40%;
    background-color: #04CB94
}

main section.table article table thead tr th:nth-of-type(2) {
    width: 20%;
    background-color: #04CB94
}

main section.table article table thead tr th:nth-of-type(3) {
    width: 20%;
    background-color: #04CB94
}

main section.table article table thead tr th:nth-of-type(4) {
    width: 20%;
    background-color: #04CB94
}

main section.table article table tbody tr:nth-of-type(2n+1) {
    background-color: #fff
}

main section.table article table tbody tr:nth-of-type(2n) {
    background-color: rgba(244, 248, 251, .6)
}

main section.table article table tbody td {
    line-height: 2
}

main section.table article table tbody td.category {
    background: #d9ebe9
}

main section.table article table tbody td:first-child {
    text-align: left;
    padding-left: 30px
}

@media screen and (max-width: 1080px) {
    main section.table article table tbody td:first-child {
        padding-left: 18px
    }
}

main section.table article table tbody td.enabled::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 10px;
    transform: rotate(-43deg);
    border-left: solid 3px #47e096;
    border-bottom: solid 3px #47e096
}

main section.table article table tbody td.disabled::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 2px;
    background: #a2b2ac
}

main section.feature {
    background-color: #ECF4F9
}

@media screen and (max-width: 1080px) {
    main section.feature {
        padding-bottom: 50px
    }
}

main section.feature .cards {
    display: inline-block;
    margin-top: 75px
}

@media screen and (max-width: 1080px) {
    main section.feature .cards {
        margin-top: 40px
    }
}

main section.feature .cards li {
    width: 285px;
    height: 230px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(155, 165, 163, .15);
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    animation: rollin .8s 1;
    margin: 16.5px;
    padding: 32px 35px 42px 30px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative
}

@media screen and (max-width: 1080px) {
    main section.feature .cards li {
        width: 45%;
        margin: 5px;
        height: 110px;
        padding: 14px 0;
        display: inline-block;
        text-align: center
    }

    main section.feature .cards li img {
        height: 35px
    }
}

main section.feature .cards li p:nth-of-type(1) {
    margin-top: 20px;
    line-height: 1.9;
    color: #7d8b86
}

@media screen and (max-width: 1080px) {
    main section.feature .cards li p:nth-of-type(1) {
        margin-top: 13px
    }
}

main section.feature .cards li p:nth-of-type(2) {
    margin-top: 3px;
    opacity: .7;
    line-height: 1.79;
    text-align: justify;
    color: rgba(125, 139, 134, .7)
}

@media screen and (max-width: 1080px) {
    main section.feature .cards li p:nth-of-type(2) {
        display: none
    }
}

main section.feature .cards li .btn {
    display: none;
    left: 30px;
    bottom: 30px;
    position: absolute
}

main section.feature .cards li:hover {
    box-shadow: 0 25px 60px -20px rgba(155, 165, 163, .45);
    cursor: pointer;
    transform: translateY(-8px);
    transition: all .25s ease-in-out
}

main section.feature .cards li:hover p:nth-of-type(1) {
}

main section.feature .cards li:hover p:nth-of-type(2) {
}

main section.feature .cards li:hover svg ellipse:nth-of-type(1) {
    fill: #fff;
    opacity: 1
}

main section.customernew {
    background: #04CB94
}

main section.customernew .line-title {
    color: #fff
}

main section.customernew .line-title:after {
    background-color: #fff
}

main section.customernew article {
    position: relative
}

main section.customernew article > img {
    margin-top: 99px
}

main section.customernew article .arrow {
    display: inline-block;
    cursor: pointer;
    width: 49px;
    height: 32px;
    background-image: url("../assets/img/index/arrow_0933766.svg");
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    position: absolute
}

@media screen and (max-width: 1080px) {
    main section.customernew article .arrow {
        width: 34.3px;
        height: 22.4px
    }
}

main section.customernew article .arrow.arrow-prev {
    left: 50px
}

@media screen and (max-width: 1080px) {
    main section.customernew article .arrow.arrow-prev {
        left: -10px
    }
}

main section.customernew article .arrow.arrow-next {
    right: 50px;
    transform: scale(-1, 1)
}

@media screen and (max-width: 1080px) {
    main section.customernew article .arrow.arrow-next {
        right: -10px
    }
}

main section.customernew article .arrow:hover {
    background-image: url("../assets/img/index/arrow-h_6d248cf.svg")
}

main section.customernew .message {
    position: relative;
    white-space: nowrap
}

main section.customernew .message .talk {
    transition: all .7s
}

main section.customernew .message .talk.nav-index-1 {
    transform: translate3d(-100%, 0, 0)
}

main section.customernew .message .talk.nav-index-2 {
    transform: translate3d(-200%, 0, 0)
}

main section.customernew .message .talk.nav-index-3 {
    transform: translate3d(-300%, 0, 0)
}

main section.customernew .message .talk.nav-index-4 {
    transform: translate3d(-400%, 0, 0)
}

main section.customernew .message .talk.nav-index-5 {
    transform: translate3d(-500%, 0, 0)
}

main section.customernew .message li {
    border-radius: 4px;
    margin-top: 50px;
    padding: 55px;
    height: 300px;
    margin-left: 220px;
    margin-right: 220px;
    box-shadow: 0 15px 30px 0 rgba(26, 52, 45, .1);
    background-color: #fff;
    transition: all .7s;
    display: inline-block;
    white-space: normal;
    opacity: 0;
    position: relative
}

@media screen and (max-width: 1080px) {
    main section.customernew .message li {
        padding: 20px;
        height: auto;
        margin-left: 4%;
        margin-right: 4%;
        min-height: 600px
    }
}

main section.customernew .message li.active {
    opacity: 1
}

main section.customernew .message li .left {
    float: left;
    width: 15%
}

@media screen and (max-width: 1080px) {
    main section.customernew .message li .left {
        position: absolute
    }
}

main section.customernew .message li .left img {
    width: 100px;
    height: 100px;
    float: left;
    margin-left: 48px;
    transform: translate(-50%, 0)
}

@media screen and (max-width: 1080px) {
    main section.customernew .message li .left img {
        width: 82px;
        height: 82px
    }
}

main section.customernew .message li .right {
    float: left;
    width: 80%
}

main section.customernew .message li .right .h3 {
    text-align: left
}

@media screen and (max-width: 1080px) {
    main section.customernew .message li .right .h3 {
        text-align: left;
        padding-left: 110px;
        padding-top: 13px;
        height: 80px
    }
}

@media screen and (max-width: 1080px) {
    main section.customernew .message li .right {
        width: 100%
    }
}

main section.customernew .message p:nth-of-type(1) {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    color: #7d8b86
}

@media screen and (max-width: 1080px) {
    main section.customernew .message p:nth-of-type(1) {
        font-size: 16px;
        line-height: 2
    }
}

main section.customernew .message p:nth-of-type(2) {
    margin-top: 30px;
    line-height: 1.69;
    text-align: justify;
    color: #6C7C7D
}

@media screen and (max-width: 1080px) {
    main section.customernew .message p:nth-of-type(2) {
        font-size: 14px;
        line-height: 2;
        color: #6C7C7D
    }
}

main section.customernew .nav {
    margin-top: 62px
}

main section.customernew .nav li {
    margin: 9px;
    border-radius: 50%;
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: rgba(255, 255, 255, .5)
}

main section.customernew .nav li.active {
    background-color: #fff;
    cursor: pointer
}

main section.scene {
    background-color: rgba(244, 248, 251, .6)
}

main section.scene .tab-cards {
    margin-top: 56px;
    display: inline-block;
    width: 810px;
    border-radius: 2px;
    background-color: #f0f4f7
}

@media screen and (max-width: 1080px) {
    main section.scene .tab-cards {
        width: 100%
    }
}

main section.scene .tab-cards li {
    margin: 5px;
    width: 192px;
    float: left;
    border-radius: 2px;
    line-height: 1.8;
    color: #7d8b86
}

@media screen and (max-width: 1080px) {
    main section.scene .tab-cards li {
        width: 21%
    }
}

main section.scene .tab-cards li.active {
    background-color: #fff
}

main section.scene .tab-contents {
    margin: 0 20px;
    padding-top: 102px
}

@media screen and (max-width: 1080px) {
    main section.scene .tab-contents {
        margin: 0
    }
}

main section.scene .tab-contents .tab-content {
    display: none
}

main section.scene .tab-contents .tab-content.active {
    display: inline-block
}

@media screen and (max-width: 1080px) {
    main section.scene .tab-contents {
        padding-top: 45px
    }
}

main section.scene .tab-contents .left, main section.scene .tab-contents .right {
    float: left;
    width: 49.5%
}

@media screen and (max-width: 1080px) {
    main section.scene .tab-contents .left, main section.scene .tab-contents .right {
        width: 100%
    }
}

main section.scene .tab-contents .left {
    text-align: left;
    padding-left: 75px
}

@media screen and (max-width: 1080px) {
    main section.scene .tab-contents .left {
        padding: 0
    }
}

main section.scene .tab-contents .left p:nth-of-type(1) {
    font-weight: 500;
    line-height: 1.58;
    color: #7572f7
}

main section.scene .tab-contents .left p:nth-of-type(2) {
    margin-top: 18px;
    margin-bottom: 11px;
    line-height: 2;
    text-align: justify;
    color: rgba(125, 139, 134, .8)
}

main section.scene .tab-contents .left dl {
    margin-top: 33px
}

main section.scene .tab-contents .left dl dt {
    display: list-item;
    list-style: disc;
    margin-left: 25px;
    font-weight: 500;
    line-height: 1.6;
    color: #7d8b86
}

main section.scene .tab-contents .left dl dd {
    margin-top: 5px;
    line-height: 2.14;
    text-align: justify;
    color: rgba(125, 139, 134, .8)
}

main section.scene .tab-contents .right {
    padding-left: 40px
}

@media screen and (max-width: 1080px) {
    main section.scene .tab-contents .right {
        padding: 0
    }
}

main section.scene .tab-contents .right img {
    width: 100%
}

main section.page2 {
    background: #fff
}

main section.page2 img {
    padding-top: 60px;
    width: 100%
}

@media screen and (max-width: 1080px) {
    main section.hidden-pc {
        display: block
    }

    main section.hidden-mb {
        display: none
    }
}

main section.banner-home .slogen p:nth-child(2) {
    max-width: 440px
}

@media screen and (max-width: 1080px) {
    main section.banner-home .slogen p:nth-child(2) {
        max-width: 450px;
        text-align: justify
    }
}

@media screen and (max-width: 1340px) {
    main section.banner-home .show .shape {
        transform: scale(0.9)
    }
}

@media screen and (max-width: 1200px) {
    main section.banner-home .show .shape {
        right: -40px;
        transform: scale(0.85)
    }
}

@media screen and (max-width: 1120px) {
    main section.banner-home .show .shape {
        right: -80px;
        transform: scale(0.6)
    }
}

@media screen and (max-width: 1000px) {
    main section.banner-home .show .shape {
        left: 50%;
        top: 260px;
        transform: scale(0.5) translate(-100%, -20%);
        height: auto
    }
}

main section.page4 {
    background: #fff
}

main section.page4 img {
    padding-top: 60px;
    width: 100%
}

main section.page4 article {
    padding-left: 10%;
    padding-right: 10%
}

@media screen and (max-width: 1080px) {
    main section.page4 article {
        padding-left: 4%;
        padding-right: 4%
    }
}

main section.dekaron {
    background: #ecf4f9
}

main section.dekaron .line-title, main section.dekaron .line-title-left {
    text-align: center
}

main section.dekaron .line-title-sub {
    display: inline-block;
    margin-bottom: 40px;
    width: 100%;
    max-width: 900px;
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
    color: #6c7c7d;
    margin-top: 25px
}

main section.dekaron .cards {
}

@media screen and (max-width: 1080px) {
    main section.dekaron .cards {
        margin-top: 35px
    }
}

main section.dekaron .cards li {
    background: #fff;
    width: 28%;
    min-height: 300px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding-left: 3%;
    padding-top: 30px;
    padding-right: 3%;
    position: relative;
    box-sizing: border-box;
    margin: 17px
}

@media screen and (max-width: 1080px) {
    main section.dekaron .cards li {
        width: 100%;
        padding: 30px 15px 30px 95px;
        min-height: auto;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 20px
    }
}

main section.dekaron .cards li:nth-child(n) {
    box-shadow: 0 15px 20px 0 rgba(26, 52, 45, .05);
    border-left: 0
}

@media screen and (max-width: 1080px) {
    main section.dekaron .cards li:nth-child(n) {
        border-left: 0
    }
}

main section.dekaron .cards li .icon {
    margin-top: 5px;
    width: 55px
}

@media screen and (max-width: 1080px) {
    main section.dekaron .cards li .icon {
        position: absolute;
        left: 20px;
        top: 30px;
        width: 50px
    }
}

main section.dekaron .cards li p {
    text-align: center
}

main section.dekaron .cards li p.h3{
    margin-top: 20px;
    font-weight: 500;
    line-height: 32px;
    color: #2e4446
}

main section.dekaron .cards li p.h6{
    margin-top: 18px;
    color: #6c7c7d;
    text-align: left;
    font-size: 16px;
}

@media screen and (max-width: 1340px) {
    main section.dekaron .cards li p:nth-of-type(1) {
        font-size: 15px;
        margin-top: 20px;
        font-weight: 500;
        line-height: 32px;
        color: #2e4446
    }

    main section.dekaron .cards li p:nth-of-type(2) {
        margin-top: 5px;
        color: #6c7c7d;
        text-align: left
    }
}

@media screen and (max-width: 1080px) {
    main section.dekaron .cards li p:nth-of-type(1) {
        margin-top: 0;
        font-weight: 500;
        line-height: 30px;
        color: #2e4446;
        text-align: left
    }

    main section.dekaron .cards li p:nth-of-type(2) {
        margin-top: 5px;
        line-height: 28px;
        color: #6c7c7d;
        text-align: left
    }
}

main section.banner {
    position: relative;
}

main section.banner article {
    width: 100%;
    height: 700px;
    max-width: 1440px;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width: 1080px) {
    main section.banner article {
        height: 730px
    }
}

main section.banner .slogen {
    position: absolute;
    left: 159px;
    top: 225px;
    z-index: 1;
    text-align: left;
    max-width: 582px;
    margin: 0 auto
}

@media screen and (max-width: 1080px) {
    main section.banner .slogen {
        text-align: center
    }
}

main section.banner .slogen hr {
    display: block;
    width: 24px;
    height: 3px;
    border-radius: 4px;
    border: 0;
    margin: 10px 0;
    background-color: #fff
}

main section.banner .slogen p {
    color: #fff
}

main section.banner .slogen p.h2 {
    font-weight: 400
}

main section.banner .slogen p.h2 span {
    font-size: 16px;
    font-weight: 400
}

main section.banner .slogen p.h2 span.second-title {
    line-height: 1.39;
    font-size: 32px;
    font-weight: 400
}

main section.banner .slogen p:nth-child(1) {
    line-height: 1.39;
    font-size: 32px;
    font-weight: 400
}

@media screen and (max-width: 1080px) {
    main section.banner .slogen p:nth-child(1) {
        font-size: 24px;
        line-height: 1.46
    }
}

main section.banner .slogen p:nth-of-type(2) {
    font-size: 16px;
    line-height: 1.56;
    font-weight: 400
}

@media screen and (max-width: 1080px) {
    main section.banner .slogen p:nth-of-type(2) {
        margin-top: 11px;
        font-size: 16px;
        line-height: 1.75;
        text-align: left
    }
}

main section.banner .slogen .buttons {
    margin-top: 26px
}

main section.banner .slogen .buttons .btn:nth-of-type(1) {
    margin-right: 12px
}

@media screen and (max-width: 1080px) {
    main section.banner .slogen .buttons {
        margin-top: 30px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    main section.banner .slogen .buttons .btn:nth-of-type(1) {
        margin-right: 0;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 1080px) {
    main section.banner .slogen {
        position: static
    }
}

main section.banner .laboratory {
    position: absolute;
    width: 526px;
    right: 129px;
    top: 161px
}

main section.banner .laboratory img {
    width: 100%
}

@media screen and (max-width: 1340px) {
    main section.banner .laboratory {
        right: -20px;
        transform: scale(0.7)
    }
}

@media screen and (max-width: 1140px) {
    main section.banner .laboratory {
        right: -20px;
        transform: scale(0.5)
    }
}

@media screen and (max-width: 1077px) {
    main section.banner .laboratory {
        right: -20px;
        transform: scale(0.5)
    }
}

@media screen and (max-width: 1080px) {
    main section.banner .laboratory {
        left: 50%;
        top: 174px;
        transform: scale(0.5) translateX(-100%)
    }
}

@media screen and (max-width: 1080px) {
    main section.banner {
        padding-top: 84px
    }

    main section.banner article {
        width: auto
    }

    main section.banner article .slogen .h2 span {
        display: block
    }

    main section.banner article .slogen hr {
        display: none
    }

    main section.banner article .laboratory {
        top: 264px
    }
}

main section.culture {
    background: 0 0
}

@media screen and (max-width: 1080px) {
    main section.culture {
        margin: 0
    }
}

main section.culture .poto {
    height: 418px;
    position: relative
}

@media screen and (max-width: 1080px) {
    main section.culture .poto {
        height: 180px
    }
}

main section.culture .poto li {
    position: absolute;
    padding: 20.6px;
    background-color: #fff;
    box-shadow: 0 2px 21px 5px rgba(224, 222, 222, .5);
    transition: all 1s
}

@media screen and (max-width: 1080px) {
    main section.culture .poto li {
        padding: 10.7px
    }
}

main section.culture .poto li img {
    width: 100%;
    height: 100%
}

main section.culture .poto li.left, main section.culture .poto li.right {
    width: 480px;
    height: 300px;
    opacity: .64;
    transform: translate(0, 40px)
}

@media screen and (max-width: 1080px) {
    main section.culture .poto li.left, main section.culture .poto li.right {
        width: 182px;
        height: 150px;
        transform: translate(0, 20px)
    }
}

main section.culture .poto li.left {
    left: 0
}

@media screen and (max-width: 1080px) {
    main section.culture .poto li.left {
        left: -50%
    }
}

main section.culture .poto li.center {
    left: 50%;
    transform: translate(-50%, 0);
    width: 640px;
    height: 400px;
    z-index: 1
}

@media screen and (max-width: 1080px) {
    main section.culture .poto li.center {
        width: 270px;
        height: 178px
    }
}

main section.culture .poto li.right {
    right: 0
}

@media screen and (max-width: 1080px) {
    main section.culture .poto li.right {
        right: -50%
    }
}

main section.page3 {
    background: #fff
}

main section.page3 article .content {
    position: relative;
    height: 360px;
    background: #fff;
    padding: 68px 0 0;
    margin: 0 100px;
}

@media screen and (max-width: 1080px) {
    main section.page3 article .content {
        height: 750px;
        margin: 0
    }
}

main section.page3 article .content .left {
    float: left;
    width: 49%
}

@media screen and (max-width: 1080px) {
    main section.page3 article .content .left {
        width: 100%
    }
}

main section.page3 article .content .left h2 {
    width: 60%;
    background: #20d0c4;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
    margin-bottom: 20px
}

@media screen and (max-width: 1080px) {
    main section.page3 article .content .left h2 {
        width: 80%
    }
}

main section.page3 article .content .left p {
    width: 80%;
    background: #d3f6f3;
    font-size: 17px;
    color: #2e4446;
    text-align: center;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
    margin-bottom: 20px
}

@media screen and (max-width: 1080px) {
    main section.page3 article .content .left p {
        width: 100%;
        font-size: 16px
    }
}

main section.page3 article .content .right {
    float: right;
    width: 49%
}

@media screen and (max-width: 1080px) {
    main section.page3 article .content .right {
        width: 100%;
        margin-top: 25px
    }
}

main section.page3 article .content .right h2 {
    width: 60%;
    background: #00bafd;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
    margin-bottom: 20px
}

@media screen and (max-width: 1080px) {
    main section.page3 article .content .right h2 {
        width: 80%
    }
}

main section.page3 article .content .right p {
    width: 80%;
    background: #cdf1fe;
    font-size: 17px;
    color: #2e4446;
    text-align: center;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 auto;
    margin-bottom: 20px
}

@media screen and (max-width: 1080px) {
    main section.page3 article .content .right p {
        width: 100%;
        font-size: 16px
    }
}

main section.solution {
    background-color: #f4f8fb;
    padding-top: 256px;
    padding-bottom: 0;
    background: url("../assets/img/journey/scene_bg_c3b27be.svg") no-repeat;
    background-size: cover
}

main section.solution article {
    text-align: center;
    position: relative;
    margin: 0 auto;
    max-width: 1440px;
    font-size: 0
}

main section.solution article .line-title {
    font-size: 32px;
    line-height: 1.41;
    text-align: center;
    color: #2e4446;
    font-weight: 300
}

main section.solution article .line-title::after {
    content: '';
    width: 85px;
    height: 3px;
    border-radius: 4px;
    background-color: #57db9b;
    display: block;
    margin: 25px auto 0
}

main section.solution article .line-title-sub {
    display: inline-block;
    margin-bottom: 40px;
    width: 100%;
    max-width: 870px;
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
    color: #6c7c7d;
    margin-top: 25px
}

main section.solution article .solution-steps {
    text-align: center;
    padding: 0 100px;
    width: 100%;
    height: 410px;
    background: url("../assets/img/journey/steps_529dbda.svg") no-repeat;
    background-origin: content-box;
    background-size: contain
}

main section.solution article .solution-computer {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 53px 100px 0
}

main section.solution article .solution-computer img {
    width: 100%;
    max-width: 1012px
}

@media screen and (max-width: 1080px) {
    main section.solution {
        padding: 573px 24px 0;
        background: url("../assets/img/journey/scene_bg_mobile_2112215.png") no-repeat;
        background-size: cover
    }

    main section.solution article .line-title {
        font-size: 20px;
        color: #52645e;
        line-height: 1.5;
        font-weight: 400
    }

    main section.solution article .line-title-sub {
        font-size: 14px;
        opacity: .7;
        color: #7d8b86;
        line-height: 2
    }

    main section.solution article .solution-steps {
        padding: 0;
        background: url("../assets/img/journey/steps_mobile_9fd06ef.svg") no-repeat;
        min-height: 1210px;
        width: 100%;
        background-size: contain;
        background-position: center top
    }

    main section.solution article .solution-computer {
        width: 100%;
        padding: 30px 0
    }
}

main section.more-info {
    background: #f4f8fb;
}

main section.more-info .content {
    position: relative;
    background: #f4f8fb;
    padding: 68px 0 0;
    margin: 0 100px;
    border-bottom: solid 1px rgba(151, 151, 151, .2)
}

main section.more-info .content:last-of-type {
    border: 0
}

main section.more-info .content article {
    max-width: 1240px;
    padding: 0
}

main section.more-info .content article .info {
    max-width: 600px;
    width: 100%;
    padding-top: 80px;
    text-align: left
}

main section.more-info .content article .info .h2 {
    margin: 0;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.33;
    color: #2e4446
}

main section.more-info .content article .info .h2:nth-child(2) {
    margin-bottom: 20px
}

main section.more-info .content article .info .detail {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.79;
    color: #6c7c7d
}

main section.more-info .content article .info .buttons {
    margin: 50px 0 0;
    text-align: left
}

main section.more-info .content article .info .buttons .btn:nth-of-type(1) {
    margin-right: 12px
}

main section.more-info .content article .image {
    height: 273px;
    position: absolute;
    top: 0;
    height: 332px
}

main section.more-info .content article .image {
    left: 18%;
}

main section.more-info .content article .info {
    position: absolute;
    right: 100px;
    padding-top: 0
}

main section.more-info .content:nth-of-type(2n) article .image {
    right: 5%
}

main section.more-info .content:nth-of-type(2n) article .info {
    position: absolute;
    left: 0;
    padding-top: 30px
}

main section.more-info .content:last-of-type .image {
    height: 273px
}

@media screen and (max-width: 1080px) {
    main section.more-info .content {
        padding: 48px 0 0;
        margin: 0 20px;
        height: 550px
    }

    main section.more-info .content article {
        margin: 0
    }

    main section.more-info .content article .info {
        width: 100%;
        float: left
    }

    main section.more-info .content article .info .h2 {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.88;
        display: inline-block;
        color: #2e4446
    }

    main section.more-info .content article .info .buttons {
        text-align: center
    }

    main section.more-info .content article .image {
        float: left;
        max-width: 420px;
        margin: 0 auto;
        height: 252px;
        right: 0;
        left: 0
    }

    main section.more-info .content:nth-of-type(2n) article .image {
        left: 0
    }

    main section.more-info .content:nth-of-type(2n) article .info {
        padding-top: 285px;
        left: 50%;
        transform: translateX(-50%)
    }

    main section.more-info .content:nth-of-type(2n+1) article .image {
        right: 0
    }

    main section.more-info .content:nth-of-type(2n+1) article .info {
        padding-top: 285px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }

    main section.more-info .content:nth-of-type(3) {
        height: 650px
    }

    main section.more-info .content:nth-of-type(3) .info {
        padding-top: 342px
    }

    main section.more-info .content:nth-of-type(4) .image {
        height: auto
    }
}

.system h2 img {
    padding-top: 58px;
    padding-bottom: 36px;
}

.nav_system ul {
    margin: 30px auto;
    height: 60px;
    background: #fff;
    width: 1200px;
    background-repeat: no-repeat;
}

.nav_system ul.item1 {
    background-image: url(../images/nav_system1.jpg);
}

.nav_system ul.item2 {
    background-image: url(../images/nav_system2.jpg);
}

.nav_system ul.item3 {
    background-image: url(../images/nav_system3.jpg);
}

.nav_system ul.item4 {
    background-image: url(../images/nav_system4.jpg);
}

.nav_system ul li.title {
    width: 190px;
    font-size: 20px;
    color: #fff;
    font-weight: 550;

}

.nav_system ul li:first-child img {
    vertical-align: initial;
}

.nav_system ul li {
    width: 202px;
    float: left;
    height: 60px;
    line-height: 60px;
}

.nav_system ul li a {
    background-repeat: no-repeat;
    padding-left: 34px;
    margin-left: 40px;
    color: #333;
    cursor: no-drop;
}

.nav_system ul:nth-child(2) li:nth-child(4) a,
.nav_system ul:nth-child(2) li:nth-child(6) a {
    color: #3fb3e3;
}

.nav_system ul:nth-child(4) li:nth-child(3) a,
.nav_system ul:nth-child(4) li:nth-child(6) a,
.nav_system ul:nth-child(4) li:nth-child(5) a {
    color: #d58e32;
}
.nav_system ul.item3 .on a{
color:#45c183;
}
/*flow*/
main section.flow{
	background: #f4f8fb;
}
main section.flow .shape {
    width: 1128px;
    height: 173px;
    display: inline-block;
    position: relative;
    font-size: 0;
    margin-top: 70px
}

main section.flow .shape .cards li {
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
}

main section.flow .shape .cards li.blue {
    background-color: #51c1f3
}

main section.flow .shape .cards li.green {
    background-color: #47d38f
}

main section.flow .shape .cards li p {
    white-space: nowrap;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: relative\0;
    left: 0\0;
    top: 0\0;
    margin-top: 20px\0;
    transform:translate(0,0)\0;
}

main section.flow .shape .cards li.item1 {
    left: 0;
    top: 0
}

main section.flow .shape .cards li.item2 {
    left: 212px;
    top: 0
}

main section.flow .shape .cards li.item3 {
    left: 422px;
    top: 0
}

main section.flow .shape .cards li.item4 {
    left: 635px;
    top: 0
}

main section.flow .shape .cards li.item5 {
    left: 845px;
    top: 0
}

main section.flow .shape .cards li.item6 {
    left: 1040px;
    top: 0
}


main section.flow .shape .arrows li {
    -webkit-mask: url("../images/arrow_bcc.png");
    mask: url("../images/arrow_bcc.png");
    animation: move-arrows .5s linear infinite;
    display: inline-block;
    position: absolute;
    transform-origin: left;
    height: 8px
}

main section.flow .shape .arrows li:nth-of-type(1) {
    width: 112px;
    left: 0;
    top: 0;
    background-image: linear-gradient(100grad, #51c1f3, #51c1f3);
    transform: translate(45px, 45px) rotate(0deg) translate(50px)
}

main section.flow .shape .arrows li:nth-of-type(2) {
    width: 112px;
    left: 212px;
    top: 0;
    background-image: linear-gradient(100grad, #51c1f3, #51c1f3);
    transform: translate(45px, 45px) rotate(0deg) translate(50px)
}

main section.flow .shape .arrows li:nth-of-type(3) {
    width: 112px;
    left: 424px;
    top: 0;
    background-image: linear-gradient(100grad, #51c1f3, #51c1f3);
    transform: translate(45px, 45px) rotate(0deg) translate(50px)
}

main section.flow .shape .arrows li:nth-of-type(4) {
    width: 112px;
    left: 635px;
    top: 0;
    background-image: linear-gradient(100grad, #51c1f3, #47d38f);
    transform: translate(45px, 45px) rotate(0deg) translate(50px)
}


main section.flow .shape .arrows li:nth-of-type(5) {
    width: 112px;
    left: 845px;
    top: 0;
    background-image: linear-gradient(100grad, #47d38f, #47d38f);
    transform: translate(45px, 45px) rotate(0deg) translate(50px)
}

main section.flow .shape .arrows li:nth-of-type(6) {
    width: 45px;
    left: 1044px;
    top: 0;
    background-image: linear-gradient(100grad, #47d38f, #47d38f);
    transform: translate(45px, 45px) rotate(90deg) translate(50px)
}

main section.flow .shape .arrows li:nth-of-type(7) {
    width: 45px;
    left: 848px;
    top: 145px;
    background-image: linear-gradient(100grad, #47d38f, #47d38f);
    transform: translate(45px, 45px) rotate(-90deg) translate(50px)
}


main section.flow .shape .arrows li:nth-of-type(8) {
    width: 195px;
    left: 1038px;
    top: 128px;
    background-image: linear-gradient(100grad, #47d38f, #47d38f);
    transform: translate(50px, 20px) rotate(180deg)
}

@media screen and (max-width: 1128px) {
    main section.flow .shape {
        width: 609px;
        height: 346px;
        display: inline-block;
        position: relative;
        font-size: 0;
        margin-top: 70px
    }

    main section.flow .shape .cards li:nth-of-type(1) {
        left: 0;
        top: 0
    }

    main section.flow .shape .cards li:nth-of-type(2) {
        left: 173px;
        top: 0
    }

    main section.flow .shape .cards li:nth-of-type(3) {
        left: 346px;
        top: 0
    }

    main section.flow .shape .cards li:nth-of-type(4) {
        left: 519px;
        top: 0
    }

    main section.flow .shape .cards li:nth-of-type(5) {
        left: 519px;
        top: 173px
    }

    main section.flow .shape .cards li:nth-of-type(6) {
        left: 346px;
        top: 173px
    }


    main section.flow .shape .arrows li:nth-of-type(1) {
        width: 69px;
        left: 0;
        top: 0;
        background-image: linear-gradient(100grad, #51c1f3, #51c1f3);
        transform: translate(45px, 45px) rotate(0deg) translate(50px)
    }

    main section.flow .shape .arrows li:nth-of-type(2) {
        width: 69px;
        left: 173px;
        top: 0;
        background-image: linear-gradient(100grad, #51c1f3, #51c1f3);
        transform: translate(45px, 45px) rotate(0deg) translate(50px)
    }

    main section.flow .shape .arrows li:nth-of-type(3) {
        width: 69px;
        left: 346px;
        top: 0;
        background-image: linear-gradient(100grad, #51c1f3, #51c1f3);
        transform: translate(45px, 45px) rotate(0deg) translate(50px)
    }

    main section.flow .shape .arrows li:nth-of-type(4) {
        width: 69px;
        left: 519px;
        top: 0;
        background-image: linear-gradient(50grad, #47d38f, #51c1f3);
        transform: translate(45px, 45px) rotate(90deg) translate(50px)
    }

    main section.flow .shape .arrows li:nth-of-type(5) {
        width: 69px;
        left: 519px;
        top: 173px;
        background-image: linear-gradient(100grad, #47d38f, #47d38f);
        transform: translate(45px, 45px) rotate(180deg) translate(52px)
    }

    main section.flow .shape .arrows li:nth-of-type(6) {
        width: 150px;
        left: 306px;
        top: 268px;
        background-image: linear-gradient(100grad, #47d38f, #47d38f);
        transform: translate(45px, 45px) rotate(0deg) translate(52px)
    }

    main section.flow .shape .arrows li:nth-of-type(7) {
        width: 45px;
        left: 347px;
        top: 173px;
        background-image: linear-gradient(100grad, #47d38f, #47d38f);
        transform: translate(45px, 45px) rotate(90deg) translate(50px)
    }

    main section.flow .shape .arrows li:nth-of-type(8) {
        width: 45px;
        left: 520px;
        top: 318px;
        background-image: linear-gradient(100grad, #47d38f, #47d38f);
        transform: translate(45px, 45px) rotate(-90deg) translate(50px)
    }


}

@media screen and (max-width: 1000px) {
    main section.flow .shape {
        width: 226px;
        height: 330px;
        display: inline-block;
        position: relative;
        font-size: 0;
        margin-top: 70px
    }

    main section.flow .shape .cards li {
        width: 70px;
        height: 70px
    }

    main section.flow .shape .cards li:nth-of-type(1) {
        left: 0;
        top: 0
    }

    main section.flow .shape .cards li:nth-of-type(2) {
        left: 0;
        top: 113px
    }

    main section.flow .shape .cards li:nth-of-type(3) {
        left: 0;
        top: 226px
    }

    main section.flow .shape .cards li:nth-of-type(4) {
        left: 113px;
        top: 226px
    }

    main section.flow .shape .cards li:nth-of-type(5) {
        left: 113px;
        top: 113px
    }

    main section.flow .shape .cards li:nth-of-type(6) {
        left: 113px;
        top: 0px
    }


    main section.flow .shape .arrows li:nth-of-type(1) {
        width: 54px;
        left: 0;
        top: 0;
        background-image: linear-gradient(100grad, #51c1f3, #51c1f3);
        transform: translate(35px, 35px) rotate(90deg) translate(30px)
    }

    main section.flow .shape .arrows li:nth-of-type(2) {
        width: 54px;
        left: 0;
        top: 113px;
        background-image: linear-gradient(100grad, #51c1f3, #51c1f3);
        transform: translate(35px, 35px) rotate(90deg) translate(30px)
    }

    main section.flow .shape .arrows li:nth-of-type(3) {
        width: 54px;
        left: 0;
        top: 226px;
        background-image: linear-gradient(100grad, #51c1f3, #51c1f3);
        transform: translate(35px, 35px) rotate(0deg) translate(30px)
    }

    main section.flow .shape .arrows li:nth-of-type(4) {
        width: 54px;
        left: 113px;
        top: 226px;
        background-image: linear-gradient(50grad, #51c1f3, #47d38f);
        transform: translate(35px, 35px) rotate(-90deg) translate(30px)
    }

    main section.flow .shape .arrows li:nth-of-type(5) {
        width: 54px;
        left: 113px;
        top: 113px;
        background-image: linear-gradient(100grad, #47d38f, #47d38f);
        transform: translate(35px, 35px) rotate(-90deg) translate(30px)
    }



    main section.flow .shape .arrows li:nth-of-type(6) {
        width: 35px;
        left: 113px;
        top: 0px;
        background-image: linear-gradient(100grad, #47d38f, #47d38f);
        transform: translate(35px, 35px) rotate(0deg) translate(35px)
    }

    main section.flow .shape .arrows li:nth-of-type(7) {
        width: 35px;
        left: 183px;
        top: 113px;
        background-image: linear-gradient(100grad, #47d38f, #47d38f);
        transform: translate(35px, 35px) rotate(-180deg)
    }

    main section.flow .shape .arrows li:nth-of-type(8) {
        width: 118px;
        left: 183px;
        top: 2px;
        background-image: linear-gradient(100grad, #47d38f, #47d38f);
        transform: translate(41px, 30px) rotate(90deg)
    }
}

main section.flow svg {
    margin-top: 99px
}

main section.flow .channel {
    margin-top: 73px
}

main section.flow .channel li {
    padding: 35px;
    display: none
}

main section.flow .channel li.active {
    display: block
}

@media screen and (max-width: 1000px) {
    main section.flow .channel li {
        padding: 0
    }
}

main section.flow .channel li:first-child {
    padding-top: 0
}

main section.flow .channel li:last-child {
    padding-bottom: 0
}

main section.flow .channel dl {
    text-align: left;
    width: 25%;
    vertical-align: top;
    display: inline-block
}

@media screen and (max-width: 1000px) {
    main section.flow .channel dl {
        width: 50%;
        text-align: center
    }
}

main section.flow .channel dl:ntb-of-type(2) {
    margin-top: 84px
}

main section.flow .channel dl dt {
    padding-bottom: 18px
}

main section.flow .channel dl.green dt {
    color: #47d38f
}

main section.flow .channel dl.green dd::before {
    background-color: #47d38f
}

main section.flow .channel dl.blue dt {
    color: #51c1f3
}

main section.flow .channel dl.blue dd::before {
    background-color: #51c1f3
}

main section.flow .channel dl dt {
    font-weight: 500;
    line-height: 1.04
}

main section.flow .channel dl dd {
    line-height: 2.44;
    text-align: justify;
    color: #7d8b86
}

main section.flow .channel dl dd::before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    border-radius: 50%
}

main section.flow .channel .figure {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

@media screen and (max-width: 1000px) {
    main section.flow .channel .figure {
        width: 100%
    }
}