html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

ol li,
ul li {
  list-style: none;
}

button {
  background-color: transparent;
  outline: none;
  border: 0;
  cursor: pointer;
}

button,
input,
select,
textarea {
  background-color: transparent;
  outline: none;
  border: 0;
}

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

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 1.5rem;
  margin: 1rem 0;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1.1rem;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1.1rem;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25rem;
}

sup {
  top: -0.5rem;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 0.1rem dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.a {
  border: 0.1rem solid deeppink;
}

.b {
  border: 0.1rem solid salmon;
}

.c {
  border: 0.1rem solid #bcff03;
}

.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.1rem;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.1rem;
}

@font-face {
  font-family: "Graphik-Regular";
  src: url("../fonts/Graphik-Regular/Graphik-Regular.eot");
  src: url("../fonts/Graphik-Regular/Graphik-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Graphik-Regular/Graphik-Regular.woff") format("woff"),
    url("../fonts/Graphik-Regular/Graphik-Regular.ttf") format("truetype"),
    url("../fonts/Graphik-Regular/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Graphik-Black";
  src: url("../fonts/Graphik-Black/Graphik-Black.eot");
  src: url("../fonts/Graphik-Black/Graphik-Black.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Graphik-Black/Graphik-Black.woff") format("woff"),
    url("../fonts/Graphik-Black/Graphik-Black.ttf") format("truetype"),
    url("../fonts/Graphik-Black/Graphik-Black.svg#Graphik-Black") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Graphik-Bold";
  src: url("../fonts/Graphik-Bold/Graphik-Bold.eot");
  src: url("../fonts/Graphik-Bold/Graphik-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Graphik-Bold/Graphik-Bold.woff") format("woff"),
    url("../fonts/Graphik-Bold/Graphik-Bold.ttf") format("truetype"),
    url("../fonts/Graphik-Bold/Graphik-Bold.svg#Graphik-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Graphik-Medium";
  src: url("../fonts/Graphik-Medium/Graphik-Medium.eot");
  src: url("../fonts/Graphik-Medium/Graphik-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Graphik-Medium/Graphik-Medium.woff") format("woff"),
    url("../fonts/Graphik-Medium/Graphik-Medium.ttf") format("truetype"),
    url("../fonts/Graphik-Medium/Graphik-Medium.svg#Graphik-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Graphik-Light";
  src: url("../fonts/Graphik-Light/Graphik-Light.eot");
  src: url("../fonts/Graphik-Light/Graphik-Light.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Graphik-Light/Graphik-Light.woff") format("woff"),
    url("../fonts/Graphik-Light/Graphik-Light.ttf") format("truetype"),
    url("../fonts/Graphik-Light/Graphik-Light.svg#Graphik-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Graphik-Regular";
  src: url("../fonts/Graphik-Regular/Graphik-Regular.eot");
  src: url("../fonts/Graphik-Regular/Graphik-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Graphik-Regular/Graphik-Regular.woff") format("woff"),
    url("../fonts/Graphik-Regular/Graphik-Regular.ttf") format("truetype"),
    url("../fonts/Graphik-Regular/Graphik-Regular.svg#Graphik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "BauerBodoniStd-Italic";
  src: url("../fonts/BauerBodoniStd-Italic/BauerBodoniStd-Italic.eot");
  src: url("../fonts/BauerBodoniStd-Italic/BauerBodoniStd-Italic.eot?#iefix") format("embedded-opentype"),
    url("../fonts/BauerBodoniStd-Italic/BauerBodoniStd-Italic.woff") format("woff"),
    url("../fonts/BauerBodoniStd-Italic/BauerBodoniStd-Italic.ttf") format("truetype"),
    url("../fonts/BauerBodoniStd-Italic/BauerBodoniStd-Italic.svg#BauerBodoniStd-Italic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli/Muli.eot");
  src: url("../fonts/Muli/Muli.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Muli/Muli.woff") format("woff"),
    url("../fonts/Muli/Muli.ttf") format("truetype"),
    url("../fonts/Muli/Muli.svg#Muli") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Muli-Bold";
  src: url("../fonts/Muli-Bold/Muli-Bold.eot");
  src: url("../fonts/Muli-Bold/Muli-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Muli-Bold/Muli-Bold.woff") format("woff"),
    url("../fonts/Muli-Bold/Muli-Bold.ttf") format("truetype"),
    url("../fonts/Muli-Bold/Muli-Bold.svg#Muli-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "CenturyGothic-Bold";
  src: url("../fonts/CenturyGothic-Bold/CenturyGothic-Bold.eot");
  src: url("../fonts/CenturyGothic-Bold/CenturyGothic-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/CenturyGothic-Bold/CenturyGothic-Bold.woff") format("woff"),
    url("../fonts/CenturyGothic-Bold/CenturyGothic-Bold.ttf") format("truetype"),
    url("../fonts/CenturyGothic-Bold/CenturyGothic-Bold.svg#CenturyGothic-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  font-family: "Graphik-Regular";
  background: #fff;
  font-size: 1rem;
  color: #000;
}

::-moz-selection {
  background: #000;
  color: #fff;
}

::selection {
  background: #000;
  color: #fff;
}

h1,
h2,
h3 {
  margin: 0 0 1.5rem 0;
}

h1 {
  font-family: "Muli-Bold";
  text-transform: lowercase;
  font-size: 4rem;
}

h2,
h3 {
  font-family: "Graphik-Medium";
}

h2 {
  font-size: 4rem;
}

h3 {
  font-size: 36pt;
}

h4 {
  font-size: 24pt;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

hr {
  border: 0;
  border-bottom: 1.3px solid #000;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

p {
  font-size: 18px;
}

p a {
  color: #000;
}

p a:hover {
  color: #000;
  -webkit-transition: 1s;
  transition: 1s;
}

img {
  -webkit-transition: width 1s;
  transition: width 1s;
}

button:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}

.artelana {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1rem;
  margin: 1rem 0 3rem;
}

.artelana .lanaren_izenburua {
  border-right: 1.3px solid #000;
  margin-right: 0.7rem;
  padding: 0 0.7rem 0 0;
  height: 1rem;
}

.artelana .lanaren_izenburua h3 {
  font-size: 1rem;
  font-weight: 300;
  margin: 0;
  text-transform: uppercase;
}

.grid-vh-two img {
  /* min-height: 30rem; */
  height: 30rem;
  width: 100%;
  object-fit: cover;
}

.grid-h-three img {
  min-height: 30rem;
  object-fit: cover;
  width: 100%;
}

.grid-w-three img {
  max-height: 15rem;
  object-fit: cover;
  width: 100%;
}

#parallax-lehen_irudia {
  min-height: 25rem;
  background: transparent;
}

header#header {
  background: #fff;
  padding: 2rem 2rem 0;
  width: 100%;
}

header#header #lehen_lerroa {
  display: -ms-grid;
  display: grid;
  gap: 1rem;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 1.5rem;
}

header#header #lehen_lerroa #isotipoa {
  text-align: left;
}

header#header #lehen_lerroa #isotipoa img {
  width: 48px;
}

header#header #lehen_lerroa #header_actions {
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.8);
  text-align: right;
}




.anchoeshop{
width: 24% !important;
}

#h1eshop {
    font-size: 25px !important;
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}

.capitalizar{
text-transform: capitalize;
}

div#js-product-list {
    width: 1140px !important;
    margin: auto !important;
}

.w65{
    width: 1140px !important;
    margin: auto !important;
}

.category-id-12 #footer {
    width: 65% !important;
    margin: auto !important;
}


#js-product-list section article img {
    background: linear-gradient(100deg, #e7e7e7, #cbcbcb, #c3c3c3, #cbc9c9) !important;
}


@media all and (min-width: 100px) {
  header#header #lehen_lerroa #header_actions {
    display: block;
  }
}




@media all and (max-width:600px){

div#js-product-list {
    width: 90% !important;
    margin: auto !important;
}

.category-id-12 #footer {
    width: 100% !important;
    margin: auto !important;
}

}

@media screen and (max-width: 1300px) {
    div#js-product-list {
        width: 100% !important;
    }
}

@media all and (max-width:600px){
.ocultar-m{display: none !important;
}
}

@media all and (max-width:600px){
.anchoeshop{width:45% !important;
}
}

@media all and (max-width: 600px) {
  header#header #lehen_lerroa #header_actions {
    display: block;
  }
}

@media all and (min-width: 600px) {
  header#header #lehen_lerroa #header_actions {
    display: block;
  }
}

@media all and (min-width: 768px) {
  header#header #lehen_lerroa #header_actions {
    display: block;
  }
}

@media all and (min-width: 992px) {
  header#header #lehen_lerroa #header_actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}



@media (min-width: 1200px) {

.category-id-12 .container {max-width: 100% !important;}

}



@media all and (min-width: 1200px) {
  header#header #lehen_lerroa #header_actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

header#header #lehen_lerroa #header_actions a {
  color: rgba(0, 0, 0, 0.8);
  padding: 0;
}

header#header #lehen_lerroa #header_actions ul#hizkuntzak,
header#header #lehen_lerroa #header_actions ul#shop_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media all and (min-width: 100px) {

  header#header #lehen_lerroa #header_actions ul#hizkuntzak li:last-child a,
  header#header #lehen_lerroa #header_actions ul#shop_actions li:last-child a {
    border-right: 0;
  }
}

