/*
@font-face {
  font-family: "Helvetica Neue";
  src: url(fonts/HelveticaNeueLTStdMd.woff) format('woff');
}
@font-face {
  font-family: "Helvetica Neue Bold";
  src: url(fonts/HelveticaNeueLTStdHv.woff) format('woff');
}
*/
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
} 

body {
  height: 100%;
  background-color: #fff;
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  /*font-family: "Helvetica Neue", sans-serif;*/
  font-size: 14px;
  color: #2f3590;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/pageLoader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}
h1 {
  /*font-family: "Helvetica Neue Bold", sans-serif;*/
  font-weight: 800;
  font-size: 3.5rem;
  text-transform: uppercase;
  text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
  line-height: 4rem;
}

h2 {
  font-weight: 600;
  font-size: 2.2rem;
  text-transform: uppercase;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  line-height: 2.2rem;
}

h3 {
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
}

h5 {
  font-size: 1.2rem;
}

.menu-tab {
  width: 90px;
  height: 70px;
  position: fixed;
  z-index: 100;
  top: 20px;
  left: 0px;
  cursor: pointer;
  transition: all 0.6s ease-in-out;
  /*end of div*/
}

.menu-tab div {
  width: 33px;
  height: 4px;
  background-color: #2f3590;
  display: block;
  margin: 5px 28px;
  transition: all 0.6s ease-in-out;
}

.menu-tab div:nth-child(1) {
  margin-top: 20px;
}

/*end of menu-tab*/
.menu-tab.active {
  left: 0px;
  transition: all 600ms ease-in-out;
  background-color: rgba(255, 255, 255, 0.2);
}

.menu-tab.active #one {
  transform: translateY(9px) rotate(-135deg);
  transition: all 0.6s ease-in-out;
  background-color: #2f3590;
}

.menu-tab.active #two {
  opacity: 0;
  transition: 0.4s ease;
}

.menu-tab.active #three {
  transform: translateY(-9px) rotate(-45deg);
  transition: all 0.6s ease-in-out;
  background-color: #2f3590;
}

.sidebar{
  position: fixed;
  top: 105px;
  width: 300px;
  height: 100%;
  left: -300px;
  border-top: solid 2px #2f3590;
  transition: left 0.4s ease;
  z-index: 10;
}
.sidebar.show{
  left: 0px;
}
.sidebar .text{
  color: #2f3590;
  font-size: 25px;
  font-weight: 600;
  line-height: 50px;
  text-align: center;
  background: #e6e6e6;
  letter-spacing: 1px;
}
nav ul{
  background: rgba(255,255,255,0.9);
  height: 100%;
  width: 100%;
  list-style: none;
}
nav ul li{
  line-height: 40px;
  border-top: 1px solid rgba(47, 53, 144,0.1);
}
nav ul li:last-child{
  border-bottom: 1px solid rgba(47, 53, 144,0.05);
}
nav ul li a{
  position: relative;
  color: #2f3590;
  text-decoration: none;
  font-size: 14px;
  padding-left: 16px;
  font-weight: 600;
  display: block;
  width: 100%;
  border-left: 3px solid transparent;
}
nav ul li.active a{
  color: #2f3590;
  background: #e6e6e6;
  border-left-color: #2f3590;
}
nav ul li a:hover{
  background: #e6e6e6;
  border-left: 3px solid #8b91da;
  text-decoration: none;
}
nav ul ul{
  position: static;
  display: none;
}
nav ul .feat-show.show{
  display: block;
}
nav ul .serv-show.show1{
  display: block;
}
nav ul ul li{
  line-height: 40px;
  border-top: border-bottom: 1px solid rgba(47, 53, 144,0.05); /*none;*/
}
nav ul ul li a{
  font-size: 14px;
  color: #2f3590;
  padding-left: 32px;
}
nav ul li.active ul li a{
  color: #2f3590;
  background: transparent; /*#e6e6e6;*/
  border-left-color: transparent;
}
nav ul ul li a:hover{
  color: #2f3590!important;
  background: #e6e6e6!important;
  text-decoration: none;
}
nav ul li a span{
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 22px;
  transition: transform 0.4s;
}
nav ul li a span.rotate{
  transform: translateY(-50%) rotate(-180deg);
}

