/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

*,
h1,
h2,
h3,
h4 {
  font-family: Avenir Next LT Pro;
}

h2 {
  font-weight: 700;
  font-size: 48px;
}

h4 {
  font-weight: 200;
  font-size: 33px;
}

.tm-navbar-container.uk-active {
  background: #ffffff;
}

.uk-dropdown.uk-dropdown-navbar.uk-dropdown-width-1.uk-dropdown-bottom {
  width: 235px;
}

a[title*="Faboba"] {
  display: none !important;
}

/*la industria*/
div#tm-footer,
.uk-panel.mod_industria .uk-panel h3,
.uk-panel.mod_industria .uk-panel p {
  color: white;
}

.es-inicio .mod_industria .uk-grid.uk-text-left.uk-flex-middle {
  background-image: url("../../../images/seccion/la-industria.jpg");
  background-size: auto;
  background-position-y: center;
}

.uk-button {
  border: 1px solid;
  border-radius: 15px;
  width: 100%;
  max-width: 150px;
  color: #ffffff;
  background: #02006d;
}

.mod_industria .uk-button {
  border: 1px solid;
  border-radius: 15px;
  width: 100%;
  max-width: 150px;
  color: #ffffff;
  margin-bottom: 20px;
}

ul.list-resort-vehiculos.uk-flex.uk-list {
  justify-content: center;
}

.es-inicio div#tm-bottom-a {
  background: #f4f4f4;
}

div#tm-nota li.uk-active {
  width: 100%;
  max-width: 350px;
}

div#tm-top-d a.uk-button,
div#tm-bottom-a a.uk-button {
  margin-top: 25px;
}

ul.uk-breadcrumb,
div#tm-footer {
  background-image: url("../../../images/seccion/footer.jpg");
}

.uk-grid.uk-grid-small.uk-flex.uk-margin-vertical {
  justify-content: center;
}

.redes-footer > a.uk-icon-button {
  color: #ffffff;
  font-size: 20px;
  border-radius: 50%;
  background-color: #012c8c;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: none;
}

/*Sobre nosotros*/
.uk-width-medium-1-3.uk-panel.uk-panel-box.uk-color-one {
  background: #012c8b;
}

.uk-width-medium-1-3.uk-panel.uk-panel-box.uk-color-two {
  background: #02006d;
}

.uk-width-medium-1-3.uk-panel.uk-panel-box {
  text-align: center;
}

/*breadcrum*/
ul.uk-breadcrumb {
  height: 100px;
  list-style: none;
  background-size: auto;
  background-position-y: center;
}

.uk-breadcrumb li:not(.uk-active) {
  display: none;
}

.uk-breadcrumb li.uk-active::before {
  display: none;
}

ul.uk-breadcrumb {
  display: flex;
  justify-content: center;
}

ul.uk-breadcrumb li {
  display: flex;
  justify-content: center;
}

ul.uk-breadcrumb li > span {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  display: flex;
  align-items: center;
}

.es-noticias ul.uk-breadcrumb li > span {
  margin-left: 15%;
  margin-right: 15%;
  line-height: 35px;
}

ul.list-resort-vehiculos > li {
  font-size: 18px;
}

/*Contactos*/
.team-member .uk-icon-button {
  color: #ffffff;
  font-size: 30px;
  border-radius: 50%;
  background-color: #012c8b;
  display: inline-block;
  width: 150px;
  height: 150px;
  display: flex;
  line-height: 40px;
  border: none;
  justify-content: center;
  align-items: center;
}

div#tm-top-d .uk-margin-vertical-small img {
  height: 100%;
  max-height: 364px !important;
}

.es-contactos form.uk-form {
  height: 395px;
}

/*Unete*/
input#field-0,
input#field-1,
input#field-2,
input#field-3,
textarea#field-4,
input#field-5 {
  width: 100%;
  padding: 20px;
  margin-bottom: 5px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  font-size: 16px;
  background: #fff;
  margin-top: 15px;
}

#field-5 {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.custom-file-label {
  display: inline-block;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  color: #666;
  text-align: center;
  width: 100%;
  margin-top: 15px;
}