@media all and (max-width: 600px) {

  header#header #lehen_lerroa #header_actions ul#hizkuntzak li:last-child a,
  header#header #lehen_lerroa #header_actions ul#shop_actions li:last-child a {
    border-right: 0;
  }
}

@media all and (min-width: 600px) {

  header#header #lehen_lerroa #header_actions ul#hizkuntzak li:last-child a,
  header#header #lehen_lerroa #header_actions ul#shop_actions li:last-child a {
    border-right: 0;
  }
}

@media all and (min-width: 768px) {

  header#header #lehen_lerroa #header_actions ul#hizkuntzak li:last-child a,
  header#header #lehen_lerroa #header_actions ul#shop_actions li:last-child a {
    border-right: 1.3px solid rgba(0, 0, 0, 0.8);
  }
}

@media all and (min-width: 992px) {

  header#header #lehen_lerroa #header_actions ul#hizkuntzak li:last-child a,
  header#header #lehen_lerroa #header_actions ul#shop_actions li:last-child a {
    border-right: 1.3px solid rgba(0, 0, 0, 0.8);
  }
}

@media all and (min-width: 1200px) {

  header#header #lehen_lerroa #header_actions ul#hizkuntzak li:last-child a,
  header#header #lehen_lerroa #header_actions ul#shop_actions li:last-child a {
    border-right: 1.3px solid rgba(0, 0, 0, 0.8);
  }
}

header#header #lehen_lerroa #header_actions ul#hizkuntzak li a,
header#header #lehen_lerroa #header_actions ul#shop_actions li a {
  display: inline-block;
  padding: 0.2rem 0.5rem;
}

header#header #lehen_lerroa #header_actions ul#hizkuntzak li.lang_active,
header#header #lehen_lerroa #header_actions ul#shop_actions li.lang_active {
  font-family: "Graphik-Bold";
  padding: 0.2rem 0.5rem;
}

header#header #lehen_lerroa #header_actions ul#hizkuntzak li.lang_active a,
header#header #lehen_lerroa #header_actions ul#shop_actions li.lang_active a {
  text-decoration: none;
}

header#header #lehen_lerroa #header_actions ul#shop_actions li {
  padding: 0;
}

@media all and (min-width: 100px) {
  header#header #lehen_lerroa #header_actions ul#shop_actions li:first-child a {
    border-right: 0;
  }
}

@media all and (max-width: 600px) {
  header#header #lehen_lerroa #header_actions ul#shop_actions li:first-child a {
    border-right: 0;
  }
}

@media all and (min-width: 600px) {
  header#header #lehen_lerroa #header_actions ul#shop_actions li:first-child a {
    border-right: 0;
  }
}

@media all and (min-width: 768px) {
  header#header #lehen_lerroa #header_actions ul#shop_actions li:first-child a {
    border-right: 1.3px solid rgba(0, 0, 0, 0.8);
  }
}

@media all and (min-width: 992px) {
  header#header #lehen_lerroa #header_actions ul#shop_actions li:first-child a {
    border-right: 1.3px solid rgba(0, 0, 0, 0.8);
  }
}

@media all and (min-width: 1200px) {
  header#header #lehen_lerroa #header_actions ul#shop_actions li:first-child a {
    border-right: 1.3px solid rgba(0, 0, 0, 0.8);
  }
}

header#header #lehen_lerroa #header_actions ul#shop_actions li:last-child a {
  border-right: 0;
}

header#header #lehen_lerroa #header_actions ul#shop_actions li.basket a {
  background: url(../img/shop/basket.svg) no-repeat 0.7rem 0.1rem;
}

header#header #lehen_lerroa #header_actions ul#shop_actions li.login a {
  background: url(../img/shop/user.svg) no-repeat 0.7rem 0.1rem;
}

header#header #lehen_lerroa #header_actions ul#shop_actions li.basket a,
header#header #lehen_lerroa #header_actions ul#shop_actions li.login a {
  display: inline-block;
  padding-left: 2rem;
}

header#header #lehen_lerroa #header_actions ul#shop_actions li.basket a:hover,
header#header #lehen_lerroa #header_actions ul#shop_actions li.login a:hover {
  text-decoration: none;
}

header#header #lehen_lerroa #header_actions p {
  font-size: 0.9rem;
  padding: 0.2rem 0.5rem;
}

@media all and (min-width: 100px) {
  header#header #bigarren_lerroa {
    height: auto;
  }
}

@media all and (max-width: 600px) {
  header#header #bigarren_lerroa {
    height: auto;
  }
}

@media all and (min-width: 600px) {
  header#header #bigarren_lerroa {
    height: auto;
  }
}

@media all and (min-width: 768px) {
  header#header #bigarren_lerroa {
    height: auto;
  }
}

@media all and (min-width: 992px) {
  header#header #bigarren_lerroa {
    height: 5.6rem;
  }
}

@media all and (min-width: 1200px) {
  header#header #bigarren_lerroa {
    height: 5.6rem;
  }
}

header#header #bigarren_lerroa #nabigazio_nagusia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul {
  display: -ms-grid;
  display: grid;
  gap: 3rem;
}

@media all and (max-width: 480px) {
  header#header #bigarren_lerroa #nabigazio_nagusia ul {
    grid-template-areas: "koloreka koloreka""eshop nosotros""nebera proyectos""empresas contacto";
    margin-bottom: 1rem;
  }
}

@media all and (min-width: 481px) and (max-width: 600px) {
  header#header #bigarren_lerroa #nabigazio_nagusia ul {
    grid-template-areas: "koloreka koloreka koloreka""eshop nosotros nebera""proyectos empresas contacto";
    margin-bottom: 2rem;
  }
}

@media all and (min-width: 768px) {
  header#header #bigarren_lerroa #nabigazio_nagusia ul {
    grid-template-areas: "koloreka koloreka koloreka""eshop nosotros nebera""proyectos empresas contacto";
    margin-bottom: 2rem;
  }
}

@media all and (min-width: 992px) {
  header#header #bigarren_lerroa #nabigazio_nagusia ul {
    grid-template-areas: "eshop nosotros nebera koloreka proyectos empresas contacto";
    margin-bottom: 0;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: .5rem;
  }
}

@media all and (min-width: 1200px) {
  header#header #bigarren_lerroa #nabigazio_nagusia ul {
    grid-template-areas: "eshop nosotros nebera koloreka proyectos empresas contacto";
    margin-bottom: 0;
    grid-template-columns: initial;
    gap: 3rem;
  }
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  position: relative;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li a {
  border: 0.2rem solid #fff;
  font-family: "Graphik-Medium";
  text-transform: uppercase;
  padding: 0.5rem;
  white-space: nowrap;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li a:hover {
  border: 0.2rem solid rgba(0, 0, 0, 0.9);
  text-decoration: none;
  transition: ease-in-out 1s;
  -webkit-transition: ease-in-out 1s;
  -moz-transition: ease-in-out 1s;
  -ms-transition: ease-in-out 1s;
  -o-transition: ease-in-out 1s;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li a.active {
  border: 0.2rem solid rgba(0, 0, 0, 0.9);
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li h1 {
  display: contents;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li h1 a.logo {
  border: 0rem solid #fff;
  text-transform: lowercase;
  padding: 0 1rem 1.4rem;
  font-family: "CenturyGothic-Bold";
  letter-spacing: -0.2rem;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li h1 a.logo:hover {
  border: 0rem solid #fff;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li ul {
  display: none;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li:hover ul {
  background: #fff;
  display: block;
  position: absolute;
  z-index: 1;
}

@media all and (min-width: 100px) {
  header#header #bigarren_lerroa #nabigazio_nagusia ul li:hover ul {
    bottom: -7rem;
  }
}

@media all and (max-width: 600px) {
  header#header #bigarren_lerroa #nabigazio_nagusia ul li:hover ul {
    bottom: -7rem;
  }
}

@media all and (min-width: 600px) {
  header#header #bigarren_lerroa #nabigazio_nagusia ul li:hover ul {
    bottom: -7rem;
  }
}

@media all and (min-width: 768px) {
  header#header #bigarren_lerroa #nabigazio_nagusia ul li:hover ul {
    bottom: -3.5rem;
  }
}

@media all and (min-width: 992px) {
  header#header #bigarren_lerroa #nabigazio_nagusia ul li:hover ul {
    bottom: -3.5rem;
  }
}

@media all and (min-width: 1200px) {
  header#header #bigarren_lerroa #nabigazio_nagusia ul li:hover ul {
    bottom: -3.5rem;
  }
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li:hover ul li {
  display: block;
  margin: 0;
  padding: 0;
  border: 0.2rem solid rgba(0, 0, 0, 0.9);
  font-family: "Graphik-Light";
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li:hover ul li a {
  color: #000;
  height: 2rem;
  border: 0;
  padding: 0.7rem;
  display: block;
  font-size: 0.9rem;
  width: 10rem;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li:hover ul li a:hover {
  background: rgba(255, 255, 255, 0.5);
  font-family: "Graphik-Bold";
  transition: linear 0.2s;
  -webkit-transition: linear 0.2s;
  -moz-transition: linear 0.2s;
  -ms-transition: linear 0.2s;
  -o-transition: linear 0.2s;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li:hover ul li .sub_active {
  font-family: "Graphik-Bold";
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li:hover ul li:first-child {
  border-bottom: 0;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li:hover ul li:first-child:before {
  content: "";
  height: 0;
  position: absolute;
  top: -0.7rem;
  left: 45%;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #000;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li.main_nav_link:nth-child(1) {
  grid-area: eshop;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li.main_nav_link:nth-child(2) {
  grid-area: nosotros;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li.main_nav_link:nth-child(3) {
  grid-area: nebera;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li.main_nav_link:nth-child(4) {
  grid-area: koloreka;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li.main_nav_link:nth-child(5) {
  grid-area: proyectos;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li.main_nav_link:nth-child(6) {
  grid-area: empresas;
}

header#header #bigarren_lerroa #nabigazio_nagusia ul li.main_nav_link:nth-child(7) {
  grid-area: contacto;
}

#footer {
  margin-top: 5rem;
  margin-bottom: 3rem;
}

#footer #bereizketa {
  text-align: center;
  margin-bottom: 3rem;
}

#footer #bereizketa img {
  background: #fff;
  border: 2rem solid #fff;
  margin-bottom: -4.5rem;
  width: 9rem;
}

#footer #hordutegia div {
  width: 13rem;
}

#footer #hordutegia .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-left: -0.7rem;
}

#footer #hordutegia .social li {
  margin: 0.7rem;
}

#footer #hordutegia .social li img {
  height: 1.5rem;
}

#footer #hordutegia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-line-pack: center;
  align-content: center;
  align-items: top;
  padding-top: 50px;
  margin: 0;
}

#footer #informazio_orokorra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-line-pack: center;
  align-content: center;
  align-items: top;
  height: 15rem;
  padding-top: 50px;
  margin: 0;
}

#footer #harremana_datuak {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-line-pack: center;
  align-items: top;
  align-content: center;
  padding-top: 50px;
  margin: 0;
}


