html {  
  -webkit-tap-highlight-color: transparent;		  
}

/* Keeps the scrollbar visible but prevents wheel/touch scrolling on main page */


body.modal-open {
    overflow-y: scroll !important; /* Preserves vertical scrollbar track */
    touch-action: none;             /* Prevents mobile scroll */
}

.addOPACITY {
	opacity:1 !important;
}

.denyOVERFLOW {
	overflow-y:hidden !important;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('inter-v20-latin-300.woff2') format('woff2');
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('inter-v20-latin-400.woff2') format('woff2');
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;
}		

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('inter-v20-latin-500.woff2') format('woff2');
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('inter-v20-latin-600.woff2') format('woff2');
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('inter-v20-latin-700.woff2') format('woff2');
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('inter-v20-latin-800.woff2') format('woff2');
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url('inter-v20-latin-900.woff2') format('woff2');
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing:grayscale;
}

@font-face {
   font-family:Arial, Helvetica;
   src: url('arial.woff2') format('woff2'),
	   url('arial.woff') format('woff'),
	   url('arial.ttf') format('truetype');
   font-weight:normal;   
   font-smoothing: antialiased;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing:grayscale;
}

@font-face {
   font-family: 'Roboto';
   src: url('Roboto-Medium.woff2') format('woff2'),
	   url('Roboto-Medium.woff') format('woff'),
	   url('Roboto-Medium.ttf') format('truetype');	   
}

@font-face {
   font-family:'Quicksand';
   src: url('Quicksand-Regular.woff2') format('woff2'),
	   url('Quicksand-Regular.woff') format('woff'),
	   url('Quicksand-Regular.ttf') format('truetype');   
   font-smoothing: antialiased;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing:grayscale;
}

body {
	background:#f2f2f2;
	color:#202020;
	box-sizing: border-box;
	margin:0px;
	padding:0px;
	font-size:15px;	
	overflow-x:hidden;
	overflow-y:hidden;
	font-family:'Inter',sans-serif;
	font-weight:normal;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);       
}

@media screen and (max-width: 640px) {
	body {
	font-size:14px;							
	}
}

@media screen and (max-width: 520px) {
	body {
	background:#e0e0e0 !important;						
	}
}

.criet-bk {
	position:fixed; 
	z-index:4; 
	background:rgba(0,0,0,0.5);
	left:0px; 
	right:0px; 
	top:0px; 
	botttom:0px; 
	width:100%; 
	height:100%; 
	display:none;
}

.ac-crtpst-bk {
	position:fixed; 
	z-index:3; 
	background:rgba(0,0,0,0.5); 
	left:0px; 
	right:0px; 
	top:0px; 
	botttom:0px; 
	width:100%; 
	height:100%; 
	display:none;
}

@media screen and (max-width: 520px) {
.ac-crtpst-bk, .criet-bk  {
   overflow-y:hidden !important;     
   }      
}

@media screen and (max-width: 499px) {
  .ac-crtpst-bk, .criet-bk  { 
   background:rgba(0,0,0,0); 	  		  		  		      
   }
}

.loda-logo {
	width:120px; 
	height:auto; 
	margin:auto;
	animation: pulse 1.5s infinite ease-in-out;
}

/* Loader Overlay Styling */
.bxlodaa {
    display: none; /* Initially hidden until button click */
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #fff; /* Match your page background */
    z-index: 9999;
    
    /* Flexbox centers the pulsing image */
    justify-content: center;
    align-items: center;
    
    /* Smooth fade transitions */
    opacity: 1;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.bxlodaa.flex-show {
    display: flex;
}

/* Pulsing Image Styling */
#loader-image {
    width: 80px; /* Adjust size as needed */
    height: auto;
    animation: pulse 1.5s infinite ease-in-out;
}

@media screen and (max-width: 640px) {
	#loader-image {
	width:50px;						
	}
}

/* Keyframe Pulse Animation */
@keyframes pulse {
    0% {
        transform: scale(0.95);
        opacity: 0.6;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        transform: scale(0.95);
        opacity: 0.6;
    }
}

