/*
Theme Name: WP Bootstrap Starter
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.3.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Requires at least: 4.7
Requires PHP: 5.2.4
Tested up to: 5.4
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@font-face {
  font-family: "CircularStd";
  src: url('../fonts/CircularStd.ttf');
  font-weight: normal;
}
html{
  scroll-behavior: smooth;
}
body {
  margin: 0;
  -webkit-font-smoothing: auto;
  font-family: "CircularStd";
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;  
}

a:active,
a:hover {
  outline: 0;
  text-decoration: none;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}
.cover{
  object-fit: cover;
  height: 100% !important;
}
svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #24292e;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 15px;
}
h1 {
  font-size: 87px;
  padding-bottom: 10px;
  line-height: 1em;
  font-weight: normal;
}
h2 {
  font-size: 75px;
  padding-bottom: 0.3em;
  line-height: 1.25;
  font-weight: normal;
}
h3 {
  font-size: 61px;
  line-height: 1em;
  font-weight: normal;
}
h4 {
  font-size: 47px;
  line-height: 1em;
  font-weight: normal;
}
h5 {
  font-size: 33px;
  line-height: 1em;
  font-weight: normal;
}
h6 {
  font-size: 26px;
  line-height: 1em;
  font-weight: normal;
}

p {
  margin-bottom: 1.5em;
}
h1.entry-title {
  font-size: 1.31rem;
  border-bottom: 1px solid #eaecef;
}
h2.entry-title {
  border-bottom: 1px solid #eaecef;
}
h3.widget-title {
  font-size: 1.2rem;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
  margin-bottom: 0;
  background-color: #563d7c ;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
  padding: .74rem 1rem;
}

.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}
#masthead #menu-menu-1 > li > a,
#masthead #menu-menu-3 > li > a {
  font-size: 15px;
}
#masthead #menu-menu-1 > li{
  height: 60px;
  padding: 0 40px;
}
#masthead #menu-menu-1 > li > a{
  display: block;
    height: 60px;
    padding: 0;
    line-height: 60px;
}
#masthead #access .more.lang{
  top: 23px;
  right: 15px;
  font-size: 1.2em;
  width: 15px;
  height: 15px;
  text-align: center;  
}
#masthead #access .more.accesos{
  top: 23px;
  right: 200px;
  font-size: 1.2em;
}
#masthead #access .more i{
  display: block;  
}
#masthead #access .lang i{
  transform: rotate(180deg);
}

#masthead #menu-menu-3{
  display: block;
  width: 230px;
}
#masthead #menu-menu-3 li:first-child {
  padding: 0 2em;
}
#masthead #menu-menu-3 li {
  padding: 0 2.45em;
}
#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
  /* background-color: white; */
}
.home #masthead nav{
  background-color: transparent;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: white;
  padding: 0 5px;
  font-weight: normal;
  /* font-size: 0.875rem; */
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
  color: white;
  font-weight: normal;
  padding: 0 5px;
  /*background: #f9f9f9;*/
}

.navbar-brand {
  position: relative;
  height: 120px;
  top: -1px;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children {
    position: relative;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu {
    display: block;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after {
    border-left-color: #fff;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left {
    float: none;
}

.dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}

.dropdown-menu .dropdown-item {
  white-space: normal;
  background: transparent;
  line-height: 1.6;
}
.dropdown-menu .dropdown-item:hover {
  background: transparent;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
  bottom: 0 !important;
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
  bottom: 0 !important;
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  padding-bottom: 3.75rem;
  padding-top: 4.125rem;
}

.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  font-size: 85%;
}
footer#colophon a:hover{
  /* color: white; */
  transition: all 0.4s;
}
body:not(.theme-preset-active) footer#colophon {
  color: #99979c;
  background-color: #f7f7f7;
}
.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}
/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}

@media screen and (max-width: 1199px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
  }
  
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 90%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 80%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }
}


/* CUSTOM STYLES */
p{
  color: #8B8D8E;
}
label{
  font-weight: lighter;
    font-size: 15px;
    letter-spacing: 2px;
}
.hover:hover{
  cursor: pointer;
}
article .entry-content{
  position: relative;
}
.social-share{
  position: absolute;
    bottom: -80px;
    padding: 1em 0;
    left: 0;
    height: 100px;
    display: inline-flex;
    align-items: center;
}
.social-share .link:hover{
  cursor: pointer;
}
.social-share img{
  max-height: 30px;
}
.social-share .compartir{  
  margin-left: 10px;
}
.social-share .link i{
  /* position: relative;
  right: -10px;
  font-size: 12px; */
  display: none;
}
#menu-short {
  display: inline-flex;
  position: fixed;
  width: 100%;
  top: -80px;
  left: calc((100vw - 1440px)/2);
  z-index: 999;
  height: 60px;
  background-color: white;
  transition: top 0.8s;
}
#menu-short li a {
  height: 65px;
  line-height: 3em;
}
.header-title{
  position: absolute;
    top: 8%;
    left: 13%;
    display: block;
    width: 100%;
}
.header-title h2{
  color: white;
    font-size: 79px;
    font-weight: normal;
}
ul.menu-short{
  display: block;
  list-style: none;
  width: 100%;
  margin-left: 0em;
  padding-left: 3em;
}
ul.menu-short li{
  padding: 1em 2.2em;
  display: inline-block;
}
#menu-top{
  position: relative;
  width: 90%;
  display: inline-block;
}
#menu-top a{
  color: black;
  margin-top: 1em;
}
.menu-hover{
  position: absolute;  
    /* width: 84.7%; */
    width: 96%;
    top: 118px;        
    right: 0;
    background-color: #0066cc;    
    height: 650px;
    display: none;
    z-index: 99;
}
.menu-hover a{
  text-decoration: none;
  color: white;
}
.box-left{
  position: absolute;
    top: 0;
    /* left: -220px; */
    left: -18px;
    display: block;
    /* width: 164px; */
    width: 180px;
    height: 650px;
    background-color: white;
}
.menu-hover .box-wrap{
  flex: 0 0 11.666667%;
  max-width: 11.666667%;
  z-index: 100;
}
.menu-hover .submenu-wrap{
  flex: 0 0 88.333333%;
    max-width: 88.333333%;
} 
.menu-hover label{
  color: white;
}
.menu-hover h2{
  font-size: 47px;  
}
.menu-hover h5{
  color: white;
}
.menu-hover h6{
  color: white;
  margin-top: 0;
}
.menu-hover h5 span{
  color: black;
}
.menu-hover-01 .c6 p,
.menu-hover-01 .c7 p,
.menu-hover-01 .c8 p{
  font-size: 18px;
}
.menu-hover-01 .c7 p,
.menu-hover-01 .c8 p{
  padding: 1.8em;
}
.menu-hover-01 .c8 .line {
  top: 122px;
  width: 196%;
  right: 0;
  border-top: solid 1px rgba(255,255,255,0.3);
}
.menu-hover .col-hov{  
  border: solid 1px rgba(255, 255, 255, 0.3);
  border-left: none;
  border-top: none;
  height: 170px;
  padding: 2em;
}
.menu-hover-02 .r3{
  display: none;
}
.menu-hover-02 .col-hov{
  border: none;
}
.menu-hover-02 .col-hov.c4 .more{
  bottom: -190px;
}
.menu-hover-02 .c2,
.menu-hover-02 .c3{
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
.menu-hover-02 .c2,
.menu-hover-02 .c3,
.menu-hover-02 .c7{
  border-left: solid 1px rgba(255, 255, 255, 0.3);
  border-right: solid 1px rgba(255, 255, 255, 0.3);
}
.menu-hover .r2 .col-hov{
  height: 444px;
}

.menu-hover-02 .r2 .col-hov{
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}
.menu-hover-03 .r2 .col-hov.c6{
  height: auto;
  align-items: flex-end;
  display: flex;
}




.menu-hover .col-hov.c1,
.menu-hover .col-hov.c5,
.menu-hover .col-hov.c9{
  flex: 0 0 11.6%;
  max-width: 11.6%;
}
.menu-hover .col-hov.c2,
.menu-hover .col-hov.c6,
.menu-hover .col-hov.c10{
  flex: 0 0 42.8%;
    max-width: 42.8%;
}
.menu-hover .col-hov.c3,
.menu-hover .col-hov.c7,
.menu-hover .col-hov.c11{
  flex: 0 0 28%;
  max-width: 28%;
}

.menu-hover-02 .c6 h5,
.menu-hover-03 .c6 h4{
  padding-right: 4em;
}


.menu-hover-04 .c6 h4{
  padding-right: 3em;
}

.menu-hover-03 .c8 img,
.menu-hover-04 .c6 img,
.menu-hover-04 .c7 img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.menu-hover-04 .c8{
  padding: 0;
}
.menu-hover-04 .c8 img{
  height: 100%;
}
.menu-hover .c7{
  padding: 0;
  overflow: hidden;
}
.menu-hover-02 .c7{
  padding: 1em;
  overflow: initial;
}
.menu-hover-02 .c7 .sub-item{
  height: 159px;
  display: block;
  width: 100%;
  padding: 2em 0 2em 2em;  
}
.menu-hover .more{
  right: 36px;
  bottom: 20px;
}
.menu-hover .more i{
  color: white;  
}
.menu-hover .col-hov:hover .more i{
  transform: rotate(-30deg);
}
.menu-hover .line{
  position: absolute;
  width: 100%;  
}
.menu-hover-02 .c7 .line-h{
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  height: 20px;
  top: 33%;
  left: 0;
}
.menu-hover-02 .c7 .line-h.line-h2{
  top: 66.5%;
  left: 0;
}
.menu-hover-02 .valores{
  list-style: none;
  padding: 0;
}
.menu-hover-03 .c7{
  background: rgba(23,42,71,0.6);
}

.menu-hover-02 .valores li,
.menu-hover-03 .c7 .sectores-list li{
  line-height: 1.3em;
    font-size: 26px;
}
.menu-hover-03 .c7 .sectores-list li{
  color: white;
  font-size: 33px;
}
.menu-hover .c7 img{
    width: 100%;
    height: auto;
    background-size: cover;
}
.menu-hover-02 .c8{
  position: absolute;
    bottom: 0;
    right: 0;
    padding: 0;
    
}
.menu-hover-02 .c8 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top: solid 1px rgba(255, 255, 255, 0.3);
}
.menu-hover .col-hov.c4,
.menu-hover .col-hov.c8,
.menu-hover .col-hov.c12{
  flex: 0 0 29.2%;
  max-width: 29.2%;
}
.menu-hover .r3 .col-hov{
  height: 50px;
} 

.menu-hover .col-hov h1,
.menu-hover .col-hov h2,
.menu-hover .col-hov h4,
.menu-hover .col-hov p{
  color: white;
  margin-top: 0;
  font-weight: normal;  
}
.menu-hover .col-hov h2{
  position: relative;
  top: 35%;
}
.menu-hover-01 .col-hov.c6 h2{
  font-size: 61px;
}
.menu-hover .col-hov span{
  color: #172A47;
}
.menu-hover-05 .c6 h2{
  top: 10%;
}
.menu-hover-05 .c7 img {
  object-fit: cover;
  height: 100%;
}
.menu-hover-06{
  background-color: #FECB00;
}
.menu-hover-06 .oferta{
  background-color: white;
    position: absolute;
    height: 115%;
    top: 0;
    padding: 3em 1.5em 0;
    right: -2px;
}
.menu-hover-06 .oferta:hover {
  background-color: #eee;
}
.menu-hover-06 .oferta h6,
.menu-hover-06 .oferta label,
.menu-hover-06 .oferta p{
  color: black;
}
.menu-hover-06 .oferta label{
  color: #BFA104;
}
.menu-hover-06 .oferta .more i{
  color: black;
}
.menu-hover-06 .c8,
.menu-hover-01 .c8{
  padding: 0;
}
.menu-hover-01 .c7 p,
.menu-hover-01 .c8 p{
  position: absolute;
  top: 0;
}