#barra {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 105px;
  background-color: #e6e6e6;
  z-index: 9;
}

.logo img {
  height: 5.5rem;
  margin: 12px 0px 0px 100px;
}

.logo a {
  text-decoration: none;
}

.scat {
  margin-left: 15px;
}

#contact-container {
  margin-top: 20px;
}

#contact-container a {
  font-weight: 600;
  color: #2f3590;
}

/* Search, Tels, Email, Contacto */
.contact-bar-item {
  padding: 8px 16px;
  float: left;
  width: auto;
  border: none;
  display: block;
  outline: 0;
  color: #2f3590;
}

.derecha {
  margin-right: 60px;
}

.buscar {
  /*margin: 100px auto;*/
  width: 200px;
  height: 34px;
  margin-left: 20px;
  margin-right: 100px;
}

/* Search 1 - bg change*/
.container-1 {
  width: 300px;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}

.container-1 input#search {
  width: 300px;
  height: 34px;
  background: #fff;
  border: solid 1px #2f3590;
  font-size: 1rem;
  float: left;
  color: #000;
  padding-left: 28px;
  /*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
}

.container-1 .icon {
  position: absolute;
  top: 50%;
  margin-left: 7px;
  margin-top: 5px;
  z-index: 1;
  color: #2f3590;
  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -ms-transition: all .55s ease;
  -o-transition: all .55s ease;
  transition: all .55s ease;
}

/* ANIMATION EFFECTS */
.container-1 input#search:focus,
.container-1 input#search:active {
  outline: none;
  background: #ffffff;
}

.container-1:hover .icon {
  margin-top: 4px;
  color: #2f3590;
  -webkit-transform: scale(1.5);
  /* Safari and Chrome */
  -moz-transform: scale(1.5);
  /* Firefox */
  -ms-transform: scale(1.5);
  /* IE 9 */
  -o-transform: scale(1.5);
  /* Opera */
  transform: scale(1.5);
}

.icon2 {
  margin-top: 20px;
  float: right;
  margin-right: 40px;
  display: none;
}

.icon2 i {
  font-size: 1.5rem;
}

.buscar2 {
  margin-left: auto;
  margin-right: auto;
  display: none;
}

#response {
  max-width: 375px;
  max-height: 450px;
  overflow-y: scroll;
  margin-left: 200px;
  margin-right: auto;
}

#secciones {
  height: 100%;
  padding-top: 100px;
  background-image: linear-gradient(#f7f7f7, #ffffff);
}

.card-box {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: transparent !important;
  text-align: center;
  border: none;
}

.card {
  border: none;
  background-color: transparent !important;
  margin-bottom: 5rem;
}

.card a {
  text-decoration: none;
  line-height: 1.5rem;
  color: #2f3590;
}
.card a:hover {
  text-decoration: none;
  line-height: 1.5rem;
  color: #656ccd;
  border: solid 1px #c5c8ec;
}

.card img {
  width: 68%;
}

/*.card img:hover {
  transform: scale(1.05);
}*/

.prod_name {
  margin-top: 2rem;
  text-transform: none;
}
.bg-familia {
  background-color: #ecedf9;
}
.bg-familia h5 {
  margin-top: .5rem;
}

/* Make the image fully responsive 
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
  height: 100%;
  /*width: 100%;
  margin: auto;
}*/
.carousel-item img {
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
}
#logo-splash {
  width: 309px !important;
  height: 259px !important;
  margin-left: auto;
  margin-right: auto;
}
.carousel .carousel-indicators li {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  border-radius: 50%;
  background-color: #000;
}

#splash .carousel-control-prev-icon {
  width: 60px;
  height: 60px;
  /* Arrow Prev Delgada*/
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333333' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M11.273 15.977L3.29 8 11.273.023l.704.704L4.71 8l7.266 7.273-.704.704z'/%3e%3c/svg%3e");
}

#splash .carousel-control-next-icon {
  width: 60px;
  height: 60px;
  /* Arrow Next Delgada */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333333' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z'/%3e%3c/svg%3e");
}

#arrow-down .arrow-down-icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%232f3590' clip-rule='evenodd' width='40' height='40' viewBox='0 0 24 24'%3e%3cpath d='M11 21.883l-6.235-7.527-.765.644 7.521 9 7.479-9-.764-.645-6.236 7.529v-21.884h-1v21.883z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
}

