/*
@header-btn-pagar-color: green;


@header-xs-height: 80px;
@header-xs-btn-padding-top: 25px;

@header-sm-btn-padding-top: 20px;*/
/*@producto-grilla-min-height-lg: 700px;
@producto-grilla-min-height-md: 550px;
@producto-grilla-min-height-sm: 580px;
@producto-grilla-min-height-xs: 480px;*/
.btn {
  border-radius: 0px;
  font-family: 14px;
  font-weight: normal !important;
  text-transform: uppercase;
}
.btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.btn-cita,
.btn-cita:hover {
  color: #FFFFFF;
  text-transform: none;
  text-decoration: underline;
  text-underline-offset: 10px;
  text-decoration-thickness: 1px;
  padding-left: 0px;
  padding-right: 0px;
  /*font-family: @primary-font-family;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
	text-transform: none;
	&:hover {
		color: #FFFFFF;
		text-decoration: underline;

	}*/
}
.btn-default,
.btn-personalizado {
  border-color: #000000;
  background-color: #ffffff;
  color: #000000;
}
.btn-default:hover,
.btn-personalizado:hover {
  border-color: #000000;
  background-color: #000000;
  color: #ffffff;
}
.checked {
  color: #000000;
  background-color: dimgrey;
}
.unchecked {
  color: #000000;
  background-color: #FFFFFF;
}
.btn-default-invert,
.btn-personalizado-invert {
  border-color: #ffffff;
  background-color: #000000;
  color: #ffffff;
}
.btn-default-invert:hover,
.btn-personalizado-invert:hover {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #000000;
}
.btn-success,
.btn-pagar {
  border-color: #5cb85c;
  background-color: #ffffff;
  color: #5cb85c;
}
.btn-success:hover,
.btn-pagar:hover {
  border-color: #5cb85c;
  background-color: #5cb85c;
  color: #ffffff;
}
.btn-warning {
  border-color: #f0ad4e;
  background-color: #ffffff;
  color: #f0ad4e;
}
.btn-warning:hover {
  border-color: #f0ad4e;
  background-color: #f0ad4e;
  color: #ffffff;
}
.btn-danger {
  border-color: #d9534f;
  background-color: #ffffff;
  color: #d9534f;
}
.btn-danger:hover {
  border-color: #d9534f;
  background-color: #d9534f;
  color: #ffffff;
}
/*











.btn-personalizado
{
	background-color: @primary-color;

	border-left: 0 !important;
	border-top: 0 !important;
	border-right: 0 !important;


	border-color: #FFFFFF;

	color: #ffffff;

}
.btn-personalizado:hover
{
	background-color: lighten(@primary-color, 20%);

	border-color: #FFFFFF;

	color: #ffffff;
}

.btn-principal
{
	background-color: transparent !important;

	border-color: #ffffff;

	color: #ffffff;
}
.btn-principal:hover
{
	background-color: #ffffff !important;

	border-color: #ffffff;

	color: #000000;
}

.btn-principal-black
{
	background-color: #000000 !important;

	border-color: #000000;

	color: #ffffff !important;
}
.btn-principal-black:hover
{
	background-color: transparent !important;

	border-color: #000000;

	color: #000000 !important;
}

.btn-principal-pink
{
	background-color: #c26780 !important;

	border-color: #c26780;

	color: #ffffff !important;
}
.btn-principal-pink:hover
{
	background-color: transparent !important;

	border-color: #c26780;

	color: #000000 !important;
}

.btn-principal-white
{
	background-color: #fff !important;

	border-color: #fff;

	color: #000 !important;
}
.btn-principal-white:hover
{
	background-color: transparent !important;

	border-color: #fff;

	color: #fff !important;
}

.btn-principal-black-invert
{
	background-color: transparent !important;

	border-color: #000000;

	color: #000000 !important;
}
.btn-principal-black-invert:hover
{
	background-color: #000000 !important;

	border-color: #000000;

	color: #ffffff !important;
}

.btn-facebook
{
	background-color: @social-facebook-color;

	border-color: @social-facebook-color;

	color: #ffffff;
}
.btn-facebook:hover
{
	background-color: darken(@social-facebook-color, 20%);

	border-color: @social-facebook-color;

	color: #ffffff;
}

.btn-link,
.btn-link:hover
{
	font-family: @secondary-font-family;
	color: @a-color;
}

.btn-tab
{
	padding: 10px 15px;
}

.btn-radio
{
	min-width: 30px;
	height: 30px;

	margin-right: 3px;

	border-width: 1px;
	border-radius: 5px !important;

	padding: 3px;

	&.active
	{
		border-color: @primary-color;
	}
}

.btn-filtro
{
	background-color: transparent !important;

	border-color: #000000;

	color: #000000 !important;
}
.btn-filtro:hover
{
	background-color: #000000 !important;

	border-color: #000000;

	color: #ffffff !important;
}




.btn-newsletter
{
	background-color: transparent;

	border-color: @primary-color;

	color: @primary-color;
}
.btn-newsletter:hover
{
	background-color: @primary-color;

	border-color: @primary-color;

	color: #ffffff;
}

.btn-false:hover {
	background-color: #fff !important;
}
.btn-false.active {
	border-color: #adadad !important;
	border-width: 1px !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}*/
.lbl {
  font-size: 10px;
  font-weight: 600;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}
