@font-face {
  font-family:Arial, Helvetica, sans-serif;
  src: url('fonts/arial.woff2') format('woff2'),
       url('fonts/arial.woff') format('woff'),
       url('fonts/arial.ttf') format('truetype');
	   font-weight:normal;	   
	   font-style: normal;	   
	   font-smoothing: antialiased;
	   -webkit-font-smoothing: antialiased;
	   -moz-osx-font-smoothing:grayscale;
}

html {  
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);		  
}

::placeholder {
  color:#9f9f9f; 
  font-size:14px;
  opacity:0.8;
}

:-ms-input-placeholder {
 color:#9f9f9f;
 opacity:0.8;
}

::-ms-input-placeholder {
 color:#9f9f9f;
 opacity:0.8;
}

.nicescroll-cursors {
  border-left: 4px solid rgba(0,0,0,0) !important;
  border-right: 4px solid rgba(0,0,0,0) !important;
  margin-top: -4px !important;
}

.hm-main { 
	width:100%; 
	height:100%; 
	position:relative; 
	top:0px; 
	left:0px; 
	right:0px; 
	bottom:0px;
}

.hm-mainADD { 
	right:17px !important;
}

.prbtm-dv {  
   border-radius:0px;
}

.insyd-skele {
	overflow-y:scroll;
}

.insyd-skele-hm {
	z-index:4;
}

@media screen and (max-width: 520px) {
	.insyd-skele-hm {
	background:#e0e0e0 !important;						
	}
}

@media screen and (min-width: 421px) {	
  .postls {   
   margin-bottom:15px;  	 	 
  }
}

.iframe-blank-dv {
	width:100%;
	max-width:500px;
	height:500px;
	margin:auto;	
	border-radius:12px;
	background:yellow;
	display:flex;
}

/*********************************************************************************************************
    PART ACCOUNT CSS
*********************************************************************************************************/
.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:4; 
	background:rgba(0,0,0,0.5); 
	left:0px; 
	right:0px; 
	top:0px; 
	botttom:0px; 
	width:100%; 
	height:100%; 
	border:none;
	outline:none;
	display:none;
}

.ac-subscrib-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%;
	overflow-y:auto; 
	border:none;
	outline:none;
	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, .ac-subscrib-bk  { 
   background:rgba(0,0,0,0); 	  		  		  		      
   }
}

.hm-carThree { 
	max-width:1366px; 
	width:100%; 
	overflow-y:hidden;
	height:calc(100% - 56px); 
	margin-top:56px; 
	margin-left:auto; 
	margin-right:auto; 
	display:flex;
	opacity:0;
}

@media screen and (max-width: 1120px) {
  .hm-carThree {   
   max-width:880px;  	  		  		  		      
   }
}

@media screen and (max-width: 920px) {
  .hm-carThree {   
   max-width:600px;  	  		  		  		      
   }
}

@media screen and (max-width: 640px) {
  .hm-carThree {   
   	height:calc(100% - 50px); 
	margin-top:50px;  	  		  		  		      
   }
}

.hm-one { 
	width:calc(50% - 250px);  
	box-sizing:border-box; 
	padding:10px;  
	position:relative;	
}

@media screen and (max-width: 1120px) {
  .hm-one {   
   display:none;  	  		  		  		      
   }
}

.hm-two {	
	width:500px; 
	margin-left:auto; 
	margin-right:auto; 
	position:relative;
}

@media screen and (max-width: 1120px) {
  .hm-two {   
   width:100%;
   max-width:530px;
   margin-left:auto;
   margin-right:auto;
   box-sizing:border-box; 
   padding-left:15px;
   padding-right:15px;      	  		  		  		      
   }
}

@media screen and (max-width: 600px) {
  .hm-two { 
   overflow-x:hidden;     	  		  		  		      
   }
}

@media screen and (max-width: 600px) {
  .body, html { 
   overflow-x:hidden;     	  		  		  		      
   }
}

@media screen and (max-width: 500px) {
  .hm-two { 
   padding-left:0px;
   padding-right:0px;
   overflow-y:hidden !important;       	  		  		  		      
   }
}

/************************************************************************/
.hm-carThree, .hm-two {
	min-height:calc(100vh - 56px);
}

@media screen and (min-width: 880){
   .hm-carThree, .hm-two {	   
   height: calc(100vh - 50px);	  		  		      
   }
}

