@charset "utf-8";
/* CSS Document */
body,
html {
  margin      : 0;
  padding     : 0;
  font-family : 'Montserrat', sans-serif;
  font-size   : 14px;
}

p {
  font-family : 'Montserrat', sans-serif;
  color       : #5C5E5E;
}

blockquote {
  font-size   : 20px;
  line-height : 25px;
  color       : #5C5E5E;
  width       : 100%;
  max-width   : 650px;
}

blockquote span {
  color          : #065A7A;
  font-size      : 65px;
  padding-right  : 15px;
  display        : inline-block;
  font-weight    : bolder;
  vertical-align : middle;
}

img {
  border    : none;
  max-width : 100%;
}

article, aside, figure, footer, header, hgroup, nav, section {
  display : block;
}

textarea {
  resize : none;
}

.conBack {
  background-color : #FFF;
  position         : relative;
  display          : block;
  margin           : 0 0px 0px 20px;
  padding          : 5px 10px;
  max-width        : max-content;
}

.conBackGris {
  background-color : #F9F9F9;
  position         : relative;
  display          : block;
  margin           : 0px 0px 0px 20px;
  padding          : 5px 10px;
}

.black {
  font-weight : 900;
}

h2 {
  font-size : 26px;
}

h3 {
  font-size : 26px
}

h2, h3 {
  position    : relative;
  text-align  : left;
  font-weight : 400;
  color       : #065A7A;
  padding     : 0;
  line-height : 40px;
  margin      : 20px auto;
}

h2 strong, h3 strong {
  position    : relative;
  font-weight : 900;
}

