body {
  background-color: #f7a832 !important;
  background-image: linear-gradient(225deg, #f7a832 0%, #ffffff 56%, #ffffff 94%) !important;
}

#page, #main-wrapper {
  background: none !important;
}

#page {
  /* The image used */
  background-image: url("../img/background.jpg") !important;

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

#navbar-main a, .link{
  color: #007bff;
}


#header .navbar {
  padding: 0rem 1rem;
}

.navbar-nav .fa {
  font-weight: 100;
}

#header .email {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
}

#header .icono-email {
  color: white;
  padding-top: 12px;
  padding-left: 8px;
  font-size: 12px;
}

#header .telefono {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
}

#header .nav-link--lopezychavez-user {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
}

#header .nav-link--lopezychavez-user-logout {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
}

.logo-head {
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}

#header .navbar-expand-lg {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

/* ==========================================================================
    Seccion Servicios
   ========================================================================== */

#services .container {
  padding-top: 50px;
}

.section-header {
  color: #fff;
  text-align: center;
}

.section-header .section-title {
  font-size: 42px;
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 700;
  color: #333;
  position: relative;
}

.section-header .lines {
  margin: auto;
  width: 70px;
  position: relative;
  border-top: 2px solid #f3b442;
  margin-top: 15px;
}

.section-header .section-title span {
  color: #61D2B4;
}

.section-header .section-subtitle {
  margin-top: 15px;
  color: #333;
  font-size: 14px;
  font-weight: 400;
}

.item-boxes {
  text-align: center;
  padding: 0px 15px;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.item-boxes .icon {
  width: 60px;
  height: 60px;
  text-align: center;
  border: 1px solid #f3b442;
  display: inline-block;
  border-radius: 30px;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.item-boxes .icon i {
  font-size: 26px;
  line-height: 60px;
  color: #16366e;
}

.item-boxes h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.item-boxes:hover .icon {
  background: #f3b442;
}

.item-boxes:hover .icon i {
  color: #fff;
}

/* ==========================================================================
    Seccion Contacto
   ========================================================================== */

#block-contactblock h2 {
  font-size: 42px;
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 700;
  color: #333;
  position: relative;
  text-align: center;
}
.contact-form {
  padding-top: 50px;
}

#edit-preview {
  visibility: hidden;
}

/* ==========================================================================
    Seccion Footer
   ========================================================================== */

.site-footer {
  background-color: #36455f !important;
}

.footer {
  background-color: #36455f;
  color: white;
  padding-top: 50px;
}

.footer .footer-col {
}

.footer h4 {
  margin-bottom: 1rem;
}

.footer a {
  color: #f7a831;
}

.footer-col p {
  margin: 3px;
  font-style: normal;
}

.footer-col i {
  font-style: normal;
}

.footer .list-unstyled .fas {
  color: #f7a831;
  font-size: 0.5rem;
  line-height: 1.375rem;
}

.footer .list-unstyled .media-body {
  margin-left: 0.625rem;
}

.footer .fa-stack {
  margin-bottom: 0.75rem;
  margin-right: 0.5rem;
  font-size: 1.5rem;
}

.footer .fa-stack .fa-stack-1x {
  color: #262431;
  transition: all 0.2s ease;
}

.footer .fa-stack .fa-stack-2x {
  color: #f1f1f8;
  transition: all 0.2s ease;
}

.footer .fa-stack:hover .fa-stack-1x {
  color: #ffffff;
}

.footer .fa-stack:hover .fa-stack-2x {
  color: #f7a831;
}

.icon-home {
  padding-right: 6px;
}

.icon-movile {
  padding-left: 3px;
  padding-right: 10px;
}

.icon-email {
  padding-right: 8px;
}

/*************************/
/*     15. Copyright     */
/*************************/
.copyright {
  text-align: left;
}

.copyright .p-small {
  color: #f1f1f8;
  opacity: 0.6;
}

.site-footer .block {
  border: none !important;
  margin: 0px !important;
  padding: 0px !important;
}

.site-footer {
  padding-top: 0px !important;
}

.copyright p {
  padding: 0px;
  margin: 0px;
}

#main {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  background: #ffffff !important;
}

.webform-button--next {
  width: 100px;
  float: right;
  margin-bottom: 15px;
}

.webform-button--previous {
  width: 100px;
}

.form-group {
  margin-bottom: 1rem;
}

.webform-button--submit {
  float: right;
  width: 100px;
}

#block-webform {
  padding-top: 20px;
}

.fa-database {
  padding-right: 10px;
  font-size: 14px;
}

.fa-cog {
  padding-right: 9px;
  font-size: 14px;
}

.fa-file {
  padding-right: 10px;
  font-size: 14px;
}

.webform-results-table th a {
  color: #ffffff !important;
}

.webform-results-table a {
  color: #007bff !important;
}

.webform-results-table a hover {
  color: #007bff !important;
}

#edit-submit {
  margin-bottom: 10px;
}

#edit-save {
  margin-bottom: 10px;
}

#edit-delete {
  margin-bottom: 10px;
}

#edit-element, #edit-header, #edit-columns, #edit-download, #edit-archive, #edit-exporters-delimited-warning, #edit-entity-reference, #edit-options {
  display: none;
}