/* STYLE GLOBAL */
.color-primary{color:var(--color-primary)}
.color-secondary{color:var(--color-secondary)}
.color-white{color:var(--white)}
.color-black{color:var(--black)}
.color-red{color:var(--red)}
.color-blue{color:var(--blue)}
.color-green{color:var(--green)}
.color-gray{color:var(--gray)}
.color-gray-2{color:var(--gray-2)}
.bg-primary{background-color:var(--color-primary)}
.bg-secondary{background-color:var(--color-secondary)}
.bg-white{background-color:var(--white)}
.box-shadow{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}
*,::after,::before{padding:0;margin:0;-webkit-box-sizing:inherit;box-sizing:inherit}
a{text-decoration:none;font-size:inherit;line-height:inherit;color:inherit}
img{max-width:100%;max-height:100%;height:auto}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit}
input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit}
input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit}
input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit}
input,input::placeholder,select,textarea,textarea::placeholder{font-family:inherit}
input[type=number]::-webkit-inner-spin-button{opacity:1}
.line-clamp-1{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-2{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.text-uppercase{text-transform:uppercase}
.text-line-through{text-decoration:line-through}
.text-32{font-size:32px;line-height:35px}
.text-28{font-size:28px;line-height:31px}
.text-24{font-size:24px;line-height:27px}
.text-20{font-size:20px;line-height:23px}
.text-18{font-size:18px;line-height:21px}
.text-16{font-size:16px;line-height:19px}
.text-15{font-size:15px;line-height:18px}
.text-14{font-size:14px;line-height:17px}
.text-13{font-size:13px;line-height:16px}
.text-12{font-size:12px;line-height:15px}
.text-10{font-size:10px;line-height:13px}
.font-weight-900{font-weight:900}
.font-weight-700{font-weight:700}
.font-weight-600{font-weight:600}
.font-weight-500{font-weight:500}
.font-weight-400{font-weight:400}
.font-weight-300{font-weight:300}
.grid{display:-ms-grid;display:grid;gap:12px}
.grid--1-cols{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}
.grid--2-cols{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}
.grid--3-cols{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}
.grid--4-cols{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}
.grid--5-cols{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr)}
.grid--6-cols{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6,1fr)}
.grid--2-rows{-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2,1fr)}
.row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-6px;margin-left:-6px}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{position:relative;width:100%;padding-right:6px;padding-left:6px}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}
.row-cols-1>*{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}
.row-cols-2>*{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}
.row-cols-3>*{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}
.row-cols-4>*{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}
.row-cols-5>*{-ms-flex:0 0 20%;-webkit-box-flex:0;flex:0 0 20%;max-width:20%}
.row-cols-6>*{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}
.col-auto{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;width:auto;max-width:100%}
.col-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}
.offset-1{margin-left:8.333333%}
.offset-2{margin-left:16.666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.333333%}
.offset-5{margin-left:41.666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.333333%}
.offset-8{margin-left:66.666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.333333%}
.offset-11{margin-left:91.666667%}
@media (max-width:1600px){
  .grid{gap:10px}
  .row{margin-right:-5px;margin-left:-5px}
  .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{padding-right:5px;padding-left:5px}
  .no-gutters{margin-right:0;margin-left:0}
}
@media (max-width:768px){
  .row{margin-right:-5px;margin-left:-5px}
  .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{padding-right:5px;padding-left:5px}
  .no-gutters{margin-right:0;margin-left:0}
} 
.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.d-inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.align-items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}
.justify-content-end{justify-content:end}
.flex-column{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.flex-row{-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}
.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}
.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.m-0{margin:0!important}
.mt-0,.my-0{margin-top:0!important}
.mr-0,.mx-0{margin-right:0!important}
.mb-0,.my-0{margin-bottom:0!important}
.ml-0,.mx-0{margin-left:0!important}
.m-1{margin:4px!important}
.mt-1,.my-1{margin-top:4px!important}
.mr-1,.mx-1{margin-right:4px!important}
.mb-1,.my-1{margin-bottom:4px!important}
.ml-1,.mx-1{margin-left:4px!important}
.m-2{margin:8px!important}
.mt-2,.my-2{margin-top:8px!important}
.mr-2,.mx-2{margin-right:8px!important}
.mb-2,.my-2{margin-bottom:8px!important}
.ml-2,.mx-2{margin-left:8px!important}
.m-3{margin:16px!important}
.mt-3,.my-3{margin-top:16px!important}
.mr-3,.mx-3{margin-right:16px!important}
.mb-3,.my-3{margin-bottom:16px!important}
.ml-3,.mx-3{margin-left:16px!important}
.m-4{margin:24px!important}
.mt-4,.my-4{margin-top:24px!important}
.mr-4,.mx-4{margin-right:24px!important}
.mb-4,.my-4{margin-bottom:24px!important}
.ml-4,.mx-4{margin-left:24px!important}
.m-5{margin:48px!important}
.mt-5,.my-5{margin-top:48px!important}
.mr-5,.mx-5{margin-right:48px!important}
.mb-5,.my-5{margin-bottom:48px!important}
.ml-5,.mx-5{margin-left:48px!important}
.m-12px{margin:12px!important}
.mt-12px,.my-12px{margin-top:12px!important}
.mr-12px,.mx-12px{margin-right:12px!important}
.mb-12px,.my-12px{margin-bottom:12px!important}
.ml-12px,.mx-12px{margin-left:12px!important}
.m-32px{margin:32px!important}
.mt-32px,.my-32px{margin-top:32px!important}
.mr-32px,.mx-32px{margin-right:32px!important}
.mb-32px,.my-32px{margin-bottom:32px!important}
.ml-32px,.mx-32px{margin-left:32px!important}
.m-10px{margin:10px!important}
.mt-10px,.my-10px{margin-top:10px!important}
.mr-10px,.mx-10px{margin-right:10px!important}
.mb-10px,.my-10px{margin-bottom:10px!important}
.ml-10px,.mx-10px{margin-left:10px!important}
.p-0{padding:0!important}
.pt-0,.py-0{padding-top:0!important}
.pr-0,.px-0{padding-right:0!important}
.pb-0,.py-0{padding-bottom:0!important}
.pl-0,.px-0{padding-left:0!important}
.p-1{padding:4px!important}
.pt-1,.py-1{padding-top:4px!important}
.pr-1,.px-1{padding-right:4px!important}
.pb-1,.py-1{padding-bottom:4px!important}
.pl-1,.px-1{padding-left:4px!important}
.p-2{padding:8px!important}
.pt-2,.py-2{padding-top:8px!important}
.pr-2,.px-2{padding-right:8px!important}
.pb-2,.py-2{padding-bottom:8px!important}
.pl-2,.px-2{padding-left:8px!important}
.p-3{padding:16px!important}
.pt-3,.py-3{padding-top:16px!important}
.pr-3,.px-3{padding-right:16px!important}
.pb-3,.py-3{padding-bottom:16px!important}
.pl-3,.px-3{padding-left:16px!important}
.p-4{padding:24px!important}
.pt-4,.py-4{padding-top:24px!important}
.pr-4,.px-4{padding-right:24px!important}
.pb-4,.py-4{padding-bottom:24px!important}
.pl-4,.px-4{padding-left:24px!important}
.p-5{padding:48px!important}
.pt-5,.py-5{padding-top:48px!important}
.pr-5,.px-5{padding-right:48px!important}
.pb-5,.py-5{padding-bottom:48px!important}
.pl-5,.px-5{padding-left:48px!important}
.p-12px{padding:12px!important}
.pt-12px,.py-12px{padding-top:12px!important}
.pr-12px,.px-12px{padding-right:12px!important}
.pb-12px,.py-12px{padding-bottom:12px!important}
.pl-12px,.px-12px{padding-left:12px!important}
.p-32px{padding:32px!important}
.pt-32px,.py-32px{padding-top:32px!important}
.pr-32px,.px-32px{padding-right:32px!important}
.pb-32px,.py-32px{padding-bottom:32px!important}
.pl-32px,.px-32px{padding-left:32px!important}
.p-10px{padding:10px!important}
.pt-10px,.py-10px{padding-top:10px!important}
.pr-10px,.px-10px{padding-right:10px!important}
.pb-10px,.py-10px{padding-bottom:10px!important}
.pl-10px,.px-10px{padding-left:10px!important}
.w-100{width:100%!important}
.h-100{height:100%!important}
.w-auto{width:auto!important}
.h-auto{height:auto!important}
.m-auto{margin:0 auto}
.d-block{display:block!important}
.d-inline-block{display:inline-block!important}
.hide{display:none!important}
.d-none{display:none!important}
.max-height-none{max-height:unset!important}
.border-none{border:0!important}
.min-width-0{min-width:0}
.overflow-hidden{overflow:hidden}
.overflow-auto{overflow:auto}
.visibility-hidden{visibility:hidden}
.p-relative{position:relative!important}
.ws-pre-line{white-space:pre-line}
.list{list-style:none}
.hover-primary:hover{color:var(--color-primary)}
.hover-secondary:hover{color:var(--color-secondary)}
.hover-underline:hover{text-decoration:underline}
.r-180deg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.border-radius-15{border-radius:15px}
.border-radius-10{border-radius:10px}
.gap-0{gap:0}
.gap-2{gap:2px}
.gap-4{gap:4px}
.gap-8{gap:8px}
.gap-10{gap:10px}
.gap-12{gap:12px}
.gap-16{gap:16px}
.gap-20{gap:20px}
.gap-24{gap:24px}
.gap-28{gap:28px}
.gap-32{gap:32px}
.gap-36{gap:36px}
.gap-40{gap:40px}
.style-img-block{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:100%}
.style-img-content{position:absolute;bottom:0;right:0;top:0;left:0;margin:auto auto}
.static-html{max-height:500px;overflow:hidden;-webkit-transition:.8s;-o-transition:.8s;transition:.8s;position:relative}
.static-html a,.static-html b,.static-html h1,.static-html h2,.static-html h3,.static-html h4,.static-html h5,.static-html h6,.static-html ol,.static-html p,.static-html span,.static-html strong,.static-html ul{margin:revert;padding:revert}
.static-html img{display:block;margin:0 auto;width:-webkit-min-content;width:-moz-min-content;width:min-content;height:auto;max-width:100%}
.static-html table{max-width:100%;margin:0 auto}
.static-html.blur:after{content:"";position:absolute;left:0;right:0;bottom:0;height:100px;background:-o-linear-gradient(transparent,#fff);background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff));background:linear-gradient(transparent,#fff)}
.banner-w{position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}
.banner-w:hover::before{width:120%;background-color:rgba(255,255,255,0);-webkit-transition:all .45s ease-out;-o-transition:all .45s ease-out;transition:all .45s ease-out;z-index:2}
.banner-w::before{content:"";position:absolute;top:0;left:-15%;bottom:0;width:0;height:100%;background-color:rgba(255,255,255,.5);-webkit-transition:none;-o-transition:none;transition:none;-webkit-transform:skewX(-25deg);-ms-transform:skewX(-25deg);transform:skewX(-25deg)}
.shake-animation{-webkit-animation:shake 1.5s infinite;animation:shake 1.5s infinite}
.circle{stroke-dasharray:76;stroke-dashoffset:76;-webkit-animation:.5s forwards draw;animation:.5s forwards draw}
.tick{stroke-dasharray:18;stroke-dashoffset:18;-webkit-animation:.5s .6s forwards draw;animation:.5s .6s forwards draw}
@-webkit-keyframes draw{
  to{stroke-dashoffset:0}
}
@keyframes draw{
  to{stroke-dashoffset:0}
}
@-webkit-keyframes shake{
  0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
  10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
  20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
  30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
  40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
  50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
  100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes shake{
  0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
  10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
  20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
  30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
  40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
  50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
  100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
.loading-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:96%;height:450px}
.loading-progress .circle{width:200px;height:200px;border-radius:50%;-webkit-animation:colorfull-spin 2s alternate infinite;animation:colorfull-spin 2s alternate infinite;position:absolute}
.loading-progress .circle:first-child{-webkit-animation-delay:.1s;animation-delay:.1s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:180px;height:180px}
.loading-progress .circle:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:160px;height:160px}
.loading-progress .circle:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:140px;height:140px}
.loading-progress .circle:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:120px;height:120px}
.loading-progress .circle:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:100px;height:100px}
.loading-progress .circle:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:80px;height:80px}
.loading-progress .circle:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:60px;height:60px}
.loading-progress .circle:nth-child(8){-webkit-animation-delay:.8s;animation-delay:.8s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:40px;height:40px}
@-webkit-keyframes colorfull-spin{
  0%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0);background-position:0 50%}
  20%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0)}
  50%{background-position:100% 50%}
  90%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
  100%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg);background-position:0 50%}
}
@keyframes colorfull-spin{
  0%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0);background-position:0 50%}
  20%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0)}
  50%{background-position:100% 50%}
  90%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
  100%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg);background-position:0 50%}
}