@media screen and (min-width: 1365px){
   .hm-two {	   
   width:100%; 
   max-width:600px; 		  		  		      
   }
}

@media screen and (min-width: 1365px){
	.postls {
	  width:100%;
	  max-width:600px;
	}
}

@media screen and (min-width: 1365px){
	.profom {
	  max-width:600px;
	}
}

@media screen and (min-width: 1365px){
	.pos-wdng2 {
	    height:400px;
	}
}

/*******************************************************************************/

.hm-three { 
	width:calc(50% - 250px);
	box-sizing:border-box; 
	padding:10px;  
	position:relative;	
}

@media screen and (max-width: 1120px) {
  .hm-three {
   width:350px;	      
   }
}

@media screen and (max-width: 920px) {
  .hm-three {   
   display:none;    	  		  		  		      
   }
}

.hmlft-in {
	background:#f2f2f2; 
	border-radius:8px; 
	height:calc(100% - 176px); 
	position:fixed; 
	top:76px; 
	bottom:0px; 
	width:100%;
	max-width:320px;	
}

.hmrgt-in {
	background:#f2f2f2; 
	border-radius:0px; 
	position:fixed;
	top:76px; 
	bottom:0px;	
	width:100%;
	max-width:320px;
	overflow-x:hidden;
	height:calc(100% - 93px);	
}

.hmlft-stck-btm  {	
	height:90px;
	position:fixed;
	bottom:0px;
	border-top:1px solid #ddd;
	width:100%;
	max-width:320px;
	display:flex;
	box-sizing:border-box;
	padding-right:10px;
}

@media screen and (min-width: 1367px) {
  .hmrgt-in  {    	
	margin-left:92px;    	  		  		  		      
   }
}

@media screen and (min-width: 1121px) and (max-width: 1366px) {
  .hmrgt-in  {    	
	right:10px;    	  		  		  		      
   }
}

@media screen and (min-width: 1201px) and (max-width: 1279px) {
  .hmlft-in, .hmrgt-in  {    	
	width:100%;
	max-width:300px;   	  		  		  		      
   }
}

@media screen and (min-width: 1121px) and (max-width: 1200px) {
  .hmlft-in, .hmrgt-in  {    	
	width:100%;
	max-width:280px;   	  		  		  		      
   }
}

@media screen and (max-width: 1120px)  {
  .hmrgt-stck-btm, .hmrgt-in  {    	
	margin-left:5px;    	  		  		  		      
   }
}

.hmrgt-Div1, .hmrgt-Div2, .hmrgt-Div3 {
	border-radius:12px;
	width:100%;
	min-height:100px;
	box-sizing:border-box;
}

.hmrgt-ads-H {
  font-size:20px;
  font-weight: 500;
  font-family: 'Roboto';
  width:100%;
  height:50px;
  line-height:50px;
}

.hm-bigdv{
	width:100%;
    max-width:400px;
    border-radius:10px;
	box-sizing:border-box;
}

.hm-smdv {
	width:100%;
	height:50px;
	display:flex;
}
.hmim {
	width:36px;
	height:36px;
	object-fit:cover;
	border-radius:100%;
	cursor:pointer;
	margin-top:auto;
	margin-bottom:auto;
}

.hm-ndv {
	width:calc(100% - 50px);
	display:flex;
}

.Hmsp-nm {
	cursor:pointer;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:10px;
	font-size:15px;
}

.Hmsp-nm:hover {
   color:#6c2bd9;
}

.HmFlo {
    position:absolute; 
	width:100px; 
	height:50px; 
	line-height:50px; 
	right:0px; 
	color:#6c2bd9; 
	font-weight:bold;
}


@media screen and (max-width: 1120px)  {
  .HmFlo  {    	
	width:100px;    	  		  		  		      
   }
}
/************************************************************/
.sports-widget{
    width:100%;
    max-width:420px;
    background:#fff;
    overflow:hidden;
    font-size:15px;
    font-weight: 500;
    font-family: 'Roboto';
}

.sports-header{
    color:#fff;
    padding:14px;
    font-size:20px;
    font-weight:bold;
}

.sports-item{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px;
    text-decoration:none;
    color:#202020;
    transition:.2s;
	border-radius:8px;
	box-sizing:border-box;
	width:calc(100% - 17px);
}

.sports-item:hover{
    background:#eee;
}

.sports-item:last-child{
    border-bottom:none;
}