/* menu-hover-02 Conscious */
.menu-hover-02,
.menu-hover-04{
  display: none;
  background-color: #7AB800;  
}
.menu-hover-02 .col-hov h5 span,
.menu-hover-04 .col-hov h5 span,
.menu-hover-02 .col-hov ul li,
.menu-hover-04 .col-hov.c6 h4 span{
  color: #35421B;
}

.logo-slim{
  position: relative;
  display: inline-block;
  width: 10%;
  max-width: 144px;
  height: 50px;
  z-index: 100; 
}
.logo-slim img {
  width: 60px;
  margin-left: 3em;
  margin-top: 12px;
}
.logo-slim .lineup{
  position: absolute;
    border-right: solid 1px rgba(180,180,180,0.2);
    height: 61px;
    width: 20px;
    right: -77.5px;
}
#page{
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;  
}
.container{
  width: 100%;
  max-width: 1440px;
}
.site-main .col-md-2{
  flex: 0 0 20%;
  max-width: 20%;
}
/* #wrap-nav{
  display: block;
} */

header#masthead {
  position: relative;
  z-index: 100;
  width: 100%;
  max-width: 1440px;
  /* height: 123px; */
  height: auto;
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
font-size: 16px;
display: block;
transition: all 0.2s;
height: auto;
line-height: 1em;
}

/* #menu-menu-2 li:first-child:hover a,
#menu-menu-2 li:nth-child(4):hover a{
  border-bottom: solid 5px #7AB800;   
}
#menu-menu-2 li:nth-child(2):hover a,
#menu-menu-2 li:nth-child(3):hover a{
  border-bottom: solid 5px #0066CC;   
} */
#menu-menu-2 li{
  border-bottom: solid 2px transparent;
  height: 60px;
  text-align: center;
}
#menu-menu-2 li a,
#menu-menu-3 li a{
  line-height: 3.7em !important;
}
#menu-menu-2 li a:hover,
#menu-menu-1 li a:hover{
  border-bottom: solid 2px black !important;
}

.navbar-brand{
  width: 100%;
  max-width: 15.3%;
  margin-right: 0;
  padding: 0;
  padding-top: 0;
  /* border-right: solid 1px rgba(180,180,180,0.3);
  border-bottom: solid 1px rgba(180,180,180,0.3); */
}
/* banner home */
#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
  margin-top: -7.2em;
  z-index: -1;
  height: 790px;
  
}
/* .home #page-sub-header{
  height: 586px;
} */
#page-sub-header:before {
  content: "";
  display: block;
  width: 60px;
  height: 100%;
  background-color: white;
  top: 0;
  left: 0;
  position: absolute;
}

#line {
  width: 1px;
  height: 100%;
  border: solid 1px rgba(188, 189, 188, 0.3);
  left: 15.3%;
  top: 0;
  position: relative;
  z-index: 80;
}
#line2{
  width: 1px;
  height: 82%;
  border: solid 1px rgba(188, 189, 188, 0.3);
  right: 24.8%;
  bottom: 0;
  position: absolute;
  z-index: 80;
}
#line3{
  width: 95.8%;
  height: 10px;
  border-bottom: solid 1px rgba(188, 189, 188, 0.3);
  right: 0;
  bottom: 50px;
  position: absolute;
  z-index: 80;
}

#second-nav ul li:last-child {
  padding-right: 0;
}

.wrap-nav{
  width: 101%;
  display: block;
  left: 0;
  position: relative;
  top: -1px;
  height: 121px;
}
.wrap-nav .menu-item {
  padding: 0 2.45em;
}
.wrap-nav #main-nav,
.wrap-nav #second-nav,
.wrap-nav #access{
  border-bottom: solid 1px rgba(180, 180, 180, 0.3);
  border-top: solid 1px rgba(180, 180, 180, 0.3);
  height: 60px;
}
/* .conscious_page #second-nav{
  border-top: solid 1px rgba(180, 180, 180, 0.3);
} */
.wrap-nav #second-nav{
  height: 62px;
}
.wrap-nav #access{
  width: 230px;
  border-left: solid 1px rgba(188, 189, 188, 0.3);
  padding-left: 1.6em;
}

/* body:not(.home) .wrap-nav li a{
  color: black !important;
} */
.justify-content-end{
  justify-content: normal !important;
}
#content.site-content{
  padding-top: 0;
}
#primary{
  max-width: 75%;
  padding: 0;
}
#access{
  width: 29.6%;
}
#access li:last-child{
  display: contents;
}
#access li .dropdown-menu {
  position: absolute;
    left: 83%;
    top: 20px;
    width: 200px;
    text-align: left;
    z-index: 999;
    display: block;
}
.m-lang{
  display: none;
}
.lang-list{
  position: absolute;
  width: 100px;
  height: auto;
  right: 20px; 
  z-index: 150; 
  top: 11px;
}
#lang-list .dropdown-menu {
  width: 75px;
  min-width: 60px;
  padding: 0;
}
.lang-list button,
.lang-list button:active,
.lang-list button:hover,
.lang-list button:focus{
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.lang-list button:after{
  content: "";
  border: none;
}
.dropdown-menu.show{
  display: block !important;
}
#access li .dropdown-menu li{
  text-align: left;
  padding: 0 !important;
  margin: 0;
}
#access .line{
  display: none;
    position: absolute;
    height: 60px;
    width: 1px;
    border-right: solid 1px rgba(188, 189, 188, 0.3);
    margin-left: 13em;
}
#main-nav{
  width: 70.4%;
}


/* FOOTER */
footer#colophon{
  width: 100%;
  max-width: 1440px;
  height: 352px;
  margin: 0 auto;
}
.conscious_page footer#colophon {
  margin-top: 4.5em;
}
footer 
#rectangleC {
  width: 46.7%;
  height: 350px;
  background: #4d4f53;
  float: right;
  padding: 2em;
}
#contacto {
  position: relative;
  width: 53.3%;
  height: auto;
  color: #111111;    
  font-weight: 400;
  line-height: 38px;
  text-align: center;
  float: left;
  text-align: left;
  padding: 0 2em;
}
#footer-menu,
.footer-menu2{
  width: 45%;
  display: inline-flex;
}
.footer-menu .nav-link{
  padding: 0.3em;
}
.footer-menu a{
  font-size: 16px;
}
.footer-menu2 a{
  font-size: 1em;
  text-decoration: none;
}
footer .social{
  color: #999;
  margin: 0;
  line-height: 1.6em;
  font-size: 17px;
}
footer .copy{
  position: relative;
  top: 25%;
}
#contacto h3{
  color: #111111;
  font-family: "CircularStd";
  font-size: 33px;
  font-weight: 400;
  line-height: 38px;
  text-align: left;
  margin: 1em 0 2em;
}
#cs{
  color: #111111;
  font-family: "CircularStd";
  font-size: 21px;
  font-weight: 400;
  line-height: 28px;
}

/* ASIDE */
#secondary{
  height: 100%;
  padding: 0;
  flex: 0 0 25%;
  max-width: 25%;
}
.navbar-brand .logo{
  max-width: 100%;
    object-fit: cover;
    height: 100%;
}
.home .terminales {
  position: relative;
  top: 0;
  left: 0;
  width: 100.1%;
  height: 551px;
  overflow: hidden;
}
.home .terminales .imgaside{ 
  transform: translateY(0);  
  width: 100%;
  height: 625px;
  background-size: cover;  
  position: absolute;
  top: 0;
  z-index: 9;
  transition: all 1s;
  padding: 2em;
  background-color: white;
}
.home .terminales .imgaside:hover{
  cursor: pointer;
}
.home .terminales .imgaside:hover .more i{
  transform: rotate(-30deg);
  transition: all 0.2s;
}
.home .terminales .imgaside h3{
  color: #0061c2;
  font-size: 47px;
}
.home .terminales .imgaside h3 span{
  color: black;
}
.home .terminales .img{
  display: block;
  background: url('../images/banner-aside-hover.png');
  width: 100%;
  height: 625px;
  transform: translateY(-50px);
}
.home .terminales .img.bcn{
  background: url('../images/SUB_TERMINALES_home.png');
}
.home .terminales .box {
  background-color:white;
  width: 100%;
  height: 50px;
}
.home .terminales .item{  
  width: 100%;
  height: 120px;
  position: absolute;
  padding: 1em 2em;
  background-color: #0061c2;  
  z-index: 10;  
}
.home .terminales .item p{
  color: black;
}
.home .terminales .item2:hover,
.home .terminales .item1:hover{
  cursor: pointer;
  background-color: #0a56a1;
}
.home .terminales .item2:hover i{
  transform: rotate(-20deg);  
}
.home .terminales .item1:hover i{
  transform: rotate(160deg);  
}
.home .terminales .item1{  
    bottom: 119px;
    transform-origin: 50% 100%;
    transform: rotate(180deg);
    padding-top: 4.5em;
    border: solid 1px rgba(188, 189, 188, 0.3);
  
}
.home .terminales .item2{
  bottom: 118px;
  border: solid 1px rgba(188, 189, 188, 0.3);
}
.home .terminales .item2 p{
  padding: 0;
  margin-bottom: 0;
}

.home .terminales .item span{
  color: white;
  font-size: 1.2em;
}
.home .terminales .item2 i{
  color: white;
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 12px;
}
.home .terminales .item1 i{
    color: white;
    position: absolute;
    top: 20px;
    left: 20px;
    transform: rotate(180deg);
}
.home .terminales .item1 p,
.home .terminales .item1 span{  
  display: block;
  transform: rotate(180deg);
  padding: 0;
  margin-bottom: 0;
}
.home .terminales .more{
  bottom: 305px;
  right: 18px;
}
/* .home .terminales .more i{
  font-size: 0.7em;
} */
video.full {
  position: fixed; 
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto; 
  z-index: 999;  
  background-size: cover;
}
video#video{
  position: fixed;
  z-index: 102;
  display: none;
}

.play_btn{
  display: flex;
  z-index: 0;
  position: absolute;
  top: 360px;
  left: 50%;
  transition: all 0.2;
  justify-content: center;
    align-items: center;
    flex-direction: column;
}
.play_btn a{
  color: white;
}
.play_btn:hover{
  cursor: pointer;
}
.play_btn.fixed{
  left: -400px;
  opacity: 1;
}
/* .conscious_page .play_btn.fixed {
  top: 50px;
  height: 180px;
} */
.home .play_btn.fixed,
.conscious_page .play_btn.fixed{
  height: 300px;
    top: 0;
}

.video-bg{
    width: 100%;
    /* height: 101.5%; */
    /* height: 115.7%; */
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;    
    max-width: 1380px;
    /* pointer-events: none; */
}
.conscious_page .video-bg{
  height: 101.5%;
}
.video-bg img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  max-height: 790px;
}
.conscious_page #content{
  top: 0;
    position: relative;
    padding-bottom: 0;
}
.conscious_page .video-bg iframe,
.home .video-bg iframe{
  display: none;
  height: 100%;
  top: 0;
  position: absolute;
  left: 0;
}
.vp-controls-wrapper, 
.vp-video-wrapper {
      display: none !important;
}
.home .video-bg{
  overflow: hidden;  
}
.home #video,
.home #video2{
  width: 102%;
    height: 102%;
    position: absolute;
    left: 0;
    max-width: 100%;
    top: 0;
}
.conscious_page .box-white{
  display: none;
  position: absolute;
  width: 100%;
  height: 106px;
    bottom: 62px;
  left: 0;
  z-index: 99;
    background-color: white;
}
.storing{  
  position: fixed;
    top: 370px;
    left: -365px;
    display: none;
    width: 760px;
    height: 15px;
    background-color: white;
    color: black;
    font-size: 1em;
    transform: rotate(-90deg);
}
.storing-block{  
  flex: 0 0 15.35%;
  max-width: 15.35%;
}
/* SOSTENIBILIDAD */
h3{
  font-weight: normal;
    line-height: 1em;
    font-size: 61px;
}
.green{
  color:#72900b;
}
.blue{
  color: #0066CC;
}