.label-xl {
  font-size: 16px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.label-float {
  position: absolute;
  bottom: 16px;
  right: 20px;
}
@media (max-width: 767px) {
  .label-float {
    bottom: 12px !important;
    top: auto !important;
  }
}
.label-new {
  font-size: 10px;
  font-weight: 600;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  border: 1.5px solid #111111;
  border-radius: 20px;
  color: #111111;
}
.label-oferta {
  font-size: 10px;
  font-weight: 600;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  border: 1.5px solid #FF0000;
  border-radius: 20px;
  color: #FF0000;
}
.label-agotado {
  font-size: 10px;
  font-weight: 600;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
  border: 1.5px solid #666666;
  border-radius: 20px;
  color: #666666;
}
.tabbable ul.nav-pills li.active a {
  background-color: #111111;
  color: #ffffff;
}
.tabbable ul.nav-pills li a {
  color: #111111;
  border-radius: 0;
}
#banner {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: fixed;
  top: 0;
  z-index: 3000 !important;
}
#banner.banner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}
#banner.banner a {
  color: #ffffff;
  padding-top: 1px;
}
#banner.banner a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
#header {
  position: fixed;
  z-index: 1000;
  /*.searchbar {
		font-size: 30px;

		.lupa {
			font-size: 25px;
			position: relative;
			top: 5px;
			left: 50px;
		}
		.cerrar {
			font-size: 25px;
			position: relative;
			top: 2px;
			left: 190px;
		}
		input {
			position: relative;
			left: 65px;
			border: none;

		}
		input::after {
			border: none;
		}
		input::placeholder {
			font-size: 20px;
			position: relative;
			left: 5px;
		}
	}*/
}
#header.header-alt {
  top: 0 !important;
}
#header.header {
  background-color: #F5F5F6;
  width: 100%;
  height: 60px;
  top: 40px;
  display: grid;
  grid-template-columns: 300px auto 300px;
  grid-gap: 0px;
  grid-row-gap: 0px;
  align-items: center;
}
#header.header .logo {
  justify-self: start;
  padding-left: 15px;
}
#header.header .logo img {
  height: 40px;
}
#header.header .menu {
  justify-self: center;
}
#header.header .menu .mnu {
  display: inline-block;
  height: 60px;
  padding-top: 21px;
  color: #111111;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  margin-left: 20px;
  margin-right: 20px;
}
#header.header .menu .mnu:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
@media (min-width: 768px) and (max-width: 998px) {
  #header.header .menu .mnu {
    margin-left: 10px ;
    margin-right: 10px ;
  }
}
#header.header .botones {
  justify-self: right;
  padding-right: 6px;
}
#header.header .botones a {
  font-family: 'DM Mono', monospace;
  font-size: 14px;
  font-weight: 400;
  margin-left: 20px;
}
#header.header .botones a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
@media (min-width: 768px) and (max-width: 918px) {
  #header.header {
    grid-template-columns: 150px auto 300px;
  }
}
@media (max-width: 405px) {
  #header .mi-cuenta {
    display: none;
  }
}
@media (max-width: 767px) {
  #header.header {
    grid-template-columns: 150px auto;
  }
  #header.header .botones {
    height: 60px;
    align-content: center;
    justify-content: center;
  }
  #header.header .botones a {
    font-size: 12px;
    margin-left: 10px;
  }
}
#header #collapseBuscar {
  grid-column-end: span 3;
  background-color: #F5F5F6;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
}
#header #collapseBuscar .searchbar {
  display: grid;
  grid-template-columns: 50px auto 50px;
  grid-gap: 0px;
  grid-row-gap: 0px;
  height: 60px;
  padding-left: 80px;
  padding-right: 80px;
  align-items: center;
}
#header #collapseBuscar .searchbar i,
#header #collapseBuscar .searchbar svg {
  font-size: 24px;
}
#header #collapseBuscar .searchbar input {
  background-color: transparent;
  border: 0;
  width: 100%;
  height: 60px;
  font-size: 24px;
  box-shadow: none;
  outline: none;
}
#header #collapseBuscar .searchbar .lupa {
  justify-self: start;
}
#header #collapseBuscar .searchbar .cerrar {
  justify-self: end;
}
@media (max-width: 767px) {
  #header #collapseBuscar {
    grid-column-end: span 2;
  }
  #header #collapseBuscar .searchbar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#menu-lg-md-sm {
  font-family: 'DM Mono', monospace;
  font-weight: 400;
  font-size: 14px;
  z-index: 1000;
  position: fixed;
  top: 100px;
  left: 0px;
  display: none;
  background-color: #FFFFFF;
  width: 100%;
  padding: 30px;
  padding-left: 100px;
  padding-right: 100px;
}
#menu-lg-md-sm h2 {
  font-size: 14px;
  font-weight: 400;
}
#menu-lg-md-sm.menu-lg-md-sm-alt {
  top: 60px !important;
}
#menu-lg-md-sm.affixed {
  position: fixed;
  top: 60px;
  left: 0px;
}
#menu-lg-md-sm.menu-lg-md-sm ul {
  list-style: none;
  line-height: 30px;
  padding-left: 0px;
}
#menu-lg-md-sm.menu-lg-md-sm ul a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
#menu-xs h2 {
  font-size: 14px;
  font-weight: 400;
}
#menu-xs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
#menu-xs ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}
#menu-xs ul li a {
  display: block;
  color: #666666;
}
#menu-xs ul li a.titulo {
  font-family: 'Suisse Intl';
  font-size: 20px;
  font-weight: normal;
  color: #000;
}
#menu-xs ul li a:hover {
  text-decoration: none;
  color: #000000;
}
#menu-xs ul li .row {
  margin-top: 10px;
}
#menu-xs ul li.principal {
  padding-bottom: 20px;
}
#menu-xs ul li .secundario {
  padding-left: 30px;
}
#menu-xs ul li ul {
  padding: 10px;
}
#menu-xs .feria a {
  color: #e74c39;
}
#menu-xs .feria a:hover {
  color: #a62414;
  text-decoration: none;
}
#menu-xs.offcanvas-collapse {
  position: fixed;
  top: 100px;
  bottom: 0;
  left: 100%;
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 1rem;
  overflow-y: auto;
  visibility: hidden;
  background-color: #FFFFFF;
  transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  z-index: 1000;
}
#menu-xs.offcanvas-collapse.no-news {
  top: 10px !important;
}
#menu-xs.offcanvas-collapse.open {
  visibility: visible;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
#menu-xs.offcanvas-collapse-alt {
  top: 60px !important;
}
#grilla {
  /*.paginacion
	{
		padding-top: 10px; // FIJO
		padding-bottom: 40px; // FIJO

		text-align: center;

		ul
		{
			li
			{
				&.active
				{
					a
					{
						background-color: @paginacion-active-background-color;

						border-color: @paginacion-active-background-color;

						color: @paginacion-active-color;
					}
				}
			}
		}
	}

	.pagination>li:first-child>a,
	.pagination>li:first-child>span,
	.pagination>li:last-child>a,
	.pagination>li:last-child>span
	{
		border-radius: 0;
	}

	.producto-relacionado {


		.producto {
			border-top:  0.5px solid #000000;
			border-right: 0.5px solid #000000;
			border-bottom: 0.5px solid #000000;
			border-left: 0.5px solid #000000;
		}

		.producto:nth-child(2) {
			border-top: none;
			border-right: none;
		}
		.producto:nth-child(3) {
			border-top: none;
			border-right: none;
		}
		.producto:nth-child(4) {
			border-top: none;
		}
		.producto:nth-child(5) {
			border-right: none;
			border-bottom: none;
		}
		.producto:nth-child(6) {
			border-right: none;
			border-bottom: none;
		}
		.producto:nth-child(7) {
			border-bottom: none;
		}
	}*/
}
#grilla .container-tienda {
  /*

                .recomendados {

                    position: relative;
                    transform: translateY(150px);
                    opacity: 0;
                    transition: 2s all ease;
                    left: 30px;

                    h2 {
                        position: relative;
                        top: 230px;
                        font-size: 32px;
                    }

                    p {
                        font-family: @secondary-font-family;
                        position: relative;
                        top: 240px;
                        width: 200px;
                    }

                    a {
                        position: relative;
                        padding-top: 60%;
                        padding-left: 1px;
                    }
                }

                .recomendados.active {
                    transform: translateY(0);
                    opacity: 1;
                }*/
}
@media (max-width: 767px) {
  #grilla .container-tienda {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #grilla .container-filtros {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 994px) {
  #grilla .container-tienda {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #grilla .container-filtros {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (min-width: 995px) and (max-width: 1199px) {
  #grilla .container-tienda {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #grilla .container-filtros {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (min-width: 1200px) {
  #grilla .container-tienda {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #grilla .container-filtros {
    padding-left: 25px;
    padding-right: 25px;
  }
}
#grilla .container-filtros {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
  margin-top: 60px;
  min-height: 60px;
}
#grilla .container-filtros .filtros {
  padding-top: 9px;
}
#grilla .container-filtros-alt {
  margin-top: 100px !important;
}
#grilla .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0px;
  grid-row-gap: 0px;
  border: 0;
}
#grilla .title {
  grid-column: 1 / span 4;
  background-color: #FFFFFF;
  border-bottom-color: #000000;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
#grilla .title h2 {
  text-align: center;
  font-size: 56px;
  margin-top: 20px;
  margin-bottom: 20px;
}
#grilla .blank {
  border: 0;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
