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

* {
	margin: 0;
	padding: 0;
}
.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%;
}
/* html {
	margin: 0 !important;
	height: 100% !important;
	overflow: hidden !important;
} */

body {
	/* background: url(../images/login_banner.png) no-repeat 0px 0px; */
	/* Set rules to fill background */
	min-height: 100%;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	top: 0;
	left: 0;
}

/*  */

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: 400;
	font-family: "Playfair Display", sans-serif;
}
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: "Playfair Display", sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	color:#131619;
}
.clear {
	clear: both;
}
p {
	margin: 0;
	color: #fff;
	letter-spacing: 1px;
	line-height: 1.8em;
	font-size: 14px;
	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;
}
/*-- //Reset-Code --*/

.errorCss {
    padding: 10px;
    font-size: 16px !important;
    text-align: center;
    color: #fff;
    background: red;
    text-transform: uppercase;
    overflow: hidden;
}
.btn-block {
	display: block;

	/* width: 50%;*/
	padding-left:20px !important;
	padding-right:20px !important;
	margin: 0 auto;
}
.btn:active {
	outline: none;
}
.btn-danger {
	color: #000;
	background-color: #fff;
	margin-top: 15px;
	outline: none;
	padding: 12px 12px;
	cursor: pointer;
	letter-spacing: 2px;
	font-size: 15px;
	font-weight: 400;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border: none;
	text-transform: uppercase;
	font-family: 'Playfair Display', sans-serif;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.btn-danger:hover {
	background-color: #000;
	color: #fff;
}
.w3_info h2 {
	display: inline-block;
	font-size: 26px;
	margin-bottom: 10px;
	color: #fff;
	letter-spacing: 2px;
}
.w3_info h4 {
	display: inline-block;
	font-size: 15px;
	padding: 8px 0px;
	color: #444;
	text-transform: capitalize;
}
::-webkit-input-placeholder {
	color: #eee !important;
}
::-moz-placeholder {
	/* Firefox 18- */
	color: #eee !important;
}
::-moz-placeholder {
	/* Firefox 19+ */
	color: #eee !important;
}
::-ms-input-placeholder {
	color: #eee !important;
}

a.btn.btn-block.btn-social.btn-facebook {
	display: block;
	width: 100%;
	padding: 10px 0px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
	font-family: 'Playfair Display', sans-serif;
}
h1 {
	text-align: center;
	font-size: 45px;
	margin: 30px 0px;
	letter-spacing: 3px;
	color: #fff;
	font-weight: 500;
}
.left_grid_info {
	/* padding: 6em 4em; */
}

.formCss {
	width: 100% !important;
}

.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+ */
	padding-left:7px;
	padding-right:7px;
}

ul.social_section_1info li {
	display: inline-block;
}
ul.social_section_1info {
	margin-top: 25px;
}
ul.social_section_1info a {
	color: #eee;
	margin-right: 10px;
	font-size: 15px;
}
ul.social_section_1info a:hover {
	color: #01cd74;
}
.w3l_form {
	margin-right: 0px !important;
	padding: 0px;
	flex-basis: 65%;
	-webkit-flex-basis: 65%;
	/* background: #fff; */
	/* background: url(../images/event_banner.jpg) no-repeat 0px 0px; */
}

.imgCss {
    width: 100% !important;
    height: 100% !important;
    margin: auto !important;
    display: block !important;
    border-radius: 0px !important;
	border: 0px solid #000;
}

.w3_info {
	margin-left: 5px !important;
	flex-basis: 40%;
	-webkit-flex-basis: 40%;
	box-sizing: border-box;
	height: 100% !important;
	border-radius: 0px;
	background: #E31E21;
}
.w3_info p {
	padding-bottom: 30px;
	text-align: center;
}
p.account,
p.account a {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 0px;
	color: #ccc;
}
p.account a:hover {
	color: #fff;
}
h3.w3ls {
	margin: 10px 0px;
	padding-left: 60px;
}
h3.agileits {
	padding-left: 10px;
}
.container {
	width: 100% !important;
	margin: 0 auto;
	margin-top: 5px !important;
}
.input-group i.fa {
	font-size: 16px;
	vertical-align: middle;
	color: #eee;
	box-sizing: border-box;
	float: left;
	width: 6%;
	margin-top: 13px;
	text-align: center;
}
h5 {
	text-align: center;
	margin: 10px 0px;
	font-size: 15px;
	font-weight: 600;
	color: #000;
}
.footer p {
	color: #fff;
	text-align: center;
	margin: 40px 0px;
	letter-spacing: 2px;
	font-size: 15px;
}
.footer p a {
	color: #fff;
}
.footer p a:hover {
	color: #ff4c4c;
}




/** Responsive **/
@media screen and (max-width: 1440px) {
	.container {
		width: 90%;
		margin: 0 auto;
	}
	.mystyle2 {
		transform: translateY(0%) !important;
	}

	.mystyle1 {
		transform: translateY(0%) !important;
	}
}


@media screen and (min-width: 1024px) {
	.mystyle2 {
		transform: translateY(8%) !important;
	}

	.mystyle1 {
		transform: translateY(50%) !important;
	}
}

