@charset "UTF-8";

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
@font-face {
  font-family: 'HelveticaNeue';
  src: url('../fonts/HelveticaNeue.eot');
  src: url('../fonts/HelveticaNeue.woff2') format('woff2'),
       url('../fonts/HelveticaNeue.woff') format('woff'),
       url('../fonts/HelveticaNeue.ttf') format('truetype'),
       url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg'),
       url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


body{font-family: 'HelveticaNeue'; height: 100%;
  background-image: url(../images/bg-abdala.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: rgba(76, 76, 76, 1);
}
input:focus, textarea:focus, select:focus {outline: none;}

input[type=submit]{-webkit-appearance: none;}

.main{width: 100%; height: 100%; color: rgba(255, 255, 255, 1); box-sizing: border-box; overflow: hidden;}
.top{width: 100%; height: 55px; padding: 0px 40px; position: relative; background-color:none; box-sizing: border-box;}
.top img{width: 60px; position: absolute;right: 120px;top:50px;}
.fa {color: rgba(51, 51, 51, 1);}
.logo{width: 30%;  float: left;text-decoration: none; font-weight: bold; color: rgba(29, 29, 27, 1); font-size: 18px; line-height: 55px;}
.social{padding: 0 120px 0 0;float: right; text-decoration: none; color: rgba(29, 29, 27, 1); font-size: 14px; line-height: 55px;}
.social a{text-decoration: none; color: rgba(153, 153, 153, 1);padding: 0 5px;}
.contacto{width: 60%; height: 100%; text-align: center;margin: 0 20%; padding: 0;box-sizing: border-box; float: right; overflow: hidden;}
.contacto h1{text-align: center;}
.contacto h1 img{width: 200px; padding: 0 0 20px;}
.thanks{width: 100%;padding: 50px 0; text-align: center; box-sizing: border-box;}
.thanks img{width: 50%;padding: 50px 0;}

.contacto form{width: 80%; margin: 0 10%;background-color: none; color: rgba(255, 255, 255, 1); padding: 10px 10%; box-sizing: border-box; text-align: center;}
.contacto form h1{font-weight: normal; font-size: 24px; padding: 20px 0; }
.contacto form input[type=text]{width: 100%; height: 30px; color: rgba(255, 255, 255, 1); margin: 10px 0; padding: 5px; background-color: rgba(76, 76, 76, 0);box-sizing: border-box; border: solid rgba(51, 51, 51, 1) 1px;}
.contacto form textarea{width: 100%; height: 100px; color: rgba(255, 255, 255, 1); margin: 10px 0; padding: 5px; background-color: rgba(76, 76, 76, 0); border: solid rgba(51, 51, 51, 1) 1px; box-sizing: border-box;}
.contacto form input[type=submit]{width: 30%; height: 30px; font-size: 18px; margin: 20px 0; padding: 5px 10px; box-sizing: border-box; letter-spacing: 1px;
    cursor:pointer; border:0; color: rgba(153, 153, 153, 1); background-color: rgba(51, 51, 51, 1);}
.contacto p{font-size: 16px; color: rgba(35, 31, 32, 1); letter-spacing: 1px;}
.foot{width: 100%; box-sizing: border-box; text-align: center;}
.foot p{font-size: 12px; padding: 5px 0 !important;color: rgba(35, 31, 32, 1); font-style: normal;}
.foot p img{width: 99px;}
.info span{color: rgba(255, 201, 27, 1); font-weight: bold;}
.info h1{font-family: 'HelveticaNeue'; padding: 10px 0 30px; color: rgba(255, 255, 255, 1); font-size: 42px; font-weight: bold;}
.underline{
    text-decoration: none;
    border-bottom: 3px solid rgba(255, 201, 27, 1);
  color: rgba(255, 255, 255, 1)!important;}
.info p{padding: 10px 0;}
.info .end{font-weight: lighter;}
/* loader */
.loading{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
  background-color: rgba(76, 76, 76, 1); /*dim the background*/
}

.loading .loading_parent img{
  width: 100px;
}

.loading .loading_parent .loading-text{
  margin: 10px 0;
}

.loading_parent{
  position: absolute;
   top: 50%;
   /* adjust top up half the height of a single line */
   margin-top: -0.5em;
   /* force content to always be a single line */
   overflow: hidden;
   white-space: nowrap;
   width: 100%;
   text-overflow: ellipsis;
}

@media (max-width: 1024px) {
  .logo{width: 100%; font-family: 'HelveticaNeue'; float: left;text-decoration: none; font-weight: bold; color: rgba(29, 29, 27, 1); font-size: 18px; line-height: 55px;}
  .social{display: none;}
  .info{width: 100%; height: 100%; padding: 50px 0 0; font-size: 18px; text-align: center; box-sizing: border-box; float: inherit; overflow: hidden;}
  .contacto{width: 100%; height: 100%; padding: 0px 20px; margin: 0; box-sizing: border-box; float: inherit; overflow: hidden;}
  .contacto form{width: 100%; margin: 0 0;}
  .info h1{font-family: 'HelveticaNeue'; }
  .contacto form{width: 100%;}


}