@font-face{
	font-family:'LibreBaskerville';
	src:url('font/LibreBaskerville-Bold.ttf');
	src:url('font/LibreBaskerville-Bold.ttf') format('ttf'),
	:url('font/ALibreBaskerville-Bold.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
*@font-face{
	font-family:'Euromode';
	src:url('font/Euromode.TTF');
	src:url('font/Euromode.TTF') format('ttf'),
	:url('font/Euromode.TTF') format('truetype');
	font-weight:normal;
	font-style:normal;
}
/*@font-face{
	font-family:'AkrutiBngArvind';
	src:url('font/ABARVD-B.TTF');
	src:url('font/ABARVD-B.TTF') format('ttf'),
	:url('font/ABARVD-B.TTF') format('truetype');
	font-weight:normal;
	font-style:normal;
}
*/
body{
	margin:0;
}
 /* Style the header */
.head{
	width:100%;
	height:auto;
	background: linear-gradient(220deg, rgba(0,30,200,1) 0%,  rgba(20,10,80,1) 100%);
	margin:0; auto;
}
.header{
	width:100%;
	height:150px;
//	background-color:#FFF;
  	padding:0px 0px;
  	color: #f1f1f1;
	z-index:200;
//	border:1px solid #000;
}

.head-title{
	width:95%;
	height:100px;
	margin:auto;
//	background-color:#9FF;
	background: linear-gradient(0deg, rgba(100,200,255,1) 0%,  rgba(50,120,250,1) 100%);
	border-radius:12px;

//	border:1px solid #000;
}
.head-title #logo{
	width:90px;
	height:90px;
	background-color:#fff;
	margin:5px;
	border-radius:50%;
	background-image:url(img/icta-logo.png);
	background-position:center;
	float:left;
	display:none;
}
.head-title .image{
	width:70%;
	height:100%;
	margin-left:5px;
	float:left;
}

.head-top{
	padding:10px;
//	background-color:#0088ff;
	font-size:14px;
	text-align:center;
	color:#ffff00;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
.head-bottom{
	width:100%;
	padding:5px 0px;
	margin-top:10px;
	min-height:20px;
	background-color:#880065;
	font-size:14px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
.head-top .logo{
	width:100px;
	height:100px;
	background-color:#fff;
	margin:auto;
	border-radius:50%;
	background-image:url(img/icta-logo.png);
	background-position:center;
/*	float:left;
*/}
.image h1{
//	color:#990088;
//	color:#EEFFFF;
	background: -webkit-linear-gradient(90deg, rgba(80,0,100,1) 0%,  rgba(250,0,100,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family:Arial, Helvetica, sans-serif;
	font-size:50px;
	font-weight:bold;
	line-height:70px;
	text-align:left;
	filter: drop-shadow(4px 4px 2px #ffa);
	margin:10px 0;
}
}
h2{
	color:#009;
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	line-height:15px;
}
.user-icon{
	width:40px;
	height:40px;
	background-color:#CCC;
	border:2px solid #fff;
	border-radius:50%;
	float:right;
	margin:0px 2px;
}
.user-icon img{
	border-radius:50%;
}
.logout{
	width:40px;
	height:40px;
	background-color:#CCC;
	background-image:url(../img/logout1.png);
	border-radius:50%;
	float:right;
	margin:0px 2px;
}
.logout:hover{
	background-image:url(img/logout2.png);
}

.logout img{
	border-radius:50%;
}
/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
/*  width: 100%
*/}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 0px;
}

/* ------ for Mobile View */
@media only screen and (max-width: 800px) {
/*.head{
	background-image:url(../img/mob-head.png);
}
*/
.head{
	width:100%;
	min-height:100%;
	background: linear-gradient(29deg, rgba(200,30,200,1) 0%, rgba(80,20,50,1) 100%);
	margin:0; auto;
}

.header{
	height:100px;
}
.head-title{
	width:95%;
	height:50px;
}
.head-title #logo{
	width:40px;
	height:40px;
	background-color:#fff;
	margin:5px;
	border-radius:50%;
	background-image:url(img/icta-logo.png);
	background-position:center;
	float:left;
	display:none;
}
.head-title .image{
	width:50%;
}
.image h1{
	color:#EEFFFF;
	font-family:LibreBaskerville;
	font-size:30px;
	font-weight:bold;
	line-height:40px;
	text-align:left;
	filter: drop-shadow(2px 2px 1px #ffa);
	margin:5px 0;
}

}