a,input{text-decoration:none;position:relative;z-index:1;outline:0;-moz-outline-style:none}
a,img{outline:0}
body{background:#012433 no-repeat top center;overflow-y:scroll;margin:0;font-family:dn}
input{font-family:inherit;font-size:inherit;font-weight:inherit}
body,html{min-height:100%;width:100%;height:100%;}
@font-face{font-family:dncb;src:url(../eot/dinprocb2.eot);src:url(../eot/dinprocb2d41d.eot?#iefix) format('embedded-opentype'),url(../woff2/dinprocb2.woff2) format('woff2'),url(../woff/dinprocb2.woff) format('woff'),url(../ttf/dinprocb2.ttf) format('truetype'),url(../svg/dinprocb2.svg) format('svg');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:dn;src:url(../eot/dinpro2.eot);src:url(../eot/dinpro2d41d.eot?#iefix) format('embedded-opentype'),url(../woff2/dinpro2.woff2) format('woff2'),url(../woff/dinpro2.woff) format('woff'),url(../ttf/dinpro2.ttf) format('truetype'),url(../svg/dinpro2.svg) format('svg');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:dnb;src:url(../eot/dinprom2.eot);src:url(../eot/dinprom2d41d.eot?#iefix) format('embedded-opentype'),url(../woff2/dinprom2.woff2) format('woff2'),url(../woff/dinprom2.woff) format('woff'),url(../ttf/dinprom2.ttf) format('truetype'),url(../svg/dinprom2.svg) format('svg');font-weight:400;font-style:normal;font-display:fallback}
.ct{position:relative;width:100%;max-width: 1220px;margin:0 auto}
.ctpn{max-width:none;}
#offers{width:1088px;height:290px;float:left;position:relative;margin:9px 0 38px 62px}
.am1{position:absolute;z-index:5;top:0;left:0;opacity:.5}
i{border:solid #97ffff;border-width:0 6px 6px 0;display:inline-block;padding:9px;opacity:.25}
#h1,#h1s{float: left;position:relative;width:100%;height:481px;background: url(../png/h1.png) center top no-repeat,linear-gradient(0deg, rgba(3,51,72,0) 0%, rgba(1,27,39,1) 100%), radial-gradient(circle, rgba(3,51,72,1) 0%, rgba(1,27,38,1) 50%)}
#h1s{height:298px;background:#081723 url(../jpg/h1a2s.jpg) no-repeat bottom}
#g1{float:left;width:268px;height:60px;margin:15px 0 0 5px}
#g2{float:left;width:198px;height:60px;margin:15px 0 0 18px}
#g3{float:left;width:158px;height:60px;margin:15px 0 0 18px}
#g4{float:left;width:215px;height:60px;margin:15px 0 0 18px}
#g5{float:left;width:212px;height:60px;margin:15px 0 0 18px}
.gg1,.gg2,.gg3,.gg4,.gg5{float:left;width:218px;height:60px;font-family:dncb}
.gg2{width:148px}
.gg3{width:108px}
.gg4{width:165px}
.gg5{width:162px}

.spovi{position:absolute;z-index:9001;top:50%;left:50%;width:284px;height:63px;margin-left:-142px;margin-top:-32px;background:url(../png/ovis.png)}
.h9{float:left;position:relative;width:100%;height:auto;padding-bottom:30px;background: linear-gradient(0deg, rgba(1,20,27,1) 35%, rgba(4,35,52,1) 100%)}
#h2,.h2,.h2b,.h2c,.h2d{float:left;position:relative;width:100%;height:405px;background: rgb(1,26,36);background: linear-gradient(0deg, rgba(1,26,36,1) 0%, rgba(1,31,43,1) 50%, rgba(1,26,36,1) 100%)}
.h2{height:auto;background:#041e2b}
.h2d{height:auto;padding-bottom:20px}
.h2c{height:auto;min-height:290px;padding-bottom:24px}
#h3,.h3{float:left;position:relative;width:100%;height:351px;background:url(../png/h2a.png) center bottom}
#h4a,.h4a{float:left;position:relative;width:100%;height:626px;background:#022535}
.h8{float:left;position:relative;width:100%;height:320px;background:#021a24}
#ap-mask,.ap-mask{position:absolute;display:none;top:0;left:0;min-height:100%;width:100%;opacity:.4;-khtml-opacity:.4;-moz-opacity:.4;background-color:#022534;z-index:9000}
#cthm{width:100%;height:50px;background: linear-gradient(0deg, rgba(2,50,81,0) 28%, rgba(2,50,81,0.8) 28%, rgba(1,37,60,0.8) 40%, rgba(1,37,60,0.8) 55%, rgba(2,46,72,0.8) 55%);margin:0 0 10px 0}
#hm{position:relative;z-index:12;width:100%;max-width:1290px;margin:0 auto;height:50px}
#logbt a:hover{background:url(../png/lock.png) 0 -37px}
#logbt a{float:left;width:42px;height:37px;background:url(../png/lock.png) 0 0}
#logbt{float:left;width:42px;height:37px;margin:4px 0 0 -4px}
#logcl input,#logcp input{float:left;width:154px;height:37px;border:0 solid #000;background:transparent url(../png/iplog.png);font:16px dncb;color:#02b7d6;text-align:left;padding:2px 15px 0}
#logcl input:hover,#logcp input:hover{color:#ff7e00}
#logcl,#logcp{float:left;width:184px;height:30px;margin:2px 0 0 -4px}
#logcr a{float:left;width:104px;height:7px;background:url(../png/passlost.png) 0 0}
#logcr{float:left;width:104px;height:7px;margin:9px 0 0 114px}
#logcc{position:relative;width: clamp(320px,100%,1290px);margin: 0 auto;}
#logc{position:absolute;z-index:10;top:10px;right:65px;width:408px;height:104px;background:url(../png/ovlog.png)}
#logfb a:hover{background:url(../png/logfb.png) 0 -25px}
#logfb a{float:left;width:173px;height:25px;background:url(../png/logfb.png) 0 0}
#logfb{float:left;width:173px;height:25px;margin:9px 0 0 15px}
#logh{float:left;width:401px;height:39px;padding:0 0 0 7px}
#logot{float:left;width:408px;height:25px}
#logrm a.insc4cOK,#logrm a:hover{background:url(../png/stayc.png) 0 -17px}
#logrm a{float:left;width:116px;height:17px;background:url(../png/stayc.png) 0 0}
#logrm{float:left;width:116px;height:17px;margin:4px 0 0 12px}
#logtw a{float:left;width:173px;height:25px;background:url(../png/logtw.png) 0 0}
#logtw{float:left;width:173px;height:25px;margin:9px 0 0 30px}
#logbt a:hover{background:url(../png/lock.png) 0 -37px}
#logcl input:hover,#logcp input:hover{color:#ff7e00}
#logcr a:hover{background:url(../png/passlost.png) 0 -7px}
#logfb a:hover{background:url(../png/logfb.png) 0 -25px}
#logrm a.insc4cOK,#logrm a:hover{background:url(../png/stayc.png) 0 -17px}
#logtw a:hover{background:url(../png/logtw.png) 0 -25px}
#menupbt{display:none}
#labmenu{display: inline-block;margin: -2px 0 0 -24px;width: 140px;height: 33px;text-align: center;font-size: 17px;color: #abbfce;font-family: dnb;background: url(../webp/menusp1.webp) -623px -5px;padding: 9px 0 0;}
#labmenu:hover{background:url(../webp/menusp1.webp) -762px -5px;color:#fee0d6;}
#menupbt:not(:checked) + #menuc{display:none}
#menuc{position:absolute;display:block;z-index:100;width:calc(100% - 12px);background:rgba(3,22,35,0.95);border-radius:9px;border:2px solid #162d37;padding:4px;animation: fadeIn 0.3s;}
#mecsc{display:flex;flex-direction:column;gap:4px;}
@keyframes fadeIn {0% { opacity: 0; }100% { opacity: 1; }}
@keyframes fadeOut {0% { opacity: 1; }100% { opacity: 0.8; }}
#msc1,#msc2,#msc3,#msc4,#msc5,#msc6,#msc7,.mscn{height:27px;font:17px dnb;color:#98d1df;background:#071c24;border:1px solid #071f28;border-radius:9px;padding:4px 0 0 48px;}
#msc1:hover,#msc2:hover,#msc3:hover,#msc4:hover,#msc5:hover,#msc6:hover,#msc7:hover,.mscn:hover{background:#42211b;border: 1px solid #784d35;color:#ffdb4b;}
.mscn{text-align:center;padding:4px 0 0 0;background:#03232f;}
#msc1::before,#msc2::before,#msc3::before,#msc4::before,#msc5::before,#msc6::before,#msc7::before{content:"";width:36px;height:31px;border-top-left-radius:9px;border-bottom-left-radius:9px;background:#09222b url(../webp/chsms.webp)1px -3px;position:absolute;margin:-4px 0 0 -48px;}
#msc2::before{background:#09222b url(../webp/chsms.webp)-40px -3px;}
#msc3::before{background:#09222b url(../webp/chsms.webp)-87px -3px;}
#msc4::before{background:#09222b url(../webp/chsms.webp)-136px -3px;}
#msc5::before{background:#09222b url(../webp/chsms.webp)-179px -4px;}
#msc6::before{background:#09222b url(../webp/chsms.webp)-222px -2px;}
#msc7::before{background:#09222b url(../webp/chsms.webp)-269px -1px;}
#msc1:hover::before,#msc2:hover::before,#msc3:hover::before,#msc4:hover::before,#msc5:hover::before,#msc6:hover::before,#msc7:hover::before{background-color:#3a1913;}
#mspt{width:calc(100% - 4px);padding:2px 6px 2px 6px;margin:0px 0px -4px -4px;border-bottom-left-radius:7px;border-bottom-right-radius:7px;display:flex;align-items: center;justify-content: space-between;background: linear-gradient(0deg, rgba(42,87,107,1) 0%, rgba(7,31,40,1) 100%);}
#mscx{float:left;height:auto;padding-left:25px;font:18px dncb;color:#98d1df;margin-top:4px;}
#mscx::before{content:"";width:23px;;height:21px;background:url(../png/buy.png);position:absolute;margin:-2px 0 0 -25px;}
#msct{font:18px dncb;color:#21ba94;padding-left:22px;}
#msct span{color:#98d1df;}
#mscx:hover,#msct:hover,#msct:hover span{color:#ffdb4b;}
#msct::before{content: "";width:45px;height:25px;background: url(../webp/panelsp.webp)-50px -776px no-repeat;position: absolute;margin:0px 0 0 -22px;}
#md{float:right;top:0px;right:0px;z-index:13;width:289px;height:44px;padding:6px 0 0 70px;background: url(../webp/menusp1.webp) -5px -5px}
#mg{float:left;position:relative;z-index:14;width:762px;height:44px;padding:6px 0 0 80px;background: url(../webp/menusp1.webp) -36px -65px}
label.toggle{position:absolute;top:0px;left:0px;z-index:11;width:74px;height:46px;color:#082d4c;display:none;width:74px;height:46px;background:url(../png/btmob.png) right no-repeat;cursor:pointer;user-select:none}
input.hide-input {position: absolute;left: -999em;}
#pop{position:absolute;z-index:11;bottom:24px;right:34px;width:80px;height:29px;background:url(../webp/msp1.webp) -5px -251px;}
#wclb,.wclb{float:left;width:100%;height:18px;font:20px dnb;text-align:center;color:#acd5e2}
#wclb{position:absolute;top:31px;right:320px;width:75px;height:30px;font:20px dncb;color:#fff}
#wcldb{float:left;width:248px;height:22px;font:24px dnb;color:#ffcad4}
#wcldh{float:left;width:248px;height:34px;font:700 32px dnb;text-align:center}
#wcldh span{font: 700 32px dnb;}
#wcld{position:absolute;top:20px;right:80px;width:220px;height:60px;font-family:dncb}
#wclgb{float:left;width:200px;height:40px;font-size:32px;text-align:right;color:#ffdb4b;font-weight:400;text-shadow:0 0 6px #de0000,0 0 12px rgba(222,0,0,.8);margin:0;padding:0}
#wclgh{float:left;width:200px;height:25px;font-size:24px;text-align:right}
#wclg{position:absolute;top:13px;right:990px;width:200px;height:75px;font-family:dncb;color:#fff}
#wclh,.wclh{float:left;width:100%;height:50px;font:400 42px dncb;text-align:center;margin-top:4px}
#wclmd{float:left;width:188px;height:26px;font-size:24px;margin-top:14px}
#wclmg{float:left;width:170px;height:48px;font-size:46px;font-weight:400}
#wclm{position:absolute;top:17px;right:470px;width:370px;height:60px;font-family:dncb}
#wcl{float:left;position:relative;width:100%;height:90px;color:#fff;display:flex;justify-content: center;flex-flow:nowrap}

.nme,.pnme{position:absolute;z-index:4;bottom:4px;left:2px;width:210px;height:24px;font:700 18px dnb;color:#d9d9d9;text-align:center}

.ofb1o{background:url(../png/chbs2n2.png) 3px 167px no-repeat;-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}
.pram,.ram,.ram2,.ram3,.ram4,.ram5,.ram6,.ram7,.pramb,.ram2b,.ram3b,.ram4b,.ram5b,.ram6b,.ram7b,.ramb{position:absolute;z-index:4;top:185px;left:7px;width:58px;height:50px}
.pram, .pramb {top:142px;left:10px;}
.ram1b{background:url(../png/memory3b.png) -10px -80px}
.ram2b{background:url(../png/memory3b.png) -90px -10px}
.ram3b{background:url(../png/memory3b.png) -88px -80px}
.ram4b{background:url(../png/memory3b.png) -168px -10px}
.ram5b{background:url(../png/memory3b.png) -168px -80px}
.ram6b{background:url(../png/memory3b.png) -10px -10px}
.ram7b{width:62px;background:url(../png/memory3b.png) -232px -10px}
.ram1{background:url(../png/mram.png) -10px -80px}
.ram2{background:url(../png/mram.png) -90px -10px}
.ram3{background:url(../png/mram.png) -88px -80px}
.ram4{background:url(../png/mram.png) -168px -10px;left:30px;z-index:11;}
.ram5{background:url(../png/mram.png) -168px -80px}
.ram6{background:url(../png/mram.png) -10px -10px}
.ram7{width:62px;background:url(../png/mram.png) -232px -10px}
.wcldbc,.wcldbc2,.wcldbc3{float:left;width:59px;height:22px;font-size:14px;text-align:center}
.wcldbc2{width:45px;text-align:right;padding-right:11px}
.wcldbc3{width:66px}
.wclh h1{margin:0;padding:0;font-size:42px;font-weight:400}
.wclb h2{margin:0;padding:0;font-size:20px;font-weight:400}
img{border:none;border-top-left-radius:10px;border-top-right-radius:10px;}
map>area,map>area:active,map>area:focus{outline:0;border:0}
#nsc,#nsc2{float:left;position:relative;width:100%;height:18px;font:15px dn;color:#98d1df;text-align:center;margin:7px 0 0;overflow:hidden}
#nsc a,#nsc2 a{color:#98d1df;text-decoration:none}
#nsc a:hover,#nsc2 a:hover{color:#fff}
.er404{display: flex;align-items: center;justify-content: center;flex-direction: column;}
#erri{width:289px;height:232px;justify-self:center;}
#f1st{float:left;position:relative;width:100%;height:285px}
#f1sta,#f1stb,#f1stc{float:left;position:relative;width:100%;height:111px;background:url(../webp/f1sta.webp) center}
#f1stb{height:auto;background:url(../webp/f1stb.webp) center}
#f1stc{height:142px;background:url(../png/f1stc.png) center}
#gfmlb{float:right;width:auto;height:18px;font:18px dnb;color:#fff;text-align:right}
#gfmlh a:hover{color:#fff}
#gfmlh a{float:left;width:auto;height:32px;font:700 30px dnb;color:#f9dee6;text-align:right}
#gfmlh h3{float:right;width:auto;font:700 28px dnb;text-align:right;padding:0;margin:0;height:32px}
#gfmlh{float:right;width:auto;height:32px}
#gfml{position:absolute;top:15px;right:calc(10% + 170px);width:490px;height:60px}
#gfmr{position:absolute;z-index:4;top:-100px;right:10%;width:176px;height:231px}
#gfm,#gfn{float:left;position:relative;width:100%;height:109px}
#gfn{width:calc(100% - 100px);max-width:800px;height:auto;padding:0 0 2px 100px;display:flex;justify-content:left;flex-flow: wrap}
#gfn a {float:left;width:auto;height:28px;margin:3px 20px 0 20px;font:400 20px dncb;color:#98d1df}
#gfn a:hover{color:#fff}
#gfx{float:left;width:100%;height:16px;font:20px dncb;color:#98d1df;text-align:center;margin:8px 0 0}
#gfh{float:left;width:100%;height:68px;margin:13px 0 0;display:flex;justify-content:center;flex-flow:wrap;align-items:center}
.gspek,.gspek2{z-index:6;width:134px;height:49px;margin:0px 20px 0 20px}
.gspek a{float:left;width:134px;height:49px;background:url(../webp/partners.webp) 0px 0px;opacity:.9}
.gspek2 a{float:left;width:110px;height:49px;background:url(../webp/partners.webp) -165px 0px;opacity:.9}
.gspek a:hover,.gspek2 a:hover{opacity:1}
::-webkit-scrollbar{height: 12px;width: 12px;background: #01151e;}
::-webkit-scrollbar-thumb{background: #03354b;-webkit-border-radius: 1ex;-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);}
::-webkit-scrollbar-corner{background: #01161e;}


/*index*/

.st{margin-bottom:20px}
.st section{align-items:center}
.st div{text-align:center;padding:20px 0 50px 0;}
.st h1,.st h2{font:400 32px dncb;color:#fff;text-shadow:0 0 2px #007cca}
.st p{font-size:20px;color:#98d1df;font-weight:400}

.sp{column-gap:20px}
.sp h2,.sp h3{font:400 30px dncb;color:#fff;text-shadow:0 0 2px #007cca}
.sp p{margin-top:20px;font:400 17px dn;color:#98d1df}
.sp p:nth-child(2){margin-top:5px}
.sp a{text-decoration:none;color:#fff;font-weight:bold;}
.sp a:hover{color:#ffc94f;}

#s1{padding:0!important;height:230px;background-color:#01131d!important;}
#s1row{grid-area: c;position: relative;z-index:4;display: flex;margin: 0 auto;padding: 0 10px 0 10px;width: clamp(300px, 100% - 20px, 1200px);height: 100%;justify-content: space-around;align-items: center;}
#s1bg1 {position: absolute;z-index: 2;width: 100%;height:350px;background: linear-gradient(0deg, rgba(15, 31, 43, 0) 0%, rgba(15, 29, 40, 0) 50%, rgb(255 255 255 / 0%) 70%, rgb(11 27 38) 88%);}
#s1bg2::after{content: '';background-image: url(../webp/springsales.webp);z-index: 0;position: absolute;width: 1086px;height: 208px;left: calc(50% - 815px);transform: rotate(-45deg);animation: scrollBackground 10s linear infinite;opacity:0.5;}
@keyframes scrollBackground {
    from {background-position: 0 0;}
    to {background-position: 100% 0;}
}
#s1bg2{position:absolute;z-index:1;width:100%;height:350px;background: radial-gradient(circle, rgba(0,60,75,1) -40%, rgba(255,255,255,0) 35%) -400px 0px;overflow:hidden;}
#s1c{position:relative;z-index:2;display: grid;gap:10px;}
#th2{grid-area:e;position:absolute;z-index:3;width:773px;height:301px;margin:0px 0 0 -200px;background:url(../webp/thlrf.webp) no-repeat;}
#th2g {
  position: absolute;
  bottom: 0;
  left: 100px;
  height: 229px;
  background-image: url('../webp/gard.webp');
  background-size:cover;
  z-index: 0;
  width: 0; /* Initially hidden */
  opacity: 0; /* Initially transparent */
  transform: translateX(0); /* Initially at 0 offset */
}

#hb{grid-area:d;z-index:3;justify-self: right;width: 0;height: 0;border-left: 870px solid transparent;border-right: 80px solid transparent;border-bottom: 88px solid #071724;position:absolute;bottom:0}
#config{z-index:4;grid-area:d;position:absolute;bottom:12px;justify-self:center;width:327px;height:49px;padding-top:4px;font: 400 36px dncb;text-align:center;color: #ffdb4b;text-shadow: 0 0 6px #de0000, 0 0 12px rgb(222 0 0 / 80%)}
#config:before{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:327px;height:53px;background:url(../webp/cmd.webp);opacity:0.7}
#config:hover:before{opacity:1;}

#fv1,#fv2,#fv3,#fv4,#fv5,#fv6,#fv7{
  position:absolute;z-index:4;bottom:275px;left:245px;background:url(../webp/flm1.webp) 0 0;background-size:cover;
  width:22px;height:18px;
  transform: rotate(-15deg);
  animation: leve2 2s infinite linear;
}
#fv2{left:225px;bottom:280px;width:14px;height:14px;animation: leve2 2.2s infinite linear!important;}
#fv3{left:230px;bottom:260px;width:9px;height:9px;animation: leve2 2s infinite linear!important;}
#fv4{left:213px;bottom:257px;width:9px;height:9px;animation: leve2 3s infinite linear!important;}
#fv5{left:260px;bottom:265px;width:7px;height:7px;animation: leve2 4s infinite linear!important;}
#fv6{left:250px;bottom:240px;width:15px;height:15px;animation: leve2 2.6s infinite linear!important;}
#fv7{left:230px;bottom:230px;width:14px;height:13px;animation: leve2 3s infinite linear!important;}

@media(max-width:480px){
  #s1bg2::after{left: calc(50% - 680px);}
  #s1{height:518px;background: linear-gradient(254deg, rgba(15, 31, 43, 1) 0%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 1) 100%), linear-gradient(-13deg, rgb(99 55 121) 25%, rgb(8 23 35) 40%, rgb(15, 31, 43) 40%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 0) 100%);}
  #th2{margin:31px 0 0 0;width:100%;height:187px;background:url(../webp/th_480lrc.webp) bottom center no-repeat;}
  #th2g{display:none;animation:none;}
  #s1bg2 {height:518px;background: radial-gradient(circle, rgba(0,60,75,1) -40%, rgba(255,255,255,0) 35%) -70px 100px;}
  #s1c{
    grid-template:
        "c c c c c" 275px
        "e e e e e" 219px / 1fr 1fr 1fr 0.7fr 1.3fr;align-items: center
  }
}
@media(min-width:480.01px) and (max-width:768px){
  #s1{height:440px;background: linear-gradient(254deg, rgba(15, 31, 43, 1) 0%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 1) 100%), linear-gradient(-13deg, rgb(99 55 121) 25%, rgb(8 23 35) 50%, rgb(15, 31, 43) 40%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 0) 100%);}
  #hb{border-left:640px solid transparent;bottom:-14px;}
  #th2{margin:-9px 0 0 -150px;width:600px;height:234px;background:url(../webp/th_600lr.webp) no-repeat;}
  #th2g{left:50px;width:228px!important;height:178px;}
  #config{justify-self:right;margin-right:38px;}
  #s1bg2 {height:440px;background: radial-gradient(circle, rgba(0,60,75,1) -40%, rgba(255,255,255,0) 35%) -200px 120px;}
  #s1c{
    grid-template:
        "c c c c c" 200px
        "e d d d d" 216px / 1fr 1fr 1fr 0.7fr 1.3fr;align-items: center
  }
}
@media(min-width:768.01px) and (max-width:992px){
  #s1{height:440px;background: linear-gradient(254deg, rgba(15, 31, 43, 1) 0%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 1) 100%), linear-gradient(-13deg, rgb(99 55 121) 25%, rgb(8 23 35) 50%, rgb(15, 31, 43) 40%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 0) 100%);}
  #hb{border-left:640px solid transparent;bottom:-14px;}
  #th2{margin:-20px 0 0 0;width:600px;height:234px;background:url(../webp/th_600lr.webp) no-repeat;}
  #th2g{left:180px;width:228px!important;height:178px;}
  #config{justify-self:right;margin-right:38px;}
  #s1bg2 {height:440px;background: radial-gradient(circle, rgba(0,60,75,1) -40%, rgba(255,255,255,0) 35%) -200px 120px;}
  #s1c{
    grid-template:
        "c c c c c" 200px
        "e d d d d" 216px / 1fr 1fr 1fr 0.7fr 1.3fr;align-items: center
  }
}
@media(min-width:992.01px) and (max-width:1200px){
  #s1{height:350px;background: linear-gradient(254deg, rgba(15, 31, 43, 1) 0%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 1) 100%), linear-gradient(-13deg, rgb(99 55 121) 25%, rgb(8 23 35) 68%, rgb(15, 31, 43) 50%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 0) 100%);}
  #th2{margin:48px 0 0 -120px;}
  #fv1{left:325px!important;}#fv2{left:308px!important;}#fv3{left:310px!important;}#fv4{left:293px!important;}#fv5{left:340px!important;}#fv6{left:330px!important;}#fv7{left:310px!important;}
  #hb{border-left:870px solid transparent;}
  #config{justify-self:right;margin-right:38px;}
  #s1bg2 {height:350px;background: radial-gradient(circle, rgba(0,60,75,1) -40%, rgba(255,255,255,0) 35%) -333px 120px;}
  #s1c{
    grid-template:
        "e e c c c" 270px
        "e e d d d" 70px / 1fr 1fr 1fr 1fr 1fr;align-items: center
  }
}
@media(min-width:1200.01px){
  #s1{height:350px;background: linear-gradient(254deg, rgba(15, 31, 43, 1) 0%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 1) 100%), linear-gradient(-13deg, rgb(99 55 121) 25%, rgb(8 23 35) 62%, rgb(15, 31, 43) 50%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 0) 100%);}
  #th2{margin:48px 0 0 -120px;}
  #th2g{left:180px;}
  #fv1{left:325px;}#fv2{left:308px;}#fv3{left:310px;}#fv4{left:293px;}#fv5{left:340px;}#fv6{left:330px;}#fv7{left:310px;}
  #hb{border-left:870px solid transparent;}
  #config{justify-self:right;margin-right:38px;}
  #s1c{
    grid-template:
        "e e c c c" 270px
        "e e d d d" 70px / 1fr 1fr 1fr 1fr 1fr;align-items: center
  }
}
@media(min-width:1680.01px){
  #s1{height:350px;background: linear-gradient(90deg, rgba(8, 105, 81, 0) 60%, rgba(14, 30, 42, 1) 100%), linear-gradient(254deg, rgba(15, 31, 43, 1) 0%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 1) 100%), linear-gradient(-13deg, rgb(99 55 121) 25%, rgb(8 23 35) 59%, rgb(15, 31, 43) 50%, rgba(15, 31, 43, 0) 50%, rgba(15, 31, 43, 0) 100%);}
  #th2{margin:48px 0 0 -200px;}#fv1{left:245px;}#fv2{left:225px;}#fv3{left:230px;}#fv4{left:213px;}#fv5{left:260px;}#fv6{left:250px;}#fv7{left:230px;}
  #th2g{left:100px;}
  #hb{border-left:870px solid transparent;}
  #config{justify-self:right;margin-right:38px;}
  #s1c{
    grid-template:
        "e e c c c" 270px
        "e e d d d" 70px / 1fr 1fr 1fr 1fr 1fr;align-items: center
  }
}



#s1a b{padding-left:10px;margin-bottom:3px;font:22px dncb;color:#4c7081}
#s1a article{display:grid;grid-template-columns:35px 1fr;border-top:1px solid rgba(1,73,104,.3);background:linear-gradient(0,rgba(1,40,59,0.3) 0%,rgba(1,49,70,0.3) 100%)}
#s1a span{width:35px;height:60px;background-image:url(../webp/s1ai.webp);background-position:-1px -1px}
#s1a article:nth-child(2) span,#s1a article:hover span{background-position-x:-38px}
#s1a div>b{font:16px dncb;color:#98d1df;padding-left:8px}
#s1a p{font:14px dn;height:30px;color:#00a5c1;padding:0 8px 0 8px;line-height:15px;overflow:hidden}
#s1a a{color:#67e9ff;font-weight:bold;}
#s1a a:hover{color:#fff;}
#s1b{text-align:center;}
#s1b a{display:inline-block;margin-right:25px;width:117px;height:39px;opacity:.9;background:url(../webp/s1ai.webp) -75px -1px;box-shadow: 0 41.78px 33.42px rgba(5, 113, 186, .05), 0 22.34px 17.87px rgba(5, 113, 186, .042), 0 12.52px 10.02px rgba(5, 113, 186, .035), 0 6.65px 5.32px rgba(5, 113, 186, .028), 0 2.77px 2.21px rgba(5, 113, 186, .02);}
#s1b a:hover{opacity:1}
a#s1b2{width:56px;background-position-x:-194px}
a#s1b3{width:36px;background-position-x:-254px}
#s1b2{margin:0!important;}

#lgci{width: 133px;height: 132px;margin:0;background: url(../webp/s1xi.webp) -246px -1px;}
#lgcnh{float:left;width:auto;height:90px}
#lgcnhs{float:left;width:240px;height:24px;margin:-4px 0 0 75px}
#lgcnh h1{float:left;width:auto;font:400 30px/36px dncb;margin:0;padding:0;color:#fff;display:flex;justify-content:center;height:auto;}
#lgcx{float:left;width:auto;height:90px;position:relative;}
#lgc{display: grid;grid-template-columns: 1fr;justify-items: center;margin:0 0 0 0;height: 163px;align-items: center;}


#s1 .c7a992{display: flex;justify-content: flex-start;align-items:center;flex-direction: column;}
.gsnsa{float:left;width:auto;font:32px dncb;height:36px;color:#67e9ff;text-shadow:0 0 2px #007cca;margin-top:3px;}
.gsnsbb,.gsnsbh{float:left;width:66px;height:14px;font-size:16px;color:#98d1df}
.gsnsbb{color:#fff;text-shadow:0 0 2px #007cca}
.gsnsb{float:left;width:66px;height:32px;font-family:dncb;margin:6px 0 0 6px}
.gsns{float:left;margin:0 0 0 10px;width:178px;height:32px;color:#98d1df}
.sps-wtn{background:url(../png/spr1s.png) no-repeat;display:block;position:absolute;width:180px;height:45px;top:31px;left:70px;background-position:-669px -1px}


#s2{background: linear-gradient(0deg, rgb(11 43 61) -10%, rgba(7, 23, 36, 1) 21%);}

#s3{background:url(../webp/s3b480.webp) center bottom;padding:20px 0 20px 0;}
@media(min-width:480.01px){#s3{background-image:url(../webp/s3b768.webp)}.sps-wtn{top:33px;left:106px;}#lgcnh h1{font-size:36px;}#lgc{grid-template-columns: 160px 1fr;margin-left:-15px;}#lgcx{width:288px}}
@media(min-width:768.01px){#s3{background-image:url(../webp/s3b992.webp)}#s1 .c7a992{justify-content: center;}#lgc{grid-template-columns: 193px 1fr;}#lgci{margin: 15px 0 0 45px;}.gsns{width:190px;}#lgcnh,#lgcx{width:345px;}#lgcnh h1{font:400 46px/40px dncb;}.sps-wtn{top:38px;left:137px;width:200px;}.gsnsa{margin-top:0;font:36px dncb;}}
@media(min-width:992.01px){#s3{background-image:url(../webp/s3b1200.webp)}#s1 .c7a992{align-items:flex-start;}#lgc{width:540px;}}
@media(min-width:1200.01px){#s3{background-image:url(../webp/s3b1680.webp)}}
@media(min-width:1680.01px){#s3{background-image:url(../webp/s3b1920.webp)}}
@media(min-width:1920.01px){#s3{background-image:url(../webp/s3b2560.webp)}}
@media(max-width:991.99px){#s3{margin-bottom:-30px;padding: 10px 0 70px 0;}#s4{padding: 30px 0 60px 0;}}
#s3a{width:520px;height:310px;margin:0 0 0 15px}
@media(max-width:1199.99px){#s3a{transform:scale(.9);margin:0 0 0 -20px}}

#s4{background:#041e2b}
#s4 article{margin-bottom:10px}
@media(min-width:992px){#s4 article{margin-bottom:30px}}
#s4a{display:flex;flex-flow:wrap;justify-content:center;margin:5px 0 10px;padding:0 10px 0 10px;gap:2px;}
@media(min-width:992px){#s4a{margin:0px 0 -15px}}
#s4a a{display:inline-block;width:92px;height:82px;background:url(../webp/s4ab.webp) no-repeat;opacity:0;transform: translate(20px, 20px) scale(0.8);transition:none;}
#s4a a.animate {animation: wave 1s ease-out forwards;}
#s4a a:hover{background-position-y:-82px;}
@media(min-width:992px){#s4 article{margin-bottom:30px}}
@media(min-width:992px){#s4b{margin-top:-100px}}
@media(min-width:1200px){#s4b{margin-top:-100px}}
#s4a a span{display:inline-block;content:"";margin:12px 0 0 17px;width:58px;height:58px;background-image:url(../webp/s4ai.webp);background-position-y:-1px;background-repeat:no-repeat}
span#vanilla{background-position-x:-901px}
span#snapshot{background-position-x:-661px}
span#craftbukkit{background-position-x:-1px}
span#spigotmc{background-position-x:-721px}
span#papermc{background-position-x:-541px}
span#purpur{background-position-x:-601px}
span#forge{background-position-x:-181px}
span#fabric{background-position-x:-121px}
span#sponge{background-position-x:-781px}
span#mohist{background-position-x:-361px}
span#magma{background-position-x:-301px}
span#curse{background-position-x:-61px}
span#ftb{background-position-x:-241px}
span#tekkit{background-position-x:-841px}
span#pixelmon{background-position-x:-961px}
span#others{background-position-x:-481px}
span#openmod{background-position-x:-421px}

@keyframes wave {
  0% {
    opacity: 0;
    transform: translate(20px, 20px) scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
}

#s4a a:nth-child(1) { animation-delay: 1.05s; }
#s4a a:nth-child(2) { animation-delay: 0.9s; }
#s4a a:nth-child(3) { animation-delay: 0.75s; }
#s4a a:nth-child(4) { animation-delay: 0.6s; }
#s4a a:nth-child(5) { animation-delay: 0.45s; }
#s4a a:nth-child(6) { animation-delay: 0.3s; }
#s4a a:nth-child(7) { animation-delay: 0.9s; }
#s4a a:nth-child(8) { animation-delay: 0.75s; }
#s4a a:nth-child(9) { animation-delay: 0.6s; }
#s4a a:nth-child(10) { animation-delay: 0.45s; }
#s4a a:nth-child(11) { animation-delay: 0.3s; }
#s4a a:nth-child(12) { animation-delay: 0.15s; }
#s4a a:nth-child(13) { animation-delay: 0.6s; }
#s4a a:nth-child(14) { animation-delay: 0.45s; }
#s4a a:nth-child(15) { animation-delay: 0.3s; }
#s4a a:nth-child(16) { animation-delay: 0.15s; }


#s4c{margin-bottom:10px}
#s4c ul{list-style:none;font-family:dncb;display:flex;flex-flow:wrap;justify-content:center;row-gap:10px}
#s4c li{width:200px;padding:5px 0 5px 30px;height:57px;background:url(../webp/s4ci.webp) -308px 0px;font-size:33px;color:#98d1df}
@media(max-width:479.99px){
    #s4c ul{row-gap:0;margin-left:-30px}
    #s4c li{transform:scale(.75);width:160px}
}
#s4c h3{font-size:20px;padding-left:2px;color:#4c7081}
#s4c p{margin-top:-6px;padding-right:70px;text-align:right}
#s4c li::before{position:absolute;content:"";margin-left:140px;width:60px;height:60px;background:url(../webp/s4ci.webp) no-repeat}
li#s4c2::before{background-position-x:-60px}
li#s4c3::before{background-position-x:-120px}
li#s4c4::before{background-position-x:-180px}
li#s4c5::before{background-position-x:-240px}

#s5{background: linear-gradient(0deg, rgb(8 13 20) 0%, rgb(14 23 36) 25%, rgb(0 33 49) 45%, rgb(6 45 64) 100%);}
#s5a{margin-top:50px;display:flex;justify-items:center;flex-wrap:wrap;;justify-content: space-between;}
#s5c{height: 230px;z-index: 2;min-width: 400px;flex: 1;display: flex;justify-content: flex-start;width: 100%;max-width: 600px;margin: 0 auto;flex-direction: column;flex-wrap: wrap;align-content: center;}
.s5c1{width:50%;}
@media(max-width: 479.99px){#s5c{min-width:300px}}
@media(min-width:1200px){#s5c{min-width:400px}}

#s5c article{display:flex;max-width:440px;}
#s5c article h3{width:100%;text-align:left;padding-left:5px;font-weight:bold;color:#98d1df;}
#s5c h2{font:28px dncb;color:#fff;text-shadow:0 0 1px #007cca;padding-left:10px}
#s5c ul{list-style:none;display:flex;flex-wrap: wrap;color:#48e0fa;font:18px dnb;padding:15px 15px 10px 15px;text-shadow: 0 0 2px #007cca;background:rgba(1,35,52);border: 1px solid #033043;margin:0px 18px 6px 0px;border-radius: 12px;width:100%;}
#s5c li{height:32px;line-height:32px}
#s5c li:first-child{color:#ffdb4b;width:100%;text-shadow:0 0 6px #de0000,0 0 12px rgba(222,0,0,.8);font:28px dncb}
.s5d{float:left;width:48%;padding-left:2%;margin-top:5px;font:28px dncb;line-height:28px;}
.s5d span{color:#c3f9ff}
span#s5d1{color:#98d1df;text-shadow:0 0 1px #007cca}
@media(max-width:479.99px){
    #s5c ul{font-size:15px}
    #s5c li{height:25px;line-height:25px;font-size:14px;}
    #s5c li:first-child{font-size:20px;height:auto;}
    #s5c ul{min-width:100px;margin:0px 8px 6px 0px;}
    .s5d{font-size:20px}
}
span.s5do,span.s5do2{display:inline-block;margin:0 0 -5px -5px;width:29px;height:29px;background:url(../webp/s5di.webp) no-repeat}
span.s5do2{background-position-x:-29px}
#s5e{flex:1;aspect-ratio: 16 / 9;}
#serva{width:100%;aspect-ratio: 16 / 9;background:url(../webp/assembling.webp) 0 0;background-size: cover;border-radius:9px;max-width:600px;margin-top:30px;opacity:0.9;animation: bounceIn 1s ease-in-out forwards;animation-play-state: paused;-webkit-box-reflect: below 2px linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 82%, rgba(0, 0, 0, 0.3));}
#serva:hover{opacity:1;}
.srvi{display: flex;justify-content: center;align-items: center;}
@keyframes bounceIn {
    0% { transform: translateY(-50px); opacity: 0; }
    50% { transform: translateY(0); opacity: 1; }
    65% { transform: translateY(-15px); }
    80% { transform: translateY(0); }
    90% { transform: translateY(-8px); }
    100% { transform: translateY(0); }
}
#s6{background:#021a24;padding-bottom:0;padding:20px 0 20px 0;}
#s6a{flex:1;min-width:364px;max-width:550px;margin: 0 auto;}
#s6a h2{font:400 20px dncb}
#s6a ul{list-style:none;margin-top:5px;font-family:dncb}
#s6a li{font-size:16px;height:36px;color:#bfe2eb}
#s6a li:first-child{color:#f1feff}
#s6a li:first-child h3{font-size:20px;color:#c3f9ff}
#s6a h3{font-size:17px;color:#98d1df;}
#bench {font:26px dncb!important;color: #fff;text-shadow: 0 0 2px #007cca;}
#s6a1{width:57%}
#s6a2{width:49%}
#s6a3{width:22%}
.bb,.bb2{width: 0;transition: width 2s ease-out;background: linear-gradient(0, rgb(78 149 131) 50%, rgb(98 185 158) 50%);height:9px;border-radius:10px;margin-right:50px;font-size:17px;}
.bb2{background:linear-gradient(0,rgba(103,115,135,1) 50%,rgba(112,126,148,1) 50%)}
.bb>div,.bb2>div{float:right;width:40px;margin:-7px -45px 0 0}
.bb.animate, .bb2.animate {width: var(--target-width);}
#s6b{display:flex;margin-top:10px;align-items:center;flex-flow:wrap;row-gap:10px;column-gap:10px;justify-self: center;}
@media(max-width:991.99px){#s6b{justify-content:center}}
#s6b a{width:200px;height:45px;padding:15px 0 15px 90px;font:22px/20px dncb;color:#98d1df}
#s6b a:hover{color:#fff}
#s6b a span{color:#6e94a5;font-size:20px}
#s6b a:hover span{color:#98d1df}
#s6b a::before{position:absolute;width:82px;height:73px;margin:-15px 0 0 -90px;content:"";background:url(../webp/s6i.webp) no-repeat}
a#s6b2::before{background-position-x:-82px}
a#s6b3::before{background-position-x:-164px}

#s7{background:linear-gradient(0,rgba(1,26,36,1) 0%,rgba(1,31,43,1) 50%,rgba(1,26,36,1) 100%)}
@media(min-width:992px){
    #s7{padding-top:280px;min-height:125px;background: url(../webp/world_map.webp), linear-gradient(0deg, rgba(8, 13, 20, 1) 0%, rgba(6, 45, 64, 1) 100%);background-repeat:no-repeat;background-position:center top}
    #mpsr{position:absolute;left:50%;margin:-280px 0 0 -505px;width:992px;height:405px}
    #mpsr>div{position:absolute;z-index:2;width:37px;height:35px;margin-top:120px;margin-left:171px;background:url(../webp/s7mpsr.webp)}
    div#mpsr2{margin-top:125px;margin-left:231px}
    div#mpsr3{margin-top:105px;margin-left:296px}
    div#mpsr4{margin-top:151px;margin-left:282px}
    div#mpsr5{margin-top:90px;margin-left:495px}
    div#mpsr7{margin-top:100px;margin-left:545px}
    div#mpsr6{margin-top:320px;margin-left:861px}
    .rdr>div{position:absolute;width:40px;height:40px;margin:-23px 0 0 -23px;box-sizing:border-box;border-right:1px solid hsla(145,50%,40%,.3);border-radius:100% 0 0 0;transform-origin:100% 100%;background:linear-gradient(50deg,rgba(34, 34, 34, 0) 56%,hsla(185.7, 100%, 50.2%, 0.33));animation:sweep 5s infinite linear}
    @keyframes sweep{to{transform:rotate(360deg)}}
}
#s7>section{position:relative;z-index:3}
#s7a{margin-top:20px}
#s7a ul{list-style:none}
@media(min-width:768px){#s7a{column-gap:50px}.st h1,.st h2{font:400 42px dncb;}}
#s7a li{width:100%;border-bottom:1px solid #426b8a;padding:10px 0;font-size:16px;font-weight:400;color:#67e9ff;display:flex;justify-content:space-between;align-items:center;}
#s7a li>div>h3,#s7a li>div>h3 a{float:left;text-align:left;font:700 16px dn;color:#fff;min-width:128px;}
#s7a li>div{display:left;flex-direction:column;text-align:left;}
#s7a li>div>p{margin-top:4px;font-size:14px;font-weight:400;color:#62b99e;}
#s7a li>b{text-align:right;color:#67e9ff;}
#s7a li>div>h3 a:hover{color:#ffc94f;}

#s8{background:linear-gradient(0,rgba(3,43,62,1) 50%,rgba(3,43,62,1) 92%,rgba(4,30,43,1) 100%);overflow-x: hidden;}
#s8 .sp{justify-items:center}
#s8 .sp h3{font:400 20px dncb}
#s8 .sp p{font:400 17px/20px dn}
.s8a{margin:25px 10px 0 10px;width:60px;height:60px;background:url(../webp/s8ai.webp) -120px 0}
.left, .right {opacity: 0; transform: translateX(50px); transition: transform 1s ease-out, opacity 1s ease-out;}
.left {transform: translateX(-50px);}
.left.animate, .right.animate {opacity: 1; transform: translateX(0);}
@media (max-width: 768px) {.left, .right{transition: none;}}
@media(min-width:992px){
    #s8 .sp article{display:grid;grid-template-columns:486px 80px;align-items:center;margin-bottom:15px;}
    #s8 .right article{grid-template-columns:80px 482px}
    #s8 .sp p{padding:10px 20px 20px 20px;width:440px;height:53px;background: linear-gradient(0deg, rgb(6 45 64) 0%, rgb(4 32 47) 100%);border: 1px solid #27445a;border-radius: 10px;}
    #s8 .sp h3{padding:0 0 0 12px;}
    .st h1,.st h2{font:400 48px dncb;}
}
@media(min-width:992px) and (max-width:1199.99px){
    #s8 .sp{column-gap:0;margin-top:-40px;margin-bottom:-40px}
    #s8 .sp>div{transform:scale(.85)}
}
@media(max-width:991.99px){
    #s8 .sp article{display:grid;grid-template-columns:1fr 80px;align-items:center}
    #s8 .right article{grid-template-columns:80px 1fr}
}
@media(min-width:768px) and (max-width:991.99px){#s8 .sp article{min-height:125px}}
#s8a2{background-position:-60px -60px}
#s8a3{background-position:-180px 0}
#s8a4{background-position:-60px 0}
#s8a5{background-position:-120px -60px}
#s8a6{background-position:0 -60px}
#s8a7{background-position:-240px 0}
#s8a8{background-position:0 0}

#s9{background: linear-gradient(0, rgb(0 7 20) 0%, rgb(4 32 46) 100%);}
#s9 .st p{max-width:800px;margin:0 auto}

#s10{background: linear-gradient(0deg, rgb(87 50 90) 0%, rgb(0 0 0) 100%);}
#s10 section,#s10a{row-gap:20px}
#s10a{margin-top:20px;justify-items:center}
#s10b>div{width:202px;height:94px;background:url(../webp/s10i.webp) -1px -60px no-repeat;font:700 19px/20px dn}
#s10b>h2{margin-top:8px;font-size:20px;font-weight:bold}
#s10b>p{font-size:15px;font-weight:400}
#s10c article{padding:10px;background-color:#021926;text-shadow:0 0 50px #007cca;border:1px solid #27445a;border-radius:10px}
#s10c div{height:170px;animation:24s playslide infinite linear;opacity:0}
#s10c div:nth-child(2){margin-top:-170px}
#s10c div:nth-child(3){margin-top:-170px}
@media(max-width:991.99px){#s10a{margin-bottom:20px}}
@media(max-width:479.99px){#s10a{margin-bottom:40px}}
#s10c h3{font:700 18px dn;color:#fff;margin-bottom:15px;padding-left:55px}
#s10c h3::after{display:block;content:"";width:100%;height:19px;margin-top:6px;background:url(../webp/s10i.webp) -123px -1px no-repeat}
#s10c h3::before{position:absolute;margin-left:-55px;content:"";width:40px;height:40px;background:url(../webp/s10i.webp);border-radius:50%}
#s10c q{font:400 14px dn;color:#98d1df}
#s10c h3.strb::after{background-position-y:-19px}
#s10c h3.strc::after{background-position-y:-38px}
#s10c2 h3::before{background-position-x:-41px}
#s10c3 h3::before{background-position-x:-81px}
#s10c div:nth-child(1){animation-delay:0s}
#s10c div:nth-child(2){animation-delay:8s}
#s10c div:nth-child(3){animation-delay:16s}
@keyframes playslide{0%,100%,37.33%{opacity:0}33.33%,4%{opacity:1}}

#s11{background:#010c13;background-image:url(../webp/s11bs.webp);background-repeat:no-repeat;background-position:calc(50% + 370px) 50%;min-height:270px;display: flex;align-items: center;background-repeat:repeat-y;}
@media(max-width:991.99px){#s11{background-image:none}}

#s12{background:#02131d}
@media(min-width:992px){#s12{padding-bottom:0;padding-top:20px;}}
#s12 .sp{align-items:center}
#s12a{width:295px;height:405px;margin-left:-40px;background:url(../webp/s12i.webp) 0 0}
#s12a div{position:absolute;margin-left:clamp(0px,100% - 162px,1280px - 192px);margin-top:199px;width:192px;height:210px;background:url(../webp/s12i.webp) -295px -197px}
#s12b{z-index:2}

#s13{background:linear-gradient(0,rgba(6,32,46,1) 0%,rgba(7,25,37,1) 87%,rgba(9,29,43,1) 100%)}
#s13 .sp h2,#s13 .sp h3,#s13 .sp h3 a{color:#ffc94f;font-weight:400;text-shadow:inherit}
#s13 .sp h3 a:hover{color:#fff}

#s14{padding:35px 0 35px 0;text-align:center;font:42px dncb;text-shadow:0 0 2px #007cca;background:url(../webp/s14b480.webp),linear-gradient(90deg,rgba(8,4,10,1) 50%,rgba(9,22,41,1) 50%);background-repeat:no-repeat;background-position:center bottom}
@media(min-width:480.01px){#s14{background-image:url(../webp/s14b768.webp),linear-gradient(90deg,rgba(8,4,10,1) 50%,rgba(9,22,41,1) 50%)}}
@media(min-width:768.01px){#s14{background-image:url(../webp/s14b992.webp),linear-gradient(90deg,rgba(8,4,10,1) 50%,rgba(9,22,41,1) 50%)}}
@media(min-width:992.01px){#s14{background-image:url(../webp/s14b1200.webp),linear-gradient(90deg,rgba(8,4,10,1) 50%,rgba(9,22,41,1) 50%)}}
@media(min-width:1200.01px){#s14{background-image:url(../webp/s14b1680.webp),linear-gradient(90deg,rgba(8,4,10,1) 50%,rgba(9,22,41,1) 50%)}}
@media(min-width:1680.01px){#s14{background-image:url(../webp/s14b1800.webp),linear-gradient(90deg,rgba(8,4,10,1) 50%,rgba(9,22,41,1) 50%)}}
#s14 section{row-gap:20px}
#s14 p{margin-top:-5px;font:20px dncb;color:#b7cedd;text-shadow:inherit}
@media(max-width:767.99px){
    #s14{font-size:30px}
    #s14 p{font-size:17px}
}

/*features*/
#s1f{background: linear-gradient(0deg, rgba(3,51,72,0) 0%, rgba(1,27,39,1) 100%), radial-gradient(circle, rgba(3,51,72,1) 0%, rgba(1,27,38,1) 50%);padding:100px 0 100px 0;}
.sp,.be{column-gap:20px}
#s1f .sp article,#s2 .sp article{padding:30px 0 60px 0}
.sp h1,.sp h2,.mt h2,.sp h3,.mt h3,.be h1,.be h2,.be h3{font:30px dncb;color: #fff;text-shadow: 0 0 2px #007cca}
.be h1,.be h2,.be h3{font-size:38px;padding:20px 0 20px 0;}
.be h3{font-size:32px;color:#e4e4e4;}
.be strong{color:#fff;}
.be i{border:none;padding:0;opacity:1;}
.be li{list-style-type: square;}
.sp h1{font-size:38px;}
.be h1{font-size:44px;}
.mt h2,.mt h3{ color: #ffdb4b;text-shadow: 0 0 6px #de0000, 0 0 12px rgb(222 0 0 / 80%)}
.sp p:nth-child(2),.sp p:nth-child(4),#thb p:nth-child(2){margin-top:5px}
#s2f{background: #022635 url(../webp/w2.webp) top no-repeat;background-position:calc(50% + 450px) 0%;padding:60px 0 100px 0;}
@media(max-width:991.99px){#s2f{background-image:none;padding: 30px 0 70px 0}}
#s3f{background:linear-gradient(0,rgba(6,32,46,1) 0%,rgba(7,25,37,1) 87%,rgba(9,29,43,1) 100%)}
#s3f{padding:0;}
#mp1{width:100%;height:auto;}
#s3f h2{padding:0}
#s3f article{align-self: center;}
#mp2,#mp3{width:100%;max-height:324px;-webkit-box-reflect: below 2px linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 82%, rgba(0, 0, 0, 0.3));}
#mp2{max-height:320px}
#mp3{max-height:315px}
.mpan{animation: bounceIn 1s ease-in-out forwards;animation-play-state: paused;}
#s3f ul{color:#98d1df;columns:2;list-style-position:inside;column-gap:20px;padding:0 0 40px 0}
#thc{
  position: relative;
    z-index: 2;
    display: grid;
    gap: 10px;
  grid-template:
  "c c b b b" 200px / 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
}

#th{position: absolute;z-index: 0;width: 773px;height: 301px;background: url(../webp/th.webp) no-repeat;grid-area: c;bottom:-100px;margin: 0 0 0 -200px;}
  #thb{grid-area:b;position:relative;z-index:1;}
  #thb p{height:auto;}
  @media (max-width: 992px) {
  #thc{
    grid-template:
    "b b b b b" 35%
    "c c c c c" 65% / 1fr 1fr 1fr 1fr 1fr;
  }
  #th{margin:0;min-height:290px;bottom:-90px;width:100%;height:100%;background-position:bottom;}
  #thb p{margin-top:20px!important;}
  }
  #lv1,#lv2,#lv3,#lv4,#lv5,#lv6,#lv7,#lv8,#lv9{
    position:absolute;z-index:4;bottom:10px;left:240px;background:url(../webp/levit.webp) 0 0;background-size:cover;
    width:13px;height:16px;
    transform: rotate(-15deg);
    animation: leve 5s infinite linear;
  }

  #lv2{left:200px;animation-delay: 2s;}
  #lv3{left:220px;animation-delay: 3s;}
  #lv4{left:280px;animation-delay: 2.5s;animation: leve 8s infinite linear;}
  #lv5{left:310px;animation-delay: 1s;}
  #lv6{left:330px;animation: leve 6s infinite linear;}
  #lv7{left:360px;animation-delay: 4s;}
  #lv8{left:385px;animation-delay: 2.8s;}
  #lv9{left:400px;animation-delay: 1s;animation: leve 7s infinite linear;}

  @keyframes leve {
    0% {
      -webkit-transform: translateY(0) rotate(0deg);
      transform: translateY(0) rotate(0deg);
      opacity: 1;
      border-radius: 0;
    }
    100% {
      -webkit-transform: translateY(-130px) rotate(720deg);
      transform: translateY(-130px) rotate(720deg) scale(0.8);
      opacity: 0.2;
      border-radius: 50%;
    }
  }
  @keyframes leve2 {
    0% {
      -webkit-transform: translateY(0) rotate(-45deg);
      transform: translateY(0) rotate(-45deg);
      opacity: 1;
      border-radius: 0;
    }
    100% {
      -webkit-transform: translateY(-60px) rotate(0deg);
      transform: translateY(-60px) rotate(10deg) scale(0.8);
      opacity: 0.2;
      border-radius: 50%;
    }
  }
  @media (max-width: 992px) {
      #lv1, #lv2, #lv3, #lv4, #lv5, #lv6, #lv7, #lv8, #lv9, #fv1, #fv2, #fv3, #fv4, #fv5, #fv6, #fv7{
          animation: none;
          display: none;
      }
  }

@media ( max-width: 767.99px ){
  #s3f ul{columns:1;}
  #s3f :nth-child(1) { grid-row: 2 / 3; grid-column: 1 / 13 }
  #s3f :nth-child(2) { grid-row: 1 / 1; grid-column: 1 / 13 }
  #s3f :nth-child(3) { grid-row: 3 / 3; grid-column: 1 / 13 }
  #s4f :nth-child(5) { grid-row: 6 / 6; grid-column: 1 / 13 }
  #s4f :nth-child(6) { grid-row: 5 / 5; grid-column: 1 / 13 }
  #mp1,#mp2,#mp3{padding-top:20px}
  #std{padding-top:40px}
  .be h1{font-size:36px;}
}
.ctr{display:flex;justify-content: center;align-items: center}
#s4f{background: linear-gradient(0deg, rgba(1,32,45,1) 0%, rgba(2,38,54,1) 100%)}
#s5f,#s7f{background: #011b26}
#s7f{padding:30px 0 60px 0}
#s6f{background: #022636;}
#howtoc a{color:#fff;}
#howtoc a:hover{color:#ffdb49;}
/*faq*/
#qus{background:linear-gradient(0,rgba(1,20,27,1) 35%,rgba(4,35,52,1) 100%);padding-bottom:25px}
@media(min-width:992px){#qus .row{grid-column-gap:50px}}
#qus details{color:#b7cedd;margin:25px 0 0px 0;border: 1px solid #003343;border-radius:9px;padding: 8px;background: rgba(13,26,33,0.7);}
#qus summary{font:400 26px dncb;color:#ffc94f;cursor:pointer;list-style-type:none}
#qus p{margin-top:15px}
#qus a{color:#67e9ff;font-weight:bold}
#qus a:hover{color:#fff}
#qus details>summary::-webkit-details-marker{display:none}
#qus details>summary::before{float:right;margin-left:15px;content: '+ ';color:#b7cedd}
#qus details[open]>summary::before{float:right;margin-left:15px;content: '- ';color:#b7cedd}
#qus details summary ~ *{animation:faqop .5s ease-in-out}@keyframes faqop{0%{opacity:0}100%{opacity:1}}
#qus iframe{margin-top:18px;aspect-ratio:16/9;height:100%;width:85%}
#qus details:hover {background: rgba(13,26,33,1);}
#qus details:hover summary{color:#98d1df;}
/*reviews*/
#revs{min-height:187px;padding-bottom:25px;background:linear-gradient(0,rgba(5,24,36,1) 0%,rgba(2,38,54,1) 100%)}
.tp{row-gap:20px;padding:20px 0 20px 0;align-items:center}
.tpa{display:grid;text-align:center;justify-content:center;z-index:2}
.tpa>div{width:202px;height:94px;background: url(../webp/trustpilot.webp) no-repeat;font:700 19px/20px dn}
.tpa>h3{margin-top:8px;font-weight:bold}
.tpa>p{font-size:15px;font-weight:400}
.tpb h3{font:700 17px/20px dn;color:#fff;padding-bottom:10px}
.tpb>span{font:700 17px/20px dn;color:#00d57d}
.revc article{padding:10px;}
@media(max-width:767.99px){.tpb{text-align:center}}
.rv{column-gap:20px;}
.rv article{margin-top:20px;background-color:#021926;border:1px solid #00161e;border-radius:10px;overflow:hidden;}
.rv article:hover{text-shadow:0 0 50px #007cca;}
.rv article:hover img{transform: translate3d(0px, -6px, 0) scale(1.05);filter: contrast(110%); }
.rv h4{font:700 18px dn;color:#fff;margin-bottom:15px;padding-left:55px}
.rv q{font: 400 14px dn;color:#98d1df}
.rv h4::before{position:absolute;margin-left:-55px;content:"";width:40px;height:40px;background:url(../webp/headsp.webp);border-radius:50%}
.rv h4::after{display:block;content:"";width:100%;height:19px;margin-top:6px;background:url(../webp/trstar.webp) no-repeat}
h4.strb::after{background-position-y:-19px}h4.strc::after{background-position-y:-38px}
h4.a2::before{background-position-x:-40px}h4.a3::before{background-position-x:-80px}h4.a4::before{background-position-x:-120px}h4.a5::before{background-position-x:-160px}h4.a6::before{background-position-x:-200px}h4.a7::before{background-position-x:-240px}h4.a8::before{background-position-x:-280px}h4.a9::before{background-position-x:-320px}h4.a10::before{background-position-x:-360px}h4.a11::before{background-position-x:-400px}
h4.a12::before{background-position-x:-440px}h4.a13::before{background-position-x:-480px}h4.a14::before{background-position-x:-520px}h4.a15::before{background-position-x:-560px}h4.a16::before{background-position-x:-600px}h4.a17::before{background-position-x:-640px}h4.a18::before{background-position-x:-680px}h4.a19::before{background-position-x:-720px}h4.a20::before{background-position-x:-760px}h4.a21::before{background-position-x:-800px}
h4.a22::before{background-position-x:-840px}h4.a23::before{background-position-x:-880px}h4.a24::before{background-position-x:-920px}h4.a25::before{background-position-x:-960px}h4.a26::before{background-position-x:-1000px}h4.a27::before{background-position-x:-1040px}h4.a28::before{background-position-x:-1080px}h4.a29::before{background-position-x:-1120px}h4.a30::before{background-position-x:-1160px}h4.a31::before{background-position-x:-1200px}
h4.a32::before{background-position-x:-1240px}h4.a33::before{background-position-x:-1280px}h4.a34::before{background-position-x:-1320px}h4.a35::before{background-position-x:-1360px}h4.a36::before{background-position-x:-1400px}h4.a37::before{background-position-x:-1440px}h4.a38::before{background-position-x:-1480px}h4.a39::before{background-position-x:-1520px}h4.a40::before{background-position-x:-1560px}h4.a41::before{background-position-x:-1600px}
h4.a42::before{background-position-x:-1640px}h4.a43::before{background-position-x:-1680px}h4.a44::before{background-position-x:-1720px}h4.a45::before{background-position-x:-1760px}h4.a46::before{background-position-x:-1800px}h4.a47::before{background-position-x:-1840px}h4.a48::before{background-position-x:-1880px}h4.a49::before{background-position-x:-1920px}h4.a50::before{background-position-x:-1960px}h4.a51::before{background-position-x:-2000px}
h4.a52::before{background-position-x:-2040px}h4.a53::before{background-position-x:-2080px}h4.a54::before{background-position-x:-2120px}h4.a55::before{background-position-x:-2160px}h4.a56::before{background-position-x:-2200px}h4.a57::before{background-position-x:-2240px}h4.a58::before{background-position-x:-2280px}h4.a59::before{background-position-x:-2320px}h4.a60::before{background-position-x:-2360px}h4.a61::before{background-position-x:-2400px}
h4.a62::before{background-position-x:-2440px}h4.a63::before{background-position-x:-2480px}h4.a64::before{background-position-x:-2520px}h4.a65::before{background-position-x:-2560px}h4.a66::before{background-position-x:-2600px}h4.a67::before{background-position-x:-2640px}h4.a68::before{background-position-x:-2680px}h4.a69::before{background-position-x:-2720px}h4.a70::before{background-position-x:-2760px}h4.a71::before{background-position-x:-2800px}
h4.a72::before{background-position-x:-2840px}
/*blog*/}
#bgg,#bgr{display:block;}
.blgr { border-radius: 0.75rem;border: 1px solid rgb(15 58 78);padding: 1.25rem;margin-bottom:25px;background-color:#091c25; }
.blgrh { display: flex; flex-direction: column; justify-content: center; font-size: 1.125rem; color: #f9f9f9; text-align: center; }
.blgrh h2 { margin: 0; font-weight: 500; }
.blgrh h3 { margin: 0; }
.bold { font-weight: 600; }
.blgr .line { border: 0; height: 1px; background-color: #394556; margin: 1rem 0; }
.blgr .info { text-align: center;font-size: 1.25rem;color:#98d1df; }
.actions { padding: 0 1.25rem; margin-top: 1.25rem; }
.betn { text-align: center; font-size: 1rem; min-width:0!important; padding: 0.75rem!important;margin:0!important;display:block; }
.crsbt {background: #053e4d!important;border: 1px solid #006468!important;color:#c6cfd1!important;}
.crsbt:hover{color:#fff!important;background: #053043!important;border: 1px solid #176b91!important;}
.links { display: flex; flex-direction: column; }
.links a{font-size: 1.05rem!important;padding:0!important;margin-bottom: 1rem!important;text-decoration: none;background:none!important;border-radius:0!important;border:none!important;min-width:0!important;}
.view-all { text-align: center; font-size: 1rem; text-decoration: underline!important; text-underline-offset: 0.25rem;color:#98d1df!important; }
.links a:hover{color:#ffdb4b!important;}

@media(min-width:992px){
  #bgg {grid-column-end: span 8;}
  #bgr{grid-column-start:10;}
}
.bloga {font:600 16px dn;color: rgb(209 213 219);padding:10px 0 20px 55px;}
.bloga::before{position: absolute;margin-left: -55px;margin-top:-1px;content: "";width: 40px;height: 40px;background: url(../webp/headsp.webp);border-radius: 50%;background-position-x: -2760px;}
.bloga span{font:600 16px dn;color:#6e94a5;line-height: 1.25rem;}
#s28 svg{height:1.25rem;margin-right: .75rem;display:block;}
#blcontents,#modcontents { margin-top:15px; font-size: 1.25rem;line-height: 1.8; color:#98d1df;}
/*affiliates*/
#s1e{min-height:320px;background: #011a28 url(../webp/waf1b.webp) top center no-repeat;padding:20px 0 20px 0;}
#s1ec{margin-top:90px;gap: 10px;
    display: grid;
    grid-template:
        "b b b b b" 80px
        "a c c c e" 80px
        "a d d d e" 40px / 0.2fr 1fr 1fr 1fr 1fr;
}
#s1ec img{grid-area:b;justify-self:center;}
#s1ec2{grid-area:e;width:192px;height:158px;background: url(../webp/af30.webp) left top no-repeat;margin:0 0 0 -10px}
#s1ec h1{grid-area:d;grid-area: c;font: 400 48px dncb;color:#fff;line-height:40px;text-align:right}
#s1e h1 span{font:400 30px dncb;margin-right:25px}
#s1e h2{grid-area:d;color: #ffdb4b;text-shadow: 0 0 6px #de0000, 0 0 12px rgb(222 0 0 / 80%);font:32px dncb;text-align:right}
#s2e{background:#022636;padding:20px 0 20px 0}
.rv {column-gap:40px}
.ct1{text-align:center;}
.rv h2{font: 400 30px dncb;color: #fff;text-shadow: 0 0 2px #007cca;text-align:left;padding:5px 10px 5px 10px}
.rv p{font: 17px dn;color: #6e94a5;text-align:left;padding:0 10px 10px 10px;}
.rv article img{ transition: transform 0.3s ease;}
#s3e{background:#011b26;padding-bottom:30px}
.ct1{padding:20px 0 20px 0}
.ct2 h2{text-align:left;padding:25px 0 0 0}
.ct2 p{text-align:left}
#s4e{min-height:150px;padding-top:60px;background: linear-gradient(0, rgba(3,51,72,0) 0, rgba(1,27,39,1) 100%),radial-gradient(circle, rgba(3,51,72,1) 0%, rgba(1,27,38,1) 50%)}
#s4e div{justify-self:center;padding-left:120px}
#s4e a{color:#ffdb4b;text-shadow: 0 0 6px #de0000, 0 0 12px rgb(222 0 0 / 80%);font: 32px dncb}
#s4e a span{float:left;font: 400 48px dncb;color:#fff;text-shadow:none;line-height:40px;}
#s4e a:hover span{color:#ffdb4b;text-shadow: 0 0 6px #de0000, 0 0 12px rgb(222 0 0 / 80%);}
#s4e div::before{content:"";position:absolute;margin:-15px 0 0 -120px;width:103px;height:105px;background:url(../webp/afb4.webp)}

@media(min-width:480px) and (max-width:767.99px) {
  #s1ec{margin-top:80px;
      grid-template:
          "b b b b b" 80px
          "c c c e a" 60px
          "d d d e a" 30px / 1fr 1fr 1fr 1fr 0.1fr;
  }
  #s1e{background: linear-gradient(0deg, rgba(20,39,76,1) 0%, rgba(2,27,39,1) 50%)}
  #s1e h1{font: 400 36px dncb;color:#fff;line-height:28px}
  #s1e h1 span{font: 400 24px dncb;}
  #s1e h2{font:24px dncb}
  #s1ec2{width:140px;background-size:contain}
  .rv {column-gap:0}
  #s4e a span{font: 400 34px dncb}
}
@media(max-width: 479.99px) {
  #s1ec{margin-top:40px;
      grid-template:
          "b b b b b" 50px
          "e e e e e" 95px
          "c c c c c" 60px
          "d d d d d" auto / 2fr 1fr 1fr 1fr 1fr;
      justify-items: center;
  }
  #s1ec img{width:280px;height:39px}
  #s1e{background: linear-gradient(0, rgba(20,39,76,1) 0%, rgba(2,27,39,1) 50%)}
  #s1e h1{font: 400 36px dncb;color:#fff;line-height:28px;text-align:center}
  #s1e h1 span{font: 400 24px dncb;margin-right:0}
  #s1e h2{font:24px dncb;text-align:center}
  #s1ec2{width:140px;background-size:contain}
  .rv {column-gap:0}
  .ct2 h2{font-size:24px}
  #s4e{min-height:100px;padding-top:30px}
  #s4e a{font:26px dncb}
  #s4e a span{font: 400 26px dncb;line-height:20px}
  #s4e div{padding-left:72px}
  #s4e div::before{content:"";position:absolute;margin:-4px 0 0 -72px;width:65px;height:66px;background:url(../webp/afb4.webp) no-repeat;background-size:contain}
  .be h1{font-size:28px;}
}
/*terms*/
#s1t{background: linear-gradient(0deg, rgba(5,24,36,1) 0%, rgba(2,38,54,1) 100%);padding:30px 0 30px 0}
#s1t .sp{column-gap:20px}
#s1t .sp h2,#s1t .sp h3{font:30px dncb;color: #fff;text-shadow: 0 0 2px #007cca;padding:10px 0 10px 0}
#s1t .sp h3{font-size:22px;padding:10px 0 5px 0}
#s1t .sp p{font:400 15px dn;color:#98d1df;padding-bottom:10px}
#s1t .sp p:nth-child(2){margin-top:5px}
#s1t ul{font:400 15px dn;color:#98d1df;padding-inline-start:20px;list-style-position:inside}
#s1t li{padding:5px 0 5px 0}
b{font-weight:bold;color:#fff;}
#s1t article{font: 400 22px dncb;color: #fff;text-shadow: 0 0 2px #007cca;padding-top:30px}
@media ( max-width: 767.99px ){
#s1t .sp h2{font-size:26px;padding:15px 0 7px 0}
#s1t .sp h3{font-size:20px}
#s1t ul{padding-inline-start:5px}
}
#s1t a{font-weight:bold;color:#fff}
#s1t a:hover{color:#ffdb4b}
/*tutorials*/
#s27{text-align: center;align-items: center;background: linear-gradient(0deg, rgba(15,38,48,0) -24%, rgba(13,26,33,1) 58%), radial-gradient(circle, rgba(15,38,48,0) 18%, rgba(13,26,33,1) 66%);padding: 20px 0 20px 0;}
#s27 .row{position:relative;height:auto;}
#s27 h1,#tuth1{font: 400 42px dncb;color: #fff;text-shadow: 0 0 2px #007cca;}
#s27 h2,#tuth1 span{font-size: 17px;color: #b7cedd;font-weight: 700;font-family: dn;}
#tuth1{line-height:27px;}
#s27 nav{margin-top:20px;}
#s27 nav>div{float: right; margin-left: auto;width:100%;}
#s27 input {width:100%;height:30px;background:#0d1a21;border-radius:9px;border: 1px solid #023742;padding: 6px 0 0 0;text-align: center;font-size:18px;font-weight: 700;color:#98d1df;}
#s27 label{font:400 20px dncb;color:#c6c6c6;padding:10px 10px 0 0;}
#s27 nav{padding:0 0px 0 0px;display:flex;flex-wrap:wrap;justify-content:center;align-items: center;}
#s27 nav a{width:auto;padding:0px 5px 0px 50px;margin-top:10px;float:left;height:42px;font-size:18px;font-family: dncb;line-height:20px;color: #98d1df;opacity:0.7;}
#s27 nav a::before{content:"";width:42px;height:42px;position:absolute;margin-left:-44px;opacity:0.5}
#s27 nav a:nth-child(1)::before{background:url(../webp/tc1.webp)no-repeat;margin-top:-10px;}
#s27 nav a:nth-child(2)::before{background:url(../webp/tc2.webp)no-repeat;margin-top:-12px;}
#s27 nav a:nth-child(3)::before{background:url(../webp/tc3.webp)no-repeat;margin-top:-12px;}
#s27 nav .ybgms,#s27 nav .ybgms::before,#s27 nav a:hover,#s27 nav a:hover::before{opacity:1;}

#s28{background: linear-gradient(0deg, rgba(0,44,57,1) 0%, rgba(9,28,37,1) 70%);padding:20px 0 30px 0;min-height:400px;}
#s28 a{grid-column-end: span 12;min-width: 300px;margin:5px 0 5px 0;font:17px dnb;border-radius: 9px;padding: 6px 6px 6px 10px;color: #afb9bc;background: #032731;border: 1px solid #003a3c;}
#s28 a h3{font:17px dnb;color: #afb9bc;margin:0;padding:0 0 0 16px;}
#s28 a h3::before{content:"";width:12px;height:16px;background:url("../webp/fich.webp");position:absolute;margin:3px 0 0 -20px;opacity:0.8;}
#s28 a:hover {background: #42211b;border: 1px solid #784d35;color: #ffdb4b;}
#s28 a:hover h3{color: #ffdb4b;}
@media(min-width:480.01px){
#s27 nav a{font-size:22px;padding:0 30px 0 50px;}
#s27 nav a::before{margin-left:-48px;}
#s27 nav{padding:0 10px 0 10px;}
#s27 input {width:290px;height:36px;}
#s27 nav>div{width:auto;}
}
@media(min-width:768.01px){
#s28 a{grid-column-end: span 6;}
}
.ovngc ul{display: flex;flex-direction: column;}
.ovngc li{display:flex;}
.ovngc h2{font:400 20px dncb;color:#dcdcdc;padding:0 0 10px 0;}
.ovngc p{width:100%;height: 18px;padding: 5px 10px 6px 10px;font: 700 15px dnb;color: #abbfce;background: #0d1a21;border: 1px solid #09161d;border-top-right-radius: 6px;border-bottom-right-radius: 6px;border: 1px solid #0c363a;}
.ovngc li label{floatl:left;width:auto;min-width:160px;height:16px;text-align:left;padding:6px 10px 5px 10px;background:#42211b;border:1px solid #784d35;color:#ffdb4b;margin-right: -10px;border-radius: 6px;font: 400 14px dnb;}
.ovngc li{list-style:none;height:38px;}
.ovngc li input{width:100%;}
.ovngc{position:relative;display:flex;flex-direction: column;z-index:12;font-family: dn;padding: 5px 10px 5px 10px;pointer-events:auto;background: rgba(2,25,38,0.9);border: 2px solid #005770;border-radius: 10px;}
.ovngc a{padding: 5px 12px 5px 12px;text-align: center;font: 400 18px dncb;color: #98dfd9;margin-top:5px;background: linear-gradient(0deg, rgba(31,48,51,1) 10%, rgba(43,60,63,1) 90%);border-radius: 6px;}
.ovngc a:hover{background: linear-gradient(0deg, rgba(212,75,21,1) 10%, rgba(222,207,35,1) 90%);color:#080f13;}
.ovngc li input,.ovngc li select{width:100%;max-width:400px;height:17px;padding:6px 10px 4px 10px;margin-bottom:15px;font:400 17px dnb;color:#abbfce;background:#0d1a21;border:1px solid #09161d;border-top-right-radius:6px;border-bottom-right-radius:6px;border: 1px solid #0c363a;}
.ovngc li select{width:100%;height:29px;font-size:16px;}
.ovngc li input:hover,.ovngc li select:hover{background:#0a161d;}
#arcontents a,#blcontents a,#modcontents a,#backb{font-size:1.25rem;color:#fff;background:none!important;border:none!important;padding:0!important;margin:0!important;border-radius:0!important;min-width:0!important;}
#backb{font-size:18px!important;}
#arcontents a:hover,#blcontents a:hover,#modcontents a:hover{color:#ffdb49!important;}
#arcontents img,#blcontents img,#modcontents img{box-shadow: 0px 0px 35px 10px rgb(0 0 0 / 20%);}
#arcontents ol,#blcontents ol,#modcontents ol{margin-left:40px;}
#arcontents li,#blcontents li,#modcontents li{line-height:28px;}
#blcontents p,#modcontents p{padding-bottom:20px;}
/*index anim*/
.levit1,.levit2,.levit3,.levit4,.levit5,.levit6{
  position:absolute;top:310px;right:90px;z-index:3;background:url(../png/levit.png) 0 0;background-size:cover;
  width: 41px;height:41px;
  transform: rotate(-15deg);
  animation: bouge 5s infinite alternate-reverse;
}
.levit2{
  top:200px;right:330px;
  width:36px;height:36px;opacity:0.7;
  transform: rotate(-35deg);
  animation: bouge2 5s infinite alternate-reverse;
}
.levit3{
  display:none;
  top:250px;left:500px;opacity:0.8;
  width:32px;height:32px;
  transform: rotate(0deg);
  animation: bouge3 4s infinite alternate-reverse;
}
.levit4{
  top:230px;right:555px;
  width:28px;height:28px;opacity:0.9;
  transform: rotate(-30deg);
  animation: bouge4 4s infinite alternate-reverse;
}
.levit5{
  top:245px;right:128px;opacity:0.7;
  width:20px;height:20px;
  transform: rotate(-10deg);
  animation: bouge5 3s infinite alternate-reverse;
}
.levit6{
  top:300px;right:500px;
  width:22px;height:22px;opacity:0.5;
  transform: rotate(10deg);
  animation: bouge6 5s infinite alternate-reverse;
}
@keyframes bouge{from{transform: translateY(0px) rotate(-15deg);}to{transform: translateY(20px) rotate(30deg);}}
@keyframes bouge2{from{transform: translateY(35px) rotate(-35deg);}to{transform: translateY(10px) rotate(-10deg);}}
@keyframes bouge3{from{transform: translateY(15px) rotate(0deg);}to{transform: translateY(40px) rotate(40deg);}}
@keyframes bouge4{from{transform: translateY(30px) rotate(-30deg);}to{transform: translateY(15px) rotate(0deg);}}
@keyframes bouge5{from{transform: translateY(-10px) rotate(-10deg);}to{transform: translateY(10px) rotate(15deg);}}
@keyframes bouge6{from{transform: translateY(0px) rotate(10deg);}to{transform: translateY(20px) rotate(40deg);}}
@media(min-width:992px){.sp{column-gap:80px}#s4 .sp{column-gap:20px;}
.levit3 {display:block;}
}

element.style {
}
@media (max-width: 767.99px){.levit1,.levit2,.levit4,.levit5,.levit6{display:none;}}
/*modpacks*/
#w13{background: linear-gradient(0deg, rgba(5,24,36,1) 0%, rgba(2,38,54,1) 100%);}
.rvp{column-gap:20px;padding:10px 0 10px 0}
.rvp a{margin:10px 0 10px 0;padding:6px;background-color:#021926;border:1px solid #00161e;border-radius:10px;
  display:grid;
  grid-template:
              "a b b b b e" auto
              "a c c c c c" auto
              "a d d d d d" auto / 1fr 1fr 1fr 1fr 1fr 1fr;
}
.rvp a:hover{text-shadow:0 0 50px #007cca;border:1px solid #27445a}
.rvp h2{grid-area: b;font:400 26px dncb;color:#fff;margin-bottom:8px}
.rvp img{grid-area: a;width:108px;height:108px;margin:0 10px 0 0;border-radius:9px; transition: filter 0.3s, transform 0.3s;}
.rvp a:hover img{filter: contrast(130%);transform: scale(1.05);}
.rvp p{grid-area: c;font:400 15px dn;line-height:17px;color:#80a2b2;margin-bottom:10px;}
.rvp span{grid-area: d;width:100%;font:700 18px dn;line-height:18px;color:#98d1df;text-align:left;word-spacing:10px;}
.rvp span b{float:right;font:700 18px dn;color:#ffbb4b;word-spacing:0px}
.rvp a:hover span b{color:#fff}
.rvp h3{grid-area: e;text-align:right;font:700 18px dn;color:#98d1df;margin-top:7px}
.fav::before{content:"";float:left;width:27px;height:25px;background:url(../webp/stcs.webp) center 3px no-repeat}
@media(max-width:479.99px){.rvp h2{font-size:20px}.fav::before{background-position:center -1px}.rv h3{margin-top:1px}
  .rvp a{grid-template:
                "a a a a a a" auto
                "b b b b b e" auto
                "c c c c c c" auto
                "d d d d d d" auto / 1fr 1fr 1fr 1fr 1fr 1fr;
  }
.rvp img{margin:0 0 10px calc(50% - 54px)}
}
/*sous page*/
.spac .sp{column-gap:20px}
.spac .sp article{padding:30px 0 10px 0;z-index:1}
.spac .sp h2,.mt h2{font:30px dncb;color: #fff;text-shadow: 0 0 2px #007cca}
.sp h2{padding:30px 0 0 0;}
.sp h3{padding:30px 0 0 0;}
.spac .sp p{margin-top:20px;font:400 17px dn;color:#98d1df}
.spac .sp p:nth-child(2){margin-top:5px}
#s1m{background: linear-gradient(0deg, rgba(3,51,72,0) 0%, rgba(1,27,39,1) 100%), radial-gradient(circle, rgba(3,51,72,1) 0%, rgba(1,27,38,1) 50%);padding:20px 0 20px 0;}
#s1m nav{font: 400 20px dncb;color: #578aa0;padding:15px 0 2px 0;border-bottom: 2px solid transparent;border-image: linear-gradient(90deg, rgba(2,52,75,1) 0%, rgba(1,26,36,1) 100%);border-image-slice: 1}
#s1m a{font: 400 20px dncb;color: #578aa0}
#s1m a:hover{color:#98d1df}


.tr{column-gap:20px;padding:10px 0 10px 0}
.tr article{margin:10px 0 10px 0;padding:6px;border-radius:10px;gap:10px;
  display:grid;
  grid-template:
              "a b b b b b" 40px
              "a c c c c c" auto
              "a d d d e e" 40px / 1fr 1fr 1fr 2fr 1fr 1.5fr;
}
.tr h1,.tr h2{grid-area: b;font:400 32px dncb;color:#fff}
.tr img{grid-area: a;width:160px;height:160px;margin:0 10px 0 0;border-radius:9px;-webkit-box-reflect: below 2px linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 80%, rgba(0, 0, 0, 0.4));}
.tr p{grid-area: c;font:400 17px dn;line-height:17px;color:#80a2b2;margin-bottom:10px;}
#s1m ul{grid-area: d;list-style:none;display: flex;flex-flow: wrap;justify-content: left;gap:7px}
#s1m li{padding:2px 6px 2px 6px;font:700 16px dn;line-height:18px;text-align:center;color:#011b26;border-radius:5px;background: linear-gradient(0deg, rgba(255,112,37,1) 0%, rgba(255,204,0,1) 93%); -webkit-box-reflect: below 2px linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 31%, rgba(0, 0, 0, 0.2));}

#s1m li:nth-child(2){color:#98d1df;background: rgb(2,52,75);background: linear-gradient(0deg, rgba(2,52,75,1) 0%, rgba(0,92,134,1) 93%)}
#s1m li span {font:700 13px dn;color:#3a4347}
#s1m li:nth-child(3),#s1m li:nth-child(4){color:#98d1df;background: rgb(0,29,43);background: linear-gradient(0deg, rgba(0,29,43,1) 0%, rgba(3,52,75,1) 93%)}
#s1m li:nth-child(3) span,#s1m li:nth-child(4) span,#s1m li:nth-child(2) span{font:700 13px dn;color:#80a2b2}


#s2m,#s4m,#s5m{background: #022636;padding:20px 0 20px 0;}
#s3m{background:#011b26;padding:0 0 20px 0}
#s3m p{padding:0 0 30px 0}
#s4m p,#s5m p{padding:0 0 10px 0}
#bt1{width:auto;height:auto;font:700 16px dn;line-height: 18px;text-align: center;color: #fff9e2;border-radius: 5px;background: rgb(149,42,0);background: linear-gradient(0deg, rgba(149,42,0,1) 0%, rgba(255,88,0,1) 93%);padding: 11px 11px 11px 11px}
#s3m ul{list-style: none;display: flex;flex-flow: wrap;justify-content:left;gap:20px}
#xt1{width: auto;height:20px;font: 400 17px dn;color: #80a2b2; text-align: center;}
.ctr {display: flex;justify-content: center;align-items: center}
.ctr img{margin-top:10px}
#s4m ol,#s5m ul{font: 400 17px dn;color:#98d1df;padding-inline-start:20px;list-style-position: inside}
#s5m ul{list-style: none;max-width:600px}
#s4m li{padding: 5px 0 5px 0}
#s4m b{font-weight:bold;}
#s5m{background:#011b26}
#s5m li{font-weight:bold;color:#80a2b2;padding: 5px 0 5px 0;border-bottom: 2px solid transparent;border-image: linear-gradient(90deg, rgba(2,52,75,1) 50%, rgba(1,26,36,1) 100%);border-image-slice: 1}
#s5m li:first-of-type{font-weight:bold;color:#b2dcef}
#s5m li b{float:right}
#s6m{min-height: 130px;background: url(../webp/h4as.webp) no-repeat center bottom, linear-gradient(90deg, rgba(8,4,10,1) 50%, rgba(9,22,41,1) 50%);padding:20px 0 20px 0;}
#s6m .pc{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;height:auto;min-height:130px;padding: 10px 0 10px 0;column-gap:20px;row-gap:10px;}
#s6m p{font: 700 20px dncb;color: #fff}
#s6m a{width:100px;height:100px;border: 2px solid black;opacity:0.95}
#s6m a:hover{opacity:1}
@media(max-width:991.99px){
  .spac .sp article{padding:10px 0 10px 0}
  #s3m ul{justify-content:center}
  #s6m p{width:100%}
  #s6m .pc{justify-content: center}
}
@media(max-width:767.99px){
  #s6m{background-size: cover}
  .tr article{
    grid-template:
                "a b b b b b" 40px
                "a c c c c c" auto
                "a d d d d d" 40px
                "a e e e e e" 40px / 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  #s1m bt a{float:left}
  .tr img{grid-area: a;width:100px;height:100px;margin:0 10px 0 0}
  #s1m li{padding:2px 6px 2px 6px;font:700 15px dn;}
  #s1m li span,#s1m li:nth-child(3) span,#s1m li:nth-child(4) span,#s1m li:nth-child(2) span{font:700 12px dn}
}
@media(max-width:479.99px){
  #s6m .pc{justify-content: center}
  #s6m p{text-align:center}
  #s4m ol,#s5m ul{padding-inline-start:5px;}
    .tr article{
      grid-template:
                  "a a a a a a" auto
                  "b b b b b b" 40px
                  "c c c c c c" auto
                  "d d d d d d" 36px
                  "e e e e e e" 36px / 1fr 1fr 1fr 1fr 1fr 1fr;justify-items: center;
    }
    .tr img{grid-area: a;width:120px;height:120px;margin:0 10px 0 0}
    #s1m li{padding:2px 6px 2px 6px;font:700 13px dn;}
    #s1m li span,#s1m li:nth-child(3) span,#s1m li:nth-child(4) span,#s1m li:nth-child(2) span{font:700 11px dn}
}


/*free server*/
#h9{background: linear-gradient(0deg, rgba(5,24,36,1) 0%, rgba(2,38,54,1) 100%);font-size:17px;color:#98d1df;}
#fsb,#fsd {float: left;width: calc(100% - 40px);height: auto;padding: 20px 20px 00px 20px;display: flex;justify-content: center;flex-wrap: wrap;}
#fsd{flex-wrap:nowrap;}
.fsdc{padding:10px 10px 10px 10px;background-color:#021926;margin: 8px 8px 8px 8px;border-radius:10px;color:#98d1df;text-shadow: 0 0 50px #007cca;border:1px solid #27445a}
.fsdc h2{float:left;font:400 26px dncb;color:#fff;width:100%;height:auto;line-height:22px;margin:0 0 10px 0;padding:0px;text-shadow:none}
.fsbc{float:left;position:relative;width: auto;height:auto;padding:10px 10px 10px 10px;background-color:#021926;margin: 8px 8px 8px 8px;border-radius:10px;font:400 24px dncb;line-height:25px;text-align:center;color:#fff;border:1px solid #27445a}
.fsbc span{color:#ffbb4b}
#vd{float:left;width:100%;text-align:center;margin:60px 0 30px 0}
.video {aspect-ratio: 16 / 9;width:100%;height:auto;max-width:800px}
/*offers*/
#BuyForm{width:100%;height:100%;}
#s44{background: linear-gradient(0deg, rgba(3,51,72,0) 0%, rgba(1,27,39,1) 100%), radial-gradient(circle, rgba(3,51,72,1) 0%, rgb(3 31 45) 50%);padding:20px 0 40px 0;}
#s22{background: linear-gradient(0deg, rgb(1 27 39) 0%, rgb(0 22 32) 70%);padding:30px 10px 10px 10px;}
#s22 h1{font:400 38px dncb;color:#9cbfce;}
#s22 p{font:400 18px dnb;color:#dcdcdc;padding-bottom:20px;}
#s22 .info p{font:400 17px dnb;color:#abbfce;padding:0 30px 0 36px;min-height:42px;background:url(../webp/info.webp)left top no-repeat;}
#s22 p span{font:400 15px dnb;color:#4db5ca;margin-top:6px;float:left;}
#s23{background: linear-gradient(0deg, rgb(4 22 28) 15%, rgb(9 28 37) 55%, rgb(11 33 43) 55%, rgb(5 19 25) 100%);padding:0}
#s23 label{padding:8px 0 0 50px;}
.s23c{margin-top:40px;background: linear-gradient(0deg, rgb(2 36 51) 15%, rgba(12,32,39,0.3) 75%, rgba(16,32,40,0.3) 75%, rgba(15,30,37,0.7) 100%);width: 100%;}
#coeurs{float:left;width:100%;height:auto;}
#coeurs h2{float:left;font:400 24px dncb;color:#dcdcdc;padding:20px 0 0 20px;}
#ghz{float:right;width:144px;height:41px;background: url(../webp/rz4.webp)no-repeat;margin:6px 10px 0 0;}
#ghz.r7900{background-position-y:-41px}
#ghz.r9950{background-position-y:-82px}
#coeursb{float:left;width:100%;height:auto;padding:12px 0 20px 0;display:flex;justify-content:center;align-items: center;gap:40px}
#ofcpb1,#ofcpb2,#ofcpb3,#ofcpb4{color:#516875;text-shadow:none;}
#ofcpb1::before,#ofcpb2::before,#ofcpb3::before,#ofcpb4::before{content:"";width:154px;height:124px;position:absolute;top:0px;left:0px;background:url(../webp/core1s.webp)no-repeat}
#ofcpb2::before{background:url(../webp/core2s.webp)no-repeat}
#ofcpb3::before{background:url(../webp/core3.webp)no-repeat}
#ofcpb4::before{background:url(../webp/core4.webp)no-repeat}
#ofcpb1 span,#ofcpb2 span,#ofcpb3 span,#ofcpb4 span{font-size:28px;line-height:18px;color:#dcdcdc;position:absolute;top:50px;left:0px;text-shadow:none;}
#ofcpo{font:400 30px dncb;color: #516875}
#ofcpo::before{content:"";width:154px;height:124px;position:absolute;top:0px;left:0px;background:url(../webp/coreog.webp)no-repeat;color:#516875}
#ofcpo span{font-size:28px;line-height:18px;color:#96fbff;text-shadow: 0 0 6px #0096ff, 0 0 3px #0096ff;position:absolute;top:50px;left:0px;}
#ofcpb1 span b,#ofcpb2 span b,#ofcpb3 span b,#ofcpb4 span b,#ofcpo span b{font-size:18px;color:#dcdcdc;text-shadow:none;}
#ofcpo p{font:400 16px dncb;line-height:14px;color:#ffffff;position:absolute;top:55px;right:-14px;}
#ofcpo p b{font:400 26px dncb;line-height:16px;color: #96fbff;text-shadow: 0 0 6px #0096ff, 0 0 3px #0096ff;}
.ofcpo,.ofcpb,.ofcpos,.ofcpbs{position:relative;width:154px;height:46px;font:400 24px dncb;background:url(../webp/corebg.webp)no-repeat;text-align:center;padding:84px 0 0 0;}
.ofcpb,.ofcpbs{height:42px;padding:88px 0 0 0;}
.ofcpo:hover,.ofcpb:hover,.ofcpos,.ofcpbs{background:url(../webp/corebgo.webp)no-repeat;color:#96fbff!important;text-shadow: 0 0 6px #0096ff, 0 0 3px #0096ff!important;}
.ofdes{display:none;}
.ofcpbs::before,.ofcpos::before{animation: up-down 1s infinite alternate;}
@keyframes up-down {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(4px);
  }
}
#s30 .ofgapc{gap:9px;height:460px;}
.ofw label,#lvers{float:left;min-width:175px;font:30px dncb;color:#fff;padding-left:50px;}
.ofw label::before,#lvers::before{content:"";width:43px;height:41px;background: url(../webp/panelsp.webp)-126px -513px no-repeat;position:absolute;margin:0 0 0 -50px;}
.ofw label span, #lvers span{color:#ffba00;}
#htn {float: left;margin:32px 0 0 0;display: flex;justify-content: center;flex-wrap: wrap;}
#BuyDomain{float: left;width:100%;height:37px;font: 22px dnb;color: #98d1df;text-align: center;padding: 2px 6px 0;background:#06141a;border-radius: 9px;border: 1px solid #023742;}
#htnw{width: 270px;height: 24px;font: 18px dncb;color: #77a7b4;margin:12px 0 0 0;text-align:center;}
#s26{background:linear-gradient(0deg, rgba(3,27,39,0.1) 0%, rgba(1,27,39,1) 100%), radial-gradient(circle, rgba(1,32,47,1) 30%, rgba(1,27,38,1) 60%);padding:10px 0 20px 0;}
#s26::before {content: "";position: absolute;width: 100%;height: 15px;/*background: url(medias/sign.webp)center bottom repeat-x;*/margin-top:-24px;}
#s26 h2{float:left;font:400 24px dncb;color:#dcdcdc;}
#details{display: flex;justify-content: center;}
#s26 ul {margin:20px 0 0 0;
  font:400 20px dncb;line-height:30px;
    color: #768d9b;
    column-gap:40px;
    padding:0 0 0 0;list-style:none;
    column-count:1;
}
#s26 li{position:relative;/*background:url(medias/tagy.webp)0 7px no-repeat;*/padding-left:24px;padding-left:32px;}
#s26 li::before{content:"";width:32px;height:25px;position:absolute;margin:2px 0 0 -32px;background: url(../webp/offspr.webp) -149px -5px no-repeat;}
#cmdc{position:relative;width:100%;display: flex;justify-content:center;padding:35px 0 0 0;gap:10px;}
@media(min-width:480.01px){#cmdc{justify-content:right;}}
#cmdc h2{font:400 24px dncb;color:#dcdcdc;margin:0 -60px 0 0;}
  #oamount{min-width:80px;font:400 20px dncb;color: #96fbff;text-shadow: 0 0 6px #0096ff, 0 0 3px #0096ff;margin:24px 10px 0 0;}
  #Buy,#validOrder,#Confirm,#Change{position:relative;z-index:2;margin-top:0px;justify-self: right;width:327px;height:49px;margin-right:0px;font:400 36px dncb;text-align:center;color: #ffdb4b;text-shadow: 0 0 6px #de0000, 0 0 12px rgb(222 0 0 / 80%)}
  #Buy:before,#Confirm:before,#validOrder:before,#Change:before{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:327px;height:53px;background:url(../webp/cmd.webp);opacity:0.7}
  #Buy:hover:before,#Confirm:hover:before,#validOrder:hover:before,#Change:hover:before{opacity:1;}
  #s34 #Buy,#s34 #Confirm,#s34 #Change{margin:8px 0 0 0;}
  #ict2{grid-area:rn2;width:auto;height:auto;display:flex;flex-direction: row;flex-wrap: wrap;justify-content: center;margin:0;padding:0;background:none;}
  #opt2{grid-area:pn2;width:auto;height:auto;margin:0;display:flex;flex-direction: row;flex-wrap: wrap;justify-content: center;}
#s35{background: linear-gradient(0deg, rgb(2 37 53) 0%, rgba(11,30,39,1) 70%);padding:30px 0 30px 0;}
#s36{background:linear-gradient(0deg, rgba(3,31,45,1) 0%, rgba(2,36,51,1) 50%, rgba(2,37,53,1) 100%);padding:40px 0 20px 0;}
.ren2 {
      display: grid;margin: 0 auto;padding: 0 10px 0 10px;width: clamp(300px,100% - 20px,1200px);height: 100%;
      grid-template:
          "rn1" auto
          "rn2" auto/ 1fr;
      grid-row-gap:20px;
  }
  .ren3 {
        display: grid;margin: 0 auto;padding: 0 10px 0 10px;width: clamp(300px,100% - 20px,1200px);height: 100%;
        grid-template:
            "pn1" auto
            "pn2" auto/ 1fr;
        grid-row-gap:20px;
    }
  .ren2 label,.ren3 label,#s26 label{min-width:230px;font:30px dncb;color:#fff;padding-left:50px;}
  .ren2 label::before,.ren3 label::before,#s26 label::before{content:"";width:43px;height:41px;background: url(../webp/panelsp.webp)-126px -513px no-repeat;position:absolute;margin:0 0 0 -50px;}
  .ren2 label{grid-area:rn1;}
  .ren3 label{grid-area:pn1;}
  .ren2 label span,.ren3 label span,#s26 label span{color:#ffba00;}


  .durc,.durcs{float:left;width:124px;width:113px;margin-right:18px;font-family:"dncb"}
  .durc a,.durcs a{float:left;width:124px;height:113px;background:url(../png/durcs.png) 0 0}
  .durc a:hover,.durcs a{background:url(../png/durcs.png) 0 -113px}
  .durh,.durx,.durb{float:left;width:100%;height:auto;text-align:center}
  .durh{margin-top:6px;font-size:18px;color:#d1f5ff}
  .durx{margin-top:14px;font-size:32px;color:#9ccad1}
  .durcs .durx{color:#c3f9ff}
  .durc a:hover .durx{color:#c3f9ff}
  .durb{float:right;width:auto;margin:0 20px 0 0;font-size:17px;color:#3d95a9;text-align:right}
  .duro{position:absolute;z-index:10;top:29px;right:8px;width:auto;height:auto;font-size:18px;color:#ffdb49;text-shadow: 0 0 6px #de0000,0 0 12px red}

  .rcmd {position: absolute;top: 12px;right: 8px;z-index: 4;width: 27px;height: 19px;}


  .rgl,.rgls,.rgr,.rgrs{float:left;position:relative;width:100%;display:flex;justify-content: center;animation: slideUpFadeIn 0.5s ease forwards;}
  @keyframes slideUpFadeIn {
      0% {opacity: 0;transform: translateY(50px);}
      100% {opacity: 1;transform: translateY(0);}}

  #rglw{position:absolute;z-index:5;top:0;left:0;width:23%;height:228px}
  #rgle{position:absolute;z-index:5;top:0;right:0;width:38%;height:160px}
  #rglf{position:absolute;z-index:5;top:160px;right:0;width:38%;height:68px}
  #rglm{position:absolute;z-index:5;top:0;left:23%;width:38%;height:228px}
  #rgrw{position:absolute;z-index:5;top:0;left:0px;width:175px;height:305px}
  #rgre{position:absolute;z-index:5;top:0;left:175px;width:125px;height:305px}
  #rgr2{position:absolute;z-index:5;top:178px;left:300px;width:140px;height:140px}
  #rgrw:hover~.tg2,.euzone #rgrw~.tg2{opacity:1}
  #rgle:hover,#rglf:hover,#rglm:hover,#rglw:hover,#rgr2:hover,#rgrw:hover,#rgre:hover{cursor:pointer}
  #rglbg,.rgl>div{position:relative;width:365px;height:228px;}

  #rglbg::before{content:"";position:absolute;width:100%;height:100%;opacity:.4;background:url(../webp/offspr.webp) -536px -295px no-repeat}
  #rgrbg,.rgr>div{position:relative;width:320px;height:305px;}
  .rgr>div{width:440px;}
  .rgl>div,.rgr>div{transform:scale(0.7);}
  .rgr>div{margin-left:-30px;}
  #rgrbg::before{content:"";position:absolute;width:100%;height:100%;opacity:.4;background:url(../webp/offspr.webp) -5px -241px  no-repeat}
  #rgr2bg{position:absolute;z-index:1;bottom:0px;left:300px;width:134px;height:125px;opacity:.4;background:url(../webp/offspr.webp) -5px -5px no-repeat}
  #loc1,#loc2,#loc3,#loc4,#loc5,#loc6,#loc7{position:absolute;z-index:2;top:85px;right:250px;width:98px;height:32px;background:url(../webp/offspr.webp) -335px -299px no-repeat;font:19px dncb;color:#4db5ca;padding:9px 0 0 35px}
  #loc2{top:65px;right:0px;width:96px;padding:9px 0 0 37px}
  #loc3{top:186px;left:20px;width:93px;padding:9px 0 0 40px}
  #loc4{top:145px;right:120px;width:93px;padding:9px 0 0 40px}
  #loc5{top:230px;left:310px;width:93px;padding:9px 0 0 40px}
  #loc6{top:185px;right:-20px;width:93px;padding:9px 0 0 40px}
  #loc7{top:172px;left:172px;width:93px;padding:9px 0 0 40px}
  .uszone #rgle~.tg1{opacity:1;-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(#000),to(rgba(0,0,0,0)));mask-image:linear-gradient(to left,#000,rgba(0,0,0,0))}
  .uczone #rglw~.tg1{opacity:1;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0)));mask-image:linear-gradient(to right,#000,rgba(0,0,0,0))}
  .umzone #rgle~.tg1{opacity:1;-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(#000),to(rgba(0,0,0,0)));mask-image: linear-gradient(-25deg, #000 0%, rgba(0, 0, 0, 0) 65%);}
  .udzone #rglm~.tg1{opacity:1;-webkit-mask-image:-webkit-gradient(circle,right top,left top,from(#000),to(rgba(0,0,0,0)));mask-image:radial-gradient(circle at 50% 80%,#000,rgba(0,0,0,0))}
  #rgle:hover~.tg1{opacity:1;-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(#000),to(rgba(0,0,0,0)));mask-image:linear-gradient(to left,#000,rgba(0,0,0,0))}
  #rglw:hover~.tg1{opacity:1;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0)));mask-image:linear-gradient(to right,#000,rgba(0,0,0,0))}
  #rglf:hover~.tg1{opacity:1;-webkit-mask-image:-webkit-gradient(linear,right top,left top,from(#000),to(rgba(0,0,0,0)));mask-image: linear-gradient(-25deg, #000 0%, rgba(0, 0, 0, 0) 65%);}
  #rglm:hover~.tg1{opacity:1;-webkit-mask-image:-webkit-gradient(circle,right top,left top,from(#000),to(rgba(0,0,0,0)));mask-image:radial-gradient(circle at 50% 80%,#000,rgba(0,0,0,0))}
    .rozone #rgre~.tg2{opacity:1;-webkit-mask-image:-webkit-linear-gradient(right, #000 0%, rgba(0,0,0,0) 100%);mask-image: linear-gradient(to left, #000 0%, rgba(0,0,0,0) 100%);}
    .euzone #rgrw~.tg2{opacity:1;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0)));mask-image:linear-gradient(to right,#000,rgba(0,0,0,0))}
    #rgrw:hover~.tg2{opacity:1;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0)));mask-image:linear-gradient(to right,#000,rgba(0,0,0,0))}
    #rgre:hover~.tg2{opacity:1;-webkit-mask-image:-webkit-linear-gradient(right, #000 0%, rgba(0,0,0,0) 100%);mask-image: linear-gradient(to left, #000 0%, rgba(0,0,0,0) 100%);}
  #rglw:hover~#rglbg::before,#rgle:hover~#rglbg::before,#rglf:hover~#rglbg::before,#rglm:hover~#rglbg::before,#rgrw:hover~#rgrbg::before, #rgre:hover~#rgrbg::before, .uczone #rglw~#rglbg::before, .euzone #rgre~#rgrbg::before, .uszone #rgle~#rglbg::before, .umzone #rglf~#rglbg::before, .udzone #rglm~#rglbg::before, .euzone #rgrw~#rgrbg::before, .rozone #rgre~#rgrbg::before,  #rgr2:hover~.tg5,.auzone #rgr~.tg5,.auzone #rgr2~.tg5{opacity:1;}
  #rgle:hover~.tgi2,
  #rglf:hover~.tgi5,
  #rglm:hover~.tgi4,
  #rglw:hover~.tgi1,
  #rgr2:hover~.tgi5,
  #rgrw:hover~.tgi3,
  #rgre:hover~.tgi7,
  .auzone #rgr2~.tgi5,
  .euzone #rgrw~.tgi3,
  .rozone #rgre~.tgi7,
  .uczone #rglw~.tgi1,
  .udzone #rglm~.tgi4,
  .umzone #rgle~.tgi5,
  .uszone #rgle~.tgi2{background:url(../webp/offspr.webp) -335px -340px no-repeat;color:#ffdb4b;text-shadow:0 0 6px #de0000,0 0 12px rgba(222,0,0,.8)}

  #fdbl{position:relative;z-index:10;width:191px;height:48px;margin-top:-316px;justify-self:center;}
  #fdbl a{float:left;width:191px;height:38px;background:url(../webp/offspr.webp) -335px -241px no-repeat;opacity:.6;font:18px dncb;color:#66d2e8;text-align:center;padding-top:10px}
  #fdbl a:hover{opacity:1}
  #divacp{float:left;position:relative;width:100%;height: auto;margin:-11px 0 0 0;}
  #divacp ul{width:calc(100% - 20px)!important;margin:0!important;padding:0!important}
  #divacp .ui-menu .ui-menu-item{width:calc(100% - 10px)!important;}
  .frsv,.frsvb,.frsvc{position:absolute;z-index:4;top:32px;left:15px;width:63px;height:16px;background:url(../webp/offspr.webp) -489px -5px no-repeat;font:700 12px/16px dn;color:#38b600;text-align:center;padding:0}
  .frsvc{color:#ff2b53}

#promo{min-height:120px;padding-bottom:20px;margin-bottom:30px;float: left;background: linear-gradient(0deg, rgba(5, 21, 34, 1) 0%, rgba(5, 15, 25, 1) 5%, rgba(8, 18, 28, 1) 75%, rgba(8, 18, 28, 0) 100%);}

#promo ul{list-style:none;font-family: dncb;display: flex;flex-flow: wrap;justify-content:center;row-gap:0px;}
#promo li{width:auto;min-width:106px;padding:12px 30px 5px 50px;height:42px;font-size:26px;line-height:20px;color: #c3f9ff;text-shadow: 0 0 12px #007cca, 0 0 9px rgb(0 156 255 / 50%);}
#promo li span{font-size:20px;color:#9cbfce;text-shadow:none;}
#promo li::before{content:"";width:42px;height:42px;position:absolute;margin-left:-48px;}
#promo li:nth-child(1)::before{background:url(../webp/g1.webp)no-repeat;}
#promo li:nth-child(2)::before{background:url(../webp/g2.webp)no-repeat;}
#promo li:nth-child(3)::before{background:url(../webp/g3.webp)no-repeat;}
#promo li:nth-child(4)::before{background:url(../webp/g4.webp)no-repeat;}
#promo li:nth-child(5)::before{background:url(../webp/g5.webp)no-repeat;}
#memburst{float:right;margin-top:3px;text-shadow:none;font-size:20px;color:#d0de21;display: none;}
/*Basket*/

.ps45{background: rgba(2,25,38,0.9);border: 2px solid #005770;border-radius: 10px;display: flex;flex-flow: column;flex:100%;}
#ps45h{display:flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-evenly;height: auto;min-height:32px;max-height:75px;overflow:hidden;padding:0 10px 0 10px;font: 400 14px dncb;color: #dcdcdc}
.ps45 main{display: flex;flex-direction: column;justify-content: flex-start;row-gap: 4px;background:none;}
.ps46v,.ps46v2{display:flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-evenly;background: #0a232d;border-radius: 9px;border:1px solid #012d36;padding:0 10px 0 10px;margin-bottom:25px;}
.ps46v2{margin:20px 0 15px 0;}
.ps46v:hover,.ps46v2:hover{background: #0d2a36;border: 1px solid #044b5a;}
.bks1,.bks1b{position:relative;width:106px;height: 67px;background: url(../webp/panelsp.webp)-734px -677px no-repeat;display: inline-block;margin:16px 10px 0 8px;}
.bks1b{margin:8px 10px 0 8px;}
.bks1b>div{margin:-22px 0 0 0;}
.avtb1,.avtb2,.avtb3,.avtb4,.avtb5,.avtb6,.avtb7,.avtb8,.avtb9{width: 90px;height: 76px;margin: -14px 0 0 0;background: url(../webp/avtrsm.webp)10px -6px no-repeat;}
.avtb2{background: url(../webp/avtrsm.webp)-75px -6px no-repeat;}
.avtb3{background: url(../webp/avtrsm.webp)-175px -6px no-repeat;}
.avtb4{background: url(../webp/avtrsm.webp)-275px -6px no-repeat;}
.avtb5{background: url(../webp/avtrsm.webp)-380px -6px no-repeat;margin-left:10px;}
.avtb6{background: url(../webp/avtrsm.webp)-460px -6px no-repeat;}
.avtb8{background: url(../webp/avtrsm.webp)-552px -6px no-repeat;}
.avtb9{background: url(../webp/avtrsm.webp)-645px -2px no-repeat;}
.bks1 p,.bks1b p {position: absolute;bottom: -16px;font: 400 17px dncb;color: #98d1df;width: 100%;text-align: center;text-overflow: ellipsis;overflow: hidden;}
.bks1b p{position:relative;z-index:1;bottom:14px;color:#c3f9ff!important;text-shadow: 0 0 12px #007cca, 0 0 9px rgb(0 156 255 / 50%)}
.bks1b b{position:relative;z-index:-1;color: #ffdb4b;text-shadow: 0 0 6px #de0000, 0 0 12px rgb(222 0 0 / 80%);}
.bksc,.bksc2,.bksc3{width:calc(100% - 360px);min-width:210px;display:flex;flex-wrap: wrap;justify-content: space-around;padding: 10px 0 10px 0;}
.bksc3{width:calc(100% - 130px);min-width:210px;}
.bkv1,.bkv2,.bkv3,.tks1,.bkv4{font:20px dncb;width:16%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;text-align:center;}
#ps45h .bkv1,#ps45h .bkv2,#ps45h .bkv3,#ps45h .tks1{font-size:17px!important;}
.bkv2{width:20%;max-width:280px;min-width:100px;}
.bkv3{width:10%;max-width:120px;min-width:60px;}
.bkv4{width:100%;max-width:280px;min-width:100px;}
.bkva{width:20%;min-width:160px;text-align:right;padding:15px 0 15px 0;}
.bkva a{padding: 5px 12px 5px 12px;margin:0 5px 0 5px;text-align: center;font: 400 18px dncb;color: #6e94a5;border-radius: 6px;background: #0f2c36;border: 1px solid #023742;}
.bkva a:hover{color: #67e9ff;text-shadow: 0 0 40px #007cca;background: #10313f;cursor:pointer;}
.tks1{width:106px;margin:0 10px 0 8px;}

.stio1,.stio1s,.stio2,.stio2s,.stio3,.stio3s,.stio4,.stio4s,.stio5,.stio5s,.stio6,.stio6s,.stio7,.stio7s{width:28px;height:27px;margin:0 0 0 3px;display:inline-block}
.stio1 a,.stio1s a,.stio2 a,.stio2s a,.stio3 a,.stio3s a,.stio4 a,.stio4s a,.stio5 a,.stio5s a,.stio6 a,.stio6s a,.stio7 a,.stio7s a{float:left;width:28px;height:27px;background:url(../png/o1s.png)}
.stio7 a,.stio7s a{background:url(../png/o7s.png)}
.stio7 a:hover,.stio7s a{background:url(../png/o7s.png) 0 27px}
.stio4 a,.stio4s a{background:url(../png/o4s.png) 0 0}
.stio5 a,.stio5s a{background:url(../png/o5s.png) 0 0}
.stio6 a,.stio6s a{background:url(../png/o6s.png) 0 0}
.stio4 a:hover,.stio4s a{background:url(../png/o4s.png) 0 27px}
.stio5 a:hover,.stio5s a{background:url(../png/o5s.png) 0 27px}

.termc{display:flex;justify-content: center;margin-top: 22px;}
.crts{width: 100%;display: flex;justify-content: center;}
.crtsn {float: left;font: 15px dnb;color: #98d1df;}
.crtsc{float: left;width: 28px;height: 27px;margin:-3px 5px 0 0;}
.crtsc a{float:left;width:28px;height:27px;background:url(../png/chk2.png) 0 0}

.crtrnw,.crtrnw2{display: flex;align-items: center;flex-direction: column;flex-wrap: wrap;width:auto;height:auto;padding:0;gap:30px;}
.crtrnw2{gap:15px}
.crtv2,.crtv2cp,.crtv4{width:156px;height:52px;background:url(../png/chv.png);font:36px dncb;color:#fff;text-align:center;padding:9px 0 0;}
.crtv2cp{height:57px;line-height:23px;padding:0;}
.crtv2cp s{position: relative;font-size: 18px;text-decoration: none;}
.crtv2cp span{color: #98d1df;}
.crtv2cp s::after{content: "";position: absolute;top: 50%;left: -10%;width: 125%;height: 3px;background: red;transform: rotate(-9deg);}

.crtcp{display: flex;flex-direction: column;align-items: center;justify-content: center;justify-self:center;height:130px;}
.crtcp img{margin-bottom:-23px;}
.crtcp a{float:right;width:210px;height:42px;background:url(../webp/discounta.webp);opacity:.5;transition:opacity .3s ease-in-out}
.coup1 { background:url(../webp/discountoff.webp)!important; }
.crtcp a:hover{opacity:1;transition:opacity .3s ease-in-out}


.qtip{position:absolute;left:-28000px;top:-28000px;display:none;min-width:50px;font-size:16px;line-height:16px;direction:ltr;box-shadow:none;padding:0}
.qtip .qtip-tip{overflow:hidden;z-index:10;visibility:hidden;margin:0 auto}
.qtip .qtip-tip canvas{top:0;left:0}
.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:0 0;border:0 dashed transparent}
.qtip-bootstrap,.qtip-rounded,.qtip-tipsy{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.qtip-content{position:relative;overflow:hidden;text-align:left;word-wrap:break-word;color:#fff;padding:5px 9px;font: 17px dnb;line-height: 20px;border: 1px solid #ff4500;border-radius: 9px;}
.qtip-default{background-color:transparent;border:none;width:auto;padding:0}
.qtip-red{background-color:#8f121b;color:#912323;border-color:#d95252}
.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}
.qtip-content li{margin-left:15px;list-style:decimal;;line-height:18px;}
#qtip-0 .qtip-content,#qtip-1 .qtip-content,#qtip-2 .qtip-content,#qtip-3 .qtip-content{border:0px solid black!important;}

.typepmt{display: flex;flex-flow: wrap;justify-content: center;text-align: center;padding: 20px 0 20px 0;}
#s46{background: linear-gradient(0deg, rgba(2,51,65,1) 0%, rgba(11,25,33,1) 80%);}
#s46 ul{display: flex;flex-flow: wrap;justify-content: center;row-gap: 10px;}
#s46 li{list-style: none;}
#s46 li h3 {font: 400 20px dncb;color: #fff;margin: 0;padding: 0;}
.vpams{float:left;width:173px;height:100px;margin:0 4px 0 4px;border-radius:10px;padding: 10px 10px 10px 10px;background-color: #04333d;border: 1px solid #0a3f49;color:#fff;}
.vpams:hover{background:#074048;border:1px solid #115760;}

#chkls{height:auto;}

/*login*/
#s51{background: linear-gradient(0deg, rgba(3,27,39,0.1) 0%, rgba(1,27,39,1) 100%), radial-gradient(circle, rgba(1,32,47,1) 30%, rgba(1,27,38,1) 60%);padding:50px 0 50px 0;}
#s52,#RegisterForm{padding:80px 0 60px 0;background: linear-gradient(0deg, rgba(1,32,45,1) 0%, rgba(2,38,54,1) 100%);}
.logft,.logst,.logst2,.logac,.logac2,.logps{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;column-gap: 100px;row-gap:20px;}
.logst,.logst2{align-items: flex-start;column-gap:50px;margin-bottom:60px;}
.logst2{margin-bottom:20px;}
  .logps{font:17px dnb;color:#b7cedd;text-align:center;margin-bottom:40px;}
  .logft a{opacity:0.9;}
  .logft a:hover{opacity:1;}

  .isor {position:absolute;bottom:-80px;width: 109px;height: 41px;}
  .logip,.logip2{display: flex;flex-direction: column;align-items: center;}
  .logip2{width:100%;}
  .logip2>div{width:100%;}
  .logip label,.logip2 label{width:100px;margin-right: -6px;font: 18px dnb;padding:10px 10px 10px 10px;background: #053043;border: 1px solid #176b91;border-radius: 6px;color: #bceaff;float: left;text-align: center;}
  .logip input,.logip2 input{width:calc(100% - 140px);height:29px;padding:7px 10px 7px 10px;font: 400 20px dnb;color: #abbfce;background: #0d1a21;border-top-right-radius: 6px;border-bottom-right-radius: 6px;border: 1px solid #0c363a;}
  .logip>div:hover label,.logip2>div:hover label{background: #42211b;border: 1px solid #784d35;color: #ffdb4b;}
  .logkc{display:flex;align-items: center;flex-direction: row;flex-wrap: nowrap;justify-content:flex-start;width:100%;margin-top:15px;}
  .logkc a{float:left;width:30px;height:27px;background:url(../png/chk.png) 0 0;}
  .logkc a.insc4cOK,.logkc a:hover{background:url(../png/chk.png) 0 -27px}
  .logkc p{float: left;width: auto;height: 14px;font: 15px dnb;color: #98d1df;margin-top:-7px;}
  .logflx{justify-content:center;}
  .logpl{margin-top:15px;font: 15px dnb;color: #98d1df;width:calc(100% - 10px);padding-left:10px;text-align:left;}
  .logpl:hover{color:#bceaff}
  .logac,.logac2{column-gap:50px;flex-direction:column;font:20px dncb;color:#5b7483;}
  .logac2{margin-top:30px;}
  .logac a,.logac2 a{position: relative;z-index: 2;width: 327px;height: 49px;font: 400 36px dncb;text-align: center;color: #ffdb4b;text-shadow: 0 0 6px #de0000, 0 0 12px rgb(222 0 0 / 80%);}
  .logac a:before,.logac2 a:before{content:"";position: absolute;z-index: -1;left: 0;bottom: 0;width: 327px;height: 53px;background: url(../webp/cmd.webp);opacity: 0.7;}
  .logac a:hover:before,.logac2 a:hover:before{opacity:1;}
  .rowlg{position:relative;display:grid;grid-template-columns:repeat(12,1fr);margin:0 auto;padding: 0 10px 0 10px;width:clamp(300px,100% - 20px,880px);height:100%;row-gap:20px;}
  .rowlg>*{grid-column-end:span 12}
  .pwfi{float: left;width: 29px;height: 27px;}
  .pwf{float:left;width:100%;height:42px;font:16px dnb;text-align:center}
  .pwerror{float:none;display:inline-block;width:auto;height:auto}
  .pwfx1, .pwfx2 { float:left; width:300px; height:14px; margin:2px 0px 0px 4px; color:#67e9ff; }
  .pwfx2 {color:#ffe0c1;}

  #divComboDomains .ui-selectmenu-menu{width:236px;padding-top:3px;text-align:center}
  #divComboProperties .ui-selectmenu-menu{width:286px;padding-top:3px;text-align:center}
  #divComboSupport .ui-selectmenu-menu{width:261px;padding-top:8px;text-align:center}
  #divComboSupport .ui-selectmenu-menu a{font-size:13px}
  #divComboTasks .ui-selectmenu-menu{width:82px;padding-top:3px;text-align:center}
  #divComboTutorials .ui-selectmenu-menu{width:355px;padding-top:3px;text-align:center}
  #divComboVersions .ui-selectmenu-menu{width:248px;padding-top:3px;text-align:center}
  #divacp .ui-menu .ui-menu-item{text-align:center;float:left;clear:left;width:435px;margin:0;padding:0}
  #divacp .ui-menu .ui-menu-item a{text-decoration:none;display:block;line-height:1.5;font-size:16px;font-family:"dnb";padding:.4em}
  #divacp .ui-menu .ui-menu-item a.ui-state-hover,#divacp .ui-menu .ui-menu-item a.ui-state-active{font-weight:400;font-size:16px;margin:0}

  .com{float:left;width:480px;height:auto;background:rgba(8,23,32,.9);box-shadow:0 0 4px 1px #0b0b0b inset;border-radius:8px;margin:5px 0 0 10px;padding:10px 10px 12px;}
  .comt{float:left;width:480px;height:20px;font:18px dncb;color:#ffae00;text-shadow:0 0 32px #ff1800,0 0 32px #ff1800;}
  .comx{float:left;width:480px;height:auto;font-size:14px;color:#3ed0ff;line-height:14px;}
  .optcs a .optci img{opacity:1;}
  .opr{position:absolute;z-index:4;bottom:3px;right:8px;width:27px;height:27px}
  .oprlf{position:absolute;z-index:4;top:30px;left:12px;width:83px;height:54px;font-family:dncb;text-align:center;color:#ffba00;text-shadow:0 0 8px #de0000, 0 0 8px #de0000}
  .optc a .optci img{opacity:.8}
  .optc a .optci,.optco a .optci,.optcos a .optci,.optcs a .optci{float:left;width:107px;height:82px;background:url(../png/optc.png) 0 0;text-align:center;padding:9px 0 0}
  .optc a:hover .optci,.optcos a .optci,.optcs a .optci{background:url(../png/optc.png) 0 98px}
  .optc,.optco,.optcos,.optcs{float:left;width:107px;height:128px}
  .optci{float:left;position:relative;width:107px;height:91px;text-align:center}
  .optcos a .optcx,.optcs a .optcx{color:#54fcff;text-shadow:0 0 8px #0077ca,0 0 8px #0077ca}
  .optcx{width:107px;height:30px;text-align:center;font:14px/14px dnb;margin-top:6px;color:#456a84}

  #mpsr1s,#mpsr2s,#mpsr3s,#mpsr4s,#mpsr5s,#mpsr6s,#mpsr7s {
    display:none;
    position:absolute;z-index:1;top:0px;left:0px;
    box-sizing: border-box;
    border-right: solid 1px hsla(145, 50%, 40%, .3);
    width:40px; height:40px;
    border-radius: 100% 0 0 0;
    transform-origin: 100% 100%;
    background: linear-gradient(50deg, rgba(34, 34, 34, 0) 56%, hsl(158.61deg 100% 50.2% / 75%));
    animation: sweep 5s infinite linear;
  }
  #mpsr5s,#mpsr7s{top:-22px;left:-22px;width:60px;height:60px;animation: sweep 10s infinite linear}
  #mpsr6s{top:-20px;left:-20px;width:60px;height:60px;animation: sweep 8s infinite linear;}
  @keyframes sweep{to{transform:rotate(360deg)}}
  #cctdme{padding: 5px 10px 5px 10px;background: rgba(2,25,38,0.9);border: 2px solid #005770;border-radius: 10px;min-height: 400px;}
  #cct,#cct2{padding: 20px 10px 5px 10px;min-height: 400px;}
  #cct2{padding:0 10px 5px 10px;}
  @media(min-width:480.01px){
    #s26 ul {column-count:2;}#cmdc h2{margin:14px 10px 0 0;}#oamount{min-width:120px;margin:10px 0 0 0;font-size:30px;}#Buy,#Confirm,#validOrder,#Change{margin-right:38px;}.rgl>div,.rgr>div{transform:scale(1);}
    #BuyDomain{float: left;width: 439px;height: 57px;border: 0 solid #000;background: transparent url(../png/ipt1.png) no-repeat;font: 22px dnb;color: #98d1df;text-align: center;padding: 2px 6px 0;}
    .rgl,.rgls,.rgr,.rgrs{min-height:320px;}
    .rgr>div{margin-left:0;}
    .rgl{margin-top:30px;}
    #fdbl{margin-top:-386px;}
    #divacp{width:435px;margin:-11px 0 0 50px;}
    #divacp .ui-menu .ui-menu-item{width:435px;}
    #divacp ul{width:100%!important;}
    #menuc{max-width:200px;}
  }
  @media(min-width:768.01px){
    #s26 ul {column-count:3;}
    #opt2,#ict2{justify-content:left;}
      .ren2 {
          grid-template:
              "rn1 rn2" auto / 1fr 2fr;
          grid-row-gap:40px;
      }
      .ren3 {
          grid-template:
              "pn1 pn2" auto / 1fr 2fr;
          grid-row-gap:40px;
      }
      .rgl,.rgls,.rgr,.rgrs{min-height:310px;}
      #fdbl{position:absolute;top:330px;left:60px;margin:0;}
      .ps46v{height:60px;margin:20px 0 30px;}
      .ps46v2{height:60px;}
      .bks1,.bks1b{margin:-7px 10px 0 8px;}
      .bks1b{margin:5px 10px 0 8px;}
      .crtrnw2{flex-direction: row;align-items: flex-start;justify-content: flex-end;}
      .crtcp{justify-self: right;}
      .bksc2,.bksc3{margin-top:-13px;}
      .bkva{margin-top: -12px;}
      #chkls{height:262px;}
      .bkv4{width:45%;}
  }

  @media(min-width:992.01px){
    .rgl{justify-content: center;}.rgr{justify-content: flex-start;}#s26 ul {column-count:3;}#cmdc{gap:40px;}#s23{background: linear-gradient(0deg, rgb(0 22 32) 15%, rgb(1 27 39) 70%, rgb(2 37 53) 70%, rgb(3 32 45) 100%);}.s23c{margin-top:0;}#coeursb{padding: 12px 0 0 0;}
    #divacp ul{justify-content: space-between;}
    #promo,#promo2{min-height:85px;padding:0;margin: 0 auto;margin-top:22px;float:none;background:none;}
    #promo2{min-height:60px;}
    .rowlg{column-gap:80px;}
    #mpsr1s,#mpsr2s,#mpsr3s,#mpsr4s,#mpsr5s,#mpsr6s,#mpsr7s{display:block;}
  }
  @media(min-width:1200.01px){#s26 ul {column-count:4;}#cmdc{gap:40px;}}

#stripe-form{ position:absolute; z-index:9999; background: linear-gradient(0deg, rgba(2,51,65,1) 0%, rgb(5 28 38) 80%);border:3px solid #5469d4; top:50%; margin-top:-500px; width:30vw; min-width: 500px; align-self: center; box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07); border-radius: 7px; padding: 40px; }
#stripe-element { margin-bottom: 24px; }
#stripe-button{ background: #5469d4; font-family: Arial, sans-serif; color: #ffffff; border-radius: 4px; border: 0; padding: 12px 16px; font-size: 16px; font-weight: 600; cursor: pointer; display: block; transition: all 0.2s ease; box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07); width: 100%; }
#stripe-button:hover { filter: contrast(115%);cursor:pointer;background: #199849; }
#stripe-form:has(#stripe-button:hover){border:3px solid #199849;}
#stripe-button:disabled { opacity: 0.5; cursor: default; }
#stripe-spinner,#stripe-spinner:before,#stripe-spinner:after{border-radius:50%}
#stripe-spinner{color:#fff;font-size:22px;text-indent:-99999px;margin:0 auto;position:relative;width:20px;height:20px;box-shadow:inset 0 0 0 2px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}
#stripe-spinner:before,.spinner:after{position:absolute;content:""}
#stripe-spinner:before{width:10.4px;height:20.4px;background:#5469d4;border-radius:20.4px 0 0 20.4px;top:-.2px;left:-.2px;-webkit-transform-origin:10.4px 10.2px;transform-origin:10.4px 10.2px;-webkit-animation:loading 2s infinite ease 1.5s;animation:loading 2s infinite ease 1.5s}
#stripe-spinner:after{width:10.4px;height:10.2px;background:#5469d4;border-radius:0 10.2px 10.2px 0;top:-.1px;left:10.2px;-webkit-transform-origin:0 10.2px;transform-origin:0 10.2px;-webkit-animation:loading 2s infinite ease;animation:loading 2s infinite ease}
#stripe-payment-message { color: rgb(105, 115, 134); font-size: 16px; line-height: 20px; padding-top: 12px; text-align: center; }
@-webkit-keyframes loading {
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loading {
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@media only screen and (max-width: 600px) { #stripe-form{width:80vw;min-width:initial}}
.hidden { display: none; }
.pagination {display: flex;justify-content: center;padding: 40px 0 60px 0;font-family: Arial, sans-serif;}
.pagination a, .pagination span {color: #6e94a5;float: left;padding: 6px 12px;text-decoration: none;margin: 0 4px;border-radius: 4px;border: 1px solid #134258;transition: background-color 0.3s, color 0.3s;}
.pagination a:hover {background-color: #fb6616;border: 1px solid #62290a;color: #fee0d6;cursor: pointer;}
.pagination .arrow {font-weight: bold;padding: 6px 10px;}
.pagination .page-number.active {background-color: #fb6616;border: 1px solid #62290a;color: #fee0d6;cursor: default;}
.pagination .dots {padding: 6px 10px;color: #888;cursor: default;}