span.isoTitulo {
  display    : block;
  height     : 132%;
  width      : 60px;
  box-sizing : border-box;
  position   : absolute;
  padding    : 7px;
  top        : -15px;
  left       : 0;
  z-index    : -1;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f29b3c+0,085b7a+100 */
  background : #F29B3C; /* Old browsers */
  background : -moz-linear-gradient(top, #F29B3C 0%, #085B7A 100%); /* FF3.6-15 */
  background : -webkit-linear-gradient(top, #F29B3C 0%, #085B7A 100%); /* Chrome10-25,Safari5.1-6 */
  background : linear-gradient(to bottom, #F29B3C 0%, #085B7A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f29b3c', endColorstr='#085b7a', GradientType=0); /* IE6-9 */
}

span.isoTitulo::before {
  content          : ' ';
  display          : block;
  height           : 100%;
  width            : 100%;
  background-color : #FFF;
}

.t30 {
  font-size : 30px;
}

.clear {
  width : 100%;
  clear : both;
}

.left {
  float : left;
}

.right {
  float : right;
}

.none {
  display : none;
}

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

.text-left {
  text-align : left;
}

.text-right {
  text-align : right;
}

.ulInline {
  display : block;
}

.ulInline li {
  display : inline-block;
  margin  : 0px 15px;
}

.ulBorder {
  border-left  : 1px solid #AAA;
  padding-left : 15px;
}

.btnAmarillo {
  background-color : #FA9D3A;
  color            : #FFF;
  text-align       : center;
  text-decoration  : none;
  display          : inline-block;
  vertical-align   : top;
  padding          : 0 10px;
  font-size        : 12px;
  font-weight      : 600;
  letter-spacing   : 1px;
  line-height      : 56px;
  height           : 56px;
  transition       : all 0.3s;
}

.btnAmarillo:hover {
  background-color : #00597C;
}

/* Typo */
.t20 {
  font-size : 20px;
}

.iconRight {
  float     : right;
  font-size : 25px;
}

.linkGris {
  display         : block;
  float           : right;
  text-decoration : none;
  font-family     : 'Montserrat', sans-serif;
  font-size       : 14px;
  color           : #424448;
  border-bottom   : 1px solid;
  padding-bottom  : 5px;
}

.textoGris {
  color       : #5D747C;
  font-weight : 500;
  font-size   : 12px;
}

.textoGrande {
  font-size : 1.4em;
}

.textoCentrado {
  text-align : center;
}

/*
Al seleccionar un campo de ingreso de texto, o un select, en browser realiza un zoom. (iphone)
http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone
*/
@media screen and (-webkit-min-device-pixel-ratio : 0) {
  select, textarea, input {
    font-size : 16px !important;
  }

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

.videoWrapper {
  position       : relative;
  /* 16:9 */
  padding-bottom : 56.25%;
  /* 4:3 */
  /*padding-bottom : 75%; */
  padding-top    : 0;
  height         : 0;
}

.alturaFija100 {
  height : 50px;
}

.contenedorMapa {
  position       : relative;
  padding-bottom : 35%;
  padding-top    : 0;
  height         : 0;
}

.contenedorMapa iframe {
  position : absolute;
  border   : 0;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
  border   : 0;
  opacity  : 0.7;
}

.videoWrapper #cont_video,
.videoWrapper video,
.videoWrapper iframe {
  position : absolute;
  border   : 0;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}

input[type=password].verificado, input[type=text].verificado {
  border     : none;
  box-shadow : 0 0 7px green;
}

input[type=password].incorrecto, input[type=text].incorrecto {
  border        : 1px solid red;
  border-radius : 2px;
  box-shadow    : 0 0 7px red
}

/* Layout */
.container {
  width     : 90%;
  max-width : 1600px;
  display   : block;
  margin    : 0 auto;
  position  : relative;
}

.col20 {
  width   : 20%;
  display : inline-block;
  float   : left;
}

.col25 {
  width   : 25%;
  display : inline-block;
  float   : left;
}

.col165 {
  width   : 16.5%;
  display : inline-block;
  float   : left;
}

.col33 {
  width   : 33.33333%;
  display : inline-block;
  float   : left;
}

.col40 {
  width   : 40%;
  display : inline-block;
  float   : left;
}

.col50 {
  width   : 50%;
  display : inline-block;
  float   : left;
}

.colTexto {
  box-sizing : border-box;
  padding    : 0 20px;
}

.col60, .col40 {
  box-sizing : border-box;
}

.col60 *, .col40 * {
  box-sizing : border-box;
}

.col60 {
  width   : 60%;
  display : inline-block;
  float   : left;
}

.col80 {
  width   : 80%;
  display : inline-block;
  float   : left;
}

.col100 {
  width   : 100%;
  display : inline-block;
  float   : left;
}

.textoIzquierda {
  text-align : left;
}

/* Hover Effects */
.grid {
  position   : relative;
  list-style : none;
}

/* Common style */
.grid figure {
  position : relative;
  overflow : hidden;
  cursor   : pointer;
}

.grid figure img {
  position : relative;
  display  : block;
  opacity  : 0.95;
}

.grid figure figcaption {
  color                       : #FFF;
  -webkit-backface-visibility : hidden;
  backface-visibility         : hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events : none;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
  z-index     : 1000;
  text-indent : 200%;
  white-space : nowrap;
  font-size   : 0;
  opacity     : 0;
}

.grid figure h3 {
  font-weight : bold;
  font-size   : 20px;
}

.grid figure h3 span {
  font-weight : 800;
}

.grid figure h3,
.grid figure p {
  margin : 0;
}

.grid figure p {
  letter-spacing : 1px;
  font-size      : 68.5%;
}

figure.effect-sadie figcaption::before {
  position          : absolute;
  top               : 0;
  left              : 0;
  width             : 100%;
  height            : 100%;
  background        : -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 70%);
  background        : linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 70%);
  background-color  : rgba(0, 0, 0, 0.7);
  content           : '';
  opacity           : 0;
  -webkit-transform : translate3d(0, 50%, 0);
  transform         : translate3d(0, 50%, 0);
}

figure.effect-sadie figcaption div {
  display  : block;
  position : absolute;
  bottom   : 0;
  left     : 0;
  width    : 100%;
}

figure.effect-sadie h3 {
  color              : #FFF;
  -webkit-transition : -webkit-transform 0.35s, color 0.35s;
  transition         : transform 0.35s, color 0.35s;
  margin             : 0 auto;
  display            : block;
  box-sizing         : border-box;
  padding            : 20px 5%;
}

figure.effect-sadie h3 small {
  font-size     : 0.6em;
  display       : block;
  line-height   : 20px;
  margin-bottom : 0;
  padding       : 0;
}

figure.effect-sadie figcaption::before {
  -webkit-transition : opacity 0.35s, -webkit-transform 0.35s;
  transition         : opacity 0.35s, transform 0.35s;
}

figure.effect-sadie:hover h3 + p {
  margin-top : -20px;
}

figure.effect-sadie p, figure.effect-sadie ul {
  box-sizing     : border-box;
  position       : relative;
  width          : 100%;
  font-family    : 'Montserrat', sans-serif;
  color          : #FFF;
  font-size      : 14px;
  opacity        : 0;
  max-height     : 1px;
  padding-left   : 5%;
  padding-right  : 5%;
  padding-top    : 0px;
  padding-bottom : 0px;
  transition     : all 0.3s;
}

figure.effect-sadie ul {
  list-style : inside;
}

figure.effect-sadie p a {
  color : #FFF;
}

figure.effect-sadie .textoPequeneo {
  font-size : 12px;
}

figure.effect-sadie:hover p, figure.effect-sadie:hover ul {
  opacity        : 1;
  max-height     : 300px;
  padding-top    : 0;
  padding-bottom : 25px;
}

figure.effect-sadie.figureConLink p {
  padding-right : 30%;
}

figure.effect-sadie.figureConLink p::after {
  position          : absolute;
  bottom            : 20px;
  right             : 5%;
  width             : 24px;
  height            : 24px;
  content           : ' ';
  display           : block;
  background-image  : url(imagenes/flechaAmpliar.png);
  background-size   : cover;
  background-repeat : no-repeat;
}

figure.effect-sadie p span {
  display     : block;
  font-weight : bold;
}

figure.effect-sadie:hover h2 {
  color : #FFF;
}

figure.effect-sadie:hover figcaption::before {
  opacity           : 1;
  -webkit-transform : translate3d(0, 0, 0);
  transform         : translate3d(0, 0, 0);
}

.linkComun {
  color           : #065A7A;
  text-decoration : underline;
  transition      : all 0.3s;
}

.linkComun:hover {
  color : #FA9D3A;
}

/* Forward */
.hvr-forward {
  display                     : inline-block;
  vertical-align              : middle;
  -webkit-transform           : perspective(1px) translateZ(0);
  transform                   : perspective(1px) translateZ(0);
  box-shadow                  : 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
  -webkit-transition-property : transform;
  transition-property         : transform;
}

.hvr-forward:hover {
  -webkit-transform : translateX(8px);
  transform         : translateX(8px);
}

/* Float */
.hvr-float {
  display                            : inline-block;
  vertical-align                     : middle;
  -webkit-transform                  : perspective(1px) translateZ(0);
  transform                          : perspective(1px) translateZ(0);
  box-shadow                         : 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration        : 0.3s;
  transition-duration                : 0.3s;
  -webkit-transition-property        : transform;
  transition-property                : transform;
  -webkit-transition-timing-function : ease-out;
  transition-timing-function         : ease-out;
}

.hvr-float:hover {
  -webkit-transform : translateY(-8px);
  transform         : translateY(-8px);
}

/* GENERALES */
body {
  padding-top : 56px;
}

/* Cabezal */
header {
  display          : block;
  position         : fixed;
  top              : 0;
  left             : 0;
  box-sizing       : border-box;
  width            : 100%;
  z-index          : 9900;
  background-color : #FFF;
  height           : 56px;
  transition       : all 0.3s;
  box-shadow       : 0px 0px 4px rgba(0, 0, 0, 0.7);
}

.logo {
  display   : inline-block;
  width     : 100%;
  max-width : 300px;
  padding   : 0px 10px;
  position  : relative;
}

.logo img {
  display    : block;
  max-width  : 250px;
  padding    : 0px 10px 10px 10px;
  width      : 100%;
  margin-top : -6px;
}

header nav {
  display : block;
  float   : right;
}

header nav ul {
  margin     : 0;
  padding    : 0px;
  list-style : none;
  display    : inline-block;
  transition : all 0.3s;
}

header nav > ul {
  margin-right : 20px;
}

header nav ul li {
  display : inline-block;
}

header nav ul li a,
header nav ul li span {
  text-decoration : none;
  padding         : 0 10px;
  height          : 56px;
  line-height     : 56px;
  display         : block;
  color           : #065A7A;
  transition      : 0.15s;
  font-size       : 14px;
  transition      : 0.25s;
  cursor          : pointer;
}

header nav ul li a:hover,
header nav ul li span:hover {
  color : #FA9D3A;
}

/* Dropdowns */
.borderDegrade {
  background-image : linear-gradient(to right, #00597C, #FA9D3A); /* Standard syntax (must be last) */
  background-color : red; /* For browsers that do not support gradients */
  position         : absolute;
  height           : 3px;
  top              : 0;
  width            : 100%;
  left             : 0;
}

.borderDegrade::before {
  content    : ' ';
  display    : block;
  height     : 0px;
  width      : 0px;
  position   : absolute;
  left       : -6px;
  bottom     : -4px;
  border     : 6px solid transparent;
  border-top : 6px solid #00597C;
  transform  : rotate(45deg);
}

.dropdown {
  position : relative;
  display  : inline-block;
}

.dropdown-content {
  display          : none;
  position         : absolute;
  background-color : #FFF;
  min-width        : 235px;
  padding          : 0px 20px;
  z-index          : 999;
}

.dropdown-content li {
  display : block;
}

.dropdown:hover .dropdown-content {
  display : block;
}

.dropdown-content ul {
  display : block;
}

.dropdown-content ul li a {
  color         : #5D747C;
  font-size     : 12px;
  width         : 100%;
  border-bottom : 1px solid #E5E5E5;
  box-sizing    : border-box;
  display       : block;
}

.menuAbrir {
  display : none;
}

/* FIN Cabezal */
/* Footer */
/* Footer */
.contCirculoFooter {
  display    : block;
  position   : relative;
  width      : 100%;
  height     : 100px;
  margin-top : 100px;
  overflow   : hidden;
}

.contCirculoFooter img {
  display   : block;
  position  : absolute;
  top       : 0;
  left      : 50%;
  transform : translateX(-50%) rotate(90deg);
  width     : 400px;
  height    : auto;
  max-width : 90%;
}

footer {
  background-color : #7D8993;
  color            : #FFF;
  padding-top      : 30px;
}

footer ul {
  list-style : none;
  padding    : 0;
  margin     : 0;
}

footer ul li {
  line-height    : 20px;
  vertical-align : middle;
  font-size      : 12px;
}

footer ul li a {
  color           : #FFF;
  text-decoration : none;
  transition      : 0.25s;
  font-size       : 12px;
}

footer ul li a:hover {
  color : #065A7A;
}

.socialFooter li {
  margin : 0 10px 10px 0;
}

.socialFooter li a {
  font-size : 20px;
  color     : #FFF;
}

.socialFooter li a:hover {
  color : #065A7A;
}

footer strong {
  font-size : 14px;
}

footer p {
  font-weight : bold;
  font-family : 'Montserrat', sans-serif;
  height      : 45px;
  color       : #FFF;
  font-size   : 14px;
}

.newsletter label {
  display       : block;
  font-size     : 12px;
  margin-bottom : 6px;
}

.newsletter input {
  border           : none;
  height           : 30px;
  text-align       : left;
  background-color : #FFF;
  font-size        : 12px !important;
  width            : 65%;
  float            : left;
  display          : block;
  box-sizing       : border-box;
  font-family      : 'Montserrat', sans-serif;
  padding          : 0 5px;
}

.newsletter input:focus {
  outline : none;
}

.newsletter #enviar {
  height           : 30px;
  line-height      : 30px;
  background-color : #4A4A4A;
  color            : #FFF;
  font-size        : 10px !important;
  border           : 0;
  width            : 25%;
  float            : left;
  box-sizing       : border-box;
  display          : block;
  margin           : 0;
  padding          : 0;
  text-align       : center;
  transition       : all 0.3s;
}

.newsletter #enviar:hover {
  background-color : #065A7A;
}

.contLogosFooter {
  background-color : #EEE;
  padding          : 20px 0 0 0;
}

.logosFooter {
  text-align : center;
}

.logosFooter li a {
  display             : block;
  max-width           : 180px;
  margin              : 0;
  background-size     : contain;
  background-repeat   : no-repeat;
  background-position : center center;
  transition          : all 0.3s;
}

.logosFooter li a img {
  display    : block;
  width      : 100%;
  transition : all 0.3s;
  opacity    : 0.7;
  filter     : grayscale(1);
}

.logosFooter li a:hover img {
  filter  : grayscale(0) !important;
  opacity : 1;
}

.logoPie5 {
}

.logosFooter .logoPie5 img {
  opacity : 0.4;
  filter  : grayscale(1);
}

.logoPie5:hover {
}

.logoPie5:hover img {
}

/* FIN Footer */
/* FIN GENERALES */
/* SECCIONES */
/* Portada */
body.portada-init {
  padding-top : 0;
}

.contenedorSliderPortada {
  display  : none;
  position : relative;
}

/* Owl Carousel - .sliderPrincipal */
.flechaScroll {
  display     : block;
  position    : absolute;
  bottom      : 13%;
  left        : 50%;
  width       : 32px;
  margin-left : -16px;
  z-index     : 9000;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background : #EE8B3F;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top : -30px;
  z-index    : 99999;
  position   : relative;
}

.containerVideo .caption,
.contenedorSliderPortada .caption,
.sliderPrincipal .caption {
  position  : absolute;
  width     : 90%;
  top       : 35%;
  max-width : 1600px;
  margin    : 0 auto;
  left      : 0;
  right     : 0;
}

.contenedorSliderPortada .caption h1,
.containerVideo .caption h1,
.sliderPrincipal .caption h1 {
  font-size     : 30px;
  color         : #FFF;
  font-weight   : 400;
  margin-bottom : 20px;
}

.contenedorSliderPortada .caption {
  z-index : 2;
  top     : 26%;
}

.caption p {
  color      : #FFF;
  width      : 100%;
  max-width  : 350px;
  font-size  : 16px !important;
  margin-top : 0px;
}

/* Hero */
.hero2 {
  padding  : 10px 0px;
  display  : block;
  position : relative;
}

.hero {
  padding  : 50px 0 0 0;
  display  : block;
  position : relative;
}

.hero p {
  color     : #424448;
  font-size : 14px;
  padding   : 14px 14px 0 14px;
  margin    : 0;
}

.hero .col50 > img {
  display   : block;
  width     : 100%;
  max-width : 750px;
  margin    : 0 auto;
}

.contCirculo {
  display        : block;
  position       : absolute;
  overflow       : hidden;
  top            : 0;
  left           : 0;
  width          : 100%;
  height         : 100%;
  padding-bottom : 10px;
}

.contCirculo .circulo1 {
  display  : block;
  position : absolute;
  bottom   : 0;
  right    : -270px;
  z-index  : 1000;
}

.contCirculo .circulo2 {
  display  : block;
  position : absolute;
  bottom   : 0;
  left     : -270px;
  z-index  : -1;
}

.contCirculo .cuadrado1 {
  display  : block;
  position : absolute;
  bottom   : 0;
  right    : 20px;
  z-index  : -1;
}

.contBloqueGris {
  position : relative;
  display  : block;
}

.bloqueGris1 {
  display          : block;
  position         : absolute;
  z-index          : 10;
  top              : 0;
  right            : 0;
  height           : 100%;
  width            : 30%;
  background-color : #7D8993;
}

.bloqueGris2 {
  display          : block;
  position         : absolute;
  z-index          : 10;
  bottom           : 0;
  left             : 0;
  height           : 230px;
  width            : 20%;
  background-color : #7D8993;
}

#image {
  background-image    : url(./imagenes/hero.png);
  background-size     : cover;
  background-repeat   : no-repeat;
  background-position : center;
  display             : block;
  height              : 470px;
  top                 : -80px;
  position            : relative;
  z-index             : 900;
}