@media (max-width: 767px) {
  #grilla .blank {
    border-right: none;
    border-bottom: none;
  }
}
#grilla .no-results {
  grid-column: 1 / span 4;
  padding: 25px;
}
@media (max-width: 767px) {
  #grilla {
    /*.blank:nth-child(3n),
		.blank:nth-child(4n) {
			display: none;
		}*/
  }
  #grilla .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0px;
    grid-row-gap: 0px;
  }
  #grilla .title {
    grid-column: 1 / span 2;
  }
  #grilla .no-results {
    grid-column: 1 / span 2;
    padding: 25px;
  }
  #grilla .blank {
    display: none;
  }
}
#grilla .canvas {
  position: relative;
  z-index: 800;
}
#grilla .cuotas {
  font-size: 12px;
  font-weight: 400;
  padding-top: 0px;
}
#grilla a {
  color: #000000;
}
#grilla h1 {
  font-family: 'Suisse Intl';
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
  height: 60px;
  display: table-cell;
  vertical-align: middle;
}
#grilla h1 a,
#grilla h1 a:hover {
  text-decoration: none;
}
#grilla h1 .separador {
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 375px) {
  #grilla h1 .separador {
    padding-left: 3px;
    padding-right: 3px;
  }
}
@media (max-width: 375px) {
  #grilla h1 {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  #grilla h1 {
    margin-top: 8px !important;
  }
}
#grilla .filtros {
  font-size: 13px;
  font-weight: 300;
  margin-top: 3px;
}
#grilla .filtros a {
  text-decoration: none;
}
#grilla .filtros a:hover {
  font-weight: 400;
}
#grilla .filtros h3 {
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
#grilla .filtros ul {
  list-style: none;
}
#grilla .filtros ul li {
  line-height: 2;
  display: inline-block;
  min-width: 50px;
  margin-right: 25px;
  margin-top: 15px;
  margin-bottom: 15px;
}
#grilla .filtros ul li.active {
  font-weight: 400;
}
#grilla .bestsellers {
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding-left: 40px;
  padding-top: 40%;
}
#grilla .bestsellers h2 {
  font-size: 32px;
}
#grilla .bestsellers p {
  font-family: 'DM Mono', monospace;
  font-size: 16px;
  width: 75%;
}
#grilla .bestsellers a {
  font-size: 20px;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  #grilla .bestsellers {
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding-left: 20px;
    padding-top: 20%;
    padding-right: 10px;
  }
  #grilla .bestsellers h2 {
    font-size: 28px;
    position: relative;
    right: 5px;
  }
  #grilla .bestsellers p {
    font-family: 'DM Mono', monospace;
    font-size: 14px;
    width: 80%;
  }
  #grilla .bestsellers a {
    font-size: 16px;
    position: relative;
    margin: 0;
    padding: 0;
  }
  #grilla .producto {
    padding-left: 1px;
    padding-right: 1px;
  }
}
#grilla .producto {
  background-color: #ffffff;
  border: 0;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
#grilla .producto .canvas {
  background-color: #F5F5F6;
}
#grilla .producto .img-principal {
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
  display: block;
}
#grilla .producto .img-principal h2 {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  position: absolute;
  top: 0px;
  left: 20px;
}
#grilla .producto .img-principal-alt h2 {
  color: #ffffff !important;
}
#grilla .producto a,
#grilla .producto a:hover {
  text-decoration: none;
}
#grilla .producto h3 {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 20px;
}
#grilla .producto .detalle {
  border-top: 1px solid #000000;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
#grilla .producto .detalle .btn-comprar {
  padding: 0;
  margin: 0;
  margin-top: 10px;
}
#grilla .producto .detalle .btn-comprar:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
#grilla .producto .sugerido {
  font-family: 'DM Mono', monospace;
}
#grilla .producto .precios {
  font-family: 'DM Mono', monospace;
  font-size: 14px;
  font-weight: 400 !important;
  display: block;
  text-align: left;
  color: #111111;
}
#grilla .producto .precios .off {
  color: #FF0000;
  font-weight: 400;
}
#grilla .producto .precios .antes {
  color: #999999;
  text-decoration: line-through;
}
#grilla .producto .extras {
  font-size: 12px;
  text-align: center;
  color: #000000;
  margin-top: 10px;
}
@media (max-width: 767px) {
  #grilla .producto .img-principal h2 {
    top: 0px;
    left: 10px;
  }
  #grilla .producto .label-float {
    right: 10px;
  }
  #grilla .producto .detalle {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }
  #grilla .producto .precios {
    font-size: 12px;
  }
}
/*
#destacados {
	.canvas {
		position: relative;

		z-index: 800;
	}

	.loading
	{
		position: absolute;

		top: 0px;
		left: 0px;

		width: 100%;
		height: 100%;

		display: none;

		background-color: #ffffff;

		//border-style: solid;
		//border-width: 1px;
		//border-color: @gris-claro;

		opacity: 0.9;
	}

	.loading-img
	{
		position: absolute;

		top: 50%;
		left: 50%;

		display: none;

		margin-top: -14px;
		margin-left: -20px;

		width: 120px;
	}

	.colores {
		position: absolute;

		bottom: 4px;
		right: 5px;
	}

	.color
	{
		display: inline-block;

		width: 20px;
		height: 20px;

		border-style: solid;
		border-width: 1px;
		border-color: #dddddd;
		border-radius: 50%;

		padding: 0px;

		transition: border-color 0.5s ease;
	}
	.color:hover
	{
		border-color: #000000;
	}

	.color-hex
	{
		display: inline-block;

		width: 100%;
		height: 100%;

		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;

		border-radius: 50%;
	}







	.cuotas
	{
		font-size: 14px;
		font-weight: 300;

		color: #999999;
	}

	a
	{
		color: @grilla-a-color;
	}

	.producto {
		a,
		a:hover {
			text-decoration: none;
		}

		h2 {
			//font-family: @grilla-h2-font-family;
			font-size: @grilla-h2-font-size;
			//font-weight: @grilla-h2-font-weight;

			//letter-spacing: 1px;
		}

		.precios {
			font-size: 14px;
			font-weight: @producto-precio-font-weight;

			color: @producto-precio-color;

			.off {
				color: @producto-precio-off-color;

				font-weight: @producto-precio-off-font-weight;
			}

			.antes {
				color: @producto-precio-antes-color;

				text-decoration: line-through;
			}
		}

		.extras {
			font-size: @producto-extras-font-size;

			color: @producto-extras-color;

			margin-top: 8px; // FIJO
		}
	}
}*/
#producto-new {
  background-color: #ffffff;
}
#producto-new.container-producto {
  padding-top: 100px;
}
#producto-new.container-producto-alt {
  padding-top: 60px !important;
}
#producto-new .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #000000;
}
#producto-new .grid .imagen {
  display: flex;
  justify-content: center;
  align-items: center;
}
#producto-new .grid .imagen video,
#producto-new .grid .imagen img,
#producto-new .grid .imagen picture {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#producto-new .grid .imagen-a {
  min-height: 800px;
  position: relative;
}
#producto-new .grid .imagen-a .arrow {
  position: absolute;
  bottom: 10px;
}
#producto-new .grid .imagen-a .arrow i,
#producto-new .grid .imagen-a .arrow svg {
  color: #000000;
}
#producto-new .grid .imagen,
#producto-new .grid .info {
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
#producto-new .grid .imagen p,
#producto-new .grid .info p {
  font-size: 16px;
}
#producto-new .grid .imagen:nth-child(3n),
#producto-new .grid .info:nth-child(3n) {
  border-right: none;
}
#producto-new .grid .datos {
  padding: 40px;
  align-self: end;
}
#producto-new .grid .datos h1 {
  font-size: 56px;
  margin: 0;
  margin-top: 10px;
  padding: 0;
}
#producto-new .grid .datos .precios {
  font-family: 'DM Mono', monospace;
  font-size: 14px;
  font-weight: 400 !important;
  display: block;
  text-align: left;
  color: #111111;
}
#producto-new .grid .datos .precios .off {
  color: #FF0000;
  font-weight: 400;
}
#producto-new .grid .datos .precios .antes {
  color: #999999;
  text-decoration: line-through;
}
#producto-new .grid .datos .input-group .boton-comprar {
  width: 60px;
}
@media (max-width: 767px) {
  #producto-new .grid .datos .input-group .boton-comprar {
    width: 120px;
  }
}
#producto-new .grid .datos .gift-especial {
  padding-top: 25px;
}
#producto-new .grid .descriptiva {
  font-size: 16px;
  width: 75%;
}
@media (max-width: 767px) {
  #producto-new .grid .descriptiva {
    width: 100%;
  }
}
#producto-new .grid .principios-activos {
  padding: 40px;
}
#producto-new .grid .principios-activos ol {
  padding-top: 5px;
  padding-left: 20px;
}
#producto-new .grid .principios-activos ol li {
  font-size: 16px;
  padding-bottom: 10px;
}
#producto-new .grid .principios-activos p {
  font-family: 'DM Mono', monospace;
}
#producto-new .grid .experiencia {
  padding-top: 40px;
  display: flex;
  flex-direction: column-reverse;
}
#producto-new .grid .experiencia .item {
  padding-left: 40px;
  padding-right: 40px;
  border-bottom: 1px solid #000000;
}
#producto-new .grid .experiencia .item h2 {
  margin-bottom: 16px;
}
#producto-new .grid .experiencia .item a:hover {
  text-decoration: none;
}
#producto-new .grid .experiencia .item:first-child {
  border-bottom: none;
}
@media (max-width: 767px) {
  #producto-new .grid {
    grid-template-columns: repeat(1, 1fr);
  }
  #producto-new .grid .imagen-a,
  #producto-new .grid .imagen-b {
    min-height: 600px;
  }
  #producto-new .grid .datos {
    min-height: 600px;
    align-content: end;
  }
}
#producto-new #relacionados-new .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0px;
  grid-row-gap: 0px;
  border: 0;
}
#producto-new #relacionados-new .grid .relacionados-titulo {
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding-left: 40px;
  padding-top: 40%;
}
#producto-new #relacionados-new .grid .relacionados-titulo h2 {
  font-size: 32px;
}
#producto-new #relacionados-new .grid .relacionados-titulo p {
  font-family: 'DM Mono', monospace;
  font-size: 16px;
  width: 75%;
}
#producto-new #relacionados-new .grid .producto {
  background-color: #F5F5F6;
  border: 0;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