/* Smooth Fade-Out Class */
.bxlodaa.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.sm-kretp-loda {
	position:fixed; 
	width:100%; 
	height:100%; 
	left:0px; 
	top:0px; 
	right:0px; 
	bottom:0px; 
	background:#fff;
	z-index:6;
	display:none;
}

@media screen and (min-width: 521px) {
	.sm-kretp-loda {
	display:none !important;						
	}
}

.sm-kretp1 {
	width:100%; 
	height:50px; 
	display:flex; 
	box-sizing:border-box; 
	border-bottom:1px solid #ddd;
    font-size:16px;
}

.sm-kretp2 {
	width:100%; height:calc(100% - 50px); display:flex;
}

/***********************************************
    PLACE HOLDERS 
***********************************************/

::placeholder {
  color:#9f9f9f; 
  font-size:15px;
  opacity:0.8;
}

:-ms-input-placeholder {
 color:#9f9f9f;
 opacity:0.8;
}

::-ms-input-placeholder {
 color:#9f9f9f;
 opacity:0.8;
}

@-moz-document url-prefix() {
   .optass {			
		display:none;		
	}
}

@supports (-webkit-appearance: none) {
   .optass {			
		 font-size:2px;	
		 display:none;	
	}
}

.optass {
   font-size:2px;
   background: transparent;
}

.tw-notsall-sm {
	color:#6c2bd9;
	background:#eee5ff;
	box-sizing:border-box;
	margin-top:auto;
	margin-bottom:auto;
	cursor:pointer;	
	padding-left:10px;
	padding-right:10px;
	border-radius:36px;
	height:36px;
	line-height:36px;
	display:inline-block;
	margin-left:auto;
	margin-right:10px;
	-webkit-tap-highlight-color: transparent;
    user-select: none;
    -webkit-user-select: none;
}

.tw-notsall-sm:hover {
	background:#eee;
}

@media screen and (min-width: 881px) {
	.tw-notsall-sm {
	display:none;						
	}
}

.unfound-dv { 
	max-width:500px;
	margin-left:auto; 
	margin-right:auto; 
	box-sizing:border-box; 
	padding-left:10px; 
	padding-right:10px; 
	text-align:center;
}

.unfound-txt1 { 
    margin-top:30px; 
	font-size:18px; 
	width:100%;
}

.unfound-txt2 { 
    margin-top:20px; 
	color:#9c9c9c; 
	font-size:18px; 
	width:100%;
}

/***********************************************
    REMOVE BACKGROUND HOVERS 
***********************************************/
.removemyhover:hover {
	background:transparent !important;
}

/*************************************************************
     PAGINATION 
***************************************************************/
.pagination{
    display:flex;
    justify-content:center;
    gap:6px;
    margin:20px 0;
}

.pagination a{
    display:inline-block;
    min-width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    text-decoration:none;
    border:1px solid #ccc;
    border-radius:4px;
    color:#333;
}

.pagination a.active{
    background:#007bff;
    color:#fff;
    border-color:#007bff;
}

/***********************************************
    LOAD MORE POSTS  
***********************************************/
.lodmo-container {
	width:100%;
	display:block; 
}

.lodmo-dv { 
	display:flex;  
	position:fixed; 
	bottom:0px;
	z-index:-1; 
	opacity:0;
}

@media screen and (min-width: 501px) {
	.lodmo-dv {
	width:100%;
	max-width:520px;
	left: 50%;
    -webkit-transform: translateY(-50%, 0%);
    -ms-transform: translateY(-50%, 0%);
    transform: translate(-50%, 0%);						
	}
}

@media screen and (max-width: 500px) {
	.lodmo-dv {
	width:100%;
	max-width:100%;	
	left:0px;
    right:0px;						
	}
}

.lodmo-dv-cr { 	  
	position:fixed;
	width:100%;
	max-width:520px; 
	display:flex;
	padding-top:8px;
	padding-bottom:12px;
	box-sizing:border-box;
	background:#fff; 
	bottom:0px;
	z-index:-1; 
	opacity:0;
	left: 50%;
    -webkit-transform: translateY(-50%, 0%);
    -ms-transform: translateY(-50%, 0%);
    transform: translate(-50%, 0%);
}