/* Owl Carousel - .sliderGaleriaGrande Controls */
.contenedorSliderGaleriaChico .owl-theme .owl-nav {
  margin-top : 0;
  text-align : right;
  z-index    : 9999;
  position   : absolute;
  bottom     : 0;
  right      : 0;
}

.contenedorSliderGaleriaChico .owl-theme .owl-nav [class*=owl-] {
  margin           : 0;
  padding          : 0;
  text-align       : center;
  width            : 30px;
  height           : 30px;
  border-radius    : 1px;
  font-size        : 26px;
  line-height      : 29px;
  color            : #FFF;
  background-color : transparent;
  border-top       : 1px solid #FFF;
  border-left      : 1px solid #FFF;
  transition       : all 0.3s;
}

.contenedorSliderGaleriaChico .owl-theme .owl-nav [class*=owl-]:hover {
  color            : #3482B1;
  background-color : #FFF;
}

/* Datos */
.counter {
  text-align : center;
  padding    : 0 0px 75px 0px;
}

.counter .box {
  text-align    : left;
  font-size     : 28px;
  color         : #065A7A;
  font-weight   : bold;
  padding-left  : 15px;
  line-height   : 30px;
  margin-bottom : 20px;
  box-sizing    : border-box;
}

.counter .box span {
  font-size   : 22px;
  font-family : 'Montserrat', sans-serif;
  font-weight : normal;
  display     : inline-block;
  margin-left : 10px;
}

.counter .box p {
  font-size   : 16px;
  font-family : 'Montserrat', sans-serif;
  font-weight : normal;
  margin      : 0;
  padding     : 0;
}

.counter .box div {
  display       : inline-block;
  position      : relative;
  margin-bottom : 15px;
}

.counter .box div:first-child::after {
  content    : ' ';
  position   : absolute;
  bottom     : -15px;
  left       : 0;
  display    : block;
  width      : 30px;
  height     : 4px;
  background : #F29B3C;
  background : -moz-linear-gradient(left, #F29B3C 0%, #085B7A 100%);
  background : -webkit-linear-gradient(left, #F29B3C 0%, #085B7A 100%);
  background : linear-gradient(to right, #F29B3C 0%, #085B7A 100%);
  filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f29b3c', endColorstr='#085b7a', GradientType=0);
}

/* Destacados */
.destacadosPortada {
  display        : block;
  position       : relative;
  padding-bottom : 65px;
  padding        : 0px 30px;
}

.destacadosPortada .grid figure {
  position : relative;
  overflow : hidden;
  cursor   : pointer;
  margin   : 10px;
}

/* Empresas */
#empresas {
  margin  : 100px auto 0 auto;
  padding : 0;
  display : block;
}

.sliderEmpresas {
  display          : block;
  margin           : 100px auto;
  position         : relative;
  z-index          : 900;
  background-color : #FFF;
  margin-bottom    : 40px;
}

.sliderEmpresas img {
  width          : 100%;
  max-width      : 150px;
  vertical-align : middle;
  text-align     : center;
  display        : block;
  margin         : 0 auto;
}

/**************** Multi galerias Portada *************/
.contMultigaleria {
  display       : block;
  position      : relative;
  box-sizing    : border-box;
  width         : 100%;
  padding       : 100px 10% 0 10%;
  margin-bottom : 80px;
  overflow      : hidden;
}

.bloqueGrisClaro {
  display       : block;
  position      : absolute;
  bottom        : 0;
  right         : 0;
  width         : 35%;
  height        : 300px;
  border-left   : 40px solid #F9F3EC;
  border-bottom : 40px solid #F9F3EC;
  z-index       : -1;
}

.sliderFondo {
  display  : block;
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 400px;
  overflow : hidden;
}

.contenedorSliderGaleriaChico {
  display   : block;
  width     : 50%;
  max-width : 450px;
}

.sliderGaleriaChico .owl-stage-outer {
  box-shadow    : 0 7px 30px rgba(0, 0, 0, 0.4);
  margin-bottom : 20px;
}

.contMultigaleria .linkGris {
  display  : block;
  position : absolute;
  bottom   : 80px;
  right    : 10%;
}

/* Servicios */
.contCirculoGris {
  display        : block;
  position       : relative;
  overflow       : hidden;
  padding-top    : 90px;
  padding-bottom : 40px;
}

.circuloGris {
  display       : block;
  width         : 1000px;
  height        : 1000px;
  border-radius : 50%;
  border        : 30px solid #F6F9FA;
  position      : absolute;
  top           : 50%;
  left          : 70%;
  transform     : translateY(-50%);
}

#servicios {
  margin         : 0 auto;
  padding-bottom : 20px;
  display        : block;
  position       : relative;
  z-index        : 1111;
}

#servicios h3 {
  z-index : -1;
}

#servicios .box {
  text-align  : left;
  color       : #5C5E5E;
  max-width   : 350px;
  line-height : 25px;
  box-sizing  : border-box;
  padding     : 0 20px;
}

#servicios .box p {
  font-size : 14px;
}

#servicios .box h4 {
  color       : #065A7A;
  display     : block;
  font-size   : 20px;
  font-weight : bold;
}

#servicios .box img {
  display   : block;
  margin    : 0 auto;
  max-width : 450px;
  width     : 60%;
}

#servicios .box img.icoUruguayennumeros {
  width     : 40%;
  max-width : 200px;
}

#servicios.textoCentrado .box {
  text-align : center;
}

/* Inside Free Zone */
#insideFreeZone {
  margin         : 0 auto;
  padding-bottom : 65px;
  display        : block;
}

.listadoArticulos .imgNovedad {
  display             : block;
  width               : 100%;
  height              : 275px;
  background-position : center;
  background-size     : cover;
  background-repeat   : no-repeat;
  position            : relative;
}