#producto-new #relacionados-new .grid .producto .canvas {
  background-color: #F5F5F6;
  position: relative;
}
#producto-new #relacionados-new .grid .producto .img-principal {
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
  display: block;
}
#producto-new #relacionados-new .grid .producto .img-principal h2 {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  position: absolute;
  top: 0px;
  left: 20px;
}
#producto-new #relacionados-new .grid .producto .img-principal-alt h2 {
  color: #ffffff !important;
}
#producto-new #relacionados-new .grid .producto a,
#producto-new #relacionados-new .grid .producto a:hover {
  text-decoration: none;
}
#producto-new #relacionados-new .grid .producto h3 {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #producto-new #relacionados-new .grid .producto .img-principal h2 {
    top: 0px;
    left: 10px;
  }
  #producto-new #relacionados-new .grid .producto .label-float {
    right: 10px;
  }
}
@media (max-width: 767px) {
  #producto-new #relacionados-new .grid {
    grid-template-columns: repeat(1, 1fr);
  }
  #producto-new #relacionados-new .grid .relacionados-titulo h2 {
    padding-bottom: 40px;
  }
  #producto-new #relacionados-new .grid .relacionados-titulo p {
    padding-bottom: 150px;
    width: 100%;
  }
}
/*


#producto {
	.grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 0px;
		grid-row-gap: 0px;

	}

	.line {
		grid-column: 1 / span 2;
	}

	.datos {
		padding-left: 60px;
		padding-right: 20px;
	}

	.grid-container {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 960px 650px 650px;
		grid-gap: 0px;
		grid-row-gap: 0px;

		border-top: 0.5px solid #000000;

	}

	.grid-item {
		background-color: #FFFFFF;
		padding: 15px;

		border-right: 0.5px solid #000000;
		border-bottom: 0.5px solid #000000;

	}


	.datos-new {
		padding-top: 200px;
		padding-left: 30px;

		.precios {
			font-family: @secondary-font-family;
			font-size: 16px;
			text-align: left;
		}

		.piel {
			width: 100%;
			font-size: 16px;
			padding-top: 15px;
			padding-bottom: 15px;
		}
	}

	.principios-activos {
		padding-left: 35px;

		h2 {
			font-size: 22px;
			padding-bottom: 10px;

		}

		li {
			font-size: 22px;
		}
	}


	.experiencia-detalle {
			margin-top: auto;

			h2 {
				font-size: 22px;
			}

			a {
				.info-plus {
					font-weight: @weight-bold;

					text-decoration: none;

					&:hover,
					&:active {
						text-decoration: none;
					}
				}

				.info-collapse {
					p {
						padding-top: 20px;
						padding-bottom: 20px;
					}
				}

			}
		}



	.reseñas {
		padding-bottom: 75px;
		padding-left: 35px;
		h2 {
			font-size: 22px;
		}
		.reseña-descripcion {
			p,
			a {
				font-size: 16px;
				text-align: left;
			}
		}
	}


	.reseña {
		padding-bottom: 75px;
		h2 {
			font-size: 22px;
		}
		.reseña-descripcion {
			p,
			a {
				font-size: 16px;
				text-align: left;
			}
		}
	}

	.persona-datos {
		.reseña {

			padding-left: 35px;

			.dato-persona {
				margin-top: 10px;


				h2 {
					font-size: 16px;
				}

				span {
					position: relative;
					bottom: 15px;
					font-size: 22px;

				}
			}

			.dato-persona-2 {
				.info-persona {
					font-family: @secondary-font-family;
					font-size: 16px;
				}
			}
		}

		.mas {
			font-family: @secondary-font-family;

			border-top: 0.5px solid #000000 ;
			padding-bottom: 20px;
			p {
				font-size: 16px;

				padding-left: 35px;
				padding-top: 30px;
			}
			a {
				position: relative;
				bottom: 27px;

			}
		}
	}




	@media (max-width: 767px) {
		.grid {
			display: grid;
			grid-template-columns: repeat(1, 1fr) !important;
			grid-gap: 0px;
			grid-row-gap: 0px;
		}

		.line {
			grid-column: 1 / span 1 !important;
		}

		.datos {
			padding-left: 15px !important;
			padding-right: 15px !important;

			word-wrap: break-word !important;
		}
	}


	&.container-producto-path {
		//background-color: #f5f5f5;

		//padding-top: 10px;

		margin-top: @header-height;

		min-height: 60px;
	}

	&.container-producto-path-alt {
		margin-top: @banner-height + @header-height !important;
	}

	@media (min-width: 768px) and (max-width: 994px) {
		.container-producto-path {
			padding-left: 50px;
			padding-right: 50px;
		}
	}
	@media (min-width: 995px) and (max-width: 1199px) {
		.container-producto-path {
			padding-left: 50px;
			padding-right: 50px;
		}
	}
	@media (min-width: 1200px) {
		.container-producto-path {
			padding-left: 100px;
			padding-right: 100px;
		}
	}

	.container-producto {
		margin-top: 20px;

		padding-bottom: @header-height; // FIJO
	}

	.container-relacionados {
		//background-color: #f5f5f5;

		padding-left: 100px;
		padding-right: 100px;

		padding-bottom: @header-height; // FIJO
	}

	@media (max-width: 767px) {
		.img-xs {
			margin-top: @header-height;
		}

		.img-xs-alt {
			margin-top: @banner-height + @header-height !important;
		}

		.container-relacionados {
			padding-left: 15px;
			padding-right: 15px;

			padding-bottom: @header-height; // FIJO
		}
	}

	.path {
		background-color: #f5f5f5;

		height: 50px;

		padding-top: 5px;

		text-align: center;
	}


	.img-principal {
		background-color: @larosa-color;

		//background-image: url('../../images/front-end/granos.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top;

		display: block;
	}


	.cuotas {
		font-size: 16px;//@producto-precio-font-size;
		font-weight: 300;

		color: #422c25;
	}

	.sugerido {
		font-size: 16px;
		font-weight: 300;

		color: #422c25;
	}

	h1 {
		font-family: @primary-font-family;
		font-size: 50px;
		font-weight: 400;

		word-wrap: break-word;
	}

	.nombre-descriptivo {
		font-family: @secondary-font-family;
		font-weight: 300;

		font-size: 24px;

		//word-wrap: break-word;

		padding-top: 10px;
		padding-bottom: 10px;
	}

	.poesia {
		font-weight: 300;

		font-size: 12px;

		padding-top: 30px;
		padding-bottom: 10px;

		line-height: 1.5;

		word-wrap: break-word;
	}

	.descripcion-breve {
		font-weight: 400;

		font-size: 24px; //32px;

		padding-top: 10px;
		padding-bottom: 10px;

		word-wrap: break-word;
	}

	.descripcion-completa {
		font-weight: 300;

		font-size: 18px; //28px;

		padding-top: 10px;
		padding-bottom: 10px;

		word-wrap: break-word;
	}

	h2 {
		font-family: @primary-font-family;
		font-size: 14px;
		font-weight: 600;
	}

	h3 {
		font-size: 14px;
		font-weight: 600;

		//line-height: 18px !important;
	}*/
