@charset "utf-8";
/* CSS Document */

body {
    font-family: 'Cairo', sans-serif;
    padding: 0;
    margin: 0;
	overflow-y:scroll;
	overflow-x:hidden;
	background-color:#01515a;
	background-image:url(../img/Pattern_Used.png);
	background-repeat:repeat;
}
.header {
    background-color:#012429;
    /*Opacity start*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.8;
    background-color: rgba(0,0,0,.25);
    /*Opacity end*/
    color: white;
    width: 100%;
    padding-bottom:10px;

}
.img-responsive{
	margin:0 auto;
	padding-top:10px;}
	
h1{ color:#FFF;text-align:center; margin-top:10px; padding-top:20px;}
#entry-login{
	
	background-color: #1e9399;
    border-color: #1e9399;
    border-radius: 27px;
	display: block;
    width: 100%;
    margin: 15px 0px;
	color:white;
	border-width: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#entry-login:hover{
	background-color: #20a9af;
    border-color: #20a9af;
	text-decoration: none;
}
#loginFormFields ul{
	list-style-type:none;
	
}

#tvtcLoginBox {
  font-family: 'Cairo', sans-serif;
  font-weight: 400;
  font-size: 16px;
  max-width: 360px;
  margin: 40px auto 40px;
  background: #edf3f3;
  padding: 40px;
  border-radius: 40px;
}

#tvtcLoginBox #password {
	width: 100%
}

#tvtcLoginBox #user_id {
	width: 100%
}

#tvtcLoginBox ul {
	width: 100%
}

footer {
	height:auto;
    width: 100%;
	background-color:#012429;
    /*Opacity start*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.8;
     background-color: rgba(31, 13, 25, 0.43);
	margin-top:41 !important;
}
footer h4{
	font-size:11px;
	color:#fff;
	font-family: 'Cairo', sans-serif;}
	
label {
    font-size: 14px;
    display: inline-block;
    max-width: 100%;
    margin-top: 19px;
	font-weight: 500;
}
h5{
	display: inline-block;
    margin-left: 65px;
}

.user{ background-image:url(../img/icon_3_anactive.png); background-repeat:no-repeat; background-size:auto;    width: 48px;
    height: 51px; margin:0 auto;}
.user:hover{background-image:url(../img/icon_3_active.png);}
.question {background-image:url(../img/icon_2_anactive.png); background-repeat:no-repeat; background-size:auto;    width: 48px;
    height: 51px; margin:0 auto;}
.question:hover{background-image:url(../img/icon_2_active.png);}
.e-learning{background-image:url(../img/icon_1_anactive.png); background-repeat:no-repeat; background-size:auto;    width: 48px;
    height: 51px; margin:0  auto;}
.e-learning:hover{background-image:url(../img/icon_1_active.png)}
.social{text-align:center;}
.social .col-md-4 span{color:#fff;font-family: 'Cairo', sans-serif;}
.icons{max-width:27%!important;}
@media only screen and (max-width: 800px) {
.icons{max-width:none !important;}
}
.vision{  
    margin: 0 auto;}
.social-medai-icons{float:right;}
.social-medai-icons p{ color:#fff;
font-family: 'Cairo', sans-serif; }
.vision img{display:inline-block}
.yammer:hover{opacity:0.8}
.yammer{background-image:url(../img/youtube_icon.png);background-repeat:no-repeat; background-size:auto;    width: 48px;
    height: 51px; display:inline-block;}
.contact-us{ max-width:25%;}
.youtube:hover{opacity:0.8}
.youtube{ background-image:url(../img/yammer_icon.png);background-repeat:no-repeat; background-size:auto;    width: 48px;
    height: 51px; display:inline-block;}
@media only screen and (max-width: 800px) {
    .contact-us{
		max-width:65%
		}
		.col-md-4{padding-bottom:10px;}
}