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

/*--reset--*/

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

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

/* 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--*/

body {
	font-family: 'Montserrat', sans-serif;
	font-size: 100%;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201803/201803113/html/images/banner.jpg')no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-attachment: fixed;
	background-position: center;
	text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
}

.top-section-wthree {
	padding: 1.8em 2.5em;
	background: rgba(0, 196, 255, 0.30);
	border-top-right-radius: 18px;
	border-top-left-radius: 18px;
}

/**** LOGIN_SIGNUP ******/

/* signup Form styles */

h2.sub-title {
	text-align: left;
	font-size: 25px;
	text-transform: capitalize;
	letter-spacing: 2px;
	color: #fff;
	font-weight: 600;
}

.top-section-wthree p {
	color: rgba(255, 255, 255, 0.87);
	letter-spacing: 1px;
	text-align: left;
	font-size: 15px;
	line-height: 27px;
	padding-top: 9px;
}

.form-agileits-w3layouts {
	padding: 2em;
	background: url('/newmoban/_external/demo.mobanwang.com/mb/lo201803/201803113/html/images/icon.jpg')no-repeat 0px 0px;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	border-bottom-right-radius: 18px;
	border-bottom-left-radius: 18px;
}

.contact-main-w3-agile {
	width: 30%;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.13);
	border-radius: 18px;
	-webkit-box-shadow: 8px 8px 20px 0px rgb(0, 0, 0);
	-moz-box-shadow: 8px 8px 20px 0px rgb(0, 0, 0);
	box-shadow: 8px 8px 20px 0px rgb(0, 0, 0);
}

.form-agileits-w3layouts input[type="text"],
.form-agileits-w3layouts textarea,
.form-agileits-w3layouts input[type="email"] {
	width: 100%;
	padding: 12px 15px;
	border: none;
	outline: none;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin-bottom: 15px;
	box-sizing: border-box;
	background: rgba(150, 150, 150, 0.34);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-moz-transition: 0.5s all;
	font-family: 'Montserrat', sans-serif;
	box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.24);
	-ms-box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.17);
	-o-box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.17);
}

h1 {
	font-size: 3em;
	letter-spacing: 5px;
	color: #fff;
	margin: 1.1em 0 .8em;
}

.form-agileits-w3layouts textarea {
	resize: none;
	height: 130px;
}

.form-agileits-w3layouts input[type="submit"] {
	background: #fb8a2e;
	color: #fff;
	font-size: 17px;
	border: none;
	text-transform: capitalize;
	border: 2px solid #fb8a2e;
	/* width: 100%; */
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
	padding: .6em 4em;
	letter-spacing: 1px;
	margin-top: 11px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	font-family: 'Montserrat', sans-serif;
	box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.17);
	-ms-box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.17);
	-o-box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.17);
}

.form-agileits-w3layouts input[type="submit"]:hover {
	background: #f97409;
	border-color: #f97409;
	box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.42)
}

.book-form input[type="text"],
.book-form input[type="email"],
.book-form input[type="password"] {
	width: 94%;
	padding: 10px 15px;
	border: none;
	border-bottom: 1px solid #7d7d7d;
	outline: none;
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 20px;
	background: transparent;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-moz-transition: 0.5s all;
	color: #000 !important;
}

.copy-right-agileinfo p {
	text-align: center;
	color: #fff;
	font-size: 13.5px;
	margin: 2.2em 0;
	letter-spacing: 1.2px;
	display: block;
}

.copy-right-agileinfo p a:hover {
	color: #1cbfb4;
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-moz-transition: 0.5s all;
}

.copy-right-agileinfo p a {
	text-decoration: underline;
	color: #fff;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-moz-transition: 0.5s all;
}

/*-- //login --*/

::-webkit-input-placeholder {
	color: #848282;
}

:-moz-placeholder {
	/* Firefox 18- */
	color: #848282;
}

::-moz-placeholder {
	/* Firefox 19+ */
	color: #848282;
}

:-ms-input-placeholder {
	color: #848282;
}

/*--responsive--*/

@media(max-width:1920px) {
	h1 {
		font-size: 3.5em;
		letter-spacing: 7px;
		margin: 2.5em 0 1em;
	}
	.copy-right-agileinfo p {
		font-size: 14px;
		margin: 7em 0;
	}
}

@media(max-width:1600px) {
	h1 {
		font-size: 3em;
		letter-spacing: 5px;
		margin: 1.1em 0 .8em;
	}
	.copy-right-agileinfo p {
		font-size: 13.5px;
		margin: 2.2em 0;
	}
}

