.renew-main-wpr {
	font-family: "Roboto", sans-serif;
}
.renew-main-wpr .divGridContent {
	font-family: "Roboto", sans-serif;
}
#Grid_cart_renewal {
	margin-left: 0px;
}
#Grid_cart_renewal.tblGridData td {
    border: 0px;
	padding: 2px 0px 10px 0px;
}
#Grid_cart_renewal .firstColumn {
	padding-left: 0px;
}
.sku-lst-wpr {
	display:table;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 5px;
}
.sku-prd-img-ctr {
	display: table-cell;
	width: 170px;
	height: 170px;
}
.sku-prd-img-ctr img {
	height: 170px;
	opacity: 0.8;
  	transition: opacity 0.5s ease-in;
}
.sku-prd-img-ctr img.loaded {
  opacity: 1;
}
.sku-lst-ctr {
	display: table-cell;
	padding-left: 20px;
    vertical-align: middle;
}
.sku-lst-ctr .sku-prd-name-ctr {
	color: #FF7700;
    font-size: 26px;
    font-weight: 500;
    padding-bottom: 12px;
}
.rnw-sku-wpr {
	position: relative;
}
.sku-lst-ctr select {	
	border: 1px solid #002855;
	color: #002855;
	font-weight: 400;
	font-size: 18px;
	padding: 6px 12px;
    height: 41px;
}
@media (max-width: 767px) { 
	.sku-prd-img-ctr {
		width: 150px;
		height: 150px;
	}
	.sku-prd-img-ctr img {
		height: 150px;
	}
	.sku-lst-ctr .sku-prd-name-ctr {
		font-size: 20px;
	}
	.sku-lst-ctr select {	
		font-size: 14px;
    	height: 35px;
	}
}
.rg-price-ctr {
	display: table;
	width: 100%;
	margin-bottom: 7px;
}
.rg-price-ctr .lbl-ctr {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	text-align: left;
    vertical-align: top;
	color: #707070;
	font-size: 24px;
	font-weight: 400;
}
.rg-price-ctr .amt-ctr {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	color: #707070;
	font-size: 24px;
	font-weight: 400;
	text-decoration: line-through;
}
.sp-price-ctr {
	display: table;
	width: 100%;
	border-bottom: 1px solid #cbcbcb;
}
.sp-price-ctr .lbl-ctr {
	display: table-cell;
	width: 50%;
	text-align: left;
    vertical-align: top;
	color: #FF7700;
	font-size: 22px;
    font-weight: 600;
	padding-bottom: 8px;
}
.sp-price-ctr .amt-ctr {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	color: #FF7700;
	font-size: 22px;
    font-weight: 600;
	padding-bottom: 8px;
}
.sp-price-ctr .divYouSave {
	color: #707070;
	font-size: 16px;
	font-weight: 400;
}
.addln-prd-btn, .addln-prd-btn:hover, .addln-prd-btn:focus {
	background-color: #019443;
    border-radius: 6px;
    padding: 6px 20px;
    color: #fff;
    border: 1px solid;
	outline: none;
}
#divAdditionalPrdInfo {
	border: 0;
	padding: 0;
	margin-bottom: 20px;
}
.renew-add-prd-ctr .divItemPrice, #divAdditionalPrdInfo .divItemPrice, .renewal-sub-tot-ctr .divItemPrice {
	color: #FF7700;
}
@media (max-width: 767px) { 
	.addln-prd-btn {
		padding: 5px 6px;	
	}	
	.rg-price-ctr .lbl-ctr, .sp-price-ctr .lbl-ctr {
		font-size: 19px;
	}
	.rg-price-ctr .amt-ctr, .sp-price-ctr .amt-ctr {
		font-size: 19px;
	}
	.sp-price-ctr .divYouSave {
		font-size: 14px;
	}
}
.zero-save-ctr {
	display: none;
}
.topar-logo {
	padding:15px 0px 0px 20px !important;
}
#regular-price-ctr {
	border-bottom:1px solid #dcdcdc;
	padding:15px;
}

#best-deal-ctr {	
	font-style:italic;
	color: #030A3E;
	font-size:13px;
	font-weight:bold;
	position:absolute;
	top:-16px;
}