.listadoArticulos .box {
  display     : block;
  margin      : 0 auto;
  position    : relative;
  text-align  : left;
  box-sizing  : border-box;
  padding     : 20px;
  color       : #5C5E5E;
  max-width   : 400px;
  line-height : 30px;
}

.listadoArticulos .box a {
  text-decoration : none;
  border          : 1px solid #EDEDED;
  display         : block;
  width           : 100%;
  box-sizing      : border-box;
}

.articuloListadoTexto {
  display    : block;
  overflow   : hidden;
  box-sizing : border-box;
  height     : 100px;
  position   : relative;
  border-top : 1px solid #CCC;
}

.articuloListadoTexto::after {
  content    : ' ';
  display    : block;
  position   : absolute;
  bottom     : 0;
  left       : 0;
  width      : 100%;
  height     : 30px;
  background : rgb(255, 255, 255);
  background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.listadoArticulos .box h3 {
  color       : #424448;
  font-size   : 17px;
  font-weight : bold;
  margin      : 0;
  padding     : 20px 20px 10px 20px;
  line-height : 20px;
}

.listadoArticulos .box p {
  padding     : 0 20px;
  margin      : 0;
  font-size   : 14px;
  line-height : 20px;
}

.listadoArticulos .fechaMini {
  color          : #5C5E5E;
  font-weight    : normal;
  display        : block;
  position       : absolute;
  text-align     : right;
  bottom         : -35px;
  right          : 0;
  letter-spacing : 1px;
}

.listadoArticulos .fechaMini::after {
  content          : ' ';
  display          : block;
  position         : absolute;
  right            : 110%;
  top              : 60%;
  width            : 100px;
  height           : 1px;
  background-color : #CCC;
}

.listadoArticulos .plusHover {
  z-index     : 999;
  position    : absolute;
  color       : #FA9D3A;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00597c+0,fa9d3a+100 */
  background  : #00597C; /* Old browsers */
  background  : -moz-linear-gradient(-45deg, #00597C 0%, #FA9D3A 100%); /* FF3.6-15 */
  background  : -webkit-linear-gradient(-45deg, #00597C 0%, #FA9D3A 100%); /* Chrome10-25,Safari5.1-6 */
  background  : linear-gradient(135deg, #00597C 0%, #FA9D3A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter      : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00597c', endColorstr='#fa9d3a', GradientType=1); /* IE6-9 fallback on horizontal gradient */
  top         : 10px;
  right       : 10px;
  z-index     : -1;
  font-size   : 32px;
  transition  : 0.25s;
  display     : block;
  opacity     : 0;
  width       : 50px;
  height      : 50px;
  text-align  : center;
  line-height : 50px;
}

.listadoArticulos .plusHover::before {
  content          : ' ';
  display          : block;
  background-color : #FFF;
  width            : 42px;
  height           : 42px;
  position         : absolute;
  z-index          : -1;
  top              : 4px;
  left             : 4px;
}

.listadoArticulos .col33.box:hover .plusHover {
  opacity : 1;
  top     : -16px;
  right   : -14px;
}

/* SECCION Contactenos */
#contactenos {
  position : relative;
}

#contactenos .col50 img {
  display  : block;
  position : relative;
  width    : 100%;
}

.inFront {
  position : absolute;
  top      : 0;
  padding  : 9px 19px;
}

.inFront p {
  color : #FFF;
}

.inFront a {
  font-size       : 40px;
  font-weight     : 800;
  text-decoration : none;
  color           : #FFF;
}

.boxImgContacto {
  padding    : 0 20px;
  box-sizing : border-box;
}

.formPortada {
  display    : block;
  width      : 100%;
  box-sizing : border-box;
  padding    : 15px 0 20px 20px;
  max-width  : 600px;
  margin     : 0 auto 25px auto;
}

.formPortada small {
  margin-left : 15px;
}

.formPortada h2 {
  margin-top : 0;
}

.formComun label.col50 {
  display    : inline-block;
  margin     : 22px auto;
  text-align : center;
}

.formComun label.col100 {
  display : block;
  margin  : 22px auto;
}

.formComun label.col50 input[type=text], .formComun label.col50 input[type=email] {
  border         : 1px solid transparent;
  border-bottom  : 1px solid #7D8993;
  padding-bottom : 5px;
  padding-top    : 5px;
  display        : block;
  font-family    : 'Montserrat', sans-serif;
  width          : 90%;
  margin         : 0 auto;
  box-sizing     : border-box;
  font-size      : 14px !important;
}

.formComun label.col100 select,
.formComun label.col100 textarea {
  border         : 1px solid transparent;
  box-sizing     : border-box;
  padding-bottom : 10px;
  display        : block;
  font-family    : 'Montserrat', sans-serif;
  font-size      : 14px !important;
  width          : 95%;
  height         : 80px;
  margin         : 0 auto;
  border-bottom  : 1px solid #7D8993;
}

.formComun label.col100 select {
  height           : unset;
  background-color : transparent;
}

.formComun label input[type=text]:focus, .formComun label input[type=email]:focus, .formComun label textarea:focus {
  outline : none;
  border  : 1px solid #7D8993;
}

form .btnEnviar {
  border           : 1px solid #7D8993;
  text-align       : center;
  display          : block;
  float            : right;
  background-color : transparent;
  padding          : 10px 15px;
  font-size        : 14px !important;
  color            : #7D8993;
  transition       : 0.25s;
  cursor           : pointer;
  margin           : 12px;
}

form .btnEnviar:hover {
  background-color : #7D8993;
  color            : #FFF;
}

/* FIN Portada */
/* Secciones estáticas */
/*  NOSOTROS */
.seccionNosotros {
  background-color : #F7F7F7;
  display          : block;
  padding          : 80px 0;
  margin           : 100px 0;
}

.seccionNosotros small {
  display        : block;
  padding-bottom : 5px;
}

.seccionNosotros.marginBottom0 {
  margin-bottom : 0;
}

.seccionNosotros .box {
  text-align     : left;
  color          : #5C5E5E;
  line-height    : 25px;
  box-sizing     : border-box;
  padding        : 0 20px;
  vertical-align : top;
}

.seccionNosotros .box p, .seccionNosotros .box ul {
  font-size : 14px;
}

.seccionNosotros .box h4 {
  color       : #065A7A;
  display     : block;
  font-size   : 20px;
  font-weight : bold;
}

/* Ventajas */
body {
  counter-reset : ventaja; /* Set a counter named 'section', and its initial value is 0. */
}

.boxVentajaNumerado::before {
  counter-increment : ventaja; /* Increment the value of section counter by 1 */
  content           : counter(ventaja);
  display           : block;
  position          : absolute;
  top               : 40px;
  margin-top        : 0px;
  left              : 10%;
  font-size         : 50px;
  width             : 100px;
  height            : 80px;
  line-height       : 80px;
  font-weight       : 900;
  text-align        : center;
}

.boxVentaja {
  display     : block;
  box-sizing  : border-box;
  width       : 100%;
  margin      : 0 auto;
  padding     : 40px 10% 40px 10%;
  min-height  : 100px;
  position    : relative;
  text-align  : left;
  color       : #065A7A;
  line-height : 25px;
  overflow    : auto;
}

.boxVentaja:nth-child(even) {
  background-color : #EEE;
}

.boxVentaja h4 {
  font-weight : 900;
  margin      : 0;
  font-size   : 20px;
  line-height : 30px;
  display     : block;
  float       : left;
  box-sizing  : border-box;
  width       : 45%;
  padding     : 10px 20px 10px 100px;
  text-align  : right;
}

.boxVentaja p {
  font-size  : 14px;
  margin     : 0;
  display    : block;
  float      : left;
  box-sizing : border-box;
  width      : 55%;
  padding    : 10px 20px;
}

.bloquesVentajas .box {
  text-align  : left;
  color       : #5C5E5E;
  line-height : 25px;
  box-sizing  : border-box;
  padding     : 0 20px;
}

.bloquesVentajas .box p {
  font-size : 15px;
}

.bloquesVentajas .box h4 {
  color       : #065A7A;
  display     : block;
  font-size   : 20px;
  font-weight : bold;
}

/* Servicios Valor agregado */
.bloquesVentajas .grid figure {
  margin : 15px;
}

.separadorGrande {
  display : block;
  height  : 90px;
}

/* eSPACIOS de trabajo */
#enviarEspacios {
  margin-top : -8px;
  display    : block;
  width      : 90%;
  box-sizing : border-box;
}

/* FIN SECCIONES */
/* Seccion Videos */
.seccionVideos .col50 {
  box-sizing : border-box;
  padding    : 20px;
}

.maximo600 {
  display   : block;
  margin    : 40px auto;
  max-width : 750px;
  width     : 90%;
}

.paginacion {
  display    : block;
  text-align : center;
  padding    : 40px 0;
  width      : 90%;
  margin     : 0 auto;
}

.paginacion a, .paginacion span {
  display     : inline-block;
  line-height : 30px;
  text-align  : center;
  padding     : 0 10px;
  height      : 30px;
  margin      : 3px;
}

.paginacion a {
  border           : 1px solid #065A7A;
  background-color : #FFF;
  text-decoration  : none;
  color            : #065A7A;
  transition       : all 0.3s;
}

.paginacion a:hover {
  background-color : #065A7A;
  color            : #FFF;
}

.paginacion span {
  border : 1px solid #AAA;
  color  : #999
}

/* SECCION Fotos y Videos */
.html-fotosYvideos .container {
  max-width : 1200px;
}

.cboxOcultos {
  display : none;
}

.linkVideos {
  display             : block;
  position            : relative;
  overflow            : hidden;
  background-image    : url(./imagenes/hero.png);
  background-repeat   : no-repeat;
  background-position : center;
  background-size     : cover;
  height              : 320px;
  width               : 100%;
  max-width           : 590px;
}

.linkVideosNuevo {
  display  : block;
  width    : 95%;
  margin   : 0px auto 10px auto;
  position : relative;
  overflow : hidden;
  height   : 340px;
}

.linkVideosNuevo figure, .linkVideosChicosNuevo figure {
  margin : 0;
}

.linkVideosChicosNuevo {
  display  : inline-block;
  width    : 46%;
  margin   : 0 10px 4px auto;
  position : relative;
  overflow : hidden;
  height   : 166px;
}

.boxVideoChico span {
  position    : absolute;
  top         : 80%;
  left        : 15px;
  color       : #FFF;
  text-shadow : 2px 2px 4px #333;
}

#videoIcon {
  position   : absolute;
  top        : 0;
  right      : 0;
  left       : 0;
  margin     : 0 auto;
  text-align : center;
  top        : 40%;
  font-size  : 65px;
  color      : #FFF;
  transition : 0.25s;
}