#field-5:valid + .custom-file-label::after {
  content: "Archivo seleccionado";
  color: #333;
}

#field-5:invalid + .custom-file-label::after {
  content: "Subir Archivo CV...";
  color: #aaa;
}

.es-nuestro-equipo form {
  background-color: #eee;
  max-width: 920px;
  width: 100%;
}

.es-nuestro-equipo
  .uk-container.uk-container-center.uk-grid.uk-grid-match.uk-grid-width-medium-1-1.uk-text-center {
  display: flex;
  justify-content: center;
}

.es-tecnologia .uk-width-medium-1-2.uk-flex {
  flex-direction: column;
  justify-content: center;
}

/*noticias*/
/* .es-noticias p.uk-text-bold,
.es-inicio div#tm-bottom-a .uk-panel.uk-overlay-hover a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3em;
  line-height: 1.5em;
}

.es-inicio div#tm-bottom-a .uk-panel.uk-overlay-hover p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 14em;
  line-height: 1.5em;
} */

/*responsive*/
@media only screen and (max-device-width: 420px) {
  .es-inicio
    .mod_slideshow
    .uk-overlay-panel.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center.uk-overlay-fade {
    background: #0000003d;
  }

  .es-inicio .uk-panel.uk-panel-space.uk-width-1-1,
  ul.list-resort-vehiculos.uk-flex.uk-list {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  ul.list-resort-vehiculos.uk-flex.uk-list > li {
    padding: 0;
  }

  h1.uk-text-center.uk-margin-vertical-xxl {
    font-size: 34px;
    line-height: 30px;
  }

  h3,
  .uk-text-center.uk-margin-vertical h3,
  .es-inicio h2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
  }

  .es-inicio h4 {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
  }

  .uk-panel.uk-panel-space.uk-width-1-1,
  .uk-container.uk-animation-scale-up {
    padding: 0;
  }
  .uk-container.uk-margin-vertical-xxl {
    padding: 0;
    margin: 0;
  }

  ul.uk-breadcrumb li > span {
    font-size: 20px;
  }

  .es-nuestro-equipo form .custom-file-label {
    width: 50%;
  }

  .uk-width-medium-1-2.uk-margin-small-top {
    margin-top: 30px !important;
    margin-bottom: 100px;
  }

  .mod_industria .uk-button {
    margin-bottom: 20px;
  }

  .mod_industria p,
  .mod_industria h3 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (min-width: 958px) {
  .uk-panel.mod_industria .uk-panel h3,
  .uk-panel.mod_industria .uk-panel p,
  .mod_industria .uk-button{
    margin-left: 190px;
  }
}

.uk-container-center.uk-grid.uk-grid-match.uk-grid-width-medium-1-4.uk-text-center {
  margin-top: 65px;
}

.es-respons .uk-container.uk-flex.uk-container-center.zx {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.es-respons .uk-container img {
  padding: 5px;
}

@media screen and (min-width: 768px) {
  .blog-uikit > .uk-grid > div {
    max-width: 33.33%;
    text-align: justify;
  }
}

.blog-uikit > .uk-grid > div > .uk-article > div + p {
  margin-bottom: 0px;
}

.blog-uikit > .uk-grid > div > .uk-article > div + p + span {
  font-size: 14px;
  color: #cccccc;
}

.blog-uikit > .uk-grid > div > .uk-article > div + p + span + p {
  margin-top: 5px;
  height: 48px;
  overflow: hidden;
}

.blog-uikit > .uk-grid > div > .uk-article {
  transition: all 0.3s ease-in-out 0s;
  border: 1px solid #eeeeee;
  padding-bottom: 15px;
  border-radius: 5px;
  overflow: hidden;
}

.blog-uikit > .uk-grid > div > .uk-article > div + p,
.blog-uikit > .uk-grid > div > .uk-article > div + p + span,
.blog-uikit > .uk-grid > div > .uk-article > div + p + span + p {
  padding: 0px 10px;
}

.blog-uikit > .uk-grid > div > .uk-article:hover {
  box-shadow: 0px 0px 25px 5px rgb(1 44 139 / 20%);
}

ul.list-resort-vehiculos > li:not(.uk-active) {
  color: #000000;
}

ul.list-resort-vehiculos > li.uk-active {
  font-weight: 600;
}

.es-perspectivas-energeticas
  .uk-grid.uk-margin-vertical-xxl
  .uk-width-medium-2-3
  p {
  margin-top: -4px !important;
}

.social-icons .uk-icon-facebook,
.social-icons .uk-icon-twitter,
.social-icons .uk-icon-instagram {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
}

ul.list-redes {
    display: flex;
    list-style: none;
    justify-content: center;
}

ul.list-redes > li > a {
    position: relative;
    color: transparent;
}

ul.list-redes > li > a::before {
    font-family:'FontAwesome';
    color: #004283;
    font-size: 20px;
    display:block;
   width: 20px;
 
}

ul.list-redes > li:nth-child(1) > a::before {
    
    content: "\f09a";
}

ul.list-redes > li:nth-child(2) > a::before {
    
    content: "\f16d";
}

ul.list-redes > li:nth-child(3) > a::before {
    
    content: "\f099";
}



/*SVG Mensaje enviado*/


.circle{fill:none;stroke:#11a6c5;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
.circle-dash{fill:none;stroke:#11a6c5;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
.check{fill:none;stroke:#01426b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.check-dash{fill:none;stroke:#01426b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.check {
    stroke-dasharray: 60 100;
    animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;
    -webkit-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;
    -moz-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;
    -o-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;
    opacity: 0;
}
@-webkit-keyframes check { from {stroke-dashoffset: 60;opacity: 1;} to {stroke-dashoffset: 00;opacity: 1;} }
@-moz-keyframes check { from {stroke-dashoffset: 60; opacity: 1;} to {stroke-dashoffset: 00; opacity: 1;} }
@keyframes check { from {stroke-dashoffset: 60;opacity: 1;} to {stroke-dashoffset: 00;opacity: 1;} }
.check-dash {
    stroke-dasharray: 10 100;
    animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;
    -webkit-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;
    -moz-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;
    -o-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;
}
@-webkit-keyframes check-dash {from {stroke-dashoffset: 120;} to {stroke-dashoffset: 45;} }
@-moz-keyframes check-dash { from {stroke-dashoffset: 120;} to {stroke-dashoffset: 45;} }
@keyframes check-dash { from {stroke-dashoffset: 120;} to {stroke-dashoffset: 45;} }
.circle { 
    stroke-dasharray: 300 300; 
    animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;
    -webkit-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;
    -moz-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;
    -o-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;
    opacity: 0;
}
@-webkit-keyframes circle { from {stroke-dashoffset:300;opacity: 1;} to {stroke-dashoffset:0;opacity: 1;} }
@-moz-keyframes circle { from {stroke-dashoffset:300;opacity: 1;} to {stroke-dashoffset:0; opacity: 1;} }
@keyframes circle { from {stroke-dashoffset:300; opacity: 1;} to {stroke-dashoffset:0; opacity: 1;} }
.circle-dash {
    stroke-dasharray: 10 300;
    animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
    -webkit-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
    -moz-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
    -o-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
    opacity: 0;
}
@-webkit-keyframes circledash { from {stroke-dashoffset:320;opacity: 1;} to {stroke-dashoffset: 20;opacity: 1;} }
@-moz-keyframes circledash { from {stroke-dashoffset:320; opacity: 1;} to {stroke-dashoffset: 20; opacity: 1;} }
@keyframes circledash { from {stroke-dashoffset:320;opacity: 1;} to {stroke-dashoffset: 20; opacity: 1;} }


.tm-toolbar {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 10px 40px 0 40px;
    background: #ffffff;
}

a.langChoose {
    background: #ffffff !important;!i;!;
}

span.caret {
    border-top: 4px solid #0c4b86 !important;!i;!;
}

ul.lang-inline {
    background: #f1f1f1 !important;!i;!;
}