/* === COCA COLA ADV THEME ===*/
/*
.coca-cola-theme.site-container { background: #003618!important; cursor: pointer; }
.coca-cola-theme.site-container .major-col,
.coca-cola-theme.site-container .sidebar { cursor: default; }
.coca-cola-theme .label {color: #ffcaa8}
.coca-cola-theme .info-cont .channel-name > a span,
.coca-cola-theme .foll-wr .foll-txt, 
.coca-cola-theme .foll-wr i.icon-check, 
.coca-cola-theme .foll-wr .num { color: #dec0ae!important;}
.coca-cola-theme h2,
.coca-cola-theme .info-cont,
.coca-cola-theme .info-cont h3 { color: #fff!important;}
.coca-cola-theme .info-cont .stats { color: #fff!important;}
.coca-cola-theme .def-btn,
.coca-cola-theme .top-pos,
.coca-cola-theme .slider-wrap-mb .view-all { background: #000!important;}
.pos-1.coca-cola { grid-row-start: 4; cursor: pointer; }

@media screen and (max-width: 979px) {
.coca-cola-theme.site-container { cursor: default; }
.coca-cola-theme .slider-wrap-mb.top40 .card .info-cont h3 a, 
.coca-cola-theme .slider-content-mb .info-cont .channel-name > a span,
.coca-cola-theme .slider-wrap-mb.user-selected .card .info-cont h3 {color: #000!important;}
.coca-cola-theme .slider-wrap-mb.top40 .card .info-cont h3 a { font-weight: bold; } 
.coca-cola-theme .poster-cell h3 { background: #000; }
.pos-1.coca-cola { grid-row-start: 3; width: 100%; padding: .5rem 0 1rem; text-align: center; }

}
*/


/* === Storck ADV THEME ===*/