.lodmo-btn1 {
	display:flex; 
	height:40px; 
	line-height:40px; 
	border-radius:40px; 
	background:#007fd2; 
	color:#fff; 
	font-size:15px; 
	font-weight:500; 
	font-family:'Roboto'; 
	cursor:pointer; 
	margin-left:auto; 
	margin-right:auto; 
	position:relative; 
	padding-left:10px; 
	padding-right:10px;
}

/***********************************************
    DOT LOADERS
***********************************************/
.dot-loader {
	width:40px;
	height:10px;
	background-:yellow;
	display:flex;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:5px;
}

.lodo {
	width:10px;
	height:10px;
	background:#fff;
	border-radius:100%;    
	margin-left:auto;
	margin-right:auto;
	animation: slideDotLoader 1s infinite;
}

.lodo:nth-child(1){ animation-delay: 0.1s; }
.lodo:nth-child(2){ animation-delay: 0.2s; }
.lodo:nth-child(3){ animation-delay: 0.3s; }

@keyframes slideDotLoader {
	0% { transform: scale(0.5); }
	50% { opacity: 0.3; transform: scale(1); }
	100% { transform: scale(0.5); }
}

/*============================================================================================================
    MINI NAVBAR
=============================================================================================================*/
.mini-tpnav {
	position:relative; 
	background:#f2f2f2;
	width:100%; 
	max-width:1366px;
	box-sizing:border-box;
	height:60px; 
	border-bottom:1px solid #ddd;
	top:0px;
	overflow:hidden;
	left: 50%;
    -webkit-transform: translateY(-50%, 0%);
    -ms-transform: translateY(-50%, 0%);
    transform: translate(-50%, 0%);
}

.mini-hed-IN {
	box-sizing: border-box;
	width: calc(100% - 30px);
	height:100%;
	margin-left: auto;
	margin-right: auto;
	display:flex;
}

@media screen and (max-width: 640px) {
	.mini-tpnav {
		height:50px;
	}	
   .mini-hed-IN {   
       width: calc(100% - 20px); 	 	 
   }
}

.mini-hed1 {
	box-sizing: border-box;
	width:200px;
	height:100%;
	display:flex;
}

@media screen and (min-width: 881px) {
	.mini-hed1 {
	width:300px;						
	}
}

.mini-hed2 {
	box-sizing: border-box;
	width: calc(100% - 200px);
	height:100%;
	display:flex;
	justify-content:flex-end;
	gap:10px;
}

@media screen and (min-width: 881px) {
	.mini-hed2 {
	width: calc(100% - 300px);						
	}
}

.mini-sp {
	margin-top: auto;
	margin-bottom: auto;	
	font-weight:bold;
	font-size:17px;	
}

@media screen and (min-width: 641px), screen and (min-height: 601px) {	
  .mini-sp {   
   font-size:19px;  	 	 
  }
}

.con-f1 {
	display:flex;
	height:100%;
	box-sizing:border-box;
	max-width:200px;
}

.con-f2 {
	display:flex;
	height:100%;
	box-sizing:border-box;
	max-width:200px;
}

.con-f1-link {
	border:1px solid #ddd; 
	background:#fafafa;
	margin:auto; 
	font-weight:bold; 
	cursor:pointer; 
	display:flex;
	line-height:32px;	 
	height:34px;
	border-radius:34px;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;	
	text-decoration:none;
	outline:none;
}

.con-f1-sp {
	color:#595959;
}

.con-f2-link { 
	background:#60d503;
	margin:auto; 
	font-weight:bold; 
	cursor:pointer; 
	display:flex;	 
	height:34px;
	border-radius:34px;
	box-sizing:border-box;
	padding-left:5px;
	padding-right:10px;	
	text-decoration:none;
	outline:none;
	color:#fff;
}