#videoLink {
  position   : absolute;
  top        : 0;
  right      : 0;
  left       : 40px;
  margin     : 0 auto;
  text-align : left;
  top        : 80%;
  font-size  : 20px;
  color      : #FFF;
  opacity    : 0;
  transition : 0.25s;
}

.linkVideos:hover #videoLink {
  opacity : 0.85;
}

/** Seccion Asesoramiento profesional */
.infografiaAsesoramiento {
  display   : block;
  width     : 90%;
  margin    : 80px auto;
  max-width : 1451px;
}

/* SECCION Plantilla 1 */
.mid-articulos, .mid-html {
  padding : 40px 0 0 0;
}

.html-plantilla1 .mid-html {
  padding-top : 0;
}

h2 .serif {
  display     : block;
  font-family : 'Montserrat', sans-serif;
  font-weight : normal;
}

.section1 img,
.section2 img,
.section3 img,
.section4 img {
  position : relative;
  width    : 100%;
}

.section1 {
  background-color : rgba(92, 94, 94, 0.035);
  padding          : 20px 0;
}

.section1 p {
  padding   : 0px 20px;
  font-size : 14px;
}

.section3 {
  margin-bottom : 15px;
}

.section3 .col50 {
  margin-left : 50px;
}

.section4 .grid figure {
  margin : 15px;
  height : 305px;
}

.section4 h3 {
  padding : 0px 25px;
}

.section4 .container {
  max-width : 1135px;
}

.section2 .grid figure {
  margin : 15px;
}

.section2 .grid figure figcaption h3 {
  margin : 20px 20px;
}

.section2 figure.effect-sadie p,
.section4 figure.effect-sadie p {
  color          : #FFF;
  padding        : 15px;
  font-size      : 14px;
  letter-spacing : 0px;
}

.section5 .imgBox img {
  width     : 100%;
  max-width : 330px;
}

.section5 .imgBox {
  position : relative;
  display  : inline-block;
}

.section2 figure.effect-sadie figcaption::before,
.section4 figure.effect-sadie figcaption::before {
  background : -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.85) 90%);
  background : linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.85) 90%);
}

/* SECCION Plantilla 2 */
.section1A {
  display : block;
  margin  : 15px 0px;
}

.section1A h3 {
  padding : 0px 15px;
}

.section1A p {
  padding : 0px 15px;
}

.section2A {
  width                 : 100%;
  height                : 405px;
  display               : block;
  position              : relative;
  background-image      : url(./imagenes/image502.png);
  background-repeat     : no-repeat;
  background-position   : center;
  background-size       : cover;
  background-attachment : fixed;
}

.section3A {
  text-align : center;
  padding    : 30px 0px;
}

.section3A h2 {
  text-align : left;
}

.section3A img {
  width     : 100%;
  max-width : 175px;
  padding   : 15px 25px;
  display   : inline-block;
}

.section4A .backImg1 {
  width               : 100%;
  height              : 300px;
  display             : block;
  position            : relative;
  background-image    : url(./imagenes/image501.png);
  background-repeat   : no-repeat;
  background-position : center;
  background-size     : cover;
}

.section4A .backImg2 {
  width               : 100%;
  height              : 300px;
  display             : block;
  position            : relative;
  background-image    : url(./imagenes/image502.png);
  background-repeat   : no-repeat;
  background-position : center;
  background-size     : cover;
}

.section4A a {
  display          : block;
  transition       : 0.5s;
  text-decoration  : none;
  background-color : #FFF;
  color            : transparent;
  height           : 0;
  transition       : height .5s;
}

.section4A a h4 {
  padding     : 25px 50px;
  transition  : color .5s;
  font-size   : 25px;
  font-weight : normal;
  margin-top  : 0px;
}

.section4A a h4 span {
  display   : block;
  font-size : 18px;
}

.section4A .col50:hover a {
  height : 120px;
  color  : #000;
}

/* SECCION Listado novedades */
.mid-articulos {
}

/* SECCION Novedad Ampliada */
.sliderNovedadAmpliada {
  width     : 90%;
  display   : block;
  max-width : 800px;
  margin    : 0 auto;
}

.mid-articulos .boxArticuloAmpliado {
  display  : block;
  position : relative;
}

.tituloNoticiaAmpliada {
  text-align : left;
  font-size  : 40px !important;
  margin     : 0 0 40px;
  position   : relative;
}

.tituloNoticiaAmpliada span {
  display     : block;
  font-size   : 10px;
  position    : absolute;
  top         : -20px;
  left        : 0;
  line-height : 12px;
}

.textoNoticia {
  display   : block;
  width     : 90%;
  max-width : 800px;
  margin    : 0 auto;
}

.textoNoticia p {
  color       : #424448;
  font-size   : 15px;
  padding     : 15px 0;
  box-sizing  : border-box;
  line-height : 26px;
}

.textoNoticia h4 {
  font-size   : 20px;
  font-weight : normal;
  text-align  : left;
  color       : #065A7A;
}

.textoNoticia.diseno2 {
  margin     : unset;
  width      : 100%;
  max-width  : unset;
  margin-top : 100px;
}

.textoNoticia.diseno2 p {
}

.textoNoticia.diseno2 h4 {
}

.mid-articulos .boxArticuloAmpliado img {
  display   : block;
  margin    : 0 auto;
  width     : 100%;
  max-width : 1000px;
}

.mid-articulos .boxArticuloAmpliado p {
  width      : 100%;
  margin     : 15px auto;
  text-align : left;
}

.compartirNoticaAmpliada {
  text-align : left;
  display    : block;
  width      : 50%;
  float      : left;
}

.compartirNoticaAmpliada span {
  color       : #003E5F;
  display     : block;
  float       : left;
  height      : 30px;
  line-height : 30px;
}

.addthis_inline_share_toolbox_slma {
  clear   : none !important;
  display : block;
  float   : left;
}

.at-style-responsive .at-share-btn {
  background-color : transparent !important;
}

.at-resp-share-element .at-icon, .at-resp-share-element .at-label {
  fill : #065A7A !important;
}

.at-resp-share-element .at-share-btn:hover .at-icon, .at-resp-share-element .at-share-btn:hover .at-label {
  fill : #FA9D3A !important;
}

.btnPestana {
  display          : inline-block;
  margin           : 10px 5px;
  padding          : 0 10px;
  text-decoration  : none;
  background-color : #FA9D3A;
  color            : #FFF;
  font-size        : 14px;
  line-height      : 30px;
  transition       : all 0.3s;
}