@media all and (min-width: 100px) {
  #footer #hordutegia {
    margin-bottom: 2rem;
  }

  #footer #informazio_orokorra {
    border-top: 1.3px solid #000;
    border-bottom: 1.3px solid #000;
    margin: 2rem 0;
    padding-top: 2rem;
  }
  #footer #harremana_datuak {
    padding-top: 2rem;
  }
}

@media all and (max-width: 600px) {
  #footer #hordutegia {
    margin-bottom: 2rem;
  }
  #footer #informazio_orokorra {
    border-top: 1.3px solid #000;
    border-bottom: 1.3px solid #000;
    margin: 2rem 0;
    padding-top: 4rem;
  }
  #footer #harremana_datuak {
    padding-top: 2rem;
  }
}

@media all and (min-width: 600px) {
  #footer #hordutegia {
    margin: 0 0 2rem 0;
  }
  #footer #informazio_orokorra {
    border-top: 1.3px solid #000;
    border-bottom: 1.3px solid #000;
    margin: 2rem 0;
    padding-top: 4rem;
  }
  #footer #harremana_datuak {
    padding-top: 2rem;
  }
}

@media all and (min-width: 768px) {
  #footer #hordutegia {
    padding-top: 2rem;
    margin: 2rem 0;
  }
  #footer #informazio_orokorra {
    border: 0;
    border-left: 1.3px solid #000;
    border-right: 1.3px solid #000;
    margin: 2rem 0;
    padding-top: 2rem;
  }
  #footer #harremana_datuak {
    padding-top: 2rem;
    margin: 2rem 0;
  }
}

@media all and (min-width: 992px) {
  #footer #hordutegia {
    margin: 0;
    padding-top: 50px;
  }
  #footer #informazio_orokorra {
    border: 0;
    border-left: 1.3px solid #000;
    border-right: 1.3px solid #000;
    margin: 0;
    padding-top: 50px;
  }

  #footer #harremana_datuak {
    padding-top: 50px;
    margin: 0;
  }
}

@media all and (min-width: 1200px) {
  #footer #informazio_orokorra {
    margin: 0 0 2rem 0;
    border-left: 1.3px solid #000;
    border-right: 1.3px solid #000;
    margin: 0;
  }
}

#footer #informazio_orokorra div {
  width: 14rem;
}

#footer h4 {
  font-size: 1rem;
  font-family: "Graphik-Bold";
  text-transform: uppercase;
}

#footer li {
  margin: 0.5rem 0;
}

#footer #harremana_datuak div {
  height: 7.5rem;
  width: 13rem;
}

#footer #harremana_datuak div h4 {
  margin-bottom: 0.3rem;
}

#footer #harremana_datuak p {
  font-size: 1rem;
  line-height: 1.3rem;
}

#footer #harremana_datuak p span {
  display: block;
}

.breadcrumb {
  background: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.breadcrumb .breadcrumb-item {
  color: #000;
}

.breadcrumb .breadcrumb-item a {
  color: #000;
}

.breadcrumb .breadcrumb-item a:hover {
  color: #000;
}

.breadcrumb .breadcrumb-item.active {
  font-weight: 800;
  color: #000;
}

.btn-koloreka {
  border: 0.15rem solid rgba(0, 0, 0, 0.9);
  font-family: "Graphik-Medium";
  padding: 0.5rem 1rem 0.3rem 1rem;
  text-transform: uppercase;
}

.btn-koloreka:hover {
  background: rgba(0, 0, 0, 0.05);
  text-decoration: none;
}

#scroll_up {
  display: none;
  position: fixed;
  bottom: 2rem;
  right: 1.5rem;
  z-index: 2;
}

#scroll_up a {
  background: #fff;
  border: 0.2rem solid #000;
  height: 50px;
  width: 50px;
  display: inline-block;
  -webkit-transition: 1s;
  transition: 1s;
}

#scroll_up a:hover {
  background: rgba(0, 0, 0, 0.02);
  -webkit-transition: 1s;
  transition: 1s;
}

.show_scroll_up {
  display: inline-block !important;
  -webkit-transition: 1s;
  transition: 1s;
}

.card {
  border: 0;
}

.card h2 {
  font-family: "Graphik-Bold";
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.card h2 button.first {
  border-top: 1.3px solid #000 !important;
}

.card h2 button {
  background: url("../img/proyectos/open.svg") no-repeat 98% 2rem;
  border-bottom: 0;
  display: block;
  min-height: 3.2rem;
  padding: 2rem 0 3rem 0;
  text-transform: uppercase;
}

.card h2 button.collapsed {
  background: url("../img/proyectos/closed.svg") no-repeat 98% 2rem;
  border-bottom: 1.3px solid #000 !important;
  display: block;
}

.card h2 button.first {
  background-position: 98% 3rem;
  padding-top: 3rem;
}

.card p {
  font-size: 1rem;
  margin-bottom: 0.8rem;
  line-height: 1.3rem;
}

#nebera .card p {
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

#nebera .card p img {
	width: 100%;
	height: auto;
}

#nebera .card-body h2 {
	font-family: "BauerBodoniStd-Italic";
	font-size: 1.875rem;
}

#nebera .card h3 {
	font-family: Graphik-Light;
	font-weight: 200;
	font-size: 1.3rem;
	text-transform: uppercase;
}

#nebera .card p a {
  text-decoration: underline;
}


@media all and (min-width: 100px) {
  .card p {
    width: 100%;
  }
}

@media all and (max-width: 600px) {
  .card p {
    width: 100%;
  }
}

@media all and (min-width: 600px) {
  .card p {
    width: 100%;
  }
}

@media all and (min-width: 768px) {
  .card p {
    width: 100%;
  }
}

@media all and (min-width: 992px) {
  #nebera .card p {
    width: 100%;
  }

  .card p {
    width: 60%;
  }
}

@media all and (min-width: 1200px) {
  #nebera .card p {
    width: 100%;
  }

  .card p {
    width: 60%;
  }
}

.card .card-header {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

@media all and (min-width: 100px) {
  .card .card-body {
    padding: 0;
  }
}

@media all and (max-width: 600px) {
  .card .card-body {
    padding: 0;
  }
}

@media all and (min-width: 600px) {
  .card .card-body {
    padding: 0;
  }
}

@media all and (min-width: 768px) {
  .card .card-body {
    padding: 0;
  }
}

#lehen_irudia img {
  width: 100%;
}

#ekintzara_deitu h2 {
  font-family: "BauerBodoniStd-Italic";
}

@media all and (min-width: 100px) {
  #ekintzara_deitu h2 {
    font-size: 1.8rem;
    text-align: center;
    width: 95%;
    margin: 1.5rem auto;
  }
}