.caption {
  position: absolute;
  right: 15%;
  top: 20%;
  left: 15%;
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: center;
}

.caption-9 {
  position: absolute;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /*right: 15%;*/
  top: 20%;
  /*left: 40%;*/
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: center;
}
.caption-9-slogan br {
  display: none;
}
.caption-9-slogan {
  position: absolute;
  right: 35%;
  top: 25%;
  left: 35%;
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: center;
}

.caption-6 {
  position: absolute;
  right: 27%;
  top: 20%;
  left: 40%;
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: center;
}
.caption-6-slogan br {
  display: none;
}
.caption-6-slogan {
  position: absolute;
  right: 27%;
  top: 25%;
  left: 40%;
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: justify;
}

.caption-4 {
  position: absolute;
  /*width: 100%;
  margin-left: auto;
  margin-right: auto;*/
  right: 22%;
  top: 20%;
  left: 50%;
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: center;
}
.caption-4-slogan br {
  display: none;
}
.caption-4-slogan {
  position: absolute;
  right: 22%;
  top: 25%;
  left: 50%;
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: justify;
}

.caption-1 {
  position: absolute;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /*right: 35%;*/
  top: 16%;
  /*left: 35%;*/
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: center;
}
.caption-1-slogan br {
  display: none;
}
.caption-1-slogan {
  position: absolute;
  right: 34%;
  top: 21%;
  left: 34%;
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: justify;
}

.caption-2 {
  position: absolute;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /*right: 0%;*/
  top: 15%;
  /*left: 18%;*/
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: center;
}
.caption-2-slogan br {
  display: none;
}
.caption-2-slogan {
  position: absolute;
  right: 34%;
  top: 20%;
  left: 34%;
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: justify;
}

.caption-3 {
  position: absolute;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /*right: 0%;*/
  top: 17%;
  /*left: 33%;*/
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: center;
}
.caption-3-slogan br {
  display: none;
}
.caption-3-slogan {
  position: absolute;
  right: 34%;
  top: 22%;
  left: 34%;
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: justify;
}

.caption-8 {
  position: absolute;
  right: 28%;
  top: 60%;
  left: 0%;
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: right;
}

.caption-8-slogan {
  position: absolute;
  right: 28%;
  top: 65%;
  left: 0%;
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: right;
}

.caption-7 {
  position: absolute;
  right: 32%;
  top: 35%;
  left: 42%;
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: center;
}
.caption-7-slogan br {
  display: none;
}
.caption-7-slogan {
  position: absolute;
  right: 32%;
  top: 40%;
  left: 42%;
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: justify;
}

.caption-5 {
  position: absolute;
  right: 0%;
  top: 15%;
  left: 63%;
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: left;
}
.caption-5-slogan br {
  display: none;
}
.caption-5-slogan {
  position: absolute;
  right: 9%;
  top: 20%;
  left: 63%;
  z-index: 7;
  padding-top: 20px;
  padding-bottom: 20px;
  /*color: #000;*/
  text-align: justify;
}

.footer {
  margin-left: 0px;
  margin-right: 0px;
  background-color: #2f3590;
  color: white;
}

.footer p img {
  margin-left: 15px;
  margin-right: 15px;
  font-style: normal;
}

/* Social Networks */
#redes a, a:hover {text-decoration: none !important;}
.social {
  display: block !important;
  padding: 10px;
  font-size: 30px;
  width: 50px; border-radius:15%;
  text-align: center;
  text-decoration: none !important;
}
.fa:hover {
    opacity: 0.8;
    text-decoration: none !important;
}
.fa-whatsapp {
  background: #4da735;
  color: white;
}
.fa-facebook {
  background: #3B5998;
  color: white;
}
.fa-twitter {
  background: #55ACEE;
  color: white;
}
.fa-youtube {
  background: #bb0000;
  color: white;
}
.fa-instagram {
  background: #cc00cc;
  color: white;
}

/* ToTop */
#btnToTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #2f3590;
  color: white;
  cursor: pointer;
  padding: 10px 15px;
  border-radius: 4px;
}
#btnToTop:hover {
  background-color: blue;
}

