/*--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 {
	margin: 0;
	font-family: 'PT Sans', sans-serif;
    background: linear-gradient( rgba(0, 0, 0, 0.55),rgba(0, 0, 0, 0.55)),url(../images/bk1.jpg) center center no-repeat fixed;
	background-size: cover;
}


/*-- banner --*/

h1,
h2,
h3,
h4,
h5,
h6,
input,
p,
a,
select,
button,
textarea,
label {
	margin: 0;
}

.text-center {
	text-align: center;
}

.clear {
	clear: both;
}

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

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

p {
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
}

label {
	margin: 0;
	color: #dcffff;
}

.text-center {
	text-align: center;
}

.clear {
	clear: both;
}

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

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

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

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

.bg {
	background-size: cover;
	background-attachment: fixed;
	background: url(../images/bg.jpg) no-repeat center;
}


/* form */

.agile-header {
	text-align: center;
	margin: 2% auto;
}

h1.agile-head {
	font-size: 3em;
	text-transform: capitalize;
	font-family: 'Righteous', cursive;
	color: #fff;
	font-weight: 500;
	padding-top: 1em;
	letter-spacing: 3px;
}

.container-w3 {
	width: 50%;
	margin: 3em auto 2.4em;
}

.w3ls-subhead i {
	color: #fff;
	font-size: 3.5em;
	padding-left: 1.7em;
}

.container-w3 h2 {
	color: #fff;
	text-align: center;
	font-size: 2em;
	letter-spacing: 5px;
	font-family: 'Righteous', cursive;
}

.content2-w3-agileits {
	padding: 2em;
	text-align: center;
}

form.agile-info-form {
	width: 63%;
	margin: 0 auto;
}


/*-- social-icons --*/

ul.w3-links li {
	margin: 0 0.5em;
	display: inline-block;
}

ul.w3-links {
	margin-top: 0;
}

ul.w3-links li a span.fa {
	color: #1DB233;
	background: #fff;
	font-size: 1em;
	line-height: 2.2em;
	border-radius: 50%;
	text-align: center;
	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;
	width: 36px;
	height: 36px;
	border: 2px solid #fff;
}

ul.w3-links li a span.fa:hover {
	color: #fff;
	background: #1DB233;
}

.wthree-social-icons {
	margin: 2em 0 0;
	text-align: center;
}

a {
	display: inline-block;
}


/*-- //social-icons --*/

.agile-info-form input.email {
	width: 62%;
	padding: 1em;
	color: #fff;
	font-size: 0.9em;
	outline: none;
	background: #1DB233;
	border: none;
	font-family: 'PT Sans', sans-serif;
}

.agile-info-form input[type="submit"] {
	width: 30%;
	border: none;
	outline: none;
	padding: 1em;
	cursor: pointer;
	font-weight: 600;
	text-transform: uppercase;
	background: #fff;
	font-size: 0.9em;
	border: none;
	letter-spacing: 1px;
	font-family: 'PT Sans', sans-serif;
}

.agile-info-form input[type="submit"]:hover {
	background: #1DB233;
	color: #1DB233;
}

.agile-info-form input.email {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

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

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

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

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

.content2-w3-agileits p {
	color: #fff;
	font-size: 1.3em;
	letter-spacing: 1px;
	margin-bottom: 2em;
}
.agileits-w3layouts-copyright {
	padding: 2em 0 1em;
}
.agileits-w3layouts-copyright p{
	font-size: 0.9em;
	color: #fff;
	letter-spacing: 1px;

}

.agileits-w3layouts-copyright a {
	color: #fff;
}

.agileits-w3layouts-copyright a:hover {
	color: #f0bd23;
}

.hero {
	padding: 0 3em;
	margin: 0 auto;
}

.demo-2 .main-title {
	font-weight: normal;
	font-size: 8em;
	padding-left: 10px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
/* responsive code */
@media screen and (max-width: 1366px) {
	form.agile-info-form {
		width: 69%;
	}
}

@media screen and (max-width: 1280px) {
	form.agile-info-form {
		width: 73%;
	}
	.container-w3 {
		width: 58%;
	}
	form.agile-info-form {
		width: 76%;
	}
}

@media screen and (max-width: 1050px) {
	.content2-w3-agileits p {
		font-size: 1.2em;
	}
	form.agile-info-form {
		width: 78%;
	}
}

@media screen and (max-width: 1024px) {
	form.agile-info-form {
		width: 80%;
	}
}

@media screen and (max-width: 991px) {
	form.agile-info-form {
		width: 83%;
	}
}

@media screen and (max-width: 900px) {
	.container-w3 {
		width: 68%;
	}
	.ds-black .ds-element-value {
		font-size: 3.5em;
	}
}

@media screen and (max-width: 800px) {
	.container-w3 {
		width: 72%;
	}
	.content2-w3-agileits p {
		font-size: 1.1em;
	}
}

@media screen and (max-width: 768px) {
	form.agile-info-form {
		width: 88%;
	}
}

@media screen and (max-width: 736px) {
	.agile-info-form input.email {
		width: 61%;
	}
}

@media screen and (max-width:667px) {
	.container-w3 {
		width: 74%;
	}
}

@media screen and (max-width: 640px) {
	.agile-info-form input.email {
		width: 60%;
	}
}

@media screen and (max-width: 600px) {
	.container-w3 h2 {
		font-size: 1.8em;
		letter-spacing: 4px;
	}
	.agile-info-form input.email {
		width: 59%;
	}
	form.agile-info-form {
		width: 100%;
	}
	.agile-info-form input[type="submit"],.agile-info-form input.email {
		padding: 0.8em 1em;
	}
}

@media screen and (max-width: 568px) {
	.container-w3 {
		width: 89%;
		margin: 2em auto 2em;
	}
	.content2-w3-agileits p {
		font-size: 1em;
		line-height: 1.5;
	}
	h1.agile-head {
		font-size: 2.7em;
	}
}

@media screen and (max-width: 480px) {
	form.agile-info-form {
		width: 96%;
	}
	.content2-w3-agileits p {
		font-size: 1em;
	}
	.agileits-w3layouts-copyright p{
		line-height: 1.5;
	}
	.agileits-w3layouts-copyright {
		padding: 1em 0 0em;
	}
}

@media screen and (max-width: 414px) {
	.agile-info-form input.email {
		width: 58%;
	}
	.container-w3 h2 {
		font-size: 1.6em;
	}
	.content2-w3-agileits {
		padding: 2em 0;
	}
	ul.w3-links li a span.fa {
		color: #1DB233;
		background: #fff;
		font-size: 0.95em;
		line-height: 2.1;
		width:30px;
		height:30px;
	}
	h1.agile-head {
		font-size: 2.6em;
	}
}

@media screen and (max-width: 384px) {
	.agile-info-form input.email {
		width: 57%;
	}
	form.agile-info-form {
		width: 100%;
	}
	h1.agile-head {
		font-size: 2.4em;
		padding-top: 0.7em;
	}
	.content2-w3-agileits p {
		font-size: 0.95em;
	}
}
@media screen and (max-width: 375px) {
	h1.agile-head {
		font-size: 2.3em;
	}
	.container-w3 h2 {
		font-size: 1.4em;
		letter-spacing: 3px;
	}
}
@media screen and (max-width: 320px) {
	.container-w3 h2 {
		font-size: 1.3em;
	}
	h1.agile-head {
		font-size: 2.2em;
	}
	.container-w3 {
		margin: 1.5em auto 2em;
	}
	.content2-w3-agileits {
		padding: 1em 0 1.5em;
	}
}