@media all and (max-width: 600px) {
  #ekintzara_deitu h2 {
    font-size: 1.8rem;
    text-align: center;
    width: 95%;
    margin: 1.5rem auto;
  }
}

@media all and (min-width: 600px) {
  #ekintzara_deitu h2 {
    font-size: 1.8rem;
    text-align: center;
    width: 95%;
    margin: 1.5rem auto;
  }
}

@media all and (min-width: 768px) {
  #ekintzara_deitu h2 {
    font-size: 2.8rem;
    text-align: left;
    width: 67%;
    margin: 5rem 0 4rem;
  }
}

@media all and (min-width: 992px) {
  #ekintzara_deitu h2 {
    font-size: 2.8rem;
    text-align: left;
    width: 67%;
    margin: 5rem 0 4rem;
  }
}

@media all and (min-width: 1200px) {
  #ekintzara_deitu h2 {
    font-size: 2.8rem;
    text-align: left;
    width: 67%;
    margin: 5rem 0 4rem;
  }
}

#ekintzara_deitu #artelana_nabarmenak {
  margin-bottom: 2rem;
}

#opariak {
  display: -ms-grid;
  display: grid;
}

@media all and (min-width: 100px) {
  #opariak {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media all and (max-width: 600px) {
  #opariak {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media all and (min-width: 600px) {
  #opariak {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media all and (min-width: 768px) {
  #opariak {
    -ms-grid-columns: 1fr 20rem;
    grid-template-columns: 1fr 20rem;
  }
}

@media all and (min-width: 992px) {
  #opariak {
    -ms-grid-columns: 1fr 20rem;
    grid-template-columns: 1fr 20rem;
  }
}

@media all and (min-width: 1200px) {
  #opariak {
    -ms-grid-columns: 1fr 20rem;
    grid-template-columns: 1fr 20rem;
  }
}

#opariak #irudia {
  overflow: hidden;
}

#opariak #mezua {
  -ms-flex-line-pack: justify;
  align-content: space-between;
  border: 0.7rem solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: 32.5rem;
  padding: 1rem;
}

@media all and (min-width: 100px) {
  #opariak #mezua {
    margin-left: 0;
  }
}

@media all and (max-width: 600px) {
  #opariak #mezua {
    margin-left: 0;
  }
}

@media all and (min-width: 600px) {
  #opariak #mezua {
    margin-left: 0;
  }
}

@media all and (min-width: 768px) {
  #opariak #mezua {
    margin-left: 1rem;
  }
}

@media all and (min-width: 992px) {
  #opariak #mezua {
    margin-left: 1rem;
  }
}

@media all and (min-width: 1200px) {
  #opariak #mezua {
    margin-left: 1rem;
  }
}

#opariak #mezua h3 {
  font-family: "Graphik-Bold";
}

@media all and (min-width: 100px) {
  #opariak #mezua h3 {
    font-size: 1.5rem;
  }
}

@media all and (max-width: 600px) {
  #opariak #mezua h3 {
    font-size: 1.5rem;
  }
}

@media all and (min-width: 600px) {
  #opariak #mezua h3 {
    font-size: 1.5rem;
  }
}

@media all and (min-width: 768px) {
  #opariak #mezua h3 {
    font-size: 2rem;
  }
}

@media all and (min-width: 992px) {
  #opariak #mezua h3 {
    font-size: 2rem;
  }
}

@media all and (min-width: 1200px) {
  #opariak #mezua h3 {
    font-size: 2rem;
  }
}

@media all and (min-width: 992px) {
  #opariak #mezua h3 span {
    display: block;
  }
}

@media all and (min-width: 1200px) {
  #opariak #mezua h3 span {
    display: block;
  }
}

#opariak #mezua p {
  font-size: 1.25rem;
  line-height: 1.7rem;
  margin-bottom: 0.5rem;
}

#idatzi_iezaguzu blockquote {
  font-family: "BauerBodoniStd-Italic";
  font-size: 2.5rem;
  text-align: center;
  line-height: 3rem;
  margin: 10rem auto;
  width: 40rem;
}

@media all and (min-width: 100px) {
  #idatzi_iezaguzu blockquote {
    width: 80%;
  }
}

@media all and (max-width: 600px) {
  #idatzi_iezaguzu blockquote {
    width: 80%;
  }
}

@media all and (min-width: 600px) {
  #idatzi_iezaguzu blockquote {
    width: 80%;
  }
}

@media all and (min-width: 768px) {
  #idatzi_iezaguzu blockquote {
    width: 80%;
  }
}

@media all and (min-width: 992px) {
  #idatzi_iezaguzu blockquote {
    width: 40rem;
  }
}

@media all and (min-width: 1200px) {
  #idatzi_iezaguzu blockquote {
    width: 40rem;
  }
}

.harremana_datuak {
  font-size: 2rem;
  font-family: "Graphik-Regular";
  padding: 6rem 0 1rem;
}

.harremana_datuak li {
  margin-bottom: 0.5rem;
}

#mapa {
  margin-top: 1rem;
}

#mapa a {
  display: block;
  text-align: center;
}

#ordutegia {
  padding: 0;
  margin: 3rem auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#ordutegia h6 {
  padding: 0 3rem 0 0;
}

@media all and (min-width: 100px) {
  #ordutegia h6 {
    padding: 0 3rem 3rem 0;
  }
}

@media all and (max-width: 600px) {
  #ordutegia h6 {
    padding: 0 3rem 3rem 0;
  }
}

@media all and (min-width: 600px) {
  #ordutegia h6 {
    padding: 0 3rem 3rem 0;
  }
}

@media all and (min-width: 768px) {
  #ordutegia h6 {
    padding: 0 3rem 0 0;
  }
}

@media all and (min-width: 992px) {
  #ordutegia h6 {
    padding: 0 3rem 0 0;
  }
}

@media all and (min-width: 1200px) {
  #ordutegia h6 {
    padding: 0 3rem 0 0;
  }
}

#ordutegia .ordutegia {
  border: 0.7rem solid #000;
  padding: 1rem;
  margin: 20px;
  min-height: 510px;
}

#ordutegia .ordutegia ul {
  margin-top: 2rem;
}

#ordutegia .ordutegia ul li {
  font-family: "Graphik-Bold";
  font-size: 2.3rem;
  line-height: 3rem;
  margin-bottom: 2rem;
}

#ordutegia .ordutegia ul li span {
  display: block;
}

#dekorazioa,
#opari_korporatiboak {
  padding: 4rem 0 0 0;
}

#dekorazioa h2,
#opari_korporatiboak h2 {
  font-family: "Graphik-Bold";
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

#dekorazioa h3,
#opari_korporatiboak h3 {
  font-family: "Graphik-Bold";
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

#dekorazioa article,
#opari_korporatiboak article {
  max-width: 40rem;
  padding-top: 3rem;
  margin: 0 auto;
}

#dekorazioa article p,
#opari_korporatiboak article p {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.7rem;
}

#dekorazioa article p strong,
#opari_korporatiboak article p strong {
  font-family: "Graphik-Bold";
}

#dekorazioa article table,
#opari_korporatiboak article table {
  width: 100%;
}

#dekorazioa article table th,
#dekorazioa article table td,
#opari_korporatiboak article table th,
#opari_korporatiboak article table td {
  padding: 0.4rem 0;
}

#dekorazioa article table tr:hover,
#opari_korporatiboak article table tr:hover {
  background: rgba(0, 0, 0, 0.05);
}

#dekorazioa #adibideak,
#opari_korporatiboak #adibideak {
  margin: 2rem 0 0 0;
}

#dekorazioa #grid_dekorazioa,
#opari_korporatiboak #grid_dekorazioa {
  margin-top: 4rem;
}

#ideiak {
  padding: 0;
  margin: 2rem 0 6rem;
}

@media all and (min-width: 100px) {
  #ideiak {
    display: block;
  }
}

@media all and (max-width: 600px) {
  #ideiak {
    display: block;
  }
}

@media all and (min-width: 600px) {
  #ideiak {
    display: block;
  }
}

@media all and (min-width: 768px) {
  #ideiak {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

@media all and (min-width: 992px) {
  #ideiak {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

@media all and (min-width: 1200px) {
  #ideiak {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

#ideiak #irudia {
  overflow: hidden;
}

#ideiak #mezua {
  -ms-flex-line-pack: justify;
  align-content: space-between;
  border: 0.7rem solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-content: space-between;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 32.5rem;
  padding: 1rem;
  width: 23rem;
}

#ideiak #mezua h3 {
  font-family: "Graphik-Bold";
}

@media all and (min-width: 100px) {
  #ideiak #mezua h3 {
    font-size: 1.5rem;
  }
}

@media all and (max-width: 600px) {
  #ideiak #mezua h3 {
    font-size: 1.5rem;
  }
}

@media all and (min-width: 600px) {
  #ideiak #mezua h3 {
    font-size: 1.5rem;
  }
}

@media all and (min-width: 768px) {
  #ideiak #mezua h3 {
    font-size: 2.5rem;
  }
}