.divItemPrice_lg {
	padding-right: 20px;
	font-size: 19px !important;
	margin-bottom: 7px;
}
#info4_xs, #spl_offer_text_xs {
	display: none;
}
.dynamic-banner-ctr-lg {
	background: center center / contain no-repeat #fff;
	min-height: 140px;
}
@media (max-width: 767px) {
	.dynamic-banner-ctr-xs {
		background: center center / contain no-repeat #fff;
	}
}
.divRenewHeaderText {
	font-family: "Roboto", sans-serif;
	color:#000000;
	line-height:1.4em;
	font-size:20px;
	font-weight:500;
	margin-top:5px;
}
.divRenewProductInfo {
	margin: 15px 0px 0px 0px;
}
#divSubscriptionInfo{ 
	box-shadow: unset;
    padding: 10px 20px;
    font-size: 20px;
    text-align: left;
    font-weight: 400;
    background: #ED6A24;
    color: #fff !important;
    border-radius: 6px;
    width: 100% !important;
}
#divSubscriptionExpired {
	box-shadow: unset;
    padding: 10px 20px;
    font-size: 20px;
    text-align: left;
    font-weight: 400;
    background: red;
    color: #fff !important;
    border-radius: 6px;  
}
.divRenewProductDesc {
	font-size:18px;
	font-weight: 400;
	color: #000000;
	margin-top: 15px;
}
.divStaySafe {
	font-weight: 500;
    font-size: 16px;
    margin-top: 15px;
	color: #000000;
}
.divTrustAwardCtr {
	display: table;
	width: 100%;
	background: #FEE5D8;
    margin-top: 15px;
    padding: 10px 20px !important;
	color: #030A3E;
	font-size: 20px;
	font-weight: 400;
}
.divTrustAwardCtr .left-col-ctr,  .divTrustAwardCtr .right-col-ctr{
	display: table-cell;
	width: 45%;
	vertical-align: middle;
}
.divTrustAwardCtr .middle-col-ctr {
	display: table-cell;
	width: 5%;
	border-left: 1px solid #030A3E !important;
}
.divTrustAwardCtr .img-ctr, .divTrustAwardCtr .cnt-ctr {
	display: table-cell;
    vertical-align: middle;
	padding-right: 10px;
}
@media (max-width: 767px) { 
	.divTrustAwardCtr {
		padding: 10px !important;
		font-size: 17px;
    	width: 100%;
	}	
}
.divCouponInfo{
	margin:10px 0px;
	color: #000000;
	font-size: 22px;
    font-weight: 400;
}
.rcoupon-wpr {
	border-bottom: 1px dashed #cbcbcb;
	padding-bottom: 3px;
}
.rcoupon-ctr {
	display: table;
	width: 100%;
}
.rcoupon-ctr .rcoupon-input-ctr {
	display: table-cell;
	width: 75%;
}
.rcoupon-ctr .rcoupon-btn-ctr {
	display: table-cell;
	width: 25%;
	text-align: right;
}
.rcoupon-ctr .rcoupon-input-ctr input {
	border: none; 
    outline: none;
	font-size: 18px;
    font-weight: 300;
	width: 100%;
	color: #555;
}
.rbtnApplyCoupon {
	font-size: 20px;
    font-weight: 500;
    background-color: #019443;
    border-radius: 6px;
    padding: 6px 20px;
    color: #fff;   
	border: 1px solid;
    display: inline-block;
}
.applied-coupon-ctr { 
	background-color: #FFF0E8;
	padding: 10px 0px;
	color: #000000;
	font-size: 20px;
	font-weight: 500;
}
#spnCouponDesc {
	color: #000000;
	font-size: 20px;
	font-weight: 500;
}
#spnAppliedCoupon {
	font-weight: 500;
}
#applied-coupon-info-ctr {
	font-size: 18px;
	padding-top: 5px;
	font-weight: 500;
	background-color: #FF7700;
	color: #fff;
	padding: 5px 0px;
}
.divRenewal #divAppliedCoupon {
	padding: 0px;
	border-top: 3px solid #FFF0E8;
	margin-top: 10px;
}
.currency-sel-wpr {
	background-color: #FBFBFB;
	border:0;
	margin-bottom:20px;
	min-height: 100px;
	padding: 15px;
}
@media (max-width: 767px) { 
	.divCouponInfo{
		text-align: left;
    	font-size: 19px;
	}
	.rbtnApplyCoupon {
		font-size: 18px;
	}	

	.applied-coupon-ctr { 
		font-size: 18px;
	}
	#spnCouponDesc {
		font-size: 18px;
	}	
	#applied-coupon-info-ctr {
		font-size: 16px;
	}
}
.zero-save-ctr #best-deal-ctr {
	top:-14px;
}
@media (min-width: 768px) {
	#best-deal-ctr {		
		top:-16px;
	}
	.divRenewHeaderText {
		line-height:30px;
		font-size:24px;		
	}
}
/* For Mobile UI */
@media screen and (min-width: 300px) and (max-width: 480px) {
.divItemPrice.strike {
    font-size: 18px !important;
}
}
@media (max-width: 767px) {
	.topar-logo {
		padding:15px 0px 0px 0px !important;
	}
	.linkfooter  {
		font-size: 11px !important;
		padding-left: 0px;
		padding-right: 0px
	}
	.hide_in_mobile {
		display:none;
	}
	.show_in_mobile {
		display:block;
	}
	.zero-save-ctr #best-deal-ctr {
		top: 3px;
		left: 0px;
	}
	#best-deal-ctr {
		font-size:11px;
	}
	.divRenewHeaderText {
		/*text-align: center;*/
		margin-bottom:10px;
	}
	#Grid_cart_renewal {
		margin-left:0px;
	 }
	 #Grid_cart_renewal .divCartPrice {
		padding-right: 5px;
		padding-left: 0px;
		text-align: center;
	 }
	.renew-main-wpr, .billingInfo_xs {
		padding-left: 0px;
		padding-right: 0px;
	}		
	.divStaySafe_xs {
		margin-top: 15px;
		/*text-align: center;*/
		font-size: 14px;		
	}
	
	#info4_xs {		
		font-weight:bold;
		display:block;
	}
	#spl_offer_text_xs {
		background-color: green;
		color: #fff;
		border-radius: 7px;
		padding:5px 7px;
		text-align: center;
		font-size: 13px;
		line-height: 16px;
		margin-bottom:5px;
		display: block;
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.divItemPrice_xs {
		text-align: center;
		padding-right: 5px !important;
		font-weight: bold;
    	margin-bottom: 3px;
	}
	.sku_name_xs {
		font-weight:bold;
	}
	#regular-price-ctr {
		border-bottom:0px solid #dcdcdc;
	}
	.divCartPrice_xs {
		border-right:1px solid #5f697a;
		padding-bottom:5px;
	}
	.priceinfo_xs {		
		padding-right:5px;
		padding-left:5px;
		text-align: center;
		font-size:18px;
		margin-top: 0px;
		color:#000;
	}
	.renewal-sel-box {
		font-size: 12px;
        padding-right: 0px;
        /*padding-left: 0px;*/
	}
	.price_lbl_xs {
		font-size: 17px !important;
    	color: #000;
	}

	.divYouSave_xs {
		font-size:13px;
		padding-top:0px;
		font-weight: bold;
	}

	#Grid_cart_renewal .firstColumn {
		padding-left:0px;
	}
	.divApplyCoupon_xs {
		text-align: center;
	}
	.divRenewal table.tblGridData td {
		padding-left:0px;
		padding-right:0px;
	}
	#best-deal-ctr{
		margin-bottom:2px;
	}
	.divRenewInfo_xs {
		margin-bottom:0px;
		padding-left: 5px;
        padding-right: 5px;
	}
	.divSubscriptionInfo_xs {
		font-size:16px !important;
		width:100% !important;
		padding: 10px 5px !important;
	}
	.divRenewProductInfo {
		clear:both;
	}
	.cartSummary {
		min-height:50px;
	}
	.divRegularPrice_xs {
		margin:0px;
	}
	.divRenewProductDesc {
		font-size: 15px;
		/*text-align: center;*/		
	}
	.additional-ctr-xs {
		float:left;
		padding-right:0px;
	}	
	.noDiscount_xs {
		font-size: 20px !important;
    	padding-left: 40px;
		color:#000;
		padding-right:5px;
	}
	.no_dis_best_deal_xs {
		top:-10px;
	}
}

