.fa {
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }

 .fa-2x {
     font-size: 2em
 }

 .fa-3x {
     font-size: 3em
 }

 .fa-4x {
     font-size: 4em
 }

 .fa-5x {
     font-size: 5em
 }

 .fa-ul {
     padding-left: 0;
     margin-left: 2.14285714em;
     list-style-type: none
 }

 .fa-ul>li {
     position: relative
 }

 .fa-li {
     position: absolute;
     left: -2.14285714em;
     width: 2.14285714em;
     top: .14285714em;
     text-align: center
 }

 .fa-border {
     padding: .2em .25em .15em;
     border: solid .08em #eee;
     border-radius: .1em
 }

 @-webkit-keyframes fa-spin {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }

     100% {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg)
     }
 }

 @keyframes fa-spin {
     0% {
         -webkit-transform: rotate(0);
         transform: rotate(0)
     }

     100% {
         -webkit-transform: rotate(359deg);
         transform: rotate(359deg)
     }
 }

 .fa-home:before {
     content: "\f015"
 }

 .fa-download:before {
     content: "\f019"
 }

 .fa-repeat:before {
     content: "\f01e"
 }

 .fa-list-alt:before {
     content: "\f022"
 }

 .fa-tag:before {
     content: "\f02b"
 }

 .fa-font:before {
     content: "\f031"
 }

 .fa-text-height:before {
     content: "\f034"
 }

 .fa-text-width:before {
     content: "\f035"
 }

 .fa-align-left:before {
     content: "\f036"
 }

 .fa-align-center:before {
     content: "\f037"
 }

 .fa-align-right:before {
     content: "\f038"
 }

 .fa-list:before {
     content: "\f03a"
 }

 .fa-indent:before {
     content: "\f03c"
 }

 .fa-image:before {
     content: "\f03e"
 }

 .fa-chevron-left:before {
     content: "\f053"
 }

 .fa-chevron-right:before {
     content: "\f054"
 }

 .fa-plus-circle:before {
     content: "\f055"
 }

 .fa-info-circle:before {
     content: "\f05a"
 }

 .fa-arrow-left:before {
     content: "\f060"
 }

 .fa-arrow-right:before {
     content: "\f061"
 }

 .fa-arrow-up:before {
     content: "\f062"
 }

 .fa-arrow-down:before {
     content: "\f063"
 }

 .fa-plus:before {
     content: "\f067"
 }

 .fa-chevron-up:before {
     content: "\f077"
 }

 .fa-chevron-down:before {
     content: "\f078"
 }

 .fa-key:before {
     content: "\f084"
 }

 .fa-external-link:before {
     content: "\f08e"
 }

 .fa-twitter:before {
     content: "\f099"
 }

 .fa-facebook-f:before,
 .fa-facebook:before {
     content: "\f09a"
 }

 .fa-credit-card:before {
     content: "\f09d"
 }

 .fa-arrow-circle-left:before {
     content: "\f0a8"
 }

 .fa-arrow-circle-right:before {
     content: "\f0a9"
 }

 .fa-arrow-circle-up:before {
     content: "\f0aa"
 }

 .fa-arrow-circle-down:before {
     content: "\f0ab"
 }

 .fa-filter:before {
     content: "\f0b0"
 }

 .fa-users:before {
     content: "\f0c0"
 }

 .fa-link:before {
     content: "\f0c1"
 }

 .fa-copy:before {
     content: "\f0c5"
 }

 .fa-navicon:before {
     content: "\f0c9"
 }

 .fa-list-ul:before {
     content: "\f0ca"
 }

 .fa-google-plus:before {
     content: "\f0d5"
 }

 .fa-angle-left:before {
     content: "\f104"
 }

 .fa-angle-right:before {
     content: "\f105"
 }

 .fa-angle-up:before {
     content: "\f106"
 }

 .fa-angle-down:before {
     content: "\f107"
 }

 .fa-laptop:before {
     content: "\f109"
 }

 .fa-mobile:before {
     content: "\f10b"
 }

 .fa-circle:before {
     content: "\f111"
 }

 .fa-location-arrow:before {
     content: "\f124"
 }

 .fa-info:before {
     content: "\f129"
 }

 .fa-chevron-circle-left:before {
     content: "\f137"
 }

 .fa-chevron-circle-right:before {
     content: "\f138"
 }

 .fa-chevron-circle-up:before {
     content: "\f139"
 }

 .fa-chevron-circle-down:before {
     content: "\f13a"
 }

 .fa-html5:before {
     content: "\f13b"
 }

 .fa-css3:before {
     content: "\f13c"
 }

 .fa-youtube:before {
     content: "\f167"
 }

 .fa-windows:before {
     content: "\f17a"
 }

 .fa-google:before {
     content: "\f1a0"
 }

 .fa-language:before {
     content: "\f1ab"
 }

 .fa-support:before {
     content: "\f1cd"
 }

 .fa-header:before {
     content: "\f1dc"
 }

 .fa-paypal:before {
     content: "\f1ed"
 }

 .fa-i-cursor:before {
     content: "\f246"
 }

 .fa-500px:before {
     content: "\f26e"
 }

 :root {
     --family: "Roboto", Arial, "Microsoft Yahei", sans-serif;
     --familyAveria: "Averia Gruesa Libre", system-ui
 }

 .blackfriday_btn {
     position: relative;
     z-index: 1;
     margin: 0 auto;
     padding: 0 0 3px;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     color: #fff;
     font: 900 14px/1.2 var(--family) !important;
     min-width: 270px;
     max-width: 90%;
     height: 52px;
     border-radius: 9999px;
     letter-spacing: 1.4px;
     background: transparent linear-gradient(288deg, #fd0017 0, #fd5c1b 100%) 0 0 no-repeat padding-box;
     box-shadow: 0 17px 40px #000000EB;
     border: 2px solid #ff7c39;
     text-decoration: none !important;
     box-sizing: border-box
 }

 .blackfriday_btn span {
     display: inline-block;
     padding-left: 4px;
     font: inherit;
     color: inherit
 }

 .blackfriday_btn:hover {
     background: red
 }

 .bf_banner {
     min-width: 0;
     height: 806px !important;
     background: 0 0 !important;
     overflow: hidden
 }

 .bf_banner .focus_btn {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 80px;
     z-index: 2;
     margin: 0 auto;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px
 }

 .bf_banner .focus_btn span {
     display: block;
     flex-shrink: 0;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: #888;
     cursor: pointer
 }

 .bf_banner .focus_btn span.on {
     background: red
 }

 .bf_banner .bf_focus {
     position: absolute;
     width: 100%;
     height: 100%
 }

 .bf_banner .bf_focus li {
     float: left;
     width: 100%;
     height: 100%;
     overflow: hidden
 }

 .bf_banner .blackfriday_index {
     width: 100%;
     height: 806px;
     overflow: hidden;
     position: relative;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: flex-start;
     flex-direction: column;
     text-align: center
 }

 .bf_banner .blackfriday_index.index_one {
     background: #fff url(../images/home_banner_bg_en7502.jpg?t=1648795183) center bottom no-repeat
 }

 .bf_banner .blackfriday_index.index_one .blackfriday_btn {
     min-width: 412px;
     height: 52px;
     padding-top: 3px;
     font-size: 14px;
     letter-spacing: 1.4px;
     overflow: hidden
 }

 @keyframes lightShadow {
     0% {
         transform: translateX(-300px)
     }

     100% {
         transform: translateX(600px)
     }
 }

 .bf_banner .index_content {
     margin: 0;
     max-width: 680px;
     text-align: left
 }

 .bf_banner .index_title {
     padding-top: 54px;
     padding-bottom: 16px
 }

 .bf_banner .index_title>img {
     display: inline-block;
     vertical-align: top
 }

 .bf_banner .index_pic {
     margin-bottom: 50px
 }

 .bf_banner .index_pic>img {
     display: inline-block;
     vertical-align: top
 }

 .bf_banner .index_desc {
     padding-top: 13px;
     color: #888;
     font: 500 12px/1.5 var(--family);
     letter-spacing: 1.2px
 }

 .bf_banner .index_bottom {
     text-align: center
 }

 @media (min-width:769px) and (max-width:1640px) {
     .bf_banner .blackfriday_index.index_one {
         background-position: center top
     }

     .bf_banner .blackfriday_index .index_title {
         padding-top: 34px;
         margin-bottom: -10px
     }

     .bf_banner .blackfriday_index .index_pic {
         margin-bottom: 10px
     }
 }

 @media screen and (max-width:768px) {
     .home .bf_banner {
         padding: 60px 0 30px !important;
         min-width: 0;
         height: auto !important;
         background: 0 0 !important;
         overflow: hidden
     }

     .home .bf_banner .focus_btn {
         display: none !important
     }

     .home .bf_banner .bf_focus {
         position: relative
     }

     .home .bf_banner .bf_focus li.bf_one .blackfriday_btn {
         min-width: 0;
         width: 84%
     }

     .home .bf_banner .blackfriday_index {
         padding-top: 0;
         width: 100%;
         height: auto
     }

     .home .bf_banner .index_content {
         max-width: 100%
     }

     .home .bf_banner .index_title {
         padding-top: 40px
     }

     .home .bf_banner .index_title>img {
         max-width: 100%;
         width: 100%;
         height: auto
     }

     .home .bf_banner .index_pic {
         margin-top: 20px;
         margin-bottom: 30px
     }

     .home .bf_banner .index_pic>img {
         max-width: 362px;
         width: 100%;
         height: auto
     }

     .home .bf_banner .index_desc {
         padding-top: 20px;
         letter-spacing: 2.4px
     }

     .home .bf_banner .index_bottom {
         text-align: center
     }
 }

 html[lang=en] body[data-name=ascpro] .banner,
 html[lang=en] body[data-name=dbpro] .banner,
 html[lang=en] body[data-name=imfpro] .banner,
 html[lang=en] body[data-name=iupro] .banner,
 html[lang=en] body[data-name=sdpro] .banner {
     position: relative;
     z-index: 1
 }

 html[lang=en] body[data-name=ascpro] .banner::before,
 html[lang=en] body[data-name=dbpro] .banner::before,
 html[lang=en] body[data-name=imfpro] .banner::before,
 html[lang=en] body[data-name=iupro] .banner::before,
 html[lang=en] body[data-name=sdpro] .banner::before {
     content: '';
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     z-index: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, .2)
 }

 html[lang=en] body[data-name=imfpro] .banner::before,
 html[lang=en] body[data-name=sdpro] .banner::before {
     display: none
 }

 @media (max-width:1024px) {

     .bf_banner,
     .bf_banner .blackfriday_index {
         height: auto !important;
         min-height: 300px !important
     }
 }

 html {
     font-family: sans-serif;
     -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%
 }

 body {
     margin: 0
 }

 footer,
 header,
 main,
 nav {
     display: block
 }

 [hidden] {
     display: none
 }

 a {
     background-color: transparent
 }

 a:active,
 a:hover {
     outline: 0
 }

 h1 {
     font-size: 2em;
     margin: .67em 0
 }

 sub {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline
 }

 sub {
     bottom: -.25em
 }

 img {
     border: 0
 }

 hr {
     box-sizing: content-box;
     height: 0
 }

 button,
 select {
     color: inherit;
     font: inherit;
     margin: 0
 }

 button {
     overflow: visible
 }

 button,
 select {
     text-transform: none
 }

 button {
     -webkit-appearance: button;
     cursor: pointer
 }

 button[disabled] {
     cursor: default
 }

 button::-moz-focus-inner {
     border: 0;
     padding: 0
 }

 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: "Titillium Web", Arial, sans-serif;
     font-weight: 400;
     line-height: 1.1;
     color: #000
 }

 .h1,
 .h2,
 .h3,
 h1,
 h2,
 h3 {
     margin-top: 28px;
     margin-bottom: 14px
 }

 .h4,
 .h5,
 .h6,
 h4,
 h5,
 h6 {
     margin-top: 14px;
     margin-bottom: 14px
 }

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

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

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

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

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

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

 .text-left {
     text-align: left
 }

 .text-right {
     text-align: right
 }

 .text-center {
     text-align: center
 }

 .text-white {
     color: #fff
 }

 .button {
     display: inline-block;
     margin-bottom: 0;
     font-weight: 400;
     font-family: "Titillium Web", Arial, sans-serif;
     text-align: center;
     vertical-align: middle;
     touch-action: manipulation;
     cursor: pointer;
     background-image: none;
     border: 1px solid transparent;
     white-space: nowrap
 }

 .button.focus,
 .button:focus,
 .button:hover {
     color: #fff;
     text-decoration: none
 }

 .button:active {
     outline: 0;
     background-image: none
 }

 .button[disabled] {
     cursor: default
 }

 .button.large {
     min-width: 198px;
     border-radius: 34px;
     font-size: 22px;
     padding: 7px 30px
 }

 .button.blkghost {
     color: #191920;
     border: 1px #191920 solid;
     background-color: transparent
 }

 .button.blkghost:hover {
     color: #1264fc;
     border: 1px #1264fc solid;
     background-color: #ebf0f8
 }

 .button.whiteghost {
     color: #fff;
     border: 1px #fff solid;
     background-color: transparent
 }

 .button.whiteghost:hover {
     color: #fff;
     background-color: #45454d;
     border: 1px #fff solid
 }

 .button.btn-google {
     text-indent: -9999px;
     background-color: #000;
     padding: 0
 }

 .button.btn-google.large {
     width: 260px;
     height: 58px;
     background: #000 url(/tpl/images/btn-google.svg);
     background-size: 260px 58px
 }

 .button.text-link:hover {
     color: #1264fc;
     text-decoration: underline
 }

 body,
 dd,
 div,
 dl,
 dt,
 footer,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 header,
 html,
 i,
 img,
 li,
 nav,
 p,
 q,
 span,
 sub,
 ul,
 var {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     vertical-align: baseline;
     background: 0 0
 }

 body {
     font-size: 14px;
     line-height: 2;
     color: #545454;
     font-family: Roboto, Arial, sans-serif
 }

 hr {
     color: transparent;
     height: 1px;
     border: none;
     border-bottom: 1px solid #ccc;
     margin: 0;
     margin-bottom: 10px
 }

 select {
     outline: 0 none;
     vertical-align: middle
 }

 button {
     outline: 0
 }

 p {
     padding: 0 0 14px
 }

 .container {
     position: relative;
     width: 1100px;
     min-width: 1100px;
     margin: 0 auto;
     height: inherit
 }

 a {
     margin: 0;
     padding: 0;
     font-size: 100%;
     color: #1264fc;
     vertical-align: baseline;
     background: 0 0;
     outline: 0;
     text-decoration: none;
     cursor: pointer
 }

 a:hover {
     text-decoration: underline
 }

 .left {
     float: left
 }

 .right {
     float: right
 }

 .clearfix:after,
 .clearfix:before {
     content: " ";
     display: table;
     height: 0;
     visibility: hidden;
     font-size: 0;
     line-height: 0
 }

 .clearfix:after {
     clear: both
 }

 .none {
     clear: none
 }

 .hidden {
     visibility: hidden
 }

 .inline {
     display: inline
 }

 @keyframes shake-base {
     0% {
         transform: translate(0, 0) rotate(0)
     }

     2% {
         transform: translate(-.5px, .5px) rotate(-.5deg)
     }

     4% {
         transform: translate(-2.5px, -1.5px) rotate(.5deg)
     }

     6% {
         transform: translate(1.5px, 1.5px) rotate(-1.5deg)
     }

     8% {
         transform: translate(-1.5px, -2.5px) rotate(.5deg)
     }

     10% {
         transform: translate(1.5px, 1.5px) rotate(-.5deg)
     }

     12% {
         transform: translate(-1.5px, 1.5px) rotate(-1.5deg)
     }

     14% {
         transform: translate(-1.5px, .5px) rotate(.5deg)
     }

     16% {
         transform: translate(.5px, .5px) rotate(-.5deg)
     }

     18% {
         transform: translate(.5px, -2.5px) rotate(-.5deg)
     }

     20% {
         transform: translate(-2.5px, .5px) rotate(-1.5deg)
     }

     22% {
         transform: translate(1.5px, .5px) rotate(-.5deg)
     }

     24% {
         transform: translate(-.5px, -1.5px) rotate(-.5deg)
     }

     26% {
         transform: translate(-1.5px, 1.5px) rotate(.5deg)
     }

     28% {
         transform: translate(-1.5px, -.5px) rotate(.5deg)
     }

     30% {
         transform: translate(-2.5px, .5px) rotate(.5deg)
     }

     32% {
         transform: translate(1.5px, -.5px) rotate(-.5deg)
     }

     34% {
         transform: translate(.5px, -2.5px) rotate(-1.5deg)
     }

     36% {
         transform: translate(.5px, -2.5px) rotate(-.5deg)
     }

     38% {
         transform: translate(-2.5px, -.5px) rotate(.5deg)
     }

     40% {
         transform: translate(-.5px, 1.5px) rotate(.5deg)
     }

     42% {
         transform: translate(1.5px, 1.5px) rotate(-.5deg)
     }

     44% {
         transform: translate(-2.5px, -2.5px) rotate(.5deg)
     }

     46% {
         transform: translate(.5px, -2.5px) rotate(.5deg)
     }

     48% {
         transform: translate(-.5px, -2.5px) rotate(-.5deg)
     }

     50% {
         transform: translate(-.5px, .5px) rotate(.5deg)
     }

     52% {
         transform: translate(1.5px, .5px) rotate(.5deg)
     }

     54% {
         transform: translate(-2.5px, .5px) rotate(-1.5deg)
     }

     56% {
         transform: translate(-2.5px, 1.5px) rotate(.5deg)
     }

     58% {
         transform: translate(-2.5px, -2.5px) rotate(-.5deg)
     }

     60% {
         transform: translate(-.5px, -2.5px) rotate(-.5deg)
     }

     62% {
         transform: translate(-1.5px, .5px) rotate(-.5deg)
     }

     64% {
         transform: translate(-1.5px, -.5px) rotate(.5deg)
     }

     66% {
         transform: translate(-2.5px, .5px) rotate(-.5deg)
     }

     68% {
         transform: translate(-1.5px, -.5px) rotate(.5deg)
     }

     70% {
         transform: translate(.5px, 1.5px) rotate(.5deg)
     }

     72% {
         transform: translate(-2.5px, 1.5px) rotate(.5deg)
     }

     74% {
         transform: translate(1.5px, -.5px) rotate(.5deg)
     }

     76% {
         transform: translate(-.5px, -1.5px) rotate(.5deg)
     }

     78% {
         transform: translate(-.5px, -2.5px) rotate(.5deg)
     }

     80% {
         transform: translate(1.5px, -.5px) rotate(.5deg)
     }

     82% {
         transform: translate(-1.5px, .5px) rotate(-.5deg)
     }

     84% {
         transform: translate(-1.5px, -1.5px) rotate(-.5deg)
     }

     86% {
         transform: translate(.5px, -.5px) rotate(-1.5deg)
     }

     88% {
         transform: translate(-2.5px, -2.5px) rotate(-1.5deg)
     }

     90% {
         transform: translate(-1.5px, 1.5px) rotate(.5deg)
     }

     92% {
         transform: translate(-1.5px, .5px) rotate(.5deg)
     }

     94% {
         transform: translate(-1.5px, -.5px) rotate(.5deg)
     }

     96% {
         transform: translate(1.5px, .5px) rotate(-.5deg)
     }

     98% {
         transform: translate(-.5px, -1.5px) rotate(.5deg)
     }
 }

 @keyframes move {
     0% {
         transform: translate(-40px, 40px)
     }

     25% {
         transform: translate(-20px, 20px)
     }

     50% {
         transform: translate(0, 0)
     }

     75% {
         transform: translate(20px, -20px)
     }

     100% {
         transform: translate(40px, -40px)
     }
 }

 @keyframes changebg {
     0% {
         background: #5b5d6d
     }

     100% {
         background: #1264fc
     }
 }

 i {
     display: inline-block
 }

 html[lang=de] .footer .btm-nav .nav-zone .row {
     margin-left: 50px
 }

 html[lang=dk] .home .banner {
     background: url(../images/idxbanner-imf.jpg) no-repeat center
 }

 html[lang=es-ar] .black-more img,
 html[lang=es-mx] .black-more img,
 html[lang=es] .black-more img {
     margin-top: 5px
 }

 html[lang=es-ar] .footer .btm-nav .nav-zone .row,
 html[lang=es-mx] .footer .btm-nav .nav-zone .row,
 html[lang=es] .footer .btm-nav .nav-zone .row {
     margin-left: 50px
 }

 html[lang=fr] .footer .btm-nav .nav-zone .row {
     margin-left: 50px
 }

 html[lang=fr] .footer .btm-nav .nav-zone .row:first-child {
     margin-left: 0
 }

 html[lang=it] .black-more img {
     margin-top: 5px
 }

 html[lang=it] .footer .btm-nav .nav-zone .row {
     margin-left: 50px
 }

 html[lang=it] .footer .btm-nav .nav-zone .row:first-child {
     margin-left: 20px
 }

 html[lang=pt] .footer .btm-nav .nav-zone .row {
     margin-left: 50px
 }

 html[lang=ru] .footer .btm-nav .nav-zone .row:first-child {
     margin-left: 60px
 }

 html[lang=sv] .home .banner {
     background: url(../images/idxbanner-imf.jpg) no-repeat center
 }

 .header {
     position: relative;
     top: 0;
     z-index: 1000;
     width: 100%;
     height: 55px;
     display: none !important;
     box-sizing: border-box;
     background: #2f2f3e
 }

 .header .header-logo {
     float: left;
     display: block;
     width: 56px;
     height: 17px;
     margin-top: 19px
 }

 .header .header-logo .logo {
     display: inline-block;
     width: 200px;
     height: 40px;
     text-indent: -9999px;
     background: url(../images/yamicsoft-logo.png)
 }

 .header .navBtnWrap {
     display: none
 }

 .header .header-nav {
     float: left;
     display: block;
     height: inherit;
     margin-left: 80px
 }

 .header .header-nav .nav-tabs {
     list-style: none
 }

 .header .header-nav .nav-tabs>li {
     position: relative;
     float: left;
     margin-right: 10px;
     cursor: pointer
 }

 .header .header-nav .nav-tabs>li a>span {
     display: inline-block;
     padding: 8px 32px 9px 10px;
     font-size: 18px;
     font-family: "Titillium Web", Arial, sans-serif;
     color: #aeb5ca;
     border-bottom: 2px transparent solid
 }

 .header .header-nav .nav-tabs>li .fa-angle-down,
 .header .header-nav .nav-tabs>li .fa-angle-up {
     position: absolute;
     top: 20px;
     right: 8px;
     display: none;
     color: #aeb5ca;
     transition: all .3s
 }

 .header .header-nav .nav-tabs>li:hover>span {
     color: #fff;
     border-bottom: 2px #1264fc solid
 }

 .header .header-nav .nav-tabs>li:hover>i {
     color: #fff
 }

 .header .header-nav .nav-tabs>li a:hover {
     text-decoration: none
 }

 .header .header-nav .nav-tabs>li a span {
     color: #aeb5ca
 }

 .header .header-nav .nav-tabs>li a span:hover {
     color: #fff;
     text-decoration: none;
     border-bottom: 2px #1264fc solid
 }

 .header .header-nav .main-nav {
     width: 1160px;
     height: auto;
     position: absolute;
     display: none;
     top: 55px;
     left: -135px;
     z-index: 999;
     background: #fff;
     box-shadow: 0 0 5px rgba(0, 0, 0, .1)
 }

 .header .header-nav .main-nav.support-nav {
     left: -485px
 }

 .header .header-nav .main-nav .nav-sub {
     float: left;
     width: 950px
 }

 .header-new {
     position: relative;
     z-index: 1000;
     width: 100%;
     display: block !important;
     box-sizing: border-box;
     background: #1f1f29;
     height: 94px;
     font-family: "Titillium Web", Arial, sans-serif
 }

 .header-new .hrefbox {
     float: left;
     margin-left: 50px
 }

 .header-new .hrefbox .logo {
     float: left;
     margin-top: 34px;
     text-indent: -9999px;
     width: 200px;
     height: 40px;
     background: url(../images/yamicsoft-logo.png)
 }

 .header-new .hrefbox .secure {
     position: relative;
     float: left;
     height: 28px;
     margin-top: 32px;
     margin-left: 20px;
     padding-left: 20px
 }

 .header-new .hrefbox .secure:after {
     position: absolute;
     content: "";
     display: block;
     width: 1px;
     height: 28px;
     left: -3px;
     top: 4px;
     background: #434356
 }

 .header-new .hrefbox .secure p {
     padding: 0;
     margin: 0;
     line-height: 18px;
     color: #a2a2ae;
     font-size: 12px
 }

 .header-new .nav-box {
     position: absolute;
     right: 50px;
     top: 50px;
     font-size: 17px
 }

 .header-new .nav-box>li {
     position: relative;
     list-style-type: none;
     float: left;
     padding: 0 20px;
     height: 50px;
     margin-left: 17px;
     transition: all .3s
 }

 .header-new .nav-box>li:hover span {
     color: #1264fc
 }

 .header-new .nav-box>li:hover span i {
     color: #1264fc;
     transform: rotate(180deg)
 }

 .header-new .nav-box>li:hover::after {
     position: absolute;
     content: "";
     width: 100%;
     height: 3px;
     left: 0;
     bottom: 0;
     background-color: #1264fc
 }

 .header-new .nav-box>li>span {
     line-height: 50px;
     font-size: 16px;
     color: #fff;
     cursor: pointer
 }

 .header-new .nav-box>li>span i {
     font-size: 12px;
     margin-left: 10px;
     transition: all .3s
 }

 .header-new .nav-box>li .content {
     position: absolute;
     width: 864px;
     height: 240px;
     background: #fff;
     top: 50px;
     left: -105px;
     display: none;
     border: 1px solid #dddde2
 }

 .header-new .nav-box>li .content dl.tool-icon {
     width: 470px;
     padding-left: 45px
 }

 .header-new .nav-box>li .content dl.tool-icon dd p {
     padding: 0 0 14px !important;
     float: left;
     width: 50%;
     line-height: 24px
 }

 .header-new .nav-box>li .content dl.tool-icon dd p img {
     display: inline-block;
     vertical-align: middle;
     width: 24px;
     margin-right: 10px
 }

 .header-new .nav-box>li.db-nav .content {
     left: -250px
 }

 .header-new .nav-box>li.antivirus .content {
     width: 1296px;
     left: -838px
 }

 .header-new .nav-box>li.antivirus .content dl {
     float: left;
     width: 33.3%
 }

 .header-new .nav-box>li.antivirus .content dl dd {
     max-width: 245px
 }

 .header-new .nav-box>li.must-tool .content {
     width: 1392px;
     left: inherit;
     right: -100px;
     height: 320px
 }

 .new-top {
     height: 50px;
     background: url(/tpl/images/itop-v4/itop-bg.png) no-repeat
 }

 .new-top .container {
     display: flex;
     justify-content: space-between;
     height: 50px !important;
     align-items: center;
     font-size: 16px;
     font-weight: 500
 }

 .new-top .container span {
     display: flex;
     align-items: center
 }

 .new-top .container span i {
     width: 17px;
     height: 18px;
     margin-right: 10px;
     background: url(/tpl/images/notification-solid-badged.svg) no-repeat
 }

 .new-top .container a {
     display: flex;
     align-items: center;
     text-decoration: underline
 }

 .new-top .container a i {
     width: 12px;
     height: 12px;
     margin-left: 10px;
     background: url(/tpl/images/download-alt.svg) no-repeat
 }

 @keyframes sale {
     0% {
         opacity: 0
     }

     20% {
         opacity: 1
     }

     40% {
         opacity: 0
     }

     60% {
         opacity: 1
     }

     80% {
         opacity: 0
     }

     100% {
         opacity: 0
     }
 }

 .black-more {
     position: relative;
     width: 100%;
     height: 50px;
     line-height: 50px;
     z-index: 999;
     font-size: 18px;
     color: #b7b7b7;
     text-align: center;
     background: url(/tpl/images/black/bg.jpg) no-repeat center
 }

 .black-more .container {
     width: 1120px;
     min-width: 1120px
 }

 .black-more span {
     position: relative;
     display: inline-block
 }

 .black-more img {
     position: relative;
     z-index: 6;
     display: inline-block;
     vertical-align: middle
 }

 .black-more a.asc {
     color: #57a5ff
 }

 .black-more a.db {
     color: #fe6e4a
 }

 @keyframes downbtn {
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }

     20% {
         -webkit-transform: translateY(8px);
         transform: translateY(8px)
     }

     30% {
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }

     50% {
         -webkit-transform: translateY(8px);
         transform: translateY(8px)
     }

     60% {
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }

     80% {
         -webkit-transform: translateY(8px);
         transform: translateY(8px)
     }

     90% {
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }
 }

 @media screen and (max-width:1500px) {
     .header-new .nav-box {
         right: 40px
     }

     .header-new .nav-box>li.must-tool .content {
         right: -130px
     }

     .header-new .nav-box>li.must-tool .content {
         width: 1080px;
         height: 430px
     }

     .header-new .nav-box>li.must-tool .content {
         right: -80px
     }

     .header-new .nav-box>li.antivirus .content {
         left: -690px;
         width: 1190px
     }
 }

 @media screen and (max-width:768px) {
     .header {
         display: block !important
     }

     .header-new {
         display: none !important
     }
 }

 .home .container {
     height: auto
 }

 .home .banner {
     position: relative;
     height: 800px;
     width: 100%;
     min-width: 1100px;
     display: block;
     background: #1e2534;
     overflow: hidden
 }

 .home .banner .banner-image {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     z-index: 0;
     width: 100%;
     height: 100%
 }

 .home .banner .banner-image>img {
     display: block;
     position: absolute;
     width: 100%;
     max-width: none;
     height: 100%;
     object-fit: cover
 }

 .home .banner .container {
     position: relative;
     z-index: 1;
     width: 1298px;
     min-width: 1298px;
     overflow: visible
 }

 .home .banner .text-zone {
     position: relative;
     float: left;
     width: 660px;
     margin-left: 0;
     margin-top: 185px;
     z-index: 900
 }

 .home .banner .text-zone .new-icon {
     margin-top: 5px;
     margin-bottom: 20px
 }

 .home .banner .text-zone h1 {
     position: relative;
     z-index: 2;
     display: inline-block;
     margin-bottom: 18px;
     font-size: 40px;
     color: #fff
 }

 .home .banner .text-zone h1 span {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     height: 31px;
     margin-left: 5px;
     padding: 0 10px;
     border-radius: 3px;
     font-size: 18px;
     text-align: center;
     line-height: 31px;
     color: #fff;
     font-weight: 700;
     background-image: -moz-linear-gradient(0deg, #815aff 0, #5b79ff 100%);
     background-image: -webkit-linear-gradient(0deg, #815aff 0, #5b79ff 100%);
     background-image: -ms-linear-gradient(0deg, #815aff 0, #5b79ff 100%)
 }

 .home .banner .text-zone h1 span::after {
     position: absolute;
     content: "";
     width: 11px;
     height: 31px;
     right: -9px;
     top: 0;
     background: url(/tpl/images/arrow.png)
 }

 .home .banner .text-zone p {
     color: #ebebeb;
     padding-bottom: 0
 }

 .home .banner .text-zone .btn-zone {
     display: inline-block;
     margin-top: 34px
 }

 .home .banner .text-zone .btn-zone p {
     margin-top: 15px;
     text-align: center;
     font-size: 14px;
     color: #9d9d9d
 }

 .home .banner .img-box {
     position: absolute;
     right: -269px;
     top: 62px;
     z-index: 99
 }

 .home .banner .img-box img {
     position: relative;
     z-index: 20
 }

 .home .banner .img-box::after {
     position: absolute;
     content: "";
     width: 1173px;
     height: 807px;
     left: -337px;
     top: -145px;
     background: url(/tpl/images/bg-light.png)
 }

 .home h2.center-title {
     position: relative;
     display: block;
     text-align: center
 }

 .home h2.center-title:after {
     position: absolute;
     bottom: -10px;
     left: 50%;
     margin-left: -10px;
     content: "";
     width: 20px;
     height: 4px;
     display: block;
     background: #1264fc
 }

 .home .h2sub {
     font-size: 18px
 }

 .home .major-product {
     height: 805px;
     min-width: 1100px;
     display: block;
     padding-top: 86px;
     box-sizing: border-box;
     background: #fff url(../images/major-bg.jpg) center bottom no-repeat
 }

 .home .major-product .h2sub {
     display: block;
     margin: 10px 0;
     text-align: center
 }

 .home .major-product .abs-image {
     display: block;
     float: left;
     margin-top: 20px;
     margin-left: -260px
 }

 .home .major-product .intro {
     float: right;
     width: 530px
 }

 .home .major-product .intro .list {
     margin-top: 16px
 }

 .home .major-product .intro .list dl {
     display: block;
     padding: 15px 0
 }

 .home .major-product .intro .list dl dt {
     display: block;
     height: 52px;
     color: #000
 }

 .home .major-product .intro .list dl dt img {
     float: left
 }

 .home .major-product .intro .list dl dt span {
     display: inline-block;
     margin-top: 8px;
     margin-left: 12px;
     font-size: 20px;
     font-family: "Titillium Web", Arial, sans-serif
 }

 .home .major-product .intro .btn-zone {
     display: block;
     margin-top: 40px
 }

 .home .major-product .intro .btn-zone .button.blkghost span {
     padding: 12px 60px;
     font-size: 22px
 }

 .home .sublevel {
     height: 600px;
     min-width: 1100px;
     box-sizing: border-box;
     padding-top: 140px
 }

 .home .sublevel.asc {
     background: url(../images/sublevel-bg-asc.jpg) center top no-repeat
 }

 .home .sublevel.db {
     background: url(/tpl/images/sublevel-bg-db.jpg) center top no-repeat
 }

 .home .sublevel.single {
     color: #fff
 }

 .home .sublevel.single h2 {
     color: #fff !important
 }

 .home .sublevel.single .detail-zone {
     width: 560px;
     font-weight: 400
 }

 .home .sublevel.single .detail-zone .h2sub {
     display: block;
     margin-top: 12px
 }

 .home .sublevel.single .detail-zone .btn-zone {
     display: block;
     margin-top: 54px
 }

 .home .sublevel.single .detail-zone .btn-zone .button.whiteghost span {
     padding: 12px 60px
 }

 .home .awards {
     display: block;
     height: 640px;
     background: #fff;
     box-sizing: border-box;
     padding-top: 120px
 }

 .home .awards .h2sub {
     display: block;
     margin-top: 30px;
     text-align: center
 }

 .home .awards .medal-zone {
     display: block;
     margin-top: 50px;
     height: 220px;
     box-shadow: 0 10px 45px #ebebf1
 }

 .home .awards .medal-zone ul {
     display: inline-block;
     list-style: none;
     height: 160px;
     margin-top: 30px
 }

 .home .awards .medal-zone ul li {
     float: left;
     text-align: center;
     height: inherit;
     padding: 0 29px;
     border-right: 1px #ececf2 solid
 }

 .home .awards .medal-zone ul li:last-child {
     border-right: 0
 }

 .home .awards .medal-zone ul li img {
     display: block;
     margin-top: 27px
 }

 @keyframes lefthand {
     0% {
         left: 23px
     }

     20% {
         left: 25px
     }

     30% {
         left: 23px
     }

     50% {
         left: 25px
     }

     60% {
         left: 23px
     }

     80% {
         left: 25px
     }

     90% {
         left: 23px
     }
 }

 @keyframes righthand {
     0% {
         transform: rotate(0)
     }

     20% {
         transform: rotate(-4deg)
     }

     30% {
         transform: rotate(0)
     }

     50% {
         transform: rotate(-4deg)
     }

     60% {
         transform: rotate(0)
     }

     80% {
         transform: rotate(-4deg)
     }

     90% {
         transform: rotate(0)
     }
 }

 @keyframes flag {
     0% {
         transform: rotate(0)
     }

     20% {
         transform: rotate(-16deg)
     }

     30% {
         transform: rotate(0)
     }

     50% {
         transform: rotate(-16deg)
     }

     60% {
         transform: rotate(0)
     }

     80% {
         transform: rotate(-16deg)
     }

     90% {
         transform: rotate(0)
     }
 }

 @keyframes candle {
     0% {
         opacity: 0
     }

     20% {
         opacity: 1
     }

     30% {
         opacity: 0
     }

     50% {
         opacity: 1
     }

     60% {
         opacity: 0
     }

     80% {
         opacity: 1
     }

     90% {
         opacity: 0
     }
 }

 @keyframes light {
     0% {
         transform: rotate(0)
     }

     100% {
         transform: rotate(360deg)
     }
 }

 .products .banner {
     position: relative;
     height: 680px;
     width: 100%;
     min-width: 1100px;
     background-size: auto;
     background-position: center;
     background-repeat: no-repeat
 }

 .products .banner.sd {
     background-color: #666673;
     background-image: url(/tpl/images/product-banner-sd-1920x680.jpg)
 }

 @keyframes nudgeMouseDown {
     0% {
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }

     20% {
         -webkit-transform: translateY(4px);
         transform: translateY(4px)
     }

     30% {
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }

     50% {
         -webkit-transform: translateY(4px);
         transform: translateY(4px)
     }

     60% {
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }

     80% {
         -webkit-transform: translateY(4px);
         transform: translateY(4px)
     }

     90% {
         -webkit-transform: translateY(0);
         transform: translateY(0)
     }
 }

 @keyframes dancing {

     0%,
     100% {
         transform: translate(0, 15px)
     }

     50% {
         transform: translate(0, 0)
     }
 }

 @keyframes dancing {

     0%,
     100% {
         transform: translate(0, 15px)
     }

     50% {
         transform: translate(0, 0)
     }
 }

 .company-awards {
     color: #fff;
     text-align: center
 }

 .company-awards h1 {
     padding-top: 120px;
     color: #fff;
     font-size: 57px
 }

 .company-awards p {
     height: 80px;
     margin-top: 35px;
     font-size: 16px
 }

 .company-awards ul {
     margin-top: -88px;
     list-style-type: none
 }

 .company-awards ul li {
     float: left;
     margin-bottom: 10px;
     width: 175px;
     height: 175px;
     margin-right: 6px;
     line-height: 175px;
     background: #fff;
     border: solid #f3f3f3 1px
 }

 .company-awards ul li img {
     display: inline-block;
     vertical-align: middle;
     max-width: 135px;
     max-height: 135px
 }

 .contact-banner h1 {
     padding-top: 110px;
     padding-bottom: 35px;
     color: #fff;
     font-size: 53.72px
 }

 .contact-banner p {
     padding: 0;
     line-height: 40px;
     font-size: 20px
 }

 .follow-us {
     margin: 100px auto;
     text-align: center
 }

 .follow-us ul {
     margin-top: 25px;
     list-style-type: none
 }

 .follow-us ul li {
     display: inline-block
 }

 .follow-us ul li a {
     display: block;
     width: 100px;
     height: 100px;
     margin-bottom: 5px;
     line-height: 100px;
     text-align: center;
     border-radius: 50%;
     background: #eee;
     font-size: 40px
 }

 .follow-us ul li a i.fa {
     vertical-align: middle
 }

 .follow-us ul li a.facebook {
     color: #3526f5
 }

 .follow-us ul li a.twitter {
     color: #3526f5
 }

 .follow-us ul li a:hover {
     text-decoration: none;
     color: #fff
 }

 .follow-us ul li a:hover.facebook {
     background: #2e63a5
 }

 .follow-us ul li a:hover.twitter {
     background: #00b4ff
 }

 .support-content {
     margin: 80px 0
 }

 .support-content h2 {
     margin-bottom: 15px;
     font-size: 36px
 }

 .support-content ul {
     list-style-type: none
 }

 .support-content hr {
     margin: 55px 0
 }

 .support-content h5 {
     margin-bottom: 20px;
     font-size: 18px;
     line-height: 36px;
     font-family: "Titillium Web", Arial, sans-serif
 }

 .support-content .select-content {
     position: relative
 }

 .support-content .select-product {
     float: left;
     width: 520px
 }

 .support-content .select-product .list-content {
     margin-top: 25px
 }

 .support-content .select-product .list-content ul {
     display: none
 }

 .support-content .select-product .list-content ul a {
     display: inline-block;
     margin: 7px 0;
     color: #1264fc
 }

 .language {
     padding-top: 55px;
     padding-bottom: 80px;
     min-width: 1100px;
     background-color: #eef0f5;
     background-position: center top;
     background-repeat: no-repeat
 }

 .language.list .intro {
     display: inline-block;
     margin-top: 180px
 }

 .language.list .intro h3 {
     margin-bottom: 20px
 }

 .language.list h1 {
     display: block;
     padding: 0;
     margin: 20px 0 40px;
     font-size: 24px;
     line-height: 60px;
     font-weight: 400;
     color: #000;
     text-align: left
 }

 .language.list h1 span {
     display: inline-block;
     float: left;
     width: 60px;
     margin-right: 10px
 }

 @-webkit-keyframes arrow {
     0% {
         top: 5px
     }

     100% {
         top: 50px
     }
 }

 @-webkit-keyframes flarrow {
     0% {
         margin-left: 5px
     }

     100% {
         margin-left: 25px
     }
 }

 .footer {
     min-width: 1100px;
     background: #191920
 }

 .footer hr {
     border-bottom: 1px #212229 solid
 }

 .footer .btm-nav {
     margin-top: 36px;
     margin-bottom: 36px
 }

 .footer .btm-nav .region-zone {
     display: block;
     float: left;
     height: 200px;
     width: 260px
 }

 .footer .btm-nav .nav-zone {
     float: left;
     display: block;
     width: 100%
 }

 .footer .btm-nav .nav-zone .row {
     float: left;
     margin-left: 60px;
     max-width: 260px
 }

 .footer .btm-nav .nav-zone .row:first-child {
     margin-left: 0px
 }

 .footer .btm-nav .nav-zone .row h4 {
     display: inline-block;
     font-size: 18px;
     color: #aeb5ca;
     margin-bottom: 10px
 }

 .footer .btm-nav .nav-zone .row ul {
     list-style: none
 }

 .footer .btm-nav .nav-zone .row ul.vertical li {
     font-size: 12px
 }

 .footer .btm-nav .nav-zone .row ul.vertical li a {
     color: #5b5d6d
 }

 .footer .btm-nav .nav-zone .row ul.vertical li a:hover {
     color: #1264fc;
     text-decoration: none
 }

 .footer .btm-nav .nav-zone .row ul.horizontal li {
     float: left
 }

 .footer .btm-nav .nav-zone .row ul.horizontal li a {
     display: inline-block;
     margin-right: 20px;
     font-size: 22px;
     color: #5b5d6d
 }

 .footer .btm-nav .nav-zone .row ul.horizontal li a:hover {
     color: #1264fc
 }

 .footer .bottom {
     display: flex;
     flex-direction: column;
     font-size: 12px;
     color: #5b5d6d
 }

 .footer .bottom .copy {
     float: left
 }

 .footer .bottom a {
     color: #5b5d6d
 }

 .footer .bottom a:hover {
     color: #1264fc;
     text-decoration: none
 }

 .footer .bottom .spacer {
     display: inline-block;
     font-style: normal;
     padding: 0 10px
 }

 .backtop {
     position: fixed;
     right: 0;
     bottom: 10px;
     z-index: 1060;
     width: 65px;
     height: 65px;
     display: none;
     cursor: pointer
 }

 .backtop i {
     font-size: 55px;
     color: rgba(0, 0, 0, .5)
 }

 .backtop:hover i {
     color: rgba(0, 0, 0, .8)
 }

 @keyframes wingLeft {
     25% {
         transform: rotate(26deg)
     }

     75% {
         transform: rotate(-26deg)
     }
 }

 @keyframes wingRight {
     25% {
         transform: rotate(-26deg);
         transform-origin: -1px 14px
     }

     75% {
         transform: rotate(26deg)
     }
 }

 @keyframes eggtop {
     0% {
         opacity: 1
     }

     100% {
         transform: rotate(108deg);
         opacity: 0
     }
 }

 @-webkit-keyframes flipInX {
     0% {
         -webkit-transform: perspective(400px) rotateX(90deg);
         transform: perspective(400px) rotateX(90deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in;
         opacity: 0
     }

     40% {
         -webkit-transform: perspective(400px) rotateX(-20deg);
         transform: perspective(400px) rotateX(-20deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }

     60% {
         -webkit-transform: perspective(400px) rotateX(10deg);
         transform: perspective(400px) rotateX(10deg);
         opacity: 1
     }

     80% {
         -webkit-transform: perspective(400px) rotateX(-5deg);
         transform: perspective(400px) rotateX(-5deg)
     }

     to {
         -webkit-transform: perspective(400px);
         transform: perspective(400px)
     }
 }

 @keyframes bell {
     5% {
         transform: rotate(6deg)
     }

     10% {
         transform: rotate(-6deg)
     }

     15% {
         transform: rotate(6deg)
     }

     20% {
         transform: rotate(-6deg)
     }

     25% {
         transform: rotate(0)
     }

     80% {
         transform: rotate(-6deg)
     }

     85% {
         transform: rotate(6deg)
     }

     90% {
         transform: rotate(-6deg)
     }

     95% {
         transform: rotate(6deg)
     }

     100% {
         transform: rotate(0)
     }
 }

 @keyframes handdown {
     10% {
         top: -10px
     }

     40% {
         top: 5px
     }
 }

 @-webkit-keyframes ear {
     10% {
         -webkit-transform: rotate(0)
     }

     20% {
         -webkit-transform: rotate(7deg)
     }

     30% {
         -webkit-transform: rotate(0)
     }

     40% {
         -webkit-transform: rotate(-7deg)
     }

     50% {
         -webkit-transform: rotate(0)
     }

     100% {
         -webkit-transform: rotate(0)
     }
 }

 @-webkit-keyframes hand {
     10% {
         -webkit-transform: rotate(0)
     }

     20% {
         -webkit-transform: rotate(17deg)
     }

     30% {
         -webkit-transform: rotate(0)
     }

     40% {
         -webkit-transform: rotate(17deg)
     }

     50% {
         -webkit-transform: rotate(0)
     }

     100% {
         -webkit-transform: rotate(0)
     }
 }

 @keyframes hand {
     10% {
         -webkit-transform: rotate(0)
     }

     20% {
         -webkit-transform: rotate(17deg)
     }

     30% {
         -webkit-transform: rotate(0)
     }

     40% {
         -webkit-transform: rotate(17deg)
     }

     50% {
         transform: rotate(0)
     }

     100% {
         -webkit-transform: rotate(0)
     }
 }

 @-webkit-keyframes headElder {
     40% {
         -webkit-transform: rotate(0)
     }

     50% {
         -webkit-transform: rotate(-10deg)
     }

     60% {
         -webkit-transform: rotate(0)
     }

     70% {
         -webkit-transform: rotate(-10deg)
     }

     80% {
         -webkit-transform: rotate(0)
     }

     100% {
         -webkit-transform: rotate(0)
     }
 }

 @keyframes headElder {
     40% {
         -webkit-transform: rotate(0)
     }

     50% {
         -webkit-transform: rotate(-10deg)
     }

     60% {
         -webkit-transform: rotate(0)
     }

     70% {
         -webkit-transform: rotate(-10deg)
     }

     80% {
         -webkit-transform: rotate(0)
     }

     100% {
         -webkit-transform: rotate(0)
     }
 }

 @-webkit-keyframes bearElder {
     30% {
         -webkit-transform: rotate3d(0, 0, 1, 0deg);
         transform: rotate3d(0, 0, 1, 0deg)
     }

     35% {
         -webkit-transform: rotate3d(0, 0, 1, 15deg);
         transform: rotate3d(0, 0, 1, 15deg)
     }

     40% {
         -webkit-transform: rotate3d(0, 0, 1, -10deg);
         transform: rotate3d(0, 0, 1, -10deg)
     }

     45% {
         -webkit-transform: rotate3d(0, 0, 1, 5deg);
         transform: rotate3d(0, 0, 1, 5deg)
     }

     50% {
         -webkit-transform: rotate3d(0, 0, 1, -5deg);
         transform: rotate3d(0, 0, 1, -5deg)
     }

     100%,
     65% {
         -webkit-transform: rotate3d(0, 0, 1, 0deg);
         transform: rotate3d(0, 0, 1, 0deg)
     }
 }

 @keyframes bearElder {
     5% {
         -webkit-transform: rotate3d(0, 0, 1, 15deg);
         transform: rotate3d(0, 0, 1, 15deg)
     }

     10% {
         -webkit-transform: rotate3d(0, 0, 1, -10deg);
         transform: rotate3d(0, 0, 1, -10deg)
     }

     15% {
         -webkit-transform: rotate3d(0, 0, 1, 5deg);
         transform: rotate3d(0, 0, 1, 5deg)
     }

     20% {
         -webkit-transform: rotate3d(0, 0, 1, -5deg);
         transform: rotate3d(0, 0, 1, -5deg)
     }

     100%,
     25% {
         -webkit-transform: rotate3d(0, 0, 1, 0deg);
         transform: rotate3d(0, 0, 1, 0deg)
     }
 }

 @keyframes nudgeMouse {
     0% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }

     20% {
         -webkit-transform: translateX(8px);
         transform: translateX(8px)
     }

     30% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }

     50% {
         -webkit-transform: translateX(8px);
         transform: translateX(8px)
     }

     60% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }

     80% {
         -webkit-transform: translateX(8px);
         transform: translateX(8px)
     }

     90% {
         -webkit-transform: translateX(0);
         transform: translateX(0)
     }
 }

 @-webkit-keyframes snowtop {
     0% {
         top: -170px
     }

     100% {
         top: 170px
     }
 }

 @-webkit-keyframes bounceInUp {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 300px, 0);
         transform: translate3d(0, 300px, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0)
     }

     75% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0)
     }

     90% {
         -webkit-transform: translate3d(0, -5px, 0);
         transform: translate3d(0, -5px, 0)
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @keyframes bounceInUp {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, 300px, 0);
         transform: translate3d(0, 300px, 0)
     }

     60% {
         opacity: 1;
         -webkit-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0)
     }

     75% {
         -webkit-transform: translate3d(0, 10px, 0);
         transform: translate3d(0, 10px, 0)
     }

     90% {
         -webkit-transform: translate3d(0, -5px, 0);
         transform: translate3d(0, -5px, 0)
     }

     to {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0)
     }
 }

 @-webkit-keyframes rubberBand {
     0% {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }

     30% {
         -webkit-transform: scale3d(1.25, .75, 1);
         transform: scale3d(1.25, .75, 1)
     }

     40% {
         -webkit-transform: scale3d(.75, 1.25, 1);
         transform: scale3d(.75, 1.25, 1)
     }

     50% {
         -webkit-transform: scale3d(1.15, .85, 1);
         transform: scale3d(1.15, .85, 1)
     }

     65% {
         -webkit-transform: scale3d(.95, 1.05, 1);
         transform: scale3d(.95, 1.05, 1)
     }

     75% {
         -webkit-transform: scale3d(1.05, .95, 1);
         transform: scale3d(1.05, .95, 1)
     }

     to {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
 }

 @keyframes rubberBand {
     0% {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }

     30% {
         -webkit-transform: scale3d(1.25, .75, 1);
         transform: scale3d(1.25, .75, 1)
     }

     40% {
         -webkit-transform: scale3d(.75, 1.25, 1);
         transform: scale3d(.75, 1.25, 1)
     }

     50% {
         -webkit-transform: scale3d(1.15, .85, 1);
         transform: scale3d(1.15, .85, 1)
     }

     65% {
         -webkit-transform: scale3d(.95, 1.05, 1);
         transform: scale3d(.95, 1.05, 1)
     }

     75% {
         -webkit-transform: scale3d(1.05, .95, 1);
         transform: scale3d(1.05, .95, 1)
     }

     to {
         -webkit-transform: scaleX(1);
         transform: scaleX(1)
     }
 }

 @keyframes naviOpen {
     0% {
         display: none;
         height: 0
     }

     1% {
         display: block;
         height: 0
     }

     to {
         height: calc(40%)
     }
 }

 @keyframes naviItemOpen {
     0% {
         display: none;
         opacity: 0
     }

     1% {
         display: block;
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @media screen and (max-width:768px) {
     body {
         min-width: 0
     }

     img {
         max-width: 100%
     }

     .container {
         width: 100% !important;
         min-width: 100% !important;
         padding: 0 10px !important;
         -webkit-box-sizing: border-box !important;
         -moz-box-sizing: border-box !important;
         box-sizing: border-box !important
     }

     .footer,
     .home .banner,
     .home .major-product,
     .home .sublevel {
         min-width: 100%
     }

     .header {
         position: fixed;
         height: 60px;
         line-height: 60px;
         font-family: "Titillium Web", sans-serif
     }

     .header .container {
         position: inherit
     }

     .header .navBtnWrap {
         cursor: pointer;
         position: absolute;
         right: 0;
         text-align: center;
         width: 60px;
         height: 60px;
         background: #1264fc;
         display: block;
         color: #fff
     }

     .header .navBtnWrap .navIcon {
         display: block;
         position: relative;
         top: 27px;
         width: 28px;
         height: 5px;
         margin: 0 auto;
         background-color: #fff;
         transition: .2s
     }

     .header .navBtnWrap .navIcon:after,
     .header .navBtnWrap .navIcon:before {
         display: block;
         content: "";
         position: absolute;
         top: 50%;
         left: 50%;
         width: 28px;
         height: 5px;
         margin-left: -14px;
         background: #fff;
         transition: .2s
     }

     .header .navBtnWrap .navIcon:before {
         margin-top: -11px
     }

     .header .navBtnWrap .navIcon:after {
         margin-top: 5px
     }

     .header .header-logo {
         margin-top: 21px
     }

     .footer hr {
         display: none
     }

     .header .header-nav {
         overflow-y: auto;
         position: fixed;
         margin-left: 0;
         left: 0;
         top: 60px;
         clear: both;
         float: none;
         width: 100%;
         height: 0;
         z-index: 99;
         transition: height .4s;
         background-color: #1264fc
     }

     .header .header-nav .nav-tabs {
         display: flex;
         flex-direction: column
     }

     .header .header-nav .nav-tabs>li {
         width: 100%;
         float: none;
         min-height: 80px;
         line-height: 80px;
         color: #fff;
         border-bottom: solid #4788ff 1px
     }

     .header .header-nav .nav-tabs>li>a {
         display: block;
         width: 100%;
         height: 100%
     }

     .header .header-nav .nav-tabs>li a span {
         padding: 0 32px 0 10px;
         color: #fff;
         font-size: 24px
     }

     .header .header-nav .nav-tabs>li .fa-angle-down,
     .header .header-nav .nav-tabs>li .fa-angle-up {
         display: block;
         right: 15px;
         top: 35px;
         font-size: 24px;
         color: #fff;
         transform: rotate(-90deg)
     }

     .header .header-nav .nav-tabs>li .main-nav {
         position: inherit;
         width: 100%;
         left: 0;
         top: 0;
         box-shadow: none
     }

     .footer .btm-nav {
         margin-bottom: 0
     }

     .footer .btm-nav .region-zone {
         float: none;
         width: 100%;
         height: auto;
         background: 0 0;
         margin-bottom: 30px;
         border-bottom: solid #242432 1px
     }

     .footer .btm-nav .nav-zone {
         width: 100%
     }

     .footer .btm-nav .nav-zone .row {
         padding-bottom: 20px;
         margin-bottom: 20px;
         text-align: center;
         float: none;
         max-width: 100%;
         line-height: 40px;
         border-bottom: solid #242432 1px;
         margin-left: 0 !important
     }

     .footer .btm-nav .nav-zone .row h4 {
         font-size: 22px
     }

     .footer .btm-nav .nav-zone .row ul.vertical li {
         font-size: 20px
     }

     .footer .btm-nav .nav-zone .row ul.horizontal li {
         float: none;
         display: inline-block
     }

     .footer .btm-nav .nav-zone .row ul.horizontal li a {
         width: 53px;
         height: 53px;
         line-height: 53px;
         font-size: 30px;
         background: #5b5d6d;
         border-radius: 5px
     }

     .footer .btm-nav .nav-zone .row ul.horizontal li:last-child {
         margin-left: 35px
     }

     .footer .btm-nav .nav-zone .row ul.horizontal li i {
         color: #191920
     }

     .footer .bottom-support {
         padding-bottom: 15px;
         margin-bottom: 20px;
         color: #fff;
         text-align: center;
         border-bottom: solid #242432 1px
     }

     .footer .bottom-support h3 {
         margin-bottom: 10px;
         font-size: 24px;
         color: #aeb5ca
     }

     .footer .bottom-support h3 i {
         margin-right: 5px
     }

     .footer .bottom-support p {
         color: #5b5d6d
     }

     .footer .bottom {
         text-align: center;
         font-size: 16px
     }

     .home h2.center-title:after {
         display: none
     }

     .home .major-product .intro .list dl dt {
         height: auto
     }

     .home h2.center-title {
         font-size: 40px
     }

     .home .banner {
         padding-top: 120px;
         height: auto;
         padding-bottom: 100px;
         min-height: auto;
         text-align: center;
         background: #414166
     }

     .home .banner .text-zone {
         display: block;
         width: auto;
         height: auto;
         margin: auto
     }

     .home .banner .text-zone h1 {
         margin-bottom: 20px;
         font-size: 40px
     }

     .home .banner .text-zone .img-box {
         width: 100%;
         height: auto;
         margin-left: -10px;
         margin-top: -15px;
         position: inherit;
         right: inherit;
         top: inherit
     }

     .home .major-product {
         padding-bottom: 50px;
         height: auto;
         background: 0 0;
         text-align: center
     }

     .home .major-product .abs-image {
         float: none;
         margin-left: 0 !important;
         margin-right: 0px !important;
         width: 100%;
     }

     .home .major-product .intro .btn-zone {
         display: block;
         margin-top: 40px;
         text-align: center;
     }

     .home .major-product .intro {
         float: none;
         width: 100%
     }

     .home .major-product .intro .list dl {
         text-align: center
     }

     .home .major-product .intro .list dl dt img {
         display: block;
         margin: 0 auto;
         float: none
     }

     .home .sublevel {
         position: relative
     }

     .home .sublevel .container {
         position: initial
     }

     .home .sublevel .container .detail-zone {
         width: auto;
         float: none;
         text-align: center
     }

     .home .sublevel.single .detail-zone {
         position: absolute;
         height: 400px;
         top: 0;
         bottom: 0;
         margin: auto
     }

     .home .awards {
         height: auto;
         margin-bottom: 100px;
         padding-top: 40px;
         padding-bottom: 30px
     }

     .home .awards .medal-zone {
         height: auto
     }

     .home .awards .medal-zone ul {
         height: auto;
         overflow: hidden;
         margin-top: 10px
     }

     .home .awards .medal-zone ul li {
         float: left;
         margin-top: 35px;
         width: 49.5%;
         padding: 0
     }

     .home .awards .medal-zone ul li img {
         margin: 0 auto
     }

     .home .awards .medal-zone ul li:nth-child(even) {
         border-right: none
     }

     .home .awards .medal-zone ul li:last-child {
         border-right: 1px #ececf2 solid
     }

     .products .banner {
         padding-top: 60px;
         min-width: 100%;
         background-position: center bottom
     }

     html[lang=de] .button.button-sub,
     html[lang=dk] .button.button-sub,
     html[lang=es] .button.button-sub,
     html[lang=nl] .button.button-sub,
     html[lang=pt] .button.button-sub,
     html[lang=sv] .button.button-sub {
         font-size: 20px
     }

     html[lang=fr] .button.button-sub,
     html[lang=it] .button.button-sub,
     html[lang=pl] .button.button-sub {
         font-size: 22px
     }

     .button.button-sub {
         padding: 0;
         width: 90%;
         height: 74px;
         color: #000;
         line-height: 74px;
         font-size: 22px;
         font-weight: 500;
         word-wrap: break-word !important;
         white-space: normal;
         font-family: "Titillium Web", Arial, sans-serif;
         border-radius: 37px;
         background: #00ff4c
     }

     .support-content .select-product {
         float: none;
         width: 100%
     }

     .support-content {
         margin: 20px auto
     }

     .contact-banner {
         padding: 40px 0;
         height: auto
     }

     .contact-banner h1 {
         padding-top: 60px;
         font-size: 40px
     }

     .language {
         width: 100%
     }

     .language {
         min-width: 100%
     }
 }

 @media screen and (max-width:768px) {
     html[lang=dk] .home h2.center-title {
         font-size: 36px
     }

     .header .header-nav {
         background-color: #191920;
         padding-left: 30px;
         width: 93%
     }

     .header {
         position: absolute !important
     }

     .header .header-logo {
         margin-top: 10px !important
     }
 }

 .select2-container {
     box-sizing: border-box;
     display: inline-block;
     margin: 0;
     position: relative;
     vertical-align: middle
 }

 .select2-dropdown {
     background-color: #fff;
     border: 1px solid #aaa;
     border-radius: 4px;
     box-sizing: border-box;
     display: block;
     position: absolute;
     left: -100000px;
     width: 100%;
     z-index: 1051
 }

 .footer .btm-nav .nav-zone .row h4 {
     color: silver !important
 }

 .footer .btm-nav .nav-zone .row ul.vertical li a {
     color: #80808c !important
 }

 .footer .bottom,
 .footer .bottom .spacer,
 .footer .bottom a {
     color: #80808c !important
 }

 .fa {
     font-family: var(--fa-style-family, "Font Awesome 6 Free");
     font-weight: var(--fa-style, 900)
 }

 .fa,
 .fa-brands {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     display: var(--fa-display, inline-block);
     font-style: normal;
     font-variant: normal;
     line-height: 1;
     text-rendering: auto
 }

 .fa-brands:before,
 .fa:before {
     content: var(--fa)
 }

 .fa-brands {
     font-family: "Font Awesome 6 Brands"
 }

 .fa-1x {
     font-size: 1em
 }

 .fa-2x {
     font-size: 2em
 }

 .fa-3x {
     font-size: 3em
 }

 .fa-4x {
     font-size: 4em
 }

 .fa-5x {
     font-size: 5em
 }

 .fa-6x {
     font-size: 6em
 }

 .fa-7x {
     font-size: 7em
 }

 .fa-8x {
     font-size: 8em
 }

 .fa-9x {
     font-size: 9em
 }

 .fa-10x {
     font-size: 10em
 }

 .fa-ul {
     list-style-type: none;
     margin-left: var(--fa-li-margin, 2.5em);
     padding-left: 0
 }

 .fa-ul>li {
     position: relative
 }

 .fa-li {
     left: calc(var(--fa-li-width, 2em)*-1);
     position: absolute;
     text-align: center;
     width: var(--fa-li-width, 2em);
     line-height: inherit
 }

 .fa-border {
     border-radius: var(--fa-border-radius, .1em);
     border: var(--fa-border-width, .08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
     padding: var(--fa-border-padding, .2em .25em .15em)
 }

 @keyframes fa-beat {

     0%,
     90% {
         transform: scale(1)
     }

     45% {
         transform: scale(var(--fa-beat-scale, 1.25))
     }
 }

 @keyframes fa-bounce {
     0% {
         transform: scale(1) translateY(0)
     }

     10% {
         transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
     }

     30% {
         transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
     }

     50% {
         transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
     }

     57% {
         transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
     }

     64% {
         transform: scale(1) translateY(0)
     }

     to {
         transform: scale(1) translateY(0)
     }
 }

 @keyframes fa-fade {
     50% {
         opacity: var(--fa-fade-opacity, .4)
     }
 }

 @keyframes fa-beat-fade {

     0%,
     to {
         opacity: var(--fa-beat-fade-opacity, .4);
         transform: scale(1)
     }

     50% {
         opacity: 1;
         transform: scale(var(--fa-beat-fade-scale, 1.125))
     }
 }

 @keyframes fa-flip {
     50% {
         transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
     }
 }

 @keyframes fa-shake {
     0% {
         transform: rotate(-15deg)
     }

     4% {
         transform: rotate(15deg)
     }

     24%,
     8% {
         transform: rotate(-18deg)
     }

     12%,
     28% {
         transform: rotate(18deg)
     }

     16% {
         transform: rotate(-22deg)
     }

     20% {
         transform: rotate(22deg)
     }

     32% {
         transform: rotate(-12deg)
     }

     36% {
         transform: rotate(12deg)
     }

     40%,
     to {
         transform: rotate(0)
     }
 }

 @keyframes fa-spin {
     0% {
         transform: rotate(0)
     }

     to {
         transform: rotate(1turn)
     }
 }

 .fa-0 {
     --fa: "\30"
 }

 .fa-1 {
     --fa: "\31"
 }

 .fa-2 {
     --fa: "\32"
 }

 .fa-3 {
     --fa: "\33"
 }

 .fa-4 {
     --fa: "\34"
 }

 .fa-5 {
     --fa: "\35"
 }

 .fa-6 {
     --fa: "\36"
 }

 .fa-7 {
     --fa: "\37"
 }

 .fa-8 {
     --fa: "\38"
 }

 .fa-9 {
     --fa: "\39"
 }

 .fa-chevron-circle-right,
 .fa-circle-chevron-right {
     --fa: "\f138"
 }

 .fa-text-height {
     --fa: "\f034"
 }

 .fa-info {
     --fa: "\f129"
 }

 .fa-down-left-and-up-right-to-center {
     --fa: "\f422"
 }

 .fa-laptop {
     --fa: "\f109"
 }

 .fa-circle-h {
     --fa: "\f47e"
 }

 .fa-blog {
     --fa: "\f781"
 }

 .fa-arrow-down-9-1 {
     --fa: "\f886"
 }

 .fa-w {
     --fa: "\57"
 }

 .fa-navicon {
     --fa: "\f0c9"
 }

 .fa-chevron-circle-down,
 .fa-circle-chevron-down {
     --fa: "\f13a"
 }

 .fa-header {
     --fa: "\f1dc"
 }

 .fa-list {
     --fa: "\f03a"
 }

 .fa-arrow-down-z-a {
     --fa: "\f881"
 }

 .fa-users {
     --fa: "\f0c0"
 }

 .fa-chevron-up {
     --fa: "\f077"
 }

 .fa-i-cursor {
     --fa: "\f246"
 }

 .fa-i {
     --fa: "\49"
 }

 .fa-v {
     --fa: "\56"
 }

 .fa-angle-right {
     --fa: "\f105"
 }

 .fa-q {
     --fa: "\51"
 }

 .fa-e {
     --fa: "\45"
 }

 .fa-key {
     --fa: "\f084"
 }

 .fa-location-arrow {
     --fa: "\f124"
 }

 .fa-repeat {
     --fa: "\f363"
 }

 .fa-box {
     --fa: "\f466"
 }

 .fa-arrow-pointer {
     --fa: "\f245"
 }

 .fa-weight,
 .fa-weight-scale {
     --fa: "\f496"
 }

 .fa-arrow-up-a-z {
     --fa: "\f15e"
 }

 .fa-arrow-circle-up,
 .fa-circle-arrow-up {
     --fa: "\f0aa"
 }

 .fa-l {
     --fa: "\4c"
 }

 .fa-border-style,
 .fa-border-top-left {
     --fa: "\f853"
 }

 .fa-image {
     --fa: "\f03e"
 }

 .fa-chevron-circle-up,
 .fa-circle-chevron-up {
     --fa: "\f139"
 }

 .fa-arrow-circle-down,
 .fa-circle-arrow-down {
     --fa: "\f0ab"
 }

 .fa-contact-card {
     --fa: "\f2bb"
 }

 .fa-left-right {
     --fa: "\f337"
 }

 .fa-arrow-circle-left,
 .fa-circle-arrow-left {
     --fa: "\f0a8"
 }

 .fa-z {
     --fa: "\5a"
 }

 .fa-a {
     --fa: "\41"
 }

 .fa-p {
     --fa: "\50"
 }

 .fa-arrow-circle-right,
 .fa-circle-arrow-right {
     --fa: "\f0a9"
 }

 .fa-list-1-2 {
     --fa: "\f0cb"
 }

 .fa-language {
     --fa: "\f1ab"
 }

 .fa-filter {
     --fa: "\f0b0"
 }

 .fa-up-down-left-right {
     --fa: "\f0b2"
 }

 .fa-external-link {
     --fa: "\f08e"
 }

 .fa-f {
     --fa: "\46"
 }

 .fa-arrow-alt-circle-right,
 .fa-circle-right {
     --fa: "\f35a"
 }

 .fa-arrow-right {
     --fa: "\f061"
 }

 .fa-h {
     --fa: "\48"
 }

 .fa-tools {
     --fa: "\f7d9"
 }

 .fa-circle {
     --fa: "\f111"
 }

 .fa-arrow-alt-circle-up,
 .fa-circle-up {
     --fa: "\f35b"
 }

 .fa-mobile-alt {
     --fa: "\f3cd"
 }

 .fa-mobile-button {
     --fa: "\f10b"
 }

 .fa-shop {
     --fa: "\f54f"
 }

 .fa-location {
     --fa: "\f601"
 }

 .fa-arrow-up-1-9 {
     --fa: "\f163"
 }

 .fa-text-width {
     --fa: "\f035"
 }

 .fa-arrow-left {
     --fa: "\f060"
 }

 .fa-align-left {
     --fa: "\f036"
 }

 .fa-external-link-alt {
     --fa: "\f35d"
 }

 .fa-tag {
     --fa: "\f02b"
 }

 .fa-arrow-up-9-1 {
     --fa: "\f887"
 }

 .fa-border-none {
     --fa: "\f850"
 }

 .fa-indent {
     --fa: "\f03c"
 }

 .fa-circle-info,
 .fa-info-circle {
     --fa: "\f05a"
 }

 .fa-arrow-down-1-9 {
     --fa: "\f162"
 }

 .fa-arrow-down-a-z {
     --fa: "\f15d"
 }

 .fa-list-alt {
     --fa: "\f022"
 }

 .fa-arrow-alt-circle-left,
 .fa-circle-left {
     --fa: "\f359"
 }

 .fa-u {
     --fa: "\55"
 }

 .fa-s {
     --fa: "\53"
 }

 .fa-images {
     --fa: "\f302"
 }

 .fa-download {
     --fa: "\f019"
 }

 .fa-mobile {
     --fa: "\f3ce"
 }

 .fa-align-center {
     --fa: "\f037"
 }

 .fa-drivers-license,
 .fa-id-card {
     --fa: "\f2c2"
 }

 .fa-home,
 .fa-home-alt {
     --fa: "\f015"
 }

 .fa-arrow-right-arrow-left {
     --fa: "\f0ec"
 }

 .fa-arrow-alt-circle-down,
 .fa-circle-down {
     --fa: "\f358"
 }

 .fa-angle-down {
     --fa: "\f107"
 }

 .fa-credit-card,
 .fa-credit-card-alt {
     --fa: "\f09d"
 }

 .fa-medal {
     --fa: "\f5a2"
 }

 .fa-arrow-down {
     --fa: "\f063"
 }

 .fa-link {
     --fa: "\f0c1"
 }

 .fa-font {
     --fa: "\f031"
 }

 .fa-chevron-down {
     --fa: "\f078"
 }

 .fa-list-ul {
     --fa: "\f0ca"
 }

 .fa-arrow-up {
     --fa: "\f062"
 }

 .fa-copy {
     --fa: "\f0c5"
 }

 .fa-plus {
     --fa: "\2b"
 }

 .fa-computer {
     --fa: "\e4e5"
 }

 .fa-angle-up {
     --fa: "\f106"
 }

 .fa-chevron-left {
     --fa: "\f053"
 }

 .fa-chevron-right {
     --fa: "\f054"
 }

 .fa-display {
     --fa: "\e163"
 }

 .fa-chevron-circle-left,
 .fa-circle-chevron-left {
     --fa: "\f137"
 }

 .fa-t {
     --fa: "\54"
 }

 .fa-up-down {
     --fa: "\f338"
 }

 .fa-sd-card {
     --fa: "\f7c2"
 }

 .fa-circle-plus,
 .fa-plus-circle {
     --fa: "\f055"
 }

 .fa-arrow-up-z-a {
     --fa: "\f882"
 }

 .fa-border-all {
     --fa: "\f84c"
 }

 .fa-angle-left {
     --fa: "\f104"
 }

 .fa-right-left {
     --fa: "\f362"
 }

 .fa-align-right {
     --fa: "\f038"
 }

 .fa-id-card-alt {
     --fa: "\f47f"
 }

 .fa-x {
     --fa: "\58"
 }

 .fa-d {
     --fa: "\44"
 }

 :host,
 :root {
     --fa-style-family-brands: "Font Awesome 6 Brands";
     --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
 }

 @font-face {
     font-family: "Font Awesome 6 Brands";
     font-style: normal;
     font-weight: 400;
     font-display: block;
     src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf) format("truetype")
 }

 .fa-brands {
     font-weight: 400
 }

 .fa-cloudflare {
     --fa: "\e07d"
 }

 .fa-css3-alt {
     --fa: "\f38b"
 }

 .fa-edge {
     --fa: "\f282"
 }

 .fa-google-plus {
     --fa: "\f2b3"
 }

 .fa-google {
     --fa: "\f1a0"
 }

 .fa-font-awesome-alt {
     --fa: "\f35c"
 }

 .fa-windows {
     --fa: "\f17a"
 }

 .fa-meta {
     --fa: "\e49b"
 }

 .fa-css {
     --fa: "\e6a2"
 }

 .fa-500px {
     --fa: "\f26e"
 }

 .fa-font-awesome {
     --fa: "\f2b4"
 }

 .fa-paypal {
     --fa: "\f1ed"
 }

 .fa-facebook-f {
     --fa: "\f39e"
 }

 .fa-x-twitter {
     --fa: "\e61b"
 }

 .fa-facebook {
     --fa: "\f09a"
 }

 .fa-d-and-d {
     --fa: "\f38d"
 }

 .fa-html5 {
     --fa: "\f13b"
 }

 .fa-css3 {
     --fa: "\f13c"
 }

 .fa-space-awesome {
     --fa: "\e5ac"
 }

 .fa-js {
     --fa: "\f3b8"
 }

 .fa-php {
     --fa: "\f457"
 }

 .fa-youtube {
     --fa: "\f167"
 }

 .fa-twitter {
     --fa: "\f099"
 }

 :host,
 :root {
     --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
 }

 @font-face {
     font-family: "Font Awesome 6 Free";
     font-style: normal;
     font-weight: 400;
     font-display: block;
     src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.ttf) format("truetype")
 }

 :host,
 :root {
     --fa-style-family-classic: "Font Awesome 6 Free";
     --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
 }

 @font-face {
     font-family: "Font Awesome 6 Free";
     font-style: normal;
     font-weight: 900;
     font-display: block;
     src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.ttf) format("truetype")
 }

 @font-face {
     font-family: "Font Awesome 5 Brands";
     font-display: block;
     font-weight: 400;
     src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf) format("truetype")
 }

 @font-face {
     font-family: "Font Awesome 5 Free";
     font-display: block;
     font-weight: 900;
     src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.ttf) format("truetype")
 }

 @font-face {
     font-family: "Font Awesome 5 Free";
     font-display: block;
     font-weight: 400;
     src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.ttf) format("truetype")
 }

 @font-face {
     font-family: FontAwesome;
     font-display: block;
     src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.ttf) format("truetype")
 }

 @font-face {
     font-family: FontAwesome;
     font-display: block;
     src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf) format("truetype")
 }

 @font-face {
     font-family: FontAwesome;
     font-display: block;
     src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.ttf) format("truetype");
     unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc
 }

 @font-face {
     font-family: FontAwesome;
     font-display: block;
     src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-v4compatibility.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-v4compatibility.ttf) format("truetype");
     unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a
 }

 .header-new.pc-reveal p {
     font-size: 14px
 }

 .home .awards,
 .home .major-product .container {
     text-align: center
 }

 .home .major-product .intro {
     text-align: left
 }

 .home .major-product .intro .list dl dd,
 .home .major-product .intro .list dl dt {
     display: inline-block;
     vertical-align: middle
 }

 .home .major-product .intro .list dl dd {
     padding-left: 12px;
     max-width: 460px
 }

 .home .major-product .intro .list dl dd>span {
     display: block;
     font-size: 20px;
     color: #000;
     font-family: "Titillium Web", sans-serif
 }

 .home h2.center-title {
     position: relative;
     z-index: 1;
     display: inline-block;
     padding: 0 10px
 }

 .home h2.center-title .tag-new {
     position: absolute;
     right: -60px;
     top: -10px
 }

 .tag-new {
     display: inline-block;
     margin-left: 0;
     margin-top: -4px;
     font-style: normal;
     color: #000;
     min-width: 60px;
     height: 30px;
     text-indent: -9999px;
     vertical-align: top;
     background-image: -moz-linear-gradient(0deg, rgba(250, 209, 38, .99608) 0, #ff544f 100%);
     background-image: -webkit-linear-gradient(0deg, rgba(250, 209, 38, .99608) 0, #ff544f 100%);
     background-image: -ms-linear-gradient(0deg, rgba(250, 209, 38, .99608) 0, #ff544f 100%)
 }

 .home .banner .container {
     height: 100%
 }

 .home .banner .text-zone {
     margin-top: 200px
 }

 .home .banner .text-zone h1 {
     color: #000;
     font-size: 44px;
     font-weight: 600
 }

 .home .banner .text-zone h1 span {
     display: inline;
     padding: 0 12px;
     color: #000;
     font: inherit;
     font-style: italic;
     font-size: 16px;
     line-height: 1.2;
     background: linear-gradient(90deg, #fad126 0, #ff544f 100%);
     border-radius: 0 12px
 }

 .home .banner .text-zone span::after {
     display: none
 }

 .home .banner .text-zone .btn-zone p {
     color: #515151;
     font-size: 14px;
     line-height: 1.5;
     font-weight: 500;
     font-family: Roboto, sans-serif
 }

 .home .banner .text-zone>p {
     color: #000;
     font-size: 20px;
     font-weight: 500;
     font-family: Roboto, sans-serif
 }

 html[lang=en] .home .banner .text-zone h1,
 html[lang=en] .home .banner .text-zone>p {
     color: #fff
 }

 @media screen and (max-width:1500px) {
     .home .banner {
         height: 650px;
         background-size: cover
     }

     .home .banner .text-zone>p {
         font-size: 17px
     }

     .home .banner .text-zone {
         width: 606px;
         margin-top: 93px
     }

     .home .banner .text-zone h1 {
         font-size: 40px
     }
 }

 .change-banner {
     display: none
 }

 .change-banner.on {
     display: flex !important
 }

 @media (max-width:1440px) {
     .home .major-product .abs-image {
         margin-left: -160px;
         margin-right: -100px
     }

     .home .major-product .abs-image img {
         width: 750px
     }
 }

 .new-top {
     .new-top .container {
         justify-content: flex-start
     }

     .new-top .container span {
         display: block;
         margin-left: 180px;
         margin-right: 45px
     }

     .new-top .container a {
         color: #431ec2;
         font-weight: 700
     }

     .new-top .container a:hover {
         color: #000
     }

     .new-top i {
         display: none
     }

     .navbar {
         background-color: #333;
         overflow: hidden
     }

     .navbar a {
         float: left;
         color: #fff;
         text-decoration: none;
         padding: 14px 20px
     }

     .navbar a:hover {
         background-color: #575757
     }

     .dropdown {
         float: left;
         overflow: hidden
     }

     .dropdown .dropbtn {
         cursor: pointer;
         font-size: 16px;
         border: none;
         outline: 0;
         color: #fff;
         padding: 10px 20px;
         background-color: inherit;
         margin: 0
     }

     .dropdown:hover .dropbtn {
         background-color: #575757
     }

     .dropdown-content {
         display: none;
         position: absolute;
         background-color: #f9f9f9;
         min-width: 160px;
         box-shadow: 0 8px 16px rgba(0, 0, 0, .2);
         z-index: 1
     }

     .dropdown-content a {
         float: none;
         color: #000;
         padding: 12px 16px;
         text-decoration: none;
         display: block;
         text-align: left
     }

     .dropdown-content a:hover {
         background-color: #ddd
     }

     .dropdown:hover .dropdown-content {
         display: block
     }

     .dropdown-arrow::after {
         content: "▼";
         margin-left: 8px;
         font-size: 12px
     }

     .select2-container {
         box-sizing: border-box;
         display: inline-block;
         margin: 0;
         position: relative;
         vertical-align: middle
     }

     .select2-dropdown {
         background-color: #fff;
         border: 1px solid #aaa;
         border-radius: 4px;
         box-sizing: border-box;
         display: block;
         position: absolute;
         left: -100000px;
         width: 100%;
         z-index: 1051
     }

     .footer .btm-nav .nav-zone .row h4 {
         color: silver !important
     }

     .footer .btm-nav .nav-zone .row ul.vertical li a {
         color: #80808c !important
     }

     .footer .bottom,
     .footer .bottom .spacer,
     .footer .bottom a {
         color: #80808c !important
     }

     .fa {
         font-family: var(--fa-style-family, "Font Awesome 6 Free");
         font-weight: var(--fa-style, 900)
     }

     .fa,
     .fa-brands {
         -moz-osx-font-smoothing: grayscale;
         -webkit-font-smoothing: antialiased;
         display: var(--fa-display, inline-block);
         font-style: normal;
         font-variant: normal;
         line-height: 1;
         text-rendering: auto
     }

     .fa-brands:before,
     .fa:before {
         content: var(--fa)
     }

     .fa-brands {
         font-family: "Font Awesome 6 Brands"
     }

     .fa-1x {
         font-size: 1em
     }

     .fa-2x {
         font-size: 2em
     }

     .fa-3x {
         font-size: 3em
     }

     .fa-4x {
         font-size: 4em
     }

     .fa-5x {
         font-size: 5em
     }

     .fa-6x {
         font-size: 6em
     }

     .fa-7x {
         font-size: 7em
     }

     .fa-8x {
         font-size: 8em
     }

     .fa-9x {
         font-size: 9em
     }

     .fa-10x {
         font-size: 10em
     }

     .fa-ul {
         list-style-type: none;
         margin-left: var(--fa-li-margin, 2.5em);
         padding-left: 0
     }

     .fa-ul>li {
         position: relative
     }

     .fa-li {
         left: calc(var(--fa-li-width, 2em)*-1);
         position: absolute;
         text-align: center;
         width: var(--fa-li-width, 2em);
         line-height: inherit
     }

     .fa-border {
         border-radius: var(--fa-border-radius, .1em);
         border: var(--fa-border-width, .08em) var(--fa-border-style, solid) var(--fa-border-color, #eee);
         padding: var(--fa-border-padding, .2em .25em .15em)
     }

     @keyframes fa-beat {

         0%,
         90% {
             transform: scale(1)
         }

         45% {
             transform: scale(var(--fa-beat-scale, 1.25))
         }
     }

     @keyframes fa-bounce {
         0% {
             transform: scale(1) translateY(0)
         }

         10% {
             transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
         }

         30% {
             transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
         }

         50% {
             transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
         }

         57% {
             transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
         }

         64% {
             transform: scale(1) translateY(0)
         }

         to {
             transform: scale(1) translateY(0)
         }
     }

     @keyframes fa-fade {
         50% {
             opacity: var(--fa-fade-opacity, .4)
         }
     }

     @keyframes fa-beat-fade {

         0%,
         to {
             opacity: var(--fa-beat-fade-opacity, .4);
             transform: scale(1)
         }

         50% {
             opacity: 1;
             transform: scale(var(--fa-beat-fade-scale, 1.125))
         }
     }

     @keyframes fa-flip {
         50% {
             transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
         }
     }

     @keyframes fa-shake {
         0% {
             transform: rotate(-15deg)
         }

         4% {
             transform: rotate(15deg)
         }

         24%,
         8% {
             transform: rotate(-18deg)
         }

         12%,
         28% {
             transform: rotate(18deg)
         }

         16% {
             transform: rotate(-22deg)
         }

         20% {
             transform: rotate(22deg)
         }

         32% {
             transform: rotate(-12deg)
         }

         36% {
             transform: rotate(12deg)
         }

         40%,
         to {
             transform: rotate(0)
         }
     }

     @keyframes fa-spin {
         0% {
             transform: rotate(0)
         }

         to {
             transform: rotate(1turn)
         }
     }

     .fa-0 {
         --fa: "\30"
     }

     .fa-1 {
         --fa: "\31"
     }

     .fa-2 {
         --fa: "\32"
     }

     .fa-3 {
         --fa: "\33"
     }

     .fa-4 {
         --fa: "\34"
     }

     .fa-5 {
         --fa: "\35"
     }

     .fa-6 {
         --fa: "\36"
     }

     .fa-7 {
         --fa: "\37"
     }

     .fa-8 {
         --fa: "\38"
     }

     .fa-9 {
         --fa: "\39"
     }

     .fa-chevron-circle-right,
     .fa-circle-chevron-right {
         --fa: "\f138"
     }

     .fa-text-height {
         --fa: "\f034"
     }

     .fa-info {
         --fa: "\f129"
     }

     .fa-down-left-and-up-right-to-center {
         --fa: "\f422"
     }

     .fa-laptop {
         --fa: "\f109"
     }

     .fa-circle-h {
         --fa: "\f47e"
     }

     .fa-blog {
         --fa: "\f781"
     }

     .fa-arrow-down-9-1 {
         --fa: "\f886"
     }

     .fa-w {
         --fa: "\57"
     }

     .fa-navicon {
         --fa: "\f0c9"
     }

     .fa-chevron-circle-down,
     .fa-circle-chevron-down {
         --fa: "\f13a"
     }

     .fa-header {
         --fa: "\f1dc"
     }

     .fa-list {
         --fa: "\f03a"
     }

     .fa-arrow-down-z-a {
         --fa: "\f881"
     }

     .fa-users {
         --fa: "\f0c0"
     }

     .fa-chevron-up {
         --fa: "\f077"
     }

     .fa-i-cursor {
         --fa: "\f246"
     }

     .fa-i {
         --fa: "\49"
     }

     .fa-v {
         --fa: "\56"
     }

     .fa-angle-right {
         --fa: "\f105"
     }

     .fa-q {
         --fa: "\51"
     }

     .fa-e {
         --fa: "\45"
     }

     .fa-key {
         --fa: "\f084"
     }

     .fa-location-arrow {
         --fa: "\f124"
     }

     .fa-repeat {
         --fa: "\f363"
     }

     .fa-box {
         --fa: "\f466"
     }

     .fa-arrow-pointer {
         --fa: "\f245"
     }

     .fa-weight,
     .fa-weight-scale {
         --fa: "\f496"
     }

     .fa-arrow-up-a-z {
         --fa: "\f15e"
     }

     .fa-arrow-circle-up,
     .fa-circle-arrow-up {
         --fa: "\f0aa"
     }

     .fa-l {
         --fa: "\4c"
     }

     .fa-border-style,
     .fa-border-top-left {
         --fa: "\f853"
     }

     .fa-image {
         --fa: "\f03e"
     }

     .fa-chevron-circle-up,
     .fa-circle-chevron-up {
         --fa: "\f139"
     }

     .fa-arrow-circle-down,
     .fa-circle-arrow-down {
         --fa: "\f0ab"
     }

     .fa-contact-card {
         --fa: "\f2bb"
     }

     .fa-left-right {
         --fa: "\f337"
     }

     .fa-arrow-circle-left,
     .fa-circle-arrow-left {
         --fa: "\f0a8"
     }

     .fa-z {
         --fa: "\5a"
     }

     .fa-a {
         --fa: "\41"
     }

     .fa-p {
         --fa: "\50"
     }

     .fa-arrow-circle-right,
     .fa-circle-arrow-right {
         --fa: "\f0a9"
     }

     .fa-list-1-2 {
         --fa: "\f0cb"
     }

     .fa-language {
         --fa: "\f1ab"
     }

     .fa-filter {
         --fa: "\f0b0"
     }

     .fa-up-down-left-right {
         --fa: "\f0b2"
     }

     .fa-external-link {
         --fa: "\f08e"
     }

     .fa-f {
         --fa: "\46"
     }

     .fa-arrow-alt-circle-right,
     .fa-circle-right {
         --fa: "\f35a"
     }

     .fa-arrow-right {
         --fa: "\f061"
     }

     .fa-h {
         --fa: "\48"
     }

     .fa-tools {
         --fa: "\f7d9"
     }

     .fa-circle {
         --fa: "\f111"
     }

     .fa-arrow-alt-circle-up,
     .fa-circle-up {
         --fa: "\f35b"
     }

     .fa-mobile-alt {
         --fa: "\f3cd"
     }

     .fa-mobile-button {
         --fa: "\f10b"
     }

     .fa-shop {
         --fa: "\f54f"
     }

     .fa-location {
         --fa: "\f601"
     }

     .fa-arrow-up-1-9 {
         --fa: "\f163"
     }

     .fa-text-width {
         --fa: "\f035"
     }

     .fa-arrow-left {
         --fa: "\f060"
     }

     .fa-align-left {
         --fa: "\f036"
     }

     .fa-external-link-alt {
         --fa: "\f35d"
     }

     .fa-tag {
         --fa: "\f02b"
     }

     .fa-arrow-up-9-1 {
         --fa: "\f887"
     }

     .fa-border-none {
         --fa: "\f850"
     }

     .fa-indent {
         --fa: "\f03c"
     }

     .fa-circle-info,
     .fa-info-circle {
         --fa: "\f05a"
     }

     .fa-arrow-down-1-9 {
         --fa: "\f162"
     }

     .fa-arrow-down-a-z {
         --fa: "\f15d"
     }

     .fa-list-alt {
         --fa: "\f022"
     }

     .fa-arrow-alt-circle-left,
     .fa-circle-left {
         --fa: "\f359"
     }

     .fa-u {
         --fa: "\55"
     }

     .fa-s {
         --fa: "\53"
     }

     .fa-images {
         --fa: "\f302"
     }

     .fa-download {
         --fa: "\f019"
     }

     .fa-mobile {
         --fa: "\f3ce"
     }

     .fa-align-center {
         --fa: "\f037"
     }

     .fa-drivers-license,
     .fa-id-card {
         --fa: "\f2c2"
     }

     .fa-home,
     .fa-home-alt {
         --fa: "\f015"
     }

     .fa-arrow-right-arrow-left {
         --fa: "\f0ec"
     }

     .fa-arrow-alt-circle-down,
     .fa-circle-down {
         --fa: "\f358"
     }

     .fa-angle-down {
         --fa: "\f107"
     }

     .fa-credit-card,
     .fa-credit-card-alt {
         --fa: "\f09d"
     }

     .fa-medal {
         --fa: "\f5a2"
     }

     .fa-arrow-down {
         --fa: "\f063"
     }

     .fa-link {
         --fa: "\f0c1"
     }

     .fa-font {
         --fa: "\f031"
     }

     .fa-chevron-down {
         --fa: "\f078"
     }

     .fa-list-ul {
         --fa: "\f0ca"
     }

     .fa-arrow-up {
         --fa: "\f062"
     }

     .fa-copy {
         --fa: "\f0c5"
     }

     .fa-plus {
         --fa: "\2b"
     }

     .fa-computer {
         --fa: "\e4e5"
     }

     .fa-angle-up {
         --fa: "\f106"
     }

     .fa-chevron-left {
         --fa: "\f053"
     }

     .fa-chevron-right {
         --fa: "\f054"
     }

     .fa-display {
         --fa: "\e163"
     }

     .fa-chevron-circle-left,
     .fa-circle-chevron-left {
         --fa: "\f137"
     }

     .fa-t {
         --fa: "\54"
     }

     .fa-up-down {
         --fa: "\f338"
     }

     .fa-sd-card {
         --fa: "\f7c2"
     }

     .fa-circle-plus,
     .fa-plus-circle {
         --fa: "\f055"
     }

     .fa-arrow-up-z-a {
         --fa: "\f882"
     }

     .fa-border-all {
         --fa: "\f84c"
     }

     .fa-angle-left {
         --fa: "\f104"
     }

     .fa-right-left {
         --fa: "\f362"
     }

     .fa-align-right {
         --fa: "\f038"
     }

     .fa-id-card-alt {
         --fa: "\f47f"
     }

     .fa-x {
         --fa: "\58"
     }

     .fa-d {
         --fa: "\44"
     }

     :host,
     :root {
         --fa-style-family-brands: "Font Awesome 6 Brands";
         --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
     }

     @font-face {
         font-family: "Font Awesome 6 Brands";
         font-style: normal;
         font-weight: 400;
         font-display: block;
         src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf) format("truetype")
     }

     .fa-brands {
         font-weight: 400
     }

     .fa-cloudflare {
         --fa: "\e07d"
     }

     .fa-css3-alt {
         --fa: "\f38b"
     }

     .fa-edge {
         --fa: "\f282"
     }

     .fa-google-plus {
         --fa: "\f2b3"
     }

     .fa-google {
         --fa: "\f1a0"
     }

     .fa-font-awesome-alt {
         --fa: "\f35c"
     }

     .fa-windows {
         --fa: "\f17a"
     }

     .fa-meta {
         --fa: "\e49b"
     }

     .fa-css {
         --fa: "\e6a2"
     }

     .fa-500px {
         --fa: "\f26e"
     }

     .fa-font-awesome {
         --fa: "\f2b4"
     }

     .fa-paypal {
         --fa: "\f1ed"
     }

     .fa-facebook-f {
         --fa: "\f39e"
     }

     .fa-x-twitter {
         --fa: "\e61b"
     }

     .fa-facebook {
         --fa: "\f09a"
     }

     .fa-d-and-d {
         --fa: "\f38d"
     }

     .fa-html5 {
         --fa: "\f13b"
     }

     .fa-css3 {
         --fa: "\f13c"
     }

     .fa-space-awesome {
         --fa: "\e5ac"
     }

     .fa-js {
         --fa: "\f3b8"
     }

     .fa-php {
         --fa: "\f457"
     }

     .fa-youtube {
         --fa: "\f167"
     }

     .fa-twitter {
         --fa: "\f099"
     }

     :host,
     :root {
         --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
     }

     @font-face {
         font-family: "Font Awesome 6 Free";
         font-style: normal;
         font-weight: 400;
         font-display: block;
         src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.ttf) format("truetype")
     }

     :host,
     :root {
         --fa-style-family-classic: "Font Awesome 6 Free";
         --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
     }

     @font-face {
         font-family: "Font Awesome 6 Free";
         font-style: normal;
         font-weight: 900;
         font-display: block;
         src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.ttf) format("truetype")
     }

     @font-face {
         font-family: "Font Awesome 5 Brands";
         font-display: block;
         font-weight: 400;
         src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf) format("truetype")
     }

     @font-face {
         font-family: "Font Awesome 5 Free";
         font-display: block;
         font-weight: 900;
         src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.ttf) format("truetype")
     }

     @font-face {
         font-family: "Font Awesome 5 Free";
         font-display: block;
         font-weight: 400;
         src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.ttf) format("truetype")
     }

     @font-face {
         font-family: FontAwesome;
         font-display: block;
         src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-solid-900.ttf) format("truetype")
     }

     @font-face {
         font-family: FontAwesome;
         font-display: block;
         src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-brands-400.ttf) format("truetype")
     }

     @font-face {
         font-family: FontAwesome;
         font-display: block;
         src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-regular-400.ttf) format("truetype");
         unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d, u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088, u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5, u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a, u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e, u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7, u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d, u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba, u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc
     }

     @font-face {
         font-family: FontAwesome;
         font-display: block;
         src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-v4compatibility.woff2) format("woff2"), url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/webfonts/fa-v4compatibility.ttf) format("truetype");
         unicode-range: u+f041, u+f047, u+f065-f066, u+f07d-f07e, u+f080, u+f08b, u+f08e, u+f090, u+f09a, u+f0ac, u+f0ae, u+f0b2, u+f0d0, u+f0d6, u+f0e4, u+f0ec, u+f10a-f10b, u+f123, u+f13e, u+f148-f149, u+f14c, u+f156, u+f15e, u+f160-f161, u+f163, u+f175-f178, u+f195, u+f1f8, u+f219, u+f27a
     }

     html[lang=en] .tag-new {
         display: inline-block;
         margin-left: 0;
         margin-top: -4px;
         font-style: normal;
         color: #fff;
         min-width: 99px;
         height: 25px;
         text-indent: -9999px;
         vertical-align: top;
         background: url(../tpl/images/new_l.png) no-repeat
     }

     .home .sublevel.asc {
         background: url(../tpl/images/asc-right-laptop.webp) center top no-repeat
     }

     .change-banner {
         display: none
     }

     .change-banner.on {
         display: flex !important
     }

     @media (max-width:1440px) {
         .home .major-product .abs-image {
             margin-left: -160px;
             margin-right: -100px
         }

         .home .major-product .abs-image img {
             width: 750px
         }
     }

     .navbar {
         background-color: #333;
         overflow: hidden
     }

     .navbar a {
         float: left;
         color: #fff;
         text-decoration: none;
         padding: 14px 20px
     }

     .navbar a:hover {
         background-color: #575757
     }

     .dropdown {
         float: left;
         overflow: hidden
     }

     .dropdown .dropbtn {
         cursor: pointer;
         font-size: 16px;
         border: none;
         outline: 0;
         color: #fff;
         padding: 10px 20px;
         background-color: inherit;
         margin: 0
     }

     .dropdown:hover .dropbtn {
         background-color: #575757
     }

     .dropdown-content {
         display: none;
         position: absolute;
         background-color: #f9f9f9;
         min-width: 160px;
         box-shadow: 0 8px 16px rgba(0, 0, 0, .2);
         z-index: 1
     }

     .dropdown-content a {
         float: none;
         color: #000;
         padding: 12px 16px;
         text-decoration: none;
         display: block;
         text-align: left
     }

     .dropdown-content a:hover {
         background-color: #ddd
     }

     .dropdown:hover .dropdown-content {
         display: block
     }

     .dropdown-arrow::after {
         content: "▼";
         margin-left: 8px;
         font-size: 12px
     }