@media all and (min-width: 992px) {
  #ideiak #mezua h3 {
    font-size: 2.5rem;
  }
}

@media all and (min-width: 1200px) {
  #ideiak #mezua h3 {
    font-size: 2.5rem;
  }
}

@media all and (min-width: 992px) {
  #ideiak #mezua h3 span {
    display: block;
  }
}

@media all and (min-width: 1200px) {
  #ideiak #mezua h3 span {
    display: block;
  }
}

#ideiak #mezua p {
  font-size: 1.6rem;
  line-height: 1.7rem;
  margin-bottom: 0.5rem;
}

@media all and (min-width: 100px) {
  #ideiak img#irudia {
    margin: 0;
  }
}

@media all and (max-width: 600px) {
  #ideiak img#irudia {
    margin: 0;
  }
}

@media all and (min-width: 600px) {
  #ideiak img#irudia {
    margin: 0;
  }
}

@media all and (min-width: 768px) {
  #ideiak img#irudia {
    margin: 0;
  }
}

@media all and (min-width: 992px) {
  #ideiak img#irudia {
    margin-left: 2rem;
  }
}

@media all and (min-width: 1200px) {
  #ideiak img#irudia {
    margin-left: 2rem;
  }
}

#aurkezpena {
  max-width: 55rem;
  padding: 8rem 0 4rem;
  margin: 0 auto;
}

#aurkezpena article {
  margin: 0 auto;
  width: 80%;
}

#aurkezpena article p {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.7rem;
}

#artelanak {
  margin-bottom: 7rem;
}

@media all and (min-width: 100px) {
  #artelanak #kantuka-img {
    display: block;
  }

  #artelanak #kantuka-img img {
    margin-bottom: 1rem;
    width: 100%;
  }
}

@media all and (max-width: 600px) {
  #artelanak #kantuka-img {
    display: block;
  }

  #artelanak #kantuka-img img {
    margin-bottom: 1rem;
    width: 100%;
  }
}

@media all and (min-width: 600px) {
  #artelanak #kantuka-img {
    display: block;
  }

  #artelanak #kantuka-img img {
    margin-bottom: 1rem;
    width: 100%;
  }
}

@media all and (min-width: 768px) {
  #artelanak #kantuka-img {
    display: block;
  }

  #artelanak #kantuka-img img {
    margin-bottom: 1rem;
    width: 100%;
  }
}

@media all and (min-width: 992px) {
  #artelanak #kantuka-img {
    display: -ms-grid;
    display: grid;
    grid-gap: 1rem;
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
  }

  #artelanak #kantuka-img img {
    margin-bottom: 1rem;
    width: auto;
  }
}

@media all and (min-width: 1200px) {
  #artelanak #kantuka-img {
    display: -ms-grid;
    display: grid;
    grid-gap: 1rem;
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
  }

  #artelanak #kantuka-img img {
    margin-bottom: 1rem;
    width: auto;
  }
}

#artelanak #kantuka-img img:nth-child(4) {
  -ms-grid-column: 1;
  grid-column-start: 1;
  grid-column-end: 4;
}

#artelanak #begimuga_bost {
  margin: 0 0 7rem 0;
}

#artelanak #begimuga_bost ul li {
  text-align: center;
  padding: 3rem 0;
}

@media all and (min-width: 100px) {
  #artelanak #begimuga_bost ul li img {
    width: 90%;
  }
}

@media all and (max-width: 600px) {
  #artelanak #begimuga_bost ul li img {
    width: 90%;
  }
}

@media all and (min-width: 600px) {
  #artelanak #begimuga_bost ul li img {
    width: 90%;
  }
}

@media all and (min-width: 768px) {
  #artelanak #begimuga_bost ul li img {
    width: 90%;
  }
}

@media all and (min-width: 992px) {
  #artelanak #begimuga_bost ul li img {
    width: 70%;
  }
}

@media all and (min-width: 1200px) {
  #artelanak #begimuga_bost ul li img {
    width: 70%;
  }
}

#artelanak .pintura_bat,
#artelanak .begimuga_bat {
  margin-bottom: 2rem;
}

@media all and (min-width: 100px) {

  #artelanak .pintura_bi ul,
  #artelanak .bikinikoak_bi ul,
  #artelanak .begimuga_bi ul {
    display: block;
    grid-gap: 0;
  }
}

@media all and (max-width: 600px) {

  #artelanak .pintura_bi ul,
  #artelanak .bikinikoak_bi ul,
  #artelanak .begimuga_bi ul {
    display: block;
    grid-gap: 0;
  }
}

@media all and (min-width: 600px) {

  #artelanak .pintura_bi ul,
  #artelanak .bikinikoak_bi ul,
  #artelanak .begimuga_bi ul {
    display: block;
    grid-gap: 0;
  }
}

@media all and (min-width: 768px) {

  #artelanak .pintura_bi ul,
  #artelanak .bikinikoak_bi ul,
  #artelanak .begimuga_bi ul {
    display: block;
    grid-gap: 0;
  }
}

@media all and (min-width: 992px) {

  #artelanak .pintura_bi ul,
  #artelanak .bikinikoak_bi ul,
  #artelanak .begimuga_bi ul {
    display: -ms-grid;
    display: grid;
    grid-gap: 2rem;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media all and (min-width: 1200px) {

  #artelanak .pintura_bi ul,
  #artelanak .bikinikoak_bi ul,
  #artelanak .begimuga_bi ul {
    display: -ms-grid;
    display: grid;
    grid-gap: 2rem;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

#artelanak .pintura_bi ul img,
#artelanak .bikinikoak_bi ul img,
#artelanak .begimuga_bi ul img {
  margin-bottom: 2rem;
  width: 100%;
}

#artelanak .begimuga_azkena {
  border-bottom: 1.3px solid #000;
  padding-bottom: 5rem;
  margin-bottom: 0.5rem;
}

#artelanak .bikinikoak_bat {
  text-align: center;
  padding: 5rem 0;
}

#artelanak .pintura_testua {
  margin-bottom: 3rem;
}

#artelanak article.lanaren_testua {
  margin: 1rem 0 5rem 0;
}

#ongietorri_kolorekara {
  padding-top: 7rem;
}

#ongietorri_kolorekara h2 {
  font-family: "Graphik-Bold";
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

#ongietorri_kolorekara article {
  max-width: 55rem;
  margin: 0 auto;
}

#ongietorri_kolorekara article img {
  margin: 3.5rem 0 5rem 0;
  width: 100%;
}

#ongietorri_kolorekara article p {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.7rem;
}

#ongietorri_kolorekara article .testua {
  margin: 0 auto;
  width: 80%;
}

#ongietorri_kolorekara article .testua strong,
#ongietorri_kolorekara article .testua b {
  font-family: "Graphik-Bold";
}

#ongietorri_kolorekara article blockquote {
  font-family: "BauerBodoniStd-Italic";
  font-size: 2.5rem;
  text-align: center;
  line-height: 3rem;
  margin: 4rem auto;
  width: 70%;
}

#gure_ekipoa h2 {
  font-family: "Graphik-Bold";
  font-size: 1.5rem;
  margin-bottom: 1rem;
  margin: 4rem 0 5.5rem;
}

#gure_ekipoa h3 {
  font-family: "Graphik-Bold";
  font-size: 1.5rem;
  margin-bottom: 1rem;
  margin: 0 0 1rem;
}

#gure_ekipoa h3 span {
  display: block;
  font-family: "Graphik-Regular";
  font-style: italic;
}

#gure_ekipoa .pertsonak {
  -webkit-column-gap: 1rem;
  column-gap: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 72rem;
}

@media all and (min-width: 100px) {
  #gure_ekipoa .pertsonak {
    display: block;
    max-width: 90%;
  }
}

@media all and (max-width: 600px) {
  #gure_ekipoa .pertsonak {
    display: block;
    max-width: 90%;
  }
}

@media all and (min-width: 600px) {
  #gure_ekipoa .pertsonak {
    display: block;
    max-width: 90%;
  }
}

@media all and (min-width: 768px) {
  #gure_ekipoa .pertsonak {
    display: block;
    max-width: 90%;
  }
}

@media all and (min-width: 992px) {
  #gure_ekipoa .pertsonak {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 72rem;
  }
}

@media all and (min-width: 1200px) {
  #gure_ekipoa .pertsonak {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 72rem;
  }
}

#gure_ekipoa .pertsonak .pertsona {
  position: relative;
}

#gure_ekipoa .pertsonak .pertsona .informazioa {
  position: absolute;
  z-index: 2;
  background: url(../img/quienes_somos/show.svg) no-repeat center center;
  text-indent: -9999rem;
  height: 2rem;
  width: 4rem;
}

#gure_ekipoa .pertsonak .pertsona .informazioa:focus {
  outline: 1px dotted;
  outline: 0 auto -webkit-focus-ring-color;
}

#gure_ekipoa .pertsonak .pertsona #info_nerea {
  top: 0.5rem;
  right: 0.5rem;
}

#gure_ekipoa .pertsonak .pertsona #info_langile_bat {
  top: 0.5rem;
  right: 0.5rem;
}

