/*--
Author: W3layouts
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 {
	margin: 0;
	font-family: 'PT Sans', sans-serif;
	/*background: url(../images/bg.jpg)no-repeat center;*/
	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: #e2e2e2;
}

.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;
	position: relative;
}

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: #1392d3; /*Color redes sociales*/
	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: #1392d3;
}

.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: #1392d3;/*color cada de texto*/
	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: #e2e2e2; /*color enviar*/
	color: #1392d3;
}

.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: #4c0e03;
		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;
	}
}