/* 
////
//// Easing general purpose
////
--------------------------------------------------------------*/
.easeOut { -webkit-transition-property: all; -webkit-transition-duration: 350ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition-property: all; -moz-transition-duration: 350ms; -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); transition-property: all; transition-duration: 350ms; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
/* 
////
//// Default Font
////
--------------------------------------------------------------*/
html, body { height: 100%; min-height: 100%; }
body { font-family: "IBM Plex Sans", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans; font-weight: 400; background: #ffffff;  letter-spacing:  -0.01em; color: #374057; }
strong { font-weight: 700; }
.genC1 { color: #ff4081!important; }
.genC2 { color: #ffd60a!important; }
.genC3 { color: #4db70b!important; }
#fullWrp { margin: 0 auto; min-height: 100%; background: #ffffff;  position: relative;  }
.genPad1 { padding-top: 6rem; padding-bottom: 6rem;}
.FntSp { font-family: "Kanit", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans; font-weight: 800;  }
@media all and (max-width: 576px) {
.genPad1 { padding-top: 4.5rem; padding-bottom: 4.5rem;}
}
.fullBg { background: url("../images/main_intro_bg_xl.jpg") no-repeat center center!important; background-size: cover!important; }

/* logo 
-----------------------------*/
#mainLogo { float: left; }
#mainLogo a { display: block; background: url(../images/main_logo.svg) no-repeat left center; background-size: contain!important; width: 190px; height: 53px; white-space: nowrap; text-indent: -8000px; margin-left: 0; }

@media all and (max-width: 767px) {
#mainLogo  { max-width: calc(100% - 156px); width: 190px; }
#mainLogo  a { width: 100%; }
}
@media all and (max-width: 576px) {
.nav-hamburger + #mainLogo { margin-left: 54px!important; }
#mainLogo a { height: 37px; width: calc(100% - 13px);  }
}
/* Main Header
--------------------------------------------------------------*/
#mainHdr { z-index: 2; background: #a530d1   no-repeat center center; background-size: cover;  padding: 20px  0; border-bottom: solid 0 #a530d1; position: relative; }
#fullWrp .mainIntroHeader { position: absolute; left: 0; top: 20px; width: 100%; background: none; border: 0;  }
#mainHdr .nav-hamburger { display: none; }
#mainHdr  .ctr { padding: 0 2rem; margin: 0 auto; position: relative; display: flex; justify-content: space-between; align-items: center; }
#mainLogo { margin: 0; display: block; float: left; position: relative;  z-index:  10; position: relative; }
#mainHdr .mainHdrOpt li { position: relative; }
#mainNav .site-nav  li a { color: #000; }
#mainNav .site-nav  li a span.bonus {  position: absolute; top: -1.6em; line-height: 1.45em; background: #ff8257; padding: 0 0.55em; color: #fff;  left: 50%; transform: translate(-50%, 0%); font-size: 12.5px; }
#mainSignNav {  display: flex; justify-content: flex-end; height: 53px; align-items: center; white-space: nowrap; font-size: 14px; }
#mainSignNav a { line-height: 1.1em; display: inline-block; padding: 0.7em 0; color: #fff; font-weight: 700!important; text-transform: capitalize; }
#mainSignNav a.btn { padding: 0.8em 1.15em!important; font-size: 1em!important; line-height: 1.1em!important; font-weight: 600!important;}
#mainSignNav a.btn:after { /*border-radius:  9.8em;*/ }
#mainSignNav a:last-child  { margin-left: 10px; }
#mainLogo .planType { position: absolute; top: 0; line-height: 1.45em; background: #1c6ac7; padding: 0 0.55em;color: #fff; font-size: 12.5px; left: 104%; text-indent: 0; text-transform: capitalize; }

@media all and (max-width: 1480px) {
#mainHdr .mainHdrOpt, #mainSignNav a.btn {  font-size: 14px; }
#mainHdr .mainHdrOpt li span.bonus  {  font-size: 11.5px; }
#mainSignNav a:last-child  { margin-left: 10px; }
}
@media all and (max-width: 1360px) {
#mainHdr .mainHdrOpt, #mainSignNav {  font-size: 14px; }
#mainHdr .mainHdrOpt li span.bonus  {  font-size: 10.5px; }
}
@media all and (min-width: 768px) {
#mainSignNav a.btn:last-child { padding: 0.8em 1.45em !important; }
}
@media all and (max-width: 767px) {
#fullWrp .mainIntroHeader { top: 10px;}
#mainHdr {padding: 15px  0; }
#mainSignNav {  font-size: 14px }
}
@media all and (max-width: 576px) {
#mainHdr {padding: 5px  0; }
#mainLogo .planType { display: none;}
#mainSignNav {  font-size: 12px }
#mainSignNav a:last-child { margin-left: 5px; }
}
/* Main  Menu
--------------------------------------------------------------*/
@media all and (min-width: 1271px) {
#mainHdr #mainNav { display: flex; justify-content: space-between; align-items: center; font-weight: 700; text-transform: uppercase; font-size: 16px; line-height: 1.2em; max-width: 1080px;  width: 100%;  padding: 0 30px;  }
#mainHdr #mainNav .site-nav { width: 100%; }
#mainHdr .mainHdrOpt {  width: 100%;   display: flex;  justify-content: space-between; align-items: center;  }
#mainHdr .mainHdrMem  { max-width: 540px;  margin: 0 auto; }
#mainNav .site-nav .dropDown { position: absolute; top: 5px; left: 0; z-index: 1000; display: none; float: left; min-width: 168px; padding-top: 28px; cursor:  pointer; }
#mainNav .site-nav .dropDown ul { padding: 3px   0; margin: 0.125rem 0 0; font-size: 16px; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: 0.25rem; }
#mainNav .site-nav .dropDown li a { padding: 3px  6px; font-weight: normal; font-size: 12.8px; line-height: 1.9em; display: block; white-space: nowrap;   }
#mainNav .site-nav .dropDown li a:hover { background: #eee; }
#mainNav .site-nav .dropDown ul a:before { content: ' '; display:  inline-block; height: 1.9em; width: 1.9em; margin-right: 0.4em; background-size: contain!important; background-position: center center; background-repeat: no-repeat; vertical-align: top ; }
#mainNav .site-nav .dropDown ul.pdfConv  a:before { background-image: url("../images/main_ico_convert_pdf.svg");}
#mainNav .site-nav .dropDown ul.audioConv  a:before { background-image: url("../images/main_ico_convert_audio.svg");}
#mainNav .site-nav .dropDown ul.videoConv  a:before { background-image: url("../images/main_ico_convert_video.svg");}
#mainNav .site-nav  li.dropElm > a:after { content: ' '; border: solid #1b6ac7; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; vertical-align: top; position: relative;  -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 8px; position: relative; top: 0.2em; }
#mainNav .site-nav  li.dropElm:hover .dropDown { display: block; }
#mainNav .site-nav  li.hideLg { display: none!important; }
}
@media all and (max-width: 1270px) {
/*burger icon + animation*/
#mainHdr .nav-hamburger { background: transparent none repeat scroll 0 0; border: 0 none; cursor: pointer; display: block; height: 35px; margin-bottom: auto; margin-top: auto; outline: medium none; padding: 0; position: relative; transition: all 0.3s ease-in-out 0s; width: 30px; position: absolute; left: 2rem; top: 9px;  }
.nav-hamburger::before, .nav-hamburger::after, .nav-hamburger span { background-color: #000; transition: all 0.3s ease-in-out 0s; }
.nav-hamburger::before, .nav-hamburger::after, .nav-hamburger span { background-color: #000; }
.nav-hamburger::before, .nav-hamburger::after { content: ""; height: 2px; left: 0; position: absolute; top: 50%; transform-origin: 50% 50% 0; width: 100%; }
.nav-hamburger span { height: 2px; left: 0; overflow: hidden; position: absolute; text-indent: 200%; top: 50%; width: 100%; cursor: pointer; }
.nav-hamburger::before { transform: translate3d(0px, -10px, 0px); }
.nav-hamburger::after { transform: translate3d(0px,  10px, 0px); }
.menuOpen .nav-hamburger span { background-color: #fff; opacity: 0; }
.menuOpen .nav-hamburger::before { background-color: #fff; transform: rotate3d(0, 0, 1, 45deg); }
.menuOpen .nav-hamburger::after { background-color: #fff; transform: rotate3d(0, 0, 1, -45deg); }
.nav-hamburger { position: absolute; left: 0; top: 14px; z-index: 1001; cursor: pointer;  }
.nav-hamburger + #mainLogo { margin: 0 0 0 61px;   } 
#mainNav .site-nav  { display: block; top: 0; bottom: -100vh ; left: 0; right: 0; overflow-y: auto; position: absolute; padding: 0;  box-shadow: 0 -30px 0 0 #1b6ac7;  }
#mainNav .site-nav  ul, #site-menu .site-nav   li { margin: 0; padding: 0; }
#mainNav .site-nav  li { padding: 0; display: block; text-align: left;   }
#mainNav .site-nav  li:first-child { margin-top: 68px; }
#mainNav .site-nav  li a {  background: #1b6ac7; display: block; padding: 16px 20px 16px 20px!important; color: #fff; font-size: 15px; line-height: 16px; -webkit-transition:0ms ease-out all; transition: 0ms ease-out all; text-align: center;  border-bottom: solid 1px rgba(255,255,255,0.15); text-align:left; font-weight: 400;  letter-spacing: 0.145em; text-transform: uppercase;  }
#mainNav .site-nav  li a span.bonus { position: static; display: inline; vertical-align:  top; margin-left: 0.4em;   }
#mainNav .site-nav  li:first-child  a  { border-top: solid 1px rgba(255,255,255,0.2); }
#mainNav .site-nav  li a.cur, #mainNav .site-nav  li a.cur:active   { outline: none; color: #fff;  background:#297ee3; }
#mainNav .site-nav  li a:active  { background:#297ee3; }
#mainNav .site-nav  li li a { border-top: 0!important; padding-left: 32px!important;}
#mainNav .site-nav  li.dropElm> a:after { content: ' '; border: solid #fff; border-width: 0 2px 2px 0; display: block; padding: 2px; width: 0.25em; height: 0.25em;  vertical-align: middle; position: relative;  -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 20px; top: 17px; }
#mainNav .site-nav  li li:first-child { margin: 0;}
#mainNav .site-nav  li .dropDown { display: none; }
#mainNav .site-nav  li.dropOpen > a:after {  -webkit-transform: rotate(-135deg); transform: rotate(-135deg); top: 22px;}
#mainNav .site-nav  li.dropOpen .dropDown { display: block; }
/* open menu 
-----------------------------*/
#mainNav { background:#151515; color: #fff; display: block!important; max-width: 300px; top: 0;  box-shadow: -1000vh 900vh  0 1000vh #1b6ac7, -1000vh  900vh 20px 1000vh  rgba(0,0,0, 0.4); position: absolute; left: 0; width: 100%;  -webkit-transition: 300ms ease-out all; transition: 300ms ease-out all; z-index: 900;    -webkit-transform: translateX(-500px); transform: translateX(-500px); transform: translate3d(-500px, 0, 0);  -webkit-transform: translate3d(-500px, 0, 0); pointer-events: none; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;   will-change: transform; }
.menuOpen #mainNav  { -webkit-transform: translateX(0); transform: translateX(0); transform: translate3d(0, 0, 0);  -webkit-transform: translate3d(0, 0, 0); pointer-events: auto;  }
}
/* 
////
//// Mainpage Index
////
--------------------------------------------------------------*/
/* Main Intro
--------------------------------------------------------------*/
#mainIntroId { background: #1f0830 url("../images/main_intro_bg_xl.jpg") no-repeat center center; background-size: cover; overflow: hidden; color: #ffefeb;    }
#mainIntroBg {    }
#mainIntroBg .FrmCtr  { min-height: 669px;  display: flex; justify-content: space-between;  max-width: 1320px;  box-sizing: border-box;   position: relative; align-items: center; }
#mainIntroBg .FrmCtr .sideIntro { width: 61%; max-width: 905px; color: #ffefeb; padding-right: 2.6rem; }
#mainIntroBg .FrmCtr .sideIntro .ln0 { font-size: 24px; line-height: 1.4em; letter-spacing:  0em; font-weight: 500; display: inline-block; margin-bottom: 0em; }
#mainIntroBg .FrmCtr .sideIntro .ln1 { font-size: 64px;  line-height: 1.2em;  font-weight: 700; font-style:normal;  margin: 0;  max-width: 11.4em; letter-spacing: 0em; padding: 0 0 0.25em 0; }
#mainIntroBg .FrmCtr .sideIntro .ln1 span { position: relative; display: inline-block; z-index: 4; }
#mainIntroBg .FrmCtr .sideIntro .ln1 span:after { content: ' '; height: 0.103em;  border-radius: 10px; display: block; width: 100%; background: rgba(255,64,129,0.2);  position: absolute; left: 0; bottom: 0.1em; z-index: -1; }
#mainIntroBg .FrmCtr .sideIntro .ln2 { font-size: 17px; line-height: 2em; font-weight: 400; padding: 1em 0 2em 0; max-width: 19em; color: rgba(255, 239, 235, 0.82); }
#mainIntroBg .FrmCtr .sideIntro .btnWrp { display: flex; align-items: center; }
#mainIntroBg .FrmCtr .sideIntro .btn { box-shadow: 0.6em 0.6em 1.8em -0.8em rgba(31,8,48,0.8); }
#mainIntroBg .FrmCtr .sideIntro .btnWrp img { width: 48px; margin-right: 10px; }
#mainIntroBg .FrmCtr .sideIntro .btnWrp .trusted { font-size: 12px; font-style: normal; display: flex; align-items: center; padding-left: 20px; }
#mainIntroBg .FrmCtr .sideIntro .ln3 { font-size: 11px; padding: 5.6em 0 0 0; color: rgba(255,214,10,0.7);  font-weight: 600; letter-spacing: 0.2em;  }
#mainIntroBg .FrmCtr .sideTmb { width: 65%; max-width: 568px; background: url("../images/main_intro_tmb.jpg") no-repeat center center; background-size: cover; position: relative; border-radius: 2rem; box-shadow: 0px 20px 80px rgba(255, 64, 129, 0.32); }
#mainIntroBg .FrmCtr .sideTmb:after { content: ' '; display: block;  padding-top: 80% }

@media all and (max-width:  1360px) {
#mainIntroBg .FrmCtr .sideIntro .ln1 { font-size: 50px; }
}
@media all and (max-width:  1080px) {
#mainIntroBg {  padding: 4rem  0;  }
#mainIntroBg .FrmCtr:before {  display: none; }
#mainIntroBg .FrmCtr  { flex-direction: column; justify-content: center;  }
#mainIntroBg .FrmCtr .sideIntro { width: 100%; text-align: center; padding-top: 0;  padding-right: 0; padding-bottom: 0;  box-sizing: border-box; }
#mainIntroBg .FrmCtr .sideIntro .ln0 { font-size: 14px; }
#mainIntroBg .FrmCtr .sideIntro .ln1 { font-size: 48px; }
#mainIntroBg .FrmCtr .sideIntro .ln1, #mainIntroBg .FrmCtr .sideIntro .ln2 { margin: 0 auto; }
#mainIntroBg .FrmCtr .sideIntro .ln2 {  max-width: 26em; }
#mainIntroBg .FrmCtr .sideIntro .ln3 { padding: 4rem 0 0 0; }
#mainIntroBg .FrmCtr .sideTmb { width: 100%; min-width: 0; max-width: 429px; margin: 4rem auto 0 auto; font-size: 7.1064px; }
#mainIntroBg .FrmCtr .sideIntro .btnWrp { flex-direction: column; }
#mainIntroBg .FrmCtr .sideIntro .btnWrp .trusted {  padding: 20px 0 0 0;   }
}
@media all and (max-width: 600px) {
#mainIntroBg .FrmCtr .sideTmb { font-size: 1.183vw;  }
#mainIntroBg .FrmCtr .sideIntro .ln3 span { display: none;  }
}
@media all and (max-width: 576px) {
#mainIntroBg .FrmCtr  {  min-height: 430px; height: auto;  } 
#mainIntroBg .FrmCtr .sideIntro  { text-align: center; width: 100%; max-width: 512px; margin: 0 auto;    }
#mainIntroBg .FrmCtr .sideIntro .ln0 { font-size: 3.15vw; }
#mainIntroBg .FrmCtr .sideIntro .ln1 { font-size: 9.8vw; }
#mainIntroBg .FrmCtr .sideIntro .ln2 { font-size: 3.6vw; max-width: 20em; margin: 0 auto; line-height: 1.6em;  padding: 0.4em 0 1.6em 0; }
 #mainIntroBg .FrmCtr .sideIntro .btn { font-size: 17px!important; }
#mainIntroBg .FrmCtr .sideTmb { }
}
@media all and (max-width: 448px) { 
#mainIntroBg .FrmCtr  {  min-height: 95vw }
#mainIntroBg .FrmCtr .sideIntro .ln0 { font-size: 2.35vw; }
#mainIntroBg .FrmCtr .sideIntro .ln1 { font-size: 9.8vw; }
#mainIntroBg .FrmCtr .sideIntro .ln2 { font-size: 3.6vw; }    
#mainIntroBg .FrmCtr .sideIntro .btn { font-size: 3.8vw!important; }
#mainIntroBg .FrmCtr .sideIntro .ln3 { font-size: 2.3vw; }
}
@media all and (max-width: 364px) { 
#mainIntroBg .FrmCtr .sideIntro .btnWrp img { width: 36px; margin-right: 10px; }
#mainIntroBg .FrmCtr .sideIntro .btnWrp .trusted { font-size: 10px; }
}

/* Main Ticker
--------------------------------------------------------------*/
#mainServers { background: #2a0a40; padding: 1.5em 0; overflow: hidden; }
#mainServers .FrmCtr { max-width: 1280px; }
#mainServers .FrmCtr .row { display: flex; align-items: center; }
#mainServers .row .ln1 { font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; white-space: nowrap; padding: 0 2.4em 0 0; margin-right: 2.4em; border-right: 1px solid rgba(255,214,10,0.32); }
#mainServers .row .lst { display: flex; align-items: center; }
#mainServers .row .lst .itm { font-size: 13px; font-weight: 500; color: rgba(255,239,235,0.78); letter-spacing: -0.012em; white-space: nowrap; padding: 0 1.43em 0 1.35em; border-right: 1px solid rgba(255,214,10,0.12); display: flex; align-items: center; }
#mainServers .row .lst .itm .ico { width: 1.62em; height: 1.15em; margin-right: 0.46em; flex-shrink: 0; }
#mainServers .row .ln2 { font-size: 12px; font-weight: 600; color: #ff4081; letter-spacing: -0.013em; white-space: nowrap; padding: 0 0 0 1.6em; }
@media all and (max-width:  1220px) {
#mainServers .row .lst .itm:nth-child(2),#mainServers .row .lst .itm:nth-child(3) { display: none;  }
}
@media all and (max-width:  992px) {
#mainServers .row .lst .itm:nth-child(3),#mainServers .row .lst .itm:nth-child(4),#mainServers .row .lst .itm:nth-child(5) { display: none;  }
}
@media (max-width: 768px) {
#mainServers .row .ln1 {  border: 0; padding: 0; margin: 0 auto; }
#mainServers .row .lst, #mainServers .row .ln2 { display: none; }
}
/* Main Mid
--------------------------------------------------------------*/
#mainPrivacy { background: #ffefeb; padding: 4rem 0 ; }
#mainPrivacy .FrmCtr { max-width: 1136px; }
#mainPrivacy .top { text-align: center; margin-bottom: 5.6em; }
#mainPrivacy .top .ln1 { font-size: 42px; font-weight: 800; font-style: normal; line-height: 1.1em; letter-spacing: -0.02em; color: #1f0830; padding: 0 0 0.19em; }
#mainPrivacy .top .ln2 { font-size: 17px; line-height: 1.6em; letter-spacing: -0.009em; color: rgba(31,8,48,0.65); padding: 0; }
#mainPrivacy .btm .lst { display: flex; flex-wrap: wrap; gap: 2.4em; }
#mainPrivacy .btm .lst .itm { font-size: 10px; flex: 1 0 calc(50% - 1.2em); border-radius: 2em; overflow: hidden; padding: 4.5em; box-sizing: border-box; }
#mainPrivacy .cardDevices { background: #ffffff; border: 1.5px solid rgba(31,8,48,0.08); box-shadow: 0 0.4em 2.4em rgba(31,8,48,0.06); }
#mainPrivacy .cardDevices .icons { display: flex; gap: 1.28em; margin-bottom: 2.4em; }
#mainPrivacy .cardDevices .icons .ico { display: flex; align-items: center; justify-content: center; width: 4.4em; height: 4.4em; background: rgba(255,64,129,0.08); border-radius: 1em; }
#mainPrivacy .cardDevices .icons .ico svg { width: 2.4em; height: 2.4em; }
#mainPrivacy .cardDevices .ln1 { font-size: 2.2em; font-weight: 700; font-style: normal; line-height: 1.23em; letter-spacing: -0.01em; color: #1f0830; padding: 0 0 0.32em; }
#mainPrivacy .cardDevices .ln2 { font-size: 1.5em; line-height: 1.65em; letter-spacing: -0.011em; color: rgba(31,8,48,0.7); padding: 0; }
#mainPrivacy .cardStats { background: radial-gradient(circle 8em at 94% 85%, rgba(255,255,255,0.06) 100%, transparent 100.1%), linear-gradient(158deg, #ff4081, #c72163); }
#mainPrivacy .cardStats .stats { display: flex; margin-bottom: 2.4em; }
#mainPrivacy .cardStats .stats .stat { margin-right: 4em; }
#mainPrivacy .cardStats .stats .stat:last-child { margin-right: 0; }
#mainPrivacy .cardStats .stats .num { font-size: 5.8em; font-weight: 700; font-style: normal; line-height: 1em; letter-spacing: -0.04em; color: #ffffff; padding: 0;  }
#mainPrivacy .cardStats .stats .num span { font-size: 0.48em; line-height: 1em; }
#mainPrivacy .cardStats .stats .ln3 { font-size: 1.3em; font-weight: 600; line-height: 1.31em; letter-spacing: -0.012em; color: rgba(255,239,235,0.85); padding: 0.35em 0 0; }
#mainPrivacy .cardStats .ln1 { font-size: 2.2em; font-weight: 700; font-style: normal; line-height: 1.23em; letter-spacing: -0.01em; color: #ffffff; padding: 0 0 0.32em; }
#mainPrivacy .cardStats .ln2 { font-size: 1.5em; line-height: 1.65em; letter-spacing: -0.011em; color: rgba(255,239,235,0.9); padding: 0; }
#mainPrivacy .cardTable { background: #ffffff; border: 1.5px solid rgba(31,8,48,0.08); box-shadow: 0 0.4em 2.4em rgba(31,8,48,0.06); }
#mainPrivacy .cardTable .ln1 { font-size: 2.2em; font-weight: 700; font-style: normal; line-height: 1.23em; letter-spacing: -0.01em; color: #1f0830; padding: 0 0 0.87em; }
#mainPrivacy .cardTable table { width: 100%; border-collapse: separate; border-spacing: 0; }
#mainPrivacy .cardTable thead tr { background: rgba(255,64,129,0.1); }
#mainPrivacy .cardTable thead th { font-size: 1.1em; font-weight: 700; line-height: 1.45em; letter-spacing: 0.06em; text-transform: uppercase; text-align: left; padding: 0.8em 0.87em; }
#mainPrivacy .cardTable thead th:first-child { border-radius: 0.73em 0 0 0.73em; }
#mainPrivacy .cardTable thead th:last-child { border-radius: 0 0.73em 0.73em 0; }
#mainPrivacy .cardTable tbody td { font-size: 1.4em; padding: 0.79em 0; border-bottom: 1px solid rgba(31,8,48,0.07); vertical-align: middle; }
#mainPrivacy .cardTable tbody td:first-child { font-weight: 700; color: #1f0830; }
#mainPrivacy .cardTable .rowActive { background: rgba(255,64,129,0.04); border-left: 3px solid #ff4081; }
#mainPrivacy .cardTable .rowActive td:first-child { padding-left: 0.68em; }
#mainPrivacy .cardTable .badge { display: inline-flex; align-items: center; gap: 0.36em; font-size: 1.1em; font-weight: 700; letter-spacing: -0.015em; padding: 0.25em 0.7em; }
#mainPrivacy .cardTable .badgeRed { background: rgba(220,38,38,0.12); color: #c22020; }
#mainPrivacy .cardTable .badgeRed svg { width: 0.9em; height: 0.9em; }
#mainPrivacy .cardTable .badgeGrn { background: rgba(34,197,94,0.14); color: #1f8e3f; }
#mainPrivacy .cardTable .badgeGrn svg { width: 0.9em; height: 0.9em; }
#mainPrivacy .cardSpeed { background: radial-gradient(circle 8em at 94% 83%, rgba(255,255,255,0.06) 100%, transparent 100.1%), linear-gradient(159deg, #ff9f1c, #ffd60a);  }
#mainPrivacy .cardSpeed .num { font-size: 8.4em; font-weight: 700; font-style: normal; line-height: 1em; letter-spacing: -0.04em; color: #1f0830; margin-bottom: 0.37em; padding: 0;  display: flex;   align-items: flex-start; }
#mainPrivacy .cardSpeed .num span { font-size: 0.3461em; font-weight: 600; line-height: 1.8em; letter-spacing: -0.04em;  opacity: 0.8;  padding-left: 0.3em; }
#mainPrivacy .cardSpeed .ln1 { font-size: 2.2em; font-weight: 700; font-style: normal; line-height: 1.23em; letter-spacing: -0.01em; color: #1f0830; padding: 0 0 0.32em; }
#mainPrivacy .cardSpeed .ln2 { font-size: 1.5em; line-height: 1.65em; letter-spacing: -0.011em; color: rgba(31,8,48,0.78); padding: 0; }
@media (max-width: 1070px) {
#mainPrivacy { padding: 0; }
#mainPrivacy .FrmCtr { max-width: 536px; }
#mainPrivacy .top { margin-bottom: 3.6em; }
#mainPrivacy .top .ln1 { max-width: 13em; margin: 0 auto; }
#mainPrivacy .top .ln2 { max-width: 21em;  margin: 0 auto; }
#mainPrivacy .btm .lst { flex-direction: column; }
#mainPrivacy .btm .lst .itm { flex: 1 0 100%; }
}
@media (max-width: 576px) {
#mainPrivacy .btm .lst .itm { padding: 2rem; }
#mainPrivacy .top .ln1 { font-size: 7.2vw; }
#mainPrivacy .top .ln2 { font-weight: 500; font-size: 3.6vw;  }
#mainPrivacy .cardDevices .ln2 { font-weight: 500; }
#mainPrivacy .cardStats .ln2 { font-weight: 500; }
#mainPrivacy .cardSpeed .ln2 { font-weight: 500; }
}
@media (max-width: 530px) {
#mainPrivacy .btm .lst .itm { font-size: 1.9vw; } 
}
/* Main Faq
--------------------------------------------------------------*/
#mainFaq { background: #1f0830; padding:  4rem  0; }
#mainFaq .FrmCtr .top { text-align: center; }
#mainFaq .FrmCtr .top .ln2 { font-size: 12px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #ffd60a; padding: 0 0 0.6em 0; }
#mainFaq .FrmCtr .top .ln1 { font-size: 42px; font-weight: 800; line-height: 1.12em; letter-spacing: -0.02em; color: #ffefeb; max-width: 12.4em; margin: 0 auto; }
#mainFaq .FrmCtr .lst { max-width: 816px; margin: 4.8em auto 0 auto; list-style: none; }
#mainFaq .lst .itm { font-size: 10px; background: rgba(58,15,74,0.65); border: 1px solid rgba(255,64,129,0.5); border-radius: 1.4em; padding: 2.24em 2.88em 2.4em 2.88em; }
#mainFaq .lst .itm + .itm { margin-top: 1.44em; }
#mainFaq .lst .itm .ln1 { font-size: 1.8em; font-weight: 700; letter-spacing: -0.005em; color: #ffefeb; margin-bottom: 0.44em; }
#mainFaq .lst .itm .ln2 { font-size: 1.5em; line-height: 1.7em; letter-spacing: -0.005em; color: rgba(255,239,235,0.78); padding: 0; }
@media (max-width: 992px){
#mainFaq { padding:  0; }
#mainFaq .FrmCtr { max-width: 536px; }
}
@media (max-width: 576px){
#mainFaq .lst .itm .ln2 { font-weight: 500; }
}
@media (max-width: 480px){
#mainFaq .FrmCtr .top .ln2 { font-size: 2.5vw; } 
#mainFaq .FrmCtr .top .ln1 { font-size: 8.75vw; }
#mainFaq .lst .itm { font-size: 2.1vw; }
}
/* Main Bottom
--------------------------------------------------------------*/
#mainBtmCt { background: url("../images/main_btm_bg.jpg") no-repeat center center; background-size: cover; color: #ffefeb; padding: 2rem 0;   }
#mainBtmCt .FrmCtr { display: flex; flex-direction: column;  justify-content: center; align-items: center; text-align: center; }
#mainBtmCt .ln1 { font-size: 52px; max-width: 16em; line-height: 1.1em; font-style: normal; /* letter-spacing: -0.03em;*/ /*text-transform: none; */}
#mainBtmCt .ln2 { font-size: 17px; padding: 1.4em 0 1.8em 0; max-width: 28em; line-height: 1.8em; color: rgba(255, 239, 235, 0.78); }
#mainBtmCt .ln3 { font-size: 13px; padding: 1.8em 0 0 0; color: rgba(255, 239, 235, 0.5); }
@media all and (max-width: 1080px) {
#mainBtmCt .ln1 { font-size: 40px; max-width: 12em; }
#mainBtmCt .ln2 { font-size: 15px; max-width: 25em; line-height: 1.4em; }
#mainBtmCt .ln3 {  max-width: 25em;  }
}
@media all and (max-width: 576px) {
#mainBtmCt .ln1 { font-size: 7.2vw; }
#mainBtmCt .ln2 { font-size: 3.2vw; max-width: 22em; font-weight: 500; color: #ffefeb;  }
#mainBtmCt .ln3 { font-size: 11px; padding: 1.6em 0 0 0; color: #ffefeb;  }
}
@media all and (max-width: 448px) { 
#mainBtmCt .ln3 { font-size: 2.3vw; }
#mainBtmCt .btn { font-size: 3.8vw!important; }
}
/* Main Footer
--------------------------------------------------------------*/

#mainFtr  { font-family: "IBM Plex Sans", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans;  background: #a530d1; color: #fff; box-shadow: 0 9000px 0 9000px #a530d1; font-weight: 400;  }
.fullBg #mainFtr  { background: none!important; box-shadow: none; }
#ftrNav { display: block; font-size: 14px;  margin-bottom: 3.8rem; }
#ftrNav li { display: inline; white-space: nowrap;  } 
#ftrNav li a { color: #fff; margin: 0 0.72em; }
#ftrNav li a:hover { color: #fff; }
#mainFtr .copy { font-size: 14px; line-height: 1.75em; padding-bottom: 0; }
@media all and (max-width: 1019px) {
#ftrNav ul { display: block; margin: 0 auto; max-width: 29em; }
#ftrNav li  { line-height: 1.4em; }
#ftrNav li a { margin: 0 0.5em; } 
#ftrNav li span { display: none; }
}
@media all and (max-width: 576px) {
#ftrNav { font-size: 1.8rem; }
#ftrNav li span { display: none; }
#mainFtr .copy { font-size: 2rem; }
}
/* Live Chat Btn
--------------------------------------------------------------*/
.liveChatWrp  { position: fixed;  right: 2rem; bottom: 2rem;  z-index: 10; font-size: 10px;   }
.liveChat { display: flex; justify-content: flex-end; align-items: center; gap: 1.8em; background: var(--chat-btn-bg)!important; color: var(--chat-btn-txt); box-shadow: 3px 3px 6px -3px rgba(0,0,0,0.35); padding: 1em 1.8em; border-radius: 1.6em; }
.liveChat .txt { font-size: 1.6em; font-weight: 600; }
.liveChat .ico { border-radius: 3.8em; width: 3.8em; height: 3.8em;  display: flex; justify-content: center; align-items: center; box-shadow: 0.2em 0.2em 0.6em 0 rgba(0,0,0,0.3);  }
.liveChat svg { width: 100%; }
.liveChat:hover, .liveChat:active { filter: saturate(130%); }
@media (max-width: 480px) {
.liveChatWrp  { font-size: 2.1vw; }
}
/* 
////
//// Login 
////
--------------------------------------------------------------*/
/* Form
--------------------------------------------------------------*/
#loginWrp { background: #f1f1f1; display: flex; justify-content: flex-start; align-content: stretch; }
#loginFormBg { flex-grow: 1 ; display: flex; justify-content:  center; align-items: stretch; padding: 6rem 2rem;  }
#loginForm {  padding: 4rem; max-width: 370px; background: #fff; color: #414141; border-radius: 5px;  }
#loginForm p { padding-bottom: 15px; }
#loginForm  .formTitle { font-size: 24px; line-height: 1.3em; font-weight: 500; padding-bottom: 0.15em;   } 
#loginForm  .formSubtitle  { color: #6b6b6b; font-size: 14px; font-weight: 400; line-height: 1.43em; margin-bottom: 20px; }
#loginForm .inputIco { position: relative; display: block;  }
#loginForm .inputIco input { padding-right:40.63px;}
#loginForm .passwordToggle { position: absolute; right: 0; top: 24px; height: 40.63px; width: 40.63px; display: flex; justify-content:  center; align-items: center; }
#loginForm .passwordToggle svg { width: 44%; height: 100%; }
#loginForm .passwordToggle svg path { fill: #919191; }
#loginForm .passwordToggle svg .st1 { display: none; }
#loginForm input[type=text] + .passwordToggle svg .st0 { display: none; }
#loginForm input[type=text] + .passwordToggle svg .st1 { display: block; }
#loginForm label .cards { float: right; white-space: nowrap; }
#loginForm label img { display: inline;  vertical-align:  top; height: 21.4px!important; width: auto!important;  margin-left: 2px;  }
#loginForm .cvvInfo { background-color: #4d64fd; color: #fff; display: block; position: absolute; right: 10px; top: 12px; width: 1.2em; height: 1.2em; line-height: 1.2em; font-size: 14px; font-weight: 500; text-align: center; z-index: 40;  border-radius: 3px; }
#loginForm .cvvInfo:hover { background-color: #277add; }
#loginForm .passwordStrength { font-size: 11px; line-height: 1.2em; color:#919191; clear: both;  } 
#loginForm .passwordStrength svg { width: 1.2em; height: 1.2em; margin-right: 0.4em; position: relative; top: 0.2em;  }
#loginForm .tos { font-size: 12px; padding: 15px 0 0px 0; clear: both;   }
#loginForm .tos input[type="checkbox"] { position: relative;  display: inline-block; vertical-align:  top; width: 1.05em!important; height: 1.05em!important; font-size: 1.05em!important;  top: 0.225em    }
#loginForm .tos a {color: #ff4081; }
#loginForm .tos a:hover { text-decoration: underline; }
#loginForm .creat {  padding-top: 15px; text-align: center; font-size: 13px; padding-bottom: 0;  }
#loginForm .creat a { color: #ff4081; }
@media all and (max-width:1240px){

}
@media all and (max-width:980px){
#loginWrp { background: #fff; }
#loginFormBg { align-items: center; padding: 6rem 2rem; flex-direction: column; }
}
@media all and (max-width:576px){
#loginForm .formTitle { font-size: 20px; adding-bottom: 0.2em; }
#loginForm .buttonSoc { height: 36px; line-height: 36px;  }
#loginForm .buttonSoc span { display: none; }
#loginForm .buttonSoc svg { margin: 0 auto;  }
}
@media all and (max-width:472px){
#loginForm {  padding: 2rem; } 
}
@media all and (max-width:364px){
#loginForm .formSubtitle  {font-size: 13px; }
#loginForm .passwordStrength { font-size: 10.5px; }
#loginForm .tos { font-size: 11px;}
}