@charset "UTF-8";
:root {
--color-primary:  #ffbf00 ;
--color-secondary:  #ffbf00;
--header-background: #ff2d00;
--header-text: #ffffff;
--header-text-hover: #ffbf00 ;
--bg-nav-mobile:  #28292b;
--bg-nav-active: #323335;
--txt-nav-mobile:  #fff;
--bg-body:  #e2e4e6;
--bg-footer:  #161616;
--footer-text:  #fff;
--footer-text-hover:  #fff;
}

ul, li { margin: 0; padding: 0; list-style: none;}
body { font-family: "DM Sans", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans; background: var(--bg-body); color: #161617;  }
#fullWrp { margin: 0 auto; min-height: 100%; background: var(--bg-body); position: relative; overflow-x: hidden;   }
.genC1 { color: var(--color-primary)!important; }
.genC2 { color: var(--color-secondary)!important; }
.genPad1 { padding-top: 60px; padding-bottom: 60px;}
@media all and (max-width: 576px) {
.genPad1 { padding-top: 7.812vw; padding-bottom:  7.812vw;}
}
.FntUn {  font-family: "Unbounded", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans; font-weight: 500!important; } 
/* logo 
-----------------------------*/
#mainLogo { display: block;  width: 133px;  max-width: 133px; text-align: center; position: relative;   }
#mainLogo a { display: inline-block; white-space: nowrap; font-size: 56px; line-height :56px; text-indent: -8000px; background: url("../images/main_logo_2x.png") no-repeat center center; background-size: contain; color: #fff; position: relative; z-index: 1; width: 100%;     }
@media all and (max-width: 767px) {
#mainLogo  a {  font-size: 4.8rem;}
}
@media all and (max-width: 667px) {
#mainLogo { margin-left: 44px; display:  inline-block; width: auto; }
}
@media all and (max-width: 576px) {
.nav-hamburger + #mainLogo { margin-left: 54px!important; }
}
/* Main Header
--------------------------------------------------------------*/
#mainHdr { z-index: 2; background: var(--header-background); padding: 0 0;  box-shadow: 0 -10px 20px 10px rgba(0,0,0,0.1); position: relative; z-index: 20;   }
#fullWrp .introHeader { box-shadow:  0 2px 0 -1px rgba(255,255,255,0.25)!important; background: none!important;  position: absolute; left: 0; top: 0; width: 100%;   }
#mainHdrBg { position: absolute; left: 0; top: 0; width: 100%; height :100%; z-index: -1; overflow: hidden;   }
#mainHdr .nav-hamburger { display: none; }
#mainHdr  .ctr { padding: 0 2rem; margin: 0 auto;   }
#mainLogo {   z-index:  10; position: relative; }
#mainHdr .mainHdrOpt li { position: relative; }
#mainNav .site-nav  li a {  color: var(--header-text);  }
#mainNav .site-nav  li a:hover {  color: var(--header-text-hover);  }
#mainNav .site-nav  li a span.bonus {  position: absolute; top: -1.6em; line-height: 1.45em; background: #F6A624; padding: 0 0.55em; color: #fff;  left: 50%; transform: translate(-50%, 0%); font-size: 12.48px; }
#mainSignNav {  display: flex; justify-content: flex-end; height: 56px; align-items: center; white-space: nowrap;  font-size: 14px; font-weight: 700; text-transform: capitalize; float: right; position: relative;  top: -1px; letter-spacing: 0em;  }
#mainSignNav a:last-child  { margin-left: 20px; }
#mainSignNav a { color: var(--header-text); }
#mainSignNav a.btn { padding: 0.85em 1.4em; }
#mainLogo .planType { position: absolute; top: 0; line-height: 1.45em; background: var(--bg-nav-mobile); padding: 0 0.55em;color: #fff; font-size: 12.48px; left: 104%; text-indent: 0; text-transform: uppercase; }
#mainHdr .btmHdr { background: #142978; padding: 15px 0; font-size: 16px; color: #fff; position: relative; z-index: 10;   }
@media all and (max-width: 1399px) {
#mainHdr .topHdr .ctr { display: flex; align-items: center; justify-content: space-between; }
#mainHdr .mainHdrOpt li span.bonus  {  font-size: 11.5px; }
#mainSignNav a:last-child  { margin-left: 30px; }
.nav-hamburger + #mainLogo { margin: 0 0 0 61px; width: 133px; } 
}
@media all and (max-width: 1360px) {
#mainHdr .mainHdrOpt li span.bonus  {  font-size: 10.5px; }
}
@media all and (max-width: 960px) {
#mainHdr .btmHdr { line-height: 1.1em; text-align: center; }
#mainHdr .btmHdr .ctr { max-width: 26em; }
}
@media all and (max-width: 680px) {
.nav-hamburger + #mainLogo { margin: 0 0 0 50px; width: 152px; } 
#mainHdrBg:after {  left: 110px; }
}
@media all and (max-width: 572px) {
#mainLogo .planType { display: none;}
#mainHdr .btmHdr .ctr { font-size: 14px; line-height: 1.1em;}
#mainSignNav {  font-size: 14px; }
#mainSignNav a .hdSm { display: none; }
}
@media all and (max-width: 440px) {
.nav-hamburger + #mainLogo { margin: 0 0 0 40px!important; width: 34vw; } 
#mainHdrBg:after {  left: calc(62vw - 176px); }
#mainHdr .btmHdr .ctr { font-size: 12px; line-height: 1.1em;}
#mainSignNav a:last-child { margin-left: 15px; }
#mainSignNav a.btn { padding: 0.65em 1.1em; }
}
@media all and (max-width: 364px) {

#mainSignNav { font-size: 13px!important; }
}
/* Main  Menu
--------------------------------------------------------------*/
#mainHdr ul { list-style: none; margin: 0 auto; padding: 0;  }
@media all and (min-width: 1400px) {
#mainHdr #mainNav { display: flex; justify-content: space-between; align-items: center; font-weight: 700; text-transform: none; font-size: 14px; line-height: 1.2em; max-width: 990px;  width: 100%; padding: 0 30px; margin: 0 auto; letter-spacing:  0.01em;  }
#mainHdr #mainNav .site-nav { width: 100%; }
#mainHdr .topHdr { padding: 25px 0; position: relative; z-index: 1;    }
#mainHdr .topHdr .ctr { display: flex; align-items: center; justify-content: space-between; }
#mainHdr .topHdr .date { display: block; position: absolute; left: 3rem; top: 50%; margin-top: -0.5em; font-size: 15px; line-height: 1em; }
#mainHdr .mainHdrOpt {  width: 100%;   display: flex;  justify-content: space-between; align-items: center; list-style: none;   }
#mainHdr .mainHdrMem  { max-width: 540px;  margin: 0 auto; padding: 0; }
#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: 14px; 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 var(--bg-nav-mobile); 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 (min-width: 1571px) {
#mainHdr #mainNav { max-width: 1124px; }
}
@media all and (max-width: 1399px) {
#mainHdr .topHdr { padding: 15px 0; }

#mainHdr .topHdr .date { display: none; }
/*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: 24px;  }
.nav-hamburger::before, .nav-hamburger::after, .nav-hamburger span { background-color: var(--header-text); transition: all 0.3s ease-in-out 0s; }
.nav-hamburger::before, .nav-hamburger::after, .nav-hamburger span { background-color: var(--header-text); }
.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: var(--txt-nav-mobile); opacity: 0; }
.menuOpen .nav-hamburger::before { background-color: var(--txt-nav-mobile); transform: rotate3d(0, 0, 1, 45deg); }
.menuOpen .nav-hamburger::after { background-color: var(--txt-nav-mobile); transform: rotate3d(0, 0, 1, -45deg); }
.nav-hamburger { position: absolute; left: 0; top: 14px; z-index: 1001; cursor: pointer;  }

#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 var(--bg-nav-mobile);  }
#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: 86px; }
#mainNav .site-nav  li a {  background: var(--bg-nav-mobile); display: block; padding: 16px 20px 16px 20px!important; color: var(--txt-nav-mobile)!important; font-size: 14px; 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: 500;  letter-spacing: 0.145em; text-transform: uppercase;  -webkit-tap-highlight-color: transparent; }
#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:  var(--txt-nav-mobile);  background:var(--bg-nav-active); }
#mainNav .site-nav  li a:active  { background:var(--bg-nav-active); }
#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:var(--bg-nav-mobile); color: #fff; display: block!important; max-width: 300px; top: 0;  box-shadow: -1000vh 900vh  0 1000vh var(--bg-nav-mobile), -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;  }
}

/* Account Nav
--------------------------------------------------------------*/
.accountNav { background:var(--bg-nav); color: #000; display: block!important; max-width: 320px; top: 0;  box-shadow: 1000vh 900vh  0 1000vh #fff,-1000vh  900vh 20px 1000vh  rgba(0,0,0, 0.0); position: absolute; right: 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; z-index: 2000;  }
.accountMenuOpen .accountNav  { -webkit-transform: translateX(0); transform: translateX(0); transform: translate3d(0, 0, 0);  -webkit-transform: translate3d(0, 0, 0); pointer-events: auto; box-shadow: 1000vh 900vh  0 1000vh #fff,-1000vh  900vh 20px 1000vh  rgba(0,0,0, 0.4);  }
.accountNav  { background: #fff; }
.closeNav { background: none; border: 0 none; cursor: pointer; display: block; height: 35px; margin-bottom: auto; margin-top: auto; outline: none; padding: 0; position: absolute; right :20px; top: 20px;   width: 30px; }
.closeNav:before, .closeNav:after { background-color: #000;  content: ""; height: 2px; left: 0; position: absolute; top: 50%; transform-origin: 50% 50% 0; width: 100%; }
.closeNav:before { transform: rotate3d(0, 0, 1, 45deg);}
.closeNav:after { transform: rotate3d(0, 0, 1, -45deg); }
.accountNav ul { padding: 86px 30px 30px 30px!important; margin: 0; list-style:  none; }
.accountNav ul li { display: block; }
.accountNav ul li.ln1 { font-size: 22.5px; padding: 20px 0 ; border-bottom: solid 1px rgba(0,0,0,0.15); margin-bottom: 20px;  }
.accountNav ul li.hd1 { font-size: 18px;  font-weight: 700; text-transform: uppercase;  }
.accountNav ul li.ln2  { font-size: 18px; padding-bottom: 20px;  }
.accountNav ul li.btnWrp { padding: 0px 0 20px 0; border-bottom: solid 1px rgba(0,0,0,0.15);  margin-bottom: 20px; }
.accountNav ul li.btnWrp .btn { font-size: 14.5px!important; display: block; padding: 0.863em 0.8em; }
.accountNav ul li a.lnk { font-size: 16px; display: block; padding: 10px  0; color :#000; text-decoration:  none; position: relative; border-top: solid 1px rgba(0,0,0,0.15); }
.accountNav ul li a.lnk svg { position: absolute; right: 0; top: 50%; margin-top: -0.55em; height: 1.1em; width: auto; display: block; }
.accountNav ul li.hd2 { font-size: 18px;  font-weight: 700; text-transform: uppercase;  padding: 10px 0;   }
.accountNav ul li a.logOut { font-weight: bold; margin-top: 40px; border-top: 0; }
@media screen and (max-width: 768px) {
.accountNav { max-width: 300px;}
.closeNav { right: 15px; top: 15px; }
.accountNav ul { padding: 85px 15px 15px 15px!important; margin: 0; list-style:  none; }
}



/* Main Intro
--------------------------------------------------------------*/
#mainIntroId  { background: #171719 url("../images/main_intro_bg_xl.jpg") no-repeat center center; background-size: cover;  overflow: hidden;  color: #fff;  position: relative;   }
#mainIntroBg { padding-top: 106px; }
#mainIntroBg .FrmCtr  { padding-top: 6rem; padding-bottom: 6rem;   display: flex; flex-direction: row;  justify-content: space-between;  align-items: center;  max-width: 1296px; text-align: center; }
#mainIntroBg .FrmCtr .sideIntro  {   display: flex; flex-direction: column;  justify-content: center;  align-items: flex-start;  text-align: left;  padding-right: 4rem;  }
#mainIntroBg .FrmCtr .sideIntro .ln0 { position: relative; display: inline-block; font-size: 16px; line-height: 1.6em; text-transform: none;  padding: 0 0 0.95em 0; font-weight: 700; letter-spacing: 0.1em;  text-transform: capitalize; display: flex;  align-items: center;  }
#mainIntroBg .FrmCtr .sideIntro .ln0 .dash { display: flex; justify-content: center; align-items: center; }
#mainIntroBg .FrmCtr .sideIntro .ln0 .dash span { display: block; background: var(--color-primary); height: 2px; width: 2em; margin-right: 1em; }
#mainIntroBg .FrmCtr .sideIntro .ln1 { font-size: 55px; line-height: 1.2em; letter-spacing:0em; padding-bottom: 0.8em; text-transform: none; max-width: 13em;  font-weight: 700;   } 
#mainIntroBg .FrmCtr .sideIntro .ln2 { position: relative; display: inline-block; font-size: 15px; line-height: 1.6em; text-transform: none;  padding: 1.6em 0 0em 0; font-weight: 400;  max-width: 36em; border-top: solid 1px rgba(255,255,255,0.35) ;  }
#mainIntroBg .FrmCtr .sideIntro .ln3 { font-size: 18px; line-height: 1.5em; text-transform: none; font-weight: 700; padding: 7.9em 0 0.6em 0;   display: inline-block;  border-bottom: solid 1px #fff; margin-bottom: -1px; }
#mainIntroBg .FrmCtr .sideTmb { max-width: 629px; width: 49%; position: relative; z-index: 2;  }
#mainIntroBg .FrmCtr .sideTmb img { margin: 0 auto; }
@media all and (max-width: 1399px) {
#mainIntroBg {padding-top: 87px; }
}

@media all and (max-width: 992px) {
#mainIntroBg {  }
#mainIntroBg .FrmCtr  { flex-direction: column; justify-content: center;   align-items: center;}
#mainIntroBg .FrmCtr .sideIntro { flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 100%; padding-top: 0!important;  padding-right: 0; padding-bottom: 0; }
#mainIntroBg .FrmCtr .sideIntro .ln1 { font-size: 5rem; margin: 0 auto; }
#mainIntroBg .FrmCtr .sideIntro .ln2 { font-size: 13px; margin: 0 auto; } 
#mainIntroBg .FrmCtr .sideIntro .ln3 {  padding: 1.9em 0 0.6em 0; }
#mainIntroBg .FrmCtr .sideTmb { max-width: 629px; width: 100%; position: relative; z-index: 2; }
}
@media all and (max-width: 540px) {
#mainIntroBg .FrmCtr .sideIntro .ln0 { font-size: 2.8vw; }
#mainIntroBg .FrmCtr .sideIntro .ln2 { font-size: 2.4vw; }
#mainIntroBg .FrmCtr .sideIntro .ln3 { font-size: 3.3vw; }
}

/* Main Footer
--------------------------------------------------------------*/
#mainFtr  { background: var(--bg-footer); color: var(--footer-text); box-shadow: 0 9000px 0 9000px  var(--bg-footer);  padding-top: 0; padding-bottom: 0; font-family:  "DM Sans", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans!important; font-weight: 400; text-transform: none;   }
#ftrNav { display: block; font-size: 14px;  margin-bottom: 2.4rem; padding-bottom: 0; font-family:  "DM Sans", "Helvetica Neue", Arial, "Nimbus Sans L", FreeSans!important; }
#ftrNav li { display: inline;  } 
#ftrNav li a { color: var(--footer-text);margin: 0 0.72em; }
#ftrNav li a:hover { color: var(--footer-text-hover); text-decoration: underline; }
#mainFtr .logo { width: 156px; margin-bottom: 3rem;   }
#mainFtr .copy { font-size: 14px; line-height: 1.75em; padding-bottom: 0; margin-bottom: 0; }
@media all and (max-width: 1019px) {
#ftrNav { margin-left: auto; margin-right: auto; max-width: 32em; }
#ftrNav li span { display: none; }
#ftrNav li a { margin: 0 0.5em; } 
#mainFtr .logo { width: 126px; }
}
@media all and (max-width: 576px) {
#ftrNav { font-size: 2.819vw;  }
#ftrNav li { line-height: 1.7em; }
#mainFtr .copy { font-size: 2.819vw; }
}

/* 
////
//// Login 
////
--------------------------------------------------------------*/
/* Form
--------------------------------------------------------------*/
#loginWrp { background: #e2e4e6; 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; text-align: center;   }
#loginForm .formTitle { font-size: 24px; line-height: 1.3em; font-weight: 500; padding-bottom: 0.35em;   } 
#loginForm .formSubtitle  { color: #6b6b6b; font-size: 14.8px; font-weight: 400; line-height: 1.13em; margin-bottom: 0; }
#loginForm .btmForm { padding-top: 20px;  }
#loginForm .formWrp p { padding-bottom: 15px; text-align: left;  }
#loginForm p textarea { min-height: 7.1em; width: 100%!important; max-width: 100%; }
#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: var(--color-primary); 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: 14px 0 20px 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: var(--color-primary); }
#loginForm .tos a:hover { text-decoration: underline; }
#loginForm .keep label { font-size: 15px; text-align: left; line-height: 1em; width: auto; display: block; padding: 0.5em 0; }
#loginForm .keep label input { float: left; width: 1em!important; height: 1em!important; display: block; margin: 0 0.4em 0 0; vertical-align: top; position: relative; top: 0em; }
#loginForm .formWrp p.creat {  font-size: 15px; line-height: 1.2em; width: 100%; display: block; padding: 15px 0 0 0; text-align: center; } 
#loginForm .formWrp p.creat a { color: var(--color-secondary); }
@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;}
}
/* Selected Plan
--------------------------------------------------------------*/
#loginFormBg .col { margin-left: 20px; }
#loginFormBg .plan { border: 0; justify-content: center; }
#loginFormBg .plan .plan__body { flex-grow:0; }
#loginFormBg .plan__body .plan-chosen-period { margin-bottom: 0; }
@media all and (max-width:980px){
#loginFormBg .col { margin-left: 0px; }
}
/*cvv info modal
--------------------------------------------------------------*/
.popWrp { clear: left; height: 0; position: relative; font-size: 16px; z-index: 100; width: 100%; order: 3; }
.pop { background: #fff;   max-width: 350px; width: 100%; box-sizing: border-box; left: auto; right: 0;  margin: 30px auto; padding: 20px; position: absolute; border-radius: 13px; font-size: .7em; text-align: center; margin-bottom: 5px; z-index: 2; box-shadow: 0 2px 10px #00000052; top: 80px; opacity: 0; visibility: hidden; transition: all .2s ease;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;  right: 0; left: auto!important; }
.pop.active { opacity: 1; visibility: visible; top: -170px; } 
.pop p { margin-bottom: 10px; color: #6f7583; padding: 0 28px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.pop img { max-width: 70px; display:block; margin: 0 auto;   }
.close_pop { position: absolute; right: 0; top: 0; background: #bbc6cf; display: inline-block; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; color: #fff; margin: 10px; font-weight: 700; transition: all .3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.close_pop:hover { cursor: pointer; opacity: .5 }
/* 
////
//// Privacy & tos
////
--------------------------------------------------------------*/
#innerCont {background: #e2e4e6; padding: 4rem 0;}
/* 
////
//// Main News 
////
--------------------------------------------------------------*/
#mainSubNav { text-align: center; background: #c5c5c5; padding: 0.6em 0; font-size: 14px; font-weight: 500; }
#mainSubNav  li { display: inline; }
#mainSubNav  li a { color: #000; text-decoration: underline; }

#mainNews {background: #e2e4e6; padding: 4rem 0;}
#mainNews .FrmCtr { display: flex; flex-direction: row; justify-content: space-between; }
.headWrp { margin-top: 3rem; margin-bottom: 3rem;  background: linear-gradient(110deg, #000000 0%, #671c0c 100%); position: relative; }
.headWrp .title { font-size: 19px; padding: 0.65em 2rem; margin: 0; text-transform : uppercase; color: #fff;  font-family:  "Reddit Sans Condensed",  "Helvetica Neue",  Arial, "Nimbus Sans L", FreeSans; font-weight: 700; letter-spacing: 0.03em; }
.headWrp .title .genBtnVi1 { position: relative; top: 0.1em; font-size: 0.632em; }
.newsTmbLst { display: flex; flex-direction: row; flex-wrap: wrap;  justify-content: space-between; }
.newsTmbLst .itm { width: calc(33% - 15px); margin-bottom: 30px;  }
.newsTmbLst .itm .dtls { color: #000 ;}
.newsTmbLst .itm .dtls:hover { color: #2b3101; }
.newsTmbLst .itm .tmb { display: block; padding-top: 72.17%; position: relative; background: #000; margin-bottom: 8px; }
.newsTmbLst .itm .tmb img { position: absolute; left: 0; top: 0; width: 100%; height: 100%!important; object-fit: cover; }
.newsTmbLst .itm .dtls:hover img { opacity: 0.85; }
.newsTmbLst .itm .title { font-weight: 700; font-size: 16px; line-height: 1.2em; display: block;  }
#mainBreak2 { display: flex; justify-content: flex-start; align-items: center; font-size: 2rem; position: relative; z-index: 9; background: #000; overflow: hidden; margin-bottom: 30px;  }
#mainBreak2 .brkLft { background: #cc0000; color: #fff; font-size: 1em; font-weight: 700; text-transform: uppercase; white-space: nowrap; padding: 0.7em 2rem 0.7em 2rem;  position: relative; line-height: 1em; margin-right: 1.5em; box-shadow: 1px 0 0 0 #cc0000;    font-family:  "Reddit Sans Condensed",  "Helvetica Neue",  Arial, "Nimbus Sans L", FreeSans;  }
#mainBreak2 .brkLft .genBtnVi1 { vertical-align:  top; position: relative; right: -1.4em; }
#mainBreak2 .brkLft:after { content: ' '; position: absolute; right: -1.3em; top: -0.05em; bottom: 0;   display: block; padding: 0;  width: 0;  height: 0;  border-top: 1.3em solid transparent; border-bottom: 1.3em solid transparent;  border-left: 1.3em solid #cc0000;   }
#mainBreak2 .brkRgt { color: #fff; font-size: 0.8em; padding: 0 2rem; line-height: 1.1em;  }
#mainBreak2 .brkRgt p { padding: 0; }
#mainBreak2 .brkRgt a { color: #fff; }
@media all and (max-width:1240px){
#mainBreak2 { font-size: 1.55rem; }
#mainBreak2 .brkLft { padding-left: 1.4rem; padding-right: 0.7rem; }
#mainBreak2 .brkLft .genBtnVi1 { right: -0.85em; }
#mainBreak2 .brkRgt { padding-left: 1.4rem; padding-right: 1.4rem; }
}
@media all and (max-width:572px){
#mainBreak1 { font-size: 1.55rem; }
.headWrp .title { font-size: 14px; }
#mainBreak1 .brkLft, #mainBreak2 .brkLft {  font-size: 1.3em; }
#mainBreak1 .brkRgt, #mainBreak2 .brkRgt { font-size: 1.06em; }
}
@media screen and ( max-width: 420px){ 
#mainSubNav { font-size: 3.3vw; }
}

/*Side Col
--------------------------------------------------------------*/
#mainRgtSideCol  { width: 300px; min-width: 300px; margin-left: 30px; } 
#mainRgtSideCol .latest { background: #fff; border: solid 1px #ccc; padding: 15px; font-size: 16px; }
#mainRgtSideCol .latest .latestTitle { text-transform: uppercase; display: block;  font-weight: 700; font-size: 1em; margin-bottom: 0.8em; }
#mainRgtSideCol .latest ul { padding-bottom: 0.6em; }
#mainRgtSideCol .latest ul li { background: url("../images/icon-right-chevron.svg") no-repeat left 0.1em; background-size: auto 0.9em; display: block; padding-left: 1em;   font-size: 1em;  line-height: 1.1em; padding-bottom: 0.4em; font-weight: 500;  }
#mainRgtSideCol .latest ul li a { color: #000;  background: none!important;}
#mainRgtSideCol .latest ul li a:hover {  color: var(--color-secondary); }
#mainRgtSideCol .latest .btn { display: block;  max-width: 300px; margin: 0 auto; }

@media all and (max-width:1123px){
.newsTmbLst .itm .latestTitle, #mainRgtSideCol .latest { font-size: 14px; }
#mainRgtSideCol  { min-width: 280px; } 
}
@media all and (max-width:980px){
.newsTmbLst .itm { width: calc(50% - 15px);  }
.mobileLtdNews .itm:nth-child(1n + 3) { display: none; }
}
@media all and (max-width:840px){
#mainNews .FrmCtr { display: block; }
#mainRgtSideCol  { width: 100%;  margin-left: 0px; } 
}
@media all and (max-width:572px){
.newsTmbLst .itm { width: 100%; }
.mobileLtdNews .itm:nth-child(1n + 2) { display: none; }
}
/* 
////
//// Main Article 
////
--------------------------------------------------------------*/
#mainArticle { background: #fbfbfb; padding: 4rem 0;}
#mainArticle .FrmCtr { display: flex; flex-direction: row; justify-content: space-between; }
#artBreak { font-weight: 700; text-transform: uppercase; white-space: nowrap; line-height: 1em; font-size: 2rem; display: flex; align-items: center; margin-bottom: 0.6em; }
#artBreak .ElmCirc { background: #cc0000; animation: blink 2s infinite; width: 0.4em; height: 0.4em;  margin-right: 0.3em; }
@keyframes blink { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } }
.mainLftArticle .artItm { margin-bottom: 2rem; }
.mainLftArticle .artItm:last-child { margin-bottom: 0; }
.mainLftArticle .artItm .tags { display: flex; margin-bottom: 10px;   }
.mainLftArticle .artItm .tag { display: block; background: var(--color-primary); color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 600; padding: 0.1em 0.5em 0 0.5em; line-height: 1.4em; margin-right: 1em  }
.mainLftArticle .artItm .artTitle { font-size: 30px; font-weight: 600; line-height: 1.2em; margin-bottom: 10px; }
.mainLftArticle .artItm .artAuth  { display: flex;  align-items: center; margin-bottom: 10px;  }
.mainLftArticle .artItm .artDtls { font-size: 14px; font-weight: 600; padding-left: 1.2em; color: #7d828e; }
.mainLftArticle .artItm .authName { color: var(--color-secondary); }
.mainLftArticle .artItm .artTmb { padding: 2px 0; margin-bottom: 1.6em; }
@media all and (max-width:980px){
#mainArticle .FrmCtr { display: block; }
}
@media all and (max-width:572px){
#artBreak { font-size: 2.6rem; }
}
/*Side Col
--------------------------------------------------------------*/
#mainRgtSideCol .latestTmbs .latestTitle { text-transform: uppercase; display: block;  font-weight: 700; font-size: 16px; margin-bottom: 0.8em; }
#mainRgtSideCol .newsTmbLst .itm  { width: 100%;  }
@media all and (max-width:980px){
#mainArticle #mainRgtSideCol  { width: 100%; margin-left:0; padding-top: 3rem; margin-top: 3rem; border-top: solid 1px #ccc;  }
#mainRgtSideCol .newsTmbLst .itm { width: calc(50% - 15px);  }
}
@media all and (max-width:572px){
#mainRgtSideCol .newsTmbLst .itm { width: 100%; }
}

/* 
////
//// Main Limit modal
////
--------------------------------------------------------------*/
.limitModal { position: fixed; will-change: transform; display: flex;  top: 200vh; -webkit-box-align: center; align-items: center;  text-align: left;width: 100%;  z-index: 1000000120; height: auto;  opacity: 1; transition: transform 750ms ease-out 0s;  }
[data-disabled]  .limitModal { transform: translate(0px, -167vh); }
[data-disabled] main {  filter: blur(8px); }
[data-disabled] #fullWrp  { background: #fff; }
.limitModal:before { content: ' '; display: block;  position: absolute; top: -34vh; bottom: 0; width: 100%; z-index: -1; background: rgba(0,0,0,0.7);  background: linear-gradient(180deg, rgba(0,0,0,0.0) 3%, rgba(0,0,0,0.8) 50%);  }
.limitModalBg {  margin: 0px auto; padding: 0 20px 20px 20px; width: 100%; min-height: 67vh;  background-color: rgb(255, 255, 255);  border-top: 1px solid rgb(51, 51, 51); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px;box-sizing: border-box; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; justify-content: center  }
.limitModal  .ln1 { font-size:18px; position: relative; text-align: center; padding: 1.4em 0; margin-bottom: calc(1.4em + 4px); margin-top: 0; }
.limitModal  .ln1:after { content: ' '; display: block; left: 50%; bottom: -2px ; width: 6em; height: 0; border-top: solid 2px #000; margin-left: -3em; position: absolute; margin-bottom: 2px; top: auto;  }
.limGetCont { border: solid 3px #000; box-shadow:  0px 0px 3px 0 rgba(0, 0, 0, 0.2);  padding: 40px; width: 100%; box-sizing: border-box;  max-width: 1100px; color: #000; display: flex;  align-items: center;  }
.limGetCont .lft { flex-grow: 1; padding-right: 20px; }
.limitModal  .ln2 { font-size: 28px; line-height: 1.2em; position: relative; padding-bottom: 1em; margin: 0 0  1em 0; font-weight: 500;  }
.limitModal  .ln2:after { content: ' '; display: block; left: 0; bottom: -2px ; width: 2.6em; height: 0; border-top: solid 2px #000; 
position: absolute; margin-bottom: 2px; top: auto; }
.limitModal  .ln3 { font-size: 24px; margin: 0; } 
.limitModal  .ln4 { font-size: 15px; margin: 0.4em 0 0 0; } 
.limitModal  .rgt { min-width: 250px; }
.limitModal  .limBtn { width: 100%; max-width: 250px; text-align: center; margin: 0 auto;  box-sizing: border-box;  }
@media screen and (min-width: 765px) {
.limitModal { min-height: 50vh;  }
[data-disabled] .limitModal { transform: translate(0px, -150vh); }
.limitModal:before {  top: -51vh;   }
.limitModalBg  {  min-height: 50vh;  }
}
@media screen and (max-width: 764px) {
.limGetCont { flex-direction: column;  padding: 20px; text-align: center; }
.limitModal  .ln2:after { left: 50%; margin-left: -1.3em; }
.limGetCont .lft { padding-right: 0; }
.limitModal  .rgt { padding-top: 20px; }
}
@media screen and (max-width: 572px) {
.limGetCont { padding: 15px; }
.limitModal  .ln1 { font-size:14px; }
.limitModal .ln2 { font-size: 24px;  max-width: 11em; margin-left: auto; margin-right: auto;  }
.limitModal  .ln3 { font-size: 20px; }
.limitModal  .ln4 { font-size: 13px; } 
.limitModal  .rgt { min-width: 100%; }
}

/* 
////
//// Main Login
////
--------------------------------------------------------------*/
/* Intro
--------------------------------------------------------------*/
#mainLgnIntro { background: #f6f6f6;  }
#mainLgnIntro .mainLgnBg { position: relative; padding-left: 393px; } 
#mainLgnIntro .mainLgnBg .bg1 { position: absolute; left: -90px; top: 0; height: 100%; width: 247px;  background: url("../images/main_login_intro_bg_tmb_01.png") no-repeat center center; background-size: 100% auto ; z-index: 1; display: block; }
#mainLgnIntro .mainLgnBg .bg2 { position: absolute; left: 87px; top: 0; height: 100%; width: 247px;  background: url("../images/main_login_intro_bg_tmb_02.png") no-repeat center center; background-size: 100% auto; z-index: 4; display: block; }
#mainLgnIntro .mainLgnBg .introRgt { text-align: center; padding: 40px 0; }
#mainLgnIntro .mainLgnBg .introRgt .ln1 { font-size: 48px; text-transform: uppercase;  }
#mainLgnIntro .mainLgnBg .introRgt .ln2 { font-size: 27px; font-weight: 600;  }
#mainLgnIntro .mainLgnBg .introRgt .tmbs { display: flex; justify-content: space-between; padding-top: 40px;  }
#mainLgnIntro .mainLgnBg .introRgt .tmbs li { width: calc(33.33% - 30px );}
#mainLgnIntro .mainLgnBg .introRgt .tmbs li img { margin: 0 auto;  width :100%;  max-width: 240px;  }
@media screen  and (min-width: 981px) and (max-width: 1280px) {
#mainLgnIntro .mainLgnBg { padding-left: 30.70vw; } 
#mainLgnIntro .mainLgnBg .bg1 { left: -7.13vw; width: 19.29vw; }
#mainLgnIntro .mainLgnBg .bg2 { left: 6.69vw; width: 19.29vw; }
#mainLgnIntro .mainLgnBg .introRgt { padding:  3.1vw 0; }
#mainLgnIntro .mainLgnBg .introRgt .ln1 { font-size: 3.75vw;  }
#mainLgnIntro .mainLgnBg .introRgt .ln2 { font-size: 2.1vw; }
#mainLgnIntro .mainLgnBg .introRgt .btn { font-size: 1.4vw!important; }
#mainLgnIntro .mainLgnBg .introRgt .tmbs { padding-top: 3.1vw;  }
#mainLgnIntro .mainLgnBg .introRgt .tmbs li { width: calc(33.33% - 2.34vw );}
}
@media screen and (max-width: 980px) {
#mainLgnIntro .mainLgnBg { margin: 0 auto; max-width: 360px; width: 100%; padding-left: 0 ; }
#mainLgnIntro .mainLgnBg .bg1, #mainLgnIntro .mainLgnBg .bg2 { display: none;  }
#mainLgnIntro .mainLgnBg .introRgt .ln1 { font-size: 38px;  }
#mainLgnIntro .mainLgnBg .introRgt .ln2 { font-size: 21px; }
#mainLgnIntro .mainLgnBg .introRgt .tmbs { display: flex; flex-direction: column; padding-top: 20px;  }
#mainLgnIntro .mainLgnBg .introRgt .tmbs li { width :100%; margin-top: 20px;  }
}
@media screen and (max-width: 400px) {
#mainLgnIntro .mainLgnBg .introRgt .ln1 { font-size: 9.5vw; }
#mainLgnIntro .mainLgnBg .introRgt .ln2 { font-size: 5.25vw; }
}
/* Unlock
--------------------------------------------------------------*/
#mainLgnUnlock { background: #fff; padding: 40px 0;  }
#mainLgnUnlock .FrmCtr { display: flex; align-items: stretch;  }
#mainLgnUnlock .lft { width: 50%; padding-right: 20px;  }
#mainLgnUnlock .lft .title { font-size: 26px; margin-bottom: 1.2em; }
#mainLgnUnlock .lft .itm { display: flex; padding-bottom: 20px;  }
#mainLgnUnlock .lft .itm:last-child { padding-bottom: 0; }
#mainLgnUnlock .lft .ico {  width: 43px;  min-width: 43px; margin-right: 28px;  }
#mainLgnUnlock .lft .ico img { width: 100%; }
#mainLgnUnlock .lft p { font-size: 15px; flex-grow: 1;  padding: 0 10px 0 0;  }
#mainLgnUnlock .lft p span { display: block; font-weight: 600; font-size: 1.3em; padding-bottom: 0.5em;  }
#mainLgnUnlock .rgt { width: 50%; background: url("../images/main_login_unlock_tmb_01.jpg") no-repeat center center ; }
@media screen and (min-width: 768px)  and (max-width: 1000px) {
#mainLgnUnlock {  padding: 4vw 0;  }
#mainLgnUnlock .lft {  padding-right: 2vw;  }
#mainLgnUnlock .lft .title { font-size: 2.6vw; }
#mainLgnUnlock .lft .itm { padding-bottom: 2vw;  }
#mainLgnUnlock .lft .ico {  width: 4.3vw;  min-width: 4.3vw; margin-right: 2.8vw;  }
#mainLgnUnlock .lft p { font-size: 1.5vw;  }
}

@media screen and (max-width: 767px) {
#mainLgnUnlock .FrmCtr { max-width: 400px!important; flex-direction: column-reverse; align-items: flex-start;  }
#mainLgnUnlock .lft { width: 100%; text-align: center; margin: 0 auto; max-width: 360px; padding: 0;  }
#mainLgnUnlock .lft .itm { flex-direction:  column; }
#mainLgnUnlock .lft .ico {  margin: 0 auto 20px auto;   }
#mainLgnUnlock .rgt { padding-top: 100%; width: 100%; margin-bottom: 40px;  }
}

/* Percent
--------------------------------------------------------------*/
#mainLgnPct  { background: #000; padding: 40px 0; color: #fff;  }
#mainLgnPct  .lst { display: flex; justify-content: space-between; text-align: center; width: 100%; }
#mainLgnPct  .lst li { font-size: 16px; max-width: 16.3em; line-height: 1.3em;   }
#mainLgnPct  .lst li .pct { font-size: 2.2em; font-weight: 700; }
#mainLgnPct  .lst li p { padding-bottom: 0;}
@media screen and (max-width: 980px) { 
#mainLgnPct  .lst li { font-size: 14px;}
}
@media screen and (max-width: 767px) {
#mainLgnPct .lst { flex-direction: column; max-width:  400px; margin: 0 auto; text-align: left; }
#mainLgnPct .lst li { display: flex;  max-width: 100%; font-size: 16px;}
#mainLgnPct .lst li .pct { width: 2.2em; min-width: 2.2em; margin-right: 0.25em; line-height: 1.15em; }
}
@media screen and (max-width: 400px) {
#mainLgnPct .lst li { font-size: 4vw; }
}

/* Bottom
--------------------------------------------------------------*/
#mainLgnBtm { background: url("../images/main_login_fan_bg.jpg") no-repeat center center; background-size: cover;  text-align: center; color: #fff; padding: 60px 0; display: flex; justify-content: center; align-items: center;  box-sizing: border-box; }
@media screen and (min-width: 1400px) {
#mainLgnBtm { min-height: 27.71vw; }
}
#mainLgnBtm .title { font-size: 50px; margin-bottom: 0.6em;  }
#mainLgnBtm p { font-size: 23px; line-height :1.4em; font-weight: 600;  }
@media screen and (max-width: 767px) {
#mainLgnBtm .title { font-size: 40px;  }
#mainLgnBtm p { font-size:18px; }
}
@media screen and (max-width: 576px) {
#mainLgnBtm .title { font-size: 6.5vw;  margin-bottom: 0.45em;  }
#mainLgnBtm p { font-size: 3vw; }
}