* { box-sizing: border-box; padding:0; margin: 0; }
@font-face {
    font-family: "Copperplate Gothic Bold Regular";
    font-style: normal;
    font-weight: normal;
    src:url("Copperplate Gothic Bold Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto-Regular";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Roboto-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Stencil";
    font-style: normal;
    font-weight: normal;
    src:url("../font/Stencil.ttf") format("truetype");
}
/* .stencil{
font-family: "Stencil";
font-weight:normal;
}  ORIGINAL */
.stencil{
font-family: "Arial";
/* font-weight:normal; */
}
.roboto {
	font-family:"Roboto-Regular";
    margin:0px;
	padding:0px;
	font-size:16px !important;
	box-sizing: border-box;
}
hr {
			display: block;
			height: 2px;
			border: 0;
			margin: 30px 0;
			padding: 0;
			background-image: -webkit-linear-gradient(left, #fff, #FE6600, #fff);
			background-image: -moz-linear-gradient(left, #fff, #FE6600, #fff);
			background-image: -ms-linear-gradient(left, #fff, #FE6600, #fff);
			background-image: -o-linear-gradient(left, #fff, #FE6600, #fff);
			width: 50%;
			left: 25%;
			position: relative;
			border: none;
		}
body {
	font-family:"Roboto-Regular";
	color:#000;
	font-size:15px;
	letter-spacing:0.5px;
	margin:0px;
	display:table;
	width:100%;
}
a {text-decoration:none;}
p{line-height:2;}
.gold {
    color: #002060;
    font-weight: bold;
    text-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.wrapper
{
	width:80%; margin:0 auto; padding:0px; display:table;
}

.red{color:#ff1010;}
.logo
{
	width:300px; padding:10px; text-align:center; margin:0px auto;
}
::placeholder
{
font-style:italic;
}

.logo img{width:133px; max-height:71px;}
.header{width:100%; background:#e8ebf1; height:100px; margin:0px;box-shadow:0px -2px 1px 0px #a2a2a2 inset; padding:0px;}
.h1title{text-align:center; margin:20px 0px;}
.divider{width:100%; height:50px; border-bottom:2px solid #FE6600; border-radius:50%; margin-top:-30px;}



#scrollPos{
				padding: 15px;
				background: black;
				color: white;
				position: fixed;
				right: 0;
				display:none;
			}

#backToTop{
				padding: 15px;
				background: orange;
				display: inline-block;
				right: 0;
				bottom: 15px;
				position: fixed;
				cursor: pointer;
				display: none;
				z-index:99;
			}
.btncontainer{
width:290px; margin:20px auto;
}
.loginbtn{
	/* background styles */
	position: relative;
	display: block;
	padding: 12px 10px;
	background-color: green; /*for compatibility with older browsers*/
	background-image: linear-gradient(#b40,orange);
	border-radius: 3px;
	box-shadow: 0px 1px 4px -2px #333;
	text-shadow: 0px -1px #333;
	
	/* text styles */
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	text-align:center;
	font-weight:normal;
}
.loginbtn:after{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: 50%;
	background: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.2));
}
.loginbtn:hover{
	background: linear-gradient(orange,#b40);
}
.stencil-font3vw{
font-size:3vw;
}
.stencil-font26vw{
font-size:26px;
}

footer{
	background: #a8a8a8;
    box-shadow: 0px 2px 6px 3px #333;
    width: 100%;
	margin-top:20px;
}
/************************Login Css Start************************/
.login-container{
width:46%; min-height:370px; float:left; margin:20px; background:#fff; border-radius:6px; box-shadow: 2px 2px 30px #6CF;
}
.shareconfirm{box-shadow:unset; margin:0px auto; width:300px; float:none;}
	.login-container hr {
		display: block;
		height: 2px;
		border: 0;
		margin: 10px 0;
		padding: 0;
		background-image: -webkit-linear-gradient(left, #fff, #428bca, #fff);
		background-image: -moz-linear-gradient(left, #fff, #428bca, #fff);
		background-image: -ms-linear-gradient(left, #fff, #428bca, #fff);
		background-image: -o-linear-gradient(left, #fff, #428bca, #fff);
		width: 50%;
		left: 25%;
		position: relative;
		border: none;
	}
.login-container h3{text-align:center; line-height:2.5;}
.login-container .formgroup{padding:5px 15px; width:100%; display:inline-block;}
.login-container .formgroup label{line-height:2; display:block; float:left;}
.login-container .formgroup .formtype{width:100%;}
.login-container .formgroup .formtype input[type=text], input[type=password]{width:100%; border-radius:4px; border:1px solid #ccc; padding:8px 5px;}
/************************Login Css End************************/
/************************StudyCourse Css start************************/
.pagetitle{background:#428bca; margin-bottom:20px; text-align:center; font-size:22px; box-shadow:0px 23px 7px -19px #333; color:#fff;}
.col3{width:33%; text-align:center; font-weight:bold; box-sizing:border-box; padding:20px; float:left;}
.col3 img{width:150px;}
.col4{width:24%; cursor:pointer; box-shadow:0px 14px 4px -12px #333; margin-right:10px; text-align:center; margin-top:20px; border:1px solid #ccc; border-radius:4px; font-weight:bold; padding:30px; float:left;}
.col4 a{line-height:2;}
.vactive{background:#f3f3f3;}
.video-container{width:80%; border:2px solid #333; margin:20px auto 0px; display:block;}
.video-container video{width:100%;}
.crumbbtn{
background:#ff6e16; padding:3px 5px; color:#fff;
width:70px;
float:left;
margin:20px 10px 0px 0px; 
text-align:center;
}
.crumbbtn a{color:#fff;}
/************************StudyCourse Css end************************/



			
@media only screen and (min-width: 1420px){
.wrapper{width:1044px;}
}

@media only screen and (max-width: 1120px){
.wrapper{width:90%}
	
}
@media only screen and (max-width: 1024px){
.wrapper {
    width: 90%;
	}

}/*1024px*/

@media only screen and (max-width: 880px){
	.wrapper{
		width:95%;
	}
	
}/*880px*/

@media only screen and (max-width: 800px){

}/*800px*/


@media only screen and (max-width: 768px){
	.wrapper
	{
		width:90%;
	}
	.login-container{
		width:45%;
		margin:17px;
		min-height:404px;
	}
	.login-container .formgroup label {
	float: unset; 
	}
.adminlog .login-container{
		width:100%;
		margin:17px auto;
	}

}/*768px*/

@media only screen and (max-width: 668px){
	.login-container{
		width:100%;
		margin:20px auto;
	}
	.login-container .formgroup label {
	float: left; 
	}
}/*668px*/

@media only screen and (max-width: 540px){

.col3{
	width:100%;
}
.col4{width:47%;}
.stencil-font3vw{
font-size:4vw;
}
}/*540*/
@media only screen and (max-width: 480px){
.wrapper{width:95%;}
.logo{width:250px}
.logo img{
	width:133px; max-height:71px;
}
.adminlogo table tr, th, td {
    word-wrap: break-word;
    word-break: break-all;
}

}/*480px*/


@media only screen and (max-width: 380px){
.col4{width:100%;}
.stencil-font3vw{
font-size:5vw;
}
}
@media only screen and (max-width: 320px){
.login-container .formgroup label {
    float: unset;
}

}