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

.head-grd {	display: -ms-grid!important; display: grid!important; min-width: 300px;}	
.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,
.grd-5-col:before, .grd-5-col:after,
.grd-4-col:before, .grd-4-col:after,
.section-container:before, .section-container:after,
.gr-main:before, .gr-main:after { display: none; grid-column: 1/-1;}

.foll-wr { cursor: pointer}
.foll-wr .num { font-weight: normal; font-family: Roboto-regular}

.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: none; position: fixed; display: flex; align-items: center; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.7); z-index: 99999}
.modal-cont { max-height: calc( 100vh - 30px); max-width: calc( 100vw - 10rem); margin: auto; padding: 1.5rem 2rem; border-radius: 5px; background: #fff; }
.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-cont h3 { }
.modal-cont .btn-cont { text-align: center}
.modal-cont .flex-cont { margin: 1rem 0 }
.modal-cont .flex-cont i { margin-right: .5rem }
.modal-cont textarea { text-align: left; }
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;}

/* flexible cards styles */
.card-flex {}
.info-cont .channel { display: flex;  padding: 0; margin: 0 0 .2rem; justify-content: space-between;}

/* 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}
*/
	
	/* 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;
	}		
	.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 1rem; font-size: 18px; }
	.usr-cont a { margin-right: 0;  padding: 0 16px 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: -4px; max-height: 44px; height: 44px; display: flex; flex-wrap: nowrap ; overflow: auto; padding: 0 0 0 .4rem; margin-bottom: -2px; }
	.sub-nav a {height: 41px;}	
	
	#vnav-trg { display: flex; padding: 0 10px 0 18px; width: 18px;}
	#vnav-trg i { margin: auto}
	
	.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;}
	
	.fasha-fix .vnav-grd { top:100px}
	
	.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-bottom: 1rem }	
	.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}

	
	.gr-main {
		grid-template-columns: 100%;
	}
	.gr-main.channels-list { grid-template-columns: repeat(2, 1fr); padding-top: 1.1rem; padding-left:  8px; padding-right:  8px; margin-top: 0 }
	.gr-main.feed { padding-top: 1.1rem; margin: 0 auto}
	.sidebar, .major-col, .sidebar .wr-stick { display: contents} 	
	.sidebar .horizontal-list-cont {grid-row-start: 2;}
	.sidebar .horizontal-list-cont { display: none}
	.home-pg .sidebar .horizontal-list-cont { display: block}
	.play-pg .major-col .horizontal-list-cont {grid-row-start: 5;}
	.more-videos .horizontal-list-wrap { margin: 0; padding-bottom: 1rem}
	.more-videos .horizontal-list-wrap .thumb-cont { border: 0}
	
	.major-col > h2 { margin-top: 1.5rem}
	
	.play-pg .player-space { display: none}
	.play-pg .sidebar.related-content,
	.item-pg .sidebar.related-content	{ display: -ms-grid; display: grid; grid-gap:1.85rem; grid-row-start: 2; padding: 0 8px}
	.item-pg .sidebar.related-content	{ grid-row-start: 4; margin-top: 1.5rem;}
	#def-cont.open-toggle { max-height: none!important; height: auto; padding-bottom: .75rem; overflow: visible}
	#def-cont.open-toggle .video-description { max-height: 1500px!important; height: auto; overflow: auto}
	.more-related-videos.more-open { display: -ms-grid; display: grid; grid-gap:1.85rem;}
	.horizontal-list-wrap ul { overflow: scroll}
	.play-pg .sidebar.related-content .card-landsc,
	.item-pg .sidebar.related-content .card-landsc { margin: 0 8px; padding: 0}
	/*.nxt-vid-opt { padding: 0; margin-bottom: -1rem}*/

	.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;}
	/*.sect.btm { border: 0}*/
	.quiz-content {padding: 0 8px;}
	
	.banner { width: 100%; box-sizing: border-box; text-align: center; position: relative; padding: 1.8rem 0 2rem; /*background: #fff; margin-top: -1px;*/  grid-column: 1/-1; margin: 1.5rem auto;	}
	.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-2 .bannitself {	height: 600px;   }	
	.top-charts .banner.pos-1 { grid-row-start: 5;	}
	.top-charts .banner.pos-2 { grid-row-start: 9;	}
	.top-charts .banner.pos-3 { grid-row-start: 16;	}
	.banner.pos-3 { /*background: #009126;*/	}
	.related-content .banner.pos-1,
	.related-content .banner.pos-2,
	.related-content .banner.pos-3 { grid-row-start: auto;	}
	.item-content .leader-board div[id*="google_ads"]:empty,
	div[id*="google_ads"]:empty	{ display: none!important}
	.leader-board div[style*="height: 1px"] { display: none!important }
	.powered-top { border-bottom: 0 }
	.powered-bottom { border-top: 0; margin: 0 16px;  }
	
	.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 .icon2-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 .icon2-closed , .circ-tgl-xs .icon2-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 .icon2-open { display: none}
	.drop-trgr.opn { color: #e82164 }
	.drop-trgr.opn .circ-tgl-xs .icon2-open { display: inline-block; }
	.drop-trgr.opn .circ-tgl-xs .icon2-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 { max-height: calc( 100vh - 100px); overflow: auto}
	.drop-menu { scrollbar-width: thin }
	.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}
	
	.sample-list { margin-top: 1.5rem}	
	
	.row-mb { grid-column: 1 / -1;  overflow: hidden}	
	
	.channels-list .simple-btn.cent { grid-column: 1/-1}
	
	/* 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;}

	
	
	/* tops pgs */
	.btn-cont.tabs-cont {margin-top: 0}
	.charts-list,
	.chart { display: contents}
	.charts-list .btn-cont { margin: 0; padding: 1rem 0 2rem; /* border-bottom: 1px solid #c7c7c7*/}
	.charts-list .btn-cont:last-child { border-bottom: 0}
	.thumb-cont .top-pos {top: 0; border-radius: 0 0 3px 0; background: #ff1464}

	
	/* make up changes */
	.card.channel-cell .info-cont { padding: 0}
	.view-all .icon2-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 p > iframe[src*="facebook.com"] {margin-left: -8px; margin-right: -8px}
	.article-content a, .article-content p a, .article-content p strong { word-break: break-all;}
	.major-col > .title-cont { padding-top: 1rem}
	.horizontal-list-wrap.channels { margin-top: 0}
	.info-cont .icon2-barcode { font-size: .9rem; margin-left: .5rem } 
	
	.gr-main.channels-list .def-btn { grid-column: 1/-1; margin: 2rem auto} 
	.single-col.wide { margin-top: 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} 
	.channel-search .search-btn,
	.common-search .search-btn { background: transparent; border: 0; padding: 0; font-size: 1rem } 
	
		
	/* 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 .icon2-check,
	.add-group-pg .group-add .icon2-check { display: none}
	.add-plst-pg .hasit-plst,
	.add-group-pg .hasit-group { opacity: 0.5 }
	.add-plst-pg .checked-plst .playlist-add .icon2-check,
	.add-group-pg .checked-group .group-add .icon2-check { display: block; font-size: 1rem}
	.add-plst-pg .checked-plst .playlist-add .icon2-playlist-thin,
	.add-group-pg .checked-group .group-add .icon2-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 .icon2-check, 
	.add-plst-pg .check-plst-wrap .check-empty,
	.add-group-pg .check-plst-wrap .icon2-check,
	.add-group-pg .check-plst-wrap .check-empty	{ margin: auto}
	.add-plst-pg .check-plst-wrap .icon2-check,
	.add-group-pg .check-plst-wrap .icon2-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 .icon2-check,
	.add-group-pg .checked-group .icon2-check { display: block; } 
	.add-plst-pg .checked-plst .check-empty,
	.add-group-pg .checked-group .check-empty { display: none; } 
	
	
	/*== 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;
	}
	#fasha-top { margin-top: -3px;}
	/*.leader-board { display: none}*/
	
	.banner {padding-top: .5rem}
	.banner div,
	.banner iframe { margin: auto}
}