.btnPestana:hover {
  background-color : #065A7A;
}

.mid-articulos-ampliado {
  text-align : left;
}

.carruselBeneficios a {
  border          : none;
  display         : block;
  text-decoration : none;
  padding         : 10px;
  text-align      : center;
}

.carruselBeneficios a img {
  display   : block;
  max-width : 300px;
  width     : 100%;
  margin    : 0 auto;
}

.carruselBeneficios a p {
  color         : #065A7A;
  font-size     : 14px;
  margin-bottom : 10px;
}

.carruselBeneficios a span {
  display          : inline-block;
  margin           : 0 auto;
  border-radius    : 1px;
  background-color : #065A7A;
  color            : #FFF;
  font-size        : 12px;
  text-align       : center;
  line-height      : 30px;
  padding          : 0 10px;
  transition       : all 0.3s;
}

.carruselBeneficios a span:hover {
  background-color : #FA9D3A;
}

.carruselBeneficios .owl-theme .owl-nav {
  margin-top : 0;
  text-align : center;
  z-index    : 9999;
  position   : relative;
  height     : 35px;
}

.carruselBeneficios .owl-theme .owl-nav [class*=owl-] {
  margin           : 20px 0;
  padding          : 0;
  text-align       : center;
  width            : 30px;
  height           : 30px;
  border-radius    : 1px;
  font-size        : 26px;
  line-height      : 29px;
  color            : #3482B1;
  background-color : #FFF;
  border           : 1px solid #3482B1;
  transition       : all 0.3s;
}

.carruselBeneficios .owl-theme .owl-nav [class*=owl-]:hover {
  background-color : #3482B1;
  color            : #FFF;
}

.beneficioAmpliado img {
  display   : block;
  margin    : 0 auto;
  max-width : 450px;
}

.beneficioAmpliado p {
  color       : #424448;
  font-size   : 15px;
  box-sizing  : border-box;
  line-height : 26px;
}

.socialPortada {
  display    : block;
  text-align : center;
  padding    : 0;
}

.socialPortada a {
  display         : inline-block;
  font-size       : 30px;
  text-decoration : none;
  color           : #FA9D3A;
  margin          : 10px;
  transition      : all 0.3s;
}

.socialPortada a:hover {
  transform : scale(1.2);
}

/********* Testimonios ***************/
.seccionTestimonios {
  display        : block;
  position       : relative;
  padding-bottom : 65px;
  padding        : 0px 30px;
}

.seccionTestimonios .grid figure {
  position : relative;
  overflow : hidden;
  cursor   : pointer;
  margin   : 10px;
}

/* Mediaqueries */
.column {
  display : none;
}

.onlymobile {
  display : none;
}

@media (min-width : 1024px) {
  body.menuEspecial header {
    height  : 96px;
    padding : 20px 56px;
  }

  body.menuEspecial header nav .btnAmarillo {
    position : absolute;
    top      : 80px;
    width    : 150px;
    right    : 56px;
  }
}

@media (max-width : 1300px) {
  div.aspectRatio180710:before {
    padding-top : calc((523 / 1068) * 100%);
  }
}

@media (min-width : 1200px) {
  body.menuEspecial header nav .btnAmarillo {
    width : 190px;
  }
}

@media (max-width : 1300px) {
  .container {
    max-width : 1200px;
  }

  .contenedorSliderPortada .caption {
    max-width : 1000px;
  }

  #servicios .box {
    max-width : 275px;
  }

  #insideFreeZone .box {
    float      : none;
    display    : inline-block;
    box-sizing : border-box;
    padding    : 10px;
  }

  #insideFreeZone .imgNovedad {
    height    : 275px;
    max-width : 375px;
  }
}

@media (max-width : 1230px) {
  .container {
    max-width : 1000px !important;
  }

  .counter .box span {
    font-size : 14px;
  }

  .mid-articulos .boxArticulo {
    max-width : 405px;
  }

  #servicios .box {
    max-width : 215px;
  }

  #insideFreeZone .imgNovedad {
    height : 215px;
  }

  .section1A .col25 {
    width  : 50%;
    margin : 0 auto !important;
  }

  .section1A p {
    padding   : 0px 15px;
    font-size : 14px;
  }

  .logo {
    max-width : 250px;
  }

  header nav > ul {
    margin-right : 0;
  }

  header nav ul li a, header nav ul li span {
    padding   : 0 6px;
    font-size : 12px;
  }

  .linkVideos {
    height    : 290px;
    max-width : 490px;
  }

  .boxVideoChico {
    margin    : 0px 5px 14px;
    width     : 50%;
    max-width : 205px;
    height    : 139px;
  }
}

/* Menu Mobile */
.logoMobile {
  padding  : .65rem 1rem;
  position : absolute;
}

.logoMobile img {
  width     : 100%;
  max-width : 250px;
}

.menu-button {
  color     : #F39B3B;
  cursor    : pointer;
  font-size : 2rem;
  padding   : .75rem 1.55rem;
  position  : fixed;
  right     : 0;
}

.open-menu {
  color      : #F39B3B;
  cursor     : pointer;
  font-size  : 15px;
  padding    : 15px 30px;
  position   : absolute;
  right      : 0;
  top        : 0;
  transition : transform 250ms ease;
}

.rotate {
  transform : rotate(135deg);
}

/* Generated Overflow Element */
.overflow {
  margin-top : 60px;
  overflow-x : hidden;
  overflow-y : auto;
}

/* Menu Styles */
#mobile-nav {
  position         : fixed;
  width            : 100%;
  z-index          : 99999;
  background-color : #FFF;
}

#mobile-nav ul {
  background-color : rgba(0, 0, 0, .1);
  display          : none;
  margin           : 0 auto;
  padding          : 0;
  position         : relative;
}

#mobile-nav ul:first-child {
  background-color : #FFF;
}

#mobile-nav ul li {
  border-top    : 1px solid rgba(255, 255, 255, .075);
  list-style    : none;
  margin-bottom : 0;
  position      : relative;
}

#mobile-nav ul li a {
  color           : #00597C;
  display         : block;
  font-size       : 15px;
  padding         : 15px 0;
  text-decoration : none;
  width           : 95%;
  text-align      : left;
  margin          : 0 auto;
}

#mobile-nav > .overflow ul > li span.title {
  margin          : 0 auto;
  display         : block;
  font-size       : 15px;
  padding         : 15px 0;
  text-decoration : none;
  width           : 95%;
  text-align      : left;
}

#mobile-nav ul ul {
  margin : 0;
}

#mobile-nav ul ul li {
  border-top   : none;
  padding-left : 1rem;
}

#mobile-nav .btnAmarillo {
  text-align : center;
  color      : #FFF;
}

#mobile-nav {
  display : none;
}

