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

/* ---------- FONTAWESOME ---------- */
/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */


/* ---------- ERIC MEYER'S RESET CSS ---------- */
/* ---------- http://meyerweb.com/eric/tools/css/reset/ ---------- */

@import url(http://meyerweb.com/eric/tools/css/reset/reset.css);

/* ---------- FONTAWESOME ---------- */

[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

/* ---------- GENERAL ---------- */

/*--------header---------*/

.lefthead {
    height: 80px;
    width: 100%;
    background-color: #000;
    margin-top: 0px;
    color: #fff;
    
    background-image: url('../img/logo.png');
}
.clr{
    clear:both;
    padding:0;
    margin:0;
}
.header {
    height: 100px;
    width: 100%;
    /*background-color: #eee;*/
    margin-top: 0px;
    color: #fff;
    text-align: center;
    background-image: url('../images/crosses.png');
   
}
.backgroundimage {
    background-image: url('../images/lgt.jpg');
     background-repeat: no-repeat;
      background-attachment: fixed;
    background-position: center; 
    /*background-size: 1400px 700px;*/
    /*margin-top: -95px;*/
   
}

/*--------fotter---------*/

.footer{
    height: 60px;
    width: 100%;
    background-color: #cd1e7d;
    /* margin-bottom: 0px; */
    position: fixed;
    bottom: 0;

}
body {
    background-color: #C0C0C0;
    color: #000;
    font-family: "Varela Round", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
}

input {
	border: none;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;

	-webkit-appearance: none;
}

/* ---------- LOGIN ---------- */

#login {
	margin: 50px auto;
	width: 400px;
}

#login h2 {
	background-color: #3ca7dd;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
	color: #fff;
	font-size: 28px;
	padding: 31px 26px;
}

#login h2 span[class*="fontawesome-"] {
	margin-right: 14px;
}

#login fieldset {
	background-color: #fff;
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
	margin-top: -24px;
    padding: 24px 23px;
}

#login fieldset p {
	color: #777;
	margin-bottom: 14px;
}

#login fieldset p:last-child {
	margin-bottom: 0;
}

#login fieldset input {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#login fieldset input[type="User Name"], #login fieldset input[type="password"] {
	background-color: #999;
	color: #777;
	padding: 4px 10px;
	width: 328px;
}

/*#login fieldset input[type="submit"] {
	background-color: #33cc77;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 4px 0;
	width: 100px;
}*/

/*#login fieldset input[type="submit"]:hover {
	background-color: #28ad63;
}@charset "utf-8";*/
/* CSS Document */

/* ---------- FONTAWESOME ---------- */
/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */

@import url(http://weloveiconfonts.com/api/?family=fontawesome);

/* ---------- ERIC MEYER'S RESET CSS ---------- */
/* ---------- http://meyerweb.com/eric/tools/css/reset/ ---------- */

@import url(http://meyerweb.com/eric/tools/css/reset/reset.css);

/* ---------- FONTAWESOME ---------- */

[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}

/* ---------- GENERAL ---------- */

body {
	background-color: #C0C0C0;
	color: #000;
	font-family: "Varela Round", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
}

input {
	border: none;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	-webkit-appearance: none;
}

/* ---------- LOGIN ---------- */

#login {
	margin: 50px auto;
	width: 400px;
}

#login h2 {
	background-color: #3ca7dd;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
	color: #fff;
	font-size: 28px;
	padding: 29px 26px;
}

#login h2 span[class*="fontawesome-"] {
	margin-right: 14px;
}

#login fieldset {
	background-color: #fff;
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
	padding: 20px 24px;
}

#login fieldset p {
	color: #777;
	margin-bottom: 14px;
}

#login fieldset p:last-child {
	margin-bottom: 0;
}

#login fieldset input {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#login fieldset input[type="User Name"], #login fieldset input[type="password"] {
	background-color: #eee;
	color: #777;
	padding: 10px 10px;
	width: 328px;
}

/*#login fieldset input[type="submit"] {
	background-color: #33cc77;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 4px 0;
	width: 100px;
}*/

/*#login fieldset input[type="submit"]:hover {
	background-color: #28ad63;
}*/


/*<%-------w3 css form botton-------%>*/
.button {
  display: inline-block;
  padding: 15px 25px;
  font-size: 23px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #3ca7dd;
  border: none;
  border-radius: 15px;
  box-shadow: 0 8px #999;
}

/*.button:hover {background-color: #3e8e41}*/

.button:active {
  background-color: #f95252;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

.b {
    font-weight:bold !important;
}

.bb {
border-bottom:1px solid #747474;
}

.c {
cursor:pointer;
}

.mb10 {
margin-bottom:10px;
font-weight: bold;
}

.mt{
    margin-top:3%;


}


/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v31/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  /*white-space: nowrap;*/
  /*word-wrap: normal;*/
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}