/*
*  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

html,body{
	margin: 0;
	padding: 0;
	height: 100%;
}

body{
	color: #000;
}
p{
    font-size: 16px;
    line-height: 20px;
    padding: 4px 0 8px;
    font-family: 'abeezeeregular', sans-serif;
    color: inherit;
}
a{
    color: inherit;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
    color: inherit;
}
h1{
    font-family: 'abril_fatfaceregular';
    font-size: 45px;
    padding: 10px 0;
}
h2{
    font-family: 'abril_fatfaceregular';
    font-size: 16px;
}
h3{}
ul{
    list-style: none;
    padding: 0 15px;
}
ul li{
    padding:5px 0;
}
ul li:before{
    content: '\f122';
    color: #DD1B1B  ;
    float: left;
    font-family: "Ionicons";
    font-size: 24px;
}
ul li h3{
   padding: 4px 0 8px;
    font-size: 16px;
    font-family: 'abeezeeregular', sans-serif;
    margin-left: 30px;
}
.wrapper{
    box-shadow: 0 0 6px -1px rgba(0, 0, 0, 0.3);
    background: #fff
}

.img-responsive{
    max-width: 100%;
    height: auto;
}
.clearfix{
    clear: both;
}
.add-padding{
    padding: 15px;
}
.add-padding-sides{
  padding: 0 15px;
}
.max-width {
  margin: 0 auto;
  max-width: 1024px;
  min-height: inherit;
  position: relative;
}
.logo{
    display: block;
}
.pure-button-primary{
    background-color: #FDB61E;
}
.overlay {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  bottom: 0;
  display: block !important;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.header {
  border-bottom: 4px solid #FDB61E;
  position: relative;
}
.header-header {
  background: #2b2b2b url(../img/bg.png);
  border-bottom: thin solid #fdb61e;
}
.header h2{
    color: #E4001B;
    font-size: 24px;
}
.header .logo {
  max-width: 375px;
  width: 100%;
}
.header h1{
    padding: 20px 0 20px 20px;
}
.header .scroll-btn{
    color: #fff;
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 100px;
    left: 0;
    right: 0;
    bottom: -25px;
    margin: 0 auto;
    background-color: #FDB61E;
    text-align: center;
    font-size: 32px;
}
.scroll-btn span {
  position: relative;
  top: 4px;
}
.header .scroll-btn:hover{
    background: #EDA81E;
    color: #fff;
}
.tel-wrap{
    text-align: right;
}
.tel{
    font-family: 'abril_fatfaceregular';
    font-size: 28px;
}
.header .tel:before{
  font-family: 'Ionicons';
  //content: '\f4b9';
  color: #FDB61E;
  font-size: 25px;
  margin-right: 10px;
}
.header .tel {
  color: #fff;
  font-size: 26px;
  margin: 7px 0 0;
}
span.whatsapp{
  display: inline-block;
  height: 24px;
  position: relative;
  top: 2px;
  width: 25px;
  background: url(../img/whatsapp.png) no-repeat 50% 50% / contain;
}
.social {
  margin-top: 5px;
}
.social .ion-social-facebook{
    //background-color: #3B5998;
}
.social .ion-social-facebook:hover{
    background-color: #3B5998;
}
.social .ion-social-twitter{
    //background-color: #5EA9DD;
}
.social .ion-social-twitter:hover{
    background-color: #5EA9DD;
}
.social a {
  background: #FDB61E;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  height: 32px;
  line-height: 32px;
  margin-left: 10px;
  text-align: center;
  width: 32px;
}
.social a:hover{
    //background: #26C6FA;
    color: #fff;
}
.header-body {
  background: #eee no-repeat 50% -80px / cover ;
  min-height: 480px;
  position: relative;
  overflow: hidden;
}
.header-body .max-width {
  position: relative;
}
.header-body h1 {
  bottom: 30px;
  color: #fff;
  font-size: 50px;
  left: 0;
  position: absolute;
  text-shadow: 2px 1px 4px #000;
}
.header-body h1 span{
  display: block;
  font-family: "cooper_hewittbook",sans-serif;
  font-size: 22px;
  margin-bottom: 7px;
}
.contact-wrap {
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1024px;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40%;
}
.contact-wrap > h2 {
    color: #FDB61E;
  display: inline-block;
}
.contact-wrap > p {
  color: #fff;
  display: inline-block;
  padding: 10px 0;
}
.nivel-1{
    color: #2b2b2b;
    padding: 40px 0;
}
.nivel-1 img {
  display: block;
  margin: 0 auto;
  width: 80%;
}
.nivel-1 ul {
  background: url(../img/bg.png) #2b2b2b;
  border: thin solid #111;
  border-radius: 6px;
  color: #fff;
  padding: 9px 20px;
}
.nivel-1 ul li:before{
    color: #FDB61E;
    content: '\f125';
}
.nivel-1 .logo{
    margin: 0 auto 15px;
}
.nivel-1 h2 {
  margin-bottom: 15px;
  padding-top: 0;
  font-size: 36px ;
}
.nivel-1 h2 span {
  display: block;
  font-family: "cooper_hewittbook",sans-serif;
  font-size: 22px;
  margin-bottom: 7px;
}
.nivel-1 .add-padding > p {
  line-height: 25px;
  margin-bottom: 20px;
}
.nivel-1 .servicios-wrap {
    padding: 0 15px;
}
.nivel-1 .servicios-wrap div{
    display: table;
    padding-bottom: 15px;
}
.nivel-1 .servicios-wrap p{
    display: table-cell;
    padding: 0;
    vertical-align: middle;
}
.nivel-1 .servicios-wrap span{
    background-color: #E4001B;
    color: #fff;
    display: block;
    font-size: 38px;
    float: left;
    width: 54px;
    height: 54px;
    line-height: 54px;
    border-bottom: 4px solid #465864;
    text-align: center;
    margin-right: 10px;
}
.nivel-2 {
  background: #2b2b2b url(../img/bg.png) fixed;
  border-bottom: 1px solid #111;
  border-top: 5px solid #fdb61e;
  color: #fff;
  padding: 30px 0;
}
.nivel-2 h2 {
  color: #fff;
  font-size: 26px;
  margin-bottom: 12px;
} 
.nivel-3 {
  background: #cdcdcd no-repeat fixed 50% 185px / cover ;
  color: #fff;
  position: relative;
}
.nivel-3 .overlay{
  background:  rgba(0, 0, 0, 0.5);
}
.nivel-3 > div{
    display: table;
    width: 100%;
}
.nivel-3 > .pure-g > div{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.nivel-3 .logo {
  margin: 0 auto;
  width: 74%;
}
.nivel-3 .alphaBg {
  //background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 4px;
  margin: 40px 0;
  padding: 38px 36px;
}
.nivel-3 .tel {
    font-size: 34px;
    margin: 10px 0 0;
}
.nivel-3 .mail{
    font-family: 'abril_fatfaceregular';
    margin: 10px 0;
    font-size: 24px;
}
.nivel-3 span.whatsapp{
  top: 5px;
  margin-left: 5px;
}
.nivel-3 .social{
    float: none;
    top: initial;
}
.nivel-3 .social a{
    
}
.spacer-1, .spacer {
  background-color:#FDB61E;
  height: 2px;
  margin: 10px 0;
}
.spacer-1{
    width: 18%;
}
.footer {
  background: #2b2b2b url(../img/bg.png);
  border-top: thin solid #111;
  color: #fff;
  padding: 15px;
}
.footer p{
  color: inherit;
}
.dir {
  border-top: thin solid #fff;
  margin: 18px 46px 0;
  padding: 13px 15px 0;
  text-align: center;
}
.form-wrap{
    position: relative;
}
.pure-form fieldset{
    padding: 0;
}
.form-wrap input[type],
.form-wrap textarea{
    font-family: 'abeezeeregular', sans-serif;
    width: 100%;
    color: #6194BC;
    font-size: 18px;
    padding: 5px 10px;
    margin: 0 0 15px;
    border: thin solid #6194BC;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
}
.form-wrap textarea{
    height: 132px;
    margin: 0;
}
.form-wrap button {
  display: block;
  float: right;
  font-family: "cooper_hewittbook",sans-serif;
  max-width: 210px;
  text-transform: uppercase;
  width: 100%;
}
.form-consulta{
    transition: opacity 0.4 ease-in-out;
}
/*.mail-response{
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 10;
}
.mail-response h3,
.mail-response p{
    font-size: 20px;
}
.mail-response span{
    margin-bottom: 15px;
    font-size: 70px;
}
.mail-response a::before {
    content: "\f128";
    font-family: "Ionicons";
    font-size: 25px;
    margin-right: 7px;
    position: relative;
    top: 3px;
}
.mail-response a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}
.msg-success span,
.msg-success h3{
    
}
.msg-alert span,
.msg-alert h3{
    
}
*/
/* Mensajes Formulario */
.mail-response {
  position: relative;
}
.msg-success {
  background: #009977 none repeat scroll 0 0;
  border-radius: 5px;
  clear: both;
  color: #fff;
  display: block;
  margin: 0 0 18px;
  padding: 20px;
  position: relative;
  text-align: center;
}