@media screen and (max-width: 880px) {
	.conkala {
		background: linear-gradient(135deg,#6c2bd9,#8b5cf6) !important;
	}
}

.con-f2-ic {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 25px;
}

.con-f2-nm {
	position: relative;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 5px;
	white-space: nowrap;
	overflow: hidden;
}

.con-srch-mkt-dv {
  width: 200px;
  height: 100%;
  display: flex;
}

@media screen and (max-width: 640px) {
	.con-srch-mkt-dv {
		display:none;		
	}
}

.con-f2-link:hover {
	background:#59c802; 	
}

.mini-hed-fm {
	margin-top:auto;
	margin-bottom:auto;
}

/*============================================================================================================
    PTL MANAGE
=============================================================================================================*/
.ptl-quizdec-dv {
	width:30px; 
	height:30px; 
	border-radius:30px; 
	box-sizing:border-box; 
	border:1px solid #e4e4e4; 
	cursor:pointer; 
	background:#fff;
	color:#595959; 
	position:absolute; 
	right:12px; 
	display:flex;
	z-index:1;
}

.ptl-quizdec-dv:hover {
	background:#fafafa;
}

.ptl-quizdec {	 
	font-size:20px; 
	cursor:pointer;
	margin:auto;
}

/***********************************************
    PART OF HOME LEFT MENU 
***********************************************/
.hm-chevs-ic {
	width:30px; 
	height:30px; 
	border-radius:50%; 
	background:#e1e1e1; 
	margin-top:auto; 
	margin-bottom:auto; 
	line-height:30px; 
	font-size:24px; 
	text-align:center;
}

.cr-ads-opts {
	width:100%;
	box-sizing:border-box;
	padding-left:40px;
	display:none;
}

.cr-adsopts-lst {
	width: 100%;
	height: 50px;
	display: flex;
	cursor: pointer;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 8px;
}

.cr-adsopts-lst:hover {
	background:#e7e7e7;
}

/***********************************************
    NAVIGATION BAR 
***********************************************/
.tpnav {
	background:#fff; 
	position:fixed; 
	top:0px;
	left:0px;
	right:0px; 
	width:100%; 
	height:56px;
	z-index:3;
	box-shadow:0 4px 2px -2px rgba(0,0,0,0.1);	
}

.btmnav {
	background:#fff; 
	position:fixed; 
	bottom:0px;
	left:0px;
	right:0px; 
	width:100%; 
	height:56px;
	z-index:3;
	box-shadow: 0 -4px 2px -2px rgba(0,0,0,0.1);	
}

@media screen and (max-width: 640px) {
	.tpnav {
		height:50px;
		border-bottom:1px solid #e4e4e4;
		box-shadow:0 2px 1px -1px rgba(0,0,0,0.06);									
	}
	.btmnav {
		height:50px;
		border-top:1px solid #e4e4e4;
		box-shadow: 0 -2px 1px -1px rgba(0,0,0,0.06);
	}
}

.hdtop {	
	box-shadow:0 4px 2px -2px rgba(0,0,0,0.1);	
}

@media screen and (max-width: 640px) {
	.hdtop {		
		box-shadow:0 2px 1px -1px rgba(0,0,0,0.06);									
	}
}

@media screen and (min-width: 641px) {
	.btmnav {		
		display:none;								
	}
}
/*****************************************************
    ADDITIONAL BODY TEXT "NO POSTS & SECOND LINE"
******************************************************/
.not-fnd1 {
	width:100%; 
	text-align:center;
	margin-top:30px; 
	margin-bottom:30px; 
	color:#cecece; 
	font-size:18px; 
	font-weight:500; 
	font-family: 'Roboto';
}

.com-lodadv {
	position:fixed; 
	z-index:10; 
	background:#fff; 
	width:100%; 
	max-width:520px; 
	height:100%; 
	top:0px; 
	bottom:0px; 
	left:50%;
    -webkit-transform:translateY(-50%, 0%); 
	-ms-transform:translateY(-50%, 0%);  
	transform: translate(-50%, 0%); 
	display:flex;	
}

@media screen and (min-width: 1365px)  {
   .com-lodadv {    	
   max-width:620px;    	  		  		  		      
   }
}

@media screen and (min-width: 641px) {
   .com-lodadv, .komch-view-old  {
	margin-left:-8px;
   }
}

.lodadv-top {
	width:100%;
	max-width:520px;
	height: 57px;
	border-bottom:1px solid #e4e4e4;
	box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1);
	box-sizing: border-box;
	display: flex;
	position:absolute;
}