.sostenibilidad,
.soluciones{
  display: inline-block;
  width: 100%; 
  height: 552px;
  padding: 3em 2em;
  border: solid 1px rgba(188, 189, 188, 0.3);
}
.soluciones{
  height: auto;
  padding: 0;
  border-top: none;
  border-right: none;
  flex: 0 0 84.5%;
    max-width: 84.5%;
}
.soluciones .more{
  left: 2em;
}
.soluciones-wrap{
  padding: 2em;
  flex: 0 0 36.5%;
  max-width: 36.5%;
}
.soluciones-wrap:hover,
.sostenibilidad:hover{
  cursor: pointer;
  background-color: #eee;
  transition: all 0.5s;
}
.home .banner:hover .more i,
.soluciones-wrap:hover .more i,
.sostenibilidad:hover .more i,
.actualidad .text-wrap:hover .more i,
.trabaja .right:hover .more i,
.innovacion .more:hover i{
  transform: rotate(-20deg);
  transition: all 0.3s;
}
.soluciones-title{
  display: none;
  position: absolute;
    top: 212px;
    left: -135px;
    font-size: 73px;
    line-height: normal;
    height: 160px;
    overflow: hidden;
}
.sol-title-wrap{
  transition: all 1s;
}
.soluciones-wrap .line{
  width: 100%;
  height: 1px;
  border-bottom: solid 1px #e5e5e5;
  position: absolute;
    top: 370px;
    left: 0; 
  
} 
.soluciones-title span{
  color: #0066cc;
}
.soluciones-img .wrap{
  overflow: hidden;
  position: relative;
  right: 4%;
  float: left;
}
.sol-img img{
    scroll-snap-align: start;  
    max-width: fit-content;   
        
}
.sol-img{      
    margin-right: -35px;
    padding-right: 35px;
    background-size: cover;
    top: 0;
    width: 100%;
    /* max-width: 480px;
    height: 742px; */
    overflow-y: scroll;
    overflow-x: hidden;
    right: 20px;
    float: right;
    position: relative; 
    max-width: 1038px; 
    height: 740px;
    scroll-snap-points-y: repeat(740px);
    scroll-snap-destination: 0 0;
    scroll-snap-type: y mandatory; 
    scroll-snap-type: mandatory; 
      
}

.sol-img:hover{
  cursor: pointer;
}
.sol-img img{
  transition: all 1s;
}
.home .mask{
  height: 270px;
  padding: 15px 20px;
}
.home .soluciones .wrap{
  overflow: hidden;
	position: absolute;
	width: 885px;
  left: -15px;
	top: -1px;
	z-index: 80;																                
}
.home .soluciones-wrap, 
.home .mask, .home .mask .more{
  transition: all 0.2s;
}

.home .sb-projects .title:hover{
  background-color: #eee;
  transition: all 0.2s;
  cursor: pointer;
}
.home .sb-projects .more{    
  width: 100%;
  height: 50px;
  padding: 0 0.6em;
  margin-bottom: 0;
}
.home .sb-projects .sol-1{
  flex: 0 0 31.2%;
    max-width: 31.2%;
}
.home .line-sol{
  position: absolute;
  width: 600px;
  height: 10px;
  border-top: solid 1px rgba(180, 180, 180, 0.3);
  top: 270px;
  z-index: 1;
}
.home .scr{
  position: relative;
}
.home .sb-projects .title {
  background-color: white;
  width: 100%;
  height: 470px;
  padding: 1em 35px;
  flex: 0 0 31.2%;
  max-width: 31.2%;
}
.home .sb-projects .more i{
  right: 45px;
  position: absolute;
  bottom: 20px;
}
.home .mask2 {
  position: absolute;
  width: 220px;
  height: 185px;
  background-color: white;
  top: -2px;
  left: -220px;
    z-index: 100;
}
.home .text-products{
  z-index: 2;
}
.sos-wrap{
  max-width: 59.75%;
    flex: 0 0 59.75%;
}
.side-banner{
  flex: 0 0 24.9%;
  max-width: 24.9%;
  border-bottom: solid 1px rgba(180,189,180,0.3);
}
.description{
  font-size: 17px;
  line-height: 24px;
}
.sostenibilidad .description{
  width: 40%;
  color: #999;
}
.soluciones .description{
  width: 60%;
  color: #999;
}
.soluciones_col1{
  padding: 1em 3em;
}
.more{
  position: absolute;
  bottom: 0;
  color: black;
  /* text-transform: lowercase;  */
  font-size: 14px; 
}
.more a{
  color: black;
  text-decoration: none;
}
.more::first-letter{
  text-transform: uppercase;
}
.more i{
  margin-left: 1em;
  color: black;
  font-size: 12px;
}
.sb-projects {
  flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    font-size: 47px;
    line-height: 50px;
    height: 738px;

}
.sb-projects span{
  color: #0066cc;
}
.innovacion{  
    width: 100%;
}
.innovacion .banner{
  position: relative;
  width: 102%;
  max-width: 1300px;
  height: 450px;
  margin: 2em;
  padding: 4em 5em;
  background-color:  #0066cc;  
  z-index: 99;  
  left: -88px;
  top: 50px;
  color: white;
}
.innovacion .banner:hover {
  background-color: #0a56a1;
  cursor: pointer;
  transition: all 0.2s;
}
.innovacion .line{  
  width: 1px;
  height: 500px;
  border-left: solid 1px #e5e5e5;
  position: absolute;
  top: -33px;
  left: 41px;
}
.innovacion .line{ 
  display: block;
  width: 1px;
  height: 82px;
  top: -82px;
  border-left: solid 1px rgba(188, 189, 188, 0.3);  
}
.innovacion .line1{
  left: 41px;
  height: 640px;
}
.innovacion .line2{
  left: 35.3%;
}
.innovacion .line3{
  left: 75.5%;
}
.innovacion .title{  
  font-size: 61px;
  line-height: 64px;
}
.innovacion .banner span{
  color: black;
}
.innovacion .more a,
.innovacion .more i{
  color: white;  
}
.actualidad{
  margin-top: 8em;
  border-left: solid 1px rgba(188, 189, 188, 0.3);
  padding-right: 0;
}
.actualidad h2,
.trabaja h2{
  font-size: 26px;
}
.trabaja h4{
  font-weight: normal;
}
.actualidad-abs{
  position: relative;
  border: solid 1px rgba(188, 189, 188, 0.3);
  border-right: none;
  width: 103%;
}
.actualidad-abs .img{
  max-width: 542px;
  padding: 0;
}
.actualidad-abs label,
.actualidad-abs .fecha{
  color: #111;
}
.actualidad-abs article img{
  display: none;
}
.actualidad .text-wrap{
  margin: 0;
  padding: 5em 2em;
  flex: 0 0 47%;
  max-width: 47%;
  position: absolute;
  right: 9.7%;
  height: 490px;
}
.actualidad .text-wrap:hover{
  background-color: #eee;
  cursor: pointer;
  transition: all 0.5s;
}
.actualidad .text-wrap .title{
  margin: 0;
}
.actualidad .text-wrap .entry-content{
  color: #999;
}
.home .actualidad .more{
  position: relative;
    bottom: 0;
    color: black;
    text-transform: lowercase;   
    margin-top: 1em;
    left: 83%;
    font-size: 14px;
}
.actualidad-abs label{
  text-transform: uppercase;
}
.actualidad .text-wrap .line{
  position: absolute;
  display: block;
  width: 1220px;
  height: 1px;
  bottom: 0;
  right: -105px;
  border-bottom: solid 1px rgba(188, 189, 188, 0.3);
}
.actualidad .text-wrap .line2{
  position: absolute;
    display: block;
    width: 1px;
    height: 1150px;
    right: 0;
    top: -110px;
    border-right: solid 1px rgba(188, 189, 188, 0.3);
    z-index: 80;
}
.trabaja{
  height: 340px;  
}
.home .trabaja .more{
  position: relative;
  bottom: 0;
  color: black;
  /* text-transform: lowercase; */
  margin-top: 1em;
  left: 83%;
  font-size: 14px;
}
.trabaja .left{
  width: 100%;
  padding: 4em 3em;
    border: solid 1px rgba(188, 189, 188, 0.3);
    margin-left: 0;
    height: 320px;
    flex: 0 0 45.4%;
    max-width: 45.4%;
    /* flex: 0 0 56%;
    max-width: 56%; */
}
.trabaja .left span{
  color: #bfa104;
}
.trabaja .right{
  /* flex: 0 0 100%;
    max-width: 70%; */        
    height: 320px;    
    margin: 0;
    padding: 4em 3em;
    border-bottom: solid 1px rgba(188, 189, 188, 0.3);
    flex: 0 0 47.8%;
    max-width: 47.8%; 
}
.trabaja .right:hover{
  background-color: #eee;
  transition: all 0.5s;
}
.trabaja .text{
  width: 60%;
  color: #999;
}
#primary{
  max-width: 100%;
  padding: 0;
  flex: 0 0 100%;
}
.home #secondary{
  height: 100%;
  padding: 0;
  flex: 0 0 100%;
  max-width: 100%;
}
.custom-html-widget{
  height: 530px;
}
.text-float{
  position: absolute;
  left: 9.2%;
  max-width: 90px;
  width: 100%;
}

.text-products{
  left: auto;
    right: -22px;
    top: 64%;
    z-index: 99;
}
.text-actualidad{
    left: auto;
    right: 83px;
    top: -17%;
    z-index: 99;
}
.text-with{
  left: auto;
    right: 35px;
    top: 0;
    z-index: 120;
}
.text-care{
   left: 89%;
    right: 0px;
    top: 25%;
    z-index: 99;
}
.header-title .play_btn{
  position: absolute;
    width: 100%;
    text-align: left;    
    padding-left: 34%;
    top: 70%;
}
.box-black{
  display: none;
  position: absolute;  
  height: 3px;
  background-color: black;
}
.actualidad-abs .box-black,
.trabaja .box-black{
  bottom: -1px;
  width: 120px;
}
#contacto .more{
  bottom: -5.4em;
  right: 2em;
}


/* MEDIA QUERIES */
@media only screen and (min-width: 1200px) {
  #access, #main-nav {
    display: inline-flex !important;
  }
  .home #masthead #access .more i{
    display: block;
    color: white;
  }
  #masthead #access .more a{
    text-decoration: none;
  }
  #masthead #access .line{
    display: block;
  }
  #masthead #menu-menu-3 li {
    padding: 0 0 0 8em;
  }
  .soluciones-img{
    flex: 0 0 36.666667% !important;
    max-width: 36.666667% !important;
  }
  
}