.sport-icon{
    width:52px;
    height:52px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
    flex-shrink:0;
}

.sport-info{
    flex:1;
}

.sport-title{
    font-size:15px;
    font-weight: 500;
    font-family: 'Roboto';
    line-height:1.4;
}

.sport-date{
    margin-top:4px;
    color:#999999;
    font-size:12px;
}

@media(max-width:600px){
	.sports-widget{
		max-width:100%;
	}	
	.sport-icon{
		width:46px;
		height:46px;
		font-size:24px;
	}
}
/************************************************************/
@media screen and (min-width: 1367px) {
  .rgtConts  {    	
	margin-left:75px !important;    	  		  		  		      
   }
}

@media screen and (min-width: 1121px) and (max-width: 1366px) {
  .rgtConts  {    	
	right:27px !important;    	  		  		  		      
   }
}

@media screen and (max-width: 1120px)  {
  .rgtConts  {    	
	margin-left:-12px !important;    	  		  		  		      
   }
}
/***********************************************************/

.hmrgt-lst-advrt {
	width:100%;
	height:115px;	
	cursor:pointer;
	box-sizing:border-box;
	padding-left:0px;
	padding-right:10px;
	border-radius:8px;
	display:flex;
	margin-top:2px;	
}

.hmrgt-lst-advrt:first-child {
	margin-top:0px;	
}

.hmrgt-lstadvrt-a {
	width:115px;
	height:115px;
	box-sizing:border-box;
	padding:5px;
}

.hmrgt-lstadvrt-b {
	width:calc(100% - 115px);
	height:115px;
	box-sizing:border-box;
	padding:7px;
	display:flex;
}

.carry-hmrgt-desc {
	margin-top:auto;
	margin-bottom:auto;	
}

.hmrgt-lst {
	width:100%;
	height:50px;
	display:flex;
	cursor:pointer;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	border-radius:8px;
}

.hmrgt-lst-advrt:hover {
	background:#e7e7e7;
}

.hmrgt-lst:hover {
	background:#e7e7e7;
}

.hmrgt-lst-ic {
	width:30px;
	height:30px;
	margin-top:auto;
	margin-bottom:auto;
}

.hmrgt-lst-nm {
	font-size: 14px;
	color: #000;
    margin-top:auto;
	margin-bottom:auto;
	margin-left:10px;
}

.hmrgt-stckbtm-sp, .hmrgt-stcktp-sp { 
    margin-top:auto;
	margin-bottom:auto;
}

.advrt-fot {
	width:100%;
	height:calc(100% - 2px);
	object-fit:cover;
	object-position:center center;
	border:1px solid #e4e4e4;
	border-radius:8px;
}