@media(max-width:1440px) {
	.contact-main-w3-agile {
		width: 33%;
	}
	.copy-right-agileinfo p {
		margin: 4.5em 0;
	}
}

@media(max-width:1366px) {
	.contact-main-w3-agile {
		width: 35%;
	}
	.copy-right-agileinfo p {
		margin: 2em 0;
	}
	h1 {
		margin: 1em 0 .7em;
	}
	.form-agileits-w3layouts textarea {
		height: 120px;
	}
}

@media(max-width:1280px) {
	.top-section-wthree p {
		letter-spacing: 0.6px;
	}
}

@media(max-width:1080px) {
	.contact-main-w3-agile {
		width: 42%;
	}
}

@media(max-width:1050px) {
	.contact-main-w3-agile {
		width: 42.5%;
	}
}

@media(max-width:1024px) {
	h1 {
		font-size: 2.7em;
		letter-spacing: 4px;
		margin: 1.1em 0 .8em;
	}
	.contact-main-w3-agile {
		width: 44.5%;
	}
}

@media(max-width:991px) {
	.contact-main-w3-agile {
		width: 46%;
	}
	.top-section-wthree {
		padding: 1.5em 2.3em;
	}
}

@media(max-width:900px) {
	.contact-main-w3-agile {
		width: 50%;
	}
}

@media(max-width:800px) {
	.form-agileits-w3layouts input[type="text"],
	.form-agileits-w3layouts textarea,
	.form-agileits-w3layouts input[type="email"] {
		font-size: 13.5px;
		margin-bottom: 13px;
	}
	.contact-main-w3-agile {
		width: 57%;
	}
}

@media(max-width:768px) {
	h1 {
		margin: 2em 0 1em;
	}
	.copy-right-agileinfo p {
		margin: 5em 0;
	}
	.top-section-wthree p {
		font-size: 14.5px;
	}
}

@media(max-width:767px) {
	h1 {
		margin: 1.1em 0 .8em;
	}
	.copy-right-agileinfo p {
		margin: 3em 0;
	}
	.contact-main-w3-agile {
		width: 58%;
	}
}

@media(max-width:736px) {
	.contact-main-w3-agile {
		width: 60%;
	}
}

@media(max-width:667px) {
	.contact-main-w3-agile {
		width: 67%;
	}
	h1 {
		font-size: 2.6em;
		letter-spacing: 3px;
	}
}

@media(max-width:640px) {
	.copy-right-agileinfo p {
		letter-spacing: 1px;
	}
	.contact-main-w3-agile {
		width: 70%;
	}
}

@media(max-width:600px) {
	.copy-right-agileinfo p {
		margin: 2em 2em;
		line-height: 28px;
	}
	h1 {
		letter-spacing: 2px;
	}
	.contact-main-w3-agile {
		width: 75%;
	}
}

@media(max-width:568px) {
	.contact-main-w3-agile {
		width: 78%;
	}
	h1 {
		font-size: 2.5em;
	}
}

@media(max-width:480px) {
	h1 {
		margin: 1em 1em .6em;
	}
	.top-section-wthree p {
		font-size: 14px;
	}
	.contact-main-w3-agile {
		width: 85%;
	}
}

@media(max-width:414px) {
	.top-section-wthree {
		padding: 1.3em 2.3em;
	}
	h2.sub-title {
		font-size: 22px;
		letter-spacing: 1.5px;
	}
}

@media(max-width:440px) {
	h1 {
		margin: 1em 0.5em .6em;
	}
}

@media(max-width:384px) {
	.form-agileits-w3layouts {
		padding: 1.8em 1.5em;
	}
	h1 {
		margin: 1em 0.3em .6em;
		font-size: 2.3em;
		line-height: 45px;
		letter-spacing: 1px;
	}
	.form-agileits-w3layouts textarea {
		height: 80px;
	}
	.top-section-wthree {
		padding: 1.3em 1.8em;
	}
	h2.sub-title {
		font-size: 21px;
	}
	.form-agileits-w3layouts input[type="submit"] {
		font-size: 16px;
		padding: 0.5em 3.5em;
	}
}

@media(max-width:320px) {
	h1 {
		font-size: 2em;
		line-height: 42px;
		letter-spacing: 1px;
		margin: 1em 0em .6em;
	}
	.top-section-wthree p {
		font-size: 13.5px;
		line-height: 23px;
	}
	.contact-main-w3-agile {
		width: 93%;
	}
}

/*--responsive--*/