/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}
html {
  font-size: 1em;
  line-height: 1.4;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/***APP Messages***/
.app-msg,
.app-msg--success,
.app-msg--error,
.app-msg--warning {
  position: relative;
  display: none;
  min-width: 19rem;
  max-width: 34rem;
  margin: 1rem auto;
  font: inherit;
  background: 0 0;
  overflow: hidden;
  padding: 1rem;
  border-radius: 3px;
  background-color: #585a5a;
  border: 1px solid #323434;
  color: white;
}
.app-msg .topcoat-button--quiet,
.app-msg--success .topcoat-button--quiet,
.app-msg--error .topcoat-button--quiet,
.app-msg--warning .topcoat-button--quiet,
.site__contact .topcoat-button--quiet {
  position: absolute;
  top: .5rem;
  right: .5rem;
  font-size: 1rem;
}
.app-msg,
.app-msg--success,
.app-msg--error,
.app-msg--warning {
  max-width: 34rem;
  margin: .5rem auto;
}
.app-msg--success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.app-msg--success .topcoat-button--quiet:hover {
  background-color: rgba(184, 217, 157, 0.3);
  border-color: rgba(184, 217, 157, 0.3);
  box-shadow: none;
}
.app-msg--error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.app-msg--error .topcoat-button--quiet:hover {
  background-color: rgba(233, 199, 199, 0.3);
  border-color: rgba(233, 199, 199, 0.3);
  box-shadow: none;
}
.app-msg--warning {
  padding: 1.5rem 1rem 1rem;
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.app-msg--warning .topcoat-button--quiet:hover {
  background-color: rgba(250, 235, 204, 0.3);
  border-color: rgba(250, 235, 204, 0.3);
  box-shadow: none;
}
.app-msg .app-msg__content p,
.app-msg--success .app-msg__content p,
.app-msg--error .app-msg__content p,
.app-msg--warning .app-msg__content p {
  max-width: 95%;
  margin: .5rem 0;
}
.app-msg--warning .topcoat-button,
.app-msg--warning .topcoat-button--cta {
  float: right;
  padding: .2rem .8rem;
  margin: 0 .5rem;
  font-size: 1.2rem;
  box-shadow: none;
  text-shadow: none;
}
.app-msg--warning .topcoat-button {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.app-msg--warning .topcoat-button:hover {
  background-color: #ed9c28;
  border-color: #d58512;
}
.app-msg--warning .topcoat-button:active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.app-msg--warning h3 {
  margin: 0 auto .5rem;
}
@font-face {
  font-family: 'Swiss Bold';
  src: url('../fonts/swisscb-webfont.eot');
  src: url('../fonts/swisscb-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/swisscb-webfont.woff') format('woff'), url('../fonts/swisscb-webfont.ttf') format('truetype'), url('../fonts/swisscb-webfont.svg#swisscb_webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Swiss Light';
  src: url('../fonts/swissl-webfont.eot');
  src: url('../fonts/swissl-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/swissl-webfont.woff') format('woff'), url('../fonts/swissl-webfont.ttf') format('truetype'), url('../fonts/swissl-webfont.svg#swissl_webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Swiss Roman';
  src: url('../fonts/swissc-webfont.eot');
  src: url('../fonts/swissc-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/swissc-webfont.woff2') format('woff2'), url('../fonts/swissc-webfont.woff') format('woff'), url('../fonts/swissc-webfont.ttf') format('truetype'), url('../fonts/swissc-webfont.svg#swis721_cn_btroman') format('svg');
  font-weight: normal;
  font-style: normal;
}
.site__header {
  width: 100%;
  margin-bottom: 20px;
  background: #ffffff url('../img/bg/main.header.jpg') 0 0 repeat-x;
  overflow: hidden;
  padding-bottom: 15px;
}
.site__header .navbar-collapse {
  max-height: 500px;
}
.site__header .navbar-toggle .icon-bar {
  background-color: rgba(0, 0, 0, 0.87);
}
.site__header .container {
  margin: 0 auto;
  padding: 15px 3px 0;
}
@media (min-width: 1000px) {
  .site__header .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .site__header {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.site__main_menu ul {
  margin: 20px auto 0;
  padding: 0;
  float: none;
  position: relative;
}
@media (min-width: 768px) {
  .site__main_menu ul {
    float: left;
  }
}
.site__main_menu .menu-item {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  list-style: none;
  float: none;
}
.site__main_menu .menu-item:last-child:after {
  display: none;
}
.site__main_menu .menu-item:after {
  content: '';
  display: none;
  position: absolute;
  right: 0;
  top: 25px;
  width: 1px;
  height: 15px;
  background-color: #cccccc;
}
.site__main_menu .menu-item:before {
  content: '';
  display: none;
  position: absolute;
  bottom: 15px;
  left: 30%;
  width: 40%;
  height: 2px;
  background-color: #f7e000;
}
@media (min-width: 768px) {
  .site__main_menu .menu-item {
    float: left;
  }
  .site__main_menu .menu-item:after {
    display: block;
  }
}
.site__main_menu .menu-item a {
  display: block;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  font-size: 14px;
  color: #757568;
  font-family: 'Swiss Bold', 'Times New Roman', Times, serif;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .site__main_menu .menu-item a {
    padding: 24px 10px;
    font-size: 12px;
  }
}
@media (min-width: 990px) {
  .site__main_menu .menu-item a {
    padding: 24px 15px;
    font-size: 14px;
  }
}
.site__main_menu .menu-item.active:before,
.site__main_menu .menu-item:hover:before {
  display: block;
}
.site__home .container-fluid {
  background: transparent url("../img/logos/main.home.png") center 40% no-repeat;
}
.site__home .container-fluid .col-md-12 {
  margin: 20px auto 50px;
}
.site__home .container-fluid .home-item {
  position: relative;
  margin-bottom: 30px;
  padding: 50px 0;
  border: 1px solid #cccccc;
  background-color: transparent;
  overflow: hidden;
}
.site__home .container-fluid .home-item .copy {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  background-color: rgba(86, 87, 75, 0.9);
  color: white;
  font-family: 'Swiss Roman', 'Times New Roman', Times, serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  text-decoration: none;
}
.site__home .container-fluid .home-item .copy ul {
  list-style: none;
  padding: 45px 35px 0;
}
.site__home .container-fluid .home-item .copy .plus-sing {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 10px;
  text-align: center;
  font-size: 30px;
  color: #f7e000;
}
.site__home .container-fluid .home-item .copy:hover {
  text-decoration: none;
}
.site__home .container-fluid .home-item h3 {
  font-family: 'Swiss Bold', 'Times New Roman', Times, serif;
  color: #757568;
  font-size: 21px;
  text-align: center;
  text-transform: uppercase;
}
.site__home .container-fluid .home-item:hover .copy {
  opacity: 1;
}
.site__empresa .container .col-md-12 {
  margin: 20px auto;
}
.site__empresa .container .mision-vision .container-fluid {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 51px;
  border: 1px solid #e6e6e6;
}
.site__empresa .container .mision-vision .container-fluid h2 {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 24px;
  font-family: 'Swiss Roman', 'Times New Roman', Times, serif;
  border-bottom: double 4px #969583;
}
.site__empresa .container .mision-vision .container-fluid p {
  margin-top: 0;
  font-size: 18px;
  font-family: 'Swiss Light', 'Times New Roman', Times, serif;
  text-align: justify;
}
.site__empresa .container .mision-vision .container-fluid:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -52px;
  width: 100%;
  height: 51px;
  background: transparent url("../img/empresa/shadow.png") center 0 no-repeat;
}
.site__empresa .container .container-fluid h3 {
  margin-left: -19px;
  color: #31465c;
  font-size: 20px;
  font-family: 'Swiss Bold', 'Times New Roman', Times, serif;
  text-align: center;
}
.site__empresa .container .container-fluid p.small {
  font-size: 16px;
  text-align: justify;
  margin-bottom: 20px;
}
.site__empresa .container .container-fluid:last-child {
  margin-bottom: 20px;
}
.site__servicios .service-item {
  border-bottom: 10px solid #e6e6e6;
  padding-bottom: 50px;
  margin-bottom: 50px;
  font-size: 21px;
  font-family: 'Swiss Light', 'Times New Roman', Times, serif;
}
.site__servicios .service-item h2 {
  margin-bottom: 50px;
  font-family: 'Swiss Bold', 'Times New Roman', Times, serif;
  font-size: 21px;
  text-transform: uppercase;
}
.site__servicios .service-item h2 .icon {
  float: left;
  margin-top: -30px;
}
.site__servicios .service-item ul {
  padding: 0;
  margin: 30px auto;
}
.site__servicios .service-item ul li {
  list-style: none;
}
.site__servicios .service-item ol {
  padding-left: 20px;
  margin: 0 auto 30px;
}
.site__servicios .service-item ol li {
  list-style: circle;
}
.site__servicios .service-item .item-image {
  overflow: hidden;
}
.site__servicios .service-item .item-image img {
  text-align: center;
  margin: 0 auto;
}
.site__servicios #petroleros {
  margin-bottom: 0;
  border-bottom: 0;
}
.site__servicios .futuros {
  margin-bottom: -20px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 21px;
  text-align: justify;
  background-color: #e6e6e6;
}
.site__servicios .futuros h1 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 21px;
  margin-bottom: 50px;
}
.site__servicios .futuros h1:before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 47%;
  width: 5%;
  height: 2px;
  background-color: #f7e000;
}
.site__servicios .futuros h2 {
  margin-bottom: 25px;
  text-align: center;
  font-family: 'Swiss Light', 'Times New Roman', Times, serif;
  font-size: 24px;
}
.site__servicios .futuros img {
  margin: 25px auto;
}
.site__contactos {
  font-size: 18px;
  font-family: 'Swiss Roman', 'Times New Roman', Times, serif;
}
.site__contactos .container .col-md-7:first-child {
  background: transparent url("../img/logos/main.home.png") center 0 no-repeat;
}
.site__contactos .container .col-md-7:first-child p:first-child {
  position: relative;
  margin-top: 15px;
  padding-bottom: 80px;
  padding-left: 35px;
}
.site__contactos .container .col-md-7:first-child p:first-child i {
  position: absolute;
  left: 5px;
  top: 0px;
  font-size: 40px;
  color: #b3b3b3;
  width: 25px;
  display: block;
  text-align: center;
}
.site__contactos .container .col-md-7:first-child p:first-child:before {
  content: '';
  position: absolute;
  bottom: 45px;
  left: 30%;
  width: 40%;
  height: 2px;
  border-bottom: double 4px #969583;
}
.site__contactos .container .col-md-7:first-child a {
  display: block;
  margin: 20px auto;
  font-size: 21px;
  position: relative;
  color: #757568;
}
.site__contactos .container .col-md-7:first-child a i {
  border-radius: 50%;
  border: 1px solid #b3b3b3;
  color: #b3b3b3;
  padding: 5px 6px 7px 7px;
}
.site__contactos .container .col-md-7 .work-horus {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 50px auto;
  border: 1px solid #e6e6e6;
}
.site__contactos .container .col-md-7 .work-horus h3 {
  font-size: 18px;
  font-family: 'Swiss Bold', 'Times New Roman', Times, serif;
}
.site__contactos .container .col-md-7 .work-horus p {
  margin-bottom: 10px;
  font-size: 18px;
  font-family: 'Swiss Roman', 'Times New Roman', Times, serif;
}
.site__contactos .container .col-md-7 .work-horus:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -52px;
  width: 100%;
  height: 51px;
  background: transparent url("../img/empresa/shadow.png") center 0 no-repeat;
}
.site__contactos .container .rrhh-box {
  margin: 30px auto;
}
.site__contactos .container .rrhh-box h3 {
  margin-left: -19px;
  color: #31465c;
  font-size: 20px;
  font-family: 'Swiss Bold', 'Times New Roman', Times, serif;
  text-align: center;
}
.site__contactos .container .rrhh-box p {
  margin: 20px auto 5px;
  font-size: 18px;
}
.site__contactos .container .rrhh-box a {
  display: block;
  font-size: 24px;
  color: #757568;
}
.site__contactos .container .social-box {
  margin: 40px auto;
  padding: 35px 0 49px;
  border-top: double 4px #969583;
  border-bottom: double 4px #969583;
}
.site__contactos .container .social-box h3 {
  margin-bottom: 30px;
  font-size: 18px;
  text-transform: uppercase;
}
.site__contactos .container .social-box a {
  display: block;
  margin: 20px 0 20px 30%;
  font-family: 'Swiss Roman', 'Times New Roman', Times, serif;
  font-size: 21px;
  color: #757568;
  text-align: left;
}
.site__contactos .container .social-box a i {
  background-color: #f7e000;
  border-radius: 50%;
  border: 1px solid #b3b3b3;
  color: #757568;
  padding: 5px 6px 7px 7px;
}
.site__contactos .container .social-box a i.fa-facebook {
  padding: 5px 10px 7px 10px;
}
.site__contactos .container #contact-form .control-label {
  text-transform: uppercase;
  font-family: 'Swiss Roman', 'Times New Roman', Times, serif;
  font-size: 14px;
}
.site__contactos .container #contact-form .form-control {
  border-radius: 0;
}
.site__contactos .container #contact-form .submit-btn {
  margin-bottom: 20px;
  padding: 5px 45px;
  background-color: #f7e000;
  border-color: #f7e000;
  color: #757568;
  font-family: 'Swiss Bold', 'Times New Roman', Times, serif;
  font-size: 14px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.site__contactos .container #contact-form .submit-btn:hover {
  opacity: .8;
}
.site__contactos #map_canvas {
  max-width: 100%;
  max-height: 600px;
  height: 600px;
}
.site__contactos hr {
  margin: 5px;
  border-color: #e6e6e6;
}
footer {
  margin-top: 20px;
  background-color: #757568;
  overflow: hidden;
}
footer .container {
  padding: 50px 5px;
}
footer .container .menu-holder {
  padding-left: 0;
}
footer .container .footer-logo {
  text-align: center;
}
@media (min-width: 768px) {
  footer .container .footer-logo {
    text-align: right;
  }
}
footer .container .site__footer-menu {
  margin: 5px auto 0;
  padding: 0;
  float: none;
  position: relative;
  max-width: 600px;
}
@media (min-width: 768px) {
  footer .container .site__footer-menu {
    float: left;
  }
}
footer .container .site__footer-menu .menu-item {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  list-style: none;
  float: left;
}
footer .container .site__footer-menu .menu-item:last-child:after {
  display: none;
}
footer .container .site__footer-menu .menu-item:after {
  content: '';
  position: absolute;
  right: 0;
  top: 15px;
  width: 1px;
  height: 15px;
  background-color: #969583;
}
footer .container .site__footer-menu .menu-item a {
  display: block;
  width: 100%;
  padding: 15px;
  text-decoration: none;
  font-size: 14px;
  color: #969583;
  font-family: 'Swiss Bold', 'Times New Roman', Times, serif;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
footer .container .site__footer-menu .menu-item p {
  color: #969583;
  font-size: 12px;
  font-family: 'Swiss Roman', 'Times New Roman', Times, serif;
  position: absolute;
  width: 370px;
  top: 40px;
  left: 15px;
  text-transform: none;
  text-align: left;
}
footer .container .site__footer-menu .menu-item img {
  position: absolute;
  top: 12px;
  left: 95px;
}
footer .container .site__footer-menu .menu-item.active a,
footer .container .site__footer-menu .menu-item:hover a {
  color: white;
}
footer .copyrights {
  background: transparent url("../img/bg/main.footer.jpg") top left repeat-x;
}
footer .copyrights p {
  padding: 10px 5px;
  margin-bottom: 0;
  color: #757568;
  font-size: 11px;
  font-family: 'Swiss Roman', 'Times New Roman', Times, serif;
}
a,
a:focus {
  outline: 0;
}
.size-36 {
  font-size: 36px;
}
.size-34 {
  font-size: 34px;
}
.size-30 {
  font-size: 30px;
}
.size-24 {
  font-size: 24px;
}
.size-21 {
  font-size: 21px;
}
.font-swiss-light {
  font-family: 'Swiss Light', 'Times New Roman', Times, serif;
}
.site__contact-bar {
  margin-bottom: 2px;
  background-color: white;
  border-top: solid 5px #f7e000;
  border-bottom: solid 1px #e6e6e6;
}
.site__contact-bar ul {
  margin: 10px auto;
  padding: 0;
  position: relative;
  float: left;
}
.site__contact-bar .contact-item {
  position: relative;
  text-align: center;
  list-style: none;
  float: left;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.site__contact-bar .contact-item a {
  color: #b3b3b3;
  display: inline-block;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.site__contact-bar .contact-item a i {
  font-size: 16px;
  border: solid 2px #b3b3b3;
  border-radius: 50%;
  padding: 5px 0;
  display: inline-block;
  text-align: center;
  margin: 0 3px;
  width: 31px;
  height: 31px;
}
.site__contact-bar .contact-item a span {
  margin-left: 2px;
  font-family: 'Swiss Light', 'Times New Roman', Times, serif;
  font-size: 14px;
  color: inherit;
}
.site__contact-bar .contact-item a:hover {
  color: #757568;
}
h1 {
  font-family: 'Swiss Bold', 'Times New Roman', Times, serif;
  font-size: 48px;
}
h1.section-header {
  font-family: 'Swiss Roman', 'Times New Roman', Times, serif;
  font-size: 30px;
  color: #757568;
  text-align: center;
  margin-bottom: 40px;
}
h2 {
  font-family: 'Swiss Roman', 'Times New Roman', Times, serif;
  font-size: 36px;
}
.transparent-button {
  padding: 10px 25px;
  font-family: 'Swiss Bold', 'Times New Roman', Times, serif;
  text-transform: uppercase;
  text-align: center;
  font-size: 14px;
  border: 1px solid #757568;
  border-radius: 5px;
  color: #757568;
  background-color: white;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  -ms-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.transparent-button:hover {
  color: white;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.4);
}
.transparent-button.banner {
  color: white;
  border: 1px solid white;
  background-color: rgba(0, 0, 0, 0.4);
}
.transparent-button.banner:hover {
  color: white;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.8);
}
.site__section {
  color: #757568;
}
.site__section #site-carousel .item:last-child .carousel-caption {
  max-width: 820px;
}
.site__section #site-carousel .item img {
  width: 100% !important;
}
.site__section #site-carousel .item .carousel-caption {
  right: auto;
  left: 30px;
  top: 0;
  text-align: left;
  color: white;
  max-width: 770px;
}
.site__section #site-carousel .item .carousel-caption h1 {
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 24px;
}
.site__section #site-carousel .item .carousel-caption h2 {
  margin-bottom: 0;
  font-size: 18px;
}
@media (min-width: 768px) {
  .site__section #site-carousel .item .carousel-caption {
    right: auto;
    left: 170px;
    top: 125px;
  }
  .site__section #site-carousel .item .carousel-caption h1 {
    font-size: 48px;
  }
  .site__section #site-carousel .item .carousel-caption h2 {
    font-size: 36px;
  }
}
.site__section #site-carousel .carousel-control {
  opacity: 1;
  background-image: none;
}
.site__section #site-carousel .carousel-control:hover span:first-child {
  color: black;
}
.site__section #site-carousel .carousel-control span:first-child {
  width: 25px;
  height: 25px;
  padding-top: 2px;
  background-color: white;
  color: #757568;
  font-size: 20px;
  border-radius: 50%;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.site__section #site-carousel .carousel-control span:first-child:before {
  content: "\e257";
}
.site__section #site-carousel .carousel-control span:first-child.glyphicon-chevron-right:before {
  content: "\e258";
}
@media (min-width: 768px) {
  .site__section #site-carousel .carousel-control span:first-child {
    padding-top: 4px;
    width: 30px;
    height: 30px;
  }
}
.site__section .site__section-logo {
  text-align: center;
  margin: 50px auto 15px;
}
.site__section .section-header {
  margin-bottom: 70px;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #29d;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}
.icon {
  display: block;
  margin: 0 auto;
  background: transparent url("../img/sprites/icons.png") 0 0 no-repeat;
}
.icon.auto {
  width: 115px;
  height: 77px;
  background-position: 0 0;
}
.icon.bienes {
  width: 114px;
  height: 69px;
  margin-top: 8px;
  background-position: -115px 0;
}
.icon.petro {
  width: 118px;
  height: 79px;
  background-position: -229px 0;
}
.icon.industria {
  width: 136px;
  height: 75px;
  margin-top: 3px;
  background-position: -341px 0;
}
.icon.guys {
  width: 85px;
  height: 58px;
  margin: 17px auto 17px 30px;
  background-position: 0 -77px;
}
/*# sourceMappingURL=main.css.map */