@media screen and (min-width: 1365px)  {
   .lodadv-top {    	
   max-width:620px;    	  		  		  		      
   }
}

@media screen and (max-width: 640px) {
   .lodadv-top  {
	height:50px;
	box-shadow:0 2px 1px -1px rgba(0,0,0,0.06);
   }
}

.lodadv-sp { 
   background:#eee;
   width:100%;
   max-width:150px;
   height:15px;
   border-radius:15px;
   margin:auto;
}

.lodadv-wait { 
	position:absolute; 
	top:50%; 
	left:50%; 
	transform:translate(-50%, -50%); 
	margin-top:-40px; 
	color:#595959;
}

/***********************************************
    LINE LOADERS 
***********************************************/

.line-ldv {
	position:fixed;
	top:56px;
	height: 4px; /*This is the height*/
	width: 100%;
	background:#e6ecff;
	z-index:1;
}

.line-ldv:before {
	content: '';
	display: block;
	background-color:#007fd2;
	height: 4px; /*This is the height*/
	width: 0;
    animation: getWidth 3s ease-in infinite;
}

@keyframes getWidth {
	100% { width: 100%; }
}

.line-ldv-mobi  {
	display:none;
}

@media screen and (max-width: 640px) {
   .line-ldv  {
	display:none;
   }
}

/***********************************************
    ROTATING THE ICON 
***********************************************/
.spine-icon-lg {
  animation: rotateMyicon 0.9s infinite steps(8);
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  position:relative;  
  font-size:30px;
  width:30px;
  height:30px;
  margin:auto;  /***The centered icon **/
  color:#cdcdcd;
  display:inline-block;     
}