/* STYLE LANDING PAGE */
:root{--color-primary:#153dd8;--color-secondary:#041e42;--white:#fff;--black:#000;--red:#fe0000;--blue:#0c1f60;--green:#008000;--gray:#7e7e7e;--gray-2:#d9d9d9;--box-shadow:0px 1px 6px rgba(0, 0, 0, 0.2)}
html{font-size:14px}
body{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Roboto,sans-serif;color:#000;min-width:980px;word-break:break-word;line-height:1.3;font-weight:400;background-color:#fff}
img{display:-webkit-box;display:-ms-flexbox;display:flex}
@-webkit-keyframes gradient{
  0%{background-position:0 0}
  100%{background-position:-200% 0}
}
@keyframes gradient{
  0%{background-position:0 0}
  100%{background-position:-200% 0}
}
.container{max-width:980px;width:100%;padding:0 10px;margin:0 auto}
.grid-gap{-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;row-gap:16px}
.gap-40{gap:40px}
.global-line{height:10px;width:100%}
.global-line.intel{background:#2130b2}
.global-line.amd{background:#ff7f02}
.visibility__hidden{visibility:hidden!important}
.ld-page .ld-header{background:#153dd8;gap:50px;position:relative}
.ld-page .ld-header .content{height:80px}
.ld-page .ld-header .logo img{max-height:50px}
.ld-page .ld-header .navbar .item{display:block;line-height:40px;font-weight:700;border-radius:29px;color:#153dd8;background:#fff;text-align:center;padding:0 16px;min-width:107px}
.ld-page .ld-header .navbar .item.hot-line,.ld-page .ld-header .navbar .item:hover{background:#ffcd5d}
.ld-page .ld-header .navbar-mobile .navbar-mobile-menu{width:40px;height:40px;display:-webkit-box;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:10px}
.ld-page .ld-header .navbar-mobile .navbar-mobile-menu .icon{max-height:20px}
.ld-page .ld-header .navbar-mobile .list{display:none;position:absolute;top:100%;right:0;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.2);color:#fff;background:#5470dc;z-index:999;width:200px;font-weight:500;text-align:right}
.ld-page .ld-header .navbar-mobile .list .item{display:block;padding:0 16px;line-height:40px}
.ld-page .ld-header .navbar-mobile li:not(:last-child) .item{border-bottom:1px solid #fff}
.ld-page .ld-section-hero{position:relative;overflow:hidden}
.ld-page .ld-section-hero .hero-bg{height:480px;width:100%}
.ld-page .ld-section-hero .hero-p-absolute{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%}
.ld-page .ld-section-hero .hero-title{margin-top:20px;max-width:400px}
.ld-page .ld-section-hero .hero-img{max-width:550px}
.ld-page .ld-section-warranty{background:#0c1f60}
.ld-page .ld-section-warranty .content{height:112px}
.ld-page .ld-section-warranty .item img{max-height:50px}
.ld-page .ld-section-cpu .cpu-intel{background:url(../images/hoanghapc_cpu_page_bg_intel_1.jpg) no-repeat;background-size:cover}
.ld-page .ld-section-cpu .cpu-amd{background:url(../images/hoanghapc_cpu_page_bg_amd_1.jpg) no-repeat;background-size:cover}
.ld-page .ld-section-cpu .btn-view-more{max-width:350px}
.ld-page .ld-section-cpu .cpu-item{-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.ld-page .ld-section-cpu .cpu-item:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.ld-page .ld-section-policy{background:#321d08;overflow:hidden}
.ld-page .ld-section-policy .title::after{content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);max-width:380px;width:100%;height:2px;background:#fff}
.ld-page .ld-section-policy .list{max-width:780px}
.ld-page .ld-section-policy .list .item{max-width:290px}
.ld-page .ld-section-policy .list .item .number{width:28px;height:28px;line-height:28px;font-weight:700;border-radius:50%;background:#fff;color:#153dd8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.ld-page .ld-section-policy .list .item .text{line-height:20px}
.ld-page .ld-section-policy .list .item .sub-text{display:block;margin-top:16px}
.ld-page .ld-footer{background:#021047;padding:30px 0 65px;color:#fff}
.ld-page .ld-footer .logo img{max-height:50px}
.ld-page .ld-footer .ld-footer-col .title{font-size:20px;line-height:24px;font-weight:700;padding-bottom:10px;margin-bottom:10px;position:relative}
.ld-page .ld-footer .ld-footer-col .title::after{content:"";position:absolute;bottom:0;left:0;max-width:147px;width:100%;height:2px;background:#fff}
.ld-page .ld-footer .ld-footer-col .item{margin-bottom:8px}
.ld-page .ld-footer .ld-footer-col.col-policy{max-width:157px}
.ld-page .ld-footer .ld-footer-col.col-showroom .link{color:#0fdbf6;display:block}
.ld-page .ld-footer .ld-footer-col .item .link:hover{color:#ffcd5d}
.ld-page .ld-global-navbar{position:fixed;left:0;top:30%;z-index:999}
.ld-page .ld-global-navbar .navbar-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:22px;line-height:46px;font-weight:700;padding:0 48px 0 24px;color:#0157a4;max-width:200px;width:100%;-webkit-clip-path:polygon(0 0,78% 0%,100% 100%,0% 100%);clip-path:polygon(0 0,78% 0%,100% 100%,0% 100%);margin-bottom:8px;background:#fff}
.ld-page .ld-global-navbar .navbar-item.bg-liner-intel{color:#fff;background:-o-repeating-linear-gradient(left,#3edafc 0,#2196f3 50%,#226eb4 100%);background:repeating-linear-gradient(90deg,#3edafc 0,#2196f3 50%,#226eb4 100%);background-size:200% auto;-webkit-animation:gradient 2.5s infinite;animation:gradient 2.5s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.ld-page .ld-global-navbar .navbar-item.bg-liner-amd{color:#fff;background:-o-repeating-linear-gradient(left,#fc8e3e 0,#ff5722 50%,#b46822 100%);background:repeating-linear-gradient(90deg,#fc8e3e 0,#ff5722 50%,#b46822 100%);background-size:200% auto;-webkit-animation:gradient 2.5s infinite;animation:gradient 2.5s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear}
.animate__delay-0-5s{-webkit-animation-delay:.5s;animation-delay:.5s}
.animate__delay-1-5s{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.animate__delay-2-5s{-webkit-animation-delay:2.5s;animation-delay:2.5s}
.animate__delay-3-5s{-webkit-animation-delay:3.5s;animation-delay:3.5s}
.animate__delay-4-5s{-webkit-animation-delay:4.5s;animation-delay:4.5s}
.animate__delay-5-5s{-webkit-animation-delay:5.5s;animation-delay:5.5s}
@media (min-width:1600px){
  html{font-size:16px}
  .container{max-width:1460px}
  .ld-page .ld-section-warranty .item img{max-height:60px}
  .ld-page .ld-section-cpu .cpu-title{max-width:1200px;margin:0 auto;margin-bottom:80px}
  .ld-page .ld-section-policy .title{font-size:24px;line-height:28px}
  .ld-page .ld-footer .ld-footer-col .title{font-size:24px;line-height:28px}
}
@media (max-width:576px){
  html{font-size:14px}
  body{min-width:0}
  .container{max-width:395px}
  .px-10px-mb{padding:0 10px!important}
  .ld-page .ld-global-navbar{display:none}
  .ld-page .ld-header .navbar{display:none}
  .ld-page .ld-header .content{height:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
  .ld-page .ld-header .logo img{max-height:42px}
  .ld-page .ld-header .navbar-mobile .navbar-mobile-menu{display:-ms-flexbox;display:flex;}
  .ld-page .ld-section-hero .hero-bg{height:250px}
  .ld-page .ld-section-hero .hero-title{max-width:210px;margin-top:10px}
  .ld-page .ld-section-hero .hero-img{max-width:310px}
  .ld-page .ld-section-warranty .list{display:-ms-grid;display:grid;-ms-grid-columns:1fr 16px 1fr;grid-template-columns:repeat(2,1fr);gap:16px}
  .ld-page .ld-section-warranty .item img{max-height:32px;margin:0 auto}
  .ld-page .ld-section-cpu .cpu-list{-ms-grid-columns:1fr;grid-template-columns:repeat(1,1fr);gap:20px}
  .ld-page .ld-section-cpu .cpu-intel{background:url(../images/hoanghapc_cpu_page_bg_mobile_intel_1.jpg) no-repeat;background-size:cover}
  .ld-page .ld-section-cpu .cpu-amd{background:url(../images/hoanghapc_cpu_page_bg_mobile_amd_1.jpg) no-repeat;background-size:cover;padding-bottom:0!important}
  .ld-page .ld-section-cpu .btn-view-more{max-width:250px}
  .ld-page .ld-section-policy .title{font-size:18px;line-height:22px;max-width:260px;margin:0 auto}
  .ld-page .ld-section-policy .list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:22px;padding:0 20px}
  .ld-page .ld-section-policy .list .item{max-width:unset}
  .ld-page .ld-footer{padding:30px 0}
  .ld-page .ld-footer .ld-footer-list{display:-ms-grid;display:grid;-ms-grid-columns:1fr 16px 1fr;grid-template-columns:repeat(2, 1fr);gap:16px}
  .ld-page .ld-footer .ld-footer-col.col-policy{max-width:unset}
  .ld-page .ld-footer .ld-footer-col .title{font-size:16px;line-height:20px}
  .ld-page .ld-footer .ld-footer-col .title::after{max-width:120px}
  .ld-page .ld-footer .ld-footer-col .list{font-size:13px}
}