/*--
Author: W3Layouts
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, a, 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, copyright, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 	margin: 0;
 	padding: 0;
 	border: 0;
 	font-size: 100%;
 	font: inherit;
 	vertical-align: baseline;
 }

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

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

 blockquote, q {
 	quotes: none;
 }

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

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

 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;
 }

 /* 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%;
 }

 body {
 	padding: 0;
 	margin: 0;
 	background: #fff;
 	min-height: 100vh;
 	font-family: 'Raleway', sans-serif;
 }

 body a {
 	transition: 0.5s all;
 	-webkit-transition: 0.5s all;
 	-moz-transition: 0.5s all;
 	-o-transition: 0.5s all;
 	-ms-transition: 0.5s all;
 	text-decoration: none;
 	letter-spacing: 1px;
 	font-size: 15px;
 	font-weight: 600;
 	cursor: pointer !important;
 }

 button, .btn {
 	cursor: pointer !important;
 }

 body a:hover {
 	text-decoration: none;
 }

 body a:focus, a:hover {
 	text-decoration: none;
 }

 input[type="button"], input[type="submit"] {
 	transition: 0.5s all;
 	-webkit-transition: 0.5s all;
 	-moz-transition: 0.5s all;
 	-o-transition: 0.5s all;
 	-ms-transition: 0.5s all;
 }

 h1, h2, h3, h4, h5, h6 {
 	margin: 0;
 	padding: 0;
 	font-family: 'Raleway', sans-serif;
 	font-weight: 600;
 	letter-spacing: 1px;
 }

 .clear {
 	clear: both;
 }

 p {
 	margin: 0;
 	color: #666;
 	letter-spacing: 1px;
 	line-height: 1.8em;
 	font-size: 16px;
 	font-weight: 400;
 }

 .row {
 	margin: 0px;
 	padding: 0px;
 }

 ul {
 	margin: 0;
 	padding: 0;
 }

 label {
 	margin: 0;
 }

 a:focus, a:hover {
 	text-decoration: none;
 	outline: none;
 }

 img {
 	width: 100%;
 }

 /*-- //Reset-Code --*/

 h1 {
 	font-size: 45px;
 	margin: 0em 0em .5em 0em;
 	color: #333;
 	font-weight: 700;
 }

 input[type="email"], input[type="text"], select {
 	font-size: 15px;
 	color: #333;
 	text-align: left;
 	letter-spacing: 1px;
 	padding: 14px 10px;
 	width: 93%;
 	display: inline-block;
 	box-sizing: border-box;
 	border: none;
 	outline: none;
 	background: transparent;
 	font-family: 'Raleway', sans-serif;
 }

 input[type="Password"] {
 	font-size: 15px;
 	color: #333;
 	text-align: left;
 	text-transform: capitalize;
 	letter-spacing: 1px;
 	padding: 14px 10px;
 	width: 93%;
 	display: inline-block;
 	box-sizing: border-box;
 	border: none;
 	outline: none;
 	background: transparent;
 	font-family: 'Raleway', sans-serif;
 }

 .input-group {
 	margin-top: 10px;
 	margin-bottom: 20px;
 	padding: 3px 10px;
 	border: 1px solid #ddd;
 	background: #fff;
 	width: 86%;
 }

 .btn-block {
 	background: #ff4040;
 	border: none;
 	color: #fff;
 	font-size: 13px;
 	padding: 12px 40px;
 	letter-spacing: 2px;
 	text-transform: uppercase;
 	cursor: pointer;
 }

 .w3_info h2 {
 	display: inline-block;
 	font-size: 26px;
 	margin-bottom: 10px;
 	color: #333;
 	letter-spacing: 2px;
 	text-transform: capitalize;
 }

 a.btn.btn-block.btn-social.btn-facebook {
 	display: block;
 	width: 100%;
 	padding: 10px 0px;
 	text-align: center;
 	font-size: 16px;
 	font-weight: 600;
 	letter-spacing: 1px;
 	font-family: 'Raleway', sans-serif;
 }

 .w3_info {
 	flex-basis: 50%;
 	-webkit-flex-basis: 50%;
 	padding: 5.9em 18em 6em 4em;
 	background: #f5f5f5;
 }
 .w3_info_reg{
	 flex-basis: 70%;
 }
 .login-check {
 	position: relative;
 }

 .w3_info .login-check label {
 	text-transform: capitalize;
 	font-size: 13px;
 	letter-spacing: 1px;
 	color: #000;
 }

 .checkbox i {
 	position: absolute;
 	top: 0px;
 	left: 0%;
 	text-align: center;
 	display: block;
 	width: 14px;
 	height: 14px;
 	border: 1px solid #777;
 	outline: none;
 	border-radius: 0px;
 	-webkit-border-radius: 0px;
 	-moz-border-radius: 0px;
 	-o-border-radius: 0px;
 	cursor: pointer;
 }

 .checkbox input:checked+i:after {
 	opacity: 1;
 }

 .checkbox input+i:after {
 	position: absolute;
 	opacity: 0;
 	transition: opacity 0.1s;
 	-o-transition: opacity 0.1s;
 	-ms-transition: opacity 0.1s;
 	-moz-transition: opacity 0.1s;
 	-webkit-transition: opacity 0.1s;
 }

 .checkbox input+i:after {
 	content: url(../img/tick.png);
 	top: 0px;
 	left: 2px;
 }

 .checkbox {
 	position: relative;
 	display: inline-block;
 	padding-left: 25px !important;
 	text-transform: capitalize;
 	letter-spacing: 1px;
 	font-size: 14px;
 	color: #fff;
 }

 input[type="checkbox" i] {
 	display: none;
 }

 .agile_info {
 	display: -webkit-box;
 	/* OLD - iOS 6-, Safari 3.1-6 */
 	display: -moz-box;
 	/* OLD - Firefox 19- (buggy but mostly works) */
 	display: -ms-flexbox;
 	/* TWEENER - IE 10 */
 	display: -webkit-flex;
 	/* NEW - Chrome */
 	display: flex;
 	/* NEW, Spec - Opera 12.1, Firefox 20+ */
 	min-height: 100vh;
 	box-sizing: border-box;
 }

 .w3l_form {
 	flex-basis: 50%;
 	-webkit-flex-basis: 50%;
 	padding: 5.8em 3em 6em 16.5em;
 	background: #fff;
 }
 .w3l_form_reg{
	 flex-basis: 30%;
 }

 .signupform {
 	position: relative;
 }

 .copyright {
 	position: absolute;
 	width: 100%;
 	bottom: 8%;
 }

 .w3_info p {
 	margin-bottom: 30px;
 }

 p.account, p.account1 {
 	margin-top: 20px;
 	margin-bottom: 0px;
 	line-height: 1.5em;
 	font-size: 13px;
 }

 p.account a, p.account1 a {
 	color: #ff4040;
 	font-size: 11px;
 	text-decoration: underline;
 }

 p.account a:hover, p.account1 a:hover {
 	text-decoration: none;
 }

 .w3_info label {
 	margin: 0;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 	font-weight: 500;
 	color: #000;
 	margin-bottom: 20px;
 	font-size: 13px;
 	padding-left: 0px;
 }

 h3.w3ls {
 	margin: 10px 0px;
 	padding-left: 60px;
 }

 h3.agileits {
 	padding-left: 10px;
 }

 .input-group span.fa {
 	font-size: 16px;
 	vertical-align: middle;
 	box-sizing: border-box;
 	float: left;
 	text-align: center;
 	width: 6%;
 	padding: 15px 0px;
 	color: #1d1b60;
 }

 h5 {
 	text-align: center;
 	margin: 10px 0px;
 	font-size: 15px;
 	font-weight: 600;
 	color: #000;
 }

 .copyright p {
 	color: #666;
 	text-align: center;
 	letter-spacing: 1px;
 	font-size: 15px;
 	margin-top: 2em;
 }

 .copyright p a {
 	color: #333;
 }

 /** Responsive **/

 @media screen and (max-width: 1440px) {
 	.w3l_form {
 		padding: 5.8em 3em 6em 14.5em;
 	}
 	.w3_info {
 		padding: 5.9em 16em 6em 4em;
 	}
 }

 @media screen and (max-width: 1366px) {
 	h1 {
 		font-size: 40px;
 	}
 	.w3l_form {
 		padding: 5.8em 3em 6em 12.5em;
 	}
 	.w3_info {
 		padding: 5.9em 14em 6em 4em;
 	}
 }

 @media screen and (max-width: 1080px) {
 	.w3_info h2 {
 		font-size: 24px !important;
 		letter-spacing: 1px;
 	}
 	h1 {
 		font-size: 35px !important;
 	}
 	.w3l_form {
 		padding: 5.8em 3em 6em 8em;
 	}
 	.w3_info {
 		padding: 5.9em 8em 6em 4em;
 	}
 }

 @media screen and (max-width: 1024px) {}

 @media screen and (max-width: 991px) {
 	.w3_info h2 {
 		font-size: 24px !important;
 	}
 	h1 {
 		font-size: 40px !important;
 		letter-spacing: 2px;
 	}
 	.input-group {
 		width: 93%;
 	}
 }

 @media screen and (max-width: 900px) {
 	.w3l_form {
 		padding: 5em 3em;
 	}
 	.w3_info {
 		padding: 5em 3em;
 	}
 	h1 {
 		font-size: 35px !important;
 	}
 }

 @media screen and (max-width: 800px) {
 	input[type="text"], input[type="email"], input[type="password"], select {
 		font-size: 14px !important;
 	}
 	.input-group span.fa {
 		font-size: 16px !important;
 		padding: 13px 0px;
 	}
 	.w3_info h2 {
 		font-size: 20px !important;
 	}
 	h1 {
 		font-size: 32px !important;
 	}
 }

 @media screen and (max-width: 768px) {
 	.w3_info h2 {
 		letter-spacing: 1px;
 	}
 	h1 {
 		font-size: 30px !important;
 		letter-spacing: 1px;
 	}
 }

 @media screen and (max-width: 736px) {
 	.w3_info h2 {
 		font-size: 20px !important;
 	}
 	.w3_info {
 		padding: 4em 2em;
 	}
 	.copyright p {
 		font-size: 14px !important;
 	}
 	.copyright p {
 		margin-top: 0em;
 	}
 	.copyright {
 		bottom: 6%;
 	}
 }

 @media screen and (max-width: 684px) {
 	.w3_info h2 {
 		font-size: 20px !important;
 		letter-spacing: 0px;
 	}
 	h1 {
 		font-size: 26px !important;
 		letter-spacing: 1px;
 	}
 }

 @media screen and (max-width: 667px) {
 	.agile_info {
 		flex-direction: column;
 	}
 	.w3l_form {
 		padding: 3em 5em;
 	}
 	.w3_info {
 		padding: 3em 5em;
 	}
 	.copyright {
 		position: static;
 		margin: 1em 0;
 		width: auto;
 	}
 }

 @media screen and (max-width: 640px) {
 	h1 {
 		font-size: 37px !important;
 	}
 	.w3l_form {
 		padding: 3em 5em;
 	}
 	.w3_info {
 		padding: 3em 5em;
 	}
 }

 @media screen and (max-width: 568px) {
 	.w3l_form {
 		padding: 3em 3em;
 	}
 	.w3_info {
 		padding: 3em 5em;
 	}
 }

 @media screen and (max-width: 480px) {
 	h1 {
 		font-size: 30px !important;
 	}
 	h1 {
 		margin: 0em 0em .5em 0em;
 	}
 }

 @media screen and (max-width: 415px) {
 	.w3_info {
 		padding: 3em 3em;
 	}
 }

 @media screen and (max-width: 414px) {
 	p {
 		font-size: 14px !important;
 	}
 	h1 {
 		font-size: 28px !important;
 	}
 	.w3_info p {
 		font-size: 14px !important;
 	}
 	.copyright {
 		padding: 0 1em;
 	}
 }

 @media screen and (max-width: 384px) {
 	h1 {
 		font-size: 21px !important;
 		letter-spacing: 0px;
 	}
 	.w3_info h2 {
 		font-size: 18px !important;
 	}
 }

 @media screen and (max-width: 375px) {
 	.w3l_form {
 		padding: 2em 2em;
 	}
 	.w3_info {
 		padding: 2em 2em;
 	}
 }

 @media screen and (max-width: 320px) {
 	h1 {
 		font-size: 25px !important;
 		letter-spacing: 1px;
 	}
 	.w3l_form {
 		padding: 1em 2em;
 	}
 	.w3_info h2 {
 		font-size: 18px !important;
 		letter-spacing: 0px;
 	}
 	.btn-danger {
 		padding: 13px 12px;
 		font-size: 13px !important;
 	}
 	input[type="text"], input[type="email"], input[type="password"], select {
 		font-size: 13px !important;
 	}
 	.copyright p {
 		font-size: 13px !important;
 	}
 	.copyright p a {
 		font-size: 13px !important;
 	}
 }

 /** /Responsive **/