.advrtdesc {
	font-size:15px;
	line-height:20px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.hmrgt-lstadvrt-url {
	width:100%;
	font-size:14px;
	color:#999999;
	margin-top:3px;
	overflow: hidden;	
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient: vertical;	
}

/***********************************************
    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);
	}
}

/*********************************************************************************************************
    MEDIA SLIDE | ADVRT SLIDE | REELS SLIDE
*********************************************************************************************************/
.media-sld-div {
   width:100%;
   display:block; 
   padding-top:0px; 
   padding-left:0px; 
   padding-right:0px; 
   padding-bottom:0px;
   margin-top:15px; 
}

@media screen and (max-width: 1120px)  {
  .media-sld-div  {
	margin-bottom:5px;    	  		  		  		      
   }
}

@media screen and (max-width: 640px)  {
  .media-sld-div  {
	margin-top:5px; 
	margin-bottom:5px;    	  		  		  		      
   }
}

@media screen and (min-width: 641px) and (max-width: 920px) {
	.media-sld-div {
	   margin-top:0px;
	}
}

.pot-accs {
	max-width:500px; 
	display:block; 
	background:#fff; 
	position:relative; 
	margin-left:auto; 
	margin-right:auto;
	box-sizing:border-box;
    border-radius: 12px;
    margin-top:15px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;	
}

@media screen and (max-width: 640px)  {
  .pot-accs  {    	
    margin-top:10px;
	box-shadow:none;
	border:none;	    	  		  		  		      
   }
}

.advrt-sld-dv {
   width:100%; 
   height:auto;
   display:block; 
   margin-left:auto;
   margin-right:auto;
   background: #fff;
   border-radius: 12px;
   margin-top:15px;
   position:relative;
   box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
   padding-bottom:0px;
   box-sizing:border-box;
}

.reels-sld-dv {
   width:100%; 
   height:489px;
   display:block; 
   margin-left:auto;
   margin-right:auto;
   background: #fff;
   border-radius: 12px;
   margin-top:15px;
   position:relative;
   box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; 
   box-sizing:border-box;  
}

.resls-see-mdv {
   box-sizing:border-box;
   padding-left:15px;
   padding-right:15px;
   width:100%;
   height:46px;
   display:flex;
   border-radius:15px;
   box-sizing:border-box;
   padding-bottom:5px;
}

.see-m-tt {
   font-size:15px;
   color: #007fd2;
   font-weight: 500;
   font-family: 'Roboto';  
   margin:auto;
   cursor:pointer;
}

.media-sld-btm {
	width:100%;
	height:192px;
	box-sizing:border-box;
	position:relative;  
}

@media screen and (max-width: 920px)  {
  .media-sld-btm  {    	
	height:190px;
	padding:10px;		
	background:#fff;    	  		  		  		      
   }
}

@media screen and (min-width: 521px) and (max-width: 920px) {
	.media-sld-btm {
	   border-left:1px solid #e4e4e4;
	   border-right:1px solid #e4e4e4;
	   border-bottom:1px solid #e4e4e4;
	   border-radius:0px 0px 12px 12px;
	   margin-bottom:10px;
	}
}

.advrt-sld-btm {
	width:100%;
	height:395px;
	box-sizing:border-box;
	padding-left:10px;
	position:relative;
}

.reels-sld-btm {
	width:100%;
	height:387px;
	box-sizing:border-box;
	padding-left:10px;
	position:relative;	
}

.media-sld-cont  {  
	margin: auto;
	overflow-y:hidden;
	overflow-x:hidden;		
	height:100%;
	position:relative; 
}

.advrt-sld-cont {  
	margin:auto;
	overflow-y:hidden;
	overflow-x:hidden;		
	height:100%;
	position:relative;
}

.reels-sld-cont {  
	margin: auto;
	overflow-y:hidden;
	overflow-x:hidden;		
	height:100%;
	position:relative; 
}

.media-sld-contADD {  
	overflow-x:auto !important;		
}


.media-sld-cont::-webkit-scrollbar {
    display:none;
}

.advrt-sld-cont::-webkit-scrollbar {
    display:none;
}

.reels-sld-cont::-webkit-scrollbar {
    display:none;
}

.med-leftBut, .advrt-leftBut, .reels-leftBut {
  background:#fff;
  color:#595959;
  cursor:pointer;
  left:15px;
  border:none;
  outline:none;
  width:50px;
  height:50px;
  border-radius:50%;
  position:absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index:1;
  display:none;
  box-sizing:border-box;
  padding-left:2px;
  border:1px solid #e4e4e4;
}

.med-rightBut, .advrt-rightBut, .reels-rightBut {
  background:#fff;
  color:#595959;
  cursor:pointer;
  right:15px;
  border:none;
  outline:none;
  width:50px;
  height:50px;
  border-radius:50%;
  position:absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index:1;
  box-sizing:border-box;
  padding-right:2px;
  border:1px solid #e4e4e4;
}

.advrt-leftBut {
	display:none;
}

.med-Buts  {
	display:none !important;
}

.med-leftBut:hover, .med-rightBut:hover, .advrt-leftBut:hover, .advrt-rightBut:hover { 
    background:#eee;
}

.padLft  {
	padding-left:0px !important;
}

.medchev-lft-ic {
	margin:auto;
	font-size:26px;
}

.medchev-ryt-ic {
	margin:auto;
	font-size:26px;
}

.med-imgHS {	
	position:absolute;
	height:calc(100% - 2px);
	display:flex; 
	padding-left:0px;
	padding-right:0px; 
	gap:0px 6px; 
	max-width:2280px;   	
}

@media screen and (max-width: 920px)  {
  .med-imgHS  {    	
	max-width:1932px; 
	gap:0px 5px;   	  		  		  		      
   }
}

.advrt-imgHS {	
	position:absolute;
	max-width:1830px;
	height:387px;
	display:flex;
	gap:8px;
	box-sizing:border-box;
	padding-right:15px;
	margin-left:5px;
}

@media screen and (max-width: 640px) {
  .advrt-imgHS  {    
	padding-right:10px;		  	  		  		  		      
   }
}

.reels-imgHS {
	position:absolute;
	max-width:1830px;
	height:387px;
	display:flex;
	padding-right:10px;	
}

.med-img-dv {	
	margin-top:0px;	
	margin-bottom:0px;	    
    width:110px;
    height:100%;
	box-sizing:border-box;
    border-radius:12px;
	border: 1px solid #ddd; 
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}

@media screen and (max-width: 920px) {
  .med-img-dv {    
	width:92px;	 
	max-height:100%;
	box-shadow:none; 	 		  		  		      
   }
}

.advrt-img-dv {
	margin-top:0px;	
	margin-bottom:0px;	    
    width:300px;
    height:375px;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; 
	position:relative;
	overflow:hidden;
	cursor:pointer;
}

@media screen and (max-width: 640px)  {
   .advrt-img-dv { 
  	border-radius:0px;
    box-shadow:none;
    margin-top:0px;
    margin-bottom:-5px;
    border: 1px solid #ddd; 
   }
   .advrt-btn {
	background:transparent; 
	border-radius:0px; 
	border:1px solid #ddd;
   }
   .advrt-img {
	border-radius:0px; 
	}
	.advrt-desc, .advrt-prc, .advrt-btn {
	font-size:14px;
	}
	.advrt-imgHS {
	padding-left:0px;	
	padding-right:5px;
	}
	.advrt-sld-btm {
	padding-top:0px;
	padding-left:5px;
	}
}

.reels-div {
	margin-left:4px;	
	margin-right:4px;	
	margin-top:5px;	
	margin-bottom:5px;	    
    width:210px;
    height:375px;
    border-radius: 12px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.10); 
	position:relative;
	overflow:hidden;
	cursor:pointer;
}