/*table
{
    font-weight: 300;

    strong
    {
        font-weight: 400;
    }
}

p
{
    font-weight: 300;
}*/
/*h2 {
    //line-height: 0;

    a,
    a:hover {
        text-decoration: none;

        color: #000;
    }

    .separador {
        padding-left: 10px; // FIJO
        padding-right: 10px; // FIJO
    }
}

.precios {
    padding-top: 10px;
    //padding-bottom: 30px;

    font-size: @producto-precio-font-size;
    font-weight: @producto-precio-font-weight;

    color: @producto-precio-color;

    .off {
        color: @producto-precio-off-color;

        font-weight: @producto-precio-off-font-weight;
    }

    .antes {
        color: @producto-precio-antes-color;

        text-decoration: line-through;
    }
}

.extras {
    font-family: @secondary-font-family;
    font-size: @producto-extras-font-size;

    color: @producto-extras-color;

    margin-top: 8px; // FIJO
}

.thumb {
    &.active {
        img {
            border-style: solid;
            border-width: 1px;
            border-color: @producto-thumb-active;
        }
    }

    &.video {
        display: block;

        width: 100%;

        text-align: center;

        color: @social-youtube-color;
    }
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;

    iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.btn-radio {
    min-width: 50px;
    height: 50px;

    margin-right: 10px;
    margin-bottom: 10px;

    border-width: 1px;

    padding: 14px;

    font-size: 16px;

    &.active {
        border-color: @primary-color;
    }
}

//.guia-talles
//{
//	width: 100%;
//	display: inline-block;
//	color: #000;
//	font-weight: bold;
//	text-decoration: none;
//	text-align: center;
//}

.line,
.aroma {
    background-color: @larosa-color;
}

.relacionados {
    h2 {
        padding-top: 10px;
    }

    h3 {
        font-weight: bold;
        //font-weight: 400;
    }

    a {
        color: #000000;
    }

    a:hover {
        text-decoration: none;
    }
}


.ayuda {
    .mas-info {
        color: #999999;
    }

    .btn-link:hover {
        text-decoration: none;
    }
}
}*/
#bolsa.bolsa .grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 40px;
  grid-row-gap: 40px;
}
@media (max-width: 767px) {
  #bolsa.bolsa .grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px;
    grid-row-gap: 25px;
    padding-bottom: 50px;
  }
}
#bolsa.bolsa .item {
  display: grid;
  grid-template-columns: 50% auto 15px;
  grid-gap: 0px;
  grid-row-gap: 0px;
}
#bolsa.bolsa .item .datos {
  padding-left: 10px;
}
#bolsa.bolsa .item .sku {
  font-size: 10px;
}
#bolsa.bolsa .item .cantidad {
  width: 50%;
}
#bolsa.bolsa .subtotal {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 10px;
  grid-row-gap: 20px;
}
#bolsa.bolsa .boton {
  grid-column-end: span 2;
}
#bolsa.bolsa h2 {
  font-size: 14px;
  font-weight: 600;
  line-height: 0;
}
#bolsa.bolsa .cuotas {
  font-size: 14px;
  font-weight: 300;
  color: #999999;
}
#bolsa.bolsa .btn-link {
  padding: 0;
  margin: 0;
}
#bolsa.bolsa .btn-link:hover {
  color: #a02622;
  text-decoration: none;
}
#footer {
  position: absolute;
  bottom: 0;
  overflow-x: hidden;
  width: 100%;
  background-color: #000000;
  color: #ffffff;
  font-family: 'DM Mono', monospace;
  font-weight: 400;
  font-size: 18px;
  padding-top: 30px;
  padding-bottom: 30px;
  /*


        a {
            color: @footer-color;
        }
        a:hover {
            color: @footer-hover-color;

            text-decoration: none;
        }

        h2 {
            //line-height: 2;

            font-size: 28px;
        }
        h3 {
            font-size: 18px;
            font-weight: @weight-normal;
        }*/
  /*

        .contacto {
            padding-top: 20px;
            padding-bottom: 20px;

            text-align: justify;
            text-justify: inter-word;
            text-align-last: justify !important;

            word-wrap: break-word !important;

            a {
                display: block;

                color: @footer-color;

                font-size: 58px !important;
                font-weight: 400 !important;
                line-height: 58px !important;
            }
        }

        .newsletter {
            background-color: @footer-newsletter-background-color;

            //padding-top: 20px;
            padding-bottom: 20px;

            color: #FFFFFF;

            .input {
                margin-top: 24px;

                i {
                    font-size: 24px;

                    margin-left: 20px;
                }

                input {
                    border: 0;
                    border-bottom-style: solid;
                    border-bottom-width: 1px;
                    border-bottom-color: @footer-newsletter-input-border-color;
                    border-radius: 0;

                    padding-left: 10px;
                    padding-right: 10px;
                    padding-top: 5px;
                    padding-bottom: 5px;

                    box-shadow: none;
                    outline: none;

                    width: 400px; // FIJO

                    color: @footer-newsletter-input-color;
                }

                .btn {
                    margin-bottom: 5px;
                }
            }
            p {
                font-size: 20px;
            }
            .detalle {
                padding-top: 3px;
            }
        }

        .social {
            padding-top: 50px;
            padding-bottom: 50px;

            text-align: center;

            i {
                margin-left: 30px;
                margin-right: 30px;
            }
        }

        //.contenido {
        //	padding-left: 15px; // FIJO
        //	padding-right: 15px; // FIJO
        //}

        .dataweb {
            text-align: center;
        }

        .copy {
            font-size: 10px; // FIJO
        }

        .empresa {
            padding-top: 5px; // FIJO

            text-align: center;
        }

        .cuadratica {
            text-align: center;
        }

        .larosa {
            h1 {
                font-size: 180px;
                text-align: center;
            }
        }

        .container-not-home {
            height: 80%;
            padding-top: 90px;
            padding-left: 30px;
        }

        .footer-info {
            font-family: @secondary-font-family;

            padding-top: 100px;
            text-align: left;
            font-size: 20px;

            a {
                position: relative;
                overflow: hidden;
                display: inline-block;
                text-decoration: none;
                color: #FFFFFF;
            }
            a:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: -100%;
                width: 100%;
                height: 2px;
                background: #FFFFFF;
                transition: left .8s;
            }
            a:hover:after {
                left: 0;
            }


        }*/
}
#footer .banner {
  padding-bottom: 100px;
}
#footer h2 {
  font-family: 'DM Mono', monospace;
  font-weight: 400;
  font-size: 18px;
  padding-bottom: 20px;
}
#footer a {
  color: #ffffff;
}
#footer .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
  line-height: 25px;
}
#footer .info {
  padding-left: 60px;
  padding-right: 60px;
}
#footer .copy {
  font-size: 10px;
}
#footer .empresa {
  padding-top: 5px;
  text-align: center;
}
#footer .cuadratica {
  text-align: center;
}
#footer input {
  background-color: transparent;
  border: 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff;
  border-radius: 0px;
  box-shadow: none;
  outline: none;
  font-size: 18px;
  padding-left: 0px;
}
#footer .btn {
  background-color: transparent;
  border: 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ffffff;
  border-radius: 0px;
  height: 34px;
}
@media (max-width: 767px) {
  #footer h2 {
    padding-top: 40px;
  }
}
#footer .newsletter input {
  color: #FFFFFF !important;
}
#signin .o-bien {
  color: #877361;
  padding-top: 10px;
}
#error {
  background-color: #f9e2e2 !important;
}
#error h1 {
  color: #d9534f;
}
#error hr {
  border-color: #d9534f;
}
.easyzoom {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.easyzoom img {
  vertical-align: bottom;
}
.easyzoom.is-loading img {
  cursor: progress;
}
.easyzoom.is-ready img {
  cursor: crosshair;
}
.easyzoom.is-error img {
  cursor: not-allowed;
}
.easyzoom-notice {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 150;
  width: 10em;
  margin: -1em 0 0 -5em;
  line-height: 2em;
  text-align: center;
  background: #FFF;
}
.easyzoom-flyout {
  position: absolute;
  z-index: 100;
  overflow: hidden;
  background: #FFF;
}
.easyzoom .easyzoom-flyout {
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  margin-left: 20px;
  border-color: #111111;
  border-width: 1px;
  border-style: solid;
}
@media (max-width: 767px) {
  .easyzoom .easyzoom-flyout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: 0px;
  }
}
#zoomThumbs a {
  display: block;
  margin-bottom: 10px;
  border-color: #ffffff;
  border-width: 1px;
  border-style: solid;
}
#zoomThumbs a.active {
  border-color: #111111;
  border-width: 1px;
  border-style: solid;
}
#contact .btn {
  display: block;
  position: fixed;
  bottom: 40px;
  right: 20px;
  padding-top: 2px;
  padding-left: 10px;
  width: 48px;
  height: 48px;
  z-index: 1000;
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff;
  border-radius: 50%;
  background-color: #000000;
  color: #ffffff;
  font-size: 30px;
  text-align: center;
  -webkit-box-shadow: 10px 10px 15px -6px #d9d9d9 !important;
  -moz-box-shadow: 10px 10px 15px -6px #d9d9d9 !important;
  box-shadow: 10px 10px 15px -6px #d9d9d9 !important;
}
#contact .btn:hover {
  background-color: #000000;
  text-decoration: none;
}
#home.container-home {
  padding-top: 100px;
}
#home.container-home-alt {
  padding-top: 60px !important;
}
#home #slideshow .swiper-slide {
  position: relative;
}
#home #slideshow .comprar {
  position: absolute;
  top: 50%;
  left: 40px;
  margin-top: -10px;
}
#home #slideshow .comprar a {
  font-family: 'DM Mono', monospace;
  font-weight: 400;
  font-size: 20px;
}
#home .nuestra-vision {
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 60px;
  padding-left: 380px;
  padding-right: 380px;
}
#home .nuestra-vision h2 {
  font-family: 'DM Mono', monospace;
  font-weight: 400;
  font-size: 20px;
}
#home .nuestra-vision h2 i,
#home .nuestra-vision h2 svg {
  font-size: 16px;
}
#home .nuestra-vision p {
  font-weight: 400;
  font-size: 52px;
  line-height: 60px;
}
#home .nuestra-vision a {
  font-size: 20px;
  color: #ffffff;
  line-height: 4px;
}
@media (max-width: 767px) {
  #home .nuestra-vision h2 {
    font-size: 15px;
  }
  #home .nuestra-vision p {
    font-size: 35px;
    line-height: 40px;
  }
  #home .nuestra-vision a {
    font-size: 15px;
  }
}
#home .sobre-rosa {
  padding: 30px;
  padding-left: 60px;
  padding-right: 250px;
  line-height: 1.2;
}
#home .sobre-rosa h2 {
  font-family: 'DM Mono', monospace;
  font-weight: 400;
  font-size: 20px;
}
#home .sobre-rosa h2 i,
#home .sobre-rosa h2 svg {
  font-size: 16px;
}
#home .sobre-rosa p {
  font-weight: 400;
  font-size: 52px;
  line-height: 60px;
}
#home .revista-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  border-top: 1px solid #000000;
}
#home .revista1 {
  justify-self: end;
  align-self: center;
}
#home .revista2 {
  justify-self: center;
  align-self: center;
}
#home .revista3 {
  justify-self: start;
  align-self: center;
}
#home .revista-container a img {
  width: 250px;
}
@media (max-width: 767px) {
  #home .revista-container {
    grid-template-columns: 1fr;
  }
  #home .revista1 {
    justify-self: center;
  }
  #home .revista2 {
    justify-self: center;
  }
  #home .revista3 {
    justify-self: center;
  }
  #home .revista-container a img {
    width: 200px;
  }
}
@media (max-width: 767px) {
  #home .sobre-rosa {
    padding: 30px;
    padding-left: 60px;
    padding-right: 10px;
  }
  #home .sobre-rosa h2 {
    font-family: 'DM Mono', monospace;
    font-weight: 400;
    font-size: 20px;
  }
  #home .sobre-rosa h2 i,
  #home .sobre-rosa h2 svg {
    font-size: 16px;
  }
  #home .sobre-rosa p {
    font-weight: 400;
    font-size: 35px;
    margin-top: 60px;
  }
}
#home .destacados {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0px;
  grid-row-gap: 0px;
}
#home .destacados .item {
  /*display: flex;
      justify-content: center;
      align-items: center;*/
  position: relative;
}
#home .destacados .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#home .destacados .item .adorado {
  display: block;
  background-image: url('../../images/front-end/home/adorado.jpg');
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
}
#home .destacados .item .adorado:hover {
  background-image: url('../../images/front-end/home/adorado-explode.jpg');
}
#home .destacados .item .info {
  position: absolute;
  top: 20px;
  left: 40px;
}
#home .destacados .item .info h2 {
  font-family: 'DM Mono', monospace;
  font-size: 20px;
  font-weight: 400;
  color: #000000;
}
#home .destacados .item .info p {
  font-family: 'DM Mono', monospace;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