#gure_ekipoa .pertsonak .pertsona #info_langile_bi {
  left: 0.5rem;
}

#gure_ekipoa .pertsonak .pertsona #info_ramon {
  right: 0.5rem;
}

#gure_ekipoa .pertsonak .pertsona img.langile {
  width: 347px;
}

@media all and (max-width: 992px) {
  #gure_ekipoa .pertsonak .pertsona img.langile {
    width: 100%;
    height: auto;
  }
}

@media all and (min-width: 100px) {
  #gure_ekipoa .pertsonak .pertsona #info_langile_bi {
    bottom: 0.5rem;
  }

  #gure_ekipoa .pertsonak .pertsona #info_langile_bi.ezkutatu {
    bottom: 2rem;
    top: auto;
    left: 0.5rem;
    right: auto;
  }

  #gure_ekipoa .pertsonak .pertsona #info_ramon {
    bottom: 0.5rem;
  }

  #gure_ekipoa .pertsonak .pertsona #info_ramon.ezkutatu {
    bottom: auto;
    top: 0.5rem;
  }
}

@media all and (max-width: 600px) {
  #gure_ekipoa .pertsonak .pertsona #info_langile_bi {
    bottom: 0.5rem;
  }

  #gure_ekipoa .pertsonak .pertsona #info_langile_bi.ezkutatu {
    bottom: 2rem;
    top: auto;
    left: 0.5rem;
    right: auto;
  }

  #gure_ekipoa .pertsonak .pertsona #info_ramon {
    bottom: 0.5rem;
  }

  #gure_ekipoa .pertsonak .pertsona #info_ramon.ezkutatu {
    bottom: auto;
    top: 0.5rem;
  }
}

@media all and (min-width: 600px) {
  #gure_ekipoa .pertsonak .pertsona #info_langile_bi {
    bottom: 0.5rem;
  }

  #gure_ekipoa .pertsonak .pertsona #info_langile_bi.ezkutatu {
    bottom: 2rem;
    top: auto;
    left: 0.5rem;
    right: auto;
  }

  #gure_ekipoa .pertsonak .pertsona #info_ramon {
    bottom: 0.5rem;
  }

  #gure_ekipoa .pertsonak .pertsona #info_ramon.ezkutatu {
    bottom: auto;
    top: 0.5rem;
  }
}

@media all and (min-width: 768px) {
  #gure_ekipoa .pertsonak .pertsona #info_langile_bi {
    bottom: 0.5rem;
  }

  #gure_ekipoa .pertsonak .pertsona #info_langile_bi.ezkutatu {
    bottom: 2rem;
    top: auto;
    left: 0.5rem;
    right: auto;
  }

  #gure_ekipoa .pertsonak .pertsona #info_ramon {
    bottom: 0.5rem;
  }

  #gure_ekipoa .pertsonak .pertsona #info_ramon.ezkutatu {
    bottom: auto;
    top: 0.5rem;
  }
}

@media all and (min-width: 992px) {
  #gure_ekipoa .pertsonak .pertsona #info_langile_bi {
    bottom: 2rem;
  }

  #gure_ekipoa .pertsonak .pertsona #info_ramon,
  #gure_ekipoa .pertsonak .pertsona #info_ramon.ezkutatu {
    bottom: 2rem;
    top: auto;
  }

}

@media all and (min-width: 1200px) {
  #gure_ekipoa .pertsonak .pertsona #info_langile_bi {
    bottom: 2rem;
  }

  #gure_ekipoa .pertsonak .pertsona #info_ramon,
  #gure_ekipoa .pertsonak .pertsona #info_ramon.ezkutatu {
    bottom: 2rem;
    top: auto;
  }
}

#gure_ekipoa .pertsonak .pertsona .ezkutatu {
  background: url(../img/quienes_somos/hidde.svg) no-repeat center center;
}

#gure_ekipoa .pertsonak .pertsona img {
  display: block;
  margin-bottom: 1.5rem;
}

@media all and (min-width: 100px) {
  #gure_ekipoa .pertsonak .pertsona img {
    width: 100%;
  }
}

@media all and (max-width: 600px) {
  #gure_ekipoa .pertsonak .pertsona img {
    width: 100%;
  }
}

@media all and (min-width: 600px) {
  #gure_ekipoa .pertsonak .pertsona img {
    width: 100%;
  }
}

@media all and (min-width: 768px) {
  #gure_ekipoa .pertsonak .pertsona img {
    width: 100%;
  }
}

@media all and (min-width: 992px) {
  #gure_ekipoa .pertsonak .pertsona img {
    width: auto;
  }
}

@media all and (min-width: 1200px) {
  #gure_ekipoa .pertsonak .pertsona img {
    width: auto;
  }
}

#gure_ekipoa .pertsonak .pertsona div {
  display: none;
  background: #fff;
  padding: 2rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 488px;
  width: 100%;
}

@media all and (min-width: 100px) {
  #gure_ekipoa .pertsonak .pertsona div {
    height: 633px;
  }
}

@media all and (max-width: 600px) {
  #gure_ekipoa .pertsonak .pertsona div {
    height: 633px;
  }
}

@media all and (min-width: 600px) {
  #gure_ekipoa .pertsonak .pertsona div {
    height: 633px;
  }
}

@media all and (min-width: 768px) {
  #gure_ekipoa .pertsonak .pertsona div {
    height: 633px;
  }
}

@media all and (min-width: 992px) {
  #gure_ekipoa .pertsonak .pertsona div {
    height: 488px;
  }
}

@media all and (min-width: 1200px) {
  #gure_ekipoa .pertsonak .pertsona div {
    height: 488px;
  }
}

#gure_ekipoa .pertsonak .pertsona div p {
  margin-bottom: 1rem;
}

@media all and (min-width: 100px) {
  #gure_ekipoa .pertsonak .pertsona div p {
    font-size: 1.3rem;
    line-height: 2rem;
  }
}

@media all and (max-width: 600px) {
  #gure_ekipoa .pertsonak .pertsona div p {
    font-size: 1.3rem;
    line-height: 2rem;
  }
}

@media all and (min-width: 600px) {
  #gure_ekipoa .pertsonak .pertsona div p {
    font-size: 1.3rem;
    line-height: 2rem;
  }
}

@media all and (min-width: 768px) {
  #gure_ekipoa .pertsonak .pertsona div p {
    font-size: 1.3rem;
    line-height: 2rem;
  }
}

@media all and (min-width: 992px) {
  #gure_ekipoa .pertsonak .pertsona div p {
    font-size: 0.9rem;
    line-height: 1.3rem;
  }
}

@media all and (min-width: 1200px) {
  #gure_ekipoa .pertsonak .pertsona div p {
    font-size: 0.9rem;
    line-height: 1.3rem;
  }
}

@media all and (min-width: 100px) {
  #gure_ekipoa .pertsonak .pertsona div.nerea {
    height: auto;
  }
}

@media all and (max-width: 600px) {
  #gure_ekipoa .pertsonak .pertsona div.nerea {
    height: auto;
  }
}

@media all and (min-width: 600px) {
  #gure_ekipoa .pertsonak .pertsona div.nerea {
    height: auto;
  }
}

@media all and (min-width: 768px) {
  #gure_ekipoa .pertsonak .pertsona div.nerea {
    height: 553px;
  }
}

@media all and (min-width: 992px) {
  #gure_ekipoa .pertsonak .pertsona div.nerea {
    height: 488px;
  }
}

@media all and (min-width: 1200px) {
  #gure_ekipoa .pertsonak .pertsona div.nerea {
    height: 488px;
  }
}

@media all and (min-width: 100px) {
  #gure_ekipoa .pertsonak .pertsona div.ramon {
    height: 660px;
  }
}

@media all and (max-width: 600px) {
  #gure_ekipoa .pertsonak .pertsona div.ramon {
    height: 660px;
  }
}

@media all and (min-width: 600px) {
  #gure_ekipoa .pertsonak .pertsona div.ramon {
    height: 660px;
  }
}

@media all and (min-width: 768px) {
  #gure_ekipoa .pertsonak .pertsona div.ramon {
    height: 551px;
  }
}

@media all and (min-width: 992px) {
  #gure_ekipoa .pertsonak .pertsona div.ramon {
    height: 488px;
  }
}

@media all and (min-width: 1200px) {
  #gure_ekipoa .pertsonak .pertsona div.ramon {
    height: 488px;
  }
}

@media all and (min-width: 100px) {

  #gure_ekipoa .pertsonak .pertsona div.langile_bat,
  #gure_ekipoa .pertsonak .pertsona div.langile_bi {
    height: 633px;
  }
}

@media all and (max-width: 600px) {

  #gure_ekipoa .pertsonak .pertsona div.langile_bat,
  #gure_ekipoa .pertsonak .pertsona div.langile_bi {
    height: 633px;
  }
}

@media all and (min-width: 600px) {

  #gure_ekipoa .pertsonak .pertsona div.langile_bat,
  #gure_ekipoa .pertsonak .pertsona div.langile_bi {
    height: 633px;
  }
}