.carousel .carousel-indicators dl, ol, ul {
  margin-bottom: 0rem !important;
}

.carousel .carousel-indicators li {
  background-color: #2f3590;
}

/*! Arrow Down */
.anime-arrow {
position: absolute;
bottom: 45px;
left: 50%;
width: 60px;
height: 60px;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.75);
border: solid #2f3590 2px;
border-radius: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.anime-arrow > a {
display: inline-block;
text-decoration: none;
outline-style: none;
-webkit-animation: arrow-down 1.7s ease-in-out infinite;
animation: arrow-down 1.7s ease-in-out infinite;
}

.anime-arrow > a > i {
position: absolute;
top: -2px;
left: 9px;
font-size: 2rem;
}

.anime-arrow > a {transition: all 600ms;}

@keyframes arrow-down {
0% {
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
50% {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
}
100% {
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
}

@-webkit-keyframes arrow-down {
0% {
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
50% {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
}
100% {
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
}

/* ACERCA DE ENVASES GB */
.vision {
  margin: 0;
  padding: 0;
  background-image: url('../images/vision.jpg');
  background-color: #ffffff;
  height: 688px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.valores {
  margin: 0;
  padding: 0;
  background-image: url('../images/valores.jpg');
  background-color: #ffffff;
  height: 974px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* CONTACTO */
#contacto {
  position: relative;
  top: 150px;
  height: 100%;
}

#imagen {
/*  width: 320px !important;
  height: 530px;
  background-image: url('../images/watermark.png');
  background-repeat: repeat;
  background-origin: content-box;
  background-position: top left;
  background-size: 130px 130px; */
}
/* ZOOM IMAGE */
.page-item, .page-link{
  color: #2f3590 !important;
  border: 1px solid #dee2e6 !important;
}
.thumb-box div {
  margin: 0px !important;
  width: 150px !important;
  border: 1px solid #dee2e6 !important;
}
.thumb div {
  margin: 0px !important;
  width: 150px !important;
}
.thumb a {
  text-decoration: none;
}
.thumb img {
  height: 148px !important;
}
.thumb-box div:hover {
  border: 1px solid #2f3590 !important;
  /*background-color: silver !important;*/
}
.thumbtapa-box div {
  margin: 0px !important;
  width: 380px !important;
  border: 1px solid #dee2e6 !important;
}
.thumbtapa div {
  margin: 0px !important;
  width: 150px !important;
  float: left !important;
}
.thumbtapa a {
  text-decoration: none;
}
.thumbtapa img {
  height: 140px !important;
  cursor: pointer;
}
.thumbtapa-box div:hover {
  border: 1px solid #2f3590 !important;
  /*background-color: silver !important;*/
}
#myimage {
  position: absolute;
  vertical-align: top !important;
  margin-left: auto;
  margin-right: auto;
    background-image: url('../images/watermark.png');
    background-repeat: repeat;
    background-origin: content-box;
    background-position: top left;
    background-size: 104px 104px;
  border: 1px solid #dee2e6;
  /*box-shadow: -5px 10px 10px lightgray !important;*/
}
#specs {
  display: block;
  z-index: 10;
}

.ficha {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 5px;
  border: solid 1px darkgray;
  color: #2f3590;
}
#btninfor {
  width: 100%;
}
#specs-mobile {
  display: none;
}
.ficha-mobile {
  position: relative;
  width: 370px;
  padding: 5px;
  border: solid 1px darkgray;
  color: #2f3590;
}
#colores {
  /*background-color: #c3c3c3;*/
  height: 30px;
  z-index: 1;
}
#colores h5 {
  margin: 6px;
}
/*.color-natural .color-blanco .color-rojo .color-naranja .color-azul .color-verde .color-dorado .color-plata .color-magenta .color-morado .color-vino {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  margin: 6px;
}*/
.color-natural {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: transparent;
  border: 1px solid silver;
}
.color-blanco {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: white;
  border: 1px solid silver;
}
.color-negro {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: black;
  border: 1px solid black;
}
.color-plata {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: silver;
  border: 1px solid silver;
}
.color-amarillo {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: yellow;
  border: 1px solid silver;
}
.color-rojo {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: red;
  border: 1px solid red;
}
.color-naranja {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: orange;
  border: 1px solid orange;
}
.color-azul {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: blue;
  border: 1px solid blue;
}
.color-verde {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: green;
  border: 1px solid green;
}
.color-dorado {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: gold;
  border: 1px solid gold;
}
.color-magenta {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: magenta;
  border: 1px solid magenta;
}
.color-rosa {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: pink;
  border: 1px solid pink;
}
.color-mamey {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: coral;
  border: 1px solid coral;
}
.color-cafe {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: brown;
  border: 1px solid brown;
}
.color-morado {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: purple;
  border: 1px solid purple;
}
.color-vino {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: darkviolet;
  border: 1px solid darkviolet;
}