/* TABLET SMALL */
@media screen and (min-width: 640px) {
	.row-tb { grid-column: 1 / -1;  overflow: hidden}	
}


/* DESKTOP */

@media screen and (min-width: 980px) {
	/* resetting mob widths */
	.site-container, .top-fix-cont { max-width: none}
	/*.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 .icon2-search {color:#fff; font-size:1rem}
	.head-grd .icon2-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; 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}	
	.autocomplete-res-container { top: 50px; position: fixed;}
	.search-wrap { padding: 0 16px}
	.search-wrap form { border-bottom: 0}
	
	/* light theme 
	header.neg-theme.light-theme-dt { box-shadow: none;border-bottom: 1px solid #eee}
	.neg-theme.light-theme-dt, 
	.neg-theme.light-theme-dt { background: #fff; color: #000; }
	.neg-theme.light-theme-dt .light-logo { display: none}
	.neg-theme .dark-logo { display: none}
	.neg-theme.light-theme-dt .dark-logo { display: block}
	.light-theme-dt .searchnv-cont input { background: #ececec}
	.light-theme-dt .searchnv-cont input::placeholder { color: #000}
	.light-theme-dt .searchnv-cont input:focus { background: #d8d8d8;}
	.light-theme-dt .searchnv-cont .icon2-search { color: #000}
	.light-theme-dt.content { background: #fafafa}
	.light-theme-dt .searchnv-cont a span,
	.light-theme-dt .top40nv-cont a span,
	.light-theme-dt .posters-cont a span,
	.light-theme-dt .usr-cont a span,
	.light-theme-dt .sub-nav a { font-family: Roboto-Medium, sans-serif!important}
	/* END light theme */
	
	.footer-area { grid-area: footer; margin-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: auto minmax(320px, 400px) ;*/
		-ms-grid-columns:  minmax(600px, auto) 400px;
		/*grid-template-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;		
	}
	.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;
	}

	.row-list,
	.major-col.row-list {
		display: -ms-grid; display: grid;
		-ms-grid-columns: auto;
		grid-template-columns: auto;
		-ms-grid-rows:  1fr;
		grid-auto-rows:  auto;
	}
	
	
	.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,
	.play-pg .sidebar.related-content .card-landsc,
	.item-pg .sidebar.related-content .card-landsc { 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;	}
	.banner.pos-1:first-child { grid-row-start: 1;	}
	.banner.pos-2 {	grid-row-start: 15; min-height: 150px  }		
	.banner.pos-2:nth-child(2) {	grid-row-start: 2;  }		
	.banner.pos-3:nth-child(3) {	grid-row-start: 3;  }		
	.related-content .banner.pos-1,
	.related-content .banner.pos-2,
	.related-content .banner.pos-3	{ grid-row-start: auto;	}
	
	.major-col .horizontal-list-cont { grid-row-start: 3;}
	
	.more-videos .horizontal-list-wrap,
	.item-pg .more-videos .horizontal-list-wrap { max-height: none; width: 100%; margin: 0; overflow: visible}
	.more-videos { position: relative}
	.more-videos .circ-tgl.btm { position: absolute; bottom: 0; margin-left: -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 ;  }
	
	.gr-main .single-col { grid-column: span 2; max-width: 600px; margin: auto; border-radius: 10px; overflow: hidden }
	.gr-main .single-col.wide { max-width: none }
	
	.major-col > h2 { margin-top: 0}

	
	/* !!! */
	.grd-5-col, ul.grd-5-col { 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-template-rows: auto auto; /*grid-auto-rows: 0;*/ grid-auto-flow: dense;}
	.grd-5-col.open-toggle, ul.grd-5-col.open-toggle  {grid-auto-rows: auto;}
	.grd-5-col.collapsed-toggle, ul.grd-5-col.collapsed-toggle {grid-auto-rows: 0;}
	.block-dt, li.block-dt, .grd-5-col .card { height: auto!important; padding: 0 0 26px; margin: 0}
	.grd-5-col .card > a {display: block}
	.block-dt .thumb-cont { width: 100%; max-height: none!important; height: 0; padding-bottom: 56.5%;  margin-bottom: .5rem; border: 0}
	.block-dt .thumb-cont img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  object-fit: cover; object-position: 50% 0}
	.horizontal-list-wrap ul li.landsc-cell .label.powered { padding: 0 0 .25rem!important; margin: 0!important; }
	.horizontal-list-wrap ul li.landsc-cell h3 { padding: 0!important; margin: 0!important; max-width: none;  font: normal 1rem/1.4 /*Roboto-Medium,*/ Roboto-Regular, sans-serif!important }
	.more-videos .horizontal-list-wrap li { min-width: 0!important; margin: 0;}
	.feed h2,
	.feed .title-cont	{ grid-column: 1 / -1; padding-left: 0; padding-right: 0;  }
	.feed.grd-5-col .banner { grid-column: 1 / -1; padding: 18px }
	
	.grd-4-col, ul.grd-4-col,
	.major-col.grd-4-col { max-height: none; max-width: none; display: -ms-grid!important; display: grid!important; grid-gap: 0 25px; -ms-grid-columns:repeat(3, minmax(250px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-template-rows: auto auto;  grid-auto-flow: dense;}
	.grd-4-col .card { padding-bottom: 1.5rem}
	.major-col > .grd-4-col { grid-column: 1 / -1; }
	
	/* END !!! */

	
	
	
	/*play page*/
	.player { height: 0px; overflow: hidden; }
	/*.play-pg .search-wrap {top: 50px}*/
	.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%; /* background: tomato */}
	.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; }
	.play-pg.theater-mode .player.gr-main .vbox-player.magenta { height: calc(100vh - 190px); }
	
	.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; /* border-radius: 0*/}
	.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 { padding: 0}
	.det-info { font-size: .9rem; padding-bottom: .3rem!important }
	.flex-cont > .channel { display: inline-flex; flex: 0 0 auto; margin-right: auto; white-space: nowrap;  }
	.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 .icon2-open { top: -.2rem}
	.video-description { padding: 0rem 0 1rem; margin: 0; color: #000}
	
	#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; }
	.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; max-height: calc( 100vh - 50px); overflow: auto; scrollbar-width: thin; border-right: 1px solid #ccc  }
	.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 { display: -ms-grid; display: grid; align-content: start; }
	.usr-grid .left-col .sect { border-color: #ccc}
	.usr-grid .vip.user-header { grid-row: 3; margin: 0 }
	.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; font-size: .9rem!important}
	.vip-about .circ-tgl-sm.btm { position: absolute; bottom: 0; left: calc(50% - 1.25rem);}
	
	
	.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;  margin-top: 0!important; background-image: none!important}
	.user-header .scrld-base { display: none}
	.user-header .top-fix-cont { position: static!important; padding: 0; background-image: 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 .icon2-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 .major-col { -ms-grid-columns: 1fr; grid-template-columns: 1fr}
	.banner-wrap { display: block; position: relative; /*font-size: 0*/ }
	.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.grd-5-col h2,
	.usr-grid .feed.grd-5-col .title-cont,
	.section-title, h2.section-title { text-align: left }
	.feed.grd-5-col .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.grd-5-col .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.icon2-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 }
	
	.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 { /*padding-bottom: 1.2rem; */ border-bottom: 0 }
	.drop-menu a { display: block; padding: 1rem 0 0; text-align: left; font-weight: normal}
	.drop-menu a i { display: none;}
	.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 .icon2-open { display: none}
	.drop-trgr.opn .circ-tgl-xs .icon2-open { display: inline-block; }
	.drop-trgr.opn .circ-tgl-xs .icon2-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 .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}
	
	.horizontal-list-wrap.sequiels ul { height: 14rem}
	.horizontal-list-wrap.sequiels li { width: 10.5rem; margin: 0 18px 0 0; padding-bottom: 0}
	.wide .horizontal-list-wrap li { margin: 0 8px 0 0}
	
	.usr-grid .feed.grd-5-col { 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; overflow: hidden }
	.row-2 {grid-template-rows: auto auto; grid-auto-rows: 0; overflow: hidden }
	
	.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-content { grid-area: item-cont;  }
	.leader-board { /*max-width: 970px;*/ width: 100%; text-align: center; margin: auto; grid-area: leader-board;}
	.powered-top { margin-bottom: 2rem; border-bottom: 1px solid #e8e8e8 }
	.powered-bottom {  margin: 2.2rem auto auto;  padding-top: .5rem; border-bottom: 0px; border-top: 1px solid #e8e8e8}
	.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 }
		
	.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 .content { background-size: 113% auto !important}    
	.has-branding .item-pg .content .gr-main { margin-top: 12.5%!important; width: 1000px!important; }
	.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,
	.content a.def-btn:hover, .content a.def-grd-btn:hover 	{ background: linear-gradient(to left, #ff1464 , #ff00d2)!important; color: #fff!important; 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 ---  */
	.channels-list .card.channel { padding-bottom: 1.75rem}
	.channels-list .card.channel .thumb-cont { height: auto}
	.channels-list .foll-wr { font: normal 1rem Roboto-Medium, sans-serif!important}
	
	
	/* make up changes */
	
	.head-grd a.active { border-bottom: 2px solid #E82164  }
	.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-top: 0; 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 .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 .icon2-send,
	.comment-reply-container .icon2-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 .icon2-send:hover,
	.comment-reply-container .icon2-send:hover { background: #e82164}
	.main-comment-cont .main-cont.typing textarea { height: 4.5rem }
	.main-comment-cont .main-cont.typing .typing-opt,
	.comment-reply-container .typing-opt { display: flex; width: 100%; height: 2.3rem; padding: 1rem 0; margin: 0 1rem; border-top: 1px solid #9c9c9c; justify-content: space-between }
	.typing-opt .icon2-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 { font-size: 1rem; line-height: 2.3rem;}
	.item-comment .avatar-cont { max-width: 38px; margin-right: 14px;}
	.item-comment .avatar-cont.mini i.icon2-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 .main-pic,
	.item-content > .sect,
	section#quizResult, #quizResult { max-width: 820px; margin: auto;}
	.article-content .instagram-media,
	figure.image,
	.article-content h2,
	.article-content h3,
	.article-content p,
	.quiz-content p,
	.article-content > iframe,
	.article-content > .block-powered-by { max-width: 820px!important; margin-left: auto!important; margin-right: auto!important; }
	.block-powered-by div { font-size: 1.1rem!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 .sect:first-of-type { margin-top: -.5rem; }
	.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} 
	
	/* common grid elements */
	.row-dt { grid-column: 1 / -1; overflow: hidden}
	.double-col { grid-column: span 2;	}
	.video-list-msg {grid-column: 1 / -1; }
	.video-list-msg i {color: #E82164; }
	
	.promo { position: relative; }	
	.promo .info-cont .channel { 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 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 { grid-row: -2}
	.feed.gr-main.home-pg .major-col > .card:nth-child(8n + 1) .info-cont .channel 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) .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 }
	
	.card-landsc a,
	.card-landsc-dt a { /*height: 100px;*/ display: flex!important}
	.card-landsc .thumb-cont,
	.card-landsc-dt .thumb-cont { flex: 0 0 173px; margin: 0 .8rem auto 0; max-height: none; max-width: none}
	.card-landsc .thumb-cont > img,
	.card-landsc-dt .thumb-cont > img { object-fit: contain;  }
	.card-landsc .info-cont,
	.card-landsc-dt .info-cont { align-content:start; margin: 0!important; height: 100%; text-align: left; padding: 0 }
	.card-landsc .info-cont .label, .card-landsc-dt .info-cont .label,
	.card-landsc .info-cont h3, .card-landsc-dt .info-cont h3,
	.card-landsc .info-cont p.channel, .card-landsc-dt .info-cont p.channel	{ margin: 0; padding: 0; text-align: left }
	.card-landsc .info-cont h3,
	.card-landsc-dt .info-cont h3 { flex: 0 1 auto; padding: 0!important; margin-bottom: .6rem; overflow: hidden;  font: normal 1rem/1.4 /*Roboto-Medium,*/ Roboto-Regular, sans-serif }
	.card-landsc .info-cont p.channel,
	.card-landsc-dt .info-cont p.channel { padding: 0; text-align: left; font: normal .9rem Roboto-Regular, sans-serif; color: #7C7C7C }
	.card-landsc .info-cont p.channel span,
	.card-landsc-dt .info-cont p.channel span 	{font: normal .9rem Roboto-Regular, sans-serif; color: #7C7C7C }
	.card-landsc .info-cont p.stats,
	.card-landsc-dt .info-cont p.stats 	{margin-top: .5rem}
	/*reset mob styles*/
	.card-landsc-dt,
	.horizontal-list-wrap li.card-landsc-dt {width: auto; padding: 0; margin: 0; background: transparent; border-radius: 0; }
	.card-landsc .desc,
	.card-landsc-dt .desc 	{display: none}
	
	.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}
	.row-list .channel-card,
	.row-list .card-landsc	{ margin-bottom: 2.3rem}
	.row-list .channel-card .avatar-cont { width: 16rem; flex: 0 0 16rem; text-align: center}
	.row-list .channel-card .avatar-cont i.icon2-crtg { font-size: 7rem; padding: 1px 0}
	.row-list .channel-card .info-cont {  margin-left: 0}
	.row-list .card-landsc .thumb-cont { flex: 0 0 16rem; max-height: 9rem;  margin: 0 1.2rem 0 0;}
	.row-list .channel-info-subscr { position: absolute; right: 0; top:0; font-size: 1rem!important}
	.row-list .foll-wr.right { display: inline-block; font-size: 1rem!important; float: none}
	.row-list .channel-card .info-cont .subscr-btn { position: static; }
	.row-list .channel-card .icon2-subscr  { position: relative; bottom: -.1rem; top:auto; left: auto}
	.row-list .channel-card .icon2-notification  { position: relative; bottom: -.25rem; top:auto; left: auto}
	.row-list h4 { font-size: 1.1rem}
	.row-list .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;}
	.fasha-fix .stuck .banner { padding-top: 50px; }
	.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}
	#def-cont.mb-tgl-only {  max-height:none!important; height: auto; padding-bottom: 0; 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 .icon2-arrow-left, .circ-tgl-sm .icon2-arrow-left,
	.circ-tgl .icon2-arrow-right, .circ-tgl-sm .icon2-arrow-right,
	.circ-tgl .icon2-closed, .circ-tgl-sm .icon2-closed,
	.circ-tgl .icon2-open , .circ-tgl-sm .icon2-open,
	.circ-tgl-xs .icon2-closed , .circ-tgl-xs .icon2-open	{ display: inline-block; margin: auto!important; font-size: inherit; color: inherit!important}
	.circ-tgl-xs .icon2-closed , .circ-tgl-xs .icon2-open	{ }
	.circ-tgl .icon2-arrow-left, .circ-tgl-sm .icon2-arrow-left,
	.circ-tgl .icon2-arrow-right, .circ-tgl-sm .icon2-arrow-right { font-size: 1.5rem}
	
	/*.circ-tgl.btm, .circ-tgl-sm.btm { position: relative; bottom: -50%}*/
	.circ-tgl.btm { margin-bottom: -2.2rem }
	.circ-tgl-sm.btm { margin-bottom: -1.25rem }
	
	.btn-wrap { display:none; padding-top: 2rem; text-align: center; }
	
	/* sliders */
	
	.sidebar .view-back,
	.sidebar .view-right { display: none!important} 
	
	.horizontal-list-wrap { position: relative; overflow: hidden; transition-duration: 400ms;  transition-timing-function: ease}
	.horizontal-list-wrap ul { display: inline-flex; overflow: hidden; -webkit-transform: translate3d(0px, 0, 0);  transition-duration: 400ms; transition-timing-function: ease; transition-property: transform;}
	.horizontal-list-wrap .view-back{display: none}
	.horizontal-list-wrap .view-back,
	.horizontal-list-wrap .view-right { position: absolute; top:4rem; z-index: 5; min-width: 0; padding: 0; margin: 0; width: 4rem; height: 4rem; border-radius: 50%; overflow: hidden; }
	.horizontal-list-wrap .view-back { left: -2rem; }
	.horizontal-list-wrap .view-right { right: -2rem; }
	.horizontal-list-wrap .view-back a,
	.horizontal-list-wrap .view-right a { background: #ececec; background: #fff; display: flex; text-decoration: none!important }
	.horizontal-list-wrap .view-back a i,
	.horizontal-list-wrap .view-right a  i { color: #000; font-size: 1.5rem; }
	.horizontal-list-wrap .view-back a i { margin: auto 1.1rem auto auto}
	.horizontal-list-wrap .view-right a  i { margin: auto auto auto 1.1rem!important  }
	
	/* channels sliders */
	.horizontal-list-wrap.channels .view-back,
	.horizontal-list-wrap.channels .view-right { top: 1.5rem}
	.horizontal-list-wrap.channels { margin-top: 0; overflow: hidden}
	.horizontal-list-wrap.channels > ul { padding: 0 0 .5rem}
	.horizontal-list-wrap.channels > ul li { margin: 0; padding: 0;}
	.horizontal-list-wrap.channels > ul li:first-child { margin-left: -.25rem}
	.horizontal-list-wrap.channels > ul a { width: 8.2rem}
	.horizontal-list-wrap.channels .avatar-cont { width: 6.5rem; height: 6.7rem }
	.horizontal-list-wrap.channels .avatar-cont i { font-size: 6.5rem; padding: 1px 0 }
	.horizontal-list-wrap.channels h4 { font: normal .9rem/1.2 Roboto-Medium, sans-serif }
	.horizontal-list-wrap.channels .dot { right: 1.22rem; width: 12px; height: 12px}
	.horizontal-list-wrap.channels .next-dt { width: auto}
	.horizontal-list-wrap.channels .next-dt .def-btn { height: auto; color: #fff; margin-top: 2rem; margin-right: 2.75rem}

	/* modals and forms */
	.modal-cont { max-width: 50rem; min-width: 40rem }

	
	/*== 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} 
	
	.fasha-fix .playlist-wrap.open-toggle,
	.playlist-wrap.open-toggle { max-height: none!important; max-width: none!important; height: 100%!important; top: auto!important; 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 .icon2-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 .icon2-x-search { display: block;}
	.list-item.landsc-cell .icon2-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 { 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 .icon2-check,
	.add-group-pg .group-add .icon2-check { display: none}
	.add-plst-pg .checked-plst .playlist-add .icon2-check,
	.add-group-pg .checked-group .group-add .icon2-check { display: block; font-size: 1rem}
	.add-plst-pg .checked-plst .playlist-add .icon2-playlist-thin,
	.add-group-pg .checked-group .group-add .icon2-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 .card:hover .check-plst-wrap,
	.add-group-pg .card:hover .check-plst-wrap { display: flex; }
	.add-plst-pg .check-plst-wrap .icon2-check, 
	.add-plst-pg .check-plst-wrap .check-empty,
	.add-group-pg .check-plst-wrap .icon2-check, 
	.add-group-pg .check-plst-wrap .check-empty { margin: auto}
	.add-plst-pg .check-plst-wrap .icon2-check,
	.add-group-pg .check-plst-wrap .icon2-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 .icon2-check,
	.add-group-pg .checked-group .icon2-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.icon2-crtg, .avatar-simp.small { font-size: 36px}
	.channel span { font:normal 1rem /*Roboto-Medium,*/ Roboto-Regular, sans-serif}
	
	.card {  padding: 0 0 1rem; margin: 0; }
	.card h3 { font: normal 1rem/1.3 /*Roboto-Medium,*/ Roboto-Regular, sans-serif; color: #000; padding-bottom: 0 }
	.card a:hover { text-decoration: none }
	.card a:hover h2,
	.card a:hover h3 { text-decoration: underline }
	.card.playlist-cell .playlist-add,
	.card.group-cell .group-add { width: 5rem; transition: background .2s}
	.card.playlist-cell a:hover .playlist-add,
	.card.group-cell a:hover .group-add { background: rgba(0,0,0,.9);}
	.more-videos .card h3 { min-height: 0;}
	.card .info-cont { display: grid; grid-template-rows:auto auto auto auto;  padding: 0; margin: 0; color: #7c7c7c }
	.info-cont .icon2-barcode { font-size: .9rem; margin-left: .5rem }
	.card.hor-slide .info-cont { padding-left: .2rem; padding-right: .2rem; }
	.info-cont .channel, .info-cont .channel a { height: auto; width: auto; margin: 0 auto 0 0; padding: .3rem 0 }
	.info-cont .channel span {color: #7c7c7c; font-size: .8rem; }
	.card .channel, .card > p.channel { display: contents;  display: flex; grid-row:-1; width: 100%;margin:0  auto 0 0 }
	.card-landsc-dt .channel, .card-landsc-dt > p.channel { grid-row-start: auto;}
	.card .channel .foll-wr { /*grid-row: -1;*/; margin:0 0 0 auto;  padding: .3rem 0; text-align: left; line-height: 1.2!important; font-size: .75rem!important}
	.card .info-cont .stats { padding: 0 0 .5rem; }
	.card .icon2-eye {margin-right: .1rem}
	.card .avatar-simp { display:none}	

	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}
	.thumb-cont .top-pos { width: 1.7rem; height: 1.6rem; font: normal .85rem/1.8 Roboto-Regular, sans-serif; /* bottom: 0;*/ top: 0; border-radius: 0 0 3px 0}
	.thumb-cont .item-notf { bottom: 0;}
	.video-cell .thumb-cont .watch-later, .article-cell .thumb-cont .watch-later { display: none}
	.card:hover .thumb-cont .watch-later { display: flex}
	.horizontal-list-wrap .thumb-cont {}
	.sidebar .view-all { padding: 0; margin: 0; background: transparent; border-radius: 0; text-align: left  }
	.sidebar .view-all a { display: inline-flex; width: auto; }

	
	.row.horizontal-list-cont { margin-top: 3rem}
	.horizontal-list-wrap ul li.channel-cell { min-width: 11.5rem; width: 11.5rem; height: auto; margin: 0 12px 0 0; padding: 0; background: transparent}
	.horizontal-list-wrap .channel-cell .thumb-cont { height: 11rem; border-radius: 5px; border: none}
	.channel-cell .thumb-cont img { height: 100%; object-fit: cover; object-position: top;}
	.horizontal-list-wrap .card.channel-cell h3 { position:static; padding-left: 0; padding-right: 0; background: transparent; color: #000; font: normal .9rem Roboto-Medium, Roboto-Regular, sans-serif  }
	
	.major-col .horizontal-list-wrap.home-pg { margin: 0; overflow: hidden}
	.major-col .horizontal-list-wrap.home-pg .view-all { display: none;}
	
	.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}*/
	.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; scrollbar-width: thin; scrollbar-color: black }
	.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,
	.ftr-grd .apps-ar a { 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: block; margin-bottom: 1.3rem }	
	.ftr-grd .apps-ar a { display: inline-flex; padding: .75rem 3rem; margin: 0 .3rem 0 0; background: #0a0a0a; border: 1px solid #212121; text-align: center; font-size: .9rem }	
	.ftr-grd .apps-ar a:hover { text-decoration: none; border-color: #777 }	
	.ftr-grd .apps-ar i { margin: auto .5rem auto auto; font-size: 1.2rem }	
	.ftr-grd .apps-ar span { margin: auto}	
	.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}

	.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";}
	.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 { grid-template-areas: "leader-board 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 { 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;}
	.has-branding.video-backdrop .item-pg .content .gr-main {margin-top: 0px!important; }
}


	

/* === 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}
	
	/* 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,
	.sidebar .card-landsc { flex: 1 0 100px; padding: 26px 0 0!important}
	.major-col .banner,
	.channels-list .simple-btn.cent,
	.gr-main.channels-list .def-btn,
	.major-col > .top-40-videos,
	.major-col .charts-list,
	.def-btn.cent,
	.row,
	/*.row-mb,*/
	.row-tb,
	.row-dt,
	.feed.grd-5-col .banner,
	.major-col > .grd-4-col,
	.feed.grd-5-col .section-container,
	.feed.grd-5-col .video-list-msg,
	.major-col .btn-cont,
	.video-list-msg,
	.feed.grd-5-col h2, .feed.grd-5-col .title-cont { flex: 0 0 100%; box-sizing: border-box; }
	.grd-4-col, .grd-5-col,
	ul.grd-5-col,
	.usr-grid .section-container { display: flex!important;	flex-wrap: wrap}
	.grd-4-col .card, 
	ul.grd-4-col .card,
	.major-col.grd-4-col .card { flex-grow: 0; width: 33%; box-sizing: border-box; padding: 0 26px 26px 0  }
	
	.grd-5-col .card, 
	ul.grd-5-col .card,
	.major-col.grd-5-col .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 .icon2-arrow-left
	.circ-tgl .icon2-arrow-right,
	.circ-tgl .icon2-closed, 
	.circ-tgl .icon2-open { margin-top: 1.7rem!important}
	.circ-tgl-sm .icon2-arrow-left, 
	.circ-tgl-sm .icon2-arrow-right, 
	.circ-tgl-sm .icon2-closed, 
	.circ-tgl-sm .icon2-open { margin-top: 1rem!important}
	.circ-tgl-xs .icon2-closed, .circ-tgl-xs .icon2-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%}
	
	.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 .icon2-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.grd-5-col { -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 .horizontal-list-wrap ul {
		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}
	
}