/*, sub, sup removed from reset class*/
/* Reset CSS */
*, html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,small, strong, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, 
label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {background:transparent; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline}
sup { vertical-align: super; font-size: smaller; }
sub { vertical-align: sub; font-size: smaller;}
button, input, img, a img{border:0;max-width:100%;}
section, header, footer, article, aside, nav, figcaption, figure, main, .dis_b{display:block} 
img:not([src]) { visibility: hidden; }
.body{width:100%;max-width:1345px;margin:0 auto;position:relative;}

/* Generics */
.flt, .lft {float:left}
.flr, .rgt {float:right}
.clr{clear:both}
.no_mrgn {margin: 0;}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.padbot0{padding-bottom:0;}
.undl {text-decoration: underline;}
.clearfix{zoom:1}
.clr:before,.clr:after, 
.clearfix:before,.clearfix:after{content:" ";display:table; clear:both}
.hide, .stop{display:none !important;}
.tLC{text-transform: lowerCase;}

.padR5{padding-right:5px;}
.pad100{padding:0 100px;}
.row{margin:35px 0 40px 0;}
body{background-color: #fff6f2;}
.upGrade {width: 100%;} 
.header{height:75px; background-color: white; padding: 0 4%; box-sizing: border-box; line-height: 75px;} 
.uprPart{padding:100px 0 80px 4%; font-family: 'Faustina';background: url(https://img.etimg.com/photo/msid-93744361,quality-100/upgimg.jpg) no-repeat;background-position: right top;background-size: contain;}
.name{font-size:22px;line-height:1.75; font-weight:300;}
.upgHead{font-size:35px;line-height:1.2; font-weight:bold;margin:10px 0 20px 0; max-width:450px;}
.uprPart .text{font-size:18px;line-height:1.78; max-width:450px;}
.strikePrice{color:#737373;font-size:24px;}
.disPrice{font-size:24px; font-weight:500;}
.btn{display:inline-block;padding: 15px 32px 14px 31px;border-radius: 3px;background-color: #ed193b; font-family:'Montserrat', sans-serif; font-weight: bold; color: white; font-size:16px; margin-right:50px;cursor: pointer;}
.popup .btn{text-align: center;
margin: auto;
width: 300px;
display: block;
box-sizing: border-box;}
.js_subsLink{text-decoration: underline;  color: #838383;}
.linkPop{display:inline-block;font-family:'Montserrat', sans-serif; color: #0084d7; font-size:14px; cursor: pointer; text-decoration: none;}
.terms{font-family: 'Montserrat', sans-serif;font-size: 12px;line-height: 3.25;letter-spacing: 0.3px;}
.btmPart{background-color:#ffede5;margin:0 4% 40px;}
.sprite{background: url(https://img.etimg.com/photo/msid-93183690,quality-100/sprite-upgrade.jpg) no-repeat;display: inline-block;background-size: 631px 325px;}
.sprite2x{background: url(https://img.etimg.com/photo/msid-93732509,quality-100/sprite-upgrade.jpg) no-repeat;display: inline-block;background-size: 631px 325px;}
.logo{background-position: -34px -220px;background-size: 631px 325px;width: 400px;height: 75px;display:inline-block;}
.advantage {
    width: 50%;
    padding: 20px 20px 50px 2.5%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    max-width: 603px;
}
.advHead{font-family: Faustina;
  font-size: 20px;
  font-weight: 600;
  line-height: 2.1;
  letter-spacing: normal;
  color: black;}
.boxWraper{
    width:600px;
}
.box{width:257px;box-shadow: 0 2px 4px 0 rgba(223, 223, 223, 0.5);border: solid 1px #bdbdbd; background-color: white; height:96px; position:relative; margin:1px 15px 15px 0}
.box.new{background-color:#f2f6fc;}
.box.new::before {
  content: ''; 
  font-weight: 300;
  font-family: 'Montserrat';
  font-size: 24px;
  width: 56px;
  height:17px;
  right:0px;
  position:absolute;
  background: url(https://img.etimg.com/photo/msid-93183690,quality-100/sprite-upgrade.jpg) no-repeat;
  background-position: -463px -21px;
}
.boxLeftLogo{width: 76px;height: 73px;display: inline-block;margin:10px 0 0 10px;}
.boxTopLogo{width: 113px;
	height: 30px;display: inline-block;margin:10px 0 0 10px;}
.box2{background-color:#FFF6F2;border: solid 1px #E8D2CB;float: left;}
.memFeature .bText{font-weight:bold; font-size: 14px;}
.print{background-position: -36px -21px;}
.lessAds{background-position: -137px -21px;}
.exclusive{background-position: -237px -21px;}
.insightRich{background-position: -337px -21px;}
.bText{display: inline-block;height: 62px;box-sizing: border-box;width: 165px;vertical-align: text-bottom;padding-left: 10px;font-family: 'Montserrat', sans-serif;}
.box2 .bText{font-size:12px;}
.prime{background-position: -36px -149px;}
.docubay{background-position: -187px -149px;}
.stocks{background-position: -337px -149px;}
.emeritus{background-position: -451px -151px}
.worth{display: inline-block;width: 76px;border-radius: 2px;border: solid 1px #e8d2cb;background-color: #fae9e2;font-family: Montserrat;font-size: 10px;float:right;margin: 10px;text-align: center;padding: 5px;}
.dark-overlay{position: fixed;left: 0;top: 0;z-index: 1000;width: 100%;height: 100%;overflow: hidden;background: rgba(0, 0, 0, 0.6);}
/*.popup{width:600px;max-width:90%;padding:38px 25px 20px 25px;color:#000;background:#fff;border:1px solid #e6e6e6;border-radius: 4px;position:fixed;margin-left:0;left: 50%;top: 50%;margin-left:-300px;margin-top:-214px;font-family:}*/
.popup{width: 541px;
  padding: 35px 25px;
  border-radius: 9px;
  border: solid 1px #979797;
  background-color: white;position:fixed;margin-left:0;left: 50%;top: 20%;margin-left:-300px;z-index: 1002;}

.close{width: 20px;height: 20px;position: absolute;top: 10px;right: 20px; cursor: pointer;}
.close::before {
  content: 'x'; 
  font-weight: 300;
  font-family: 'Montserrat';
  font-size: 24px;
}
.popUpBox {
	width: 493px;
	margin: 5px 17px 18px 0;
	padding: 25px 14px 17px 9px;
	border-radius: 5px;
	border: solid 2px #e0e0e0;
	background-color: white;
}

span.radio>input[type='radio'] {
	display: none;
}

span.radio>label {
	display: table;
	width: 100%;
}

span.radio>label>span.rounded {
	display: table-cell;
	width: 20px;
	white-space: nowrap;
}

span.radio>label>span.rounded:before {
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid #000;
	vertical-align: middle;
}

span.radio>label>span.rounded:after {
	content: '';
	border: none;
	display: inline-block;
	transform: rotate(45deg);
	height: 10px;
	width: 5px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	padding: 0;
	position: relative;
	left: -14px;
	top: 1px;
	visibility: hidden;
}

span.radio>label:hover>span.rounded:before {
	box-shadow: 0 0 5px 3px black inset;
}

span.radio>input[type='radio']:checked+label>span.rounded:before {
	background-color: #000;
}

span.radio>input[type='radio']:checked+label>span.rounded:after {
	visibility: visible;
}

span.radio {
	display: block;
	margin-bottom: 3px;
}


.popText {
	font-family: Faustina;
	font-size: 24px;
	font-weight: 600;
	color: black;
}

.popUpBox s {
	color: #737373;
	font-size: 24px;
	padding-right: 15px
}

.pName {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.71;
}

.permonth {
	font-size: 12px;
	font-weight: 600;
	color: #737373
}

.mail{font-family: 'Montserrat', sans-serif;}
.advantage.flr{margin-bottom:20px;}
.noOffer {
    padding: 0 40px;
}
.errorScreen {
    padding-top: 40px;
}
.noOfferMsg {
    text-align: cenTer;
    font: 18px 'Montserrat', sans-serif;
    padding:0 40px;
}
.mainBoxWrap.noOffer {
    width: 378px;
    margin: 0 auto;
    text-align: center;
}
.cancel_head{text-align: center;padding: 20px 0;}
.popupWrap{max-height:500px; overflow-y:scroll;overflow-x: hidden;}


.pg_load{width:498px;margin:0 auto;}  
.pg_load{height:300px;text-align:center;position:relative;}
.pg_load .lds-ell{position:absolute;top:100px;transform: translate(-50%,0);left:50%}
.pg_load .lds-ell div{background-color:#e81f3d;}

.lds-ell {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 24px;
}
.lds-ell div { position: absolute; top: 0; width: 13px; height: 13px; border-radius: 50%; background: #fff; animation-timing-function: cubic-bezier(0, 1, 1, 0); margin: 0 10px;}
.lds-ell div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ell div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ell div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ell div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}


@media only screen and (max-width: 1366px){
    .popup{top: 7%;}
}

@media only screen and (max-width: 1270px){
    .uprPart{background-size: 50%;}
    .advantage.flr{float:none;}
    .advantage {width: 100%;max-width:100%; padding-bottom: 0px;}
    .boxWraper{width: 100%;}
    .advantage {width: 100%;max-width:100%; padding-bottom: 0px;}
    .box{margin-right:40px;}
}
/*@media only screen and (max-width: 1024px){*/
/*    .uprPart{background-size: 50%;}*/
/*}*/