/*--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/


/*--- reset code ---*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	/* padding: 2px; */
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}


blockquote,
q {
	quotes: none;
}
.footer-log{
	background-color: yellow;
  margin: 0;
  padding: 1%;
}


blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* start editing from here */

/* a {
	text-decoration: none;
} */

.txt-rt {
	text-align: right;
}


/* text align right */

.txt-lt {
	text-align: left;
}


/* text align left */

.txt-center {
	text-align: center;
	/*-- W3Layouts --*/
}


/* text align center */

.float-rt {
	float: right;
}


/* float right */

.float-lt {
	float: left;
}


/* float left */

.clear {
	clear: both;
}


/* clear float */

.pos-relative {
	position: relative;
}


/* Position Relative */

.pos-absolute {
	position: absolute;
}


/* Position Absolute */

.vertical-base {
	vertical-align: baseline;
}


/* vertical align baseline */

.vertical-top {
	vertical-align: top;
}


/* vertical align top */

nav.vertical ul li {
	display: block;
}


/* vertical menu */

nav.horizontal ul li {
	display: inline-block;
}


/* horizontal menu */

img {
	max-width: 100%;
}


/*--- end reset code ---*/

body {
	/* background: url(../img/login.png) no-repeat; */
	background: url(../img/kota.jpg) no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	font-family: 'Source Sans Pro', sans-serif;
}

h1.title {
	text-align: center;
	font-size: 2.5em;
	letter-spacing: 2px;
	padding: 0.5em 0;
	color: #fff;
	background: rgba(0, 0, 0, 0.4);
	text-transform: uppercase;
}

label.control-label {
	color: #000;
	margin-bottom: 10px;
	font-style: italic;
	font-size: 0.9em;
	letter-spacing: 1px;
	text-transform: uppercase;
}

form-group.field {
	margin-bottom: 0;
}

.help-block {
	color: #fb0000;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
	color: #000;
}

.content-agileits {
	width: 67%;
	/* margin: 3em auto; */
	margin-left: 260px;
  margin-top: 60px;
}

.centered1 {
  position: absolute;
  top: 40%;
  left: 30%;
	color: #fff;
	font-size: 17px;
  transform: translate(-50%, -50%);
}

.centered2 {
    position: absolute;
    top: 40%;
    left: 30%;
    color: #fff;
    font-size: 17px;
    transform: translate(-50%, -50%);
}

.wrap-login {
	background-color: #fff;
	padding: 4%;
	margin-bottom: 20px;
	margin-left: 53px;
}

.wrap-login2 {
	background-color: #fff;
	padding: 4%;
	margin-top: 20px
}

.atas {
	height: 300px;
	padding-top: 30px;
}

.atas2 {
	height: 300px;
	padding-top: 30px;
	margin-left: 240px;
}

.left {
	width: 50%;
	float: left;
	padding: 2em;
	background: #fff;
}

.left2 {
	width: 50%;
	float: left;
	padding: 2em;
	background: #fff;
	margin: 0;
	padding:0;
}

.right {
	width: 65%;
	background: url(../img/login1.png) no-repeat center !important;
	min-height: 476px;
	background-size: cover;
}

.right2 {
	/* float: right; */
	width: 65%;
	background: url(../img/login1.png) no-repeat center;
	min-height: 537px;
	background-size: cover;
}

.right3 {
	width: 65%;
	background: url(../img/login1.png) no-repeat center;
	min-height: 390px;
	background-size: cover;
}

.right4 {
	width: 65%;
	background: url(../img/login1.png) no-repeat center;
	min-height: 390px;
	background-size: cover;
}

input#firstname,
input#lastname,
input#inputEmail,
input#Phone,
input#inputPassword,
input#inputPasswordConfirm {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
}

input#firstname,
input#lastname,
input#inputEmail,
input#Phone {
	width: 100%;
	height: 45px;
	font-size: 16px;
	border: 1px solid #337ab7;
	font-weight: normal;
	color: #000;
}

span.psw a {
  padding-top: 40px;
  left: 30%;
  font-size: 17px;
}

span.reg a {
  /* color: #337ab7; */
  /* text-decoration: none;
  position: absolute; */
  /* top: 850%; */
  padding-top: 40px;
  /* left: 20%; */
	margin-left:-5%;
  color: #fff;
  font-size: 17px;
  /* transform: translate(-50%, -50%); */
}

span.login a {
  /* color: #337ab7; */
  /* text-decoration: none;
  position: absolute; */
  /* top: 850%; */
  padding-top: 40px;
  left: 20%;
  color: #fff;
  font-size: 17px;
  /* transform: translate(-50%, -50%); */
}

.footer-log strong a {
  /* color: #337ab7; */
  /* text-decoration: none;
  position: absolute; */
  /* top: 850%; */
  padding-top: 180px;
  left: 30%;
  color: #0a0a0a;
  font-size: 17px;
  /* transform: translate(-50%, -50%); */
}

.footer-log2 {
  /* color: #337ab7; */
  /* text-decoration: none;
  position: absolute; */
  /* top: 850%; */
  padding-top: 180px;
  left: 30%;
  /* color: #0a0a0a; */
	background-color: yellow;
  font-size: 17px;
  /* transform: translate(-50%, -50%); */
}

input#inputPassword,
input#inputPasswordConfirm {
	width: 100%;
	height: 45px;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	border: 1px solid #337ab7;
}

.help-block.with-errors {
	color: #dc423f;
}

label.w3layouts {
	display: inline-block;
	background: #fff;
	padding: 0.5em 0;
	margin-left: 2em;
	font-size: 1em;
	color: #100d0d;
	cursor: pointer;
}

