@font-face {font-family: 'isocpeur';src:url('../fonts/ISOCPEUR.ttf');}
@font-face {font-family: 'ubuntu';src:url('../fonts/Ubuntu-R.ttf');}
@font-face {font-family: 'ubuntu_li';src:url('../fonts/Ubuntu-LI.ttf');}
@font-face {font-family: 'impact';src:url('../fonts/ImpactRegular.ttf');}
@font-face {font-family: 'ubuntu_bold'; src:url('../fonts/Ubuntu-B.ttf');}
@font-face {font-family: 'intro';src:url('../fonts/Intro.otf');}
@font-face {font-family: 'archive';src:url('../fonts/ArchiveRegular.ttf');}
 @font-face {font-family: 'azoft';src:url('../fonts/Azoft Sans-Bold.otf');}
 @font-face {font-family: 'cambria';src:url('../fonts/cambria.ttc');}
body{

font-family:"ubuntu";
}
.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}
.background{

background:url('../img/bg_s.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.fill {
    min-height: 100%;
    height: 100%;

}


.container{
	width:100%;

	}

  @media screen and (min-width: 998px) {
.container{
	width:100%;
	padding-left:251px;
	}

  }
   @media screen and (max-width: 990px) {
   .login_form{
 width:35% !important;
 min-width:200px;
 }
   .login_error{
color:#FD4A4F;
 height:35px;
 min-height:35px !important;
 }
 .login_logo{
 	height:90px!important;
 	}
   }
.login_container{
 position: relative;
     min-width:280px;
	background: rgba(35,35,35,0.6);
	height:100%;
    min-height:100%;

}

.login_form{
 width:85%;
 position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);

	}

.login_logo{


 display: block;
  text-indent: -9999px;
  width: 100%;
  height: 118px;
      /*   279 118 */
    background:url('../img/logo.png') no-repeat center;
 background-size: 180px 76px;
	}

.login_password_field{
height: 38px;

border: 1px solid #E4E4E4;
background-color: #FFFFFF;
border-radius: 8px;
width:100%;
margin-top:10px;
font-size:12pt;
	}

.login_button{

width:100%;
height:50px;
font-size:14pt;
border:0;
	}
 .login-button {
  background: rgb(151,163,53);
  font-size: 12pt;

  text-align: center;
  padding: 3px 3px;
     padding-bottom:3px;
  box-sizing: border-box;
  display: inline-block;
  text-decoration: none;
  border-radius:10px;
}

  .login-button span {
    color: white;

    border: 1px solid white;
    border-radius:10px;
    display: inline-block;
    padding: 4px 4px;
    box-sizing: border-box;
    width:170px;

  }

  .login-button:hover {
    background:rgb(135,148,38);
  }

 .login_error{
color:#FD4A4F;
 height:20px;
 min-height:20px;
 font-size:10pt;
 text-align:center;
 font-family:ubuntu;
 	}
 .forget_pass{
 	text-align:center;
 	font-size:8pt;
 	padding-top:10px;
 color:#474343;
 text-decoration:none;
 	}
 	.forget_pass:hover
 	{   color:#474343;
 text-decoration:none;
 		}
 		.forget_pass:active{
 	 color:#474343;
 text-decoration:none;
 		}
 		.forget_pass:visited{
 	 color:#474343;
 text-decoration:none;
 		}
.has-feedback .form-control {
  padding-right: 34px;
}
.has-feedback .form-control.input-sm,
.has-feedback.form-group-sm .form-control {
  padding-right: 30px;
}
.has-feedback .form-control.input-lg,
.has-feedback.form-group-lg .form-control {
  padding-right: 46px;
}
.has-feedback-left .form-control {
  padding-right: 12px;
  padding-left: 34px;
}
.has-feedback-left .form-control.input-sm,
.has-feedback-left.form-group-sm .form-control {
  padding-left: 30px;
}
.has-feedback-left .form-control.input-lg,
.has-feedback-left.form-group-lg .form-control {
  padding-left: 40px;
}
.has-feedback-left .form-control-feedback {
  left: 0;
}
.form-control-feedback {
  line-height: 34px !important;
}
.input-sm + .form-control-feedback,
.form-horizontal .form-group-sm .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px !important;
}
.input-lg + .form-control-feedback,
.form-horizontal .form-group-lg .form-control-feedback {
  width: 37px;
  height: 36px;
 top:1px;
  line-height: 36px !important;
  background-color:rgb(214,214,214);
  border-top-left-radius:8px;
 padding-left:4px;

   border-bottom-left-radius:8px;
   color:white;
}
.has-feedback label.sr-only ~ .form-control-feedback,
.has-feedback label.sr-only ~ div .form-control-feedback {
  top: 0;
}
@media (min-width: 768px) {
  .form-inline .inline-feedback {
    position: relative;
    display: inline-block;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .has-feedback-left .form-control-feedback {
  left: 15px;
}
.modal {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.forget_phone{
	width:140px;
	}


#####

* { box-sizing: border-box; }
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
#vidtop-content {
	top: 0;
	color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}