.storck-theme.site-container { background: #fbc706!important; cursor: pointer; }
.storck-theme.site-container .major-col,
.storck-theme.site-container .sidebar { cursor: default; }
.storck-theme .info-cont .channel-name > a span,
.storck-theme .info-cont .stats,
.storck-theme .foll-wr i.icon-check, 
.storck-theme .foll-wr .num { color: #5d3c2e!important;}

@media screen and (max-width: 979px) {
.storck-theme.site-container { cursor: default; }
.storck-theme .slider-wrap-mb.top40 .card .info-cont h3 a,
.storck-theme .slider-content-mb .info-cont .channel-name > a span,
.storck-theme .slider-wrap-mb.user-selected .card .info-cont h3 {color: #000 !important;}
.storck-theme .slider-wrap-mb.top40 .card .info-cont h3 a { font-weight: bold; } 
.storck-theme .poster-cell h3 { background: #000; }
.storck-theme .charts-list h2 { margin-top: 1rem; }
.pos-1.coca-cola { grid-row-start: 3; width: 100%; padding: .5rem 0 1rem; text-align: center; }

}




/* === COMMON STYLES === */

.gr-main {	display: -ms-grid; display: grid; padding: 0; }
.gr-main.player {	margin: 0}
.head-grd:before, .head-grd:after,
.sub-nav:before, .sub-nav:after,
.grid-dt:before, .grid-dt:after,
.grid-large-dt:before, .grid-large-dt:after,
.section-container:before, .section-container:after,
.gr-main:before, .gr-main:after { display: none; grid-column: 1/-1;}


.row { grid-column: 1 / -1; overflow: hidden}

#fingerprint { display: none!important; width: 0!important; height: 0!important;}
#onesignal-bell-container { display: none;}

/* modal */
.modal-wrap { display: flex; display: none; position: fixed; align-items: center; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); z-index: 99999}
.modal-cont { box-sizing: border-box; max-height: calc( 100vh - 30px); max-width: calc( 100vw - 2rem); margin: auto; padding: 1.5rem 1rem; border-radius: 5px; background: #fff; }
.modal-cont.small {min-width: 27rem}
.modal-cont .msg { padding: 1rem; margin: 0}
.modal-cont p { padding: .5rem 0; margin: 0}
.modal-cont h2 { padding: 0 0 .5rem 0; margin: 0}
.modal-wrap .icon-x { cursor: pointer}
.modal-cont .btn-cont { text-align: center}
.modal-cont .field-wrap  { margin-top:1rem; padding-top: 0; }
.modal-cont .flex-cont { margin: 1rem 0 }
.modal-cont .flex-cont > * {margin-top: 0 }
.modal-cont .flex-cont i { display: block; }
.modal-cont textarea { text-align: left; }
.modal-cont .field-wrap .def-btn {margin-left: auto; margin-right: auto; flex: initial}

textarea#share-code { font-size: .9rem; color: #212121; margin: .5rem 0}
.err { color: #ff1464}
.share-mod label { color: #ff1464;  }

/* article sponsored by */
.sponsored-info.flex-cont {  height: 50px; margin-bottom: 1.2rem; }
.sponsored-info.flex-cont > * { flex: initial;  }
.spons-logo { margin-right: .8rem}
.spons-logo img { width: 50px; height: 50px; object-fit: cover; }
.spons-txt { display: flex; flex-direction: column; }
.spons-txt p { flex: 1 1 22px;  padding: 0; margin: 0; color: #7c7c7c; font-size: .9rem }
.spons-txt .spons-link { color: #000; font-size: 1rem;}

/* MOBILE */
@media screen and (min-width: 100px) {	
	/* light theme 
	.neg-theme.light-theme-dt .light-logo { display: block}
	.neg-theme.light-theme-dt .dark-logo { display: none}
*/
	
	.top-fix-cont { min-height: 42px; position: fixed; position: -webkit-sticky; position: sticky; top: 0; }
	#fasha-top { margin-top: -3px; }
	/* grids */
	.head-grd {
		box-sizing: border-box;
		padding: 3px 0 0;
		margin: 0;
		grid-template-columns: 1fr repeat( 4, minmax(1.8rem, max-content) );
		grid-auto-rows: auto;
		grid-gap: 0px;
		align-content: start;
		width: 100%;
	}	
	.head-grd.neg-theme { padding-bottom: 3px; }
	h1.logo-cont { margin: auto 0; }
	h1.logo-cont a { padding-left: 6px; }
	.searchnv-cont a,
	.top40nv-cont a,
	.posters-cont a,
	.usr-cont a { display: flex; height: 100%; padding: 0 .7rem; font-size: 18px; }
	.usr-cont a { margin-right: 0; padding: 0 13px 0 .6rem; }	
	.head-grd i { margin: auto}
	.searchnv-cont a span, .top40nv-cont a span, .posters-cont a span, .usr-cont a span { display: none}	

	.head-grd .sub-nav { position: relative; bottom: -6px; max-height: 34px; height: 34px; display: flex; flex-wrap: nowrap ; overflow: auto; padding: 0 0 0 .1rem;  }
	.head-grd .sub-nav::-webkit-scrollbar  { display: none}
	.sub-nav a { padding: 0 .4rem; margin: 0 .25rem; height: 31px; font:normal .75rem/30px Roboto-Regular, sans-serif!important }	
	.sub-nav a .icon-home-filled { font-size: 1.25rem; line-height: 30px; }


	#vnav-trg { display: flex; padding: 1px 10px 0 13px; width: 18px;}
	#vnav-trg i { margin: auto; font-size: .9em;}
	
	.vnav-grd { 
		display: grid;
		position: fixed;
		z-index: 2000;
		width: 100%;
		height: calc( 100% - 50px );
		top:50px; left: 0; right: 0; bottom: 0;
		overflow: scroll;
		box-sizing: border-box;
		padding: 0 20px 20px;
		grid-template-areas: 
			"groups"
			"app"
			"law"
			"about"
			"flw";
		background: #19191b; color: #fff;}
	
	.closed-mb { display: none;}
	.vnav-grd.open-mb { display: grid;}
	.ftr-grd { display: none;}
	
	.apps-ar { grid-area: app; }	
	.groups-ar { grid-area: groups;	}
	.followus-ar { grid-area: flw; }
	.law-ar { grid-area: law; }
	.portfl-ar { grid-area: portfolio; }
	.aboutus-ar { grid-area: about;	}
	.ni-ar { grid-area: ni-copyright; }	
	
	
	.vnav-grd > div { padding: 2rem 0 0; border-bottom:1px solid #212121 }
	
	.vnav-grd p, .apps-ar a { margin: 0 0 2rem; text-align: left; font-size: 1.1rem }
	
	.vnav-grd .sect-tit { font-size: 1rem; color: #ff1464}
	.vnav-grd p a { display: flex }
	.vnav-grd span { margin: auto auto auto 0}
	.vnav-grd i { font-size: 1.2rem; margin: auto .7rem auto 0; color: #fff!important; background: transparent!important }
	.apps-ar img { display: block; margin:0 .5rem 0 0}	
	.apps-ar a { display: flex; }	
	.apps-ar i { margin: auto .8rem auto 0; font-size: 1.2rem }	
	.apps-ar span { margin: auto 0}	
	.followus-ar, .ftr-grd > .followus-ar { border-bottom: 0}
	.fasha-fix .vnav-grd { top: 100px; height: calc( 100% - 100px ) }
	
	.gr-main {
		grid-template-columns: 100%;
	}
	
	.sect, section.sect { margin: .65rem 12px 0; padding: 0 0 0;}
	.art-opt.flex-cont { margin: .95rem 0 }
	.art-opt i { margin:auto; margin-right: .4rem; line-height: 29px; vertical-align: top}
	.art-opt span { margin:auto; font: normal .75rem/31px Roboto-Regular, sans-serif!important; }
	.art-opt.flex-cont .fb-share-button { min-height: 31px; }
	.art-opt.flex-cont .popup-share { flex: 0 0 auto; padding: 0 .7rem; }
	.gr-main.feed { padding-top: 1.1rem; margin: 0}
	.sidebar, .major-col, .sidebar .wr-stick { display: contents} 	
	.sidebar .horizontal-list-cont {grid-row-start: 2;}
	.sidebar .horizontal-list-cont { display: none}
	.nxt-vid-opt { margin: .1rem 0 -.2rem;  font-size: .85rem}
	.home-pg .sidebar .horizontal-list-cont { display: block}
	.play-pg .major-col .horizontal-list-cont {grid-row-start: 5;}
	.more-videos { margin: .75rem 0 0; }
	.more-videos .column-mb { grid-template-rows: auto auto; grid-auto-rows: 0; grid-gap:0;}
	.more-videos .column-mb .card { margin-bottom: 0; padding-bottom: .73rem}
	.more-videos .slider-content-mb { margin: 0; }
	.more-videos .thumb-cont { border: 0}
	
	.major-col > h2 { margin-top: 1.5rem}
	
	.play-pg .leader-board,
	.play-pg .native-ads-load,
	.play-pg .player-space { display: none}
	#def-cont.open-toggle { max-height: none!important; height: auto; overflow: visible}
	#def-cont.open-toggle .video-description { max-height: 1500px!important; height: auto; overflow: auto}
	.play-pg .sidebar.related-content,
	.item-pg .sidebar.related-content	{ display: -ms-grid; display: grid; grid-gap:.73rem; grid-row-start: 2; padding: 0 12px}
	.item-pg .sidebar.related-content	{ grid-row-start: 4; margin-top: 1.5rem;}
	.more-related-videos.more-open { display: -ms-grid; display: grid; grid-gap:1.85rem;}
	
	.more-related-btn { margin-top: 1.5rem}
	
	.item-content .sect:first-of-type { margin-top: .5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #e8e8e8}
	.item-content h2 { font: normal 1.1rem/1.45rem Roboto-Medium, sans-serif; text-align: left;}
 
	.quiz-content {padding: 0 8px;}
	
	.banner { width: 100%; max-width: calc(100vw - 24px); box-sizing: border-box; text-align: center; position: relative; padding: .5rem 0 1rem; /*background: #fff; margin-top: -1px;*/  grid-column: 1/-1; /*margin: 1.5rem auto;*/ margin: auto; overflow: hidden	}
	.banner.pos-1 { grid-row-start: 3; /*background: #00c0ff;*/	}
	.followed-pg .banner.pos-1 { grid-row-start: 6; /*background: #00c0ff;*/ }
	.banner.pos-2 {	grid-row-start: 13; /*background: #c7c7c7;*/  }	
	.banner.pos-3 {	grid-row-start: 21; /*background: #c7c7c7;*/  }	
	.banner.richmedia-cont { width: 1px; height: 1px; visibility: hidden; }	
	.banner.pos-2 .bannitself {	height: 600px;   }	
	.top-charts .banner.pos-1,
	.related-content .banner.pos-1 { grid-row-start: 5;	}
	.top-charts .banner.pos-2,
	.related-content .banner.pos-2 { grid-row-start: 9;	}
	.top-charts .banner.pos-3 { grid-row-start: 16;	}
	.banner.pos-3 {  }
	.native-ads-load,
	.item-content .leader-board div[id*="google_ads"]:empty,
	div[id*="google_ads"]:empty	{ display: none!important; }
	.leader-board iframe,
	.banner iframe {margin: auto}
	.leader-board.bottom-page { grid-row: 6; min-height: 20px; }
	.powered-top { text-align: center; color: #989898; font: normal .9rem/50px Roboto-Regular, sans-serif!important;}
	.powered-bottom {  margin: 2.2rem auto auto;  padding-top: .5rem; border-bottom: 0px; border-top: 1px solid #cfcfcf; text-align: center; color: #989898; font: normal .9rem/50px Roboto-Regular, sans-serif!important;}
	.powered-top img, .powered-bottom img { max-height: 24px; vertical-align: middle}
	
	/* COMMENTS */
	.comments-title .drop-trgr { padding: .5rem; margin: -.5rem}
	.main-comment-cont .top-fix-cont,
	.main-comment-cont .typing-opt { display: none }
	.main-comment-cont .main-cont { padding: 0 0 .5rem 0 }
	.main-comment-cont .main-cont .avatar-cont { margin: 0 -40px 0 0 }
	
	/* typing overlay */
	.main-comment-cont.typing { position: fixed; max-width:680px; margin-left: auto!important; margin-right: auto!important; top:0; bottom: 0; left: 0; right:0; padding: 0 8px; z-index: 1999; background: #fff; }
	.main-comment-cont.typing .top-fix-cont { display:flex; left:8px; right: 8px; margin: 0; width: calc( 100vw - 16px ); border-bottom: 1px solid #7c7c7c }
	.main-comment-cont .top-fix-cont .left-col { margin: auto }
	.main-comment-cont .top-fix-cont .left-col a { padding: 0 .5rem; }
	.main-comment-cont .top-fix-cont .mid-col { display: block; max-width: none; flex: 1; text-align: center; line-height: 42px; padding-right: 2rem; font-weight: bold }
	.close-cont i { font-size: .85em }
	.close-cont, .close-comment { height: 42px; min-width: 52px;}
	.close-comment { display: flex; padding: 0}
	.close-comment i { margin: auto auto auto 0}
	.main-comment-cont.typing .avatar-cont { display: none}
	.main-comment-cont.typing textarea { position: fixed; max-width:680px; margin: auto; top:42px; bottom: 42px; left:8px; right: 8px; width: calc( 100vw - 16px ); max-height: none; padding: 1rem 0 ; }
	.main-comment-cont.typing .typing-opt { display: flex; position: fixed; max-width:680px; margin: auto; bottom: 0; height: 42px; left: 8px; right: 8px; box-sizing: border-box; border-top: 1px solid #7c7c7c; background: #fff; line-height: 42px; color: #7c7c7c; font-size: .9rem }
	.typing-opt .emoticons-box { display: inline-block}
	.typing-opt .cyrilize { vertical-align: top; }
	.typing-opt img { width: 1.5rem; height: 1.5rem; margin: .5rem .8rem 0 .5rem}
	.typing-opt .right-col { margin: 0 0 0 auto}
	.typing-opt .icon-send { padding: .6rem .5rem .5rem 1rem; font-size: 1.2rem; }
	
	
	
	
	.def-grd-btn { display: inline-flex; height: 2.8rem; padding: 0 2rem; margin: auto; font: normal 1rem/2.8rem Roboto-Regular, Arial, sans-serif; color: #fff; border: 0;  background: linear-gradient(to right, #ff1464 , #ff00d2); border-radius:3px }
	.sidebar .def-grd-btn { margin: 0 auto 0 0  }
	
	.title-cont h2 { display: inline-block}
	.title-cont .icon-play { float: left; margin-right: .65rem; bottom: -.2rem}
	.circ-tgl-xs, a.circ-tgl-xs	{ display: inline-flex; position: relative; margin: 0 auto; background: #ececec; border-radius: 50%; text-decoration: none!important}
	.circ-tgl-xs, a.circ-tgl-xs	{ width: 1.4rem; height: 1.4rem; font-size: .4rem!important; color: #000!important }
	.circ-tgl-xs .icon-closed , .circ-tgl-xs .icon-open	{ display: inline-block; margin: auto!important; font-size: inherit; color: inherit!important; /*font-weight: bold*/}
	.drop-trgr .circ-tgl-xs { margin: 0 .75rem;}
	.drop-trgr .circ-tgl-xs .icon-open { display: none}
	.drop-trgr.opn, .drop-trgr.opn .drop-selected  { color: #e82164 }
	.drop-trgr.opn .circ-tgl-xs .icon-open { display: inline-block; }
	.drop-trgr.opn .circ-tgl-xs .icon-closed { display: none}
	.drop-menu.btm { top: 80%; left: 0} 
	.drop-menu.btm.right { top: -.2rem; right: 1.5rem; left: auto} 
	#usr-nav.drop-menu { box-sizing: border-box; max-height: calc( 100vh - 60px ); overflow: auto; }
	.fasha-fix #usr-nav.drop-menu { max-height: calc( 100vh - 110px );  }
	.drop-menu::-webkit-scrollbar,
	.drop-menu::-webkit-scrollbar-thumb	{ width: 4px!important; border: 0 }
	.drop-menu::-webkit-scrollbar-button { display: none }
	/* usr pg */
	.banner-wrap {display: none}
	.btm-fix-nav span {display: none}
	.about-pg .feed { border-bottom: 1px solid #c7c7c7}
	.title-cont .left .circ-tgl-xs { vertical-align: top}
	.vip-about .flex-cont > *:nth-child(2):last-child { text-align: right; flex: 0 1 auto}
	
	.sample-list { margin: 0 0 1.5rem }	
	
	
	.grid-mb .simple-btn.cent { grid-column: 1/-1}
	
	.foll-wr { cursor: pointer}
	.foll-wr .num { font-weight: normal; font-family: Roboto-regular; }
	
	/* Sticky video player */

	#sticker.player-stuck { position: fixed; z-index: 500; bottom: 5px; left:8px; right: 8px; height: 70px; background: #fff; box-shadow: -1px 0 4px rgba(0,0,0,.5); max-width: 500px; margin:auto}
	#sticker.player-stuck iframe,
	#sticker.player-stuck object,
	#sticker.player-stuck embed { position: absolute;  bottom: 0px;  left: 0;  width: 124px!important; height: 100%; margin: 0 !important;}
	#sticker h2 { display: none; position: absolute;  bottom: 0px;  top: 0; left: 125px; right: 60px; max-height: 60px; box-sizing: border-box; margin: 0 !important;  padding: .5rem 0 0 .5rem; font: normal .9rem/1.2 Roboto-Regular, sans-serif; overflow: hidden; max-lines: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
	#sticker.player-stuck h2 { display: block; display: -webkit-box; }
	#sticker .closeBtn.hidden-dt { display: none; position: absolute; top: 0px; right: 0px; padding: 28px 20px; cursor: pointer; font-size: 1rem; color: #7c7c7c; }
	#sticker.player-stuck .closeBtn.hidden-dt { display: block;}

	
	/* CARDS LISTS WRAPPERS */
	.row-mb { grid-column: 1 / -1;  overflow: hidden}	
	.column-mb, 
	.column-full-mb { display: grid; grid-gap: .73rem; height: 100%; max-height: none;}
	.column-mb .card,
	.column-full-mb .card { padding: 0; margin: 0 0 .73rem; }
	.grid-mb { display: grid; grid-gap: 8px; grid-template-columns:repeat(auto-fill, minmax(120px, 1fr)); }
	.gr-main.grid-mb { padding: 1.1rem 8px; }
	.slider-wrap-mb { width: 100%; margin: 0; padding: 0; overflow: scroll; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch;}
	.slider-content-mb { display: inline-flex; flex-wrap: nowrap; width: auto; height: 100%; max-height: none; margin: 0 8px }
	.contents-mb { display: contents}
	
	.column-mb.sequiels { height: 10rem }	
	
	
	/* == CARDS == */
	.top-pos { width: 2.3rem; height: 2.3rem; font: normal 1rem/2.4 Roboto-Regular, sans-serif; }
	.info-cont { padding: 0 8px}
	.info-cont .stats { padding:.5rem 0;  }
	.info-cont .channel-name a { padding: .5rem 0; }
	.info-cont .channel-name > a span { font: normal .68rem/1.1rem Roboto-Regular, sans-serif}
	
	.card.playlist-cell .playlist-add, 
	.card.group-cell .group-add { width: 30%; }
	
	
	.card-landsc-mb { display: flex}
	.card-landsc-mb .thumb-cont { flex: 0 0 143px; max-height: 82px; height: auto; padding-bottom: 0; margin: 0 .5rem auto 0; overflow: hidden;}
	.card-landsc-mb .thumb-cont img { position: static}
	.card-landsc-mb .thumb-cont .watch-later { display: none }
	.card-landsc-mb .info-cont { display: grid; grid-template-rows: auto auto auto auto; align-content: start; padding: 0; margin: 0;}
	.card-landsc-mb h3 { padding: 0; margin: -2px 0 0;}
	.card-landsc-mb h3 a { padding: 0 0 .2rem; margin: 0 0 .2rem; font: normal .82rem/1.1rem Roboto-Regular, sans-serif; }
	.card-landsc-mb .channel-name { padding: 0; margin: 0; color: #7c7c7c; }
	.card-landsc-mb .channel-name a { padding: 0;}
	.card-landsc-mb .info-cont .avatar-simp { display: none}
	.card-landsc-mb .stats { padding: 0 0 .5rem; color: #7c7c7c; }
	.card-landsc-mb .label { padding: 0 0 .3rem; margin: 0; font-size: .75rem; font-weight: bold;}

	
	.slider-wrap-mb .card { flex: 0 0 auto; }
	.more-videos .column-mb { }
	/*.column-mb.more-videos .card-landsc-mb { width: 13rem; max-height: 4.15rem;  margin: 0 10px auto 0; }
	.column-mb.more-videos .card-landsc-mb .thumb-cont { flex: 0 0 5.2rem; max-height: 3rem; height: auto; margin: 0 .7rem auto 0 }*/
	
	.column-full-mb h3 { font: normal .95rem/1.9 Roboto-Regular, sans-serif }
	.column-full-mb .avatar-cont { flex: 0 0 64px; }
	.column-full-mb .channel-card .info-cont { margin: auto 0 auto 1rem; padding-right: 1.5rem; overflow: visible;  font-size: .8rem; }
	/*.column-mb h3 { font: normal .95rem/1.9 Roboto-Regular, sans-serif }*/
	.column-mb .avatar-cont { flex: 0 0 64px; }
	.column-mb .channel-card .info-cont { margin: auto 0 auto 1rem; padding-right: 1.5rem; overflow: visible;  font-size: .8rem; }
	.column-mb .channel-card h4 { margin: 0}
	.column-mb .channel-card h5 { margin: .6em 0}
	
	/* Custom Cards */
	/* top 40 home slider and channel sliders */
	.slider-wrap-mb.top40 .card,
	.slider-wrap-mb.user-selected .card	{ width: 14rem; margin: 0 8px 0 0; padding: 0 0 .65rem; overflow: hidden; text-align: center; border-radius: 7px; background: #e8e8e8; }
	.slider-wrap-mb.top40 .thumb-cont { max-height: 7.875rem; overflow: hidden}
	.slider-wrap-mb.top40 .card .info-cont h3 a,
	.slider-wrap-mb.user-selected .card .info-cont h3 { padding: 1rem 0 .5rem; font: normal 1rem/1.2 Roboto-Regular, sans-serif;}
	.slider-wrap-mb.top40 .card .channel-name { display: block}
	.slider-wrap-mb.top40 .card .info-cont .avatar-simp { display: none}
	/* posters */
	.poster-cell { width: 14rem; height: 16rem; margin: 0 8px 0 0;  padding: 0; }
	.poster-cell .thumb-cont { height: 13rem; overflow: hidden; }
	.poster-cell h3 { position: absolute; top: 0; bottom: auto; width: 100%; height: auto; min-height: 3.2rem; padding: .9rem 8px 1rem; box-sizing: border-box; font:normal .9rem/1.2 Roboto-Regular, sans-serif; background: #ff1464; color: #fff;}
	.grid-mb .poster-cell { width: auto; height: auto; margin: 0 0 1.5rem!important;}
	.grid-mb .poster-cell .thumb-cont { position: relative; height: 0; padding-bottom: 100%; border-radius: 7px; }
	.grid-mb .poster-cell img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
	.grid-mb .poster-cell .foll-wr { padding: .7rem 0 0; }
	
	/* sequels*/
	.card.sequel-cell { width: 7.5rem; }
	
	/* Sliders */
	.slider-wrap-mb .view-all { min-width: 3rem; width: auto; background: #ff1464; color: #fff; border-radius: 7px 0 0 7px; font-size: 1.35rem; }
	.slider-wrap-mb .view-all > a { display: flex; height: 100%;}
	.slider-wrap-mb .view-all .icon-arrow-right { margin: auto}
	
	.card.channel-slide a { width: 4.5rem; }
	.card.channel-slide .dot { right: .22rem; width: 10px; height: 10px; }
	.card.channel-slide h4 { font: normal .7rem/1.2 Roboto-Medium, sans-serif; }
	.slider-wrap-mb.channels .view-all { background: transparent; color: #ff1464; min-width: 2rem; height: 4.5rem; font-size: 1rem}
	

	/* tops pgs */
	.btn-cont.tabs-cont {margin-top: 0}
	.charts-list,
	.chart { display: contents}
	.charts-list .btn-cont { margin: 0; padding: 1rem 0 5rem; }
	.charts-list .btn-cont:last-child { border-bottom: 0}

	
	/* make up changes */
	.home-pg .posters { margin-bottom: 2rem}
	.view-all .icon-closed { display: none}	
	.item-content .det-info { padding: 0 0 .5rem}
	.item-content .video-stat {margin: 0 0 .5rem}
	.article-content {padding-top: 1rem; max-width: 100%; }
	.article-content a, .article-content p a { word-break: break-all;}
	.major-col > .title-cont { padding-top: 1rem}
	
	.gr-main.grid-mb .def-btn { grid-column: 1/-1; margin: 2rem auto} 
	.single-col.wide { margin-top: 1.5rem}
	.paginationNew { margin-bottom: 1.5rem}
	

	.common-search { display: inline-flex; flex: 1 0 13rem; max-width: 20rem; margin: 0 0 0 auto} 
	.common-search form { margin: auto 0; width: 100%; } 
	.common-search input { box-sizing: border-box; width: 100%; height: 34px; margin: auto -2rem auto auto; padding: 0 1rem;  border-radius: 20px; border: 0; outline: none; font: normal .9rem/100% Roboto-Regular, sans-serif!important; } 
	.common-search input::placeholder { color: #000} 
	.common-search input:focus, 
	.common-search input:-internal-autofill-selected,
	input#inputSearchInPlylst { background-color: #ececec!important} 
	/*.search-wrap { position: absolute; width: 100%; top: 40px}
	.fasha-fix .search-wrap { top: 90px; }*/
	.channel-search .search-btn,
	.common-search .search-btn { background: transparent; border: 0; padding: 0; font-size: 1rem } 
	.column-full-mb .card-landsc-mb .stats { display: block}
	.column-full-mb h2 { margin-bottom: 0}
	.column-mb .column-full-mb:first-child { margin-top: 1.5rem}
	.column-full-mb .btn-cont { margin: 0}
	.column-mb > .card { margin-left: 8px; margin-right: 8px;  }
	.sect .column-mb > .card { margin-left: 0; margin-right: 0}
	
	/* ADD TO PLAYLIST and GROUPS */
	
	.add-plst-pg .common-search	{ padding: 1rem 8px; display: flex; }
	#new-plylst.field-wrap {margin: 0; padding-top: 0rem; padding-bottom: 2em;}
	#new-plylst.field-wrap input[type=text] { padding: .6rem .5rem .4rem 2rem; font-size: 1rem; text-align: left}
	#new-plylst.field-wrap .btns-cont { padding: .5rem 0 0;}
	
	.add-plst-pg .card:hover .playlist-add,
	.add-group-pg .card:hover .group-add { display: none}
	.add-plst-pg .playlist-add .icon-check,
	.add-group-pg .group-add .icon-check { display: none}
	.add-plst-pg .hasit-plst,
	.add-group-pg .hasit-group { opacity: 0.5 }
	.add-plst-pg .checked-plst .playlist-add .icon-check,
	.add-group-pg .checked-group .group-add .icon-check { display: block; font-size: 1rem}
	.add-plst-pg .checked-plst .playlist-add .icon-playlist-thin,
	.add-group-pg .checked-group .group-add .icon-playlist-thin { display: none}
	.add-plst-pg .check-plst-wrap,
	.add-group-pg .check-plst-wrap { display: none; position: absolute; top:0 ; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8)}
	.add-plst-pg .check-plst-wrap .icon-check, 
	.add-plst-pg .check-plst-wrap .check-empty,
	.add-group-pg .check-plst-wrap .icon-check,
	.add-group-pg .check-plst-wrap .check-empty	{ margin: auto}
	.add-plst-pg .check-plst-wrap .icon-check,
	.add-group-pg .check-plst-wrap .icon-check { display: none; color: #fff; font-size: 1.2rem} 
	.add-plst-pg .check-plst-wrap .check-empty,
	.add-group-pg .check-plst-wrap .check-empty { display: block; width: 2rem; height: 2rem; border-radius: 3px; border: 1px solid #fff;}
	.add-plst-pg .checked-plst .icon-check,
	.add-group-pg .checked-group .icon-check { display: block; } 
	.add-plst-pg .checked-plst .check-empty,
	.add-group-pg .checked-group .check-empty { display: none; } 
	.add-plst-pg .checked-plst .check-plst-wrap,
	.add-group-pg .checked-plst .check-plst-wrap { display: flex;}
	.add-plst-pg .checked-plst .playlist-add,
	.add-group-pg .checked-plst .playlist-add { display: none;}
	.btns-cont { margin: auto 8px}
	
	/*== END OF PLAYLIST ==*/

}

/* MOBILE ONLY STYLES */
@media screen and (min-width: 100px) and (max-width: 979px) {
	.home-cnt {order: -2}
	.tvseries-cnt {order: -1}
	.tv-series .chart .card:nth-child(n+5) { display: none}
	
	.hidden-mb { display: none!important}
	.collapsed-toggle-mb { max-height: 0px;}
	.dt-tgl-only.collapsed-toggle { max-height: none; height: auto; -webkit-transition: none; transition: none; }
	.dt-tgl-only.open-toggle {  max-height:none!important; height: auto; overflow-y: auto; -webkit-transition: none; transition: none;}
	.center-col .edit-save-cont {
		text-align: center;
	}
	.center-col .edit-save-cont .def-btn,
	.center-col .edit-save-cont span,
	.center-col .edit-save-cont a {
		display: block;
	}
	.center-col .edit-save-cont .def-btn {
		margin-bottom: 13px;
	}
	
	.major-col > .card,
	.chart > .card {margin: 0 8px 1rem}
	.column-full-mb .card,
	.column-mb .channel-card,
	.column-full-mb .channel-card {margin: 0 16px}
	

}

/* TABLET SMALL */
@media screen and (min-width: 640px) {	
	.row-tb { grid-column: 1 / -1;  overflow: hidden}		
	.column-tb { display: grid; grid-gap: 26px;}
	.column-tb .card { padding: 0; margin: 0; }
	.grid-tb { display: grid; grid-gap: 26px; }
	.slider-wrap-tb { width: 100%; margin: 0; padding: 0; overflow: scroll; overflow-x: scroll; -webkit-overflow-scrolling: touch;}
	.slider-content-tb { overflow: scroll}
	.contents-tb { display: contents}
	
}

/* WIDE MOBILE VIEW */
@media screen and (min-width: 680px) and (max-width: 979px) {
	.playlist-wrap.open-toggle {top: calc( 79px + 680px*9/16 )}
	.fasha-fix .playlist-wrap.open-toggle {top: calc( 129px + 680px*9/16 ); max-height: none !important}
}



/* DESKTOP */

@media screen and (min-width: 980px) {
	/* resetting mob widths */
	.site-container, .top-fix-cont { max-width: none}
	#fasha-top { margin-top: 0; }
	/*.main-native { min-height: 0}*/
	
	body::-webkit-scrollbar {  width: 17px!important; background: #eee!important; }	
	::-webkit-scrollbar-button:vertical:decrement { background-color: #eee; border-style: solid; height: 13px; width: 16px; border-width: 0 8px 8px 8px; border-color: transparent transparent #999 transparent; }
	::-webkit-scrollbar-button:vertical:increment { background-color: #eee; border-style: solid; height: 13px; width: 16px; border-width: 8px 8px 0 8px; border-color: #999 transparent transparent transparent; }
	::-webkit-scrollbar-thumb { width: 12px; border: 2px solid #eee; background: #ccc }
	::-webkit-scrollbar-thumb:hover { background: #999 }

	/* Grids */

	/* header */	
	.head-grd {
		min-height: 50px!important;
		padding: 0!important;
		-ms-grid-columns: 1fr 1fr 2fr minmax(170px, 3fr) 3.8fr 55px;
		grid-template-columns: auto auto auto minmax(170px, 3fr) auto auto;
		grid-template-areas:"fasha fasha fasha fasha fasha fasha" 
							"logo top posters search subnav usr";
	}
	.head-grd .left-col {   -ms-grid-column:1; grid-area: logo; height: 100%; margin-right: .5rem; }
	.top40nv-cont {   -ms-grid-column:2; grid-area: top; text-align: left;  margin-right: .5rem; 	}
	.posters-cont {   -ms-grid-column:3; grid-area: posters; text-align: left;  margin-right: .5rem; 	}
	.usr-cont {   -ms-grid-column:6; grid-area: usr; text-align: right; margin-left: 0rem;	}
	.usr-cont a { padding-left: 0!important}
	.searchnv-cont {  -ms-grid-column:4;  grid-area: search; margin: auto  }
	.head-grd a { white-space: nowrap; display: inline-flex; }
	.head-grd .sub-nav {   -ms-grid-column:5; grid-area: subnav; /*grid-column: span 1*/ ; padding: 0; justify-content: space-around;  max-height: none; height: auto; bottom: -2px}
	.home-cnt { flex: .5}
	.home-cnt a {display: none}
	
	.searchnv-cont a span, 
	.top40nv-cont a span, 
	.posters-cont a span, 
	.usr-cont a span { display: inline-block; margin: auto 0; font: normal .73rem/100% Roboto-Regular, sans-serif!important; text-transform: uppercase}
	.head-grd i { margin: auto .75rem auto 0; color:#fff}
	.head-grd .icon-search {color:#fff; font-size:1rem}
	.head-grd .icon-top40 { font-size: 1.3rem}
	.sub-nav a { height: 48px; font: normal .72rem/50px Roboto-Regular, sans-serif!important; padding: 0 .15rem }
	.sub-nav i.dot { margin: 0; top: .6rem}
	.usr-cont .avatar-simp.mini { font-size: 35px; margin-right: 0	}
	.usr-cont > .avt-wr { width: 100%; height: 100%;}
	.usr-cont .drop-menu.btm.right { right: 13px!important; margin-top: 4px }
	.usr-cont .drop-menu span { text-transform: none; font-size: 1rem!important }
	.usr-cont .drop-menu a i.avatar-simp { display: inline-block; width: auto; margin: 0 .75rem 0 0}
	.drop-menu i.avatar-simp ~ span { line-height: 38px!important; vertical-align: top}
	
	.searchnv-cont { padding: 8px; margin: 0 }
	.searchnv-cont form { max-width: 365px; min-width: 170px; width: 100%; margin: auto}
	.searchnv-cont input,
	.channel-search input,
	.common-search input { box-sizing: border-box; width: 100%; height: 34px; margin: auto -2rem auto auto; padding: 0 2.4rem 0 1rem; background: #555; border-radius: 20px; border: 0; outline: none; box-shadow: none; font: normal .9rem/100% Roboto-Regular, sans-serif!important; color: #fff}
	.searchnv-cont input::placeholder,
	.common-search input::placeholder 	{ color: #fff}
	.searchnv-cont input:focus,
	.common-search input:focus { background: #757575;}
	/*.searchnv-cont input span { margin: auto auto auto 0; text-transform: none }*/
	.searchnv-cont input + i,
	.channel-search  input + button,
	.common-search  input + button { margin: auto 0 auto auto}	
	.searchnv-cont .search-btn { width: 1rem; box-sizing: border-box; margin-left: 0; cursor: pointer}
	.autocomplete-res-container { top: 50px; position: fixed;}
	.search-wrap { padding: 0}
	.search-wrap form { border-bottom: 0}
	
	.drop-menu.btm.right.drop-menu-notification {top:calc( 100% + 4px ); right: 1rem!important}	
	
	.footer-area { grid-area: footer; margin-top: auto; padding-top: 2.5rem}
	.ftr-grd {
		display: -ms-grid;
		display: grid; 
		width: 100%;
		height: auto;
		position: static;
		box-sizing: border-box;
		overflow: hidden;
		padding: 1.8rem 20px 20px;
		grid-template-areas: 
			"app flw groups law"
			"about about portfolio portfolio"
			"ni-copyright ni-copyright ni-copyright ni-copyright";
		justify-items: end;
		background: #19191b; color: #fff;}	
	
	.gr-main {
		display: -ms-grid;
		display:grid;
		width: auto;
		margin: 0 auto;
		padding: 25px;
		-ms-grid-columns:  minmax(600px, auto) 400px;
		grid-template-columns:  minmax(600px, auto) minmax(320px, 400px) ;
		grid-auto-rows: auto;
		grid-template-areas: "major sidebar";
		grid-gap: 25px;
		align-content: start;
	}	
	
	.gr-main.full {
		width:100%;
		padding: 25px 0;
	}	
	.gr-main.cent {
		max-width: 1510px;
		margin: 1.5rem auto 0;
	}
	.gr-main.wide {
		max-width: 1800px;
		min-width: 85%;
		margin: 1.5rem auto 0;
		grid-template-columns: auto 300px ;
	}
	
	.sidebar { 
		-ms-grid-column:2;
		grid-area: sidebar;
		display: -ms-grid; display: grid;
		grid-gap: 26px;
		text-align: left;
	    align-content: start;
	}
	
	.sidebar .wr-stick { 
		display: grid;
		grid-gap: 26px;
		text-align: left;
	    align-content: start;
	}
	
	.major-col {
		-ms-grid-column:1;
		grid-area: major; 
		display: -ms-grid; display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: repeat( 2, minmax(250px, max-content));
		-ms-grid-rows:  1fr;
		grid-auto-rows:  auto;
		padding: 0 22px 0 0;
		grid-gap: 26px;
		grid-auto-flow: dense;
	    align-content: start;
	}

	
	
	.usr-grid {
		display:grid;
		width: 100%;
		margin: 0;
		padding: 0;
		-ms-grid-columns: minmax(280px, 300px) auto ;
		grid-template-columns: minmax(280px, 300px) auto ;
		-ms-grid-rows: auto;
		grid-auto-rows: auto;
		grid-template-areas: "left-col major" "left-col footer";
		grid-gap: 0;
		align-content: start;
	}
	
	.usr-grid .left-col { -ms-grid-column:1; grid-area: left-col; grid-gap: 0; }
	.usr-grid .major-col { -ms-grid-column:2; padding: 0; grid-gap: 0}
	
	.sidebar .horizontal-list-cont,
	.sidebar .horizontal-list-wrap.home-pg,
	.home-pg .sidebar .horizontal-list-cont,
	.sidebar .horizontal-list-wrap.home-pg ul {  display: contents;}	
	.sidebar .horizontal-list-cont { grid-row: 1}
	.sidebar .card-landsc-mb { margin: 0; padding: 0}
	
	a.flex-cont:hover, 
	.content a.flex-cont:hover {text-decoration: none}
	a.flex-cont:hover h3 {text-decoration: underline}
	.banner { /*padding:0;*/ background: transparent; margin-top: auto	}
	.sidebar .banner iframe { margin: 0!important}
	
	.banner.pos-1 { grid-row-start: 4;	}
	.play-pg .banner.pos-1 { grid-row-start: 4!important; }
	.item-pg .banner.pos-1 { grid-row-start: 2!important; }		
	.banner.pos-2 {	grid-row-start: 15; }		
	.play-pg .banner.pos-2,
	.item-pg .banner.pos-2	{ grid-row-start: 9!important;  }	
	/* only banners in sidebar */
	.banner.pos-1:first-child { grid-row-start: 1; } 
	.banner.pos-2:nth-child(2) {	grid-row-start: 2; }	
	.banner.pos-3:nth-child(3) {	grid-row-start: 3; }		
	
	.major-col .horizontal-list-cont { margin: 1rem 0; grid-row-start: 3;}
	
	.more-videos .column-mb,
	.item-pg .more-videos .column-mb { max-height: none; width: 100%; margin: 0; /*overflow: visible*/}
	.more-videos { position: relative}
	.more-videos .circ-tgl.btm { position: relative; bottom: -2.2rem; margin-top: -2.2rem}
	
	.search .open-toggle-dt, .collapsed-toggle-dt {display: grid; grid-template-columns: repeat(auto-fill, 25%); transition:max-height 0.3s ease-out;  overflow: hidden }
	.search .open-toggle-dt {  max-height: 240px }
	.search .collapsed-toggle-dt { max-height:0; border-color: transparent!important ;  }
	
	.single-col { grid-column: span 2; max-width: 600px; margin: auto; border-radius: 10px; overflow: hidden }
	.single-col.wide { max-width: none }
	
	.single-page { max-height: none!important; max-width: 1200px; min-height: 50vh; width: 90%; margin: auto; grid-column: span 2;}
	.single-page img { max-width: 100%;}
	.single-page.message-page .btn-cont { width: auto; margin: 5rem auto 0; justify-content: center }
	.single-page.message-page .btn-cont > * { margin: auto 1rem }
	.major-col > h2 { margin-top: 0}	

	
	/*play page*/
	.player { height: 0px; overflow: hidden; }
	.player-space { grid-area: player; width: 100%; height: 0; z-index: 0}
	.play-pg .gr-main { margin: 0 auto; max-width: none; grid-gap:15px 25px; -ms-grid-columns: minmax(60%, 1280px) minmax(320px, 400px) ; grid-template-columns: minmax(60%, 1280px) minmax(320px, 400px);  grid-template-rows: auto 1fr; grid-template-areas: "player sidebar" "major sidebar";}
	.play-pg .sidebar { grid-row: 1 / -1;}
	.play-pg .major-col { -ms-grid-columns: 1fr; grid-template-columns: 1fr; margin: 0; padding: 0}
	.play-pg .player-space { position: relative; display: block; height: auto}
	.play-pg .spacer-inner { display: block; width: 100%; height: 0; padding-bottom: 56.5%; }
	.play-pg .sidebar.related-content { grid-row: 1 / -1; }
	.play-pg.theater-mode .sidebar { grid-row: 2 / -1; padding-top: .5rem }
	.play-pg.theater-mode .player.gr-main { top: 50px; padding: 0px; }
	.fasha-fix .play-pg.theater-mode .player.gr-main { top: 100px;}
	.play-pg.theater-mode .gr-main { padding: 0;}
	.play-pg.theater-mode .major-col { padding-left: 50px;}
	.play-pg.theater-mode .sidebar.related-content.feed { padding-right: 50px;}
	.play-pg.theater-mode .player-space, 
	.play-pg.theater-mode .player.gr-main .video-player { grid-column: span 2!important; grid-area: unset; height: calc(100vh - 190px); padding-bottom: 0; overflow: hidden }
	.play-pg.theater-mode .spacer-inner { display: block; width: 100%; height: 100%; padding-bottom: 0; }
	.play-pg.theater-mode .player.gr-main .vbox-player.magenta { height: calc(100vh - 190px); }
	
	.more-videos .column-mb { margin: 1.2rem 0 .4rem}
	
	.feed.related-content { margin-top: 0}
	.play-pg .sect { margin: 0; padding: 0}
	
	.opt-col-dt { float: right; min-width: 360px; width: auto; text-align: right; }
	.art-opt.flex-cont { display: flex; margin: 0; justify-content: flex-end}
	.art-opt.flex-cont a:hover { text-decoration: none}
	.art-opt.flex-cont > * { padding: 0 .65rem; flex-grow: unset!important; cursor:pointer; }
	.art-opt i { margin:auto; margin-right: .4rem; line-height: 36px; vertical-align: top}
	.art-opt span { margin:auto; font: normal .9rem/38px Roboto-Regular, sans-serif!important; }
	.art-opt.flex-cont .play-vote:hover { background: linear-gradient(to right, #ff01d2, #ff1464)}
	.art-opt.flex-cont .popup-share { padding: 0 1rem}
	.art-opt.flex-cont .fb-share-button { min-height: 38px; padding: 0}

	.det-info { font-size: .9rem; padding-bottom: .3rem!important }
	.flex-cont > .channel-name { display: inline-flex; flex: 0 0 auto; margin-right: auto; white-space: nowrap;  }
	.channel-name a:hover { text-decoration: none!important}
	.channel-name a:hover span { text-decoration: underline}
	.flex-cont > .foll-wr { margin-right: 0!important; margin-left: auto  }
	.video-stat { margin: 0; line-height: 39px; }
	.video-stat .toggle-trigger i { margin-left: .2rem; font-size: .5rem; }
	.toggle-trigger.open-trig .icon-open { top: -.2rem}
	.video-description { padding: 0rem 0 1rem; margin: 0; color: #000}
	.video-description a { word-break: break-all}
	
	#comm-more-btn.def-grd-btn {display: flex}
	
	.play-pg .info-cont .desc { display: none}
		
	.top-fix-cont { position: static; min-height: 50px; }
	.fasha-fix .top-fix-cont { position: static; min-height: 100px; }
	.top-fix-cont header {position: fixed; z-index: 1200}
	.play-pg .player.gr-main {/* display: -ms-grid!important;*/ display: grid!important; overflow: visible }
	.player.gr-main { position: absolute; top: 75px; padding: 0 25px; grid-template-areas: "player sidebar"; height: auto}
	.fasha-fix .player.gr-main { top: 125px}
	.player.gr-main .video-player {grid-area: player; width: 100%;/* height: 0; padding-bottom:  56.25%;*/ outline: none; z-index: 500; }
	.player.gr-main .video-player .main-video-player-frame { max-width: none}
	.player.gr-main .video-player .main-video-player-frame video { object-fit: contain; object-position: 50% 50% }
	
	/* user page */
	
	.usr-grid > .left-col { position: sticky; top: 50px; height: calc( 100vh - 50px);  overflow: auto; scrollbar-width: thin; border-right: 1px solid #ccc;
	display: -ms-grid; display: grid; align-content: start; 
	box-sizing: border-box; align-content: space-between; grid-template-rows: auto auto minmax(auto, 4fr) auto; align-items: start}
	.fasha-fix .usr-grid > .left-col { top:100px; max-height: calc( 100vh - 100px); }
	.usr-grid .left-col::-webkit-scrollbar {background: #eee; }
	.usr-grid .left-col::-webkit-scrollbar,
	.usr-grid .left-col::-webkit-scrollbar-thumb	{ width: 7px!important; border: 0 }
	.usr-grid .left-col::-webkit-scrollbar-button { display: none }
	
	/*.usr-grid .left-col,
	.usr-grid .left-col .wr-stick { }
	.usr-grid .left-col .wr-stick { position: relative; box-sizing: border-box; align-content: space-between; grid-template-rows: auto auto minmax(auto, 4fr) auto; align-items: start}
	.fasha-fix .wr-stick {min-height: calc( 100vh - 90px )!important; max-height: calc( 100vh - 100px )!important}*/
	.usr-grid > .left-col .sect { border-bottom: 1px solid #ccc}
	.usr-grid .vip.user-header { /*grid-row: 3;*/ margin: 0; height: auto }
	.usr-grid .vip-about { display: grid; grid-row: 1; position: relative; margin: 0rem 1.7rem 1rem; padding: 0 0 2rem }
	.usr-grid .vip-about h2 { display: block; margin-top: 2.5rem; text-align: center }
	.vip-about .avatar-simp.small { font-size: 7.8rem; padding: 2px; margin: auto; clear: both}
	.vip-about h2 span { display: block; margin: 1.6rem auto 0; font-size: 1.65rem}
	.vip-about .flex-cont { margin-top: .5rem; grid-row: 3 ; text-align: center}
	.vip-about .flex-cont .foll-wr  { margin: 0 auto 1.5rem!important; flex: initial; font-size: .9rem!important}
	.vip-about .circ-tgl-sm.btm { position: absolute; bottom: 0; left: calc(50% - 1.25rem);}
	/* дебуг */
	.usr-grid .left-col .wr-stick { }
	.usr-grid .left-col .wr-stick .desc { }
	.usr-grid .left-col .wr-stick #descr_long { }
		
	.settings-bottom-menu  { position: absolute; bottom: 0px; width: 100%; display: flex; grid-row: -1; align-self: end}
	.settings-bottom-menu a {
		display:block;
		height: 20px;
		width: 100%;
		margin: auto 0 0;
		padding: 20px 0px 20px 0px;
		background-color: #ececec;
		color:#000;
		text-align: center;
	}
	
	
	.sect.social { grid-row: 2; font-size: 1rem; margin: 0 1.7rem; padding: 1.7rem 0}
	.spread.flex-cont a i { width: 1.35rem; font-size: 1.1em!important; margin-right: .5rem}
	.sect.social .flex-cont { display: -ms-grid; display: grid; grid-gap:1.5rem}
	
	.user-header { position: relative!important; max-height: none!important; height: auto!important; overflow: unset;  margin-top: 0!important; padding-bottom: 70px;  background-image: none!important}
	.user-header .scrld-base { display: none}
	.user-header .top-fix-cont { position: static!important; padding: 0; background: none!important}
	.user-header .top-fix-cont .left-col { display: none}
	.user-header .top-fix-cont .right-col, 
	.user-header .def-nav { width: 100%}
	.user-header .def-nav > ul {display: none}
	.user-header .drop-menu { position: static; display: block!important; width: 100%; padding: 0 1.7rem; box-sizing: border-box; border-radius: 0; box-shadow: none; background: transparent; border: 0 }
	.user-header .drop-menu .sect {display: -ms-grid; display: grid; grid-gap:1.3rem; padding: 1.7rem 0 }
	.user-header .drop-menu .sect:last-child { padding: 1.7rem 0; }
	.user-header .drop-menu a { padding: 0} 
	.user-header .drop-menu a i, 
	.user-header .def-nav .drop-menu a i { font-size: 1.35em; margin-top: 0 }
	#chnl-opt-menu .icon-share { font-size: 1.2em!important; }
	.user-header .drop-menu a span, 
	.user-header .def-nav .drop-menu a span { font-size: 1rem }
	
	.usr-grid .title-cont h2 { display: inline-block; margin-bottom: 0; font-size: 1.14rem; color: #000}
	.usr-grid .title-cont { margin-bottom: 1.5rem}
	.usr-grid .title-cont .left { display: flex}
	.usr-grid .title-cont .left > * { margin-top: auto; margin-bottom: 0 }
	.usr-grid .title-cont h2, 
	.play-inlist { white-space: nowrap}
	
	.usr-grid .major-col { -ms-grid-columns: 1fr; grid-template-columns: 1fr}
	.banner-wrap { display: block; position: relative; }
	.banner-wrap img { width: 100%; height: 422px; max-height: 50vh; object-fit: cover; object-position: 50% 50%;}
	.banner-wrap img[src*=default] { height: 200px; }
	.usr-grid .major-col .btm-fix-nav,
	.usr-grid .major-col .wide,
	.usr-grid .major-col .feed { box-sizing: border-box; width: calc(100vw - 350px); max-width: 1330px; padding: 0 25px;  margin: 2.5rem auto 0}
	.usr-grid .feed.grid-dt h2,
	.usr-grid .feed.grid-dt .title-cont,
	.section-title, h2.section-title { text-align: left }
	.feed.grid-dt .section-container { grid-column: 1 / -1; max-height: none; max-width: none; /* display: -ms-grid; display: grid; grid-gap: 0 18px; -ms-grid-columns:repeat(auto-fill, minmax(200px, 1fr)); grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); grid-template-rows: auto auto; grid-auto-rows: auto; grid-auto-flow: dense;*/}
	.feed.grid-dt .video-list-msg { grid-column: 1 / -1; }
	.btm-fix-nav, .btm-fix-nav.neg-theme { display: flex; position: sticky; top: 50px; grid-row: 2; margin: .5rem auto 0!important; padding: 0;  background: #fff; color: #000; }
	.btm-fix-nav ul { justify-content: flex-start; flex-wrap: wrap; }
	.def-nav.btm-fix-nav a:hover { text-decoration: none}
	.def-nav.btm-fix-nav a i { display: none}
	.def-nav.btm-fix-nav i.icon-more { display: block; font-size: .35rem; margin: auto auto 1rem }
	.def-nav.btm-fix-nav a.more-nav:hover { color: #e82164; text-decoration: none}
	.btm-fix-nav span { display: block; margin: auto auto .5rem; white-space: nowrap}
	.btm-fix-nav.def-nav li { flex: unset; height: auto;  margin: 0 .3rem; font-size: 1rem }
	.btm-fix-nav.def-nav li:first-child { flex: unset; margin-left: 0;}
	.btm-fix-nav.def-nav li > a { height: 50px; padding: 0 .3rem!important; box-sizing: border-box; border-bottom: 2px solid transparent; font: bold 1rem Roboto, sans-serif;  }
	.btm-fix-nav.def-nav li > a.active { border-bottom: 2px solid #ff1464; color: inherit }
	.btm-fix-nav.def-nav > ul > li.extend { display: none }
	.btm-fix-nav .drop-wrap .extend { display: block }		
	
	.usr-grid .section-title {margin-top: 3.5rem}
	.usr-grid table.row-dt { margin: 1rem 0}
	.usr-grid th { border: 1px solid #eee; }	
	.usr-grid td { padding: .5rem; background: #eee; }	
	.usr-grid td .avatar-simp { float: left; margin: 0 1rem 0 0; }
	.usr-grid td p { margin: 0; padding: .5rem; }
	.usr-grid table.row-dt .center .icon-junk { cursor: pointer; padding: 1rem}
	.posimg img {max-width: 68px}
	.row-dt.btn-cont .publish-btn { padding: 0 2rem;  margin: auto; }
	.publish-btn { min-height: 1.8rem;  height: 1.8rem; line-height: 1.8rem;   font: normal .9rem/1.8rem Roboto-Regular, Arial, sans-serif; border-radius: 3px; border: 0}


	
	
	
	.drop-menu.btm { top: 100%; right: auto; left: 0}
	.btm-fix-nav .drop-menu.btm { left: auto; right: 0}
	.drop-menu.btm.right { top: 100%; right: 0!important; left: auto}
	.drop-menu  { padding: 0 1.8rem 1.2rem; text-align: left; border: 1px solid #ccc;  box-shadow: 0 0 3px rgba(0,0,0,.3); }
	.drop-menu .sect { padding: 0 0 1rem; border-bottom: 1px solid #ccc }
	.drop-menu .sect:last-child { padding: 0; border-bottom: 0 }
	.drop-menu > :last-child { border-bottom: 0 }
	.drop-menu a { display: block; padding: 1rem 0 0; text-align: left; font-weight: normal}
	.drop-menu a i { display: none;}
	.wr-stick .drop-menu a i {display: initial;}
	.drop-menu a span { padding: 0; margin: 0; font-size: 1rem; line-height: normal }
	.drop-trgr { cursor: pointer}
	a.drop-trgr:hover,
	a.toggle-trigger:hover,
	a.toggle-trigger-dt:hover	{ text-decoration: none!important;  }
	.drop-trgr .circ-tgl-xs { margin: 0 .75rem;}
	.drop-trgr .circ-tgl-xs .icon-open { display: none}
	.drop-trgr.opn .circ-tgl-xs .icon-open { display: inline-block; }
	.drop-trgr.opn .circ-tgl-xs .icon-closed { display: none}
	
	.title-cont .left .drop-trgr { display: inline-flex; }
	.title-cont .left .circ-tgl-xs { margin: auto .5rem; }
	.title-cont .num {  color: #7c7c7c; font-weight: bold}
	.title-cont .devider { margin: auto .8rem auto .5rem; }

	
	#channel-more { min-width: 12rem}
	
	.channel-search,
	.common-search { display: inline-flex; flex: 1 0 13rem; max-width: 20rem; margin: 0 0 0 auto} 
	.channel-search form,
	.common-search form { margin: auto 0; width: 100%; } 
	.channel-search input,
	.common-search input { background-color: #ececec; color: #000; font-size: 1rem} 
	.channel-search input::placeholder,
	.common-search input::placeholder { color: #000} 
	.channel-search input:focus, 
	.channel-search input:-internal-autofill-selected,
	input#inputSearchInUser,
	.common-search input:focus, 
	.common-search input:-internal-autofill-selected,
	input#inputSearchInUser,
	input#inputSearchInPlylst { background-color: #ececec!important} 
	.channel-search .search-btn,
	.common-search .search-btn { background: transparent; border: 0; padding: 0; font-size: 1rem } 
	
	.wide { margin-top: 2.5rem}
	.wide.shrt { margin-top: 1.5rem!important}
	
	.usr-grid .feed.grid-dt { grid-template-rows: auto auto auto auto auto; grid-auto-rows: auto; }
	.about-pg .feed { border-bottom: none}
	.row-1 {grid-template-rows: auto; grid-auto-rows: 0; grid-row-gap:0!important; overflow: hidden; }
	.row-2 {grid-template-rows: auto auto; grid-auto-rows: 0; grid-row-gap:0!important; overflow: hidden }
	.row-1 .card,
	.row-2 .card { margin-bottom: 1.25rem }
	
	.adminTools { color:#c00; font-size: 1.2rem; padding: .5rem; margin: .5rem; grid-row: 3}
	
	/* item page --- */
	
	.item-pg .gr-main { max-width: 100%; grid-gap:15px 25px; -ms-grid-columns: minmax(60%, 1280px) minmax(320px, 460px); grid-template-columns: minmax(60%, 1280px) minmax(320px, 460px);  grid-template-rows: auto auto 1fr auto; grid-template-areas: "leader-board leader-board" "item-cont sidebar" "major sidebar" "leader-board-btm leader-board-btm";}
	.item-pg .gr-main.powered-by-article { grid-template-rows: auto auto auto 1fr auto; grid-template-areas: "leader-board leader-board"  "powered-by-top sidebar" "item-cont sidebar" "major sidebar" "leader-board-btm leader-board-btm";}
	.item-content { grid-area: item-cont;  }
	.item-content .sect:first-of-type { margin-top: -.5rem}
	.leader-board { display: block; /*max-width: 970px;*/ width: 100%; text-align: center; margin: auto; grid-area: leader-board;}
	.powered-top { grid-area: powered-by-top; margin-bottom: 2rem; border-bottom: 1px solid #e8e8e8; text-align: center; color: #989898; font: normal .9rem/50px Roboto-Regular, sans-serif!important;}
	.powered-top p { margin-top: 0; padding-top: 0}
	.powered-bottom {  margin: 2.2rem auto auto;  padding-top: .5rem; border-bottom: 0px; border-top: 1px solid #e8e8e8; text-align: center; color: #989898; font: normal .9rem/50px Roboto-Regular, sans-serif!important;}
	.powered-top img, .powered-bottom img { max-height: 24px; vertical-align: middle; margin: -.1rem 0 0 .2rem }
	.powered-top a:hover, .powered-bottom a:hover { text-decoration: none}
	.leader-board.bottom-page { grid-area: leader-board-btm;}
	.leader-board div { height: auto!important; }
	.leader-board div[id*="google_ads"]:empty,
	div[id*="google_ads"]:empty	{ display: none!important}
	.leader-board div[style*="height: 1px"] { display: none!important }
	.leader-board iframe { margin: 0 auto 2rem!important}
	.main-pic { display: none}
	.item-pg .major-col { -ms-grid-columns: 1fr; grid-template-columns: 1fr; margin: 0; padding: 0; border-top: 1px solid #e8e8e8}
	.article-content { margin: 0; padding: 0 }
	.item-content .flex-cont { clear: both }
	.item-pg .sidebar.related-content {/* grid-row: 2 / -1; */ grid-area: sidebar;}
	.play-pg .major-col .more-videos,
	.item-pg .major-col .more-videos { margin-bottom:0; border-bottom: 1px solid #e8e8e8; }
		
	.feed.related-content { margin-top: 0}
	.item-pg .sect {  margin: 0; }
	.major-col > .sect {padding-bottom: 0}
	
	.embed-cont {    position: relative;  padding-bottom: 56.25%;}
	.embed-cont > iframe {  position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0!important;}
	.article-content .instagram-media, .article-content p > iframe { width: 100%!important; max-width: 100%!important}
	.article-content p > iframe[src*="facebook.com"] { margin: auto!important; width: auto; min-width: 0!important }

	
	#sticker.player-stuck { position: fixed; bottom: 0; right: 0; left: auto; width: 340px; height: 240px;  background: transparent; box-shadow: none; z-index: 1000}
	#sticker.player-stuck iframe,
	#sticker.player-stuck object,
	#sticker.player-stuck embed { position: absolute; top:48px;  bottom: 0px!important;  right: 0;  width: 340px!important; height: 192px; margin: 0 !important;}
	#sticker h2 { display: none; position: absolute;  bottom: 0px;  top: 0; left: 125px; right: 30px; margin: 0 !important;     padding: .5rem 0 0 .5rem; font: normal .9rem/1.2 Roboto-Regular, sans-serif}
	#sticker.player-stuck h2 { display: block; }
	#sticker .closeBtn.hidden-mb { display: none; position: absolute; top: 0px; right: 0px; padding: 28px 10px; cursor: pointer; font-size: 1rem; color: #7c7c7c; }
	#sticker.player-stuck .closeBtn.hidden-mb { display: block; }

	
	.has-branding .leader-board { display: none}    
	.has-branding .content { background-size: 113% auto !important}    
	.has-branding .item-pg .content .gr-main { margin-top: 12.5%!important; width: 1000px!important; grid-template-areas: "item-cont sidebar" "major sidebar" "leader-board-btm sidebar";}
	.has-branding .item-pg .content .gr-main.powered-by-article { grid-template-rows: auto auto 1fr auto; grid-template-areas:  "powered-by-top sidebar" "item-cont sidebar" "major sidebar" "leader-board-btm leader-board-btm";}
	.has-branding.video-backdrop .item-pg .content .gr-main {margin-top: 0px!important; }
	
	/* tops ---  */
	.major-col .tabs-cont.btn-cont,
	.major-col .charts-list { display: grid}
	.major-col .charts-list,
	.major-col h2, 
	.major-col .btn-cont { grid-column: 1 / -1;}
	.btn-cont + h2 { border: 0; }
	.major-col .tabs-cont.btn-cont { display: block; margin: 0 8px; border: 0; text-align: center; }
	.tabs-cont.btn-cont .def-btn { margin: auto .6rem!important; padding: .2rem 0; border-radius: 4px; min-width: 13rem}
	.def-btn:hover, .def-grd-btn:hover	{ background: linear-gradient(to left, #ff1464 , #ff00d2); text-decoration: none }
	.content a.def-btn.disabled:hover  { background: #ff1464!important}
	.chart .thumb-cont.top-thumb { border-bottom: 0}	

	.major-col > .top-40-videos { grid-column: 1/-1}
	
	/* posters ---  */
	.posters-list .card.posters { padding-bottom: 1.75rem}
	.posters-list .card.posters .thumb-cont { height: auto}
	.posters-list .foll-wr { font: normal 1rem Roboto-Medium, sans-serif!important}
	
	
	/* CARDS LISTS WRAPPERS */
	
	.row-dt { grid-column: 1 / -1; width: 100%; overflow: hidden}
	.double-col { grid-column: span 2;	}
	.video-list-msg {grid-column: 1 / -1; }
	.video-list-msg i {color: #e82164; }
	.column-dt, .major-col.column-mb, .major-col.column-dt, 
	.column-full-mb, .major-col.column-full-mb { display: grid; grid-gap: 26px; grid-template-columns: auto!important; max-width: 800px; }
	.grid-dt { display: grid; grid-gap: 26px; }
	.slider-wrap-dt { width: 100%; margin: 0; padding: 0; -webkit-overflow-scrolling: touch; position: relative;  overflow: hidden;  transition-duration: 400ms;  transition-timing-function: ease;}
	.slider-content-mb,
	.slider-content-dt { display: inline-flex; overflow: hidden; -webkit-transform: translate3d(0px, 0, 0); transition-duration: 400ms; transition-timing-function: ease;  transition-property: transform;}
	.contents-dt { display: contents}
	.slider-wrap-mb { position: relative}
	.slider-wrap-mb .contents-dt { display: contents}
	.discard-wrap-dt { display: contents; }
	.slider-wrap-mb.discard-wrap-dt { display: block; overflow: initial; max-height: none; padding-bottom: 0 }
	.sidebar .slider-wrap-mb.discard-wrap-dt { display: contents; }
	.slider-wrap-mb.discard-wrap-dt .collapsed-toggle { max-height: none; overflow: hidden; }
	
	.grid-dt, ul.grid-dt,
	.column-mb.grid-dt { max-height: none; max-width: none; display: -ms-grid!important; display: grid!important; grid-gap: 0 18px; -ms-grid-columns:repeat(auto-fill, minmax(200px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-auto-flow: dense;}
	.grid-dt.open-toggle, ul.grid-dt.open-toggle  {grid-auto-rows: auto;}
	.grid-dt.collapsed-toggle, ul.grid-dt.collapsed-toggle {grid-auto-rows: 0;}
	.discard-wrap-dt .grid-dt .card,
	.grid-dt .card { width: auto; max-height: none; margin: 0; padding-bottom: 18px;}

	.feed h2,
	.feed .title-cont	{ grid-column: 1 / -1; padding-left: 0; padding-right: 0;  }
	.feed.grid-dt .banner { grid-column: 1 / -1; padding: 18px }
	
	.grid-small-dt {display: -ms-grid!important; display: grid!important; grid-gap: 0 18px; -ms-grid-columns:repeat(auto-fit, minmax(120px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); grid-auto-flow: dense;}
	
	.grid-large-dt, ul.grid-large-dt,
	.major-col.grid-large-dt { max-height: none; max-width: none; display: -ms-grid!important; display: grid!important; grid-gap: 1.5rem 25px; -ms-grid-columns:repeat(3, minmax(250px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-auto-flow: dense;}
	.major-col > .grid-large-dt { grid-column: 1 / -1; }
	
	.column-full-mb .card-landsc-mb .channel-name span { font-size: .9rem}
	
	.slider-wrap-mb.sequiels { height: 14rem }	
		
	/* CARDS LISTS WRAPPERS END */
	
	
	/* CARDS */
	.card { padding-bottom: 1rem}
	.card a:hover .info-cont,
	.card a:hover h2 {text-decoration: underline}
	.thumb-cont .watch-later { display: none}
	.thumb-cont:hover .watch-later { display: flex}
	.top-pos { width: 1.7rem; height: 1.6rem; font: normal .85rem/1.8 Roboto-Regular, sans-serif; }
	.info-cont { padding: 0}
	.info-cont h3 { font: normal 1rem/1.3 Roboto-Regular, sans-serif }
	.info-cont .channel-name a { height: auto; padding: 0 }
	.info-cont .avatar-simp { display: none; }
	.info-cont .channel-name > a span { color: #7c7c7c; font: normal .8rem/1 Roboto-Regular, sans-serif;}
	.info-cont .foll-wr { font-size: .75rem;}
	.info-cont .stats { padding: 0 0 .5rem; color: #7c7c7c; }
	.card.playlist-cell .playlist-add, 
	.card.group-cell .group-add {width: 5rem; transition: background .2s;}
	
	.card-landsc-dt { display: flex}
	.card-landsc-mb .thumb-cont, 
	.card-landsc-dt .thumb-cont { flex: 0 0 173px; max-height: 97px; height: auto; padding-bottom: 0; margin: 0 .8rem auto 0; }
	.card-landsc-dt .thumb-cont img { position: static}
	.card-landsc-dt .info-cont { display: grid; grid-template-rows: auto auto auto auto; align-content: start; padding: 0; margin: 0;}
	.card-landsc-dt h3 { padding: 0; margin: -2px 0 0;}
	.card-landsc-mb h3 a,
	.card-landsc-dt h3 a { padding: 0 0 .6rem; margin: 0; font: normal 1rem/1.3 Roboto-Regular, sans-serif }
	.card-landsc-dt .channel-name { padding: 0; margin: 0; color: #c7c7c7}
	.card-landsc-dt .channel-name a,
	.card-landsc-mb .channel-name a { padding: 0;}
	.card-landsc-mb .info-cont .avatar-simp,
	.card-landsc-dt .info-cont .avatar-simp { display: none}
	.card-landsc-dt .label { padding: 0; margin: 0; font-size: .75rem; font-weight: bold;}
	
	.card-portrait-dt { display: block}
	.card-portrait-dt .thumb-cont { margin: 0!important; height: 0; padding-bottom: 56.25%; }
	.card-portrait-dt .thumb-cont img { position: absolute; }
	.card-portrait-dt h3 a { padding: 1rem 0 .6rem; font: normal 1rem/1.4 Roboto-Regular, sans-serif}
	
	.slider-wrap-dt .card { flex: 1 0 auto}
	.column-full-mb .foll-wr { padding: 0; font-size: 1rem;}
	
	/* Custom Cards */
	/** top 40 home slider discard mobile styles  **/
	.slider-wrap-mb.discard-wrap-dt .card-landsc-dt { overflow: initial; width: auto; margin: 0; padding: 0; text-align: left; border-radius: 0; background: transparent; }
	.slider-wrap-mb.discard-wrap-dt .card-landsc-dt .info-cont h3 a { padding: 0 0 .6rem; font: normal 1rem/1.3 Roboto-Regular, sans-serif;}
	/* posters */
	.poster-cell { width: 11.5rem; height: auto;  margin: 0 12px 0 0;  padding: 0; }
	.poster-cell .thumb-cont { height: 11rem; border-radius: 5px; overflow: hidden; }
	.poster-cell h3 { position: static; min-height: 0; padding: .9rem 0 0;  top: auto; bottom: 0; font: normal .9rem Roboto-Medium, Roboto-Regular, sans-serif; background: transparent; color: #000;}
	.grid-large-dt .poster-cell .thumb-cont { width: 100%;}
	.grid-large-dt .poster-cell .foll-wr { text-align: center; font: normal 1rem Roboto-Medium, sans-serif!important;}
	/* sequels */
	.card.sequel-cell { width: 10.5rem; }
	
	/* sliders */	
	.slider-wrap-mb,
	.slider-wrap-dt	{ overflow: hidden}
	.slider-content-mb,
	.slider-content-dt	{ margin: 0}
	
	.slider-wrap-mb.discard-wrap-dt .view-back,
	.slider-wrap-mb.discard-wrap-dt .view-right,
	.slider-wrap-mb .view-all { display: none} 
	
	.slider-wrap-mb .view-back,
	.slider-wrap-mb .view-right { display: flex; position: absolute; top: 4rem; z-index: 5; padding: 0; margin: 0; width: 4rem; height: 4rem; overflow: hidden; background: #fff; text-decoration: none!important; border-radius: 50%; cursor: pointer}
	.slider-wrap-mb .view-back { display: none; left: -2rem; }
	.slider-wrap-mb .view-right { right: -2rem; }
	.view-back .icon-arrow-left { margin: auto 1.1rem auto auto; color: #000; font-size: 1.5rem;}
	.view-right .icon-arrow-right { margin: auto auto auto 1.1rem; color: #000; font-size: 1.5rem;}

	
	/* channels sliders */
	.slider-wrap-mb.channels .view-back,
	.slider-wrap-mb.channels .view-right { top: 1.5rem}
	.slider-wrap-mb.channels { margin-top: 0; overflow: hidden}
	.slider-wrap-mb.channels > .slider-content-mb { padding: 0 0 .5rem}
	.card.channel-slide a { width: 8.2rem}
	.card.channel-slide .avatar-cont { width: 6.5rem; height: 6.7rem }
	.card.channel-slide .avatar-cont i { font-size: 6.5rem; padding: 1px 0 }
	.card.channel-slide h4 { font: normal .9rem/1.2 Roboto-Medium, sans-serif }
	.card.channel-slide .dot { right: 1.22rem; width: 12px; height: 12px}
	.slider-wrap-mb.channels .view-all { display: block; width: auto}
	.slider-wrap-mb.channels .view-all .def-btn { height: auto; color: #fff; margin-top: 2rem; margin-right: 2.75rem; width: 8.2rem; white-space: nowrap}
	.view-all .def-btn span { margin: auto}

	
	/* make up changes */
	
	.head-grd a.active { border-bottom: 2px solid #E82164  }
	.home-pg .posters { margin-bottom: 0}
	.play-pg .related-content.feed,
	.item-pg .related-content.feed	{ padding: 0; margin-top: 0; grid-gap: 26px;}
	.more-related-videos.more-open { display: -ms-grid; display: grid; grid-gap: 26px;}
	.more-related-videos { padding-top: 0; }
	.nxt-vid-opt { padding: 0; margin: 0; text-transform: uppercase; font: normal .9rem/18px /*Roboto Medium,*/ Roboto-Regular, sans-serif}
	.nxt-vid-opt .autoplay-btn { margin: 0 0 0 .2rem; vertical-align: bottom; }
	.autoplay-btn { background: #d2d2d2; border-color: #d2d2d2; width: 32px; height: 14px; padding: 1px 2px;}
	.autoplay-btn .circle { width: 14px; height: 14px}
	
	.main-video .title-row h1 { margin-right: 0; font: normal 1.4rem Roboto-Medium, Roboto-Regular, sans-serif }
	.main-video .foll-wr {font-size: 1rem!important}
	
	.comments {border: 0; padding: 0; margin: 0}
	.comments-title h3 { padding: 0; font: normal 1.25rem Roboto-Medium, Roboto-Regular, sans-serif; text-align: left}
	.comments-title h3 .mid-dot:before { font-size: 200%; left: 0; line-height: 0}
	.comments-cont { max-width: 740px;}
	.main-comment-cont { border: 0}
	.main-comment-cont.typing { position: static;  max-width: none; padding: 0;}
	.main-comment-cont .main-cont { display: flex; flex-wrap: wrap; box-sizing: border-box; padding: 0 .5rem 0 0; margin-left: -1rem; background: #ececec; height: auto; border-radius: 2rem; }
	.main-comment-cont .main-cont .typing-opt { display: none}
	.main-comment-cont .main-cont .avatar-cont { display: flex; margin: 12px 0 0 1rem;  align-self: flex-start;}
	.main-comment-cont .main-cont .avatar-cont i { margin: auto;}
	.main-comment-cont textarea { box-sizing: border-box; margin: 1.2rem 0; padding: 0 1rem; max-height: none; min-height: 1.4rem; height: 1.4rem; max-width: calc( 100% - 36px - 2rem ); line-height: 1.4rem; color: #000;  background: transparent; resize: vertical;}
	.main-comment-cont textarea::placeholder { color: #000}
	.main-comment-cont .icon-send,
	.comment-reply-container .icon-send { width: 2.25rem; height: 2.25rem; flex: 0 0 2.25rem; font-size: 1.15rem; line-height: 2.25rem; margin: 12px .5rem auto ; background: #9c9c9c; text-align: center; /* color: #fff; */ border-radius: 50%; transition: background .2s }
	.main-comment-cont .icon-send:hover,
	.comment-reply-container .icon-send:hover { background: #e82164}
	.main-comment-cont.typing .main-cont textarea { position: static; margin: 1.2rem 0; padding: 0 1rem; width: 100%; max-width: calc( 100% - 36px - 2rem ); height: 4.5rem; max-height: none; min-height: 1.4rem; }
	.main-comment-cont.typing .main-cont .typing-opt,
	.comment-reply-container .typing-opt { position: static; box-sizing: content-box; display: flex; width: 100%; max-width: none; height: 2.3rem; padding: 1rem 0; margin: 0 1rem; border-top: 1px solid #9c9c9c; background: transparent; justify-content: space-between }
	.typing-opt .icon-smiley-simp { width:2rem; height: 2rem; line-height: 2rem; margin: .2rem 1rem 0 0; font-size: 1.1rem; text-align: center; border-radius: 50%; color: #fff; background: #ff1464}
	.typing-opt img { width:2rem; height: 2rem;  margin: .2rem 1rem 0 0; }
	.cyrilize { color: #000; font-size: 1rem; line-height: 2.3rem;}
	.item-comment .avatar-cont { max-width: 38px; margin-right: 14px;}
	.item-comment .avatar-cont.mini i.icon-crtg,
	.item-comment .avatar-simp.mini { font-size: 36px;}
	.comment-text { margin: .3rem 0 .8rem 52px; font: normal 1rem Roboto-Regular, sans-serif}
	.comment-opt { margin-left: 55px}
	.del-comment-btn { margin-left: 1rem; color: red }
	.comment-info p { display: inline-block; margin: 0 .7rem 0 0; }
	.item-pg .det-info { float: left; margin: 0; padding: 0;  }
	.item-content .sect { padding-bottom: 1.5rem; margin-top: 0; margin-bottom: 1.5rem}
	.reply-cont { border-top: 1px solid transparent}
	.comment-reply-container { display: flex; position: relative; flex-wrap: wrap; box-sizing: border-box; padding: 0 .5rem 0 0; margin: 1rem 0 1rem 54px; background: #ececec; height: auto; border-radius: 2rem; }
	.comment-reply-container textarea { box-sizing: border-box; margin: 1.2rem 1rem; padding: 0; max-height: none; min-height: 1.4rem; height: 4.5rem; width: 100%; line-height: 1.4rem; color: #000;  background: transparent; resize: vertical; border: 0; outline: 0	}
	.comment-reply-container .typing-opt { margin-left: 1rem	}

	
	
	.item-content { /*970 banner*/}
	h1.article-title, .quiz h1, h1.quiz-title {font: normal 2.2rem/1.3 Roboto-Regular, sans-serif; margin-top: -.3rem; padding-top: 0}
	.item-content .leader-board div[id*="google_ads"]:empty,
	div[id*="google_ads"]:empty	{ display: none!important}
	.item-content .leader-board iframe { margin: 0 auto 3rem!important}
	.item-content .leader-board,
	.item-content .main-pic,
	.item-content > .sect,
	section#quizResult, #quizResult { max-width: 820px; margin: auto;}
	.article-content .instagram-media,
	figure.image,
	.quiz-content h2,
	.quiz-content h3,
	.quiz-content p,
	.quiz-content > iframe,
	.article-content h2,
	.article-content h3,
	.article-content p,
	.article-content > iframe	{ max-width: 820px!important; margin-left: auto!important; margin-right: auto!important}
	.article-content p > * { margin-left: 0!important; margin-right: 0!important}
	.article-content p > iframe { width: 100%; max-width: 100%;}
	.article-content p.bannerShow	{ max-width: none;}
	.embed-cont > iframe { max-height: none}
	.answers-cont { max-width: 640px; margin: auto}
	.item-content h2 { padding: 0 0 1.3rem; font: normal 1.6rem/1.25 Roboto-Regular, sans-serif; text-align: left}
	.item-content .art-opt.flex-cont { margin-bottom: 1.5rem; text-align: right; clear: right}
	.sect.btm {margin: 1rem auto; padding: 0}
	.item-content .sect.btm { border: 0}
	
	.search-panel { padding-top: 50px;}
	.autocomplete-ovrlay { z-index: 140}
	
	.def-btn { height: 2.8rem; padding: 0 2rem; margin: auto; font: normal 1rem/2.8rem Roboto-Regular, Arial, sans-serif; border-radius:3px; }
	.sidebar .def-btn { margin: 0 auto 0 0  }
	.avatar-cont, .avatar-simp {text-decoration: none!important} 
	
	
	.promo { position: relative; }	
	.promo .info-cont .channel-name { order: -1; }
	.promo .thumb-cont { width: 100%; height: 100%; min-height: 250px;}
	.promo .thumb-cont img { position: absolute; height: 100%;  min-height: 100px; object-fit: cover;  object-position: 50% 0}
	.promo.card .info-cont { position: absolute; box-sizing: border-box; width: 100%; bottom: 0; padding: 1.2rem; color:#fff; background: linear-gradient( transparent, rgba(0,0,0,.4))}
	.promo.card .info-cont .channel-name span { color:#fff; text-transform: uppercase}
	.promo.card h3 { min-height: 0; font: normal 1.1rem /*Roboto-Medium,*/ Roboto-Regular, sans-serif;}	
	.promo .info-cont .foll-wr,
	.promo .label { display: none }
	
	.promo.double-col { grid-column: 1 / 3 }
	
	/* homegrid promo cards !!!!!!!!!!! */
	.feed.gr-main.home-pg .major-col > .card:nth-child(8n + 1)	{ position: relative; padding: 0}	
	.feed.gr-main.home-pg .major-col > .card .channel,
	.feed.gr-main.home-pg .major-col > .card > p.channel-name { grid-row: -2}
	.feed.gr-main.home-pg .major-col > .card:nth-child(8n + 1) .info-cont .channel-name a { padding-bottom: 0 }
	.feed.gr-main.home-pg .major-col > .card:nth-child(8n + 1) .thumb-cont { width: 100%; height: 0; padding-bottom: 56.25%; }
	.feed.gr-main.home-pg .major-col > .card:nth-child(8n + 1) .thumb-cont video { object-fit: cover; object-position: 50% 50% }
	.feed.gr-main.home-pg .major-col > .card:nth-child(8n + 1) .thumb-cont img { position: absolute; height: 100%;  min-height: 100px; object-fit: cover;  object-position: 50% 0}
	.feed.gr-main.home-pg .major-col > .card:nth-child(8n + 1) .thumb-cont:after { display: block; content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient( transparent 60%, rgba(0,0,0,.75) 97%, rgba(0,0,0,.75))}
	.feed.gr-main.home-pg .major-col > .card:nth-child(8n + 1) .info-cont { display: inline-grid; position: absolute; box-sizing: border-box; width: auto; bottom: 0; margin:  1.2rem ; color:#fff; }
	.feed.gr-main.home-pg .major-col > .card:nth-child(8n + 1) .info-cont span { color:#fff; text-transform: uppercase}
	.feed.gr-main.home-pg .major-col > .card:nth-child(8n + 1) h3 { grid-row: -1; min-height: 0; height: auto; color: inherit; font: normal 1.1rem /*Roboto-Medium,*/ Roboto-Regular, sans-serif;}	
	.feed.gr-main.home-pg .major-col > .card:nth-child(8n + 1) .channel-name { grid-row: -2; }	
	.feed.gr-main.home-pg .major-col > .card:nth-child(8n + 1) .info-cont .foll-wr,
	.feed.gr-main.home-pg .major-col > .card:nth-child(8n + 1) .label { display: none }	
	.feed.gr-main.home-pg .major-col > .card:nth-child(8n + 1) { grid-column: 1 / 3 }
	
	.def-btn.cent { grid-column: 1/-1;  margin: 4rem auto 0; min-height: 0; min-width: 0; font: normal 1rem/2.8rem Roboto-Regular, Arial, sans-serif }
	
	
	.flex-cont.search {display: block}
	.srch-opt.right { margin-right: 0; clear: left}
	.search .drop-menu.open-toggle-dt,
	.search .drop-menu.collapsed-toggle-dt { display: grid; grid-template-columns: 1fr 1fr 1fr .8fr; padding-right: 0;  position: static; clear: both; top: auto; left: auto; right: auto; box-shadow: 0 0 3px rgba(0,0,0,.3) inset;}
	.search .drop-menu.open-toggle-dt .sect {border-bottom: none}
	.search .drop-menu.collapsed-toggle-dt { padding-bottom: 0!important}
	.search-ex {  /*grid-column-end: 4;*/ }
	.feed.searchPage, .sample-list { max-width: 950px}
	.column-mb .column-full-mb:first-child { margin-top: 0}
	
	
	/*  !!!!!!!!!!!!!  */
	.column-full-mb .channel-card .avatar-cont { width: 16rem; flex: 0 0 16rem; text-align: center}
	.column-full-mb .channel-card .avatar-cont i.icon-crtg { font-size: 7rem; padding: 1px 0}
	.column-full-mb .channel-card .info-cont {  margin-left: 0}
	.column-full-mb .card-landsc-mb .thumb-cont { flex: 0 0 16rem; max-height: 9rem;  margin: 0 1.2rem 0 0;}
	.column-full-mb .channel-info-subscr { position: absolute; right: 0; top:0; font-size: 1rem!important}
	.column-full-mb .foll-wr.right { display: inline-block; font-size: 1rem!important; float: none}
	.column-full-mb .channel-card .info-cont .subscr-btn { position: static; }
	.column-full-mb .channel-card .icon-subscr  { position: relative; bottom: -.1rem; top:auto; left: auto}
	.column-full-mb .channel-card .icon-notification  { position: relative; bottom: -.25rem; top:auto; left: auto}
	.column-full-mb h3 { font-size: 1.1rem; padding: .2rem 0 0}
	.column-full-mb .desc { margin-top: .75rem; font: normal .9rem Roboto-Regular, sans-serif; max-height: 2.25rem; overflow: hidden; color: #7C7C7C; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  text-overflow: ellipsis;}
	
	.sidebar .banner { width: 300px; /*padding-bottom: 25px;*/  border:0; /*background: #fff;*/ z-index: 110; text-align: left; padding: 0; margin: 0 }	
	.banner iframe { margin-left: 0}
	.sidebar .wr-stick { position: -webkit-sticky; position: sticky; }
	.stuck { position: -webkit-sticky; position: sticky!important; padding-top: 25px; overflow: hidden;}
	.stuck.pass-2 .wr-stick { margin-top: 1200px }
	.stuck.pass-3 .wr-stick { margin-top: 3000px }	
	.stuck.pass-4 .wr-stick { margin-top: 4200px }	
	.stuck.pass-2shrt .wr-stick { margin-top: 800px }
	.banner.pos-1 { padding-top: 0; }
	
	.autocomplete-ovrlay { max-width:  none}


	.hidden-dt { display: none!important}
	.mb-tgl-only.collapsed-toggle { max-height: none; height: auto; -webkit-transition: none; transition: none;}
	#def-cont.mb-tgl-only {  max-height:none!important; height: auto; overflow: auto; -webkit-transition: none; transition: none;}
	#def-cont.mb-tgl-only.open-toggle .video-description.collapsed-toggle {  max-height: 0!important; }
	
	.circ-wr { height: 1px; background: #c7c7c7; background-clip: content-box; padding: 2.2rem 0;  text-align: center  }
	.circ-wr .circ-tgl {  position: absolute; margin-top: -2.2rem;  margin-left: -2.2rem;}
	.circ-tgl, a.circ-tgl,
	.circ-tgl-sm, a.circ-tgl-sm,
	.circ-tgl-xs, a.circ-tgl-xs	{ display: inline-flex; position: relative; margin: 0 auto; background: #ececec; border-radius: 50%; text-decoration: none!important}
	.circ-tgl, a.circ-tgl { width:4.4rem; height: 4.4rem; font-size: 1rem!important}
	.circ-tgl-sm, a.circ-tgl-sm	{ width:2.5rem; height: 2.5rem; font-size: .7rem!important; color: #000!important }
	.circ-tgl-xs, a.circ-tgl-xs	{ width: 1.2rem; height: 1.2rem; font-size: .4rem!important; color: #000!important }
	.circ-tgl .icon-arrow-left, .circ-tgl-sm .icon-arrow-left,
	.circ-tgl .icon-arrow-right, .circ-tgl-sm .icon-arrow-right,
	.circ-tgl .icon-closed, .circ-tgl-sm .icon-closed,
	.circ-tgl .icon-open , .circ-tgl-sm .icon-open,
	.circ-tgl-xs .icon-closed , .circ-tgl-xs .icon-open	{ display: inline-block; margin: auto!important; font-size: inherit; color: inherit!important}
	.circ-tgl-xs .icon-closed , .circ-tgl-xs .icon-open	{ }
	.circ-tgl .icon-arrow-left, .circ-tgl-sm .icon-arrow-left,
	.circ-tgl .icon-arrow-right, .circ-tgl-sm .icon-arrow-right { font-size: 1.5rem}
	
	/*.circ-tgl.btm { bottom: -2.2rem }*/
	.circ-tgl-sm.btm { margin-bottom: -1.25rem }
	
	.btn-wrap { display:none; text-align: center; }
	
	
	/* modals and forms */
	.modal-cont { max-width: 50rem; min-width: 40rem }
	.modal-cont .flex-cont i { display: inline-block; margin-top: auto; margin-right: .5rem }

	
	/*== PLAYLIST ==*/
	
	.video-playlist-container.gr-main { display: none}
	.site-container.plylst-opn .video-playlist-container.gr-main,
	.site-container.plylst-cls .video-playlist-container.gr-main { display: grid}	
	.site-container.plylst-opn .sidebar { grid-row: 2 / -1; padding-top: 10px}
	.site-container.plylst-cls .sidebar { grid-row: 1 / -1; padding-top: 75px; }
	.theater-mode .video-playlist-container { padding-right: 50px; text-align: left }

	.play-pg.theater-mode.site-container.plylst-opn .video-playlist-container,
	.play-pg.theater-mode.site-container.plylst-cls .video-playlist-container { grid-row-start: 2; grid-column-start: 2; }
	.play-pg.theater-mode.site-container.plylst-opn .sidebar { grid-row: 2 / -1!important;  padding-top: 630px; }
	.play-pg.theater-mode.site-container.plylst-cls .sidebar { grid-row: 2 / -1; padding-top: 75px; }
	.site-container.plylst-opn .nxt-vid-opt, 
	.site-container.plylst-cls .nxt-vid-opt { display: none} 
	
	.playlist-wrap.open-toggle,
	.fasha-fix .playlist-wrap.open-toggle	{ max-height: none!important; max-width: none!important; height: 100%!important; top: auto; overflow: hidden; overflow-y: auto }
	.play-pg.theater-mode .playlist-wrap.open-toggle { max-height: 600px!important; height: 600px!important; }
	.playlist-wrap { position: absolute; grid-area: sidebar; display: flex; flex-direction: column; }
	.play-pg.theater-mode .playlist-wrap { position: static; max-width: calc( 100% - 40px); margin: 0 50px 0 0!important }
	.playlist-wrap a:hover { text-decoration: none; }
	.playlist-wrap.collapsed-toggle { top: 0}
	.playlist-nav { margin: 0; padding: .5rem 16px 1rem; }
	.playlist-list { overflow: hidden; overflow-y: auto;  scrollbar-width: thin; padding: .5rem 0 0 0!important; }
	.playlist-list:after {display: none}
	.playlist-list::-webkit-scrollbar { background: #2b2b2b; }
	.playlist-list::-webkit-scrollbar,
	.playlist-list::-webkit-scrollbar-thumb	{ width: 7px!important; border: 0; }
	.playlist-list::-webkit-scrollbar-thumb	{ background: #777;  }
	.playlist-list::-webkit-scrollbar-button { display: none }
	
	.playlist-list .list-item.landsc-cell { padding: 0 1.25rem 0 .75rem; position: relative}
	.playlist-list .list-item.landsc-cell:hover { background: #1b1b1b}
	.list-item.landsc-cell a { padding: .3rem 0}
	.list-item.landsc-cell .icon-x-search { display: none; position: absolute; top: 5px; right: 5px; font-size: .85rem;  border-radius: 50%; color: #7c7c7c; cursor: pointer }
	.playlist-list .list-item.landsc-cell:hover .icon-x-search { display: block;}
	.list-item.landsc-cell .icon-x-search:hover { color: #ED0F64; }
	
	/* ADD TO PLAYLIST */
	.add-plst-pg.single-col,
	.add-group-pg.single-col	{ border-radius: 0 }
	.add-plst-pg .common-search { width: 100%; padding: 1rem 0; display: flex; }
	#new-plylst.field-wrap {padding: .5rem 0 .5rem;}
	#new-plylst.field-wrap input[type=text] { padding: .6rem .5rem .4rem 2rem; font-size: 1rem; text-align: left}
	#new-plylst.field-wrap .btns-cont { padding: .5rem 0 0;}
	
	.add-plst-pg .card:hover .playlist-add,
	.add-group-pg .card:hover .playlist-add { display: none}
	.add-plst-pg .playlist-add .icon-check,
	.add-group-pg .group-add .icon-check { display: none}
	.add-plst-pg .checked-plst .playlist-add .icon-check,
	.add-group-pg .checked-group .group-add .icon-check { display: block; font-size: 1rem}
	.add-plst-pg .checked-plst .playlist-add .icon-playlist-thin,
	.add-group-pg .checked-group .group-add .icon-playlist-thin { display: none}
	.add-plst-pg .check-plst-wrap,
	.add-plst-pg .checked-plst .check-plst-wrap,
	.add-group-pg .check-plst-wrap,
	.add-group-pg .checked-plst .check-plst-wrap { display: none; position: absolute; top:0 ; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8)}
	.add-plst-pg .card:hover .check-plst-wrap,
	.add-plst-pg .checked-plst .card:hover .check-plst-wrap,
	.add-group-pg .card:hover .check-plst-wrap,
	.add-group-pg .checked-plst .card:hover .check-plst-wrap { display: flex; }
	.add-plst-pg .check-plst-wrap .icon-check, 
	.add-plst-pg .check-plst-wrap .check-empty,
	.add-group-pg .check-plst-wrap .icon-check, 
	.add-group-pg .check-plst-wrap .check-empty { margin: auto}
	.add-plst-pg .check-plst-wrap .icon-check,
	.add-group-pg .check-plst-wrap .icon-check { display: none; color: #fff; font-size: 1.2rem} 
	.add-plst-pg .check-plst-wrap .check-empty,
	.add-group-pg .check-plst-wrap .check-empty { display: block; width: 2rem; height: 2rem; border-radius: 3px; border: 1px solid #fff;}
	.add-plst-pg .checked-plst .icon-check,
	.add-group-pg .checked-group .icon-check { display: block; } 
	.add-plst-pg .checked-plst .check-empty,
	.add-group-pg .checked-group .check-empty { display: none; } 

	
	/*== END OF PLAYLIST ==*/

	
	
	/* make up changes */
	.content a:hover { text-decoration: underline}
	.content a:hover > * { text-decoration: none}
	.content a:hover > h3 { text-decoration: underline}
	.avatar-cont.small i.icon-crtg, .avatar-simp.small { font-size: 36px}
	.channel-name span { font:normal 1rem Roboto-Regular, sans-serif}
	
	

	h1.logo-cont img { width: 110px; height: 27px; margin-top: -.3rem }
	h1.logo-cont a { padding-left: 20px; }
	.sidebar h2 {text-align: left; margin: 0}
	.sidebar .view-all { padding: 0; margin: 0; background: transparent; border-radius: 0; text-align: left  }
	.sidebar .view-all a { display: inline-flex; width: auto; }

	
	.open-toggle, .collapsed-toggle {-webkit-transition: none;  transition: none;}
	.open-toggle { max-height: none!important}
	.moreLoadingBox { max-width: none; bottom: 100px; background: linear-gradient( transparent, rgba(255,255,255,.4), transparent); padding: 4rem 0;}
	
	.major-col > .title-cont { padding-top: 0; }
	.major-col > .title-cont > h2 { margin-bottom: 0;}
	.title-cont {overflow: visible; padding: 0}
	.usr-grid .title-cont { padding: 25px 0; display: flex;}
	.usr-grid .title-cont .left { margin: auto auto 0 0; order: -1}
	.usr-grid .title-cont .right { margin: auto 0 0 auto }
	.usr-grid .feed .title-cont { padding-top: 0; padding-bottom: .5rem}
	.title-cont h2 {text-align: left}
	.drop-selected { color: #7c7c7c; padding: 0 .75rem 0 0;}
	
	.vnav-grd { max-width: 20rem; right: auto; overflow-x: hidden; }
	.vnav-grd::-webkit-scrollbar { background: #19191b; }
	.vnav-grd::-webkit-scrollbar,
	.vnav-grd::-webkit-scrollbar-thumb	{ width: 7px!important; border: 0; }
	.vnav-grd::-webkit-scrollbar-thumb	{ background: #404040;  }
	.vnav-grd::-webkit-scrollbar-button { display: none }
	
	.ftr-grd > div { padding: 0; border-bottom: 0}
	.ftr-grd p { margin: 0 .75rem 1.7rem .75rem; text-align: left; font-size: .9rem }
	.ftr-grd p:last-child { margin-bottom: 0}
	.ftr-grd p a { display: inline; margin-bottom: 0; font-weight: normal }
	.ftr-grd span { margin: auto auto auto 0}
	.ftr-grd i { font-size: 1.2rem; margin: auto .7rem auto 0; color: #fff!important; background: transparent!important; vertical-align: bottom }
	.ftr-grd .apps-ar { padding-right: 5rem!important; justify-self: start}
	.ftr-grd .apps-ar img { display: inline-block; margin-bottom: 1.3rem }	
	.ftr-grd .apps-ar a {  border: 0; display: inline-block; margin: .5rem .3rem 0 0;}	
	.ftr-grd .apps-ar a:hover { text-decoration: none; }	
	.ftr-grd .groups-ar,
	.ftr-grd .followus-ar,
	.ftr-grd .law-ar { border-left: 1px solid #212121	}
	.ftr-grd > .portfl-ar { text-align: right; margin-bottom: 1.2rem;  padding-left: 1.3rem!important; padding-top: 2.5rem }
	.ftr-grd > .aboutus-ar {justify-self: start; text-align: left; margin-bottom: 1.2rem;  padding-left: 0rem!important; padding-top: 2.5rem}
	.ftr-grd .portfl-ar p,
	.ftr-grd .aboutus-ar p { display: inline-block; margin-left: .3rem; margin-bottom: .4rem  }

	.ni-ar { align-self: end;}
	.ni-ar p { text-align: right; color: #6a6a6a}
	.ni-ar img { margin-left: 1rem; }

	.center-btns a {
		margin: 0 5px;
	}

	.video-thumb {
		margin: 0;
	}

	.edit-save-cont {
		text-align: center;
	}

}

/* 1280px */
@media screen and (min-width: 1250px) {
	.head-grd { -ms-grid-columns: 1fr 1fr 2fr minmax(200px, 3fr) 3.8fr 55px; grid-template-columns: auto auto auto minmax(200px, 3fr) auto auto;}
	.head-grd .left-col { margin-right: 2.2rem; }
	.searchnv-cont form { min-width: 200px;}
	.top40nv-cont { margin-right: 2rem; }
	.posters-cont { margin-right: 2rem; }
	.usr-cont { margin-left: .6rem; }
	.sub-nav a { padding: 0 .9rem; font: normal .8rem/50px Roboto-Regular, sans-serif!important;}
	.usr-cont a span { font: normal .8rem/100% Roboto-Regular, sans-serif!important;}
	.searchnv-cont a span, .top40nv-cont a span, .posters-cont a span, .usr-cont a span { font: normal .9rem/100% Roboto-Regular, sans-serif!important;}
	.sub-nav a { font: normal .9rem/50px Roboto-Regular, sans-serif!important;}	
	.btm-fix-nav.def-nav li { margin: 0 1rem; }
	.btm-fix-nav.def-nav li > a { font: bold 1.14rem Roboto, sans-serif;  }	
	.usr-grid .ftr-grd .apps-ar { padding-right: 8rem!important; justify-self: start}


	
	.gr-main {
		-ms-grid-columns:  minmax(800px, auto) minmax(320px, 400px) ;
		grid-template-columns:  minmax(800px, auto) minmax(320px, 400px) ;
	}	
	
	.major-col { 
		-ms-grid-columns: repeat( 3, minmax(240px, 1fr));
		grid-template-columns: repeat( 3, minmax(240px, 1fr));
	}
	

}

/* 1366x768, laptop resolutions */

@media screen and (min-width: 1320px) and (max-height: 768px) {
	.searchnv-cont a span,
	.top40nv-cont a span,
	.posters-cont a span,
	.usr-cont a span, 
	.sub-nav a { font-size: .85rem!important; padding: 0 .5rem; }
	.head-grd .left-col { margin-right: 1.75rem;}
	.top40nv-cont,
	.posters-cont { margin-right: 1rem;}
	.searchnv-cont {min-width: 370px}
	.player.gr-main { padding: 0 50px;}
	.gr-main { padding: 25px 50px}
	.main-video { margin-top: -3px!important;}	
	.main-video .title-row h1 { margin-bottom: .2rem;}
	.play-pg.theater-mode .player-space, 
	.play-pg.theater-mode .player.gr-main .video-player { height: calc(100vh - 150px)}
	.play-pg.theater-mode .player.gr-main .vbox-player.magenta { height: calc(100vh - 150px)}
	.nxt-vid-opt { margin-bottom: -12px}
	
	.embed-cont {    position: relative;  padding-bottom: 0%; height: 461px;}
	.embed-cont > iframe,
	.article-content p.embed-cont > iframe {  position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; margin: 0!important;}
	
	.has-branding .content { background-size: 115% auto!important; }    
	.has-branding .item-pg .content .gr-main {margin-top: 12.5%!important; width: 1126px!important;}
	.has-branding.video-backdrop .item-pg .content .gr-main {margin-top: 0px!important; }

}

/* 1400, 1440px (apple) and above */
@media screen and (min-width: 1350px) {
	.btm-fix-nav .drop-menu.btm { left: -1.8rem}
	.det-info { font-size: 1rem}
	.ftr-grd {grid-template-areas: 
		"app flw groups law portfolio"
		"app flw groups law about"
		"app flw groups law ni-copyright";}
	.usr-grid .ftr-grd {grid-template-areas: 
		"app flw groups law portfolio"
		"app flw groups law about"
		"app flw groups ni-copyright ni-copyright";}
	.ftr-grd >.portfl-ar, .ftr-grd > .aboutus-ar { text-align: right; margin-bottom: 1.2rem;  padding-left: 1.3rem!important; padding-top: 0!important; justify-self: end;}
	.apps-ar { padding-right: 0!important}
	.embed-cont {    position: relative;  padding-bottom: 0%; height: 461px;}
	
	.has-branding .content { background-size: 115% auto!important; }    
	.has-branding .item-pg .content .gr-main {margin-top: 12.5%!important; width: 1126px!important;}
	.has-branding.video-backdrop .item-pg .content .gr-main {margin-top: 0px!important; }
}

/* WIDE SCREENS ONLY */
@media screen and (min-width: 1800px) {	
	.searchnv-cont form { max-width: 465px; }
	.play-pg .gr-main {  /*width: calc( 100% - 100px); */ box-sizing: border-box; margin: 0 50px !important; -ms-grid-columns: minmax(60%, 1435px) minmax(320px, 400px) ; grid-template-columns: minmax(60%, 1435px) minmax(320px, 400px); }
	.play-pg.theater-mode .player.gr-main { margin: 0!important; width: 100% }
	/*.fasha-fix .play-pg.theater-mode .player.gr-main { margin: 50px 0 0!important; width: 100% }*/
	.play-pg.theater-mode .gr-main { margin: 0; grid-template-columns: minmax(60%, 1435px) minmax(320px, 475px);}
	.play-pg.theater-mode .major-col { padding-left: 75px; }
	.play-pg.theater-mode .sidebar,
	.theater-mode .video-playlist-container { padding-right: 75px; }
	.ftr-grd p { margin: 0 0 1.7rem 2.5rem; }
	.ftr-grd .portfl-ar p, .ftr-grd .aboutus-ar p { margin-left: 1rem; margin-bottom: 0rem  }
	.portfl-ar, .aboutus-ar { margin-bottom: 0  }
	.def-btn.cent.small { grid-column: 2/-2;}
	.charts-list #cont-0.row-1 { grid-template-rows: auto auto}
	
	.gr-main.cent { margin: 1.5rem auto 0;}
	.item-pg .gr-main { max-width: 1400px; grid-template-columns: minmax(970px, 1435px) minmax(320px, 475px); grid-template-areas: "leader-board sidebar" "item-cont sidebar" "major sidebar" "leader-board-btm sidebar"}
	.item-pg .gr-main.powered-by-article {grid-template-areas: "leader-board sidebar" "powered-by-top sidebar" "item-cont sidebar" "major sidebar" "leader-board-btm sidebar"}
	.leader-board { grid-column: span 1;}
	.leader-board iframe { margin: 0 auto 3rem!important}
	.powered-top, .powered-bottom { width: 100%; max-width: 820px; margin: 0 auto 2rem }
	.powered-bottom { margin: 1rem auto 1.2rem }
	.powered-top p { margin-top: 0; font-size: 1.05rem}
	.item-pg .sidebar.related-content { grid-row: 1 / -1; }

	.has-branding .content { background-size: auto!important; }    
	.has-branding .item-pg .content .gr-main {margin-top: 200px!important; width: 100%!important; grid-template-columns: minmax(60%, 1435px) minmax(320px, 475px); grid-template-areas: "leader-board leader-board" "item-cont sidebar" "major sidebar" "leader-board-btm leader-board-btm"; }
	.has-branding .item-pg .content .gr-main.powered-by-article {grid-template-areas: "powered-by-top sidebar" "item-cont sidebar" "major sidebar" "leader-board-btm sidebar"}
	.has-branding.video-backdrop .item-pg .content .gr-main {margin-top: 0px!important; }
	
	.btm-fix-nav.def-nav > ul > li.extend { display: inline-block }
	.btm-fix-nav .drop-wrap .extend { display: none }
	
}


	

/* === IE 10, IE 11 === */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.head-grd .top40nv-cont > a > *,
	.head-grd .posters-cont > a > *,
	.head-grd .usr-cont > a > * { line-height: 50px!important;}
	.avatar-simp, .avatar-cont { border-radius: 40%; overflow: hidden}
	.fasha-fix .head-grd > div,
	.fasha-fix .head-grd > nav.sub-nav 	{ -ms-grid-row:2; }
	#fasha-top { -ms-grid-row:1!important; -ms-grid-column-span:10;}
	
	/* auto grids fixes */
	
	.gr-main { max-width: none; width: 80%; -ms-grid-columns: minmax(900px, 75%) minmax(320px, 25%)}
	.play-pg .gr-main { width: 1200px; -ms-grid-columns: 840px 380px; margin: 0 auto!important }
	.gr-main.cent {max-width: none; }
	.major-col { display: flex;	flex-wrap: wrap}
	.major-col > .card { flex-grow: 1; width: 33%; box-sizing: border-box; padding: 0 26px 26px 0 }
	.feed.gr-main.home-pg .major-col > :nth-child(8n+1).card { width: 66%; padding: 0 26px 26px 0 }
	.sidebar .wr-stick,
	.sidebar .horizontal-list-wrap,
	.sidebar .horizontal-list-cont,
	.sidebar .horizontal-list-wrap ul,
	.more-related-videos.more-open { display: flex!important; flex-direction: column;max-width: 380px}
	.sidebar .horizontal-list-wrap ul { overflow: visible}
	.horizontal-list-wrap li.card-landsc-dt,
	.more-related-videos.more-open,
	.sidebar .landscape-items-wrapper { display: flex!important; flex-direction: column;max-width: 380px}
	.sidebar .horizontal-list-wrap ul,
	.sidebar .landscape-items-wrapper { overflow: visible}
	.horizontal-list-wrap .card-landsc-dt,
	.sidebar .card-landsc-mb{ flex: 1 0 100px; padding: 26px 0 0!important}
	.major-col .banner,
	.grid-mb .simple-btn.cent,
	.gr-main.grid-mb .def-btn,
	.major-col > .top-40-videos,
	.major-col .charts-list,
	.def-btn.cent,
	.row,
	/*.row-mb,*/
	.row-tb,
	.row-dt,
	.feed.grid-dt .banner,
	.major-col > .grid-large-dt,
	.feed.grid-dt .section-container,
	.feed.grid-dt .video-list-msg,
	.major-col .btn-cont,
	.video-list-msg,
	.feed.grid-dt h2, .feed.grid-dt .title-cont { flex: 0 0 100%; box-sizing: border-box; }
	.grid-large-dt, .grid-dt,
	ul.grid-dt,
	.usr-grid .section-container { display: flex!important;	flex-wrap: wrap}
	.grid-large-dt .card, 
	ul.grid-large-dt .card,
	.major-col.grid-large-dt .card { flex-grow: 0; width: 33%; box-sizing: border-box; padding: 0 26px 26px 0  }
	
	.grid-dt .card, 
	ul.grid-dt .card,
	.major-col.grid-dt .card,
	.usr-grid .section-container  .card { flex-grow: 0; width: 25%!important; box-sizing: border-box; padding: 0 26px 26px 0  }
	
	.item-pg .gr-main {}
	.item-content { display: flex; flex-direction: column; -ms-grid-row: 1}
	.item-pg .major-col,
	.play-pg .major-col { -ms-grid-row: 2}
	.item-pg .major-col .sect,
	.item-pg .major-col section.sect{ width:100%}
	
	.item-content .art-opt.flex-cont { float: right}
	.item-pg .comments { width:100%}
	.sidebar .circ-wr { position: relative; margin: 2rem 0; }
	.sidebar .more-related-btn { left: 50%}
	.circ-tgl .icon-arrow-left
	.circ-tgl .icon-arrow-right,
	.circ-tgl .icon-closed, 
	.circ-tgl .icon-open { margin-top: 1.7rem!important}
	.circ-tgl-sm .icon-arrow-left, 
	.circ-tgl-sm .icon-arrow-right, 
	.circ-tgl-sm .icon-closed, 
	.circ-tgl-sm .icon-open { margin-top: 1rem!important}
	.circ-tgl-xs .icon-closed, .circ-tgl-xs .icon-open { margin-top: .4rem!important}
	
	.play-pg.theater-mode .gr-main { margin: 0 auto!important; padding: 25px}
	.play-pg .gr-main { -ms-grid-rows: /*calc(( 100vw - 600px )*9/16)*/ 430px auto; }
	.play-pg .player.gr-main { overflow: visible; display: -ms-grid!important; left: calc( 50% - 600px ); padding-bottom: 0!important; box-sizing: border-box}
	.main-video { width: 100%; box-sizing: border-box; padding: 1rem 75px  0 0; }
	.player-space, 
	.play-pg .player.gr-main .video-player,
	.play-pg.theater-mode .player.gr-main .video-player,
	.play-pg.theater-mode .player-space { /*width: calc( 100vw - 600px ); height: calc(( 100vw - 600px )*9/16);*/ width: 765px; height: 430px; left: calc( 50% - 600px ); padding-bottom: 0!important; box-sizing: border-box}
	.play-pg.theater-mode .player-space { margin-top: 25px;} 
	.play-pg.theater-mode .player.gr-main { top: 75px; padding: 0 25px; width: auto}
	.play-pg.theater-mode .player.gr-main .video-player { height: 430px }
	.play-pg.theater-mode .player.gr-main .vbox-player.magenta { height: 430px   }
	.video-playlist-container { -ms-grid-column: 2}
	.playlist-wrap { position: static!important}
	
	.play-pg.theater-mode .major-col { padding-left: 0}
	
	.play-pg.site-container.plylst-opn .sidebar,
	.play-pg.theater-mode.site-container.plylst-opn .sidebar { padding-top: 480px!important}
	.comments { width: 100%}
	
	/* USER PAGES */
	
	.usr-grid { display: -ms-grid; width: 100%; -ms-grid-columns: minmax(280px, 300px) minmax(600px, 1200px); }
	.usr-grid .left-col, .usr-grid .left-col .wr-stick { display: flex; flex-direction: column;}
	.usr-grid .vip-about { -ms-flex-order: 1}
	.old-banner.user-header { -ms-flex-order: 2;}
	.usr-grid .vip-about,
	.user-header .drop-menu .sect { display: flex; flex-direction: column}
	.user-header .drop-menu .sect a {padding-bottom: 1.3rem}
	.toggle-trigger.open-trig .icon-open { top: -1rem}
	.footer-area { display: none}
	.usr-grid .major-col { flex-direction: column}
	.banner-wrap { -ms-flex-order: 1}
	.banner-wrap img { height: 200px}
	.btm-fix-nav, .btm-fix-nav.neg-theme { position: static; -ms-flex-order: 1}
	.usr-grid .feed.grid-dt { -ms-flex-order: 2; align-content: flex-start}
	.btm-fix-nav ul { width: 100%;}
	.title-cont .left .drop-trgr { display: block}
}


/* === IE Edge === */

@supports (-ms-ime-align:auto) and (min-width: 1200px){
	.horizontal-list-wrap { overflow: auto }
	.sidebar .slider-content-mb.contents-dt  {
		display: -ms-grid; 
		display: grid;
		grid-gap: 26px;
		padding-top: 26px;
		max-height: none; 
		text-align: left;
	    align-content: start;}
	.sidebar .horizontal-list-cont {grid-row-start:1}
	.banner.pos-1 {grid-row-start:2}
	.banner.pos-2 {grid-row-start:3}
	
}