@media (max-width : 1024px) {
  .contCirculo .cuadrado1 {
    display : none;
  }

  .html-ubicacionEstrategica .seccionNosotros .container .col25,
  .html-strategic_location .seccionNosotros .container .col25 {
    width         : 50%;
    margin-bottom : 40px;
  }

  .onlymobile {
    display : block;
  }

  .onlydesktop {
    display : none;
  }

  #mobile-nav {
    display : block;
  }

  .topbar {
    padding-top : 2px !important;
  }

  header {
    display : block;
    height  : 60px;
  }

  header nav,
  .logo {
    display : none;
  }

  div.aspectRatio180710:before {
    padding-top : calc((3 / 4) * 100%);
  }

  header nav {
    display          : none;
    position         : absolute;
    top              : 0;
    left             : 0;
    width            : 100%;
    padding-top      : 20px;
    box-sizing       : border-box;
    background-color : #FFF;
  }

  header nav ul {
    display : block;
    margin  : 0 auto;
    width   : 100%;
  }

  header nav ul li {
    display : block;
  }

  header nav ul li a, header nav ul li span {
    padding     : 0 10px;
    height      : 40px;
    line-height : 40px;
  }

  #image {
    top : 0;
  }

  .dropdown span::after {
    content   : '+';
    opacity   : 1;
    transform : rotate(360deg);
  }

  .dropdown.active span::after {
    opacity   : 0;
    transform : rotate(-360deg);
  }

  .dropdown span::before {
    content   : '-';
    opacity   : 0;
    transform : rotate(-360deg);
  }

  .dropdown.active span::before {
    opacity   : 1;
    transform : rotate(360deg);
  }

  .dropdown span::after, .dropdown span::before {
    display     : block;
    position    : absolute;
    line-height : 40px;
    height      : 40px;
    text-align  : center;
    font-size   : 30px;
    width       : 40px;
    top         : 0;
    right       : 0;
    transition  : all 0.3s;
  }

  .dropdown-content ul li a {
    line-height : 30px;
    height      : 30px;
  }

  .dropdown {
    display : block;
  }

  .dropdown:hover .dropdown-content {
    display : none;
  }

  .dropdown-content {
    display          : none;
    width            : 100%;
    box-sizing       : border-box;
    padding          : 0 10px;
    position         : relative;
    background-color : #FEFEFE;
  }

  nav .btnAmarillo {
    display     : block;
    box-sizing  : border-box;
    padding     : 0 10px;
    line-height : 40px;
    height      : 40px;
  }

  .container {
    width  : 90%;
    margin : 0 auto;
  }

  .menuAbrir {
    display     : block;
    position    : absolute;
    width       : 56px;
    height      : 56px;
    background  : #FA9D3A;
    z-index     : 999;
    top         : 0;
    right       : 0;
    text-indent : -900em;
    overflow    : hidden;
    cursor      : pointer;
    outline     : none;
  }

  .menuAbrir:hover, .menuAbrir.active {
    background-color : #00597C;
  }

  .menuAbrir span.barra {
    position      : absolute;
    display       : block;
    left          : 13px;
    width         : 30px;
    height        : 2px;
    background    : #FFF;
    border-radius : 1px;
    transition    : all 0.3s;
  }

  .menuAbrir .barra1 {
    top : 15px;
  }

  .menuAbrir .barra2 {
    top : 25px;
  }

  .menuAbrir .barra3 {
    top : 35px;
  }

  .menuAbrir.active .barra1 {
    transform : rotate(45deg);
    top       : 25px;
  }

  .menuAbrir.active .barra2 {
    opacity : 0;
  }

  .menuAbrir.active .barra3 {
    transform : rotate(-45deg);
    top       : 25px;
  }

  footer .newsletter {
    width     : 100%;
    display   : block;
    float     : none;
    max-width : 240px !important;
  }

  .section4 .col40,
  .section4 .col60 {
    width : 50%;
  }

  .col50 {
    width   : 90%;
    display : block;
    float   : none;
    margin  : 0 auto 20px auto;
  }

  /* Portada */
  .counter .box {
    width : 50%;
  }

  .boxImgContacto img {
    margin-bottom : 40px;
  }

  #servicios {
    margin         : 0 auto;
    padding-bottom : 65px;
    display        : block;
    text-align     : center;
  }

  #servicios .box {
    max-width  : none;
    width      : 45%;
    display    : inline-block;
    text-align : center;
    float      : none;
    margin     : 15px;
  }

  .section2 {
    margin : 25px 0px auto;
  }

  .section4 .grid figure {
    height : auto;
  }

  .section1 img {
    margin-top : 45px;
  }

  .linkVideos {
    margin : 0 auto;
  }

  .html-fotosYvideos .col50 {
    display    : block;
    width      : 100%;
    margin     : 0 auto;
    text-align : center;
    float      : none;
  }

  .boxVideoChico {
    max-width : 238px;
  }

  .mid-articulos .boxArticulo {
    max-width : 310px;
  }

  .mid-articulos .boxArticulo .imgListadoNovedad {
    height : 255px;
  }

  .destacadosPortada .col50, .destacadosPortada .col40, .destacadosPortada .col60 {
    width   : 50%;
    display : inline-block;
    float   : left;
    margin  : 0 auto;
  }

  /******* Testimonios **********/
  .seccionTestimonios .col33 {
    display   : block;
    width     : 100%;
    float     : none;
    max-width : 500px;
    margin    : 20px auto 60px auto;
  }

  .grid figure figcaption {
    position : relative;
    height   : auto;
    display  : block;
  }

  .grid figure figcaption h3 {
    padding-top    : 15px;
    padding-bottom : 5px;
  }

  .grid figure figcaption p.textoPequeneo {
    padding-top    : 5px;
    padding-bottom : 5px;
  }

  figure.effect-sadie figcaption div {
    position : relative;
  }

  figure.effect-sadie h3, figure.effect-sadie:hover h3 {
    color : #000;
  }

  figure.effect-sadie p {
    color          : #000;
    opacity        : 1;
    max-height     : 300px;
    padding-top    : 15px;
    padding-bottom : 25px;
  }

  figure.effect-sadie:hover figcaption::before {
    opacity : 0;
  }

  .formPortada {
    display : block;
    margin  : 0 auto;
  }

  .formPortada .col50 {
    display : block;
    width   : 100%;
  }

  .formPortada .col50 input {
    display   : block;
    width     : 100%;
    max-width : 450px;
    margin    : 0 auto;
  }

  .formPortada .col100 textarea {
    display   : block;
    max-width : 450px;
    width     : 100%;
    margin    : 0 auto;
  }

  form .btnEnviar {
    float  : none;
    margin : 10px auto;
  }

  .noMobile {
    display : none;
  }

  .contenedorSliderPortada .caption h1 {
    text-align : center;
    font-size  : 20px;
  }

  .contenedorSliderPortada .caption p {
    display    : block;
    margin     : 0 auto;
    text-align : center;
    font-size  : 12px !important;
  }
}

@media (max-width : 928px) {
  .section2 .col33 {
    width : 50%;
    float : left;
  }

  .ulBorder {
    border-left  : none;
    padding-left : 15px;
  }

  footer .col25 {
    width  : 50%;
    height : 300px;
  }

  .formPortada .noMobile {
    display : none;
  }

  .formPortada .col100 textarea {
    max-width : 525px;
  }

  .formPortada .col50 input {
    max-width : 500px;
  }

  .col33.box {
    display   : block;
    width     : 100%;
    float     : none;
    max-width : 375px;
    margin    : 0 auto 20px auto;
  }

  .col33 {
    display : block;
    float   : none;
    width   : 100%;
  }

  #insideFreeZone .fechaMini {
    text-align : center;
  }

  /*Ventajas */
  .boxVentaja {
    display : block;
  }

  .boxVentaja h4 {
    display    : block;
    float      : none;
    text-align : left;
    width      : 100%;
  }

  .boxVentaja p {
    float   : none;
    width   : 100%;
    padding : 10px 20px 10px 100px;
  }
}

@media (max-width : 768px) {
  .contenedorMapa {
    padding-bottom : 56%;
  }

  .logoMobile img {
    width      : 100%;
    max-width  : 200px;
    margin-top : 5px;
  }

  .contenedorSliderPortada {
    display    : block;
    margin-top : 57px;
  }

  .containerVideo {
    display : none;
  }

  .section2 .col33,
  .section4 .col40,
  .section4 .col60 {
    width : 100%;
    float : none;
  }

  .mid-articulos .boxArticulo {
    max-width : 355px;
    margin    : 0 auto;
    width     : 100%;
    display   : block;
  }

  .section3 .col50 {
    margin-left : 0px;
    text-align  : center;
    margin      : 0 auto;
  }

  .section1 {
    padding    : 20px 0px;
    text-align : center;
  }

  .section4A a {
    color  : #000;
    height : 120px;
  }

  .section1A .col25 {
    width  : 100%;
    margin : 0 auto !important;
  }

  .section2A {
    background-attachment : inherit;
  }

  .section3A img {
    width     : 100%;
    max-width : 105px;
    padding   : 10px 15px;
    display   : inline-block;
  }

  .boxVideoChico {
    display   : block;
    width     : 100%;
    max-width : 490px;
    margin    : 0px auto 20px;
    height    : 290px;
  }

  .noMobile {
    display : none;
  }

  #videoLink {
    opacity : 1;
  }

  .mid-articulos .boxArticulo .imgListadoNovedad {
    height : 210px;
  }

  .destacadosPortada .col50, .destacadosPortada .col40, .destacadosPortada .col60 {
    width   : 90%;
    display : block;
    float   : none;
    margin  : 0 auto;
  }

  #servicios .box {
    max-width  : none;
    width      : 90%;
    display    : block;
    text-align : center;
    float      : none;
    margin     : 0 auto;
  }

  #insideFreeZone .box p {
    text-align : center;
  }

  #contactenos .col50:first-child {
    width      : 100%;
    box-sizing : border-box;
  }

  #contactenos .infoFront {
    display    : block;
    padding    : 20px 10%;
    display    : block;
    width      : 100%;
    box-sizing : border-box;
    max-width  : none;
    z-index    : 0;
  }

  .infoFront a {
    display    : block;
    float      : none;
    margin-top : 10px;
  }

  /**************** Multi galerias Portada *************/
  .contMultigaleria {
    display       : block;
    position      : relative;
    box-sizing    : border-box;
    width         : 100%;
    padding       : 20px 10% 0 10%;
    margin-bottom : 80px;
  }

  .sliderFondo {
    display : none !important;
  }

  .contenedorSliderGaleriaChico {
    display : block;
    width   : 100%;
  }

  .contMultigaleria .linkGris {
    display  : block;
    position : relative;
    bottom   : 0;
    right    : 0;
  }

  .counter {
    text-align : center;
  }

  .counter .box {
    width     : 90%;
    float     : none;
    max-width : 300px;
  }
}