/* CONSCIOUS PAGE */
.conscious_page #access i,
.conscious_page .lang i{
  color: white;
}
.conscious_page .header-title {
  top: 4%;
}
.conscious_page .accordion h5 button,
.soluciones_page .accordion h5 button{
  color: black;
  font-size: 33px;
  text-align: left;
}
.conscious_page h4 span,
.conscious_page .accordion h5 button span{
  color: #63822B;
}
.conscious{
    max-width: 40%;
    flex: 0 0 40%;
    padding: 3em 2em;
    border-left: solid 1px rgba(180,189,180,0.3);
    border-bottom: solid 1px rgba(180,189,180,0.3);
}
.conscious h3{
  margin-bottom: 1em;
}
.conscious h3 span{
  color: #63822B;
  font-weight: normal;
}
.conscious_page .side-banner,
.conscious_page .pos-right{
  position: relative;
  flex: 0 0 44.6%;
  max-width: 44.6%;
  padding: 3em 2em;
}
.conscious_page .side-banner .white-block{
  position: absolute;
  top: -50px;
  left: 0;
  background-color: white;
  width: 101%;
  height: 50px;
}
.proposito{
  margin-top: 3em;
}
.proposito .banner{
    position: relative;
    width: 102%;
    max-width: 1300px;
    height: auto;
    margin: 2em;
    padding: 4em 5em;
    background-color: #7AB800;
    color: white;
    left: -88px;
    z-index: 2;
}
.proposito .banner .title{
    font-size: 47px;
    line-height: normal;
}
.proposito .banner .title span{
  color: #35421B;
}
.posicionamiento{
    max-width: 40%;
    flex: 0 0 40%;
    padding: 3em 2em;
    margin-bottom: 3em;
}
.conscious_page .pos-wrap{
  margin-top: 3em;
}
.posicionamiento,
.pos-right{
  border-top: solid 1px rgba(180,180,180,0.3);
  border-bottom: solid 1px rgba(180,180,180,0.3);
}
.posicionamiento h5 span{
  color: rgba(99,130,43,1);
}
.conscious_page .pos-right{
  padding-top: 10em;
  margin-bottom: 3em;
}

.proposito .line{
  width: 1px;  
  border-left: solid 1px #e5e5e5;
  position: absolute;
  top: -80px;
  left: 41px;
}
.proposito .line.line1{  
  height: 240%;
}
.conscious_page .valores{
  /* background: url('inc/assets/img/valores-bg.png') no-repeat; */
  background-size: cover;
  width: 100%;
  max-width: 1320px;    
  height: 1120px;
  margin-top: 3em;
}
.conscious_page .valores .num-page,
.soluciones_page .valores .num-page{
  margin-top: 5.6em;
  font-size: 1.25em;
}

.conscious_page .val-content{
  padding-top: 2em;
}
.val-title{
    width: 35%;
    height: auto;
    display: inline-block;
    background-color: rgba(255,255,255,0.9);
    padding: 2em 0 2em 2em;
    margin: 8.4em 0 0 2em;
}
.val-title label{
  margin-top: 3em;
}
.val-accordion{
  position: absolute;
  width: 48%;
  max-width: 635px;
  height: auto;
  display: inline-block;  
  padding: 2em 2em 2em 0;
}
.val-accordion .accordion{
  background-color: rgba(255,255,255,0.9);
}
.val-accordion .accordion .card-header{
  padding: 0rem 1.25rem;
}
.val-accordion .accordion h5{
  margin: 0;
}
.val-accordion .card:first-child .card-body p:last-child {
  margin-bottom: 1.2em;
}
.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: none;
}
.btn-link:focus,
.btn-link:hover,
.btn-link:active {  
  text-decoration: none;
}
.valores .card-header:hover {
  background-color: rgba(0,0,0,0.1);
}
.valores .valores-img{
  position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    z-index: -1;  
}
.valores .valores-img img{
  object-fit: cover;
  height: 100%;
    max-width: 1320px;
    width: 100%;
}
.val-accordion .card button[aria-expanded="true"] .more i,
.tar-accordion .card button[aria-expanded="true"] .more i,
.bar-accordion .card button[aria-expanded="true"] .more i,
#accordionPlaneta .card button[aria-expanded="true"] .more i,
.sos-accordion .card button[aria-expanded="true"] .more i{
  transform: rotate(-30deg);
}
.val-accordion .card{
  background-color: transparent;
}
.desktop .m-slider,
.desktop .m-slider-h{
  display: none;
}
.equipo{
  padding-left: 6.5em;
  margin-top: 10em;
  position: relative;
  max-height: 840px;
}
.equipo .line{
  top: -70px;
    display: block;
    position: absolute;
    width: calc(100% - 1em);
    height: 1px;
    margin-left: 1em;
    border-top: solid 1px rgba(180,189,180,0.3);
}
.equipo .line2{
  top: -161px;
    left: 221px;
    display: block;
    position: absolute;
    width: 10px;
    height: 123%;
    border-left: solid 1px rgba(180,189,180,0.3);
}
.equipo .green-hover{
  background-color: rgba(0,0,0,0.2);
}
.equipo .team-list{
  flex: 0 0 24%;
  max-width: 24%;
  position: relative;
  top: -70px;
  padding-right: 0;
  overflow: hidden;
}
.equipo .team-list ul{
  overflow: auto;
  background-color: #7AB800;
  width: calc(100% + 20px);
  margin-bottom: -20px;
  height: 720px;
  display: block;
  list-style: none;
  padding: 0;
}
.equipo .team-list ul li{
  height: 147px;
  display: grid;
  color: white;
  padding: 1em 2em;
  border-bottom: solid 1px rgba(204,204,204, 0.6);
}
.equipo .team-list ul li:hover{
  background-color: rgba(0,0,0,0.2);
  cursor: pointer;
  transition: all 0.3s;
}
.equipo .team-list ul li span{
  color: black;
}
.equipo .team-list p{
  padding: 0;
  margin: 0;
  color: white;
}
.equipo .team-list i{  
  margin-top: 1.5em;
  font-size: 0.8em;
  text-align: right;
  width: 10px; 
  position: relative;
  left: 95%;
}
.equipo .team-list li:last-child i{
  bottom: 15px;
}
.equipo .team-foto{
  flex: 0 0 44%;
  max-width: 44%;
  padding: 0;
  top: -3em;
  height: 100%;
  max-height: 678px;
  overflow: hidden;
}
.equipo .team-foto .team-foto-title{
  position: relative;
  top: -10px;
  padding: 1em;
}
.equipo .team-foto img{
  object-fit: cover;
    /* height: 622px !important;
    max-height: 850px; */
    height: 100% !important;
    max-height: 750px;
    width: 100%;
}
.equipo .team-desc{
  position: relative;
  top: 9.7em;
  flex: 0 0 32%;
  max-width: 32%;
  max-height: 475px;
  background-color: #35421B; 
}
.equipo .team-desc .team-title{
  position: absolute;
  top: -192px;
  padding: 2em 1em;
  display: flex;
  flex-direction: column;
  align-content: center;
  height: 220px;
  justify-content: center;
}
.team-title h5{
  color: #63822B;  
  margin-bottom: 0.5rem;
}
.team-hide{
  display: none;
}

.equipo .cite{
  position: absolute;
    top: 0;
    font-size: 36px;
    color: #63822B;
    line-height: 40px;
    padding: 1em 0.5em;
}
.accionistas .acc01,
.accionistas .acc02{
  flex: 0 0 39%;
    max-width: 39%;
  border-top: solid 1px rgba(180,180,180,0.3);
  padding: 3em 0 0;
}
.accionistas .acc01{
  padding: 3em 0 0;
}
.accionistas .acc01 img{
  object-fit: cover;
  margin-top: 2em;  
  height: 600px;

}
.accionistas .acc01 .line{
  position: absolute;
  display: block;
  width: 10px;
  height: 100%;
  border-left: solid 1px rgba(180,180,180,0.3);
  top: 0;
  left: 0;
}
.accionistas .acc01 .line2,
.accionistas .acc01 .line3{
  position: absolute;
    display: block;
    width: 217.5%;
    height: 20px;
    border-bottom: solid 1px rgba(180,180,180,0.3);
    bottom: 600px;
    left: 0;
}
.accionistas .acc01 .line3{    
  bottom: 0;
  width: 217.5%;    
}
.accionistas .with{
    left: auto;
    right: 50px;
    top: 380px;
}
.accionistas h5{
  margin: 0;  
  padding: 0 5em 1em 1em;
}
.accionistas h5 span,
.accionistas .item h1 span{
  color: #63822B;
  font-weight: normal;
}
.accionistas .acc02{
  border-left: solid 1px rgba(180,180,180,0.3);
  flex: 0 0 45.4%;
    max-width: 45.4%;
}
.accionistas .item{
  /* padding: 0 4.3em 0 1em; */
  padding: 0 3.1em 0 0;
}
.accionistas .item h1{
  height: 80px;
  font-size: 33px;
  margin: 0;
}
.accionistas .item p{
  color: #8B8D8E;
}
.accionistas label{
  padding: 0 2em;
}
.item a{
  color: black;
  text-decoration: underline;
  text-transform: uppercase;
}
.accionistas .item .post.hentry {
  margin-bottom: 1em;
}
.accionistas h1.entry-title{
  border: none;
}
/* .accionistas .item-wrap{  
  overflow: hidden;  
} */
.accionistas .item-wrap:first-child{
  height: auto;
}
.accionistas article{
  position: relative;
    top: 2em;
    width: calc(100% + 55px);
    height: 513px;
    /* overflow-y: scroll;
    overflow-x: hidden; */
    /* margin-right: -20px; */
}
.accionistas article:first-child{
  top: 0;
}
.accionistas .acc02 article header{
  border-bottom: solid 1px rgba(180,180,180, 0.3);
  padding: 0 2em;
}
.accionistas .acc02 article .entry-content{
  padding: 1em 6em 1em 2em;
}
.accionistas .acc02 article .line{
  position: absolute;
    width: 120%;
    height: 20px;
    display: block;
    left: 22px;
    top: 50px;
    border-bottom: solid 1px rgba(180,180,180,0.3);
}
.historia{
  margin-top: 9em;
}
.historia .history-img{
  padding-left: 0;
  max-width: 39%;
  flex: 0 0 39%;
}
.history-img label{
  padding: 2em 0 0 2em;
}
.history-img h5{
  padding-left: 28px;
    min-height: 99px;
    margin-bottom: 25px;
    margin-top: 15px;
}
.historia .history-img .line{
  position: absolute;
  display: block;
}
.historia .history-img .line-top{  
  width: 243%;
  height: 20px;
  border-bottom: solid 1px rgba(180,180,180,0.3);
  top: -30px;
  left: 0;
}
.historia .history-img .line-bottom{  
  width: 207.5%;
  height: 20px;
  border-bottom: solid 1px rgba(180,180,180,0.3);
  bottom: 24px;
  left: 0;  
}
.historia .history-img .line-up{
  width: 20px;
    height: 110.1%;
    border-right: solid 1px rgba(180,180,180,0.3);
    bottom: -62px;
    right: 15px;
}
.historia .history-img .line-up2{
  width: 20px;
  height: 136%;
    border-right: solid 1px rgba(180,180,180,0.3);
    left: -20px;
    top: -200px;
}
.historia ul{
  list-style: none;
    margin: 12em 0em 0 0;
    width: 100%;
    right: 0;
    position: relative;
}
.historia li {
  position: relative;
  text-align: right;
  width: 65%;
  height: 46px;
  line-height: 2.8em;
}
.historia .content-year{
  display: flex;
  align-items: flex-start;
  flex: 0 0 27.633333%;
    max-width: 27.633333%;
    padding-top: 11em;
}

