/*

SVG

logo 450x115
logo right 200x95
redes 24x24
personas 415x150
*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color:#9D9FA2;
opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#9D9FA2;
}

::-ms-input-placeholder { /* Microsoft Edge */
color:#9D9FA2;
}

body {
margin:0px auto;
overflow-x:hidden !important;
}
a, h1, h2, h3, h4, h5, h6, div, p, body {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
article {
margin:0px auto;
width:100%;
}
a {
text-decoration:none;
}
.clearfix {
clear:both;
}

/* REDES */

#redes {
margin:0px auto;
width:100%;	
height:45px;	
background:url(../img/bg-degrade.png) repeat-y center center;
}
#redes div {
margin:0px auto;
width:100%;
max-width:132px;		
}
#redes a {
margin:0px auto;
float:left;
text-indent:-999999px;
width:24px;
height:24px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
}
#redes a:nth-child(1) {
background:url(../img/twitter.svg) no-repeat center center;	
}
#redes a:nth-child(2) {
background:url(../img/facebook.svg) no-repeat center center;	
}
#redes a:nth-child(3) {
background:url(../img/instagram.svg) no-repeat center center;	
margin-top:11px;
}
#redes a:hover {
opacity:0.7;
}

/* ROSTROS */

#rostros, #rostros div img {
margin:0px auto;
width:100%;	
float:left;
}
#rostros img {
float:left;
margin:0px auto;
width:100%;
height: auto;
}
#rostros div {
float:left;
margin:0px auto;
width:20%;
}
#rostros div img {
margin:0px auto;
height:auto;
}

/* HEADER */

header div {
margin:0px auto;
width:calc(100% - 60px);	
margin:30px;	
}
header div div:nth-child(1) {
margin:0px auto;
float:left;
width:25%;	
}
header div div:nth-child(2) {
margin:0px auto;
float:left;
width:50%;		
}
header div div:nth-child(3) {
margin:0px auto;
float:right;
width:25%;	
}
header div div:nth-child(1) a {
float:left;
margin:0px auto;
background:url(../img/logo.svg) no-repeat center left;
background-size: contain;
width:100%;
max-width:450px;
height:115px;
text-indent:-99999px;
}
header div div:nth-child(2) ul {
list-style-type:none;	
text-align: center;
margin-left: -20px;
margin-top:45px;
}
header div div:nth-child(2) li {
display: inline;
text-align: center;
}
header div div:nth-child(2) a {
text-transform:uppercase;
font-weight:bold;
font-size:17px;
margin:0px 25px;
font-family: 'Avenir Next';
font-weight: bold;
font-style: normal;	
}