#rils-dv {
	padding:10px; 
	box-sizing:border-box;
	display:none;
}

.med-aN  {
	outline:none;
	text-decoration:none;
}

.med-img-dv .med-img {
  transition: transform .5s ease;  
}

.med-img-dv:hover .med-img {
  transform: scale(1.05);  
}

.med-shdw  {
	position:absolute;
	background:rgba(0,0,0,0.1);
	width:100%;
	height:100%;
	pointer-events:none;
}

.med-shdwADD {
	background:rgba(0,0,0,0.1) !important;
}

.med-img {  
    width:100%;
    height:100%;
    border-radius: 12px; 
	object-fit: cover; 	   
}

.advrt-img {  
    width:300px;
    height:300px;
    border-radius:0px; 
	object-fit: cover; 	   
}

.reels-vd { 
	object-fit:cover;
	object-position:center center;
	position:relative;
	width:210px;
    height:375px;
}

.med-btm-dv {
	position:absolute;
	bottom:0px;
	width:100%;
	height:50px;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	display:flex;
}

.rl-btm-dv {
	position:absolute;
	bottom:0px;
	width:100%;
	height:28px;
	box-sizing:border-box;
	padding-left:15px;
	padding-right:15px;
	display:flex;
}

.mdcrt-dv {
	background:#fff;
}

.advrt-dtls-dv {
	position:absolute;
	bottom:0px;
	width:100%;
	height:75px;
	background:#fff;
	border-top:1px solid #e4e4e4;
	padding-left:0px;
	padding-right:0px;
	display:flex;
}

.mdcrt-dvADD {
	padding-left:0px !important;
	padding-right:0px !important;
}

.advrt-btm-a {
	width:calc(100% - 105px);
	height:100%;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	display:flex;
}

.advrt-btm-b {
	width:105px;
	height:100%;
	display:flex;
}

.advrt-crry-a {
	margin-top:auto;
	margin-bottom:auto;
	overflow:hidden;
}

.advrt-desc {
	margin-top: 2px;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	font-weight: 500;
    font-family: 'Roboto';
	color:#202020;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.advrt-prc {
	font-size:14px;
	color:#999999;
	margin-top:2px;
}

.advrt-btn {
	font-size:15px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	box-sizing:border-box;
	margin:auto;
	background:#eee;
	cursor:pointer;
	border-radius:8px;
	outline:none;
	border:none;
	color:#202020;
	font-weight: 500;
    font-family: 'Roboto';
}

.medcrt  {
	font-size:14px;
	color:#202020;
	width:100%;
	height:20px;
	text-align:center;
	font-weight: 500;
    font-family: 'Roboto';
	position:absolute;
	max-width:calc(100% - 20px);
	bottom:5px;	
	white-space: nowrap;
    overflow: hidden;	
}