.img-zoom-container {
  position: relative;

}
.img-zoom-lens {
  position: relative;
  /*border: 1px solid #2f3590;
  background-color: #2f3590;
  opacity: .2;*/
  /*set the size of the lens:*/
  width: 180px;
  height: 180px;
  z-index: 8;
  cursor: zoom-in;
}
#img-zoom-result {
  position: absolute;
  right: -15px;
  z-index: 10;
}
.img-zoom-result {
  /*set the size of the result div:*/
  top: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 534px; /*400px;*/
  height: 534px; /*400px;*/
  border: solid 1px darkgray;
  z-index: 10;
}
.zoom-off {
  display: none;
}
.zoom-on {
  display: block;
}
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */
/* ********************************************************************************************************* */

@media only screen and (max-width: 575px) {
  /* hide slogans div */
  #slogans {
    display: none;
  }

  #specs {
    display: none;
  }

  #specs-mobile {
   display: block;
  }

  .social {
    display: block !important;
    padding: 10px;
    font-size: 24px;
    width: 50px;
    text-align: center;
    text-decoration: none !important;
  }
}

@media only screen and (max-width: 1024px) {
  #barra {
    height: 60px;
  }

  .menu-tab {
    width: 45px;
    height: 45px;
    top: 12px;
    left: 0px;
  }
  .menu-tab div:nth-child(1) {
    margin-top: 12px;
  }
  .menu-hide {
    top: 60px;
  }
  .sidebar {
    top:60px;
    border-top: 0;
  }
  .logo {
    margin-left: auto;
    margin-right: auto;
  }

  .logo img {
    height: 2.75rem;
  }

  .buscar {
    display: block;
    width: 150px !important;
    margin-right: 16px;
  }

  .container-1 {
    width: 150px !important;
  }

  .container-1 input#search {
    width: 150px !important;
  }

  .contact-bar-item {
    display: none;
  }

  #response {
    max-width: 100%;
    max-height: 500px;
    overflow-y: scroll;
    margin-left: 10px;
    margin-right: 10px;
  }

  #splash {
    margin-top: 60px !important; /*60px*/
    height: 100% !important;
  }

  #logo-splash {
    display: block;
    padding: 0;
    height: 4rem;
    margin-left: auto;
    margin-right: auto;
    top: 10%;
  }

  h1 {
    font-size: 1.5rem !important;
    line-height: 1.5rem !important;
    text-shadow: 3px 3px 3px #ffffff !important;
  }

  h2 {
    font-size: 2rem !important;
    /*text-shadow: 3px 3px 3px #ffffff !important;*/
    font-weight: 800;
  }

  h5 {
    font-size: 0.95rem
  }

  #arrow-down {
    display: none;
  }

  /* div slogans */
  #slogans {
    display: block;
    width: 100%;
    min-height: 150px;
    background-color: transparent;
    text-align: justify;
  }

  .card {
    margin-bottom: 20px;
  }

  .carousel-item {
    height: 510px;
  }
  .carrusel.carousel-item {
    height: auto;
  }
  .carrusel.caption-container.caption {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 60%;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #logo-wrapper {
    width: 100%;
    position: absolute;
    top: -160px; left: 0px;
    text-align: center;
  }

  #logo-splash {
    width: auto;
    height: auto;
    display: inline-block;
  }

  .carousel-item img {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .caption-container {
    position: relative;
    top: 0;
    left: 0;
    padding: 15px;
  }

  .caption-container h2 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 5px;
    margin-bottom: 0;
  }

  .carousel-control-prev,
  .carousel-control-next,
  .carousel-control-down {
    display: none;
  }

  .caption-container h1 {
    text-align: center;
    font-size: 1.2rem;
    text-transform: uppercase;
  }

  .caption-container h3 {
    text-align: justify;
    text-transform: uppercase;
  }

  .caption-container br {
    display: none;
  }

  .caption-container * {
    position: relative;
    text-align: center;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
  }

  #categoria {
    height: 100% !important;
  }
  #categorias {
    height: 100% !important;
  }
  #secciones {
    padding-top: 60px !important;
    height: 100% !important;
  }
  .card-box {
    align-content: center !important;
  }
  .card img {
    width: 50%;
  }

  /*  #breadcrumb.col-md-6 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
            float: left;
    }
    #specs.col-md-6 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      float: left;
    }*/
    #imagen.card.col-md-4 {
      display: none; 
    }
    #myimage {
      display: none; 
    }