@media screen and (max-width: 1024px) {
	.container {
		width: 80%;
	}
	.left_grid_info {
		/* padding: 7em 3em; */
	}
	.w3_info {
		padding: 3em 3em;
	}
	.left_grid_info h4 {
		font-size: 1.1em;
	}
	.mystyle2 {
		transform: translateY(5%) !important;
	}

	.mystyle1 {
		transform: translateY(30%) !important;
	}
}



@media screen and (max-width: 991px) {
	.w3_info h2 {
		font-size: 24px;
	}
	p {
		font-size: 13px;
	}
	h1 {
		font-size: 40px;
		letter-spacing: 2px;
	}
}
@media screen and (max-width: 900px) {
	.container {
		width: 90%;
	}
	.left_grid_info h4 {
		font-size: 1em;
	}
	.w3_info {
		padding: 3em 2.5em;
	}
}
@media screen and (max-width: 800px) {
	.container {
		width: 95%;
	}
	input[type="text"],
	input[type="email"],
	input[type="password"] input[type="number"] {
		font-size: 14px;
	}
	.w3_info h2 {
		font-size: 23px;
	}
	.agile_info {
    display: block;
}
	.w3l_form{
	margin-bottom:10px;
	}
	.w3_info {
    margin-left: 0px !important;
	}
}
@media screen and (max-width: 768px) {
	.container {
		width: 95%;
	}
	.left_grid_info {
		/* padding: 9em 3em; */
	}
	.w3_info h2 {
		letter-spacing: 1px;
	}
	.mystyle2 {
		transform: translateY(0%) !important;
	}

	.mystyle1 {
		transform: translateY(0%) !important;
	}
	.imgCss {
    width: 100% !important;
    height: 100% !important;
    margin: auto !important;
    display: block !important;
    border-radius: 0px !important;
	border: 0px solid #000;
}
}
@media screen and (max-width: 736px) {
	.agile_info {
		flex-direction: column;
		margin-top: 50px !important;
	}
	.left_grid_info h3 {
		font-size: 1.7em;
	}
	.w3_info h2 {
		font-size: 22px;
	}
	.w3_info {
		padding: 0px !important;
		margin: 0px 0px 20px 0px !important;
	}

	.w3l_form {
		margin: 0px 0px 20px 0px !important;
	}
	.footer p {
		font-size: 14px;
	}
	.w3_info h4 {
		font-size: 14px;
	}
	.btn-danger {
		padding: 13px 12px;
		font-size: 14px;
	}
	.mystyle2 {
		transform: translateY(0%) !important;
	}

	.mystyle1 {
		transform: translateY(0%) !important;
	}
}

@media screen and (max-width: 667px) {
	.agile_info {
		flex-direction: column;
		margin-top: 5px !important;
		margin-bottom: 50px !important;
	}
	.container {
		width: 80%;
	}
	.left_grid_info {
		/* padding: 3em 3em; */
	}
	.w3_info {
		padding:  0px !important;
		margin: 0px !important;
	}
	.w3l_form {
		margin: 0px 0px 9px 0px !important;
	}
		.imgCss {
    width: 100% !important;
    height: 100% !important;
    margin: auto !important;
    display: block !important;
    border-radius: 0px !important;
	border: 0px solid #000;
}
}
@media screen and (max-width: 640px) {
	.w3_info {
		padding: 0px !important;
		margin: 0px !important;
	}
	h1 {
		font-size: 37px;
	}
}
@media screen and (max-width: 480px) {
	.w3l_form {
		padding: 0em;
		margin: 0px 0px 9px 0px !important;
	}
	.w3_info {
		padding: 0px !important;
		margin: 0px !important;
	}

	h1 {
		font-size: 34px;
	}
}
@media screen and (max-width: 414px) {
	.w3_info {
	 	padding: 0px; 
		margin-top: 0px !important;
		margin-left: 0px !important;
	}
	h1 {
		font-size: 32px;
		letter-spacing: 1px;
	}
	.left_grid_info p {
		font-size: 13px;
	}
	.container {
		width: 90%;
	}
}
@media screen and (max-width: 384px) {
		.w3_info {
    padding: 0px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}
	.left_grid_info h4 {
		font-size: 0.9em;
	}
	.left_grid_info p {
		letter-spacing: 0.5px;
	}
}
@media screen and (max-width: 375px) {
		.w3_info {
    padding: 0px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}
	.left_grid_info h3 {
		font-size: 1.5em;
	}
}
@media screen and (max-width: 320px) {
	h1 {
		font-size: 25px;
		letter-spacing: 1px;
	}
	.w3_info h2 {
		font-size: 18px;
		letter-spacing: 0px;
	}
	.btn-danger {
		padding: 13px 12px;
		font-size: 13px;
	}
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="number"] {
		font-size: 13px;
	}
	.footer p {
		font-size: 13px;
	}
	.footer p a {
		font-size: 13px;
	}
	.w3_info {
    padding: 0px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}
}
/** /Responsive **/