@media screen and (min-width:300px) and (max-width:480px) {
	/*.divItemPrice.price {
		font-size: 11px !important;
	}
	.divItemPrice.strike {
		font-size: 11px !important;
	}*/
	
	.priceinfo_xs.price {
		font-size: 18px !important;
	}
	.priceinfo_xs.strike {
		font-size: 18px !important;
	}
	.divItemPrice_xs_addln {
		font-size: 14px !important;
	}
	.divItemPrice_xs_addln.price {
		font-size: 14px !important;
	}
	.divItemPrice_xs_addln.strike {
		font-size: 14px !important;
	}
	.divProductName_CartSummary {
		padding-left:25px;
	}
	.cartPriceCtr {
		padding-left:25px;
	}
	#spnGrossTotal {
		font-size:14px !important;
	}
}
@media screen and (min-width:481px) and (max-width:700px) {
	/*.divItemPrice.price {
		font-size: 16px !important;
	}
	.divItemPrice.strike {
		font-size: 12px !important;
	}*/
	.priceinfo_xs.price {
		font-size: 18px !important;
	}
	.priceinfo_xs.strike {
		font-size: 18px !important;
	}
	.divItemPrice_xs_addln.price {
		font-size: 14px !important;
	}
	.divItemPrice_xs_addln.strike {
		font-size: 14px !important;
	}
	.divProductName_CartSummary {
		padding-left:25px;
	}
	.cartPriceCtr {
		padding-left:25px;
	}
	#spnGrossTotal {
		font-size:14px !important;
	}
}