.historia .content-year .item{
  display: none;
}
.historia .content-year h5{
  margin-top: 0;
  padding-right: 1em;
  font-size: 40px;
}
.historia .content-year h5 span{
  color: #63822B;
}
.historia .col-years{
  flex: 0 0 17.933333%;
  max-width: 17.933333%;  
  height: 506px;
}
.historia .item p {
  color: black;
}
.historia .col-years .line{
  position: absolute;
  bottom: -276px;
  right: 52px;
  display: block;
  width: 20px;
  height: 408.5%;
  border-right: solid 1px rgba(180,180,180,0.3);
}
.historia .years .line{
  position: absolute;
  bottom: 0;
  right: -30px;
    width: 30px;
  height: auto;
  display: block;
  border-bottom: solid 1px rgba(180,180,180,0.3);
}
.historia .years li:hover{
  font-weight: bold;  
}
.historia .years li:hover span{color: black;}
.historia .years li:last-child .line{
  border: none;
}
.historia .years li:hover .line-hov{
  position: absolute;
  display: block;
  /* right: -13px; */
  right: -30px;
  width: 20px;
  border-right: solid 3px black;
  height: 100%;
}
.historia .img-year{
  display: none;
  width: 100%;
  height: 500px;
}
.historia .img-year img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.years li span:hover{
  cursor: pointer;  
}
.s21{
  font-size: 21px;
}
.conscious .s21{
  line-height: 28px;
}
.side-banner .line,
.pos-right .line{
    width: 1px;
    position: absolute;
    top: 0;
    left: 0;
    height: 120%;
    border-left: solid 1px rgba(188, 189, 188, 0.3);
}
.home .side-menu,
.conscious_page .side-menu,
.terminales_page .side-menu,
.innovacion_page .side-menu,
.unete_page .side-menu,
.actual_page .side-menu,
.soluciones_page .side-menu,
.sostenibilidad_page .side-menu{
  position: fixed;
  top: 225px;
  transform: rotate(-90deg);
  left: -315px;
  width: 700px;
}
.home .side-menu,
.soluciones_page .side-menu,
.unete_page .side-menu{
  top: 100px;
}

.side-menu li{
  padding: 0 5px;
}
.side-menu li a{
  height: 20px !important;
}
.home .side-menu li a,
.conscious_page .side-menu li a,
.terminales_page .side-menu li a,
.innovacion_page .side-menu li a,
.unete_page .side-menu li a,
.actual_page .side-menu li a,
.soluciones .side-menu li a,
.sostenibilidad_page .side-menu li a{
  color: black !important;
  font-size: 0.9em !important;
}
.home .side-menu{
  font-size: 18px !important;
}
.conscious_page #page-sub-header #line2{
  display: none;
}

/* TERMINALES PAGE */

.terminales_page #page-sub-header{
  display: none !important;
}
body:not(.theme-preset-active).terminales_page #masthead .navbar-nav > li > a{
  color: black;
}
.terminales_page #masthead #access .more i{  
  color: black;
  display: block;
}
.terminales_page .terminales_col1{
  max-width: 42.3%;
  flex: 0 0 42.3%;
  padding: 3em;
    border-left: solid 1px rgba(180,189,180,0.3);
    /* border-bottom: solid 1px rgba(180,189,180,0.3); */
}
/* .terminales_page .terminales_col1 .line-up{
  left: 0;
    top: -120px;
    height: 100vh;
} */
.terminales_page .ter-scheme{
  padding: 4em 2em;
  text-align: center;
}
.terminales_page .ter-scheme img{
  max-width: 70%;
}
.terminales_page .terminales_col2{
  position: relative;
  max-width: 42.3%;
  flex: 0 0 42.3%;
    padding: 3em; 
}
.terminales_col1 h1,
.terminales_page .block-2 h5{
  color: #0066CC;
}
.terminales_page .block-2 h5{
  margin: 2em 2em 2em 1.5em;
}
.terminales_page .block-2{
  padding: 0;
  max-width: 84.63%;
  flex: 0 0 84.63%;
}
.terminales_page .block-2 h5 span{
  color: black;
}
.terminales_page .box{
  background-color: #0066CC;
  color: white;
  padding: 0;
  border-right: solid 1px rgba(180,180,180,0.3);
}
.terminales_page .box p{
  padding: 3em 5em;
  color: white;
}
.terminales_page .box img{
    object-fit: cover;
    width: 100%;
    min-height: 410px;
    height: auto;
    display: block;
}
.terminales_page .box h4{
  padding: 1em 1.7em 0;
}
.terminales_page .box h4 span{
  color: white;  
}
.terminales_page .tarragona,
.terminales_page .barcelona{
  margin-top: 4em;
  padding: 0;
  flex: 0 0 82%;
  max-width: 82%;
  min-height: 575px;
}
.tarragona img, .barcelona img {
  height: 100%;
  max-height: 400px;
  width: auto;
}
.terminales_page .tarragona .line-up{
  left: initial;
  right: -18px;
  height: 300%;
  position: absolute;
  top: -1402px;  
}
.terminales_page img{
  object-fit: cover;
  /* width: 100%; */
}
/* .terminales_page .barcelona > h3,
.terminales_page .tarragona > h3{
  border-left: solid 1px rgba(180,180,180, 0.3);
  border-right: solid 1px rgba(180,180,180, 0.3);
} */
.terminales_page .tarragona h3 span,
.terminales_page .barcelona h3 span{
  color: #0066CC;
}
.terminales_page .t-data{
  margin-top: 2em;
  flex: 0 0 52.25%;
    max-width: 52.25%;
  padding-right: 0;
}
.terminales_page .accordion h4{
  margin-top: 0;
}
.terminales_page .accordion .card{
  border: none;
}
.terminales_page .tar-accordion p.description,
.terminales_page .bar-accordion p.description{
  padding: 1.8em;
}
.terminales_page .tar-accordion .card-header,
.terminales_page .bar-accordion .card-header{
  position: relative;
  padding: 0;
  background-color: rgba(255,255,255,1);
}
.terminales_page .tar-accordion .card-header:hover,
.terminales_page .bar-accordion .card-header:hover{
  background-color: rgba(0,0,0,.03);
}
/* .terminales_page .tar-accordion .card-header:hover .more i,
.terminales_page .bar-accordion .card-header:hover .more i{
  transform: rotate(-30deg);
  transition: all 0.2s;
} */
.terminales_page .tar-accordion .card-header .btn-link,
.terminales_page .bar-accordion .card-header .btn-link{
  color: black;
  font-size: 33px;
  width: 100%;
  height: 63px;
  text-align: left;
  padding-left: 1em;
}
.terminales_page .tar-accordion .card-header span,
.terminales_page .bar-accordion .card-header span{
  color: #0066CC;
}
.terminales_page .tar-accordion .card-body,
.terminales_page .bar-accordion .card-body{
  padding: 0;
}
.terminales_page .tar-accordion table th,
.terminales_page .bar-accordion table th{
  background-color: #0066CC;
  color: white;
  padding: 1em 2em !important;
}
.terminales_page table.table td{
  padding: 1em 2em !important;
}
.terminales_page .tar-accordion .more,
.terminales_page .bar-accordion .more,
.conscious_page .val-accordion .more{
  right: 40px;
  bottom: 10px;
}
.val-accordion .card-header{
  position: relative;
}
.conscious_page .val-accordion .more{
  bottom: 0;
}
.conscious_page .val-accordion button{
  width: 100%;
}
.rotate_arrow{
  transform: rotate(-30deg);
}
.rotate_arrow_down{
  transform: rotate(180deg);
}
.terminales_page .tar-accordion .ubicacion .card-body,
.terminales_page .tar-accordion .contacto .card-body,
.terminales_page .bar-accordion .ubicacion .card-body,
.terminales_page .bar-accordion .contacto .card-body{
  padding: 1.8em;
}
.terminales_page .line-up {
  position: absolute;
  display: block;
  width: 20px;
  height: 150%;
  top: 0;
  border-left: solid 1px rgba(180,180,180,0.3);
}
.terminales_page .accordion .line-up{
  left: -426.5px;
  height: calc(118% + 186px);
    top: -35px; 
}
.terminales_page .accordion .line-up2{
  left: 13px;
    height: calc(100% + 60px);
    top: -62px;
}
.terminales_page .accordion .line-up3{
  left: initial;
    right: -20px;
    height: calc(100% + 330px);
    top: -62px;
}
.tar-accordion a,
.bar-accordion a,
.tar-accordion a p,
.bar-accordion a p{  
    color: #0066CC;
}
.terminales_page .accordion .line{
  position: absolute;
    display: block;
    width: 100vw;
    right: 0;
    height: 20px;
    bottom: 0;
    border-bottom: solid 1px rgba(180,180,180,0.3);
}
.terminales_page .t-data p{  
  padding: 1.5em 1em 0 2em;
    margin-bottom: 0;
}
.terminales_page footer{
  position: relative;
  z-index: 99;
}
.br{
  border-right: solid 1px rgba(180,180,180, 0.2) !important;
}
.bl{
  border-left: solid 1px rgba(180,180,180, 0.2) !important;
}
.bt{
  border-top: solid 1px rgba(180,180,180, 0.2) !important;
}
.bb{
  border-bottom: solid 1px rgba(180,180,180, 0.2) !important;
}

/* SOLUCIONES PAGE */
.soluciones_page #page-sub-header{
  display: none !important;
}
body:not(.theme-preset-active).soluciones_page #masthead .navbar-nav > li > a,
body:not(.theme-preset-active).sostenibilidad_page #masthead .navbar-nav > li > a,
body:not(.theme-preset-active).innovacion_page #masthead .navbar-nav > li > a,
body:not(.theme-preset-active).unete_page #masthead .navbar-nav > li > a,
body:not(.theme-preset-active).actual_page #masthead .navbar-nav > li > a,
body:not(.theme-preset-active).single-post #masthead .navbar-nav > li > a,
body:not(.theme-preset-active).contact_page #masthead .navbar-nav > li > a,
body:not(.theme-preset-active).legal_page #masthead .navbar-nav > li > a,
body:not(.theme-preset-active).page-template-certificados_page #masthead .navbar-nav > li > a,
body:not(.theme-preset-active).conscious_page #masthead .navbar-nav > li > a{
  color: black;
}
body:not(.theme-preset-active).conscious_page #masthead .navbar-nav > li > a{
  color: white;
}
.soluciones_page #masthead #access .more i,
.sostenibilidad_page #masthead #access .more i,
.innovacion_page #masthead #access .more i,
.unete_page #masthead #access .more i,
.actual_page #masthead #access .more i,
.contact_page #masthead #access .more i,
.legal_page #masthead #access .more i{  
  color: black;
  display: block;
}
.actual_page .lang-list button,
.contact_page .lang-list button,
.soluciones_page .lang-list button,
.sostenibilidad_page .lang-list button,
.innovacion_page .lang-list button,
.terminales_page .lang-list button,
.unete_page .lang-list button,
.single-post .lang-list button,
.page-template-certificados_page .lang-list button,
.legal_page .lang-list button{
  color: black;
}
.conscious_page .valores .num-page span{
  color: #63822B;
}
.soluciones_page .text-float{
  top: 150px;
  z-index: -1;
  left: 9.1%;
}
.soluciones_page h1{
  color: #0066CC;
}
.soluciones_page .sectores{
  padding: 3em 0em;
}
.menu-hover-03 .c7 .sectores-list{
  list-style: none;
  margin-top: 2em;  
  margin-left: 0 !important;
}
.soluciones_page .side-banner{
  max-width: 26.2%;
  flex: 0 0 26.2%;
}
.soluciones_page .side-banner h4{
  width: 100%;
  display: block;
    background-color: #0066CC;
    color: black;
    padding: 2.5em 1em 1em 0.5em;
    position: absolute;
    bottom: -180px;
}
.soluciones_page .sect{
  margin-top: 5em;
}
.soluciones_page .valores{
  background-size: cover;
    width: 100%;
    max-width: 1320px;
    height: 1120px;
    margin-top: 0;
}
.soluciones_page .val-content{
  padding: 3em 0 0 3em;
}
.soluciones_page h4 span,
.soluciones_page .accordion h5 button span{
  color: #0066CC;
}
.soluciones_page .accordion h5,
.soluciones_page .sect .val-title h5{
  font-size: 26px;
}
.soluciones_page .sect .val-title{
  margin: 2em 0 0 2em;
  padding-right: 3em;
  width: 40%;
}

