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

body{font-family: 'Oswald', sans-serif; background-color:#FDFEFE; color:#333;}
h1, h2, h3, h4, h5, h6, p{padding:0; margin:0;}

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

/*@font-face {
  font-family: Poppins-Regular;
  src: url('../fonts/poppins/Poppins-Regular.ttf'); 
}

@font-face {
  font-family: Poppins-Medium;
  src: url('../fonts/poppins/Poppins-Medium.ttf'); 
}

@font-face {
  font-family: Poppins-Bold;
  src: url('../fonts/poppins/Poppins-Bold.ttf'); 
}

@font-face {
  font-family: Poppins-SemiBold;
  src: url('../fonts/poppins/Poppins-SemiBold.ttf'); 
}

@font-face {
  font-family: Montserrat-Bold;
  src: url('../fonts/montserrat/Montserrat-Bold.ttf'); 
}*/


.main-bg{background-color:#fff; min-height:500px; margin-top:5%; -moz-box-shadow: 0 0 12px #808186; -webkit-box-shadow: 0 0 12px #808186; box-shadow: 0 0 12px #808186; border-bottom:5px solid #f36525; margin-bottom: 25px;}
.main-bg .form-n{padding:15px 65px 15px 35px;}
.form-n .logo{text-align:center; padding: 15px;}
.form-n .loginbox{background-color: #ebebec; padding: 15px; border:1px solid #d2d2d2; border-radius: 5px;}
.main-bg h2{color:#466d91; font-size:36px; display:block;}
.main-bg h4{font-family:'Oswald', sans-serif; font-size:16px; color:#6088ac; margin-top:-2px; font-style:italic;}
.main-bg-form-title {
  font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  font-size: 16px;
  color: #3A3A3A;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  display: block;
  margin-top:12%;	
}

.main-bg input[type=text]{height: 40px; line-height:40px; font-family: 'Oswald', sans-serif; font-size: 14px; color: #666666; padding:0 10px; width:100%; margin:2% 0; float:left;}
.main-bg input[type=password]{height: 40px; line-height:40px; font-family: 'Oswald', sans-serif; font-size: 14px; color: #666666; padding:0 10px; width:100%; margin:2% 0; float:right;}
input[type=text], input[type=password] {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  border: 1px solid #DDDDDD;
}
input[type=text]:focus, input[type=password]:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}
.login100-form-btn {
  display:block;
  text-align:center;
  padding: 0 20px;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  background: #f36525;
  border:none;

  font-family: 'Oswald', sans-serif;
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 1px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  margin: 5% 0;	
	cursor: pointer;
}

.login100-form-btn:hover {
  background: #fc854f;
}

.login100-form-btn2 {
  display:block;
  text-align:center;
  padding: 0 20px;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  background: #0a3548;
  border:none;

  font-family: 'Oswald', sans-serif;
  font-size: 14px;
  color: #fff;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 1px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  margin: 5% 0;
	cursor: pointer;
}

.login100-form-btn2:hover {
  background: #205770;
}


.txt2 {
  font-family: 'Oswald', sans-serif;
  font-size: 13px;
  line-height: 1.4;
  color: #343a40;
  text-decoration: underline;	
}
.txt2 a{color:#343a40;}
.txt2 a:hover{color:#343a40;}
.txt3{font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size: 12px; margin-top:5%;}
.txt3 a{color:#428bca;}

.txt4{font-size: 12px; margin-top:2%; margin-bottom: 3%; color: #343a40; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
.txt4 a{color:#343a40; text-decoration: underline;}
.labeltxt{font-size: 13px; margin: 0; padding: 0; color: #343a40;}


@media (max-width: 768px){
.main-bg .image-l{display:none;}
	.txt3{margin-bottom: 3%;}
	.main-bg{margin-top:5%;}
	
}
@media (max-width: 576px){
.main-bg{margin-top:5%;}
.main-bg .form-n{padding:25px 25px 0 25px;}
.main-bg input[type=text]{width:100%;}
.main-bg input[type=password]{width:100%;}
.main-bg h2{font-size:24px;}
.main-bg h4{font-size:13px;}
.main-bg-form-title{font-size:16px; margin-top:6%;}
.txt3{font-size:11px; margin-top:5%;}
.main-bg{min-height:375px;}
}