@media (max-width : 400px) {
  .contenedorMapa {
    padding-bottom : 100%;
  }

  .html-strategic_location .seccionNosotros .container .col25 {
    width         : 100%;
    margin-bottom : 20px;
  }

  footer .col25 {
    width   : 100%;
    margin  : 0;
    padding : 0;
    height  : auto;
  }

  .logos-home a {
    width         : 49% !important;
    margin-bottom : 2em;
  }
}

.btn {
  border           : 1px solid #7D8993;
  text-align       : center;
  display          : inline-block;
  background-color : transparent;
  padding          : 10px 15px;
  font-size        : 14px !important;
  color            : #7D8993;
  transition       : 0.25s;
  cursor           : pointer;
  margin           : 12px;
}

.btn:hover {
  background-color : #7D8993;
  color            : #FFF;
}

.mt6 {
  margin-top : 1em;
}

.mb6 {
  margin-bottom : 1em;
}

#contacto_ok {
  display : none;
}

.aspectRatio180710,
.aspectRatio43,
.aspectRatio1,
.aspectRatio169,
.aspectRatioVertical,
.aspectRatio164 {
  position : relative;
}

.aspectRatio180710:before,
.aspectRatio43:before,
.aspectRatio1:before,
.aspectRatio169:before,
.aspectRatioVertical:before,
.aspectRatio164:before {
  display : block;
  content : " ";
  width   : 100%;
}

.aspectRatio1:before {
  padding-top : 100%;
}

.aspectRatio43:before {
  padding-top : calc((3 / 4) * 100%);
  /*padding-top : 75%;*/
}

.aspectRatio169:before {
  padding-top : calc((9 / 16) * 100%);
  /*padding-top : 56.25%;*/
}

.aspectRatioVertical:before {
  padding-top : calc((11 / 9) * 100%);
}

.aspectRatio164:before {
  padding-top : calc((4 / 16) * 100%);
  /*padding-top : 12.25%;*/
}

.aspectRatio180710:before {
  padding-top : calc((526 / 1068) * 100%);
}

.backCover {
  background-position : center;
  background-size     : cover;
  background-repeat   : no-repeat;
}

#nl_ok {
  display : none;
}

.linkExterno {
  color : #003E5F;
}

.videoCover {
  position       : absolute;
  top            : 0;
  width          : 100%;
  left           : 0;
  padding-bottom : 56.25%;
  /* cursor: crosshair; */
}

.containerVideo .videoWrapper {
  margin-top : -60px;
  overflow   : hidden;
}

.containerVideo .videoWrapper iframe {
  top : 7%;
}

.contenedorSliderPortada .flechaScroll {
  display : none;
}

.contenedorSliderPortada .item .backCover {
  filter         : brightness(65%);
  -webkit-filter : brightness(65%);
  -moz-filter    : brightness(65%);
}

.grilla_logos {
  margin : 20px 0;
}

.grilla_logos img {
  height           : 114px;
  margin           : 15px;
  background-color : #FFF;
}

.grilla_logos img.animated {
  animation-fill-mode : forwards;
}

.grilla_logos img {
  opacity : 0;
}

.btnPlayVideo {
  color         : white;
  margin-top    : 19px;
  display       : inline-block;
  border        : 2px solid white;
  padding       : 5px 8px;
  border-radius : 18px;
  transition    : .5s;
  transform     : scale(1, 1);
}

.btnPlayVideo i {
  text-indent : 2px;
  transition  : .5s;
}

.btnPlayVideo:hover {
  background-color : white;
  transition       : .5s;
  transform        : scale(1.2, 1.2);
  border-color     : #F0F0F0;
}

.btnPlayVideo:hover i {
  text-indent : 2px;
  color       : black;
  transition  : .5s;
}

.breadcrumb {
  margin : -30px 0 30px 0;
  color  : #424448;
}

.breadcrumb span {
  font-weight : bold;
}

.wow {
  visibility : hidden;
}

.mid-html-404 ul li {
  margin-bottom : 10px;
}

.logoKabala {
  /*! display    : block; */
  /*! float      : right; */
  padding    : 5px 10px;
  margin     : 0;
  width      : 50px;
  opacity    : 0.2;
  transition : all 0.3s;
}

.logoKabala img {
  /*! display : block; */
  width : 55px;
}

.logoKabala:hover {
  opacity : 0.8;
}

header.landing nav {
  display : none;
}

header.landing .menu-button {
  display : none;
}

footer.landing {
  display : none;
}

.h3landing {
  font-size   : 20px;
  line-height : 28px;
  margin-top  : 36px;
}

.modalidadesOficina .container > h3 {
  margin-bottom : 40px;
}

.d-none {
  display : none !important;
}

.col33.album7, .col33.album1 {
  width : 50%;
}

.menuEspecial .empresaCertificada {
  display : block !important;
}

.empresaCertificada {
  height   : 76px;
  width    : auto !important;
  display  : none !important;
  position : absolute;
  top      : -5px;
  right    : -29px;
  opacity  : .7;
}

.LogoEmpresaCertFooter {
  /* display: none; */
  height : 0;
}

.LogoEmpresaCertFooter img {
  height   : 98px;
  left     : -10px;
  position : relative;
}

header {
  transition : .5s;
}

.showTopBar header {
  /*top        : 44px !important;*/
  transition : .5s;
}

.topbar {
  position         : fixed;
  top              : 0;
  left             : 0;
  width            : 100%;
  padding          : 13px 20px;
  text-align       : center;
  background-color : #054F78;
  color            : #FFF;
  z-index          : 11111;
  box-sizing       : border-box;
  display          : none;
  height           : 45px;
}

.topbar a {
  color : #FFF;
}

.showTopBar.menuEspecial header #mobile-nav {
  top        : 43px;
  transition : .5s;
}

.showTopBar .topbar {
  display : block;
}

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

.sustentabilidad-frase {
  width  : 80%;
  margin : 60px auto;
}

.sustentabilidad-video {
  margin    : 60px auto;
  max-width : 800px;
}

.owl-theme .owl-nav :is(.owl-prev,.owl-next) {
  position         : absolute;
  top              : 50%;
  font-size        : 5em;
  background-color : transparent;
  transition       : .5s;
  transform        : translateY(-50%);
  opacity          : .8;
  text-shadow      : 1px 1px #054F78;
  color            : #FA9D3A;
}

.owl-theme .owl-nav :is(.owl-prev,.owl-next):hover {
  background-color : transparent;
  color            : #054F78;
  transition       : .5s;
  opacity          : 1;
  text-shadow      : 1px 1px #FA9D3A;
}

.owl-prev {
  left : 0.2em;
}

.owl-next {
  right : 0.2em;
}

.sliderEmpresas .item {
  text-align : center;
  padding    : 1em;
}

.sliderEmpresas .item img {
  max-width  : 170px;
  max-height : 115px
}

.logoPie9 img {
  filter : grayscale(1) opacity(0.8) !important;
}

.contLogosFooter .container {
  padding    : 0 7em;
  box-sizing : border-box;
}

.contLogosFooter .ulInline.logosFooter li {
  min-width  : 200px;
  text-align : center;
}

.contLogosFooter .logosFooter li a img {
  margin : 0 auto 1em auto;
}

#preloader {
  position         : fixed;
  top              : 0;
  left             : 0;
  width            : 100%;
  height           : 100%;
  background-color : rgba(255, 255, 255, .5);
}

#preloader i {
  color            : #000;
  top              : 50%;
  left             : 50%;
  position         : absolute;
  font-size        : 3em;
  transform        : translate(-50%, -50%);
  transform-origin : center;
}

input[type=button], input[type=submit] {
  cursor : pointer;
}

.logos-home {
  margin : 2em 0 3em 0;
}

.logos-home, .logos-home * {
  box-sizing : content-box;
}

.logos-home a {
  display    : inline-block;
  max-height : 50px;
  width      : 24%;
  text-align : center;
}

.logos-home a img {
  filter     : grayscale(1);
  height     : 100%;
  max-height : 50px;
  transition : .5s;
}

.logos-home a:hover img {
  filter     : grayscale(0);
  transition : .5s;
}