@media all and (min-width: 768px) {

  #gure_ekipoa .pertsonak .pertsona div.langile_bat,
  #gure_ekipoa .pertsonak .pertsona div.langile_bi {
    height: 1240px;
  }
}

@media all and (min-width: 992px) {

  #gure_ekipoa .pertsonak .pertsona div.langile_bat,
  #gure_ekipoa .pertsonak .pertsona div.langile_bi {
    height: 488px;
  }
}

@media all and (min-width: 1200px) {

  #gure_ekipoa .pertsonak .pertsona div.langile_bat,
  #gure_ekipoa .pertsonak .pertsona div.langile_bi {
    height: 488px;
  }
}

.z-index_3 {
  z-index: 3 !important;
}

.z-index_4 {
  z-index: 4 !important;
}

#agerraldiak {
  margin: 3rem auto 0;
  width: 100%;
}

#agerraldiak ul.agerraldiak {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#agerraldiak ul.agerraldiak li {
  margin: 1rem;
}

.orrikatzea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 0rem 1rem 1rem;
}

@media all and (min-width: 100px) {
  .orrikatzea {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media all and (max-width: 600px) {
  .orrikatzea {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media all and (min-width: 600px) {
  .orrikatzea {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media all and (min-width: 768px) {
  .orrikatzea {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media all and (min-width: 992px) {
  .orrikatzea {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

@media all and (min-width: 1200px) {
  .orrikatzea {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.orrikatzea ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.orrikatzea ul li img {
  margin-top: -0.4rem;
}

.orrikatzea ul li a.pag {
  padding: 0.5rem;
  font-size: 1.3rem;
}

@media all and (min-width: 100px) {

  #MEDIUM_transformed,
  #obra {
    margin: 1rem 0;
  }
}

@media all and (max-width: 600px) {

  #MEDIUM_transformed,
  #obra {
    margin: 1rem 0;
  }
}

@media all and (min-width: 600px) {

  #MEDIUM_transformed,
  #obra {
    margin: 1rem 0;
  }
}

@media all and (min-width: 768px) {

  #MEDIUM_transformed,
  #obra {
    margin: 1rem 0;
  }
}

@media all and (min-width: 992px) {

  #MEDIUM_transformed,
  #obra {
    margin: 5rem 0 1rem;
  }
}

@media all and (min-width: 1200px) {

  #MEDIUM_transformed,
  #obra {
    margin: 5rem 0 1rem;
  }
}

#esparrua {
  margin: 0;
}

#MEDIUM_transformed .xehetasunak,
#esparrua .xehetasunak,
#obra .xehetasunak {
  padding-bottom: 2rem;
}

#MEDIUM_transformed .xehetasunak h2,
#esparrua .xehetasunak h2,
#obra .xehetasunak h2 {
  font-family: "Graphik-Bold";
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1rem;
}

#MEDIUM_transformed .xehetasunak p.prezioa,
#esparrua .xehetasunak p.prezioa,
#obra .xehetasunak p.prezioa {
  font-size: 1.3rem;
  padding: 0.2rem 0 0 0;
  line-height: 15px;
}

#MEDIUM_transformed .xehetasunak p,
#esparrua .xehetasunak p,
#obra .xehetasunak p {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.3rem;
}

#MEDIUM_transformed .xehetasunak h3,
#esparrua .xehetasunak h3,
#obra .xehetasunak h3 {
  font-family: "Graphik-Bold";
  font-size: 1.3rem;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}

@media all and (min-width: 100px) {

  #MEDIUM_transformed .xehetasunak h2,
  #MEDIUM_transformed .xehetasunak h3,
  #esparrua .xehetasunak h2,
  #esparrua .xehetasunak h3,
  #obra .xehetasunak h2,
  #obra .xehetasunak h3 {
    margin: 1rem 0 0 0;
  }
}

@media all and (max-width: 600px) {

  #MEDIUM_transformed .xehetasunak h2,
  #MEDIUM_transformed .xehetasunak h3,
  #esparrua .xehetasunak h2,
  #esparrua .xehetasunak h3,
  #obra .xehetasunak h2,
  #obra .xehetasunak h3 {
    margin: 1rem 0 0 0;
  }
}

@media all and (min-width: 600px) {

  #MEDIUM_transformed .xehetasunak h2,
  #MEDIUM_transformed .xehetasunak h3,
  #esparrua .xehetasunak h2,
  #esparrua .xehetasunak h3,
  #obra .xehetasunak h2,
  #obra .xehetasunak h3 {
    margin: 1rem 0 0 0;
  }
}

@media all and (min-width: 768px) {

  #MEDIUM_transformed .xehetasunak h2,
  #MEDIUM_transformed .xehetasunak h3,
  #esparrua .xehetasunak h2,
  #esparrua .xehetasunak h3,
  #obra .xehetasunak h2,
  #obra .xehetasunak h3 {
    margin: 0;
  }
}

@media all and (min-width: 992px) {

  #MEDIUM_transformed .xehetasunak h2,
  #MEDIUM_transformed .xehetasunak h3,
  #esparrua .xehetasunak h2,
  #esparrua .xehetasunak h3,
  #obra .xehetasunak h2,
  #obra .xehetasunak h3 {
    margin: 0;
  }
}

@media all and (min-width: 1200px) {

  #MEDIUM_transformed .xehetasunak h2,
  #MEDIUM_transformed .xehetasunak h3,
  #esparrua .xehetasunak h2,
  #esparrua .xehetasunak h3,
  #obra .xehetasunak h2,
  #obra .xehetasunak h3 {
    margin: 0;
  }
}

#MEDIUM_transformed .xehetasunak .esparrua label,
#MEDIUM_transformed .xehetasunak .tamainak label,
#esparrua .xehetasunak .esparrua label,
#esparrua .xehetasunak .tamainak label,
#obra .xehetasunak .esparrua label,
#obra .xehetasunak .tamainak label {
  padding: 5px 0 0 0;
}

#MEDIUM_transformed .xehetasunak .esparrua label span,
#MEDIUM_transformed .xehetasunak .tamainak label span,
#esparrua .xehetasunak .esparrua label span,
#esparrua .xehetasunak .tamainak label span,
#obra .xehetasunak .esparrua label span,
#obra .xehetasunak .tamainak label span {
  color: #7c7c7b;
}

#MEDIUM_transformed .xehetasunak #gehitu,
#esparrua .xehetasunak #gehitu,
#obra .xehetasunak #gehitu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
}

#MEDIUM_transformed .xehetasunak #gehitu a,
#MEDIUM_transformed .xehetasunak #gehitu input,
#esparrua .xehetasunak #gehitu a,
#esparrua .xehetasunak #gehitu input,
#obra .xehetasunak #gehitu a,
#obra .xehetasunak #gehitu input {
  display: inline-block;
  text-align: center;
  height: 1.5rem;
  width: 1.5rem;
}

#MEDIUM_transformed .xehetasunak #gehitu .decrease_btn,
#MEDIUM_transformed .xehetasunak #gehitu .add_btn,
#esparrua .xehetasunak #gehitu .decrease_btn,
#esparrua .xehetasunak #gehitu .add_btn,
#obra .xehetasunak #gehitu .decrease_btn,
#obra .xehetasunak #gehitu .add_btn {
  border: 1.3px solid #000;
}

#MEDIUM_transformed .xehetasunak #gehitu .decrease_btn,
#esparrua .xehetasunak #gehitu .decrease_btn,
#obra .xehetasunak #gehitu .decrease_btn {
  background: url(../img/shop/decrease.svg) no-repeat center center;
}

#MEDIUM_transformed .xehetasunak #gehitu .add_btn,
#esparrua .xehetasunak #gehitu .add_btn,
#obra .xehetasunak #gehitu .add_btn {
  background: url(../img/shop/add.svg) no-repeat center center;
}

#MEDIUM_transformed {
  padding-bottom: 2rem;
}

#MEDIUM_transformed h2 {
  font-family: "Graphik-Bold";
  font-size: 1.5rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

#MEDIUM_transformed h2 span {
  font-family: "Graphik-Light";
  text-transform: initial;
  font-size: 1.2rem;
}

#MEDIUM_transformed img {
  max-width: 37rem;
}

#MEDIUM_transformed .adibidea {
  color: #7c7c7b;
}

#MEDIUM_transformed .paso1,
#MEDIUM_transformed .paso2,
#MEDIUM_transformed .paso3,
#MEDIUM_transformed .paso4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1rem;
}

#MEDIUM_transformed .paso1 input,
#MEDIUM_transformed .paso2 input,
#MEDIUM_transformed .paso3 input,
#MEDIUM_transformed .paso4 input {
  border: 0.2rem solid #000;
  border-right: 0;
  text-align: center;
  height: 3rem;
}

#MEDIUM_transformed .paso1 input:last-child,
#MEDIUM_transformed .paso2 input:last-child,
#MEDIUM_transformed .paso3 input:last-child,
#MEDIUM_transformed .paso4 input:last-child {
  border-right: 0.2rem solid #000;
}