.msg-alert {
    background: #990000 none repeat scroll 0 0;
    border-radius: 5px;
    clear: both;
    color: #fff;
    display: block;
    margin: 0 0 18px;
    padding: 20px;
    position: relative;
    text-align: center;
}

.msg-success .ion {
  display: block;
  font-size: 58px;
  margin-right: 15px;
  margin-top: 10px;
}

.msg-success > h3,
.msg-alert > h3 {
    border: 0 none;
    color: #fff;
    padding: 10px 0 0;
}
.mail-response p {
  border: medium none;
  font-size: 16px;
  margin: 14px 0;
  padding: 0;
  text-align: center;
}
.mail-response span {
  display: block;
  font-size: 52px;
  text-align: center;
}
.mail-response .btn-close {
  bottom: 0;
  color: #fff;
  line-height: 20px;
  padding: 5px;
  position: absolute;
  right: 8px;
}
.mail-response .btn-close:before{
  content:'\f2d7';
  font-family: "Ionicons";
  font-size: 26px;
  margin-right: 8px;
  position: relative;
  top: 4px;
}
.preloader{
    display:none; 
    position:absolute;  
    background: url('../../sys/preloader.gif') no-repeat 50% 50%; 
    overflow:hidden; 
    top:0; 
    bottom: 0;
    left:0;
    right: 0;
}
label.error {
  box-sizing: border-box;
  color: #e4001b;
  padding: 0 10px 3px;
  text-align: right !important;
  width: 100% !important;
  position: relative;
  top: -8px;
}
label.error:after{
    content: "\f12a";
    font-family: "Ionicons";
    margin-left: 4px;
    position: relative;
    top: 1px;
}
input.error{
    border: thin solid #f70000 !important;
    background-color: #fff !important;
}
/* RESPONSIVE */