.medjna {
	font-size:13px;
	line-height:18px;
	color:#fff;
	max-height:38px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	position:absolute;
	max-width:calc(100% - 20px);
	bottom:6px;	
}

.rljna {
	font-size:13px;
	line-height:18px;
	color:#fff;
	max-height:38px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	position:absolute;
	max-width:calc(100% - 20px);
	bottom:10px;	
}

.admed-ic {
	position:absolute;
	bottom:28px;
    width:36px;
    height:36px;
    border-radius:50%;
    border:4px solid #fff;
	color:#fff;
	background:linear-gradient(135deg,#6c2bd9,#8b5cf6);
	left: 50%;
    -webkit-transform: translateY(-50%, 0%);
    -ms-transform: translateY(-50%, 0%);
    transform: translate(-50%, 0%);
	z-index:1;
	font-size:24px;
	line-height:34px;
	text-align:center;
	text-decoration:none;
	outline:none;
}

.med-img-av {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    padding: 3px;
    border-radius: 50%;
    background: linear-gradient(135deg, #007fd2, #7b2ff7, #ff7a00);
    box-sizing: border-box;
    z-index: 1;
}

.edt-reel-vd {	
	background:#eee;
	padding:15px 10px;
	margin-top:10px;
	box-sizing:border-box;
	border-radius:8px;
	display:block;
	outline:none;
	text-decoration:none;
	color:#202020;
}

.del-reel-vd {	
	background:#eee;
	padding:15px 10px;
	margin-top:10px;
	box-sizing:border-box;
	border-radius:8px;
	display:block;
	outline:none;
	text-decoration:none;
	color:#202020;
}

.edt-reel-vd:hover, .del-reel-vd:hover {
	background:#e7e7e7;
}

.ril-idv {
  position: absolute;
  right:10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 13px;
  display:none;
}

/*******************************************************************
     HOME LOADER 
*******************************************************************/
.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-sp6 {
	width:95px; 
	height:40px; 
	border-radius:40px; 
	position:absolute; 
	right:165px; 
	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-sp6, .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;
}

.hm-ld-btm {
	position:relative; 
	width:100%; 
	height:100%; 
}

@media screen and (min-width: 501px) and (max-width: 530px) {
  #btm-hom-lod  {    
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;  	  		  		  		      
   }
}

.hmld-btm-lft {
	width:320px; 
	height:100%; 
	position:absolute; 
	left:0px;  
	padding-top:20px; 
	padding-left:20px; 
	box-sizing:border-box;
}

@media screen and (max-width: 1199px)  {
  .hmld-btm-lft  {    	
   width:280px;    	  		  		  		      
   }
}

@media screen and (max-width: 1120px)  {
  .hmld-btm-lft, .hmld-btm-mid  {    	
   display:none;    	  		  		  		      
   }
}

.hmld-btm-mid {
	width:320px; 
	height:100%; 
	position:absolute; 
	right:0px; 
	box-sizing:border-box; 
	padding-top:5px;
}

@media screen and (max-width: 1199px)  {
  .hmld-btm-mid  {    	
   width:280px;    	  		  		  		      
   }
}

.hmld-btm-rgt-ads {
	width:100%; 
	height:100%;
	margin-left:auto; 
	margin-right:auto;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
}

@media screen and (max-width: 520px)  {
	.hmld-btm-rgt-ads {
	padding-left:0px; 
	padding-right:0px;
	}
}

.hmld-btm-rgt {
	width:500px; 
	height:100%;
	margin-left:auto; 
	margin-right:auto; 
	padding-top:15px; 
	box-sizing:border-box;
}

@media screen and (min-width: 1365px)  {
   .hmld-btm-rgt {    	
   width:600px;    	  		  		  		      
   }
}

@media screen and (max-width: 920px)  {
  .hmld-btm-rgt {    	
	padding-top:0px; 	  		  		  		      
   }
}

@media screen and (max-width: 640px)  {
  .hmld-btm-rgt {    	
	padding-top:0px; 
	width:100%;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;   	  		  		  		      
   }
}

.hmld-skecon {
	background:#fff;
	display:none; 
}

.spec-vd-hd {
	width:100%; 
	height:60px; 
	margin-top:0px; 
	border-bottom:1px solid #ddd; 
	display:flex;
}

@media screen and (max-width: 640px)  {
  .spec-vd-hd {    	
	height:50px;   
	border-bottom:none;
	background:#fff;	  		  		  		      
   }
}

.hmld-btm-dv {
	width:100%;  
	border-radius:6px; 
	display:flex; 
	height:50px;
}

.hmld-btm-rnd {
	width:32px; 
	height:32px; 
	border-radius:32px; 
	margin-top:auto; 
	margin-bottom:auto; 
	background:#eee;
}

.hmld-btm-lyn {
   min-width:50px;
   height:15px; 
   border-radius:15px; 
   margin-top:auto; 
   margin-bottom:auto; 
   margin-left:10px; 
   background:#eee;	
}

.hmld-btmmid-tp {
	width:calc(100% - 160px); 
	height:15px; 
	border-radius:15px; 
	background:#eee; 
	margin-top:20px; 
	margin-bottom:20px; 
	margin-left:10px;
}

.hmld-btmmid {
	width:100%; 
	height:115px; 
	display:flex;
}

.hmld-btmmid-in {
	width:105px; 
	height:105px; 
	border-radius:8px; 
	background:#eee; 
	margin-top:auto; 
	margin-bottom:auto;
}

.hmld-btlyn {
	min-width:50px;
	height:15px; 
	border-radius:15px; 
	background:#eee; 
	margin-top:auto; 
	margin-bottom:auto; 
	margin-left:10px;
}

@media screen and (max-width: 640px)  {
  .hmld-btlyn {    	
   width:100px;	   	  		  		  		      
   }
}

.hmld-bt-rgt1 {
	width:100%;  
	box-sizing:border-box;
	overflow:hidden;
}

.hmld-bt-rgt2 {
	width:100%; 
	height:135px; 
	border-radius:12px; 
	border:1px solid #e4e4e4; 
	background:#fff; 
	margin-top:15px; 
	padding-left:15px; 
	padding-right:15px; 
	box-sizing:border-box;
}

@media screen and (max-width: 920px)  {
  .hmld-bt-rgt2 {    	
	margin-top:10px;	   	  		  		  		      
   }
}

@media screen and (max-width: 640px)  {
  .hmld-bt-rgt2 {    	
	display:none; 	   	  		  		  		      
   }
}

.spec-vd-cub {
	max-width:680px; 
	width:calc(100% - 20px); 
	margin-left:auto; 
	margin-right:auto; height:300px;
	padding-top: 7px;
	border-radius: 12px;
	border: 1px solid #e4e4e4;
	background: #fff;
	margin-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}

@media screen and (max-width: 640px)  {
   .spec-vd-cub {    	
	margin-top:5px; 
	border-radius:0px;
	border:none; 
	padding-left:10px; 
	padding-right:10px;
	border:none; 
	width:100%;   	  		  		  		      
   }
}

.hmld-bt-rgt3-ads {
	width:100%; 
	max-width:600px;
	height:300px; 
	padding-top:7px;
	border-radius:12px; 
	border:1px solid #e4e4e4; 
	background:#fff; 
	margin-top:15px; 
	padding-left:15px; 
	padding-right:15px; 
	box-sizing:border-box;
	margin-left:auto; 
	margin-right:auto;
}

@media screen and (max-width: 920px)  {
   #rgt3-ads-first {    	
	margin-top:0px !important;	   	  		  		  		      
   }
   .hmld-bt-rgt3-ads {
	max-width:500px;   
   }
}