.soluciones_page .filosofia{
    max-width: 40%;
    flex: 0 0 40%;   
    padding: 3em 2em; 
    border-left: solid 1px rgba(180,189,180,0.3);
    border-bottom: solid 1px rgba(180,189,180,0.3)
}
.soluciones_page .filo-r{
  padding: 3em 2em;
  flex: 0 0 41%;
  max-width: 41%;
}
.soluciones_page .filo-img{
  flex: 0 0 40%;
  flex: 0 0 40%;
  height: 550px;
  padding-left: 0;
}
.soluciones_page .filo-img img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.soluciones_page .filo-desc{
  flex: 0 0 40.65%;
  max-width: 40.65%; 

}
.soluciones_page .filo-desc .wrap{
  position: absolute;
    bottom: 45px;  
    padding: 0 10em 0 1.5em;  
}
.soluciones_page .filo-desc .line-up{
  position: absolute;
  width: 20px;
  height: 225.5%;
  right: -5px;
  top: -81%;
  border-right: solid 1px rgba(180,180,180,0.3);
}
.soluciones_page .filosofia h3,
.soluciones_page .filo-r h3{
  font-size: 73px;
  
}
.soluciones_page h3 span{
  color: #0066CC;
}
.soluciones_page .boxes{
  flex: 0 0 0 81%;
  max-width: 81%;
  margin-bottom: 4em;
}
.soluciones_page .boxes .box{
  background-color: #0066CC;
    color: black;
    padding: 1em;
    height: 120px;
    border-right: solid 1px white;
}
.soluciones_page .boxes .box:hover{
  cursor: pointer;
}
.soluciones_page .boxes .box.active,
.soluciones_page .boxes .box:hover{
  background-color: #0252a1;
  color: white;
}

.soluciones_page .more{
  bottom: 10px;
  right: 20px;
}

.soluciones_page .products-img{
  position: absolute;
    z-index: -99;
    left: 0;
    bottom: -380px;
    width: 90px;
}
.soluciones_page .with-img{
  position: absolute;
  z-index: -99;
  right: -4px;
  bottom: 350px;
  width: 90px;
}
.soluciones_page .sectores .line{
  position: absolute;
    width: 126%;
    top: 450px;
    height: 20px;
    border-bottom: solid 1px rgba(180,180,180, 0.3);
}
.soluciones_page .sectores .line-up{
  position: absolute;
    width: 20px;
    top: 0;
    left: 220px;
    height: 50%;
    border-left: solid 1px rgba(180,180,180, 0.3);
}
.soluciones_page .boxes .line-up{
  position: absolute;
    bottom: -126px;
    height: 126px;
    width: 392px;
    left: 0;
    z-index: -1;
}
.soluciones_page .boxes .line-up img{
  position: relative;
    top: -85px;
    right: -332px;
}

/* SOSTENIBILIDAD PAGE */
.sostenibilidad_page .sosten-wrap{
  padding: 3em 4em;
}
.sostenibilidad_page .sosten-wrap h1 span{
  color: #7f9638;
}
.sostenibilidad_page .sos_col1,
.sostenibilidad_page .sos_col2{
  padding: 3em 4em;
}
.sostenibilidad_page .sosten-personas,
.sostenibilidad_page .sosten-planeta{
  margin-top: 4em;
  padding: 0;
  max-width: 97%;
  width: 100%;
  flex: 0 0 97%;  
}
.sostenibilidad_page .t-data{  
  flex: 0 0 54.25%;
  max-width: 54.25%;
    padding-right: 0;
}
.sostenibilidad_page #page-sub-header,
.innovacion_page #page-sub-header,
.unete_page #page-sub-header,
.actual_page #page-sub-header,
.post-template-single-news #page-sub-header,
.contact_page #page-sub-header,
.legal_page #page-sub-header,
.post-template-single-offers #page-sub-header,
.page-template-certificados_page #page-sub-header{
  display: none !important;
}
.sostenibilidad_page .sosten-personas h3,
.sostenibilidad_page .sosten-planeta h3{
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  padding: 1em;
}
.sostenibilidad_page .sosten-planeta h3{
  padding-left: 1.7em;
}
.sostenibilidad_page .sosten-personas,
.sostenibilidad_page .sosten-planeta{
  height: 500px;
  margin-bottom: 0;
}
.sostenibilidad_page .sosten-personas img,
.sostenibilidad_page .sosten-planeta img{
  max-width: 100%;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.sostenibilidad_page .sosten-planeta img{
  right: -43px;
    position: relative;
    z-index: -1;
}
.sostenibilidad_page .planeta .storing-block{
  flex: 0 0 14.35%;
  max-width: 14.35%;
}
.sostenibilidad_page .planeta .side-banner h5{
  font-size: 47px;
}
.sosten-personas .box-title,
.sos-accordion .box-entorno,
.sosten-planeta .box-title{
  padding: 1em;
    position: absolute;
    display: block;
    width: 380px;
    height: 242px;
    bottom: -192px;
    left: 179px;
    background-color: #7ab800;
    color: black;    
}
.sosten-personas .box-title {
  width: 451px;
}
.sos-accordion .box-entorno{  
  top: calc(100% - 326px);
  left: -364px;
}

.sostenibilidad_page .text-float.storing-img,
.innovacion_page .text-float.storing-img{
  top: 160px;
  left: 9.1%;
}
.innovacion_page .text-float.storing-img{
  top: 100px;
}
.sostenibilidad_page .sosten-personas .box-title h4,
.sostenibilidad_page .box-entorno h4,
.sostenibilidad_page .sosten-planeta .box-title h4{
  color: black;
  padding: 1.5em 0 0 0.5em;
}
.sostenibilidad_page .products-img img,
.innovacion_page .products-img img,
.unete_page .products-img img{
  position: absolute;
    right: -90px;
    top: 170px;
    z-index: -1;
    width: 80%;
}
/* .sostenibilidad_page .accordion .line-up2{
  position: absolute;
  height: calc(118% + 186px);
  top: 0;
  left: -435px;
  width: 20px;
  border-left: solid 1px rgba(180,180,180,0.3);
  z-index: -1;
} */
.sostenibilidad_page .sos-accordion .accordion{
  width: 93.6%;
}
.sostenibilidad_page .sos-accordion .card-header span,
.sostenibilidad_page .planeta .card-header span {
  color: #7f9638;
}
.sostenibilidad_page .sos-accordion .card-header .btn-link,
.sostenibilidad_page .planeta .accordion .card-header .btn-link,
.terminales_page .bar-accordion .card-header .btn-link {
  color: black;
  font-size: 33px;
}
.sostenibilidad_page .sos-accordion .card-header .btn-link,
.soluciones_page .valores .accordion .card-header .btn-link{
    height: 95px;
    width: 100%;
    text-align: left;
    line-height: 33px;
}
.sostenibilidad_page .sos-accordion .card-header,
.sostenibilidad_page #accordionPlaneta .card-header{
  position: relative;
  background-color: transparent;
  border-top: solid 1px rgba(180,180,180,0.3);
  margin: 0;
  padding: 0 1.25rem;
}
.sostenibilidad_page .sos-accordion .card-header:not(#headingBlank):hover{
  background-color: #eee;
  transition: all 0.2s;
}
.sostenibilidad_page .sos-accordion .more{
  right: 40px;
}
.sostenibilidad_page .planeta .side-banner{
  position: relative;
  height: 350px;
  border: solid 1px rgba(180, 180, 180, 0.3);
  padding: 0;
  flex: 0 0 27.9%;
    max-width: 27.9%;
}
.sostenibilidad_page .planeta .side-banner .wrap{
  flex: 0 0 100%;
    max-width: 100%;
    background-color: white;
    padding: 1em 2em 2em;
    position: absolute;
    top: -40px
} 
.sostenibilidad_page .planeta .side-banner h5 span{
  color: #7f9638;
}
.sostenibilidad_page #accordionPlaneta .actions .more{
  left: 50px;
  bottom: -24px
}
.sostenibilidad_page #accordionPlaneta .card-body{
  padding: 1.25rem 0 0;
}
.sostenibilidad_page #accordionPlaneta .card-body p.description{
  padding-left: 2em;
}
.sostenibilidad_page #accordionPlaneta .item{
  position: relative;
  display: flex;
  padding: 1em 0;
  flex-flow: wrap;
}
.sostenibilidad_page #accordionPlaneta .card{
  border-bottom: none;  
}
.sostenibilidad_page #accordionPlaneta .item img {
  padding: 0 1em 1em 2em;
}
.sostenibilidad_page #accordionPlaneta .item label{
  letter-spacing: normal;
}
.sostenibilidad_page #accordionPlaneta label{
  position: relative;
  margin-bottom: 0;
}
.sostenibilidad_page #accordionPlaneta .wrap{
  display: flex;
    flex-direction: column;
    height: 100%; 
    width: 80%;    
}
.sostenibilidad_page #accordionPlaneta .actions{
  position: relative;
  padding: 1em 2em 0;
  width: 100%;
  display: block;
}
.sostenibilidad_page #accordionPlaneta .actions .content-actions{
  display: none;  
  transition: all 0.5s;
}
.sostenibilidad_page #accordionPlaneta .actions:hover,
.sostenibilidad_page #accordionPlaneta .actions label:hover{
  cursor: pointer;
}
.sostenibilidad_page .accordion .actions {
  display: none !important;
}
.sostenibilidad_page .planeta .line-with.line-up{
  position: absolute;
  width: 20px;
  height: 30.8%;
  bottom: 0;
  right: 51px;
  z-index: -1;
  border-right: solid 1px rgba(180,180,180,0.3);
}

.sostenibilidad_page .line-up4,
.innovacion_page .line-up4,
.unete_page .line-up4,
.actual_page .line-up4,
.actual_page .line-up5{
  position: absolute;
  width: 20px;
  height: 100%;
  bottom: 0;
  left: 202px;
  z-index: -1;
  border-right: solid 1px rgba(180,180,180,0.3);
}
.actual_page .line-up5{
  height: 500px;
    top: 0;
    left: initial;
    right: 116px;
}
.innovacion_page .line-up4{
  height: 101.9%;
  bottom: -62px;
}
.innovacion_page .line-up5{
  width: 20px;
  height: 100%;
  bottom: 0;
  right: 40px;
  z-index: 1;
  border-right: solid 1px rgba(180,180,180,0.3);
}
.innovacion_page .line-up6{
  width: 20px;
    height: 600px;
    top: 0;
    right: 45%;
    z-index: 1;
    border-right: solid 1px rgba(180,180,180,0.3);
}
.sostenibilidad_page .accordion a,
.sostenibilidad_page .accordion a:visited{
  color: #8B8D8E;
}
.sostenibilidad_page .accordion a:hover{
  color: #666;
}
.sostenibilidad_page .line-banner{
  width: 100%;
  position: absolute;
  height: 20px;
  top: 94%;
  left: -2px;
  display: block;
  border-bottom: solid 1px rgba(180, 180, 180, 0.3);
}
.sostenibilidad_page .with,
.innovacion_page .with,
.unete_page .with{
  position: absolute;
    bottom: 26%;
    right: 51px;
    width: 85px;
    height: 80px;
    display: block;
}
.innovacion_page .with{
  bottom: 40%;
  right: 42px;
}
.sostenibilidad_page .with{
  bottom: -40%;
  right: 0px;
}
.unete_page .with{  
  bottom: -12%;
    right: 100px; 
}
.sostenibilidad_page .description ul{
  margin-left: 3em;
}
.sostenibilidad_page .text-float.products-img,
.innovacion_page .text-float.products-img{
  left: -751px;
    top: 25px;
}
.innovacion_page .text-float.products-img{
  left: -43px;
}
.sostenibilidad_page .text-float.care,
.innovacion_page .text-float.care{
  right: -31px;
  left: auto;
  bottom: 200px;
}
.sostenibilidad_page footer#colophon{
  margin-top: 10em;
  display: block;
}
.sostenibilidad_page footer:before{
  content: "";
  display: block;
  width: 100%; 
  border-bottom: solid 1px rgba(180,180,180,0.3);
  bottom: 550px;
  position: absolute;
}
.sostenibilidad_page footer:after{
  content: "";
  display: block;
  width: 100%; 
  border-bottom: solid 1px rgba(180,180,180,0.3);
  bottom: 420px;
  position: absolute;
}
.sostenibilidad_page .box-entorno{  
  display: block;
  /* top:  595.4px; */
  top: 57%;
  height: 242px;
  background-color: #7ab800;
  color: black;  
  position: absolute;  
  left: -365px;
  z-index: 1;
  font-size: 47px;  
  transition: all 0.5s;
}
.sostenibilidad_page .box-entorno{
  left: -436px;
  width: 451px;
}
.sostenibilidad_page .box-entorno.top{
  /* top: 445px; */
  top: 50%;
}