.thumb-box div {
  margin: 0px !important;
  max-width: 100% !important;
  border: none !important;
}
.thumb div {
  margin: 0px !important;
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}
.thumb a {
  text-decoration: none;
}
.thumb img {
  height: 400px !important;
}
.thumb-box div:hover {
  border: none !important;
  /*background-color: silver !important;*/
}
    /*  #thumb-box {
      max-width: 100%;
      position: relative;
      vertical-align: top !important;
      margin-left: auto;
      margin-right: auto;
    }*/
    #img-zoom-result {
     display: none; 
    }
  /*
  #imagen.card.col-md-4 {
      width: 100% !important;
    }
  #myimage {
    width: 100%;
    position: relative;
    vertical-align: top !important;
    margin-left: auto;
    margin-right: auto;
  }
  #thumb-box,
  #img-zoom-result {
   display: none; 
  }*/

  .img-zoom-lens {
   display: none; 
  }

  #contacto {
    position: relative;
    top: 70px;
    height: 100%;
  }

}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 1.2rem !important;
    line-height: 1.2rem !important;
    text-shadow: 2px 2px 2px #ffffff !important;
  }

  h2 {
    font-size: 1rem !important;
    /*text-shadow: 2px 2px 2px #ffffff !important;*/
  }

  h3 {
    font-size: 1rem !important;
  }

  h5 {
    font-size: 0.95rem
  }

  .contact-bar-item {
    display: none;
  }

  #logo-splash {
    display: block;
    padding: 0;
    height: 8rem !important;
    width: 8.2rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* div slogans */
  #slogans {
    display: block;
  }
  #logo-wrapper {
    width: 100%;
    text-align: center;
  }
  #logo-splash {
    display: block;
    padding: 0;
    height: 8rem !important;
    margin-left: auto;
    margin-right: auto;
  }
}


@media only screen and (min-width: 1025px) {
  #splash {
    margin-top: 0px !important;
    height: 100% !important; /*48vw*/
    width: 100%; /*provisional*/
  }
.caption {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
  #logo-wrapper {
    width: 100%;
    /*position: absolute;
    top: -160px; left: 0px;*/
    text-align: center;
  }
  #logo-splash {
    display: block;
    padding: 0;
    width: 310px !important;
    height: 280px !important;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .caption-container h1{
    font-size: 2.5rem !important;
    line-height: 2.7rem !important;
  }
  .caption-1-slogan, .caption-2-slogan, .caption-3-slogan, .caption-4-slogan, .caption-5-slogan,.caption-6-slogan,.caption-7-slogan,.caption-8-slogan,.caption-9-slogan h3{
    font-size: 1rem !important;
    line-height: 1.2rem !important; 
  }
  h2 {
    font-size: 1.5rem !important;
    line-height: 1.6rem !important; 
  }
  /*#titulo-0 br {
    display: none;
  }*/
  #logo-splash {
    display: block;
    padding: 0;
    width: 20% !important;
    height: 20% !important;
    /*height: 10rem !important;*/
    margin-left: auto;
    margin-right: auto;
  }
  .img-zoom-result {
    border: 1px solid #2f3590;
    /*set the size of the result div:*/
    top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 532px; /*500px;*/
    height: 532px;
    z-index: 8;
  }
}


/*@media only screen and (min-width: 768px) {
  /* hide slogans div  
  #slogans {
    display: block;
  }
  #categorias {
    margin-top: 150px !important;
  }
}
*/