#home .destacados .item .info.white h2,
#home .destacados .item .info.white p {
  color: #ffffff;
}
#home .destacados .item .about {
  position: absolute;
  top: 50%;
  left: 40px;
  margin-top: -50px;
}
#home .destacados .item .about h2 {
  font-size: 56px;
}
#home .destacados .item .about p {
  font-family: 'DM Mono', monospace;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
#home .destacados .item .action {
  position: absolute;
  bottom: 60px;
  left: 40px;
}
#home .destacados .item .action h2 {
  font-family: 'DM Mono', monospace;
  font-size: 20px;
  font-weight: 400;
  color: #000000;
}
#home .bestsellers-mobile {
  padding-left: 20px;
  margin-top: 50px;
  border-bottom: 0.5px solid #000000;
}
#home .bestsellers-mobile p {
  width: 55%;
  font-size: 14px;
  font-family: 'DM Mono', monospace;
}
#home .bestsellers-mobile a {
  position: relative;
  bottom: 50px;
  right: 10px;
  font-size: 15px;
}
@media (max-width: 767px) {
  #home .nuestra-vision {
    padding-left: 30px;
    padding-right: 30px;
  }
  #home .sobre-rosa {
    padding-left: 40px;
    padding-right: 40px;
  }
  #home .destacados {
    grid-template-columns: repeat(1, 1fr);
  }
  #home .destacados .item {
    min-height: 700px;
  }
}
@media (min-width: 768px) and (max-width: 994px) {
  #home .nuestra-vision {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 995px) and (max-width: 1199px) {
  #home .nuestra-vision {
    padding-left: 150px;
    padding-right: 150px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  #home .nuestra-vision {
    padding-left: 200px;
    padding-right: 200px;
  }
}
.alert-warning {
  background-color: #fefbf7;
  border-color: #f0ad4e;
  color: #f0ad4e;
  border-radius: 0;
}
.alert-success {
  background-color: #fcfefc;
  border-color: #5cb85c;
  color: #5cb85c;
  border-radius: 0;
}
.alert-danger {
  background-color: #fdf7f7;
  border-color: #d9534f;
  color: #d9534f;
  border-radius: 0;
}
.alert-info {
  background-color: #f4fbfd;
  border-color: #5bc0de;
  color: #5bc0de;
  border-radius: 0;
}
@media (max-width: 767px) {
  select {
    height: 46px !important;
    border-radius: 0px !important;
  }
}
.form-control {
  border-color: #000000;
  border-radius: 0;
  color: #000000;
}
.chosen-default {
  color: #000000 !important;
}
.chosen-container-single .chosen-single {
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: #000000 !important;
  border-radius: 0px;
  color: #000000;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
}
.chosen-container-single .chosen-single div b {
  background-image: url('../../ui/scripts/chosen/img/chosen-sprite-black@2x.png');
  background-position: 0 12px;
}
.chosen-container-single .chosen-search input {
  background-image: url('../../ui/scripts/chosen/img/chosen-sprite-black@2x.png');
}
.chosen-container-single .chosen-results {
  color: #000000;
  font-size: 16px;
}
.chosen-container-single .chosen-results li.highlighted {
  background-color: #000000;
}
.chosen-container-single .chosen-drop {
  margin-top: -3px;
  border-color: #000000;
  border-top-color: #ffffff;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 13px;
}
#entrega .radio,
#entrega .checkbox {
  padding-left: 20px;
  padding-bottom: 10px;
  position: relative;
  display: block;
}
#entrega .radio input,
#entrega .checkbox input {
  opacity: 0;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  margin-left: -20px;
}
#entrega .radio input:checked + label::before,
#entrega .checkbox input:checked + label::before {
  border-color: #000;
}
#entrega .radio input:checked + label::after,
#entrega .checkbox input:checked + label::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 26px;
  height: 26px;
  left: 3px;
  top: 5px;
  margin-left: -20px;
  border: 1px solid #000;
  border-radius: 50%;
  background-color: #000;
}
#entrega .radio label,
#entrega .checkbox label {
  display: inline-block;
  position: relative;
  padding-top: 2px;
  padding-left: 15px;
  font-size: 16px;
}
#entrega .radio label::before,
#entrega .checkbox label::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 2px;
  margin-left: -20px;
  border: 1px solid #000;
  border-color: #000000;
  border-radius: 50%;
  background-color: #fff;
}
#entrega .radio.disabled label,
#entrega .checkbox.disabled label {
  color: #ccc;
}
#entrega .radio.disabled label::before,
#entrega .checkbox.disabled label::before {
  opacity: 0.54;
  border-color: #ccc;
}
#entrega .radio input:checked + label::after {
  width: 14px;
  height: 14px;
  left: 3px;
  top: 5px;
}
#entrega .radio label {
  margin-right: 45px;
}
#entrega .checkbox input:checked + label::before {
  border-color: #000;
  background-color: #000;
}
#entrega .checkbox input:checked + label::after {
  content: "L";
  font-family: "Helvetica";
  font-size: 16px;
  color: #fff;
  left: -10px;
  top: -5px;
  border-color: transparent;
  background-color: transparent;
  -ms-transform: scaleX(-1) rotate(-35deg);
  /* IE 9 */
  -webkit-transform: scaleX(-1) rotate(-35deg);
  /* Chrome, Safari, Opera */
  transform: scaleX(-1) rotate(-35deg);
}
#entrega .checkbox label::before {
  border-radius: 2px;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-BlackItalic.woff2') format('woff2'), url('../fonts/SuisseIntl-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-Black.woff2') format('woff2'), url('../fonts/SuisseIntl-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-Bold.woff2') format('woff2'), url('../fonts/SuisseIntl-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl Book';
  src: url('../fonts/SuisseIntl-Book.woff2') format('woff2'), url('../fonts/SuisseIntl-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-Medium.woff2') format('woff2'), url('../fonts/SuisseIntl-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-Light.woff2') format('woff2'), url('../fonts/SuisseIntl-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-LightItalic.woff2') format('woff2'), url('../fonts/SuisseIntl-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-BoldItalic.woff2') format('woff2'), url('../fonts/SuisseIntl-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl Book';
  src: url('../fonts/SuisseIntl-BookItalic.woff2') format('woff2'), url('../fonts/SuisseIntl-BookItalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-Italic.woff2') format('woff2'), url('../fonts/SuisseIntl-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-Regular.woff2') format('woff2'), url('../fonts/SuisseIntl-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-SemiBold.woff2') format('woff2'), url('../fonts/SuisseIntl-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-MediumItalic.woff2') format('woff2'), url('../fonts/SuisseIntl-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-UltraLight.woff2') format('woff2'), url('../fonts/SuisseIntl-UltraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-SemiBoldItalic.woff2') format('woff2'), url('../fonts/SuisseIntl-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-ThinItalic.woff2') format('woff2'), url('../fonts/SuisseIntl-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-Thin.woff2') format('woff2'), url('../fonts/SuisseIntl-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Suisse Intl';
  src: url('../fonts/SuisseIntl-UltraLightItalic.woff2') format('woff2'), url('../fonts/SuisseIntl-UltraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNow-BoldItalic.woff2') format('woff2'), url('../fonts/TimesNow-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNow-Bold.woff2') format('woff2'), url('../fonts/TimesNow-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNow-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/TimesNow-ExtraBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNow-ExtraBold.woff2') format('woff2'), url('../fonts/TimesNow-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNow-LightItalic.woff2') format('woff2'), url('../fonts/TimesNow-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNow-ExtraLight.woff2') format('woff2'), url('../fonts/TimesNow-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNow-ExtraLightItalic.woff2') format('woff2'), url('../fonts/TimesNow-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNow-SemiBold.woff2') format('woff2'), url('../fonts/TimesNow-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNow-SemiBoldItalic.woff2') format('woff2'), url('../fonts/TimesNow-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNow-Light.woff2') format('woff2'), url('../fonts/TimesNow-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNow-SemiLight.woff2') format('woff2'), url('../fonts/TimesNow-SemiLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Times Now';
  src: url('../fonts/TimesNow-SemiLightItalic.woff2') format('woff2'), url('../fonts/TimesNow-SemiLightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
html {
  position: relative;
  min-height: 100%;
}
strong {
  font-weight: 600;
}
body,
table,
input,
textarea,
select {
  font-family: 'Suisse Intl';
  font-size: 14px;
  font-weight: 400;
}
body {
  margin-bottom: 620px;
  background-color: #F5F5F6;
}
@media (max-width: 767px) {
  body {
    margin-bottom: 1320px !important;
  }
}
hr {
  border-color: #000000;
}
h1,
h2,
h3,
h4 {
  font-family: 'Suisse Intl';
  font-weight: 400;
  font-size: 24px;
}
em {
  color: #999999;
  font-size: 14px;
}
a {
  color: #000000;
}
a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
input,
textarea,
select {
  font-size: 16px;
}
.well {
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 0;
  /*p,
	table,
	ul {
		font-family: @secondary-font-family;
	}*/
}
.btn-group .btn {
  border-radius: 0;
  font-family: 'Suisse Intl';
}
.panel {
  border-radius: 0 !important;
  border-color: #000000 !important;
}
.panel .panel-title {
  font-size: 14px;
  font-weight: 600;
}
.panel-heading {
  border-radius: 0 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
}
.panel-config {
  margin-top: 20px !important;
}
.tabbable ul.nav-pills li a {
  border-radius: 50px !important;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.container-principal {
  padding-top: 150px;
  padding-bottom: 110px;
}
.container-principal-alt {
  padding-top: 110px !important;
}
.container-limite {
  padding-top: 100px;
  padding-bottom: 60px;
}
.container-limite-alt {
  padding-top: 60px !important;
}
.container-retro {
  background-color: #000000;
}
#contacto ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#contacto ul li {
  margin-bottom: 20px;
}
#contacto ul li i {
  padding-right: 5px;
}
@media (max-width: 767px) {
  #contacto .datos {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .faq-answer {
    border: 0px;
  }
}
@media (min-width: 768px) and (max-width: 994px) {
  .faq-answer {
    border: 0px;
  }
  .modal-dialog {
    width: 800px;
  }
}
@media (min-width: 995px) and (max-width: 1199px) {
  .faq-answer {
    border-left-color: #dddddd;
    border-left-width: 1px;
    border-left-style: solid;
  }
  .modal-dialog {
    width: 800px;
  }
}
@media (min-width: 1200px) {
  .faq-answer {
    border-left-color: #dddddd;
    border-left-width: 1px;
    border-left-style: solid;
  }
  .modal-dialog {
    width: 800px;
  }
}
.modal-content {
  border-radius: 0px !important;
}
#origen {
  background-color: #F5F5F6;
}
@media (max-width: 767px) {
  #origen.container-limite {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 994px) {
  #origen.container-limite {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 100px !important;
  }
}
@media (min-width: 995px) and (max-width: 1199px) {
  #origen.container-limite {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 100px !important;
  }
}
@media (min-width: 1200px) {
  #origen.container-limite {
    padding-left: 200px;
    padding-right: 200px;
    padding-top: 100px !important;
  }
}
#origen h1 {
  font-size: 48px;
  font-weight: 300;
  text-align: center;
}
#origen p {
  font-size: 26px;
  font-weight: 300;
}
#origen .poesia {
  font-family: 'DM Mono', monospace;
  font-size: 26px;
  font-weight: 300;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
}
#origen .underline {
  text-decoration: underline;
}
#origen .generamos,
#origen .paises {
  font-family: 'DM Mono', monospace;
  font-size: 26px;
}
#origen .magali h2 {
  font-size: 16px;
  font-weight: 600;
  padding-left: 40px;
}
#origen .magali h3 {
  font-size: 16px;
  font-weight: 400;
  padding-left: 40px;
}
#origen .magali p {
  font-family: 'DM Mono', monospace;
  font-size: 16px;
  text-indent: 40px;
  padding: 0;
  margin: 0;
}
#origen .magali .year {
  display: block;
  padding-left: 40px;
}
#origen .img1,
#origen .img2 {
  width: 49%;
}
#origen .img2 {
  margin-left: -5px;
}
@media (max-width: 767px) {
  #origen .img1,
  #origen .img2 {
    width: 100%;
    margin: 0;
  }
}
#origen #d1,
#origen #d2,
#origen #d3,
#origen #d4,
#origen #d5,
#origen #d6 {
  position: absolute;
  z-index: 9;
  background-color: #f1f1f1;
  border: 1px solid #d3d3d3;
  text-align: center;
  cursor: move;
  width: 150px;
}
#origen #d1,
#origen #d6 {
  width: 100px;
}
#origen #d1 {
  top: 0;
  left: 0;
}
#origen #d2 {
  top: 25px;
  left: 508px;
}
#origen #d3 {
  top: 245px;
  left: 1039px;
}
#origen #d4 {
  top: 150px;
  left: 270px;
}
#origen #d5 {
  top: 2px;
  left: 1072px;
}
#origen #d6 {
  top: 133px;
  left: 753px;
}
@media (max-width: 767px) {
  #origen #d2 {
    top: 99px;
    left: 144px;
  }
  #origen #d3 {
    top: 14px;
    left: 359px;
  }
  #origen #d4 {
    top: 375px;
    left: 13px;
  }
  #origen #d5 {
    top: 273px;
    left: 225px;
  }
  #origen #d6 {
    top: 437px;
    left: 364px;
  }
}
@media (min-width: 768px) and (max-width: 994px) {
  #origen #d2 {
    top: 99px;
    left: 144px;
  }
  #origen #d3 {
    top: 14px;
    left: 359px;
  }
  #origen #d4 {
    top: 375px;
    left: 13px;
  }
  #origen #d5 {
    top: 273px;
    left: 225px;
  }
  #origen #d6 {
    top: 437px;
    left: 364px;
  }
}
@media (min-width: 995px) and (max-width: 1199px) {
  #origen #d3 {
    top: 270px;
    left: 506px;
  }
  #origen #d5 {
    top: -16px;
    left: 760px;
  }
}
.search-suggested {
  display: inline-block;
  background-color: #5086ec;
  padding: 8px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 20px;
  border-style: solid;
  border-color: #2266e7;
  border-width: 1px;
  color: #fff;
  margin: 8px;
  font-size: 14px;
}
.search-suggested:hover {
  text-decoration: none;
  background-color: #2266e7;
  color: #fff;
}
/*# sourceMappingURL=style.css.map */