/* Innovación page */
.innovacion_page .block-2 .storing-block,
.innovacion_page .block-3 .storing-block{
  flex: 0 0 11%;
  max-width: 11%;
}
.innovacion_page .block-2 .t-data,
.innovacion_page .block-3 .t-data{
  flex: 0 0 58.2%;
  max-width: 58.2%;
}
.inno-wrap h1{
  margin-bottom: 2em;
}
.inno_col1, .inno_col2{
  flex: 0 0 42.32%;
  max-width: 42.32%;
  padding: 4em 5em 6em 3em;
}
.inno_col1 h1{
  margin-bottom: 1em;
  color: #0066CC;
}
.inno_col2{
  margin-top: 3em;
}
.innovacion_page .t-data{
  margin-top: 0;
  padding: 4em 30px;
  
}
.innovacion_page .t-data span{
  color: #0066CC;
}.innovacion_page .t-data h4{
  margin-top: 4em;
}
.innovacion_page .t-data .wrap{
  width: 90%;
}
/* .innovacion_page .block-3 .t-data .wrap{
  width: 68%;
  margin: 0 auto;
} */
.innovacion_page .line,
.unete_page .line{
  position: absolute;
  display: block;  
}
.innovacion_page .line-up{
  width: 100%;
  height: 20px;
  bottom: 280px;
  left: 0;
  border-top: solid 1px rgba(180,180,180,0.3);
}
.innovacion_page .line-up3{
  width: 95%;
  height: 20px;
  top: 20px;
  left: 0;
  border-top: solid 1px rgba(180,180,180,0.3);
}
.innovacion_page .inno-personas,
.innovacion_page .inno-platform{
  margin-top: 4em;
  padding: 0;
  max-width: 97%;
  width: 100%;
  flex: 0 0 97%; 
}
.innovacion_page .inno-platform{
  margin-top: 0;
}
.innovacion_page .inno-personas h3,
.innovacion_page .inno-platform h3{
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  padding: 1em;
}
.innovacion_page .inno-personas,
.innovacion_page .inno-platform{
  height: 500px;
  margin-bottom: 0;
}
.innovacion_page .inno-personas img,
.innovacion_page .inno-platform img{
  max-width: 100%;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.innovacion_page .inno-personas .box-title,
.innovacion_page .inno-platform .box-title{
  padding: 1em;
    position: absolute;
    display: block;
    width: 380px;
    height: 242px;
    bottom: -192px;
    left: 179px;
    background-color: #0066CC;
    color: black; 
}
.innovacion_page .inno-personas .box-title h4,
.innovacion_page .box-conect h4,
.unete_page .box-futuro h4{
  color: #111;
  padding: 1.5em 0 0 0.3em;
  line-height: 1.1em;
}
.unete_page .box-futuro h4{
  color: #7F6B22;
}
.innovacion_page .inno-platform .box-title h4{
  padding: 0.5em 0 0 0.5em;
  color: black;
}
.innovacion_page .inno-list{
  width: 65%;
  margin-left: 3em;
}
.innovacion_page .inno-list li{
  line-height: 1.6em;
    margin-bottom: 0.8em;
}
.innovacion_page .box-conect{
    padding: 1em;
    position: absolute;
    display: block;
    width: 380px;
    height: 242px;
    bottom: 450px;
    left: -221px;
    background-color: #0066CC;
    color: black;
}
.innovacion_page .box-conect h4{
  margin-top: 1.5em;
}
.innovacion_page .care img{
  position: absolute;
    right: -1px;
    top: 260px;
    width: 50px;

}

/* Unete a nosotros */
.post-template-single-offers article h6{
  font-size: 33px;
}
.post-template-single-offers article hr{
  margin: 4em 0;
}
.post-template-single-offers article h6, 
.post-template-single-offers article p,
.post-template-single-offers article a {
  padding: 0 45px;
}
.post-template-single-offers article a{
  color: #8B8D8E;
  text-decoration: underline;
}
.post-template-single-offers article p a{
  padding: 0;
}
.post-template-single-offers .line-down{
  position: absolute;
  width: 92.2%;
  height: 20px;
  border-bottom: solid 1px rgba(180, 180, 180, 0.3);
  top: 98.2%;
  left: -15px;  
}
.unete_col1, .unete_col2{
  flex: 0 0 42.32%;
  max-width: 42.32%;
  padding: 4em 5em 6em 3em;
}
.unete_page .unete_col2 h1{
  margin-top: 2.05em;
}
.unete_page .block-1 h1{
  margin-bottom: 1em;
  color: black;
  white-space: nowrap;
}
.unete_col1 h1 span,
.unete_page h5 span,
.unete_page h5 span a,
.unete_page .funciones{
 color: #BFA104; 
}
.unete_page .oferta h5 span{
  color: #111;
}
.unete_page .rrhh h5{
  line-height: 0.6em;
}
.unete_page .rrhh h5 span,
.unete_page .rrhh h5 span a{
  color: #7F6B22;  
}
.unete_col2{
  margin-top: 3em;
}
.unete_page .unete-personas,
.unete_page .unete-platform{
  margin-top: 4em;
  padding: 0;
  max-width: 97%;
  width: 100%;
  flex: 0 0 97%; 
  height: 500px;
  margin-bottom: 0;
}
.unete_page .unete-personas h3,
.unete_page .unete-platform h3{
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  padding: 1em;
}
.unete_page .unete-personas img,
.unete_page .unete-platform img{
  max-width: 100%;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.unete_page .block-2 .t-data,
.unete_page .block-3 .t-data{
  flex: 0 0 58.2%;
  max-width: 58.2%;
}
.unete_page .t-data{
  margin-top: 0;
  padding: 2em 4em 30px;
  
}
.unete_page .block-2 .storing-block,
.unete_page .block-3 .storing-block{
  flex: 0 0 11%;
  max-width: 11%;  
}
.unete_page .block-3 .storing-block{
  height: 242px;
}
.unete_page .inno-list {
  width: 65%;
  margin-left: 3em;
}
.unete_page .inno-list li {
  line-height: 1.6em;
  margin-bottom: 0.8em;
  color: #111;
}
.unete_page .block-3 a,
.unete_page .block-3 a:active{
  color: #8B8D8E;  
  text-decoration: underline;
}
.unete_page .box-futuro{
  padding: 1em;
  position: absolute;
  display: block;
  width: 100%;
  height: 242px;
  bottom: 0;
  left: -60px;
  background-color: #FECB00;
  color: #7F6B22;
}
.unete_page .products-img img{
  left: 34px;
}
.unete_page .oferta h5{
  font-size: 26px;
}
.unete_page .oferta p{
  margin-bottom: 6em;
  margin-right: 6em;
}
.unete_page .oferta:nth-child(2n){
  border-right: none !important;
}
.unete_page .oferta:nth-child(2n) .care{
  display: none;
}
.unete_page .oferta .more{
  bottom: 2em; 
}
.unete_page .left{
  flex: 0 0 16%;
  max-width: 16%;
}
.unete_page .col-oferta{
  flex: 0 0 76.2%;
  max-width: 76.2%;
}
.unete_page .more a,
.unete_page .more i{
  display: block;
  text-decoration: none;
}
.unete_page .more a{
  float: left;
}
.unete_page .oferta .more i{
  float: right;
  margin-top: 0.5em;
}
.unete_page .more a{
  color: #111;
  font-weight: bold;
}
/* .unete_page .block-3 .col-md-5 {
  flex: 0 0 42.3%;
  max-width: 42.3%;
} */
.unete_page .col-oferta .oferta{
  padding: 5em 6em 2em 2em;
  flex: 0 0 50%;
  max-width: 50%;
}

.unete_page .full{
  text-decoration: none !important;
  display: block;
}
.unete_page .care img {
  position: absolute;
    right: 116px;
    top: -240px;
    width: 50px;
}
.unete_page .more a::first-letter{
  text-transform: uppercase;
}
.candidato a,
.candidato p{
  color: #111;
  font-size: 21px;
}
.candidato{
  padding: 3em 1em;
}
.unete_page .line-up2{
  width: 110%;
    height: 20px;
    border-top: solid 1px rgba(180,180,180,0.3);
    top: 0;
    right: -600px;
}
.unete_page .line-up7{
  width: 20px;
  height: 1212px;
  border-right: solid 1px rgba(180,180,180,0.3);
  top: 0;
  right: -500px;
}
.unete_page .line-top1{
  width: 110%;
  height: 20px;
  border-top: solid 1px rgba(180,180,180,0.3);
  top: initial;
  bottom: -19px;
  right: -500px;
}
.unete_page .line-bottom1{
  width: 85%;
    height: 20px;
    border-top: solid 1px rgba(180,180,180,0.3);
    top: 363.5px;
    right: 93px;
}
.unete_page .line-top2{
  width: 101.5%;
  height: 20px;
  border-top: solid 1px rgba(180,180,180,0.3);
  top: 220px;
  right: 0;
}

/* Actualidad page */

.actual_page .noticia{  
  margin: 0;
  padding: 0;
  flex: 0 0 46%;
  max-width: 46%;
}
.actual_page .noticia:hover,
.unete_page .oferta:hover{
  cursor: pointer;
  background-color: #eee;
  transition: all 0.5s;
}
.actual_page .noticia h5{
  font-size: 26px;
}
.actual_page .noticia .date{
  color: #111;
}
.actual_page .noticia h5::first-letter,
.post-template-single-news h4::first-letter{
  text-transform: uppercase;
}
.actual_page .noticia label{
  margin-bottom: 2em;
}
.actual_page .noticia img{
  /* height: 284px; */
    height: 400px;
    object-fit: cover;
    width: 100%;
}
.actual_page .noticia .more{
  width: 84%;
  bottom: 2em;
  left: 3.5em;
  z-index: 1;
}
.actual_page .noticia .date{
  margin-bottom: 6em;
}
.actual_page a.full{
  display: contents;
}
.actual_page .noticia:hover .more i,
.unete_page .oferta:hover .more i{
  transform: rotate(-30deg);
  transition: all 0.2s;
}
.actual_page a{
  color: black;
}
.actual_page .more:not(.accesos):not(.lang) i{
  margin-top: 0.5em;
  float: right;
}
.actual_page .wrap{
  padding: 2em 3em;
}
.post-template-single-news .post-thumbnail{
  display: none;
}
.post-template-single-news .back,
.post-template-single-offers .back{
  text-align: center;
  flex: 0 0 10%;
  max-width: 10%;
  height: 120px;
}
.post-template-single-news .back i,
.post-template-single-offers .back i{
  font-size: 1em;
    margin: 3.5em auto;
    display: block;
}
.post-template-single-news .post-news,
.post-template-single-offers .post-news{
  padding: 8em 0;
  flex: 0 0 54.666667%;
  max-width: 54.666667%;
}
.post-template-single-news .post-news{
  padding: 8em 3em;
}
.post-template-single-news .news,
.post-template-single-offers .news{
  padding-right: 0;
  flex: 0 0 83.633333%;
    max-width: 83.633333%;
}
.post-template-single-news .news #primary{
  margin-bottom: 6em;
}
.post-template-single-news .post-news .date{
  margin-bottom: 1.5em;
  display: block;
}
.post-template-single-news .title,
.post-template-single-offers .title{
  padding: 6em 1em 0 2.5em;
  flex: 0 0 35.333333%;
    max-width: 35.333333%;
}
.post-template-single-news h4,
.post-template-single-offers h4{
  font-weight: normal;
}
.post-template-single-news h4 span,
.post-template-single-offers h4 span{
  color: #BFA104;
}
.post-template-single-news .nav-links{
  position: absolute;
    left: -90px;
    bottom: -70px;
}
.post-template-single-news .nav-links span{
  display: contents;
}
.post-template-single-news .nav-links div a{
  height: 100px;
  width: 100%;
  border-radius: 0;
  text-align: left;
  padding: 0;
  display: inline-flex;
  text-transform: lowercase;
  align-items: center;
  overflow: hidden;
  color: #111;
}
.post-template-single-news .news .nav-previous a img,
.post-template-single-news .news .nav-next a img{
  width: 210px;
  height: 100%;
    display: block;
    object-fit: cover; 
    margin: 0 1.5em 0 0;
}
.post-navigation .nav-previous a::before {
  /* content: "\2190 "; */
  content: "ꜛ";
    display: block;
    position: absolute;
    left: -20%;
    bottom: 6px;
    font-size: 2em;
    color: black;
    padding: 0.8em 1.75em;
    transform: rotate(-90deg);    
}
.post-navigation .nav-next a::after {
  /* content: "\2192 "; */
  content: "ꜛ";
    display: block;
    position: absolute;
    right: -114px;
    bottom: 6px;
    font-size: 2em;
    color: black;
    padding: 0.8em 1.75em;
    transform: rotate(90deg);     
}
.post-template-single-news .navigation .nav-previous,
.post-template-single-news .navigation .nav-next{
  width: 41.1%;
}
.post-template-single-news .navigation .nav-previous:hover a,
.post-template-single-news .navigation .nav-next:hover a{
  background-color: transparent;
}

.post-template-single-news .navigation .nav-next{  
  position: absolute;
  width: 38%;
  right: 130px;
}
.post-template-single-news .navigation .nav-previous{
  position: absolute;
  width: 36.8%;
  left: 120px;
}
.post-template-single-news .navigation .nav-previous a,
.post-template-single-news .navigation .nav-next a{
  border: none;
}
.post-template-single-news .navigation .nav-next a{
  border-right: solid 1px rgba(180,180,180,0.3);
  width: 100.1%;
}
.post-template-single-news .navigation .nav-previous a{
  border-right: solid 1px rgba(180,180,180,0.3);
  padding-right: 1em;
}
.post-template-single-news .nav-links{
  border-top: solid 1px rgba(180,180,180,0.3);
  border-bottom: solid 1px rgba(180,180,180,0.3);
  width: 122%;
  height: 101px;
  left: -237px;   
}
.back:hover{
  cursor: pointer;
}
.contact_page .storing-block{
  flex: 0 0 11.5%;
  max-width: 11.5%;
}
.contact_page .maps{
  margin-bottom: 3em;
}
.contact_page .maps .col-maps{
  flex: 0 0 88.5%;
  max-width: 88.5%;
  padding: 0;
}
.contact_page .block-1,
.contact_page .block-2,
.contact_page .block-3,
.contact_page .block-4{
  margin-left: 3em;
}
.contact_page .block-2 .info,
.contact_page .block-3 .info{
  padding: 3em 0 3em 5.4em;
  flex: 0 0 84.733333%;
  max-width: 84.733333%;
}
.contact_page .contact_content h5 span{
  color: #7F6B22;  
}
.contact_page .contact_content h5{
  line-height: 16px;
}
.contact_page .maps .wrap{
  display: flex;
  flex-direction: column;
  padding: 0 16em 0 6.3em;
}
.contact_page .contact_content a,
.contact_page .contact_content a:active{
  color: #7F6B22;
}
.contact_page .info a{
  text-decoration: underline;
}
/* .contact_page .maps a,
.contact_page .maps a:active{
  color: #8B8D8E;
} */
.contact_page .maps a:hover {
  color: black;
}
.contact_page .line-up4,
.page-template-certificados_page .line-up4,
.legal_page .line-up4{
  border-right: solid 1px rgba(180,180,180,0.3);
    width: 20px;
    height: 100%;
    top: 0;
    left: 201.5px;
    position: absolute;
}
.contact_page .line-up5{
  border-top: solid 1px rgba(180,180,180,0.2);
  width: 81%;
  height: 20px;
  top: 210px;
  left: 222px;
  position: absolute;
}
.contact_page .line-up6{
  border-right: solid 1px rgba(180,180,180,0.3);
    width: 20px;
    height: 80%;
    top: 0;
    right: 50px;
    position: absolute;
}
.contact_page .care{
  position: absolute;
  bottom: -45px;
  left: 161px;
}
.contact_page .products{
  position: absolute;
  bottom: -45px;
  right: 0;
}
.legal_page h1{
  margin: 1em;
}
.legal_page .text-list {
  padding: 10em 3em;
}
.legal_page .list{
  list-style: none;  
  margin: 0;
  padding: 0;
}
.legal_page .list li.active{
  background-color: rgba(17,17,17,0.05);
}
.legal_page .list li{ 
  position: relative;
  padding: 1.5em 1em 1.5em 3em;
    color: black;
    font-size: 26px;    
    text-indent: -38px;  
}
.legal_page .list li:hover{
  cursor: pointer;
  background-color: rgba(17,17,17,0.05);
  transition: all 0.2s;
}
.legal_page .list li:hover .more i{
  transform: rotate(-30deg) !important;
}
.legal_page .list li span,
.legal_page h1 span{
  color: #BFA104;
}
.legal_page .list .more{
  position: absolute;
    bottom: 25px;
    right: 25px;
    width: 20px;
    height: 20px;
    text-indent: 0;
}
.legal_page .list .more i{
  font-size: 12px;
}
.legal_page .list2,
.legal_page .list3{
  display: none;
}
.legal_page .block-1 a,
.legal_page .block-1 a:active{
  text-decoration: none;
  color: #8B8D8E;
}

/* HOVERS */
.menu-hover .col-hov{
  cursor: pointer;
}
.menu-hover-01 .c7,
.menu-hover-01 .c6,
.menu-hover-01 .c10,
.menu-hover-01 .c11,
.menu-hover-01 .c12,
.menu-hover-01 .c8,
.menu-hover-02 .c8,
.menu-hover-03 .c6,
.menu-hover-03 .c7,
.menu-hover-03 .c8,
.menu-hover-03 .c10,
.menu-hover-03 .c11,
.menu-hover-03 .c12,
.menu-hover-04 .c6,
.menu-hover-04 .c7,
.menu-hover-04 .c8,
.menu-hover-04 .c10,
.menu-hover-04 .c11,
.menu-hover-04 .c12,
.menu-hover-05 .c6,
.menu-hover-05 .c7,
.menu-hover-05 .c10,
.menu-hover-05 .c11,
.menu-hover-05 .c12,
.menu-hover-06 .c7,
.menu-hover-06 .c10,
.menu-hover-06 .c11,
.menu-hover-06 .c6{
 cursor: default;
}
.menu-hover .col-hov.c2 i {
  font-size: 18px;
}
.menu-hover-02 .col-hov:not(.c7):not(.c4):hover,
.menu-hover-04 .col-hov:not(.c6,.c10,.c11,.c12):hover{
  background-color: #6c9f07;
}
.menu-hover-01 .col-hov:not(.c10):not(.c11):not(.c12):not(.c6):hover,
.menu-hover-03 .col-hov:not(.c6):not(.c7):not(.c10):not(.c11):not(.c12):hover,
.menu-hover-05 .col-hov:not(.c6):not(.c10):not(.c11):not(.c12):hover{
  background-color: #0b5aaa;  
}
.menu-hover-06 .col-hov:not(.c6,.c7,.c8,.c10,.c11,.c12):hover{
  background-color: #e0b507;
}
.menu-hover-02 .sub-item:hover{
  background-color: #6c9f07;
}
.menu-hover-02 .c4:hover .box-hover{
  display: block;
  pointer-events: none;
}
.menu-hover-02 .box-hover{
  position: absolute;
  display: none;
    width: 100%;
    height: 387px;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.1);
}
#menu-short li{
  border-bottom: solid 2px transparent;
}
#menu-short li a:hover{
  border-bottom: solid 2px black;
}
.menu-hover-02 .valores li:last-child{
  line-height: 25px;
}
.menu-hover-03 .c7 .sectores-list li{
  line-height: 1.5em;
}
.menu-hover-03 .sectores-list li:last-child{
  line-height: 33px;
}
.no-hov{
  background-color: transparent !important;
  cursor: default !important;
}
.page-template-certificaciones_page h1,
.page-template-certificados_page h1{
  font-size: 60px;
  margin: 1em 0 0.5em;
}
.page-template-certificaciones_page .certificaciones li,
.page-template-certificados_page .certificaciones li {
  line-height: 2em;
}
.page-template-certificaciones_page .certificaciones li:hover a{
  color: #ddba0a;
  font-size: 1.1em;
  transition: all 0.2s;
}
.page-template-certificaciones_page .title,
.page-template-certificados_page .title,
.legal_page .title{
  flex: 0 0 38%;
  max-width: 38%;
}
.page-template-certificaciones_page .datos,
.page-template-certificados_page .datos,
.legal_page .datos,
.legal_page .privacidad,
.legal_page .list3,
.legal_page .adicional,
.legal_page .list4,
.legal_page .list5{
  flex: 0 0 46%;
  max-width: 46%;
}
.page-template-certificaciones_page .certificaciones a,
.page-template-certificados_page .certificaciones a,
.page-template-certificados_page .title h1 span{
  color: #BFA104;
}
.legal_page .adicional{
  display: none;
}
.lscroll{
  display: block; 
  width: 100%; 
  height: 450px; 
  overflow-y: scroll;
}
.breakWords {
  /*Utilizamos hyphens para obtener la mejor partición posible*/
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  /*Y word-wrap para los navegadores que no lo soporten*/
  word-wrap: break-word;
}

/* Carousel home */
#carouselHome{
    margin-right: -35px;
    padding-right: 35px;
    right: -15px;
    float: right;
    height: 740px;
}
#carouselHome img{
  height: 740px;
}
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}
.derecho-list{
  list-style: none;
  color: #8B8D8E;
  font-size: 14px;
  padding-left: 2em;
}
.derecho-list li{
  list-style-position: inside;
  text-indent: -10px; 
}



#accordionPlaneta a {
  text-decoration: underline;
}

@media screen and (max-width: 1440px){
  body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    font-size: 16px;
    display: block;
    transition: all 0.2s;
    padding: 0.2rem;
 }
 .wrap-nav .menu-item {
  padding: 0 0.5em;
  width: 100%;
 }
 #menu-menu-2{
   width: 100%;
 }
}

@media screen and (max-width: 1350px){
  #page-sub-header{
    margin-top: -10.2em;
  }
}