@media (max-width: 980px) {
   .header-body{
    min-height: 365px;
   }
   .header-body h1 {
     bottom: 22px;
     font-size: 5vw;
     left: 0;
   }
   .form-wrap input[type], .form-wrap textarea{
    margin: 0;
    font-size: 14px;
   }
   .contact-wrap{
    padding: 10px 15px;
   }
   .contact-wrap > p {
     font-size: 2vw;
   }
   .form-wrap textarea{
    height: 100px;
   }
   .header .tel{
    font-size: 3vw;
   }
   label.error {
     color: #fff;
     float: right;
     font-size: 11px;
     margin: 0 0 3px !important;
     top: 0;
   }
}

@media(max-width: 767px) {
    .header .tel{
        margin: 0;
    }
    .scroll-btn{
        display: none !important;
    }
    .nivel-1 img {
      max-width: 370px;
    }
}
@media(max-width: 708px) {
  .header{
    margin-bottom: 192px;
  }
  .header-body{
    overflow: visible;
    min-height: 305px;
  }
  .header-body h1{
    font-size: 7vw;
  }
  .contact-wrap {
    background:#465864;
    bottom: -228px;
    height: 224px;
    top: initial;
    width: 100%;
  }
  .contact-wrap .pure-u-1{
    width: 50%;
    float: left;
    padding: 10px 15px;
    box-sizing: border-box;
  }
  .contact-wrap > h2{
    margin-left: 15px;
  }
  .contact-wrap > p{
    margin: 0 15px;
  }
  .header .logo{
    margin-top: 6px;
  }
}
@media(max-width:655px) {
  .contact-wrap > p {
    font-size: 14px;
  }
  .nivel-2 .pure-u-1, .nivel-3 .pure-u-1{
    float: none;
    width: 100%;
    display: block !important;
  }
  .footer p{
    font-size: 12px;
  }
  .nivel-3 .logo{
    display: none;
  }
  .nivel-3 .dir{
    font-family: "abril_fatfaceregular", serif;
    text-align: left;
    border: none;
    font-size: 24px;
    margin: 30px 36px 0;
    line-height: normal;
    padding: 0;
  }
  .nivel-3 .alphaBg {
    margin-top: 20px;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
}
@media(max-width:595px) {
    .header-header .pure-u-1{
      float: none;
      width: 100%;
    }
    .header .social {
      position: absolute;
      right: 30px;
      top: 15px;
      width: 30px;
    }
    .header .social a{
      margin-bottom: 10px;
    }
    .header .logo {
      margin: 0 auto;
      min-width: 260px;
      width: 68%;
    }
    .tel-wrap {
      margin-top: -10px;
      text-align: center;
    }
    .header .tel{
     font-size: 24px;
    }
    .header-body {
      min-height: 233px;
    }
    .header {
      margin-bottom: 202px;
    }
    .contact-wrap {
      padding: 10px 0;
      height: 238px;
      bottom: -242px;
    }
}

@media (max-width:479px) {
  .header{
    border: none;
    margin: 0;
  }
    .header .logo {
      margin: 0 auto;
    }
    .header .social {
      position: initial;
      width: auto;
    }
    .header-body {
      background-color: #fff;
      background-image: none !important;
      min-height: 200px;
    }
    .header .overlay{
      display: none;
    }
    .header-body h1 {
      color: #465864;
      font-size: 8vw;
      margin: 0;
      padding: 32px 0;
      position: initial;
      text-align: center;
      text-shadow: none;
    }
    .contact-wrap {
      border-top: 4px solid #fdb61e;
      position: initial;
      height: auto;
    }
    .contact-wrap .pure-u-1{
      float: none;
      width: 100%;
    }
    .nivel-1 {
      padding: 20px 0;
    }
    .pure-form button[type="submit"]{
      margin: 24px auto 10px;
      float: none;
    }
    .nivel-3{
      background: scroll 50% 50% / cover;
    }
    .nivel-3 .alphaBg {
      padding: 0 20px;
    }
    .nivel-3 p{
      font-size: 14px;
    }
    .nivel-3 .dir{
      margin: 30px 20px 0;
    }
    .novel-3 .dir, .nivel-3 .mail{
      font-size: 6vw;
    }
    .footer .pure-g > div{
      float: none;
      width: 100%;
    }
    .footer p{
      margin: 0 auto;
      text-align: center;
    }
    .footer a {
      display: block;
      margin: 0 auto;
      width: 110px;
    }
    .footer a img{
      width: 100%;
      height: auto;
    }
}
@media (max-width:375px) {
  .header .tel {
    line-height: normal;
  }
  .header .tel br {
    display: initial !important;
  }
}