@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Merienda:wght@300..900&family=Protest+Revolution&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@font-face {
	font-family: logo;
	src: url("f/logo.ttf");
}
body, html
{
    margin: 0;
    padding: 0;
    font-family: "Ubuntu", cursive;
}

* {
	color:#262626;
}

h1,h2,h3,h4,h5 {
    margin:0;
}

.mobile-fixed {
    display:none;
}

header {margin-bottom: -50px;}
.logofont{font-family: logo;}
.logofont#col2 {color: #BF360C;}
.logofont#col1 {color: #0D47A1;}
#wVideo {
	width: 100%;
	height: 570px;
	border:1px solid #000;
	overflow:hidden;
	border-radius:5px;
}


#videos .frame30 {
	/*box-shadow: 0px 0px 1px grey;*/
	margin: 5px;
	padding: 10px;
	width: 29%;
}

#suggestedVideo {
    overflow-x:hidden;
}

#suggestedVideo .recentVideos {
    width:1100px !important;
    overflow-x:scroll !important;
    display:flex !important;
    height:220px;
    padding:10px;
    background-color:#f6ded7;
}

.videotitle {
    background:#2d2d2c;
    color:#fff;
}

.pointer {
	cursor: pointer;
}

.form-element
{
    padding: 10px;
}

.recentVideos #videoList
{
	box-shadow: 0px 0px 2px #000;
	border-radius: 6px;
	overflow-x:hidden;
	height:200px !important;
	margin:4px;
	width:250px !important;
	flex:0 0 auto;
	background-color:#fff;
}

#videoList
{
	box-shadow: 0px 0px 2px #000;
	border-radius: 6px;
	overflow-x:hidden;
	margin:4px;
	background-color:#fff;
}

.searchvideo  .element {
	width: 80%;
	padding: 4px;
	border: 1px dashed #77999E;
	box-shadow: 0px 0px 1px grey;
}

#buttonGroup .btn
{
	box-shadow: 0px 0px 2px grey;
	margin: 3px;
	padding: 0;
}

#buttonGroup .btn .cell-auto
{
	padding: 6px;
}

.cell-3 { width: 31.4% !important; margin: 5px;}

.ytp-title-link,.yt-uix-sessionlink,.ytp-title-text, .ytp-chrome-top, .ytp-show-cards-title, .ytp-gradient-top { display: none !important;}

#sectionTitle
{
	color: #0D47A1;
	margin: 0;
	padding: 0;
}

.solutionBlock {width: 100%;
	display: block;}
.solutionBlock #sBlock {
	margin: 5px; 
	padding: 10px;
	
}
.solTxt {color:#BF360C; margin: 5px; padding: 10px; }
/*.solImg {width: 300px; overflow-x: hidden;}*/
#videoChannelStat {background-color: #EDECEC; color:#191818;}
footer{
	width: 100%;
	text-align: center;
	background-color: #161616;
	color: aliceblue;
}

#footerMenu a, #footerMenu span
{
	color: gold;
	cursor: pointer;
}
.menuData {margin-left: -29px; text-align: left;}
#buttonGroup #col1, #buttonGroup #col2 {font-size: 16px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-weight: bold;}
#relatedvideos {overflow-x: scroll;}
#vdInline{float:left !important; width: 20%;}
.pagination{ padding: 6px; background-color: #ECEBEB; }
.pagination .pageLink {padding: 6px; border: 1px solid #979595;margin: 5px;}
.pagination .pageLink {color: darkred;}
#boardcards .team-hz h3, #boardcards .team-hz p
{
	padding: 0px;
	margin: 6px;
}

#viewsIcons {padding: 10px; color: #2B2B2B;}

#viewsIcon
{
	height: 14px;
	vertical-align: middle;
}

#videos p {margin: 3px;}

.shareBoxIcon img, #shareBtn
{
	border-radius: 50%;
}
.appBanner .promoBanner
{
	width: 90%;
}
.align-right {
		    text-align:right !important;
		}
		
.nodesktop {
    display:none;
}
		

@media screen and (max-width:1050px)
	{
	     .mobile_no_pad {
    padding:0px !important;
}
	    .onlyMobile {
	        display:inline-block;
	    }
		#top_section .frame70, #top_section .frame20 {
			display: none;
		}
		
		.frame88 {
		    width:97% !important;
		}
		
		#videoList.frame30 {
		    width:100% !important;
		    height:350px;
		}
	 .top_section {
			width: 100% !important;
			display: block !important;
		 clear: both !important;
		}
		
		.nomobile {
		    display:none;
		}
		
		#videoFrame iframe {
		    width:100%;
		}
		
		#video_view .frame {
		    width:100% !important;
		    display:block !important;
		}
		
	}
	
	/* media 1050 end */
	
	@media screen and (max-width:750px)
	{
	   
	    .mobile_no_pad {
    padding:0px !important;
}
	    .onlyMobile {
	        display:inline-block;
	    }
		#top_section .frame70, #top_section .frame20 {
			display: none;
		}
		
		.frame88 {
		    width:97% !important;
		}
		
		#videoList.frame30 {
		    width:100% !important;
		    height:350px;
		}
	 .top_section {
			width: 100% !important;
			display: block !important;
		 clear: both !important;
		}
		
		#videoFrame {
		    margin-top:0px;
		}
		
		#videoFrame iframe {
		    width:100%;
		}
		
		.searchBox {
		    margin-bottom:10px;
		}
		
		#video_view .frame #wVideo {
			width: 100%;
			height: 570px;
		}
		
		.logo .fa {
		    text-align:right !important;
		    font-size:18px;
		    padding:10px;
		    margin-left:10px;
		    cursor:pointer;
		}
		
		#top_section .logo {
			/*width: 100% !important;
			text-align: center !important;*/
			margin-top: -2% !important;
			margin-bottom: 1%;
		}
		
		#top_section .logo img {
		    height:30px !important;
		}
		
		.videosearch {width: 75% !important; display: inline-block !important;}
		
		#videos .frame30 { margin-left: 2% !important; }
		
		form#searchvideo {
  margin-bottom: -4%;
}

		.menuOpen {
			position: fixed !important;
			top: 3px;
			right: 10px;
			height: 35px !important;
			width: 35px !important;
			line-height: 35px !important;
			font-size: 30px;
		}
		
		#relatedvideos
		{
			display: block !important;
			clear: both !important;
		}
		
		.appBanner
		{
			width: 100% !important;
			
			margin-left: 2% !important;
			left: 2% !important
		}
		
		.appBanner .promoBanner
		{
			width: 100% !important;
		}
		
		.nomobile {
		    display:none;
		}
		
		#videoFrame iframe {
		    height:260px !important;
		}
		
		footer {
		    margin-bottom:40px !important;
		}
		
		.mobile-fixed {
		    position:fixed;
		    bottom:0 !important;
		    left:0 !important;
		    right:0 !important;
		    padding:5px !important;
		    display:block !important;
		    text-align:center !important;
		    background:lightgrey !important;
		    z-index:99999999 !important;
		}
		
		.mobile-fixed a {
		    padding:5px;
		    margin:3px;
		}
		
		
} /* media 750 end */