Marki

@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: ;} .