Przejdź do treści
@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-buttons div {
nieprzezroczystość: 0,9;
}
.sowa-karuzela {
oba czyste;
pozycja: względna;
}
.sowa-następny {
szerokość: 68px;
wysokość: 68px;
tło: url(http://brandpagev2.aperitive.io/uploads/next-arrow.png) no-repeat !ważne;
pozycja: bezwzględna;
prawo: 0;
góra: 40%;
rozmiar czcionki: 0 !ważne;
}
.sowa-poprzednia {
szerokość: 68px;
wysokość: 68px;
tło: url(http://brandpagev2.aperitive.io/uploads/prev-arrow.png) bez powtórzeń !ważne;
pozycja: bezwzględna;
po lewej: 0;
góra: 40%;
rozmiar czcionki: 0 !ważne;
}
.m-kontener {
maksymalna szerokość: 1170px;
margines: auto;
}
.kolumna-12 {
pływak: lewy;
szerokość: 100%;
}
.kolumna-3 {
pływak: lewy;
szerokość: 33,33333333%;
}
.kolumna-4 {
pływak: lewy;
szerokość: 33%;
}
.Funkcja główna {
/*rodzina czcionek: 'Open Sans',sans-serif;*/
rozmiar czcionki: 20px !ważne;
grubość czcionki: 600!ważne;
wyrównanie tekstu: środek;
}
h2.sort-nagłówek {
rozmiar czcionki: 18px;
odstępy między literami: .14285714rem;
kolor: #000;
transformacja tekstu: wielkie litery;
/*rodzina czcionek: 'Open Sans',sans-serif;*/
}
.porządek-numeryczny .list-box ul li a, .porządek-numeryczny h6 {
/*rodzina czcionek: 'Open Sans',sans-serif;*/
transformacja tekstu: wielkie litery;
}
h2.sort-rozpiętość nagłówka {
rozmiar czcionki: 12px;
margines lewy: 10px;
grubość czcionki: 600;
kolor: #000;
}
.organiz-sec ul li {
wyświetlacz: wbudowany;
pływak: lewy;
margines prawy: 15px;
}
.organiz-sec ul li a {
przejście: kolor tła 0,25 s złagodzenie, kolor 0,25 s zwolnienie;
kolor: #717171;
dekoracja tekstu: brak;
kursor: wskaźnik;
/*rodzina czcionek: 'Open Sans',sans-serif;*/
grubość czcionki: 400;
rozmiar czcionki: 14px;
}
.organiz-sec ul {
margines: 0;
wypełnienie: 0;
styl listy: brak;
}
.porządek numeryczny {
pływak: lewy;
szerokość: 100%;
dopełnienie-dolne: 20px;
}
.numeric-order h6 {
grubość czcionki: 700;
rozmiar czcionki: 18px;
kolor: #000;
margines: 20px 0;
}
.numeric-order .list-box ul {
styl listy: brak;
margines: 0;
wypełnienie: 0;
}
.numeric-order .list-box ul li {
dopełnienie-dolne: 7px;
}
.numeric-order .list-box ul li a {
kolor: #232121;
dekoracja tekstu: brak;
kursor: wskaźnik;
grubość czcionki: 400;
rozmiar czcionki: 16px;
obramowanie:brak;
}
.brands-box ul {
styl listy: brak;
margines: 0;
wypełnienie: 0;
}
.brands-box ul li {
pływak: lewy;
szerokość: 24%;
wyrównanie tekstu: środek;
dopełnienie: 40px 0;
margines-dolny: 20px;
obramowanie: 1px stałe #c9c6c6;
rozmiar pudełka: obramowanie-pudełko;
margines prawy: 1%;
}
.media-box obraz {
szerokość: 100%;
maksymalna szerokość: 100%;
}
.media-box {
maksymalna szerokość: 180px;
wysokość: 80px;
margines: auto;
szerokość: 100%;
}
.btn-box .btn {
wyświetlacz: inline-table;
wyrównanie tekstu: środek;
wypełnienie: 0,6875rem 1,25rem;
tło: #e45625;
kolor: #fff;
transformacja tekstu: wielkie litery;
grubość czcionki: 700;
brzeg: 0,125rem stały #e45625;
rozmiar czcionki: .8125rem;
przejście: rozluźnienie wszystkich trójek;
}
.liczba_produktów {
pływak: w prawo;
wyrównanie tekstu: środek;
margines-górny: 6px !ważne;
rozmiar czcionki: 16px;
margines prawy: 16px;
kolor: #000;
}
.form-group.sort_order_div {
wyrównanie tekstu: środek;
pływak: w prawo;
maksymalna szerokość: 376px;
szerokość: 100%;
}
.test.form-inline etykieta {
margines prawy: 10px;
pływak: lewy;
margines górny: 12px;
}
wybierz#sortowanie {
pływak: lewy;
szerokość: 100%;
maksymalna szerokość: 179px;
kolor:#000;
}
@media (maksymalna szerokość:640px) {
.form-group.sort_order_div {
maksymalna szerokość: 100%;
szerokość: 100%;
}
}
@media (maksymalna szerokość: 576px) {
.m-kol-12 {
szerokość: 100%;
}
.karuzela-wewnętrzna {
maksymalna wysokość: 400px;
przepełnienie: przewijanie;
}
}
@media (min-szerokość:991px) {
.numeric-order .list-box ul li {
pływak: lewy;
szerokość: 100%;
}
@media (max-szerokość:991px) i (min-szerokość:567px) {
.numeric-order .list-box ul li {
pływak: lewy;
szerokość: 50%;
}
.brands-box ul li {
szerokość: 48% !ważne;
margines prawy: 1%;
}
.sm-kol-6 {
szerokość: 100%;
}
}
}
@media (max-szerokość:567px) i (min-szerokość:320px) {
.numeric-order .list-box ul li {
pływak: lewy;
szerokość: 100%;
}
.brands-box ul li {
szerokość: 100% !ważne;
margines prawy: 1%;
}
.sm-kol-6 {
pływak: lewy;
szerokość: 100%;
}
}
@media (maksymalna szerokość:400px) {
wybierz#sortowanie {
pływak: lewy;
szerokość: 100%;
maksymalna szerokość: 152px;
}
.liczba_produktów {
pływak: lewy;
dopełnienie lewe: 61px;
}
}
.num-conytent {
pływak: lewy;
szerokość: 100%;
}
oko {
wysokość: 30px;
szerokość: 30px;
obramowanie: 1px stałe czerwone;
kursor: wskaźnik;
}
.Miniaturka {
pozycja: względna;
wypełnienie: 0;
margines-dolny: 20px;
}
obraz miniatury {
szerokość: 100%;
}
.modal-okno {
szerokość: 100%;
maksymalna szerokość: 90%;
margines: 30px auto;
}
a.lewa.kontrolka-karuzeli, a.prawa.kontrolka-karuzeli {
szerokość: 45px;
wysokość: 45px;
wysokość linii: 39px;
pozycja: bezwzględna;
góra: 42%;
promień graniczny: 100%;
rozmiar czcionki: 36px;
obraz tła: brak;
}
a.lewa.kontrola-karuzeli {
kolor tła: rgba (0,0,0,.5);
lewy: 12px;
}
a.left.carousel-control:najedź {
kolor tła: rgba (0,0,0,.75);
}
a.prawa.kontrola-karuzeli {
kolor tła: rgba (0,0,0,.5);
prawy: 12px;
}
.niestandardowy-dolny .tytuł, .niestandardowy-dolny div {
rozmiar czcionki: 16px;
transformacja tekstu: wielkie litery;
}
a.right.carousel-control:najedź {
kolor tła: rgba (0,0,0,.75);
}
.element-niestandardowy {
/* tło: #f5f5f5; */
/* obramowanie: 1px solid #e3e3e3; */
min-wysokość: 316px;
}
.item-niestandardowy obraz {
szerokość: 100%;
/* dopasowanie do obiektu: okładka; */
wysokość: auto;
}
.dolny-niestandardowy {
wypełnienie: 13px;
/*rodzina czcionek: Poppins,bezszeryfowa;*/
}
.niestandardowy-dolny div {
/*rodzina czcionek: początkowa;*/
margines-dolny: 2px;
kolor: #509aa2;
}
.dolny-niestandardowy .tytuł {
/*rodzina czcionek: Poppins,bezszeryfowa;*/
margines-dolny: 9px;
grubość czcionki: 600;
kolor: #000;
}
.niestandardowe-dół .tytuł a:najedź {
dekoracja tekstu: brak;
}
#myModal .modal-title {
rozmiar czcionki: 26px;
transformacja tekstu: wielkie litery;
obramowanie-dół: 1px stałe #000;
}
.dolny-niestandardowy .tytuł a {
kolor: #509aa2;
}
.niestandardowa rozpiętość dna {
grubość czcionki: 700;
kolor: #000;
}
#myModalny nagłówek modalny {
wypełnienie: 15px;
obramowanie na dole: brak;
}
.wskaźniki-karuzeli .aktywne {
kolor tła: #636363;
margines prawy: 3px;
}
#myModal .carousel-inner {
dopełnienie-dolne: 50px;
}
#myModal .modal-header .close:focus {
zarys: 0;
cień pudełka: brak;
}
.modalny {
Nie wyświetla się;
pozycja: ustalona;
indeks z: 1;
padding-top: 40px;
po lewej: 0;
góra: 0;
szerokość: 100%;
wzrost: 100%;
kolor tła: #000;
kolor tła: rgba (0,0,0,.4);
przelew-y: ukryty;
indeks z: 9999;
}
.zawartość-modalna {
kolor tła: #fefefe;
margines: auto;
wypełnienie: 20px;
obramowanie: 1px stałe #888;
szerokość: 80%;
min-wysokość:500px !ważne;
}
.blisko {
kolor czarny;
pływak: w prawo;
rozmiar czcionki: 0px;
grubość czcionki: 700;
margines górny: 9px;
krycie: dziedziczenie;
}
.zamknij:skup się, .zamknij:najedź {
kolor: #000;
dekoracja tekstu: brak;
kursor: wskaźnik;
}
.zamknij:przed {
treść: „X”;
rozmiar czcionki: 20px;
kolor: #333;
margines górny: 4px;
wyświetlacz: inline-block;
}
.wskaźniki-karuzeli {
szerokość: 100%;
margines lewy: 0 !ważne;
po lewej: 0;
}
.wskaźniki-karuzeli .aktywne {
kolor tła: brak;
margines prawy: 3px;
}
.karuzela-wskaźniki li {
kolor tła: #eee;
}
.form-group.sort_order_div {
wyrównanie tekstu: środek;
}
.modal-tytuł {
wyrównanie tekstu: środek;
margines-górny: 10px !ważne;
rozmiar czcionki: 24px;
pływak: lewy;
kolor: #000;
}
.test.form-inline etykieta {
margines prawy: 10px;
kolor: #000;
}
.carousel-caption.product_count {
cień tekstu: brak;
dopełnienie-dolne: 0px;
dół: 50px;
}
.element-niestandardowy .niestandardowy-dół .tytuł a {
wysokość: 50px;
/* przepełnienie: ukryte; */
wyświetlacz: inline-block;
szerokość: 200px;
spacje: pre-wrap;
przepełnienie: ukryte !ważne;
przepełnienie tekstu: wielokropek;
margines-dolny: 0px;
}
.item-niestandardowy obraz {
dopasowanie do obiektu: zawierają;
wzrost: 100%;
}
.element-niestandardowy {
wysokość: 322px;
wyświetlacz: inline-block;
szerokość: 100%;
przelew: ukryty;
}
.dolny-niestandardowy .tytuł a {
wysokość: auto;
}
#myModal .carousel-indicators {
dół: 0;
}
@media (min-szerokość:991px) {
.dek-none {
Nie wyświetla się;
}
.form-group.sort_order_div form.test.form-inline {
pływak: w prawo;
margines prawy: 10px;
maksymalna szerokość: 249px;
szerokość: 100%;
}
}
@media (max-szerokość:991px) i (min-szerokość:320px) {
.carousel-caption.product_count {
Nie wyświetla się;
}
}
@media (maksymalna szerokość:991px) {
.element-niestandardowy {
wysokość: 170px;
wyświetlacz: inline-block;
szerokość: 100%;
}
#myCarousel .element-niestandardowy .niestandardowy-dół .title a {
wysokość: auto;
/* przepełnienie: ukryte; */
wyświetlacz: inline-block;
szerokość: 100%;
przepełnienie: ukryte !ważne;
przepełnienie tekstu: wielokropek;
margines-dolny: 0px;
łamanie wyrazów: łamanie wyrazów;
}
}
@media (maksymalna szerokość: 767px) {
.element-niestandardowy {
wysokość: auto;
wyświetlacz: inline-block;
szerokość: 100%;
}
.karuzela-wewnętrzna {
maksymalna wysokość: 400px;
przepełnienie: przewijanie;
}
}
.custom-bottom.title, .custom-bottom div {font-size:16px;font-weight:600} .brandPage_item{ font-size: px !ważne; color: !important;} .brandPage_header{ border-bottom: 1px solid #a2a2a2;} .brandPage_Root ul.nonFeaturedBrands{ -webkit-columns: 100px 4; -kolumny moz: 100px 4; kolumny: 100px 4;} .brandPage_Root ul.featuredBrands li ul{ -webkit-columns: 100px 3; -moz-kolumny: 100px 3; kolumny: 100px 3;} @media tylko ekran i (max - szerokość: 769px) {.brandPage_Root ul.nonFeaturedBrands{ -webkit - kolumny: 100px 2 !ważne; -moz - kolumny: 100px 2 !ważne; kolumny: 100px 2 !ważne; } } @media only screen i (max - szerokość: 769px) {brandPage_Root ul.featuredBrands li ul{ -webkit - kolumny: 100px 2 !important; -moz - kolumny: 100px 2 !ważne; kolumny: 100px 2 !ważne; } } .brandPage_header{ padding-bottom: 5px;margin-top: 40px; rozmiar czcionki: px !ważne; kolor: !ważne;}.brandPage_Root li, .brandPage_Root ul {linia-wysokość:1.3; margin-bottom: 10px;list-style:none !important;} .brandPage_Root > ul{margin-left: 0; padding-left: 5px;} @media only screen i (max-width: 769px) {.brandPage_Root > ul > li >ul{margin-left:0 }} img.brand_Image { max-width: px ; dopasowanie obiektu: include;}@media (max-width: 1920px) and (min-width: 800px){ .brand_Image{ width: px !important;height: px !important;}} .brandPage_item figure{ min-height: 40px; margines:0; display: inline-block;} @media (max-width: 4000px) and (min-width: 1921px){ .brand_Image{ width: px !important;height: px !important;}} .brandPage_item figure{ min-height: 40px; margines:0; display: inline-block;} .brand_OnSale { szerokość: 30px; wysokość: 30px; margines: 5px; pionowo - wyrównaj: góra; }.rte a:not(.image-link)::after, .rte-setting a:not(.image-link)::after, .text-link:not(.image-link)::after { content : ''; szerokość: 100%;pozycja: bezwzględna;lewo: 0;dół: 2px; border-bottom: none;}.custom-bottom .title a { color: ; }.custom-bottom div {kolor: ;}.custom-bottom span {font-size: px;color: ;} .