@media screen and (max-width: 520px)  {
	.hmld-bt-rgt3-ads {
	border:none; 
	}
}

@media screen and (max-width: 500px)  {
	.hmld-bt-rgt3-ads {
	padding-left:10px; 
	padding-right:10px;
	}
}

.hmld-carads {
	width:100%;
	display:block;
	background:#f2f2f2;
}

@media screen and (min-width: 1121px)  {
	.hmld-carads {
		width:calc(100% - 330px);
		margin-left:330px;
	}
}

.hmld-carads-tp {
	width:100%; 
	height:60px; 
	border-bottom:1px solid #ddd; 
	display:flex;
}

@media screen and (max-width: 920px)  {
	.hmld-carads-tp {
		border-bottom:none;
	}
}

@media screen and (max-width: 520px)  {
	.hmld-carads-tp {
		background:#fff;
		margin-bottom:5px;
		height:50px;
	}
}

.hmld-bt-rgt3 {
	width:100%; 
	height:200px; 
	padding-top:7px;
	border-radius:12px; 
	border:1px solid #e4e4e4; 
	background:#fff; 
	margin-top:15px; 
	padding-left:15px; 
	padding-right:15px; 
	box-sizing:border-box;
}

@media screen and (max-width: 920px)  {
   .hmld-bt-rgt3, .hmld-bt-rgt3-ads {    	
	margin-top:10px;	   	  		  		  		      
   }
}

