saltar al contenido
@import url ('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700');
@import url ('https://fonts.googleapis.com/css?family=Open+Sans');
@import url ('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
.owl-theme .owl-controls .owl-botones div {
opacidad: 0,9;
}
.owl-carrusel {
Limpia los dos;
posición: relativa;
}
.owl-next {
ancho: 68px;
altura: 68px;
background: url (http://brandpagev2.aperitive.io/uploads/next-arrow.png) no repetir! importante;
posición: absoluta;
derecha: 0;
arriba: 40%;
tamaño de fuente: 0! importante;
}
.owl-prev {
ancho: 68px;
altura: 68px;
background: url (http://brandpagev2.aperitive.io/uploads/prev-arrow.png) no repetir! importante;
posición: absoluta;
izquierda: 0;
arriba: 40%;
tamaño de fuente: 0! importante;
}
.m-container {
ancho máximo: 1170px;
margen: automático;
}
.col-12 {
flotador izquierdo;
ancho: 100%;
}
.col-3 {
flotador izquierdo;
ancho: 33.33333333%;
}
.col-4 {
flotador izquierdo;
ancho: 33%;
}
.Feature-headng {
/ * familia de fuentes: 'Open Sans', sans-serif; * /
tamaño de fuente: 20px! importante;
peso de fuente: 600! importante;
alineación de texto: centro;
}
h2.sort-header {
tamaño de fuente: 18px;
espaciado entre letras: .14285714rem;
color: # 000;
transformación de texto: mayúsculas;
/ * familia de fuentes: 'Open Sans', sans-serif; * /
}
.numeric-order .list-box ul li a, .numeric-order h6 {
/ * familia de fuentes: 'Open Sans', sans-serif; * /
text-transform: capitalizar;
}
h2.sort-header span {
tamaño de fuente: 12px;
margen izquierdo: 10px;
peso de fuente: 600;
color: # 000;
}
.organiz-sec ul li {
pantalla: en línea;
flotador izquierdo;
margen derecho: 15px;
}
.organiz-sec ul li a {
transición: color de fondo .25s entrada y salida, color .25s entrada y salida;
color: # 717171;
decoración de texto: ninguna;
cursor: puntero;
/ * familia de fuentes: 'Open Sans', sans-serif; * /
peso de fuente: 400;
tamaño de fuente: 14px;
}
.organiz-sec ul {
margen: 0;
acolchado: 0;
estilo de lista: ninguno;
}
.orden numérico {
flotador izquierdo;
ancho: 100%;
fondo acolchado: 20px;
}
.numeric-order h6 {
peso de fuente: 700;
tamaño de fuente: 18px;
color: # 000;
margen: 20px 0;
}
.numeric-order .list-box ul {
estilo de lista: ninguno;
margen: 0;
acolchado: 0;
}
.orden-numérico .list-box ul li {
fondo acolchado: 7px;
}
.orden-numérico .list-box ul li a {
color: # 232121;
decoración de texto: ninguna;
cursor: puntero;
peso de fuente: 400;
tamaño de fuente: 16px;
borde: ninguno;
}
.brands-box ul {
estilo de lista: ninguno;
margen: 0;
acolchado: 0;
}
.brands-box ul li {
flotador izquierdo;
ancho: 24%;
alineación de texto: centro;
relleno: 40px 0;
margen inferior: 20px;
borde: 1px sólido # c9c6c6;
tamaño de caja: caja de borde;
margen derecho: 1%;
}
.media-box img {
ancho: 100%;
ancho máximo: 100%;
}
.media-box {
ancho máximo: 180px;
altura: 80px;
margen: automático;
ancho: 100%;
}
.btn-box .btn {
pantalla: tabla en línea;
alineación de texto: centro;
acolchado: .6875rem 1.25rem;
fondo: # e45625;
color: #fff;
transformación de texto: mayúsculas;
peso de fuente: 700;
borde: .125rem sólido # e45625;
tamaño de fuente: .8125rem;
transición: salida fácil de los 3;
}
.product_count {
flotar derecho;
alineación de texto: centro;
margin-top: 6px! important;
tamaño de fuente: 16px;
margen derecho: 16px;
color: # 000;
}
.form-group.sort_order_div {
alineación de texto: centro;
flotar derecho;
ancho máximo: 376px;
ancho: 100%;
}
.test.form-inline label {
margen derecho: 10px;
flotador izquierdo;
margen superior: 12px;
}
seleccione # sort_order {
flotador izquierdo;
ancho: 100%;
ancho máximo: 179px;
color: # 000;
}
@media (ancho máximo: 640 px) {
.form-group.sort_order_div {
ancho máximo: 100%;
ancho: 100%;
}
}
@media (ancho máximo: 576px) {
.m-col-12 {
ancho: 100%;
}
.carousel-inner {
altura máxima: 400px;
desbordamiento: desplazamiento;
}
}
@media (ancho mínimo: 991px) {
.orden-numérico .list-box ul li {
flotador izquierdo;
ancho: 100%;
}
@media (ancho máximo: 991 px) y (ancho mínimo: 567 px) {
.orden-numérico .list-box ul li {
flotador izquierdo;
ancho: 50%;
}
.brands-box ul li {
ancho: 48%! importante;
margen derecho: 1%;
}
.sm-col-6 {
ancho: 100%;
}
}
}
@media (ancho máximo: 567 px) y (ancho mínimo: 320 px) {
.orden-numérico .list-box ul li {
flotador izquierdo;
ancho: 100%;
}
.brands-box ul li {
ancho: 100%! importante;
margen derecho: 1%;
}
.sm-col-6 {
flotador izquierdo;
ancho: 100%;
}
}
@media (ancho máximo: 400px) {
seleccione # sort_order {
flotador izquierdo;
ancho: 100%;
ancho máximo: 152px;
}
.product_count {
flotador izquierdo;
padding-left: 61px;
}
}
.num-conytent {
flotador izquierdo;
ancho: 100%;
}
.ojo {
altura: 30px;
ancho: 30px;
borde: 1px rojo sólido;
cursor: puntero;
}
.miniatura {
posición: relativa;
acolchado: 0;
margen inferior: 20px;
}
.thumbnail img {
ancho: 100%;
}
.modal-dialog {
ancho: 100%;
ancho máximo: 90%;
margen: 30px automático;
}
a.left.carousel-control, a.right.carousel-control {
ancho: 45px;
altura: 45px;
altura de línea: 39px;
posición: absoluta;
arriba: 42%;
radio de borde: 100%;
tamaño de fuente: 36px;
imagen de fondo: ninguna;
}
a.left.carousel-control {
color de fondo: rgba (0,0,0, .5);
izquierda: 12px;
}
a.left.carousel-control: hover {
color de fondo: rgba (0,0,0, .75);
}
a.right.carousel-control {
color de fondo: rgba (0,0,0, .5);
derecha: 12px;
}
.custom-bottom .title, .custom-bottom div {
tamaño de fuente: 16px;
text-transform: capitalizar;
}
a.right.carousel-control: hover {
color de fondo: rgba (0,0,0, .75);
}
.item-custom {
/ * fondo: # f5f5f5; * /
/ * borde: 1px sólido # e3e3e3; * /
altura mínima: 316px;
}
.item-custom a img {
ancho: 100%;
/ * object-fit: cover; * /
altura: auto;
}
.custom-bottom {
relleno: 13px;
/ * familia de fuentes: Poppins, sans-serif; * /
}
.custom-bottom div {
/ * familia de fuentes: inicial; * /
margen inferior: 2px;
color: # 509aa2;
}
.custom-bottom .title {
/ * familia de fuentes: Poppins, sans-serif; * /
margen inferior: 9px;
peso de fuente: 600;
color: # 000;
}
.custom-bottom .title a: hover {
decoración de texto: ninguna;
}
#myModal .modal-title {
tamaño de fuente: 26px;
text-transform: capitalizar;
borde inferior: 1px sólido # 000;
}
.custom-bottom .title a {
color: # 509aa2;
}
.tramo inferior personalizado {
peso de fuente: 700;
color: # 000;
}
#myModal modal-header {
relleno: 15px;
borde inferior: ninguno;
}
.carousel-indicadores .active {
color de fondo: # 636363;
margen derecho: 3px;
}
#myModal .carousel-inner {
fondo acolchado: 50px;
}
#myModal .modal-header .close: focus {
contorno: 0;
sombra de caja: ninguna;
}
.modal {
pantalla: ninguna;
posición: fija;
índice z: 1;
padding-top: 40px;
izquierda: 0;
arriba: 0;
ancho: 100%;
altura: 100%;
color de fondo: # 000;
color de fondo: rgba (0,0,0, .4);
desbordamiento-y: oculto;
índice z: 9999;
}
.modal-content {
color de fondo: #fefefe;
margen: automático;
relleno: 20px;
borde: 1px sólido # 888;
ancho: 80%;
altura mínima: 500px! importante;
}
.cerrar {
de color negro;
flotar derecho;
tamaño de fuente: 0px;
peso de fuente: 700;
margen superior: 9px;
opacidad: heredar;
}
.close: focus, .close: hover {
color: # 000;
decoración de texto: ninguna;
cursor: puntero;
}
.close: before {
contenido: 'X';
tamaño de fuente: 20px;
color: # 333;
margen superior: 4px;
pantalla: bloque en línea;
}
.carousel-indicadores {
ancho: 100%;
margen izquierdo: 0! importante;
izquierda: 0;
}
.carousel-indicadores .active {
color de fondo: ninguno;
margen derecho: 3px;
}
.carousel-indicadores li {
color de fondo: #eee;
}
.form-group.sort_order_div {
alineación de texto: centro;
}
.modal-titleed {
alineación de texto: centro;
margin-top: 10px! important;
tamaño de fuente: 24px;
flotador izquierdo;
color: # 000;
}
.test.form-inline label {
margen derecho: 10px;
color: # 000;
}
.carousel-caption.product_count {
sombra de texto: ninguna;
fondo acolchado: 0px;
abajo: 50px;
}
.item-custom .custom-bottom .title a {
altura: 50px;
/ * desbordamiento: oculto; * /
pantalla: bloque en línea;
ancho: 200px;
espacio en blanco: preenvío;
desbordamiento: oculto! importante;
desbordamiento de texto: puntos suspensivos;
margen inferior: 0px;
}
.item-custom a img {
ajuste de objeto: contener;
altura: 100%;
}
.item-custom a {
altura: 322px;
pantalla: bloque en línea;
ancho: 100%;
desbordamiento: oculto;
}
.custom-bottom .title a {
altura: auto;
}
#myModal .carousel-indicadores {
abajo: 0;
}
@media (ancho mínimo: 991px) {
.dek-none {
pantalla: ninguna;
}
.form-group.sort_order_div form.test.form-inline {
flotar derecho;
margen derecho: 10px;
ancho máximo: 249px;
ancho: 100%;
}
}
@media (ancho máximo: 991 px) y (ancho mínimo: 320 px) {
.carousel-caption.product_count {
pantalla: ninguna;
}
}
@media (ancho máximo: 991px) {
.item-custom a {
altura: 170px;
pantalla: bloque en línea;
ancho: 100%;
}
#myCarousel .item-custom .custom-bottom .title a {
altura: auto;
/ * desbordamiento: oculto; * /
pantalla: bloque en línea;
ancho: 100%;
desbordamiento: oculto! importante;
desbordamiento de texto: puntos suspensivos;
margen inferior: 0px;
salto de palabra: salto de palabra;
}
}
@media (ancho máximo: 767px) {
.item-custom a {
altura: auto;
pantalla: bloque en línea;
ancho: 100%;
}
.carousel-inner {
altura máxima: 400px;
desbordamiento: desplazamiento;
}
}
.custom-bottom.title, .custom-bottom div {font-size: 16px; font-weight: 600} .brandPage_item {font-size: px! important; color:! important;} .brandPage_header {borde inferior: 1px sólido # a2a2a2;} .brandPage_Root ul.nonFeaturedBrands {-kit-columnas-web: 100px 4; -moz-columnas: 100px 4; columnas: 100px 4;} .brandPage_Root ul.featuredBrands li ul {-kit-web-columnas: 100px 3; -moz-columnas: 100px 3; columnas: 100px 3;} pantalla solo @media y (ancho máximo: 769px) {.brandPage_Root ul.nonFeaturedBrands {-kit web - columnas: 100px 2! importante; -moz - columnas: 100px 2! importante; columnas: 100px 2! importante; }} @media solo pantalla y (ancho máximo: 769px) {brandPage_Root ul.featuredBrands li ul {-webkit - columnas: 100px 2! important; -moz - columnas: 100px 2! importante; columnas: 100px 2! importante; }} .brandPage_header {padding-bottom: 5px; margin-top: 40px; tamaño de fuente: px! importante; color:! important;}. brandPage_Root li, .brandPage_Root ul {altura de línea: 1.3; margin-bottom: 10px; list-style: none! important;} .brandPage_Root> ul {margin-left: 0; padding-left: 5px;} @media solo pantalla y (max-width: 769px) {.brandPage_Root> ul> li> ul {margin-left: 0}} img.brand_Image {max-width: px; object-fit: contains;} @ media (max-width: 1920px) y (min-width: 800px) {.brand_Image {width: px! important; height: px! important;}} .brandPage_item figure {min-height: 40px; margen: 0; display: inline-block;} @media (max-width: 4000px) y (min-width: 1921px) {.brand_Image {width: px! important; height: px! important;}} .brandPage_item figure {min-height: 40px; margen: 0; display: inline-block;} .brand_OnSale {ancho: 30px; altura: 30px; margen: 5px; vertical - alinear: superior; } .rte a: not (.image-link) :: after, .rte-setting a: not (.image-link) :: after, .text-link: not (.image-link) :: after {content : ''; ancho: 100%; posición: absoluta; izquierda: 0; abajo: 2px; border-bottom: none;}. custom-bottom .title a {color:; } .custom-bottom div {color:;}. custom-bottom span {font-size: px; color:;} .