#MEDIUM_transformed .paso1 input.karratua,
#MEDIUM_transformed .paso2 input.karratua,
#MEDIUM_transformed .paso3 input.karratua,
#MEDIUM_transformed .paso4 input.karratua {
  width: 3rem;
}

#MEDIUM_transformed .paso3 input {
  width: 100%;
}

#MEDIUM_transformed .paso4 .custom-file {
  border: 0.2rem solid #000;
  color: #000;
  border-left: 0;
  height: 2.64rem;
}

#MEDIUM_transformed .paso4 .custom-file-label {
  color: #000;
  border: 0 !important;
  border-left: 0.2rem solid #000 !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  background: transparent;
}

#formatos .row img {
  margin-bottom: 2rem;
}

#formatos button {
  padding-left: 1rem;
}

#formatos article {
  margin: 1rem 0 5rem 1rem;
}

#apartekoa {
  margin: 3rem 0;
}

#bestebatzuk {
  margin-top: 4rem;
}

#bestebatzuk h2 {
  font-family: "Graphik-Bold";
  font-size: 1.5rem;
  text-transform: uppercase;
  padding-left: 1rem;
}

/* Estilos para el contenido de las páginas estáticas dado que no se puede usar 
<article>, <section> ... */
#ongietorri_kolorekara div.article {
  max-width: 55rem;
  margin: 0 auto;
}

#ongietorri_kolorekara div.article .testua {
  margin: 0 auto;
  width: 80%;
}

#ongietorri_kolorekara div.article p {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.7rem;
}

#ongietorri_kolorekara div.article img {
  margin: 3.5rem 0 5rem 0;
  width: 100%;
}

#ongietorri_kolorekara div.article blockquote {
  font-family: "BauerBodoniStd-Italic";
  font-size: 2.5rem;
  text-align: center;
  line-height: 3rem;
  margin: 4rem auto;
  width: 70%;
}

#agerraldiak ul.agerraldiak {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#aurkezpena div.article p {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.7rem;
}

/* Empresas */

#opari_korporatiboak div.article {
  max-width: 40rem;
  padding-top: 3rem;
  margin: 0 auto;
}

#opari_korporatiboak div.article p {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.7rem;
}

#opari_korporatiboak div.article table {
  width: 100%;
}

#opari_korporatiboak div.article table th {
  padding: 0.4rem 0;
}

#opari_korporatiboak div.article table td {
  padding: 0.4rem 0;
}

#dekorazioa div.article,
#opari_korporatiboak div.article {
  max-width: 40rem;
  padding-top: 3rem;
  margin: 0 auto;
}

#dekorazioa div.article p,
#opari_korporatiboak div.article p {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.7rem;
}

#idatzi_iezaguzu blockquote {
  font-family: "BauerBodoniStd-Italic";
  font-size: 2.5rem;
  text-align: center;
  line-height: 3rem;
  margin: 10rem auto;
}

.cover-featured-products {
  height: fit-content;
  max-height: 263px;
  object-fit: cover;
}

.cart-summary-table tr td {
  padding: 8px;
}

.cart-summary-table tr:last-child {
  border-top: 2px solid #000;
}

.cart-overview .xehetasunak a,
#cart-summary-product-list .xehetasunak h2 {
  text-transform: uppercase;
}

/* Blockcart modal */
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
}

.modal-header .close {
  opacity: 1;
  padding: 0;
  margin: 0;
}

.modal-header {
  display: block;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

#product-modal .modal-content {
  background: transparent;
  border: none;
  padding: 0;
}

#product-modal .modal-content .modal-body {
  display: flex;
  margin-left: -30%;
}

#product-modal .modal-content .modal-body .product-cover-modal {
  background: white;
}

#product-modal .modal-content .modal-body .image-caption {
  background: white;
  width: 800px;
  padding: 0.625rem 1.25rem;
  border-top: #f1f1f1 1px solid;
}

#product-modal .modal-content .modal-body .image-caption p {
  margin-bottom: 0;
}

#product-modal .modal-content .modal-body .thumbnails {
  position: relative;
}

#product-modal .modal-content .modal-body .mask {
  position: relative;
  overflow: hidden;
  max-height: 49.38rem;
  margin-top: 2.188rem;
  z-index: 1;
}

#product-modal .modal-content .modal-body .mask.nomargin {
  margin-top: 0;
}

#product-modal .modal-content .modal-body .product-images {
  margin-left: 2.5rem;
}

#product-modal .modal-content .modal-body .product-images img {
  width: 9.25rem;
  cursor: pointer;
  background: white;
}

#product-modal .modal-content .modal-body .product-images img:hover {
  border: #2fb5d2 3px solid;
}

#product-modal .modal-content .modal-body .arrows {
  height: 100%;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  color: white;
  right: 1.875rem;
  z-index: 0;
  cursor: pointer;
}

#product-modal .modal-content .modal-body .arrows .arrow-up {
  position: absolute;
  top: -2rem;
  opacity: 0.2;
}

#product-modal .modal-content .modal-body .arrows .arrow-down {
  position: absolute;
  bottom: -2rem;
}

#product-modal .modal-content .modal-body .arrows i {
  font-size: 6.25rem;
  display: inline;
}

#blockcart-modal {
  color: #232323;
}

#blockcart-modal .modal-header {
  background: white;
}

#blockcart-modal .modal-header .close {
  opacity: 1;
}

#blockcart-modal .modal-header .close .material-icons {
  color: #363a42;
}

#blockcart-modal .modal-body {
  background: white;
  padding: 3.125rem 1.875rem;
}

#blockcart-modal .modal-body .divide-right span {
  display: inline-block;
  margin-bottom: 0.3125rem;
}

@media (max-width: 767.98px) {
  #blockcart-modal .modal-body .divide-right span {
    display: block;
    padding: 0 0.5rem;
  }
}

#blockcart-modal .modal-dialog {
  max-width: 1140px;
  width: 100%;
}

#blockcart-modal .product-image {
  width: 100%;
  max-width: 9.375rem;
  display: block;
  margin: 0 auto;
}

#blockcart-modal .modal-title {
  color: #353943;
  font-size: 1rem;
  font-weight: 400;
}

#blockcart-modal .modal-title i.material-icons {
  margin-right: 1.875rem;
  color: #4cbb6c;
}

#blockcart-modal label,
#blockcart-modal .label {
  font-size: 18px;
}

#blockcart-modal h6 {
  margin-bottom: 1rem;
}

#blockcart-modal .product-name {
  color: #2fb5d2;
  font-size: 18px;
  text-transform: uppercase;
}

@media (max-width: 767.98px) {
  #blockcart-modal .product-name {
    padding: 0 0.5rem;
  }
}

#blockcart-modal .product-price {
  color: #363a42;
  display: block;
}

@media (max-width: 767.98px) {
  #blockcart-modal .product-price {
    padding: 0 0.5rem;
  }
}

#blockcart-modal p {
  margin-bottom: 1rem;
}

#blockcart-modal .cart-content {
  padding-left: 2.5rem;
}

#blockcart-modal .cart-content p {
  color: #363a42;
  display: flex;
  justify-content: space-between;
  padding: 0 0.5rem;
}

#blockcart-modal .cart-content p.product-total {
  background-color: #f1f1f1;
  padding: 0.5rem;
}

#blockcart-modal .cart-content p.cart-products-count {
  font-size: 1rem;
  color: #6c868e;
  font-weight: 600;
}

#blockcart-modal .cart-content p.product-tax {
  display: inherit;
  font-size: 0.875rem;
}

#blockcart-modal .cart-content p .label,
#blockcart-modal .cart-content p .value {
  font-weight: 600;
}

#blockcart-modal .cart-content .cart-content-btn {
  display: flex;
  justify-content: space-between;
}

#blockcart-modal .cart-content .cart-content-btn button {
  margin-right: 0.9rem;
}

#blockcart-modal .cart-content .cart-content-btn .btn {
  white-space: inherit;
}

#blockcart-modal .divide-right {
  border-right: 1px solid #dbdbdb;
}

#blockcart-modal .cart-content .btn {
  margin-bottom: 0.625rem;
}

@media (max-width: 991.98px) {
  #product-modal .modal-content .modal-body {
    flex-direction: column;
    margin-left: 0;
  }

  #product-modal .modal-content .modal-body img.product-cover-modal {
    width: 100%;
  }

  #product-modal .modal-content .modal-body .arrows {
    display: none;
  }

  #product-modal .modal-content .modal-body .image-caption {
    width: 100%;
  }

  #blockcart-modal .modal-dialog {
    width: calc(100% - 20px);
  }

  #blockcart-modal .modal-body {
    padding: 1.875rem;
  }

  #blockcart-modal .cart-content {
    padding-left: 0;
  }

  #blockcart-modal .cart-content-btn a {
    text-align: center;
  }
}

@media (max-width: 767.98px) {
  #blockcart-modal .divide-right {
    border-right: none;
  }

  #blockcart-modal .modal-body {
    padding: 1rem;
  }
}

p {
  line-height: 1.3rem !important;
}