@media screen and (max-width: 640px)  {
  .hmld-bt-rgt3 {  
	border:none; 
	padding-left:10px; 
	padding-right:10px;   	  		  		  		      
   }
}

@media screen and (max-width: 520px)  {
  .hmld-bt-rgt3, .hmld-bt-rgt3-ads {    	
	margin-top:5px; 
	border-radius:0px;  		  		  		      
   }
}

.hmld-rgt1-bot {
	width:500px; 
    max-width:500px;	
	height:188px;  
	box-sizing:border-box;
	position:relative;
}

@media screen and (min-width: 1365px)  {
  .hmld-rgt1-bot {    	
   width:700px; 
   max-width:700px;	  		  		  		      
   }
}

@media screen and (max-width: 920px)  {
  .hmld-rgt1-bot {  
    width:500px;  	
	border-radius: 0px 0px 12px 12px;
	padding:10px;
	background:#fff; 	  		  		  		      
   }
}

@media screen and (max-width: 640px)  {
  .hmld-rgt1-bot {    	
	margin-top:5px;	  		  		  		      
   }
}

@media screen and (min-width: 521px) and (max-width: 530px)  {
  .hmld-rgt1-bot {    	
   max-width:100%; 	  		  		  		      
   }
}

@media screen and (max-width: 520px)  {
  .hmld-rgt1-bot {
	border-radius:0px;
	margin-bottom:0px;
	width:100%;
	overflow:hidden;	  		  		  		      
   }
}

.hmld-rgt1-bot-ina {
	display:flex;
	height:100%;
	gap:0px 6px;	
}

@media screen and (max-width: 920px)  {
  .hmld-rgt1-bot-ina {  
    gap:0px 5px;	  		  		  		      
   }
}

@media screen and (max-width: 500px)  {
  .hmld-rgt1-bot-ina { 
    width:500px;
	 		      
   }
}

.mldrgt-vert-lyn {
	position:absolute;
	right:0px;
	width:10px;
	height:calc(100% - 20px);
	background:#fff;
}

.hmldrgt-potrait {
	width:110px; 
	height:100%; 
	background:#eee; 
	border-radius:12px;	
}

@media screen and (max-width: 920px) {
  .hmldrgt-potrait {    
	width:92px;	  	  		  		  		      
   }
   .mldrgt-potrait-last {
	display:none;   
    }
}

.hmld-rgt-smtop {
	width:100%; 
	height:60px;
	box-sizing:border-box;
	padding-left:10px; 
	padding-right:10px;
	display:flex;
	background:#fff;
}

@media screen and (min-width: 641px) {
  .hmld-rgt-smtop  {    
	display:none;  	  		  		  		      
   }
}

.hmld-rgt2-top {
	width:100%; 
	height:67px;
	box-sizing:border-box;
	padding-top:5px; 
	border-bottom:1px solid #e4e4e4; 
	display:flex;
}

.hmld-rgt2-psts {
	width:100%; 
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	background:#fff;
	display:none;
}

.hmld-rgt2-bot {
	width:100%; 
	height:67px;
}

.hmld-d1 {
	width:40px; 
	height:40px; 
	border-radius:40px; 
	background:#eee; 
	margin-top:auto; 
	margin-bottom:auto;
}

.hmld-d2 {
	width:calc(100% - 50px); 
	height:40px; 
	border-radius:40px; 
	background:#eee; 
	margin-left:8px; 
	margin-top:auto; 
	margin-bottom:auto;
}

.sm-lod-av {
    width:37px; 
	height:37px; 
	border-radius:37px; 
	background:#eee; 
	margin-top:auto; 
	margin-bottom:auto;
}

.sm-lod-rec  {
	width:calc(100% - 80px); 
	height:37px; 
	border-radius:37px; 
	background:#fff; 
	margin-left:8px; 
	margin-top:auto; 
	margin-bottom:auto;
	border:1px solid #e4e4e4;
	box-sizing:border-box;
}

/***********************************************
    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;	    
}