.billing-info-renewal-ctr {
	/*background-color: #f5f3f3;
    color: #112252;
    border: 1px solid #e0e0e0;
	box-shadow: 0px 8px 10px 1px rgba(0,0,0,.14);*/

	background-color: #FBFBFB;
	color: #000;
	border-radius: 11px;
	font-family: "Roboto", sans-serif;
	padding-top: 10px;
	margin-top: 10px;
}
.billing-info-renewal-ctr .hdr-ctr {
	color: #707070;
	font-size: 25px;
	font-weight: 400;
	margin-bottom: 5px;
}
.billing-info-renewal-ctr #isIndianMobileNumber {
	margin-top: 0px;
}
.billing-info-renewal-ctr .gst-checkbox-lbl {
	display: inline;
	cursor: pointer;
	font-weight: 300;
	font-size: 14px;
}
.billing-info-renewal-ctr label {
	margin-top: 15px;
	margin-bottom: 0px;
	color:#000;
	font-size: 15px;
	font-weight: 400;
}
.billing-info-renewal-ctr .form-control {
	border: 1px solid #BCBABA;
	border-radius: 3px;
}
.billing-info-renewal-ctr .lblErrorMsg {
	margin: 0px 0px 5px 0px;
	color: red;
	font-weight: 400;
}
.billing-info-renewal-ctr  a {
	text-decoration:underline;
	color: #112252 !important;
}
.billing-info-renewal-ctr .btnRenewNow {
	color: #fff !important;
}
.billing-info-renewal-ctr .payment-sel-wpr {
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}
.billing-info-renewal-ctr .payment-sel-wpr img {
	display: inline-block;
}
.billing-info-renewal-ctr .payment-sel-wpr .ps-radio-box-ctr input[type="radio"] {
    display: none;
}
.billing-info-renewal-ctr .payment-sel-wpr label {
    margin-top: 0px;
    font-size: 14px;
    font-weight: 400;
}
.billing-info-renewal-ctr .payment-sel-left-ctr {
	display: inline-block;
    width: 48%;
    border: 1px solid #BCBABA;
    margin-right: 5px;
    border-radius: 9px 6px 9px 9px;
    background: #fff;
    padding: 8px;
	text-align: center;
	position: relative;
}
.billing-info-renewal-ctr .payment-sel-right-ctr {
	display: inline-block;
    width: 48%;
    border: 1px solid #BCBABA;
    border-radius: 9px 6px 9px 9px;
    background: #fff;
    padding: 8px;
	text-align: center;
	position: relative;
}
.billing-info-renewal-ctr .payment-sel-wpr .custom-radio {
	position: absolute;
	top: 10px;
	left: -7px;
	width: 15px;
	height: 15px;
	border: 2px solid #BCBABA;
	border-radius: 8px;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	color: #fff;
	font-weight: 400;
	background: #fff;
}
.billing-info-renewal-ctr .payment-sel-wpr .ps-radio-box-ctr {
	cursor: pointer;
}
.billing-info-renewal-ctr .payment-sel-wpr .ps-radio-box-ctr.selected .custom-radio {
	background-color: #019443;
	border: 2px solid #019443;
}
.billing-info-renewal-ctr .payment-sel-wpr .ps-radio-box-ctr.selected .custom-radio::after {
	content: "\2714";
}
.billing-info-renewal-ctr .payment-icon-ctr {
	padding: 4px 0px;
}
.billing-info-renewal-ctr .payment-more-ctr {
	font-size: 12px;
	font-weight: 300;
	color: #000000;
	padding: 0px;
}
.billing-info-renewal-ctr .btnRenewNow {
	background-color: #019443;
	font-size: 24px;
    font-weight: 700;
	color: #fff;
	outline: none;
}
.billing-info-renewal-ctr .btnRenewNow img {
	padding-left: 10px;
    width: 35px;
}
@media (max-width: 1200px) { 
    .billing-info-renewal-ctr .btnRenewNow {
        font-size: 22px;
        padding: 10px 15px;
    }
}
@media (max-width: 767px) { 
    .billing-info-renewal-ctr .btnRenewNow {
        font-size: 22px;
        padding: 10px 30px;
    }
}
.billing-info-renewal-ctr .qr-payment-sel-ctr input[type="radio"]:checked+label {
	font-weight: 500;
}
.billing-info-renewal-ctr .privacy-terms-ctr {
    font-size: 12px;
    font-weight: 300;
    margin-top: 10px;
}
.billing-info-renewal-ctr .proceed-to-pay-lbl-ctr {
	font-size: 13px;
    font-weight: 400;
    color: #000;
    margin-top: 10px;
}
.billing-info-renewal-ctr .autorenewal-consent-wpr {
	padding-bottom: 0px;
	padding-top: 5px;
    font-size: 12px;
    font-weight: 300;
}
.renewal-count-wpr {
	font-family: "Roboto", sans-serif;
	background-color: #FFF;
	border-radius: 8px;
	margin: 9px 0px;
    padding: 4px 0px;
    text-align: center;
	position: absolute;
    top: -61px;
	width: 94%;
}
.renewal-count-wpr .count-title-ctr {
	font-size: 21px;
	font-weight: 500;
	color: #000000;
	display: inline-block;
    padding-right: 10px;
}
.renewal-count-wpr .count-display-ctr {
	padding: 7px 0px;
	display: inline-block;
}
.renewal-count-wpr .digit {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	background-color: #ff5700;
	display: inline-block;
    padding: 2px 5px;
    margin-right: 5px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);	
}
@media (min-width: 992px)  and (max-width: 1200px) {
	.renewal-count-wpr .count-title-ctr {
		font-size: 15px;
		font-weight: 500;		
	}
	.renewal-count-wpr .digit {
		font-size: 16px;
	}
}
@media (max-width: 991px) {
	.renewal-count-wpr {
		position: relative;
		top: 0;
	}
}

