body{font-family: 'Open Sans', sans-serif;font-weight: 400;background-color:#1d1d1d;color:#fff;font-size:1.5rem}
#openmenu, .menu{display:none}
.topline{height: 4rem;line-height:4rem;background: #000;}
.ttlp{padding-bottom:10rem}

.tib img{width: 1.8rem;margin: 1.1rem 0.5rem 1.1rem 0;float: left;}
.tll{float:left;margin-right:2.5rem}
.tlr{float:right;margin-left:2.5rem}
.tlr img{float:right;filter: brightness(7);border-radius: .3rem;transition: .3s ease;}
.tlr img:hover{filter: brightness(1);transform: scale(.84);}
.tlr a:first-child img{margin-right:0}
.topline a, .topline span{color:#fff;margin-left:.5rem;font-weight: 400}
.topline a:hover{color:#3883ff}
.tlsoc img{float:left;width:1.8rem;margin:.6rem 1rem .6rem 0;filter: grayscale(1)}
.tlsoc img:hover{filter: grayscale(0)}


.navline{background-color:#3883ff;height:6rem;padding:2rem 0}
.navisgoing{position: fixed;padding: 0;top: -11rem;width: 100%;z-index: 100;border-bottom: 1px solid #5D5D5D}
.navisgone{top:0;transition: .4s all ease}
.logo{float:left}
.logo img{height:4rem;float:left;margin:1rem 0}

.grid{float:left;height:3.2rem;color:#fff;cursor:pointer;line-height: 3.2rem;margin:1.4rem 0 1.4rem 4rem;text-transform: capitalize;font-size: 1.6rem;font-weight: 600}
.grid svg{width: 2.2rem;margin:.5rem .7rem .5rem 0;float: left;fill: #fff}
.grid:hover svg{fill: #1d1d1d}
.grid:hover span{color: #1d1d1d}

nav {float:right;padding:1.4rem 0;line-height:3.2rem;}
nav a, nav .openfistlvl a:first-child{float:left;color:#fff;position: relative;margin:0 1.2rem;font-weight: 600;text-transform: capitalize;font-size: 1.6rem}
nav a svg{float: right;width: 2rem;margin: .6rem 0 .6rem .5rem;stroke: #fff}
nav a:hover svg{stroke: #1d1d1d}



nav a:hover{color:#1d1d1d}

nav a.navac{cursor:default}
nav a:first-child{margin-left:0}
nav a:last-child{margin-right:0}
nav div.openfistlvl{float:left;position:relative}

.firstlvl{visibility: hidden;position: absolute;top: 100%;left: 0;z-index: 598;width: fit-content;background: url(../img/icon/up.svg) left 2rem top .8rem no-repeat;background-size: 2rem}
.firstlvl{padding:2rem 0 0;border-bottom:.4rem solid #3883ff}
.firstlvl, .secondlvl{display:inline-block;transition: none}
.opensecondlvl{position:relative;height:3.6rem;width:24rem}
.firstlvl br{display:none}

.openfistlvl:hover .firstlvl{visibility: visible}


.firstlvl a, nav .openfistlvl .firstlvl a:first-child{padding: 0 2.5rem 0 1.5rem!important;line-height:4.8rem;border-top: .1rem solid #e2e2e2;color:#1d1d1d;margin: 0!important;text-transform: none!important;background:#fff;min-width: calc(100% - 4rem)}
.opensecondlvl a {min-width: auto;width: calc(100% - 3rem)!important}
nav .openfistlvl .firstlvl a:first-child, .grid .firstlvl a:first-child{border-top:none}
.firstlvl a:hover, nav .openfistlvl .firstlvl a:first-child:hover{color:#fff;background:#3883ff}
nav .openfistlvl .firstlvl a, .grid .firstlvl a{font-size:1.5rem}
.grid .openfistlvl{float:left;position:relative}
.grid .firstlvl a{white-space: nowrap;float:left;position: relative;min-width: calc(100% - 4rem)}

#series{display:table;position: relative;width:100%;max-width: 198rem;margin: 0 auto;padding-bottom:5rem}

.sitem{float:left;width:calc(33.3333% - 8rem);margin:1rem;background: #4f4f4f;position: relative;padding:10rem 3rem;height:6rem;transition: .3s all ease;}

.sitem .linkbutton{position: absolute;right:calc(50% - 8rem);margin: 0;top: calc(50% - 3.2rem);opacity:0;z-index: 2;transition: .3s all ease;}
.sitem:hover .linkbutton{top: calc(50% + 1.3rem);opacity:1}

.seimg{position: absolute;height: 94%;width: auto;max-width:98%;top: 0;bottom: 0;right: 0;left: 0;margin:auto;z-index: 1;opacity: .4;transition: .3s all ease;}
.sitem:hover .seimg{height: 110%;opacity: 1;}

.sitem h3{display:block;position: relative;width: 100%;margin: 2rem auto 0;font-size: 3rem;font-family: 'Jost', sans-serif;text-transform: uppercase;text-align: center;letter-spacing: .1rem;text-shadow: 0 0 15px rgb(0 0 0);z-index: 2;transition: .3s all ease;}
.sitem:hover h3{margin:-1.5rem auto 0}

.sitem h3 span{font-family: 'Open Sans', sans-serif;font-weight:500;position: absolute;font-size:1.25rem;width:100%;text-align:center;left: 0;right: 0;margin: -2rem auto 0;color: #fff;text-shadow: 0 0 3px rgb(0 0 0);letter-spacing: .1rem;}
.sitem:hover{background: radial-gradient(circle, rgba(181,209,255,1) 0%, rgba(79,79,79,1) 100%);}

.linkbutton {text-align: center;display: inline-block;padding: 1.5rem 4rem;line-height: 2.6rem;font-size: 1.5rem;border: 0;cursor: pointer;letter-spacing: .2rem;position:relative;overflow:hidden;margin-top:2rem;background: #3883ff;color: #fff;user-select: none;text-transform: uppercase;}
.linkbutton:before {content: "";position: absolute;height: 15rem;width: 5rem;background : #fff;left: -8.5rem;top: -4rem;transform: rotate(37deg);transition: all .3s;opacity: 0.3;}
.linkbutton:hover:before {left:112%;}


#logos {background-color: #000;background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(29,29,29,1) 45%, rgba(29,29,29,1) 55%, rgba(0,0,0,1) 100%);padding: 4rem 0 9.5rem;}
#logos img{float:left;width:18%;margin:2rem 1% 0;filter: grayscale(1);opacity: .65;transition: .3s all ease}
#logos img:hover{filter: grayscale(0);opacity: 1}
#logosi {padding: 4rem 0 2rem}
#logosi img{width: 72%;margin: 0 11%;filter: grayscale(0);opacity: 1}
#logosi img:hover {animation: pulse 1.6s linear infinite;}


#about{padding: 6rem 0;}
.aleft{float: left;width: 48%;}
.aright {float: left;width: 48%;margin-left:4%}
.aleft h2, .aright2 h2{font-family: 'Jost', sans-serif;font-size: 2.6rem;color: #a6c8ff;font-weight: 800;}
.aleft h2 span, .aright2 h2 span{font-family: 'Open Sans', sans-serif;color:#fff;font-size:4.6rem}
.aright2 h2{text-align:right}
.aright img{float:left;width:100%}
.arse img{background: radial-gradient(circle, rgba(181,209,255,1) 0%, rgba(0,0,0,0) 55%);}
.aleft2{position: relative;overflow:hidden;float: left;width: 38%;}
.aleft2 a.mov img{float:left;width:100%}
.aright2 {float: left;width: 58%;text-align: justify;margin-left:4%}
.afull{float: left;width: 100%;}



#fullpage .aleft{width: 58%;text-align: justify;}
#fullpage .aright {position: relative;width: 38%;overflow: hidden;}

#fullpage p a, .infoitem a, .mwidnow a{color: #a6c8ff;border-bottom: .1rem dashed;}
#fullpage p a:hover, .infoitem a:hover, .mwidnow a:hover{border-bottom: none;}

#fullpage hr{float:left;width:100%;border: .1rem dashed #313131;margin:5rem 0 4rem}
#fullpage .itemright hr{margin:3rem 0}

.itflex{display:flex;margin:1rem 0}
.infotem{padding: 1.5rem 1rem;float: left;width: calc(49% - 2rem);background: #3883ff;position: relative;overflow: hidden;text-align: center;}
.itemicons a:nth-child(2) .infotem{margin:0 0 0 2%}
.infotem h4{font-family: 'Jost', sans-serif;font-size: 2rem;margin: 0 0 .5rem!important;letter-spacing: 0!important;}
.infotem p{margin: .5rem 0 0;font-size:1.3rem;color:#fff;line-height:1.8rem}
.infotem img{width:25%;transition: .3s all ease;}
.infotem:hover img{transform: scale(1.2);}
.infotem:before {content: "";position: absolute;height: 30rem;width: 5rem;background : #fff;left: -15rem;top: -5rem;transform: rotate(37deg);transition: all .3s;opacity: 0.3;}
.infotem:hover:before {left:140%;}

.catitem{float: left;width: calc(23.5% - .2rem);position: relative;border: .1rem solid #4f4f4f;margin:1rem 2% 1rem 0}
.catitem:nth-child(4n){margin-right:0}
.catitem img{float:left;width:80%;padding:10%;filter: drop-shadow(0px 0 0 #a6c8ff);transition: all .3s;}
.catitem:hover img{filter: drop-shadow(0px 12px 16px #a6c8ff);transform: scale(1.05);}
.catprev{width: 100%;float: left;background: #121212;}
.catprev h3{padding: 0 1rem;background: #3883ff;font-size: 1.8rem;line-height: 4rem;font-weight: 600;text-transform: uppercase;}
.catprev p{margin: 1.5rem 1.5rem 2rem;font-size: 1.3rem;line-height: 2rem;color: #8d8d8d;height: 6rem}


.filtred .catitem, .filtred .catitem:nth-child(4n){float: left;width: calc(33.333% - 1.2rem);margin:.5rem}

.availability{background-color: #3883ff;background-image: url(../img/icon/nepack.svg);background-position:left .4rem center;background-size:2.2rem;background-repeat: no-repeat;font-size: 1.1rem;font-weight: 600;position: absolute;line-height: 3rem;padding: 0 .5rem 0 3rem;right: 1rem;top: 1rem;}
.pavailability{float:left;width:100%;line-height:3rem;font-weight: 800;margin-bottom: .5rem;}
.pavailability img{float:left;width: 2.4rem;margin: .3rem .5rem .3rem 0;cursor: help;}
.ok{}
.neok{}

.itemleft{float: left;width: calc(60% - 1.5rem);padding-right: 1.5rem;}
.itemright{float:left;width:calc(40% - 5rem);padding:1.5rem 2.5rem;background: rgb(29 29 29 / 5%);backdrop-filter: blur(3px);}
.itemright h3{color: #fff;font-size: 3.2rem;font-weight: 800;line-height: 4rem;text-transform: uppercase;}
.itemright h4{font-family: 'Jost', sans-serif;font-size: 2.2rem;line-height: 3rem;color: #a6c8ff;font-weight: 800;letter-spacing: .1rem;margin:0 0  1.6rem ;}
.itemright h4 a{color: #a6c8ff;}
.itemright h4 a:hover{color:#3883ff}

.iteminfo{font-size: 1.3rem;line-height: 2rem;padding: 1rem .5rem;float: left;width: calc(100% - 1rem);margin: 0 0 0.5rem;background: #202020;transition: .3s all ease}
.iteminfo span{float:right}
.iteminfo:hover{background:#3883ff}
.iteminfo img{width: 1.8rem;float: left;margin: .1rem .5rem 0 0}
.itemicons{margin-top: 1rem;float: left;width: 100%;}

.galbox{float: left;width: 80%;padding:1rem 10% 0;position:relative;overflow:hidden;}
.galbox img{float:left;width:100%}
img.previmg{filter: drop-shadow(0px 0 0 #a6c8ff);transition: .3s all ease}
.galbox:hover img.previmg{filter: drop-shadow(0px 0 12px #a6c8ff);}

.itemdsc p{margin: 0;line-height: 2rem;font-size: 1.4rem;text-align: justify;}

#onemore{padding:9rem 0 5rem;background:#121212}
#onemore h2{position: absolute;width: fit-content;left: 0;right: 0;margin: -5rem auto 0;}


footer{background: #000;color: #fff;padding:6rem 0 2rem}
.fitem{background:none;float: left;width:33.3333%;margin: 2rem 0 3rem}
.finfo .logo{width:28rem; margin:6rem calc(50% - 14rem) 0;text-align: center}
.finfo .logo img{float:none;max-width:100%}
.flinks {text-align:left}
.fcon{text-align:right}
.flinks h3{position:relative;font-size: 2rem;font-family: 'Jost', sans-serif;letter-spacing:.1rem;line-height: 3rem;padding-top:3rem;margin-bottom: 2rem;}
.flinks a{color:#fff;font-size:1.5rem;line-height:2rem;margin:1rem 0;opacity:.85;background: url(../img/icon/darrow.svg) left center no-repeat;background-size: 1.5rem;padding-left: 1.6rem}
.flinks a:hover{opacity:1}
.flinks a.faa1{background: url(../img/icon/a1.svg) left center no-repeat;background-size: 1.4rem;padding-left: 1.8rem}
.flinks a.famts{background: url(../img/icon/mts.svg) left center no-repeat;background-size: 1.4rem;padding-left: 1.8rem}
.flinks a.famail{background: url(../img/icon/mail.svg) left center no-repeat;background-size: 1.4rem;padding-left: 1.8rem}

.afterflogo p{font-size: 1.3rem;line-height: 2rem;margin: 0.5rem 0 1rem;text-align: center;float: left;width: 100%}
.afterflogo p span{color:#9c9c9c}
.fbline{padding:3rem 0 1rem}
.fbline{line-height:4rem;font-size:1.3rem;color:#fff;opacity:.75}
.copy, .dev{float:left;width:calc(50% - 7rem)}
.fsoc {float:right;text-align:center}
.fsoc img{width: 1.8rem;margin: 1.1rem .2rem 0;filter: brightness(7);border-radius:.3rem;transition: .3s all ease}
.fsoc img:hover{filter: brightness(1);}
.dev{display:none;text-align:right}
.dev a{color:#fff}
.dev a:hover{color:#3883ff}

.mmenu{display:none;position: fixed;top: 0;right: -60rem;z-index: 120;background: #191a1c;height: 110vh;width: 40rem;padding: 2rem 1.5rem 0;transition: .3s ease}
.mmenuo{right:0}
.mmlogo{width: 18rem;margin: 2rem calc(50% - 9rem)}
.mmenu a{display: block;position: relative;color: #fff;font-size: 1.7rem;font-weight: 500;padding: 0 2rem;line-height: 3.8rem}
.mmenu .mmsec a{line-height: 3rem;padding-left: 5rem;font-size: 1.5rem}
.mmenu .mmsec a::after{width:1.2rem;height:1.2rem;display:block;position: absolute;left: 3rem;top: .9rem;content:"";box-shadow: 0 .3rem .6rem rgba(0, 0, 0, 0.2);border-radius:50%;background-image: url(../img/icon/darrow.svg);background-position:center;background-size:.8rem;background-repeat: no-repeat;background-color:#fbcd21}

.cmmenu, .cfilter{display:none;width: 2.4rem;position: absolute;left: -4rem;top: 3rem}
.cmmenu img, .cfilter img{float:left;width:100%}

.showfilter{display:none;position: fixed;bottom: 2rem;right: 2rem;width: 2.8rem;height: 2.8rem;padding: 1.1rem;border: .2rem solid #fff;background: #3883ff;border-radius: 50%;z-index: 10;}
.showfilter img{float:left;width:100%}

.vpitem{float:left;width: calc(20% - 4rem);margin:2rem}
.vpitem img{float:left;width:90%;margin:0 5%;transition: all .3s;}
.vpitem img:hover{transform: scale(1.1);}

.block h2, .fullnews h4{position: relative;display: inline-block;font-size: 3.2rem;font-weight: 600;letter-spacing: .1rem;font-family: 'Jost', sans-serif;line-height: 4rem;margin-bottom: 2rem;}
.block h2:before, .block h2:after, .flinks h3:before, .flinks h3:after, .fullnews h4:before, .fullnews h4:after  {content: "";background: #3883ff;height: 4px;display: inline-block;position: absolute;bottom: -10px;}
.block h2:before, .flinks h3:before, .fullnews h4:before {width: 30px;right: 19px;border-bottom-left-radius: 100px}
.block h2:after, .flinks h3:after, .fullnews h4:after  {width: 15px;right: 0;border-top-right-radius: 100px;}

.fnav h3:before{left:0;right:auto}
.fnav h3:after{left:3.4rem;right:auto}


.ptable table{border-collapse: collapse;width: 100%;text-align: left;margin:1.5rem 0;float:left}
.ptable th{padding: 1rem;font-size:1.6rem;font-family: 'Jost', sans-serif;line-height:2rem; background:#3883ff;color:#fff}
.ptable td{padding: .6rem 1rem;line-height:2.2rem;max-width: 600px;}
.ptable tr:nth-child(2n+2){background: rgb(0 0 0 / 20%);}
.ptable tr:hover{background:#3883ff;color:#fff}
.ptable table.flac{text-align:center}
.ptable tr.darktr{background:#333;font-weight:600;color:#fff;text-align:center}
.ptable tr.darktr:hover{background:#333}
.ptable table.flac th:first-child, table.flac td:first-child{text-align:left}

#news{padding: 4rem 0;}
.nitem{float:left;width:calc(33.3333% - 3rem);margin:2.5rem 1.5rem 0;overflow: hidden;background:#4f4f4f}
.nitem img{width:100%; float:left}
.nitem h3{float: left;width:calc(100% - 5.6rem);font-size: 1.8rem;line-height: 2.5rem;height:2.5rem;overflow:hidden;padding: 0 2.8rem;margin: 2.8rem 0 1.5rem;color: #fff;font-weight: 400;letter-spacing: 0;}
.nitem h3:hover{color: #3883ff;}
.nbody{width:calc(100% - 5.6rem);float: left;padding: 0 2.8rem}
.nbody p{margin: 0;font-size: 1.4rem;line-height: 2.2rem;padding-bottom: 1.5rem;color: #fff;border-bottom: 0.1rem solid #5b5b5b;text-align: justify}
.niil{line-height: 2rem;color: #ddd;padding: 1rem 0 1.5rem;font-size: 1.3rem;float: right;}


#fullpage{padding-bottom:5rem;background: linear-gradient(180deg, rgba(29,29,29,0.25) 0%, rgba(29,29,29,1) 1000px, rgba(29,29,29,1) 100%);}
.fillbg{background-position:top center;background-repeat: no-repeat;background-size: 100%  auto}
.ptit{padding:2rem 0;}
.ptit h1{float:left;font-family: 'Jost', sans-serif;font-size:3.4rem;line-height:5rem;font-weight: 800;letter-spacing: .05rem;text-shadow: 0 0 15px rgb(0 0 0);}
.breadcrumbs{float: right;line-height: 2rem;padding: 1.5rem 0;font-size: 1.4rem;text-shadow: 0 0 3px rgb(0 0 0);}
.breadcrumbs a{color:#fff}
.breadcrumbs a:hover{color:#a6c8ff}
.pageflex{display:flex;padding: 2rem 1.5rem;background: rgb(29 29 29 / 80%);backdrop-filter: blur(5px);}
.newsbody {float: left;width: calc(95% - 36rem);padding-right: 5%;}
.pagenoflex{float:left;width:calc(100% - 3rem);padding: 2rem 1.5rem;background: rgb(29 29 29 / 80%);backdrop-filter: blur(5px);}


.playvid, .zoomin{width: 10rem;height: 10rem;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;background: #3883ff;border-radius: 50%;animation: bpulse 2.5s infinite;transition: .3s ease-out;}
.playvid img, .zoomin svg{width: 7rem!important;height: 7rem!important;margin: auto;padding-left: 0.7rem;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
a.mov:hover .playvid{background: rgb(56 131 255 / 50%);transform: scale(1);animation-play-state: paused;width:100%;height:100%;border-radius:0;}
a.mov:hover img{opacity:1}
.zoomin svg{width: 5rem!important;height: 5rem!important;padding:0}
.zoomin{animation:none; opacity:0;transform: scale(0.1);transition: .2s ease-out;}
.galbox:hover .zoomin{opacity:1;transform: scale(1);}


.fullnews{text-align: justify;line-height: 2.6rem}
.newscatda{float:left;width:36rem}
.sticky  {float: left;width: 100%;position: sticky;top:6rem;bottom:2rem}

.stickit{float:left;width:100%}
.stickit .sitem{width: calc(100% - 6rem);padding:8.5rem 3rem;margin: 0 0 1.5rem;}
.stickit h2{font-size: 2.4rem;line-height: 3.2rem;font-family: 'Open Sans', sans-serif;}

.mask{position: fixed;display:none;width: 110%;height: 140vh;left: -5%;top: -5vh;z-index: 101;background: rgb(0 0 0 / 95%);transition: .5s all ease-out}
.acmask{backdrop-filter: blur(0.5rem);background: rgb(0 0 0 / 85%)}
.ovhi{overflow:hidden}


.ncatitem{float:left;width:100%;margin-bottom:4rem;background:#4f4f4f}
.ncatitem img{float:left;width:100%;}
.ncatitem span{line-height: 6rem;display: block;background: rgb(56 131 255 / 70%);width: calc(100% - 4rem);padding: 0 2rem;color: #fff;text-transform: uppercase;text-align:right;font-size: 1.2rem;float: left;margin-top: -6rem}
.ncatitem h2{color: #fff;font-size: 2.4rem;line-height: 3rem;padding-top: 1rem;float: left;width:100%}
.ncatitem h2:hover{color:#a6c8ff}
.newsprev{float: left;width: calc(100% - 4rem);padding: 1rem 2rem 2rem}
.newsprev p{float: left;margin: 1rem 0 0;line-height: 2.4rem}

.infoitem{float: left;width: 100%;line-height:3rem;margin-bottom:1rem}
.infoitem img{float: left;width: 2rem;margin: 0.5rem 0.5rem 0.5rem 0;}
h3.sub{font-size: 1.6rem;color:#a6a6a6;font-weight: 100;letter-spacing: 0;line-height: 2rem;margin-bottom: 1.5rem;}


.filtred .catbody{width:calc(100% - 32rem)}
.catfilter{width:30rem;margin-left:2rem;}
.ramfilter{width:100%;float:left}
.catfilter h2{float:left;width:100%;font-size: 2.2rem;line-height: 3.8rem;border-bottom: 0.2rem solid #3883ff;}
.catfilter h2 img{float: left;width: 2.6rem;padding: .7rem.7rem .5rem;background: #3883ff;margin-right: 1rem;}
.catfilter h3{font-size: 1.8rem;font-weight: 600;line-height: 2rem;color: #8d8d8d;letter-spacing: 0;margin-bottom: 1rem;}
.gofilter{width: 100%;padding: 1.5rem 0;}
.gfd{background-color: gray;cursor: not-allowed;pointer-events: none;}
.gfd:before{opacity:0}

.cpufilter, .gpufilter, .ramfilter, .romfilter{margin:.5rem 0;float:left;width:calc(100% - 2rem);padding:1rem;background-color: rgb(32 32 32 / 100%);}
.checkbody{float: left;width: 100%;max-height: 10.4rem;overflow-y: scroll;scrollbar-color: #3883ff transparent;scrollbar-width: thin;}
.checkbody::-webkit-scrollbar-button{background-image:url('');background-repeat:no-repeat;width:6px;height:0px}
.checkbody::-webkit-scrollbar-track{background-color:rgb(255 255 255 / 0%)}
.checkbody::-webkit-scrollbar-thumb{-webkit-border-radius: 0px;border-radius: 0px;background-color:#80bdff}
.checkbody::-webkit-scrollbar-thumb:hover{background-color:#3883ff}
.checkbody::-webkit-resizer{background-image:url('');background-repeat:no-repeat;width:4px;height:0px}
.checkbody::-webkit-scrollbar{width: 4px}





.checkbox{float: left;width: 100%;margin: .4rem 0;}

.custom-checkbox {
      position: absolute;
      z-index: -1;
      opacity: 0;
    }


    .custom-checkbox+label {
      display: inline-flex;
      align-items: center;
      user-select: none;
      line-height: 1.7rem;
	  font-size:1.4rem;
	  float: left;
	  font-weight:500
    }


    .custom-checkbox+label::before {
      content: '';
      display: inline-block;
      width: 1.6rem;
      height: 1.6rem;
      flex-shrink: 0;
      flex-grow: 0;
      border: 1px solid #adb5bd;
      border-radius: 0.25rem;
      margin-right: 0.8rem;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 50% 50%;
    }


    .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
      border-color: #a9caff;
    }

    .custom-checkbox:not(:disabled):active+label::before {
      background-color: #a9caff;
      border-color: #80bdff;
    }

    .custom-checkbox:focus+label::before {
      box-shadow: 0 0 0 0.2rem rgba(56 131 255 / 25%);
    }


    .custom-checkbox:focus:not(:checked)+label::before {
      border-color: #80bdff;
    }


    .custom-checkbox:checked+label::before {
      border-color: #3883ff;
      background-color: #3883ff;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    }


    .custom-checkbox:disabled+label::before {
      background-color: #e9ecef;
    }





input[type=range] {
   box-sizing: border-box;
   appearance: none;
   float:left;
   width: 100%;
   margin: 0;
   padding: 0;
   height:3rem;
   overflow: hidden;
   border: 0;
   border-radius: 1px;
   outline: none;
   background: transparent;
   z-index:2;
   /* Use a linear gradient to generate only the 2px height background */
   background-size: 100% 4px;
   pointer-events: none;}

   input[type=range]:active,input[type=range]:focus {outline: none;   }

   input[type=range]::-webkit-slider-thumb{
	  z-index:10;
      height: 2rem;
      width: 2rem;
      border-radius: 50%;
      background-color: #fff;
	  border:.2rem solid #3883ff;
      position: relative;
      margin: 5px 0;
      /* Add some margin to ensure box shadow is shown */
      cursor: pointer;
      appearance: none;
      pointer-events: all;
   }
   
	input[type=range]::-moz-range-thumb {
	  z-index:10;
      height: 2rem;
      width: 2rem;
      border-radius: 50%;
      background-color: #fff;
	  border:.2rem solid #3883ff;
      position: relative;
      margin: 5px 0;
      /* Add some margin to ensure box shadow is shown */
      cursor: pointer;
      appearance: none;
      pointer-events: all;
   }
   
   input[type=range]::-webkit-slider-thumb:hover, input[type=range]::-webkit-slider-thumb:focus{background-color: #3883ff;}
   input[type=range]::-moz-range-thumb:hover, input[type=range]::-moz-range-thumb:focus{background-color: #3883ff;}


.multi-range {position: relative;height: 3rem;width:100%;float:left}
.multi-range  input[type=range] {position: absolute}
.bar{position: absolute;z-index:1;height: 0.4rem;float: left;width: 100%;background: #8d8d8d;top: 1.3rem;}
.filterinfo{position: relative;float: left;font-size: 1.3rem;width: 11rem;background: #3883ff;text-align: center;border-radius: 0.3rem;margin:1rem calc(50% - 5.5rem) .5rem}
.filterinfo span{font-weight:600}
.filterinfo img{width:2rem;transform: scaleY(-1);position: absolute;left: calc(50% - 1rem);bottom: -1rem;z-index: 0;}






@keyframes bpulse {
  0% {transform: scale(1);box-shadow: 0 0 0 0 rgba(56, 131, 255, 0.8);}
  70% {transform: scale(1.04);box-shadow: 0 0 0 1.2rem rgba(56, 131, 255, 0.05);}
  100% {transform: scale(1);box-shadow: 0 0 0 0 rgba(56, 131, 255, 0);}
}

 @keyframes pulse {
  0% {filter: drop-shadow( 0 0 10px rgb(255 255 255 / 0.32));}
  40% {filter: drop-shadow( -3px -5px 16px rgb(255 255 255 / 0.35));}
  60% {filter: drop-shadow( 3px 5px 20px rgb(255 255 255 / 0.4));}
  100% {filter: drop-shadow( 0 0 10px rgb(255 255 255 / 0.32));}
}
@media (max-width:1900px){
.fillbg{background-size: 100% auto;}
}
@media (max-width:1400px){
.fillbg{background-size: auto 1000px;}
}
@media (max-width:1180px){
.filtred .catbody{width:calc(100% - 30rem)}
.catfilter{width:28rem;margin-left:2rem;}
}
@media (max-width:1100px){
.itemleft{width: calc(100% - 41.5rem);}
.itemright{width:37rem;padding: 1.5rem;}
.filtred .catbody{width:calc(100% - 25.5rem)}
.catfilter{width:24rem;margin-left:1.5rem;}
}

@media (max-width:1020px){
nav a{margin: 0 .7rem;}
}

@media (max-width:1000px){
.sitem, .stickit .sitem{width: calc(50% - 4rem);padding: 10rem 1rem;margin: 1rem;}
.aleft h2 span, .aright2 h2 span {font-size:4.2rem}
.mp .aleft, #fullpage .catflex .aleft{width: 70%;}
.mp .aright, #fullpage .catflex .aright{width: 26%;}
.mp .aright img, #fullpage .catflex .aright img{position: absolute;right: 2rem;width: 60%;z-index: -1;opacity: .25;}
#fullpage .catflex .aright{position: inherit}
.ptit h1{width:100%;line-height:4rem}
.breadcrumbs{float:left;width:100%;padding:0}
.vpitem {width: calc(25% - 4rem)}
.catitem, .catitem:nth-child(4n){float: left;width: calc(32% - .2rem);border: .1rem solid #4f4f4f;margin:1rem 2% 1rem 0}
.catitem:nth-child(3n){margin-right:0}
.catprev h3{font-size:1.7rem}
.newsflex{display:block;float: left;}
.newsbody, .newscatda{width:100%;padding:0}
.newscatda{padding: 9rem 0 5rem}
.newscatda .stickit h2 {position: absolute;width: fit-content;left: 0;right: 0;margin: -5rem auto 0}
.ncatitem h2{font-size:2.2rem;line-height:2.8rem}
}

@media (max-width:980px){
nav a{margin: 0 .5rem;}
.filtred .catitem, .filtred .catitem:nth-child(4n) { float: left; width: calc(50% - 1.2rem); margin: 0.5rem; }
}

@media (max-width:920px){
.itemflex{display: block;float: left;width: 100%;}
.itemleft{width: 100%;padding-right: 0;}
.itemright{width:calc(100% - 3rem);padding: 1.5rem;}
.nitem{width: calc(50% - 1.5rem);margin: 2.5rem 0 0;}
.nitem:nth-child(2){margin-left:3rem}
.nitem:nth-child(3){display:none}
.block h2, .fullnews h4{font-size: 3rem;}
.mp .aleft, #fullpage .catflex .aleft{width: 80%;}
.mp .aright, #fullpage .catflex .aright{width: 16%;}
nav a{margin: 0 .3rem;}
}

@media (max-width:880px){
.ptit h1{font-size: 3.2rem;line-height:4rem}

}

@media (max-width:830px){
.vpitem {width: calc(25% - 3rem);margin:1.5rem}
nav {display:none}
#openmenu{display: block;width: 2.4rem;float: right;margin: 1.8rem 0 1.8rem 2rem}
#openmenu svg{float:right}
.grid{float:right;margin-left:0}
.grid svg{width:2.4rem;float:right;margin:.4rem 0 .4rem .7rem;}
.sitem h3 span, .stickit .sitem h3 span{font-size:1.2rem}
.block h2, .fullnews h4{font-size: 2.8rem;}
.mp .aleft, #fullpage .catflex .aleft{width: 88%;}
.mp .aright, #fullpage .catflex .aright{width: 8%;}
.mp .aright img, #fullpage .catflex .aright img{width:70%}
.catprev p{font-size:1.2rem;margin: 1.5rem 1rem 2rem;}
}
@media (max-width:730px){
.catitem, .catitem:nth-child(4n), .catitem:nth-child(3n), .filtred .catitem, .filtred .catitem:nth-child(4n){float: left;width: calc(50% - 1.2rem);border: .1rem solid #4f4f4f;margin:.5rem}

.ptit h1{font-size: 3rem;line-height:3.8rem}
.catfilter{display:none;position: absolute;width: 100%;height: 100%;margin: 0;left: 0;background: rgba(0, 0, 0, 0.95);backdrop-filter: blur(2px);}
.filtred {display: block;float: left;width: 100%;padding: 2rem 0}
.filtred .catbody{width:100%;float: left;}
.sticky {width: 38rem;padding-top:2rem;margin: 2rem calc(50% - 19rem);}
.cfilter{width: 2.4rem;height: 2.4rem;position: absolute;top: 2.6rem;left: -4rem;}

}

@media (max-width:700px){
.nitem{width: calc(50% - 1rem);margin: 2.5rem 0 0;}
.nitem:nth-child(2){margin-left:2rem}
.nbody, .nitem h3{padding: 0 1.5rem;width:calc(100% - 3rem);}
.nitem h3{margin:2rem 0 1rem;font-size:1.6rem}
.block h2, .fullnews h4{font-size: 2.6rem;}
.aleft h2 span, .aright2 h2 span {font-size:3.8rem}
.aleft h2, .aright2 h2{font-size: 2.2rem;}
.pagenoflex, .pageflex{padding: 1.5rem 1rem;width: calc(100% - 2rem);}
.vpitem {width: calc(33.3333% - 3rem)}
.ncatitem h2{font-size:2rem;line-height:2.6rem}
#fullpage .alv{width:100%;padding-top:12rem}
#fullpage .arv{width:100%;margin:0;text-align:center;position: absolute;}
.arv img{height:10rem;width:auto;float: unset;}
}


@media (max-width:600px){
.fnav, .fcon{display:none}
.finfo{width: 32rem;margin: -5rem calc(50% - 16rem) 2rem;}
.copy{width:100%;text-align:center}
.fsoc{width: 14rem;margin: 0 calc(50% - 7rem);}
.block h2, .fullnews h4{font-size: 2.6rem;}
.mp .aleft, #fullpage .catflex .aleft{width: 99.99%;text-align: justify;}
.mp .aright, #fullpage .catflex .aright{width: 0.01%;margin: 0;}
.mp .aright img{width:36rem;margin:0 calc(50% - 18rem);top: 7rem;opacity: 1;right: 1rem;}
.mp .aright img, #fullpage .catflex .aright img {width: 82%;bottom: 10rem;right: 0}
.mp h2.hti{padding-bottom: 24rem;text-align: center;}
.mp .linkbutton{width: 11rem;margin: 2rem calc(50% - 9.5rem) 0;}
body{font-size:1.4rem}
.itemnoflex{text-align: justify;}
.mmenu{width:30rem;right:-40rem}
.mmenuo{right:0}
.ptit h1{font-size: 2.8rem;line-height:3.6rem}
.breadcrumbs{font-size:1.3rem}
}
@media (max-width:550px){
.sitem, .stickit .sitem{width: calc(100% - 6rem);margin:1rem 0;padding: 10rem 3rem;}
.nitem{width: 100%;margin: 2.5rem 0 0;}
.nitem:nth-child(2){display:none}
.vpitem {width: calc(33.33333% - 2rem);margin:1rem}
.catprev h3{font-size:1.6rem}
.ncatitem h2{font-size:1.8rem;line-height:2.4rem}
.ncatitem span{line-height:4rem;margin-top:-4rem}
.newsprev{width: calc(100% - 2rem);padding: 1rem}
.catitem, .catitem:nth-child(4n), .catitem:nth-child(3n), .filtred .catitem, .filtred .catitem:nth-child(4n){float: left;width: calc(50% - .8rem);border: .1rem solid #4f4f4f;margin:.3rem}
.availability{font-size:1rem;background-size: 2rem;line-height:2.8rem;background-position: left .3rem center;padding: 0 .4rem 0 2.8rem;}
}

@media (max-width:480px){
.block h2, .fullnews h4{font-size: 2.4rem;}
.aleft h2 span, .aright2 h2 span {font-size:3.6rem}
.aleft h2, .aright2 h2{font-size: 2rem;} 
.catprev h3{font-size:1.5rem}
.catprev p{line-height: 1.6rem;height: 6.4rem;margin: 1.5rem 1rem 1rem;}
.ptit h1{font-size: 2.6rem;line-height:3.4rem}
.sticky {width: 32rem;margin: 2rem calc(50% - 16rem);}
}

@media (max-width:460px){
.vpitem {width: calc(50% - 2rem)}
.iteminfo {font-size: 1.2rem;line-height: 1,8rem}
.iteminfo img {margin:0 .5rem 0 0}
.itemright h3{display:none}
}
@media (max-width:420px){
.catprev h3{font-size:1.4rem}
.catprev p{font-size:1.1rem;line-height:1.5rem;height:6rem}
.itemright{backdrop-filter: none;padding: 0;margin-top: 2rem;width:100%}
.sticky {width: 30rem;margin: 2rem calc(50% - 15rem);}
.catitem{overflow:hidden}
}
@media (max-width:400px){
.mmenu{width:28rem;right:-38rem}
.mmenuo{right:0}
.ptit h1{font-size: 2.4rem;line-height:3.2rem}
.breadcrumbs{font-size:1.25rem}
.catprev p{font-size:1rem;line-height:1.4rem;height:5.6rem}
body{font-size:1.35rem}
.sticky {width: 27rem;margin: 2rem calc(50% - 13.5rem);}
}

@media (max-width:380px){
.catprev h3{font-size:1.4rem}
.catprev p{font-size:1rem;line-height:1.2rem;height:5.6rem}
.ncatitem h2{font-size:1.6rem;line-height:2.4rem}
.mmenu{width:26rem;right:-36rem}
.mmenuo{right:0}
.sticky {width: 25rem;margin: 2rem calc(50% - 12.5rem);}
}

@media (max-width:370px){
.vpitem {width: calc(50% - 1.5rem);margin:.75rem}
.cfilter{left:-3rem}
}
@media (max-width:340px){
.mmenu{width:25rem;right:-35rem}
.mmenuo{right:0}
}