@keyframes rotateMyicon {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/***********************************************
    INSIDE SKELE
***********************************************/
.insyd-skele {
	position:fixed; 
	top:0px; 
	bottom:0px; 
	left:0px; 
	right:0px; 
	width:100%; 
	height:100%; 	 
	z-index:7;
}

.insyd-skele-top {
	width:100%; 
	top:0px; 
	left:0px; 
	right:0px; 
	position:fixed; 
	height:57px;
	border-bottom:1px solid #e4e4e4; 
	background:#fff; 
	box-shadow:none;	
	box-sizing:border-box;
	padding-left:15px;
	padding-right:15px;		
	display:flex;
	overflow-y:hidden;
}

@media screen and (max-width: 640px) {
	.insyd-skele-top {
		height:51px;						
	}
}

.topmid-info {
	font-size:17px;
	margin:auto;
	white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;		
}

@media screen and (min-width: 641px), screen and (min-height: 601px) {	
  .topmid-info {   
   font-size:19px !important;  	 	 
  }
}

.insyd-skele-btm {
	top:57px; 
	bottom:0px; 
	left:0px; 
	right:0px; 
	position:fixed; 
	width:100%; 
	height:calc(100% - 57px);  
}

@media screen and (max-width: 640px) {
	.insyd-skele-btm  {
		top:51px;
		height:calc(100% - 51px);					
	}
	.dvi2-ske-bt {
	    background:#fff !important;
    }
}

.insyd-skel-ptl {
	top:0px; 
	bottom:0px; 
	left:0px; 
	right:0px; 
	position:fixed; 
	width:100%; 
	height:100%;  
}

.insyd-skele-cont {
	width:100%; 
	max-width:1366px; 
	height:100%; 
	margin-left:auto; 
	margin-right:auto; 
	background:#fff; 
	display:flex;
}

@media screen and (max-width: 1090px) {
	.insyd-skele-cont  {
		background:#f2f2f2;					
	}
}

@media screen and (min-width: 1121px) {
	.div3-mkt-ske {
	display:none;	
	}
}

@media screen and (min-width: 641px) and (max-width: 1120px) {
	.div3-mkt-ske {
	background:#f2f2f2;	
	}
}

@media screen and (max-width: 640px) {
	.div3-mkt-ske {
	background:#fff;	
	}
}
/*************************************************
        LARGE SEARCH
*************************************************/

.lg-search-fm {
   width:100%; 
   height:40px; 
   position:relative; 
   border-radius:40px; 
   overflow:hidden;  
}

.lgsp-lft {
   display:flex; 
   width:40px; 
   height:40px; 
   background:rgba(0,0,0,0); 
   font-size:20px; 
   position:absolute;
}

.lgsp-search-ic {
   margin:auto; 
   color:#595959;
}

.lgsp-rgt {
	display:flex; 
	width:40px; 
	height:40px; 
	background:rgba(0,0,0,0); 
	font-size:20px; 
	position:absolute; 
	right:0px;
}

.lgsp-canc-ic {
	margin:auto; 
	color:#595959; 
	cursor:pointer;
	display:none;
}

.lg-search-inp {
	width:100%; 
	height:100%; 
	border:none; 
	outline:none; 
	box-sizing:border-box; 
	padding-left:35px; 
	padding-right:40px; 
	background:#eee; 
	font-size:15px;	    
}

/******************************************************************
     THE THIN SEARCH Photos/Videos 
******************************************************************/
.sm-search-fm {
	width:100%; 
	height:34px; 
	position:relative; 
	border-radius:34px; 	
	overflow:hidden;
	border:1px solid #ddd;
	box-sizing:border-box;
}

.smsp-lft {
	display:flex; 
	width:32px; 
	height:32px; 
	background:transparent; 
	font-size:20px; 
	position:absolute;
}

.smsp-search-ic {
	margin:auto; 
	color:#595959;
}

.smsp-rgt {
	display:flex; 
	width:32px; 
	height:32px; 
	background:transparent; 
	font-size:20px; 
	position:absolute; 
	right:0px;
}

.smsp-canc-ic {
	margin:auto; 
	color:#595959; 
	cursor:pointer;
	display:none;
}

.sm-search-inp {
	width:100%; 
	height:100%; 
	border:none; 
	outline:none; 
	box-sizing:border-box; 
	padding-left:32px; 
	padding-right:35px; 
	background:#fff;	 
	font-size:15px;	   
}

/******************************************************************
     BACK NAVIGATION ICON 
******************************************************************/
.navbac-ic {		
	text-align:center;
	font-size:22px;
	border-radius:100%;
	width:42px;
	height:42px;
	line-height:42px;
	box-sizing:border-box;
	background:#eee; 
	cursor:pointer;
	margin:auto;
}

.navbac-ic:hover {    
   background:#e7e7e7;    
}

/*====================================================================================
    PEOPLE WHO LIKED A POST
======================================================================================*/
.ntC-div { 
	display:block; 
	width:100%; 
	height:45px; 
	overflow-x:auto; 
	position:relative;
	border-bottom:1px solid #ddd;
}

.ntC-sec { 
	position:absolute; 
	height:100%;
	display:flex; 
}

.ntC {
   min-width:45px;
   padding-right:10px;
   height:100%;	
   display:flex;
}

.ntC:last-child {
   padding-right:0px;
}

.car-ntsps {
	width:auto;
	height:25px;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:0px !important;
	display:flex;
}

.ntsp-num {
	margin-left:2px;
	margin-top:auto;
	margin-bottom:auto;
}

.ntsp-im {	
	width:25px;
	height:25px;
	position:relative;
}

.tlly-ic {
	width:100%;
	height:100%;
	background:#fff;
	border-radius:50%;
}

/***********************************************
    ANIMTED BG 
***********************************************/
@keyframes placeHolderShimmer{
    0%{
        background-position: -200px 0
    }
    100%{
        background-position: 200px 0
    }
}

.animated-bg {
    animation-duration:1s;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;
    animation-name:placeHolderShimmer;
    animation-timing-function:linear;    
    background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size:800px 100px;	    
}

/***********************************************
    FOOTER 
***********************************************/
.ina-termdv { 
	margin-top:auto; 
	margin-bottom:auto; 	
	padding-top:3px;	
	display:flex; /* places the links in a row */
	flex-wrap:wrap;
    justify-content:left; /* centers the whole row */
    gap:12px 15px;  /* 10px between rows, 15px between columns */
	min-height:0px;
	font-size:13px;
}

.footer-lnk {
    color:#999;
    text-decoration:none;
	cursor:pointer;
	border:none;
	outline:none;
}

@media screen and (min-width: 881px) and (max-width: 1200px){
	.footer a:nth-child(3) {
        display:none;
    }
	.footer-lnk:last-child  {
        display:none;
    }
}

.footer-lnk:hover {
   color:#6c2bd9;
}

.tam-cpryt {
    width: 90px;
    height: 17px;
    display: flex;
    color: #999999;
    font-size: 14px;
}

.tam-cpryt-a {
    position: relative;
}

.tam-cpryt-b {
    width: 14px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    position: relative;
    padding-top: 0px;
    box-sizing: border-box;
    margin-left: 4px;
    margin-right: 0px;
}

.tam-cpryt-c {
    position: relative;
}

.cpryt-ic {
    text-align: center;
}

/*******************************************************************
     HOME LOADER (SKELETON) 
*******************************************************************/
.hm-ld-top {
	background:#fff; 
	width:100%; 
	height:100%; 
	max-width:1366px; 
	margin-left:auto; 
	margin-right:auto; 
	position:relative; 
	display:flex;
}

.hmld-tp-sp1 {
	width:40px; 
	height:40px; 
	border-radius:40px; 
	position:absolute; 
	left:15px; 
	background:#eee; 
	top:50%; 
	-webkit-transform:translateY(-50%); 
	-ms-transform:translateY(-50%); 
	transform:translateY(-50%);
}

.hmld-tp-sp2 {
	width:260px; 
	height:40px; 
	border-radius:40px; 
	position:absolute; 
	left:65px; 
	background:#eee; 
	top:50%; 
	-webkit-transform:translateY(-50%); 
	-ms-transform:translateY(-50%); 
	transform:translateY(-50%);
}

.hmld-tp-sp3 {
	width:40px; 
	height:40px; 
	border-radius:40px; 
	position:absolute; 
	right:15px; 
	background:#eee; 
	top:50%; 
	-webkit-transform:translateY(-50%); 
	-ms-transform:translateY(-50%); 
	transform:translateY(-50%);
}

.hmld-tp-sp4 {
	width:40px; 
	height:40px; 
	border-radius:40px; 
	position:absolute; 
	right:65px; 
	background:#eee; 
	top:50%; 
	-webkit-transform:translateY(-50%); 
	-ms-transform:translateY(-50%); 
	transform:translateY(-50%);
}

.hmld-tp-sp5 {
	width:40px; 
	height:40px; 
	border-radius:40px; 
	position:absolute; 
	right:115px; 
	background:#eee; 
	top:50%; 
	-webkit-transform:translateY(-50%); 
	-ms-transform:translateY(-50%); 
	transform:translateY(-50%);
}

.hmld-tp-mid {
	width:290px; 
	height:46px; 
	margin:auto; 
	display:flex;
}

@media screen and (max-width: 1120px)  {
   .hmld-tp-sp1, .hmld-tp-sp2, .hmld-tp-sp3, .hmld-tp-sp4, .hmld-tp-sp5, .hmld-tp-mid {    	
   display:none;    	  		  		  		      
   }
}

.hmld-tp-sp {
	margin:auto;
	font-size:17px;
}

@media screen and (min-width: 1121px)  {
   .hmld-tp-sp {    	
   display:none;    	  		  		  		      
   }
}

.hmld-mid1 {
	width:90px; 
	height:46px; 
	border-radius:8px; 
	background:#eee;
}

.hmld-mid2 {
	width:90px; 
	height:46px; 
	border-radius:8px; 
	background:#eee; 
	margin-left:10px; 
	margin-right:10px;
}

.hmld-mid3 {
	width:90px; 
	height:46px; 
	border-radius:8px; 
	background:#eee;
}

.dvi2-btrgt {
	width:100%; 	 
	box-sizing:border-box; 
	padding-left:10px;  
	padding-right:10px;
}

@media screen and (min-width: 1121px) {
   .dvi2-btrgt {    	
   width:calc(100% - 320px) !important; 
   margin-left:330px !important;  	  		  		  		      
   }
}

@media screen and (max-width: 1120px) {
   .mkt-skecube-cont {    	
   display:none;   	  		  		  		      
   }
}