/* font-family: 'Hind Vadodara', sans-serif; */

.adds{text-align:center; padding:15px 0px;}

.topMenu{border-bottom:1px solid rgba(0,0,0,0.1); margin-left:-25px; margin-right:-25px;}
.topMenu .wrapper{min-height:auto; padding:5px 25px 5px 52px; font-size:13px;}
.topMenu .wrapper a{color:#000;}
.topMenu .wrapper a:hover{color:#d23e3e;}
.topMenu .wrapper img{
	width:20px;
	position:absolute;
	top:5px; left:25px;
}

.headerMain{padding:20px 0px; margin-bottom:10px;}
.headerMain .wrapper{min-height:auto;}
.headerMain:after{content:" "; clear:both; display:block;}
.headerMain .logo{float:left;}
.headerMain nav{float:right;}

/* ============= */
.beforeLogin a{
	border:2px solid #e31e25; 
	border-radius:45px;
	background: #e31e25;
	box-shadow: 0px 4px 4px 0px rgba(227, 30, 37, 0.19);
	color:#fff; padding:6px 20px;
	font-weight:600;
	text-transform:uppercase;
	margin-left:10px;
	text-align:center;
}
.beforeLogin a:hover{background:#cf1a20; transform:translateY(-5px);}
.beforeLogin a.registerBtn{background:#fff; color:#e31e25;}
.beforeLogin a.registerBtn:hover{background:#cf1a20; color:#fff;}

/* ============= */
.headerMain .afterLogin .userIco{
	width:42px; height:42px;
	background:url('../../images/default_user_icon_white.png') #000 no-repeat;
	background-size:38px;
	background-position:1px 6px;
	border-radius:100%;
	border:1px solid #000;
	box-shadow: 0px 2px 3.75px 1.25px rgba(0, 0, 0, 0.17);
}
.headerMain .afterLogin .userIco:hover{
	background-color:#242424;
}

.headerMain .afterLogin label{
	text-align:right; font-weight:500; font-size:16px; line-height:20px;
	vertical-align:top;
	margin-right:10px; top:2px;
	white-space: nowrap;  overflow: hidden;
	text-overflow: ellipsis;
	max-width:120px;
}
.headerMain .afterLogin label span{display:block; font-weight:400; font-size:14px; color:#858585;}


.subNav{
	position:absolute;
	top:0px; right:0px; margin-top:60px;
	width:250px;  z-index:100;
	background:#fff;
	box-shadow: 0px 0px 14.4px 1.6px rgba(0, 0, 0, 0.21);
	border-radius:5px;
	transform:scale(1, 0);	
	-webkit-transition: -webkit-transform 350ms ease;
	-moz-transition: -moz-transform 350ms ease;
	transition: transform 350ms ease;
	transform-origin:top center;
	font-size:15px;
	font-weight:500;
}
.headerMain .afterLogin:hover .subNav{transform:scale(1, 1);}
.subNav:before{
	content:" "; display:block;
	background:url('../../images/menu_top_arrow.png') no-repeat;
	background-size:15px;
	width:15px; height:8px;
	position:absolute;
	top:-8px; right:15px;
}
.subNav a{color:#000;}
.subNav a:hover{ color:red;}
.subNav .loginUser{
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:13px 15px 19px 75px; 
	line-height:20px;
}
.subNav .loginUser:before{
	content:" "; display:block;
	background:url('../../images/setting_icon.png') #000 no-repeat;
	background-size:30px;
	background-position:center;
	width:45px; height:45px;
	border-radius: 100%;
	position:absolute;
	top:15px; left:15px;
}
.subNav .loginUser span{display:block; color:#939393; font-size:13px;}
.subNav .loginUser a{}
.subNav ul li a{
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:12px 15px 12px 75px; 
	display:block;
}
.subNav ul li:last-child a{border-bottom:none;}
.subNav ul li .buySubscription{padding-top:14px; padding-bottom:22px;}
.subNav ul li .buySubscription:before{
	content:" "; display:block;
	background:url('../../images/buy_subscription_ico.png') no-repeat;
	background-size:40px;
	width:45px; height:44px;
	position:absolute;
	top:10px; left:18px;
}
.subNav .logout{
	border-top:1px solid rgba(0,0,0,0.1);
	padding:12px 40px 12px 12px;
	text-align:right;	
}
.subNav .logout:after{
	content:" "; display:inline-block;
	background:url('../../images/logout_icon.png') no-repeat;
	background-size:17px;
	width:20px; height:20px;
	position:absolute;
	top:16px; right:15px;
}
/* ==== */
.newUser, .alreadyMember{
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:16px 15px 20px 75px; 
	display:block;
	font-size:15px;
	font-weight:500; line-height:19px;
}
.newUser span, .alreadyMember span{display:block; font-size:13px; font-weight:500; color:#000;}
.newUser strong, .alreadyMember strong{ display:block; font-weight:500; font-size:15px; color:#b7484c;}
.newUser:hover span, .alreadyMember:hover span{color:#000;}
.newUser:hover strong, .alreadyMember:hover strong{color:#b7484c;}

.newUser:before, .alreadyMember:before{
	content:" "; display:block;
	background-color:none;
	background-repeat:no-repeat;
	background-size:39px;
	background-position:center;
	width:45px; height:45px;
	border-radius:0;
	position:absolute;
	top:13px; left:15px;
}
.newUser:before{background-image:url('../../images/register_icon.png');}
.alreadyMember:before{background-image:url('../../images/login_icon.png');}


/* ============= */
.newPaperDetail{background:#fff;}
.newPaperDetail .headerMain .afterLogin{float:right; top:1px;  margin-left:15px;}
.newPaperDetail .headerMain .afterLogin .userIco{width:36px; height:36px; background-size:32px;}
.newPaperDetail .headerMain .afterLogin .subNav{top:-10px;}

/* ============= */
.accountNotice{
	position: fixed;
	bottom:15px; right:15px; z-index:10;	
}
.floatingIcon{
	width: 45px;
	height: 45px;
	overflow: hidden;
	border: 1px solid #000;
	background:url('../../images/warning_yellow_icon.png') no-repeat #000;
	background-size:22px;
	background-position:10px 9px;	
	box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.15);
	border-radius: 100%;
	text-align: center;
	line-height: 45px;
	color: #fff;
	font-weight: 200;
	font-size: 48px;
	
}
.floatingMessages{
	position: absolute;
	bottom:0px; right:10px;
}
.messageText{
	background-color:#fff;
	background-size:25px;
	background-position:15px 15px;
	
	padding:13px 30px 13px 20px;
	
	border-radius:5px;
	box-shadow: 0px 0px 6.75px 2.25px rgba(0, 0, 0, 0.24);
	
	font-family: 'Hind Vadodara', sans-serif;
	font-size:15px;	
	margin-top:15px;
	
	width:340px;
	min-height: 55px;
	
}
.messageText a.close{
	background:url('../../images/cross_dark_icon.png') no-repeat;
	background-size:10px;
	background-position: center;
	width: 25px; height: 25px;
	position: absolute;
	top:5px; right:5px;
	opacity: 0.5;
}
.messageText a{text-decoration:underline; color:#c6171d; font-weight:500;}
.messageText h6{font-weight:600; font-size:15px;}
.messageText p{margin-bottom:5px; line-height:19px;}

.messageText.warningText{
	background-image:url('../../images/warning_yellow_icon.png');
	background-repeat:no-repeat;
	background-size:35px;
	background-position:15px 20px;
	padding-left:70px;
}
.messageText.successText{background-color:#eeffe6;}
.messageText.errorText{background-color:#fee;}

.messageText .btnLoader{
	position: absolute;
	top:0px; left:0px;
	opacity: 1;
	width: 100%; height: 100%; text-align: center;
	background-color: #fff;
	opacity: 0.8;
}
.messageText .btnLoader span{top:40%;}

/* =================== */
.userDisplayMessaege{text-align:center;}
.userDisplayMessaege p{
	background:#dcfef3; 
	border:1px solid #a6dfcd;
	font-size:16px!important;
	display:inline-block;
	padding:10px 20px;
	border-radius:6px;
}
.userDisplayMessaege.success p{background:#dcfef3; border-color:#a6dfcd;}
.userDisplayMessaege.error p{background:#fff8e2; border-color:#e9dbb0;}
.userDisplayMessaege.warning p{background:#fdeeee; border-color:#f1d0d0;}

/* === Menu Icon */
.menuIcon, .homeIcon{
	width:50px;
	height:60px;
	text-align:center;
	color:#ffffff;
	line-height:35px;
	position: absolute;
	top:0px; left:0px; z-index:20;
	display:none;
}
.menuIcon:before, .homeIcon:before{
	content:" ";
	display:block;
	width:50px; height:60px;
	background-image:url('../../images/menu_ico.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:22px;
}
.menuIcon{margin-left:5px;}
.menuIcon:before{background-position:left center;}
.homeIcon:before{
	background-image:url('../../images/home_icon.png');
	background-size:25px;
}

.homeIcon{left:0px;}
.menuIcon{left:50px;}
.menuToggleOverlay{display:block;}


/* === Menu Icon */
.backIcon{
	width:60px;
	height:60px;
	background:url('../../images/nav_back.png') no-repeat;
	background-position:center;
	background-size:22px;
	background-color: rgba(0,0,0,0.02);
	text-align:center;
	color:#ffffff;
	line-height:35px;
	position: absolute;
	top:0px; left:0px; z-index:20;
	display:none;
}

/*
	======================
	#Section = Footer Main
	======================
*/
.footerMain{
	background:#1d1d1d;
	color:#ffffff;
	font-size:13px;
	padding:30px 0px 20px;
	margin-top:0px;
}
.footerMain .wrapper{min-height:auto; width:95%; max-width:1170px; margin:0px auto;}
.footerMain:after{content:" "; clear:both; display:block;}
.footerMain .logo{float:left;}
.footerMain .footerRight{float:right; }
.footerMain p a{color:#fff;}

.quickLinks{color:#535353; text-align: right; padding-top:5px;}
.quickLinks a{color:#fff; margin:0px 5px;}
.quickLinks a:hover{text-decoration:underline;}


/*
	======================
	Page TItle
	======================
*/
.pageTitle{
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:1px;
	font-family: 'Hind Vadodara', sans-serif;
	font-weight:400;
	font-size:28px;
	margin-bottom:25px;
}
.pageTitle:after{
	content:" "; display:block;
	border-bottom:1px solid rgba(0,0,0,0.1);
	margin-top:5px;
}
.pageTitle a{font-size:16px; float:right; top:7px; color:#e31e25; text-decoration:underline;}

/*
	======================
	#Page = Offline
	======================
*/
.offline-ui-up{display:none;}.offline-ui{
	text-align:center;
	position:absolute;
	top:0px; left:calc(50% - 125px); z-index:100;
}
.offline-ui-down .offline-ui-content{
	background:rgba(0,0,0,1);
	text-align:center;
	color:#eebc09;
	padding:5px 10px 10px;
	display:inline-block;
	margin:0px auto;
	border-radius:0px 0px 5px 5px;	
	width:230px;
}
.offline-ui-down .offline-ui-content:before{
	content:" ";
	display:inline-block; width:20px; height:20px;
	background:url('../../images/warning_yellow_icon.png'); 
	background-position:top right;
	background-repeat:no-repeat;
	background-size:15px;
	background-position:center;
	vertical-align:middle;
	margin-right:5px;
}
.offline-ui-down .offline-ui-content:after{
	content:"No Internet connection!";
	vertical-align:middle;
}


/*
	======================
	#Page = Index.php
	======================
*/
.frontIndex{
	display:grid;
	grid-template-columns: calc(100% - 360px) 315px;
	grid-gap:45px;
}
/* ========> */
.frontIndex .list{margin-bottom:50px;}

.frontIndex .list .loader{padding:55px 0px; text-align:center;}
.frontIndex .list h2{border-bottom:1px solid #e31e25; margin-bottom:30px;}
.frontIndex .list h2 span{
	background:url('../../images/pattern_cut.png') #e31e25; 
	background-position:top right;
	background-repeat:no-repeat;
	font-weight:500; color:#fff; 
	padding:8px 60px 8px 20px;
	border-radius:10px 0px 0px 0px;
}
.frontIndex .list:first-child h2{border-color:#000;}
.frontIndex .list:first-child h2 span{background-color:#000;}

.frontIndex .list ul{ display:grid; grid-template-columns: 22% 22% 22% 22%; grid-gap:4%; }
.frontIndex .list li{text-align:center; margin-bottom:10px;}
.frontIndex .list li .thmbnail{
	border:1px solid rgba(0,0,0,0.08);
	width:100%; height:185px; max-height:185px; overflow:hidden;
	text-align:center; line-height:175px;
}
.frontIndex .list li .thmbnail img{max-width:100%; vertical-align:middle;}
.frontIndex .list li label{display:block; font-weight:600; font-size:16px; margin-top:8px;}
.frontIndex .list li a{color:#000;}
.frontIndex .list li:hover .thmbnail{border-color:#e31e25;}
.frontIndex .list li:hover a{color:#e31e25;}

.frontIndex .magazines h2{border-color:#f9ad35!important;}
.frontIndex .magazines h2 span{background-color:#f9ad35!important;}
.frontIndex .magazines li:hover .thmbnail{border-color:#f9ad35;}
.frontIndex .magazines li:hover a{color:#ff7e00;}


/* ========> */
.frontIndex .leftPanel{}

/* ========> */
.frontIndex .rightPanel{}
.frontIndex .rightPanel .todayDateEdition{
	display:block; 
	font-size:20px; 
	text-align:center; 
	line-height:25px; 
	font-weight:300; 
	/*letter-spacing:0.5px;*/
}
.frontIndex .rightPanel .todayDateEdition span{display:block; font-size:14px; text-transform:uppercase; font-weight:400;}
.todayEditionThumb{background:#fff; 
                  padding:3px;  
                  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2); 
                  margin:30px 0px; 
                  text-align:center;
                  max-height: 350px;
                  overflow:hidden;
}
.todayEditionThumb img{vertical-align:top;}
.todayEditionThumb .loader{padding:55px 0px; text-align:center;}
.readTodayEditionForm{text-align:center;}
.readTodayEditionForm span{display: block;}
.readTodayEditionForm .loader{
	position:absolute;
	top:0px; right:0px;  z-index:1;
	width:100%; height:100%;
	text-align:right;
}
.readTodayEditionForm .loader span{display:inline-block; top:14px; right:30px;}
.readTodayEditionForm select,
.readTodayEditionForm .date{
	border:1px solid rgba(0,0,0,0.1);
	box-shadow: 0px 3px 3px 0px rgba(77, 70, 103, 0.09);
	border-radius:6px;
	width:100%;
	padding:12px 15px;
	font-family: 'Poppins', 'Hind Vadodara', sans-serif,  'Open Sans', sans-serif;
	font-size:16px; letter-spacing:0.5px;
}
.readTodayEditionForm .date {padding:0px;}
.readTodayEditionForm .date input{
	width:100%; padding:12px 15px;
	font-family: 'Poppins', 'Hind Vadodara', sans-serif,  'Open Sans', sans-serif;
	font-size:16px;
	background:url('../../images/calender_black.png');
	background-repeat:no-repeat;
	background-size:15px;
	background-position:calc(100% - 15px) 15px;
	max-height:none;
}

.readTodayEditionForm .submitBtn{margin-top:10px;}
.readTodayEditionForm .submitBtn span{display:inline-block;}
.readTodayEditionForm .btnLoader,
.readTodayEditionForm .btn{background:#000; border-radius:45px;}


/*
	======================
	Model :: Login, Forgot Password
	======================
*/
.systemEntrance{
	overflow:hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.systemEntrance .modelWrapper{
	max-width:775px;
	border-radius:10px;
	font-family: 'Hind Vadodara', sans-serif;
	font-size:16px;
	min-height:415px;
	margin-top:5%;
	margin-bottom:15px;
}
.systemEntrance .modelWrapper .close{
	width:35px; height:35px;
	background:url("../../images/cross_dark_icon.png") no-repeat #fff;
	background-size:12px;
	background-position:center;
	border-radius:100%;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.39);
	top:-15px; right:-15px;	
	text-indent:-100px;
	transform-origin:center;
}
.systemEntrance .modelWrapper .close:hover{transform:scale(1.2,1.2);}

/* ===== */
.forceLoginMessage{
	background:#fff2e0;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding:8px 10px;
	text-align:center;
	border-radius:10px 10px 0px 0px;
}
.systemEntrance .modelWrapper .entranceWrapper{ display:grid; grid-template-columns:50% 50%; }
.systemEntrance .modelWrapper .entranceGraphics{padding:15px; align-self: center;}
.systemEntrance .modelWrapper .entranceGraphics img{vertical-align:middle;}
.systemEntrance .modelWrapper .entranceElements{
	grid-column-start:2; grid-row-start:1; 
	border-left:1px solid rgba(0,0,0,0.0);
	padding:25px 25px 25px 0px;
}
/* ===== */
.systemEntrance .modelWrapper .entranceTitle{
	text-align:center; margin-bottom:20px; 
	font-family: 'Poppins', 'Hind Vadodara', sans-serif,  'Open Sans', sans-serif;
	letter-spacing:0.5px;
}
.systemEntrance .modelWrapper .entranceTitle img{width:200px; vertical-align:top;}
.systemEntrance .modelWrapper .entranceTitle p{color:#6d6d6d; font-size:17px; margin-top:-5px;}
/* ===== */
.systemEntrance .modelWrapper .entranceElements h3{
	font-family: 'Hind Vadodara', sans-serif;
	text-align:center; font-size:22px; color:#e31e25; font-weight:400;
}
.systemEntrance .modelWrapper .entranceElements .validation{height:25px; padding:0px 25px; font-size:14px;}
.systemEntrance .modelWrapper .entranceElements .input{
    background: #fff;
    border: 2px solid rgba(0,0,0,0.1);
    border-radius: 45px;
	width: 100%; max-height: none;
    padding: 12px 20px;
    font-family: 'Hind Vadodara', sans-serif;
    font-size: 17px;
}
.systemEntrance .modelWrapper .entranceElements .input:focus{border-color:#000;}
.formButton .btn{	
	padding: 10px 30px;
	border-radius: 45px;
	font-family: 'Hind Vadodara', sans-serif;
	font-weight: 600;
	font-size: 16px;	
}
.systemEntrance .modelWrapper .submitBtn .btnLoader{border-radius: 45px;}
/* ===== */
.loginForm{}
.loginForm h3{margin-bottom:10px;}
.loginForm .formButton .submitBtn{float:right;}
.loginForm .formButton a{float:left; color:#903c3f; text-decoration:underline; margin-top:10px;}
.registerPromot{text-align:center; padding-top:25px;}
.registerPromot a{color:#903c3f; text-decoration:underline;}
/* ===== */
.forgotForm p{text-align:center; margin-bottom:10px; font-size:17px; color:#6d6d6d;}
.forgotForm .formButton:after{content:" "; display:block; clear:both;}
.forgotForm .formButton .submitBtn{float:right;}
.forgotForm .formButton a{float:left; color:#903c3f; text-decoration:underline; margin-top:10px;}

/*
	======================
	#Page = newpaper_detail.php
	======================
*/
.newPaperDetail main{padding-left:0px; padding-right:0px; z-index:1;}
.newPaperDetail .topMenu{margin:0px;}
.newPaperDetail header{box-shadow:0px 3px 3px rgba(0,0,0,0.05); margin:0px; z-index:1}

/* ========> */
.newPaperDetail .headerMain{height:60px; padding:10px 0px; background:#fff;}
.newPaperDetail .headerMain .wrapper{width:95%; max-width:1200px;  margin:0px auto;}
.newPaperDetail .headerMain .logo{margin-top:4px; margin-right:30px;}
.newPaperDetail .headerMain .logo img{width:150px;}
.newPaperDetail .headerMain .socialIco{
	width:32%;
	float:left; margin-left:20px;
	text-align:center;
}
.newPaperDetail .headerMain .date{
	float:left; font-size:16px; font-weight:500;
	border:1px solid rgba(0,0,0,0.1);
	box-shadow: 0px 3px 3px 0px rgba(77, 70, 103, 0.09);
	border-radius:6px;
	padding:5px 45px 5px 15px;
	
	background:url('../../images/calender_red.png');
	background-repeat:no-repeat;
	background-size:15px;
	background-position:calc(100% - 15px) 8px;
	cursor:pointer;
}
.newPaperDetail .headerMain .date:hover{background-color:rgba(0,0,0,0.01);}


.socialIco a{
	width:35px; height:35px; 
	border-radius:100%; 
	background-color:#2853bd; color:#fff;
	text-align:center; margin-left:10px;
	font-size:20px;
	line-height:35px;
}
.socialIco a:hover{box-shadow:0px 3px 3px rgba(0,0,0,0.5);}
.socialIco a.fb{background-color:#2853bd;}
.socialIco a.fb:after{content:"\f09a"; font-family:'FontAwesome';}
.socialIco a.tw{background-color:#25b4ef;}
.socialIco a.tw:after{content:"\f099"; font-family:'FontAwesome';}
.socialIco a.bo{background-color:#f8aa22;}  
.socialIco a.bo:after{content:"\f02e"; font-family:'FontAwesome';}
.socialIco a.wp{background-color:#389f23;}  
.socialIco a.wp:after{content:"\f232"; font-family:'FontAwesome';}

/* ========> */
.subHeader{background:#fff; min-height:55px; border-bottom:1px solid #e31e25;}
.subHeader .wrapper{min-height:auto; height:auto;}
.subHeader:after{content:" "; clear:both; display:block;}

.subHeader .tab{ padding:15px; font-size:16px;}
.subHeader .tab h1{display: inline-block; font-weight:400; font-size:16px;}
.subHeader .tab a{color:#000;}
.subHeader .tab a:hover, .subHeader .tab a.active{color:#e31e25;}
.subHeader .tab h1:after{content:"|"; opacity:0.3; margin:0px 15px;}
.subHeader .tab h1:last-child:after{display:none}



/* ========> */
.gridIco{
	background:#e31e25;
	border-radius:100%;
	width:34px; height:34px;
	text-align:center;
	line-height:32px;
	float:right;
	margin-top:2px;
}

/* ========> */
.gridIco{
	background:#e31e25;
	border-radius:100%;
	width:34px; height:34px;
	text-align:center;
	line-height:32px;
	float:right;
	margin-top:2px;
}
.gridIco img{max-width:45%; vertical-align:middle;}
.gridIco:hover{background:#000;}
.gridIco:before{
	content:"View Pages";
	width:150px;
	display:inline-block;
	position:absolute;
	top:2px; left:-124px;
	color:#000;
}

/* ========> */
.newsThumbnailiWrapper{position:relative; top:0px;}
.newsThumbnailiWrapper .newsThumbnailList{
	background:#1f1f1f;
	/*position: absolute;
	top:0; left:0; z-index:5;*/
	width:100%; height:175px;
	padding:20px 20px 0px 20px;
	overflow:hidden;
}
.newsThumbnailiWrapper .newsThumbnailList .wrapper{
	width:100%; min-height:auto;
	overflow:auto;
}
.newsThumbnailiWrapper .newsThumbnailList ul{
	width: 100%;
	display: inline-block !important;
	overflow: auto;
	overflow-y: hidden;
	white-space: nowrap;
	max-width: 100%;
}
.newsThumbnailiWrapper .newsThumbnailList ul{content:" "; clear:both; display:block;}
.newsThumbnailiWrapper .newsThumbnailList ul li{width:95px; height:134px; display: inline-block; margin-right:15px;}
.newsThumbnailiWrapper .newsThumbnailList ul li:last-child{margin-right:0px;}
.newsThumbnailiWrapper .newsThumbnailList ul li a{width:95px; height:123px; border:2px solid #1f1f1f; overflow:hidden; background:#1f1f1f;}
.newsThumbnailiWrapper .newsThumbnailList ul li a img{vertical-align:top; opacity:0.8;}
.newsThumbnailiWrapper .newsThumbnailList ul li a span{	
	background:#1f1f1f;
	position: absolute;
	bottom:10px; left:35%; z-index:10;
	color:#fff; padding:2px 10px;
	font-weight:600;
}
.newsThumbnailiWrapper .newsThumbnailList ul li a:hover,
.newsThumbnailiWrapper .newsThumbnailList ul li a.active
{border-color:#e31e25;}

.newsThumbnailiWrapper .newsThumbnailList ul li a.active span{background:#e31e25;}
.newsThumbnailiWrapper .newsThumbnailList ul li a.active img{opacity:1;}

.thumbnailTitle{background:#fff; height:55px; margin-bottom:15px;}
.thumbnailTitle h3{width:100%; height:55px; text-align:center; line-height:55px; font-weight:500; font-size:17px;}

/* ========> */
.viewNewsPaper{margin:25px 15px 0px 15px;}
.viewNewsPaper:after{content:" "; clear:both; display:block;}
.newPaperDetail .left{width:120px; margin-right:20px; float:left;}
.newPaperDetail .paperPage{width:calc(100% - 280px); text-align:center; float:left; min-height:600px; overflow:hidden; z-index:0;}
.newPaperDetail .right{width:120px; margin-left:20px; float:left;}
.newPaperDetail .ads{margin-top:0px;}
.newPaperDetail .paperPage #fullImageDivId .map{margin:0px auto;}

.swiper-zoom-container{display:block!important;}
.swiper-zoom-container img{
	/*
	vertical-align:top!important; 
	transform: scale(1) !important;
	*/
}
.tag{
    position:absolute;
    border:1px solid red;
    transform: scale(1) !important;
	transition: none;
}

.newPaperDetail .newspaperLoader{
	position:absolute;
	top:0px; left:0px; z-index:100;
	width:100%; height:200px;	
	padding-top:90px;
}
.newPaperDetail .newspaperLoader span{}
.newPaperDetail .newspaperLoader p{
	font-family:'Hind Vadodara', sans-serif;
	font-size:19px;
	font-weight:500;
	margin-top:8px;
}
/* =============== */
.desktopZoom{
	float:left;
	margin-left:21px;
}
.desktopZoom a{
	display:inline-block; 	
	text-align:center;
	width:40px; 
	height:38px;
	background-color:rgba(0,0,0,0.8);
	border-radius:6px;
	margin-left:4px; 
	text-align:center;
}
.desktopZoom a:before{
	content:" ";
	display:inline-block;
	width:30px; height:30px;
	background-image:url('../../images/slider-controll.png');
	background-size:30px;
	background-repeat:no-repeat;
	top:4px; position:relative;
}
.desktopZoom a.in{
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.desktopZoom a.in:before{background-position:0px -60px;}
.desktopZoom a.out:before{background-position:0px -90px;}


/* =============== */
.newPaperDetail .paperPage .navigation,
.swiper-button-next, .swiper-button-prev{
	position:absolute; z-index:4;
	top:45%; 
	width:60px!important; height:60px!important;
	background-color:#000;
	box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35);
	border-radius:100%;	
	background-size:30px;
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
}
.newPaperDetail .paperPage .navigation.disabled{
	opacity:0.5;
	pointer-events: none;
}
.newPaperDetail .paperPage .navigation:hover{
	transform:scale(1.2,1.2);
}
.newPaperDetail .paperPage .navigation.prev, .swiper-button-prev{
	left:-20px;
	background-image:url('../../images/prev_arrow.png');
}
.newPaperDetail .paperPage .navigation.next, .swiper-button-next{
	right:-20px;
	background-image:url('../../images/next_arrow.png');
}
.swiper-button-next, .swiper-button-prev{
	text-indent:-400px;
}
.swiper-button-next:after, .swiper-button-prev:after{
	display:none;
}

/* ========> */
.newPaperDetail .paperPage .pagging{padding:20px 0px;}
.newPaperDetail .paperPage .pagging ul li{display:inline-block; margin:0px 4px; vertical-align:middle;}
.newPaperDetail .paperPage .pagging ul li a{
	width:35px; height:35px;
	background:#fff;
	border-radius:100%;
	font-size:16px;
	line-height:35px;
	color:#000;
	 vertical-align:middle;
}
.newPaperDetail .paperPage .pagging ul li a:hover{background:#e8e8e8;}
.newPaperDetail .paperPage .pagging ul li.active a{background:#e31e25; color:#fff;}

.newPaperDetail .paperPage .pagging ul li.J-paginationjs-next a,
.newPaperDetail .paperPage .pagging ul li.J-paginationjs-previous a{
	background:#000;
	color:#fff;
	font-size:25px;
}


/* ========> Model */
.newsModel{
	background:#fff;
	top: 30px; left: 30px;	
	width: calc(100% - 60px);
	height: calc(100% - 30px);
	box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
}
.newsModel .detailHeader{
	background:#fff; 
	box-shadow:0px 3px 3px rgba(0,0,0,0.05); 
	padding:0px 65px 0px 0px;
	height:55px; margin-bottom:0px;  z-index:2;
}
.newsModel .detailHeader:after{content:" "; clear:both; display:block;}
.newsModel .detailHeader .tab{padding:0px 25px; font-weight:200; float:left;}
.newsModel .detailHeader .tab a{color:#898989; font-size:16px; padding:15px 0px;}
/*.newsModel .detailHeader .tab a:after{content:"|"; opacity:0.3; margin:0px 15px;}*/
.newsModel .detailHeader .tab a:hover, .newsModel .detailHeader .tab a.active{color:#e31e25;}
.newsModel .detailHeader .tab a:last-child:after{display:none}
.newsModel .detailHeader .tab a span{color:#898989; opacity:0.3; margin:0px 10px 0px 6px;}

.zoom{float:left; margin-top:10px; width:40%; text-align:center;}
.zoom span.imageZoom{
	background:#fff;		
	border-radius:5px;
	border:1px solid rgba(0,0,0,0.2);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
	font-size:20px;
	font-weight:600;
	line-height:33px;
	width:100px;
	margin:0px auto;
}
.zoom span.imageZoom a{color:#000; padding:0px 15px;}
.zoom span.imageZoom a.active, .zoom a:hover{color:red;}
.zoom span.imageZoom a.in{border-right:1px solid rgba(0,0,0,0.2)}
.zoom span.imageZoom a.in:after{content:"+"}
.zoom span.imageZoom a.out:after{content:"-"}
.zoom span.textZoom a{margin:5px 5px 0px; opacity:0.5;}
.zoom span.textZoom a.active, .zoom a:hover{opacity:1;}

.zoom span.imageZoom a{
	background:url('../../images/zoom_controler_icon.png');
	background-repeat:no-repeat;
	background-size: 23px;
	transition:none;
}
.zoom span.imageZoom a:after{opacity:0;}
.zoom span.imageZoom a.in{background-position: 7px 5px;}
.zoom span.imageZoom a.in.active{background-position: 7px -28px;}
.zoom span.imageZoom a.out{background-position: 9px -60px;}
.zoom span.imageZoom a.out.active{background-position: 9px -93px;}


.newsModel .detailHeader .socialIco{float:left; margin-top:10px; margin-right:35px;}

.newsModel .detailHeader a.close{
	background-color: #fff;
	background-image: url('../../images/cross_dark_icon.png');
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: center;
	padding: 0px 35px;
	width: auto;
	opacity: 0.5;
	padding:0px 25px;
	border-left:1px solid rgba(0,0,0,0.1);
}
.newsModel .detailHeader a.close:hover{opacity: 1;}
.newsModel .detailHeader .moreAbout{float:right; margin-top:10px; font-weight:200;}
.newsModel .detailHeader .moreAbout p{display:inline-block; margin-right:10px; margin-right:15px;}
.newsModel .detailHeader .moreAbout a{background:#e31e25; color:#fff; border-radius:5px; padding:6px 13px; font-weight:300;}
.popupContainer{
	position:absolute;
	top:107px; left:0px; 
	width:100%; height:calc(100% - 107px);
	overflow:hidden;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
.newsModel .imageView{text-align:center; padding:10px;}
.newsModel .imageView img{max-width:100%;}
.newsModel .imageView.maxWidth img{max-width:none;}

.cutInfo{
	border-bottom:1px solid rgba(0,0,0,0.07); padding:0px 15px; 
	text-align:center; background:#fff; z-index:1;
	height:52px; overflow:hidden;	
}
.cutInfo:after{content:" "; clear:both; display:block;}
.cutInfo .editoinLogo{vertical-align:top; display:inline-block; height:52px; line-height:52px;}
.cutInfo .editoinLogo img{max-width:150px; max-height:50px; vertical-align:middle;}
.cutInfo label{float:left; top:11px;}
.cutInfo span{float:right; top:11px;}

.newsModel .textView{padding:25px 45px 20px 45px;}
.newsModel .textView pre {
	margin:0;
	font-family: 'Hind Vadodara', sans-serif;
	font-size:18px;
	letter-spacing:0.5px;
	color:#000000;
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
}


.todaysNewsModel .modelWrapper{
	max-width:710px;
	display:grid;
	grid-template-columns:310px calc(100% - 310px);
	padding:25px;
}
.todaysNewsModel .modelWrapper .todayEditionThumb{margin:0px;}
.todaysNewsModel .modelWrapper .readTodayEditionForm{padding:0px 0px 25px 25px;}
.todaysNewsModel .modelWrapper .readTodayEditionForm label{
	font-family: 'Poppins', 'Hind Vadodara', sans-serif,  'Open Sans', sans-serif;
	font-size:19px;
	font-weight:600;
	text-align:left;
	display:block;
	margin-bottom:25px;
}
.todaysNewsModel .modelWrapper .readTodayEditionForm .close{
	background-image:url('../../images/cross_dark_icon.png');
	height:40px;
	top:-5px;
	background-color:#fff;
}


/* ==================== */
.userMessageSection { margin:8% 15%; background:#fff; padding:0 0 10px;  font-family: 'Hind Vadodara', sans-serif;}
.userMessageSection .userMessageContent { width:calc(100% - 300px); float:left; padding-top:9%; padding-right:55px;}
.userMessageSection .userMessageIco { width:295px; float:right; right:2%}

.userMessageSection .userMessageIco img { vertical-align:top; max-width:100%}
.userMessageSection .userMessageContent h2 { font-weight:400; font-size:60px; color:#000; line-height:60px}
.userMessageSection .userMessageContent h1 { font-size:18px; color:#8e8e8e; font-weight:400}
.userMessageSection .userMessageContent p { font-size:20px; color:#000; font-weight:400; padding-bottom:10px}
.userMessageSection .userMessageContent a { background:#e31e25; box-shadow:0 4px 8px 0 rgba(0,0,0,.25); font-size:19px;}


/*
	======================
	Plan List Section
	======================
*/
.planList{display:grid; grid-template-columns:31% 31% 31%; grid-gap:2.5%;}
.planList li{
	background:#fff;
	box-shadow: 0px 0px 11.83px 1.17px rgba(196, 196, 196, 0.51);
	border-top:3px solid #3c5af5;
	padding:15px 10px; text-align:center;
	width:100%; margin:0px 0px 15px;
}
.planList.grid4{
	display:grid; grid-template-columns:22% 22% 22% 22%; grid-gap:2.5%;
	justify-items: center;
}
.planList.grid4 lig{margin-left:0px; margin-right:0px;}

.planList li label{display:block; font-size:18px; font-weight:400;}
.planList li  p{font-size:13px!important; line-height:normal!important; color:#8c8c8c;}
.planList li strong{display:block; font-size:30px; font-family: 'Hind V adodara', sans-serif;}
.planList li a.button{padding:7px 15px; margin-top:15px;}
.planList li a.link{
	padding:5px 10px; margin-top:0px; background:none!important; 
	font-weight:500; font-size:15px;
	text-decoration:underline;
}


.planList li:nth-child(1){border-color:#3c5af5;}
.planList li:nth-child(1) a{background:#3c5af5;}
.planList li:nth-child(1) a.link{color:#3c5af5}

.planList li:nth-child(2){border-color:#f1a606;}
.planList li:nth-child(2) a{background:#f1a606;}
.planList li:nth-child(2) a.link{color:#f1a606}

.planList li:nth-child(3){border-color:#8635f4;}
.planList li:nth-child(3) a{background:#8635f4;}
.planList li:nth-child(3) a.link{color:#8635f4}

.planList li:nth-child(4){border-color:#23bc56;}
.planList li:nth-child(4) a{background:#23bc56;}
.planList li:nth-child(4) a.link{color:#23bc56}

/* ===== */
.introText .overlay{background:rgba(1, 3, 23, 0.5);}
.tipHolder{
	position:fixed;
	top:0px; left:0px; z-index:100;
	width:100%; height:100%;	
}
.toolTip{
	width:100%;
	max-width:500px;
	margin:8% auto 0px auto;
	background:#fff;
	border:3px solid #f1a606;
	border-radius:15px;
	box-shadow: 0px 9px 51px 0px rgba(0, 0, 0, 0.28);
	overflow:hidden;
	font-family: 'Poppins', 'Open Sans', sans-serif;
}
.toolTip h2{background:#f1a606;  padding:10px; text-align:center; color:#fff;}
.toolTip h2 a{
	position:absolute;
	top:0px; right:0px; width:50px;
	text-align:center;
}
.toolTip h2 a img{width:15px; top:10px;}
.toolTip p{
	font-size:15px!important; 
	margin:10px 15px; 
	line-height:24px!important; 
	letter-spacing:0.5px;
	text-align:center;
}
.toolTip ul, .toolTip ul li{all:unset;}
.toolTip ul li{
	display:grid; grid-template-columns:55% 45%; 
	border-bottom:1px solid rgba(0,0,0,0.09)!important;
	font-size:15px;
	text-align:left;
}
.toolTip ul.grid3 li{grid-template-columns:45px calc(55% - 45px) 45%;}

.toolTip ul li .col{padding:10px 15px; border-right:1px solid rgba(0,0,0,0.09)!important;}
.toolTip ul li .col label{font-size:15px!important; display:block;}
.toolTip ul li.title{font-weight:600; border-top:1px solid rgba(0,0,0,0.09)!important;}

.package_1 .toolTip{border-color:#3c5af5}
.package_1 .toolTip h2{background:#3c5af5}
.package_1 .toolTip ul li.title{color:#3c5af5}

.package_2 .toolTip{border-color:#f1a606}
.package_2 .toolTip h2{background:#f1a606}
.package_2 .toolTip ul li.title{color:#f1a606}

.package_3 .toolTip{border-color:#8635f4}
.package_3 .toolTip h2{background:#8635f4}
.package_3 .toolTip ul li.title{color:#8635f4}

.package_4 .toolTip{border-color:#23bc56}
.package_4 .toolTip h2{background:#23bc56}
.package_4 .toolTip ul li.title{color:#23bc56}


/*
	======================
	#Page = login.php
	======================
*/
.registerPage{font-family: 'Hind Vadodara', sans-serif;}
.registerPage h1{
	text-align:center; 
	font-family: 'Hind Vadodara', sans-serif; 
	font-weight:400; 
	line-height:42px; 
	font-size:28px; 
}
.registerPage .fromAndText{display:grid; grid-template-columns:68% 32%; padding:35px 0px;}
.registerPage .fromAndText .form{grid-column-start:2; grid-row-start:1; background:red;}
.registerPage .fromAndText .introText{text-align:center; padding:0px 30px;}
.registerPage .fromAndText .introText p{font-size:20px; margin-bottom:10px; line-height:35px;}
.registerPage .fromAndText .introText ul{margin:25px 0px;}
/* === Form */
.registerPage .fromAndText .form{ background:#fff; box-shadow: 0px 4px 68px 0px rgba(0, 0, 0, 0.11); border-radius:10px;}
.registerPage .fromAndText .form .formTab{ border-bottom:2px solid rgba(0,0,0,0.1);}
.registerPage .fromAndText .form .formTab:after{content:" "; display:block; clear:both; clear:both;}
.registerPage .fromAndText .form .formTab a{width:50%; padding:12px 10px; float:left; text-align:center; color:#9c9c9c; font-size:17px;}
.registerPage .fromAndText .form .formTab a:nth-child(1){border-right:1px solid rgba(0,0,0,0.1);}
.registerPage .fromAndText .form .formTab a:hover, .registerPage .fromAndText .form .formTab a.active{color:#e31e25;}
.registerPage .fromAndText .form .formWrapper{padding:25px 25px 15px 25px;}
.registerPage .fromAndText .form .input{
	background:#fff; 
	border:2px solid rgba(0,0,0,0.1);
	border-radius:45px;
	padding:12px 20px;
	width:100%;
	max-height:none;
	font-family: 'Hind Vadodara', sans-serif;
	font-size: 16px;
}
.registerPage .fromAndText .form .input:focus{border-color:#000;}
.registerPage .fromAndText .form .passwordField{position:relative;}
.registerPage .fromAndText .form .passwordField .input{width:100%!important;}
.registerPage .fromAndText .form .passwordField a{right:9px;}

/* ==== */
.registerPage .fromAndText .form .formButton{margin-top:10px; text-align:center;}
.registerPage .fromAndText .form .formButton .submitBtn{display:inline-block;}
.registerPage .fromAndText .form .formButton .btn,
.registerPage .fromAndText .form .formButton .btnLoader{border-radius:45px; }
.registerPage .fromAndText .form .formButton .btn{
	font-weight:600; 
	padding:10px 30px; 
	font-family: 'Hind Vadodara', sans-serif;
	font-size:16px;
}

/* ====
#loginForm .formButton .submitBtn{float:right;}
#loginForm .formButton a{float:left; color:#903c3f; text-decoration:underline; margin-top:10px;}*/

/* ==== */
#registerForm .agreePolicy label{font-size:12px; margin:0px;}
#registerForm .agreePolicy label a{color:#903c3f;}
#registerForm .agreePolicy label input:checked ~ .checkmark{ background-color: #000; }

/* ==== 
#forgotPassForm h3{text-align:center; font-size:22px;}
#forgotPassForm p{text-align:center; margin-bottom:10px;}
#forgotPassForm .formButton .submitBtn{float:right;}
#forgotPassForm .formButton a{float:left; color:#903c3f; text-decoration:underline; margin-top:10px;}*/

/* ==== */
.otp h3{text-align:center; font-size:22px; color:#e31e25;}
.otp p{text-align:center; margin-bottom:10px;}
.otp .formButton p{margin-top:15px;}
.otp .formButton p a{color:#903c3f; text-decoration:underline;}

.registerPage .faqEddition{display:grid; grid-template-columns:62% 35%; padding:35px 0px; grid-gap:3%;}
.registerPage .quickFAQ{grid-column-start:2; grid-row-start:1;}

.registerPage .editions{padding-top:25px;}
.registerPage .editions .loader{text-align:center; padding:20px 0px;}
.registerPage .faqEddition .list{margin-bottom:50px;}
.registerPage .editions h2{border-bottom:1px solid #e31e25; margin-bottom:30px; font-family: 'Hind Vadodara', sans-serif; }
.registerPage .editions h2 span{
	background:url('../../images/pattern_cut.png') #e31e25; 
	background-position:top right;
	background-repeat:no-repeat;
	font-weight:500; color:#fff; 
	padding:8px 60px 8px 20px;
	border-radius:10px 0px 0px 0px;
}
.registerPage .editions ul{ display:grid; grid-template-columns: 22% 22% 22% 22%; grid-gap:4%; }
.registerPage .editions li{text-align:center; margin-bottom:25px;}
.registerPage .editions li .thmbnail{
	border:1px solid rgba(0,0,0,0.08);
	width:100%; height:185px; max-height:185px; overflow:hidden;
	text-align:center; line-height:175px;
}
.registerPage .editions li .thmbnail img{max-width:100%; vertical-align:middle;}
.registerPage .editions li label{display:block; font-weight:600; font-size:16px; margin-top:8px;}
.registerPage .editions li a{color:#000;}
.registerPage .editions li:hover .thmbnail{border-color:#e31e25;}
.registerPage .editions li:hover a{color:#e31e25;}
/* === */
.registerPage .quickFAQ{background:#f8f8f8; padding:25px 0px;}
.registerPage .quickFAQ h2{font-family: 'Hind Vadodara', sans-serif; text-align:center; font-size:25px; margin-bottom:20px; font-weight:500;}
.registerPage .quickFAQ ul{margin:15px 25px;}
.registerPage .quickFAQ ul li{
	background:#fff;
	box-shadow: 0px 0px 5.46px 0.54px rgba(196, 196, 196, 0.31);
	margin-bottom:10px;
}
.registerPage .quickFAQ ul li h4{font-family: 'Hind Vadodara', sans-serif;}
.registerPage .quickFAQ ul li h4 a{
	padding:15px 20px;
	font-weight:400; font-size:18px; color:#000;
	display:block;
}
.registerPage .quickFAQ ul li h4 a:after{
	content:"+";
	font-size:28px;
	font-weight:200;
	position:absolute;
	top:9px; right:15px;
	opacity:0.4;
}
.registerPage .quickFAQ ul li h4 a.active{color:#e31e25;}
.registerPage .quickFAQ ul li h4 a.active:after{
	content:"-"; color:#e31e25; opacity:1;
}
.registerPage .quickFAQ ul li .ans{
	border-top:1px solid rgba(0,0,0,0.1);
	padding:10px 20px;
	font-size:15px; line-height:28px;
}

/*
	======================
	#Page = Reset Password
	======================
*/
/*.resetPassword .headerMain{text-align:center;}
.resetPassword .headerMain .logo{float:none; margin:0px auto;}*/
.resetPassword .fromAndText{display:block!important; text-align:center; padding:0px!important;}
.resetPassword .form{width:32%; margin:20px auto 0px auto;}

/*
	======================
	#Page = package.php
	======================
*/
.packagePageLoader{text-align:center; padding:100px 0px;}
.selectPackage{min-height:400px; font-family: 'Hind Vadodara', sans-serif;}
.selectPackage h2{text-align:center; font-size:25px; font-family: 'Hind Vadodara', sans-serif;}
.selectPackage p{text-align:center; margin-bottom:10px; font-size:21px;}
.selectPackage ul{margin:0px 8%; padding-top:30px}
.selectPackage ul li:hover{box-shadow: 0px 0px 21.83px 1.17px rgba(196, 196, 196, 0.81);}

.enterDetails{
	display:grid; grid-template-columns:57% 40%; grid-gap:3%; 
	font-family: 'Hind Vadodara', sans-serif;
	margin:0px 5%; padding-top:25px;
	
}
.enterDetails .rightPanel, .userSelectedPckage{grid-column-start:2; grid-row-start:1;}

/* ===== */
.enterDetails .personalDetail{}
.enterDetails .personalDetail h3{
	font-size:25px;
	margin-bottom:25px;
	font-weight:400;
	font-family: 'Hind Vadodara', sans-serif;
}
.enterDetails .personalDetail ul{margin-right:10%;}
.enterDetails .personalDetail .form li .label{font-size:16px;}
.enterDetails .personalDetail .submitBtn{display:inline-block;}
.enterDetails .personalDetail .submitBtn .btn{padding:12px 30px; font-size:16px;}

.cityStateLoader{
	position: absolute;
	top:2px; right:10px; z-index:1
}

.ui-autocomplete li{padding:5px 10px; border-bottom:1px solid rgba(0,0,0,0.1);}

.viewpersonalDetail{min-height:400px;}
.viewpersonalDetail li{min-height:auto; padding-bottom:10px; font-size:16px;}
.viewpersonalDetail li .label{padding-top:0px; opacity:0.7;}

.razorPayBuyNow{padding-top:15px;}
.razorPayBuyNow input[type="submit"]{
	border-radius: 5px;
	background: #33d08e;
	color: #fff;
	width: 100%;
	padding: 12px 20px;
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.19);
}

.emailVerify{
	text-align:center; 
	font-family: 'Hind Vadodara', sans-serif; 
	margin-bottom:35px;
	margin-top:-30px;
}
.emailVerify h2{
	font-family: 'Hind Vadodara', sans-serif; 
	font-size:20px; 
	font-weight:500;
	margin-bottom:5px; 	
}
.emailVerify p{font-size:16px;}
.verifyMessage{
	background:#fffdf5; 
	border:1px solid #e9dbb0;
	display:inline-block;
	padding:10px 20px 15px 125px;
	border-radius:6px;
	text-align:left;
}
.verifyMessage img{
	position:absolute;
	top:13px; left:14px; z-index:10;
	width:95px;
}

/* ===== */
.userSelectedPckage{
	background:#f8f8f8; padding:20px 25px 25px; font-family: 'Hind Vadodara', sans-serif;
	margin-bottom:25px;
}
.userSelectedPckage h3{font-family: 'Hind Vadodara', sans-serif; font-size:25px; margin-bottom:15px; font-weight:400;}
.userSelectedPckage h3 a{font-size:16px; float:right; top:7px; color:#e31e25; text-decoration:underline;}
.userSelectedPckage ul{
	background:#fff;
	box-shadow: 0px 0px 5.46px 0.54px rgba(196, 196, 196, 0.31);
	padding:0px 20px;
}
.userSelectedPckage ul li{border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:12px 0px;}
.userSelectedPckage ul li label{font-size:18px;}
.userSelectedPckage ul li p{font-size:16px; color:#5f5f5f;}
.userSelectedPckage ul li strong{
	font-size:18px; 
	font-weight:400;
	position:absolute;
	top:12px; right:0px;
        z-index: 2;
}
.userSelectedPckage ul li strong a{color:#e31e25; font-size:15px;}
.userSelectedPckage ul li.total{font-weight:600; border-bottom:none;}
.userSelectedPckage ul li.total label{font-size:20px;}
.userSelectedPckage ul li.total strong{font-weight:600; font-size:20px;}


/* ==================== */
.applyCouponModel h4{background:#f1a606;}
.applyCouponModel .modelContent{padding:25px; text-align:center;}
.applyCouponModel .modelContent p{font-size:20px; margin-bottom:18px;}
.applyCouponModel .modelContent .input{
	background:#fff; 
	border:2px dashed rgba(0,0,0,0.2);
	border-radius:7px;
	padding:12px 20px;
	width:50%;
	max-height:none;
	font-family: 'Hind Vadodara', sans-serif;
	font-size: 16px;
	text-align:center;
	margin:0px auto;
}
.applyCouponModel .modelContent .submitBtn{margin:0px auto; max-width:100px;}

/* ==================== */
.recommendedPlan{font-family: 'Hind Vadodara', sans-serif;}
.recommendedPlan h3{font-family: 'Hind Vadodara', sans-serif; font-size:20px; margin-bottom:15px; font-weight:400; text-align:center;}

.recommendedPlan ul{background:#f8f8f8; padding:20px 25px 25px;}
.recommendedPlan ul li{
	background:#fff;
	box-shadow: 0px 0px 5.46px 0.54px rgba(196, 196, 196, 0.31);
	padding:15px;
	margin-bottom:15px;
	border-top:4px solid #9643ea;
}
.recommendedPlan ul li:last-child{margin-bottom:0px;}
.recommendedPlan ul li .packageInfo{margin-bottom:15px;}
.recommendedPlan ul li .packageInfo label{font-size:18px;}
.recommendedPlan ul li .packageInfo p{font-size:16px; color:#5f5f5f;}
.recommendedPlan ul li .packageInfo strong{
	font-size:18px; 
	font-weight:400;
	position:absolute;
	top:0px; right:15px;
}
.recommendedPlan ul li .coupon{
	border:1px dashed rgba(150,67,234,0.4);
	border-radius:5px;
	padding:6px 12px;
	line-height:22px;
	margin-bottom:15px;
}
.recommendedPlan ul li .coupon span{display:block; font-size:16px;}
.recommendedPlan ul li .coupon strong{font-size:18px;}
.recommendedPlan ul li .btn{text-align:center;}
.recommendedPlan ul li .btn a{
	border-radius:45px; padding:7px 15px; 
	background:#9643ea; font-size:16px; font-weight:500; 
	color:#fff;
}
.recommendedPlan ul li:nth-child(2){border-color:#f1a606;}
.recommendedPlan ul li:nth-child(2) .coupon{border-color:rgba(241,166,6,0.4);}
.recommendedPlan ul li:nth-child(2) .btn a{background:#f1a606; }

.recommendedPlan ul li:nth-child(3){border-color:#2dcc96;}
.recommendedPlan ul li:nth-child(3) .coupon{border-color:rgba(45,204,150,0.4);}
.recommendedPlan ul li:nth-child(3) .btn a{background:#2dcc96; }

/*
.enterDetails .selectedPckage{background:#f8f8f8; padding:25px;}
.enterDetails .selectedPckage h3{
	font-family: 'Hind Vadodara', sans-serif; 
	font-size:25px; margin-bottom:25px; font-weight:400; text-align:center;
}
.enterDetails .selectedPckage .package{
	background:#fff;
	box-shadow: 0px 0px 5.46px 0.54px rgba(196, 196, 196, 0.31);
	padding:15px 25px;
}
.enterDetails .selectedPckage .package label{display:block; font-weight:500; font-size:19px; padding-bottom:7px;}
.enterDetails .selectedPckage .package p{padding-bottom:10px; font-size:16px;}
.enterDetails .selectedPckage .package strong{font-size:25px; color:#e31e25;}
.enterDetails .selectedPckage .package a{
	color:#995659; 
	text-decoration:underline; 
	position:absolute;
	top:15px; right:15px; z-index:1;
	font-size:13px;
}
.thankyou h2{font-size:40px!important; font-weight:600!important;}*/

/*
	======================
	#Page = verify_email.php
	======================
*/
.thankyou .userMessageSection{margin:3% 2%;}
.thankyou .userMessageSection .userMessageContent{text-align:center; padding-top:4%;}

.thankyou .userMessageContent .box{
	box-shadow:0px 0px 10px rgba(0,0,0,0.15);
	border-radius:10px;
	margin-top:15px;
	display:flex;
}
.thankyou .userMessageContent .box div{
	padding:40px 20px;
	border-right:1px solid rgba(0,0,0,0.1);
	width:100%;
}
.thankyou .userMessageContent .box div:nth-child(2){
	border:none;
	width:75%;
}

/*
	======================
	#Page = payment_intermediate.php
	======================
*/
.paymentIntermediate{text-align:center;}
.paymentIntermediate h1{font-weight:300; font-size:45px;}
.paymentIntermediate p{font-size:16px;}
.paymentIntermediate p strong{font-weight:600;}
.paymentIntermediate .spinLoader{width:80px; height:80px; border-width:10px; border-color:#2cd89d; border-top-color:#d9d9d9; margin-top:35px;}

/*
	======================
	Model signinToRead
	======================
*/
.signinToRead .modelWrapper{
	border:4px solid #f4ba1d; border-radius:10px; font-family: 'Hind Vadodara', sans-serif;
	font-size:22px;	
	max-width:550px;
}
.signinToRead .modelWrapper .modelContent{display:grid; grid-template-columns:40% 60%;}
.signinToRead .modelWrapper .modelContent .texts{
	padding:0px 15px;
	text-align:center; line-height:35px;
}
.signinToRead .modelWrapper .modelContent a{background:#000; padding:3px 15px 5px!important; font-size:22px; margin-top:20px;}
.signinToRead .modelWrapper .modelContent a:hover{background:#e31e25;}

.signinToRead .modelWrapper .modelContent a.close{
	width: 35px;
	height: 35px; line-height:35px;
	border-radius: 100%;
	background:url('../../images/cross_dark_icon.png') #f4ba1d no-repeat;
	background-position:center;
	background-size:14px;
	top: -39px; right: -17px;
	text-indent:-400px;
}


/*
	======================
	#Page = myAccount.php
	======================
*/
.myAccount .pageTitle a{float:right; color:#9a4141; text-decoration:underline; font-size:16px; top:10px; font-weight:400;}
.myAccount{font-family: 'Hind Vadodara', sans-serif; font-size:17px;}
.myAccount *{font-family: 'Hind Vadodara', sans-serif;}
.myAccount h1{font-weight:500;}
.myAccount h3{font-weight:500; font-size:22px; margin-bottom:15px;}
.myAccount .myAccountWrapper{}

.myAccount .accountDetail{padding:0px 0%; display:grid; grid-template-columns:32% 30% 34%; grid-gap:2%;}
.myAccount .accountDetail h3{font-size:22px; font-weight:500;}

.myAccount .accountDetail ul:after{display:none;}
.myAccount .accountDetail ul li{padding-bottom:8px;}
.myAccount .accountDetail ul .label{opacity: 0.6; width:110px;}
.myAccount .accountDetail ul .value{width:calc(100% - 110px); padding:0px;}
.myAccount .accountDetail ul.viewpersonalDetail{ min-height:auto;}

.myAccount .accountDetail .viewAddress ul{}
.myAccount .accountDetail .viewAddress ul .label{display:none;}
.myAccount .accountDetail .viewAddress ul .value{width:100%; float:none; line-height:29px;}

.myAccount .accountDetail .myPacakgeDetail .form{
	background:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.2); border-radius:7px;
	padding:15px 15px 0px;
	margin-right:6%;
}
.myAccount .accountDetail .myPacakgeDetail a{
	border:1px solid #000;
	padding:5px 10px; color:#000;
	border-radius:5px;
	margin:10px 0px;
}
.myAccount .accountDetail .myPacakgeDetail a:hover{background:#000; color:#fff;}

.myAccount .accountDetail .myPacakgeDetail .noPackage{text-align:center;}
.myAccount .accountDetail .myPacakgeDetail .noPackage label{font-weight:500;}
.myAccount .accountDetail .myPacakgeDetail .noPackage p{margin-bottom:10px;}
.myAccount .accountDetail .myPacakgeDetail .noPackage a{background:#e31e25; color:#fff; border-color:#e31e25;}

.myAccount .subscriptionDetail{margin-top: 45px; padding-bottom:100px;}
.myAccount .subscriptionDetail .ulListing li.title{font-weight:600}
.myAccount .subscriptionDetail .ulListing a{color: #9a4141;}
.myAccount .subscriptionDetail .ulListing li{display:grid; grid-template-columns:5% 14% 21% 9% 13% 13% 12% 13%; }
.myAccount .subscriptionDetail .ulListing li label{display:none;}

/*
	======================
	#Page = edit_profile.php
	======================
*/
.editProfile{display:block;}
.editProfile .form{max-width:600px; margin:0px auto!important;}
.editProfile .changePassTitle{min-height:auto;}
.editProfile .changePassTitle h4{font-size:18px; font-weight:500; margin-bottom:12px;}

/*
	======================
	#Page = cancel_subscription.php
	======================
*/
.cancelSubscription{
	text-align:center; letter-spacing:0.5px; margin-top:45px;
	box-shadow:0px 0px 25px rgba(0,0,0,0.2);
	max-width:500px; margin:0px auto;
	border-radius:10px;
	padding:15px;
	border-top:5px solid #e31e25;
	font-family: 'Hind Vadodara', sans-serif;
}
.cancelSubscription h1{font-size:30px; font-weight:400}
.cancelSubscription p{font-size:18px; font-weight:300; opacity:0.7;}
.cancelSubscription .form{margin-top:25px;}
.cancelSubscription .form .input{padding:15px; max-height:none; margin:0px!important; font-family: 'Hind Vadodara', sans-serif; font-size:17px; border-color:#000; border-bottom-width:2px; border-radius:10px;}
.cancelSubscription .form .passwordField{width:auto; display:inline-block;}
.cancelSubscription .form .submitBtn{width:100px; margin-top:20px;}


.noRecordDiv{text-align:center; letter-spacing:0.5px;}
.noRecordDiv img{width:180px;}
.noRecordDiv label{display:block; font-weight:500; color:#000; font-size:24px; margin-top:10px;}
.noRecordDiv p{font-size:17px; color:#909090;}