header div div:nth-child(2) li:nth-child(1) a {
background: -webkit-linear-gradient(left, #8cc640, #7bc357);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
header div div:nth-child(2) li:nth-child(2) a {
background: -webkit-linear-gradient(left, #68bf70, #05b9a6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
header div div:nth-child(2) li:nth-child(3) a {
background: -webkit-linear-gradient(left, #00b6ba, #00b2da);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

header div div:nth-child(2) li a:hover {

}


header div div:nth-child(3) a {
float:right;
margin:0px auto;
background:url(../img/logo-right.svg) no-repeat center left;
width:100%;
max-width:200px;
height:115px;
text-indent:-99999px;
}

/* CONTENIDOS */

article {
margin:0px auto;
width:100%;
}
article .wide {
margin:0px auto;
width:100%;
max-width:1070px;
}
.texto .wide span {
float:left;
margin:0px auto;
margin-top: 50px;
width:100%;
height:150px;
background:url(../img/personajes.svg) no-repeat center center;
background-size:contain;	
}
.texto .wide h1 {
float:left;
margin:0px auto;
margin:40px 0px;
width:100%;
font-size:35px;
font-size:50px;
text-align:center;
text-transform:uppercase;
font-family: 'Avenir Next';
font-weight: bold;
font-style: normal;
letter-spacing:8px;
background: -webkit-linear-gradient(left, #8cc640, #00b2d8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.texto .wide p {
float:left;
margin:0px auto;
margin-bottom: 55px;
width:calc(100% - 30px);
font-size:20px;
text-align:center;
color:#404041;
font-family: 'Avenir Next';
font-weight: normal;
font-style: normal;
}
.texto .wide a {
margin:0px auto;
margin-bottom: 40px;
padding:15px 35px;
font-size:25px;
color:#fff;
text-align:center;
text-decoration:none;
background:url(../img/bg-degrade.png) repeat-y center center;
background-size:contain;
border-radius:7px;
font-family: 'Avenir Next';
font-weight: normal;
font-style: normal;
}

.texto .wide a:hover {
opacity:0.7;
}

.gris {
background:#EDEDEE;
margin:180px 0px 80px 0px;
}

.gris .wide div:nth-child(1) {
margin:0px auto;
width:23%;
float:left;
margin-top:105px;
}

.gris .wide div:nth-child(1) h1 {
color:#404041;
font-size:50px;
line-height:60px;
text-align:left;
text-transform:uppercase;
font-family: 'Avenir Next';
font-weight: bold;
font-style: normal;
}

.gris .wide div:nth-child(2) {
margin:0px auto;
width:47%;
float:left;
margin:50px 0px;
}

.gris .wide div:nth-child(2) h2 {
color:#404041;
font-size:25px;
text-align:left;
font-family: 'Avenir Next';
font-weight: 500;
font-style: normal;
background-size:auto;	
padding-left:145px;
min-height:112px;
}

.gris .wide div:nth-child(2) h2:nth-child(1) {
background:url(../img/1.svg) no-repeat left top;
}

.gris .wide div:nth-child(2) h2:nth-child(2) {
background:url(../img/2.svg) no-repeat left top;
}

.gris .wide div:nth-child(2) h2 .green {
color:#7FB439;	
}

.gris .wide div:nth-child(2) h2 span {
color:#231F20;	
font-weight: bold;
font-style: normal;
}

.gris .wide div:nth-child(3) {
margin:0px auto;
width:30%;
float:left;
margin:25px 0px;
}

.gris .wide div:nth-child(3) h3 {
float:left;
width:calc(50% - 20px);
margin:0px 10px;
color:#404041;
font-size:16px;
text-align:center;
background-size:auto;	
padding-top:205px;
font-family: 'Avenir Next Demi';
font-weight: 600;
font-style: normal;
background:url(../img/cesto2.png) no-repeat top center;
}

.gris .wide div:nth-child(3) h3:nth-child(1) {
background:url(../img/cesto1.png) no-repeat top center;
}
.gris .wide div:nth-child(3) h3:nth-child(2) {
background:url(../img/cesto2.png) no-repeat top center;
}


.formulario .wide {
margin:0px auto;
width:100%;
max-width:1150px;
}
.formulario .wide h1 {
float:left;
margin:60px 0px 10px 0px;
width:100%;
color:#404041;
font-size:25px;
text-align:left;
font-family: 'Avenir Next';
font-weight: normal;
font-style: normal;	
}
.formulario .wide input[type="text"] {
float:left;
margin:0px auto;
width:calc(33% - 70px);
padding:0px 10px 0px 60px;
height:55px;
background:url(../img/f1.svg) no-repeat center left;
border:none;
border:1px solid #9D9FA2;
color:#9D9FA2;
font-size:15px;
font-family: 'Avenir Next';
font-weight: normal;
font-style: normal;	
}
.half {
margin-top: 15px!important;
margin-right: 12px!important;
width: calc(50% - 84px)!important;
background: none!important;
}
.half:nth-child(2) {
margin-right: none!important;
}
.formulario .wide select {
float:left;
margin:0px auto;
width:calc(34% - 4px);
padding:0px 10px 0px 60px;
height:57px;
background:url(../img/f6.svg) no-repeat center left;
border:none;
border:1px solid #9D9FA2;
color:#9D9FA2;
font-size:15px;
font-family: 'Avenir Next';
font-weight: normal;
font-style: normal;	
}

.formulario .wide textarea {
float:left;
margin:0px auto;
margin:12px 0px 0px 0px;
width:calc(100% - 72px);
padding:15px 10px 0px 60px;
height:215px;
background:url(../img/f7.svg) no-repeat top left;
border:none;
border:1px solid #9D9FA2;
color:#9D9FA2;
font-size:15px;
font-family: 'Avenir Next';
font-weight: normal;
font-style: normal;
}

.formulario .wide input[type="button"] {
float:left;
margin:12px 0px 0px 0px;
border:none;
width:100%;
padding:0px 0px 0px 0px;
margin-bottom: 100px;
padding:15px 0px;
font-size:25px;
color:#fff;
text-align:center;
text-decoration:none;
background:url(../img/bg-degrade.png) repeat-y center center;
background-size:contain;
font-family: 'Avenir Next';
font-weight: normal;
font-style: normal;
cursor:pointer;
}

.formulario .wide input[type="button"]:hover {
background: -webkit-linear-gradient(left, #68bf70, #05b9a6);
}

.formulario .wide input[type="text"]:nth-child(2),
.formulario .wide input[type="text"]:nth-child(3),
.formulario .wide input[type="text"]:nth-child(6),
.formulario .wide input[type="text"]:nth-child(7)
{
width:calc(33% - 82px);
margin-right:12px;
}

.formulario .wide input[type="text"]:nth-child(4) {
width:calc(34% - 76px);
}

.formulario .wide input[type="text"]:nth-child(2) {
background:url(../img/f1.svg) no-repeat top left;
}
.formulario .wide input[type="text"]:nth-child(3) {
background:url(../img/f2.svg) no-repeat top left;
}
.formulario .wide input[type="text"]:nth-child(4) {
background:url(../img/f3.svg) no-repeat top left;
}
.formulario .wide input[type="text"]:nth-child(6) {
background:url(../img/f4.svg) no-repeat top left;
}
.formulario .wide input[type="text"]:nth-child(7) {
background:url(../img/f3.svg) no-repeat top left;
}
#contactform > input.half {
background:url(../img/f8.svg) no-repeat center left!important;
}

footer {
margin:0px auto;
width:100%;
}

footer div {
    margin: 0px auto;
    width: 200px;
}

footer div a {
float:left;
margin:0px auto;
background:url(../img/logo-right.svg) no-repeat center left;
width:100%;
max-width:200px;
height:115px;
text-indent:-99999px;
margin-bottom:100px;
}

.notification-error {
color: #3d1811;
background-color: #ffa899;
border-color: #ff401e;
}
.notification-success {
color: #0c310c;
background-color: #74dd74;
border-color: #2aac2a;
}
.notification {
position: relative;
padding:1rem 1rem;
border: 0.0625rem solid transparent;
border-radius: 0.25rem;
font-size: 12px;
line-height: 1.5rem;
color: #2e2e2e;
color:#000;
font-size:15px;
font-family: 'Avenir Next';
font-weight: normal;
font-style: normal;	
}
.error {
border: 1px solid #D88484 !important;
color:#D88484;
}
.form-process {
display: none;
position: absolute;
border-radius: 50%;
width: 24px;
height: 24px;
border: 0.25rem solid rgba(255, 255, 255, 0.2);
border-top-color: #8ec044;
margin-left:10;
margin-top: 50;
-webkit-animation: spin 1s infinite linear;
animation: spin 1s infinite linear;
}