.renewal-award-wpr {
	display: table;
	width: 100%;
	border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 20px 0px;
    margin-top: 40px;
}
.renewal-award-wpr .left-ctr, .renewal-award-wpr .right-ctr {
	display: table-cell;
	width: 50%;
	text-align: center;
}
.renewal-award-wpr .left-ctr {	
	border-right: 1px solid #dbdbdb;
}
.renewal-award-wpr .left-ctr img{
	width: 150px
}
.renewal-award-wpr .right-ctr img{
	width: 130px
}
.dynamic-sidebar-msg-ctr {	
	margin-top: 20px;
    color: green;
    font-size: 16px;
    position: relative;
    /*width: 220px;
    padding: 10px;*/
    right: 0;
}
.renew-add-prd-ctr {
	margin-left: 0px;
	margin-right: 0px;
}
.renewal-sub-tot-ctr {
	border-top: 1px solid #efefef;
	margin-top: -20px;
	margin-bottom: 10px;
}
.renewal-sub-tot-ctr #spnGrossTotal_label {
	padding-right: 10px;
	font-size: 18px;
}

.renewal-sub-tot-ctr #spnGrossTotal {
    font-size: 21px;
    font-weight: bold;
}
.addtl-prd-price-ctr {
	text-align: right;
}
.renew-add-prd-ctr .divYouSave {
	font-size: 15px;
	padding-right: 15px;
    padding-top: 5px;
    display: inline-block;
}
.renew-add-prd-ctr .price-remove-ctr {
	display:inline-block;
}
@media (max-width: 767px) {
	.addtl-prd-price-ctr {
		text-align: right;
		padding-right: 15px;
	}
	.billing-info-renewal-ctr .btnRenewNow {
		font-size: 22px;
	}
	.renewal-sub-tot-ctr #spnGrossTotal_label {
		font-size: 15px !important;
	}		
	.renewal-sub-tot-ctr #spnGrossTotal {
		font-size: 16px !important;
	}	
	.renew-add-prd-ctr .divYouSave {
		font-size: 13px;
	}
	.renew-add-prd-ctr .price-remove-ctr {
		display:inline-block;
	}
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}

@media (min-width: 1400px) {
  .container {
    width: 1320px;
  }
}
.maintenance-wpr {
	min-height: 500px;
    margin-top: 80px;
}
@media (max-width: 991px) {
  	.maintenance-wpr {
		min-height: 400px;
		margin-top: 50px;
	}
}