.w3ls-opt input[type="radio"] {
	margin-right: 0.5em;
}

/* .content-agileits button.btn.btn-lg { */
.content-agileits button.btn.btn-lg {
	width: 100%;
	height: 45px;
	margin: 0 auto;
	text-align: center;
	float: none;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 1px;
	display: block;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	background: #0099ff;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	text-transform: uppercase;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	background: #890f0a;
	opacity: 0.7;
}

p.copyright-w3ls {
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	padding: 0 0 2em 0;
	color: #000;
	letter-spacing: 1px;
}

p.copyright-w3ls a {
	color: #000;
	text-decoration: underline;
}

p.copyright-w3ls a:hover {
	color: #ff4200;
}

/*footer*/
/* .main-footer {
    background: #f3e312;
    padding: 15px;
    color: #444;
    border-top: 1px solid #d2d6de;
} */
.footer {
   position: fixed;
   /* left: 0;
   bottom: 0;
   width: 50%; */
	 top: 151px;
   width: 33.4%;
   margin-left: 223px;
   background-color: #f3e312;
   color: white;
   text-align: center;
}

.main-footer {
	background-color: #f3e312;
	width: 421px;
	/* margin-left: -0px;
	height: 110px; */
	margin-top: 430px;
}
.con {
	width: 421px;
	margin-left: -0px;
	height: 110px;
	margin-top: 430px;
}
/*footer*/

.caption {
    position: absolute;
    top: 40%;
    left: 2em;
    width: 100%;
		color: #fff;
}
.caption2 {
    position: absolute;
    top: 45%;
    left: 1.6em;
    width: 100%;
		color: #fff;
		font-size: 17px;
}
.caption3 a {
	position: absolute;
	top: 60%;
	left: 2.1em;
	width: 100%;
	color: #fff;
	font-size: 13px;
}
/* .caption3 a:hover {
    position: relative;
    top: 60%;
    left: 2em;
    width: 100%;
		color: #fff;
} */

/* -- Responsive code -- */
@media screen and (max-width: 1080px) {
	.form-group.col-sm-6.agileits-w3layouts,
	.form-inline .form-group {
		width: 100%;
	}
	/* .right {
		min-height: 718px;
	} */
}

/* @media screen and (max-width: 1050px) {
	.right {
		min-height: 719px;
	}
} */

/* @media screen and (max-width: 1024px) {
	.content-agileits {
		width: 80%;
	}

} */

@media screen and (max-width: 900px) {
	h1.title {
		font-size: 2.3em;
	}
}

@media screen and (max-width: 800px) {
	h1.title {
		font-size: 2.1em;
	}
	/* .content-agileits {
		width: 88%;
	} */
	p.copyright-w3ls {
		font-size: 0.9em;
	}
	input#firstname,
	input#lastname,
	input#inputEmail,
	input#Phone {
		height: 39px;
	}

}


@media screen and (max-width: 768px) {
	/* .content-agileits {
		margin: 3em auto 2em;
	}
	.footer-log {
    background-color: yellow;
    margin: 0;
    padding: 1%;
		visibility: hidden;
  }
	.left {
		width: 80% !important;
	}
	.right {
		width: 80%;
    margin-top: 484px;
    background: url(../img/login1.png) no-repeat center;
    min-height: 236px !important;
	}
	.wrap-login {
    padding: 4%;
    margin-bottom: 20px;
    margin-left: 19px;
  }
	.content-agileits button.btn.btn-lg {
		width: 80%;
    margin-left: -0px;
  } */
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }

}

@media screen and (max-width: 736px) {
	.content-agileits {
		margin: 3em auto 2em;
	}
}

@media screen and (max-width: 667px) {
	h1.title {
		font-size: 1.8em;
	}
}

/* @media screen and (max-width: 640px) {
	h1.title {
		letter-spacing: 1px;
	}
} */

/* @media screen and (max-width: 600px) {
	h1.title {
		font-size: 1.8em;
	}
	p.copyright-w3ls {
		padding: 1em;
		line-height: 1.7;
	}
} */

/* @media screen and (max-width: 568px) {
	.content-agileits button.btn.btn-lg {
		padding: 0;
		height: 43px;
	}
} */

/* @media screen and (max-width: 480px) {
	.content-agileits {
		margin: 2em auto;
	}
	.content-agileits {
		width: 88%;
	}
	h1.title {
		font-size: 1.6em;
	}
	.right {
		min-height: 330px;
	}
	.content-agileits {
		margin: 2em auto 1em;
	}
} */

@media screen and (max-width: 414px) {
	.content-agileits {
		width: 96%;
		margin-left: 37px;
	}
}

@media screen and (max-width: 384px) {
	h1.title {
		font-size: 1.45em;
	}
	.content-agileits button.btn.btn-lg {
		height: 37px;
	}
}

/* @media screen and (max-width: 375px) {
	.left {
		padding: 2em 2em 1em;
	}
	.right {
		min-height: 300px;
	}
} */

@media screen (max-width: 320px) {
	h1.title {
		font-size: 1.4em;
	}
	label.w3layouts {
		margin-left: 1em;
	}
	.left {
		padding: 2em 1.5em 1em;
	}
	.content-agileits {
		width: 50%;
    margin-left: 20px;
	}
	.wrap-login img {
    height: 30px;
    width: 50px;
  }
	.atas {
	  width: 260px;
	}

}

/*new*/
@media screen and (max-width: 768px){
  .min {
		/* max-height: 415px; */
		visibility: hidden;
  }
}


/* -- //Responsive code -- */