/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: ‘’;
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.page { width: 100%; max-width: 1220px; margin:0 auto; margin-top:10px; height: auto; font-family: ‘Poppins’, sans-serif;
font-size: 12px; overflow: visible; color: #121212; text-align: center; }
.page tekst {
display: block;
font-family: ‘Poppins’, sans-serif;
margin: 50 20% 50px 20%;
font-size: 16.5;
letter-spacing: 2.5;
text-align: justify;
line-height: 2;
}
.page tex {
display: block;
font-family: ‘Poppins’, sans-serif;
margin: 50 20% 50px 20%;
font-size: 16;
letter-spacing: 2;
text-align: justify;
}
.page pod_pis {
display: block;
font-family: ‘Poppins’, sans-serif;
margin: 15 5% 5 5%;
font-size: 15px;
font-weight: 300;
letter-spacing: 2px;
line-height:20px;
text-align: center;
}
.page powrot {
display: block;
font-family: ‘Poppins’, sans-serif;
margin: 15 5% 5 5%;
font-size: 10px;
font-weight: 300;
letter-spacing: 2px;
line-height:20px;
text-align: left;
}
.page a {
color: black;
text-decoration: none;
}
.page naglowkowy {
font-size: 30px; line-height: 0.8em; font-weight: 400; letter-spacing: -0.5; color:#253755; margin: 0 0 5px; text-align: center; }.page naglowkowy b {
font-size: 30px;
font-weight: 900;
color:#ac9265;
}
.page cytat { display: block; font-size: 16px; font-weight: 800; color:#253755; margin: 50 20% 50px 20%; letter-spacing: 3; text-align: left;
}
.page cytt {
display: block;
background-image: url(‘img/q.png’);
background-size: auto;
background-position: top;
background-repeat: no-repeat;
margin-left: 10%;
}
.page .wide {
margin:20px 0 20px;
}
.page p {
font-size: 20px; font-weight: 400; letter-spacing: 5px; line-height:20px; align:right;
}
.page podpis { display: block; width: inherit; font-size: 8px; font-weight: 300; letter-spacing: 1px; line-height:12px; text-align: right!important;
}
.page strong{
font-weight:900;
}
.page .image img {
width: 100%;
height: auto;
}
.page .image {
width: auto;
height: auto;
display: inline-block;
vertical-align: middle;
}
.page .imagevide {
max-width: 95%;
margin: 20 0 20 0;
}
.page .image1{
margin:8% 3% 2% 3%;
width:40%;
text-align: right;
}
.page .image1:nth-child(1){
margin-top:100px;
width:43%
}
.page .image1:nth-child(2){
margin-top:10px;
width:43%
}
.page .image1:nth-child(3){
width:43%;
}
.page .image1:nth-child(4){
margin-top:10px;
width:40%;
}
.page .image1:nth-child(5){
margin-top:100px;
width:35%
}
.page .image1:nth-child(6){
width:43%;
}
.page .image1:nth-child(7){ margin-top:10px; width:65%; }
.image {position:relative;}
.page .link {
color:black;
font-size:20px;
font-family: ‘Poppins’, sans-serif;
line-height:1.4em;
font-style: italic;
}
.page .link a {
color:black;
}
.video-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.video-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
/*******************************/
.page .szeroko1 {
margin:30px 5% 0 0;
}
.page .szeroko2 {
margin:30px 00 30 5%;
}
.page .obrazek img {
width: 100%;
height: auto;
}
.page .obrazek {position:relative;}
.page .obrazek {
width: auto;
height: auto;
display: inline-block;
vertical-align: top;
}
.page .obrazek:hover{
z-index:100;
}
.page .obrazek a:hover img{
-moz-transform:scale(1.12); -webkit-transform:scale(1.12); -o-transform:scale(1.12);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.page .obrazek1{
margin:20px 3% 25px 3%;
width:40%;
}
.page .obrazek1:nth-child(1){
margin-top:130px;
width:34%
}
.page .obrazek1:nth-child(3){
width:38%;
}
.page .obrazek1:nth-child(4){
margin-top:100px;
width:31%;
}
.page .obrazek1 a img:hover{ -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); opacity:0.8;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.obrazek {position:relative;}
.page .obrazek2 { width:25%; margin-left:-2%;
}
.page .obrazek2 img {
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1);
}
.page .obrazek3 {
margin-top:3%;
}
/*****************************/
@media (max-width: 750px) {
.page tekst{display: block; font-family: ‘Poppins’, sans-serif; margin: 50 5% 50 5%;font-size: 14; letter-spacing: 2; text-align: justify;}
.page tex{display: block; font-family: ‘Poppins’, sans-serif; margin: 50 5% 50 5%;font-size: 14; letter-spacing: 2; text-align: left;}
.page pod_pis{display: block; font-family: ‘Poppins’, sans-serif; margin: 20 5% 40 5%;font-size: 12; letter-spacing: 2; text-align: center;}
.page cytat {display: block; font-size: 14px; font-weight: 800; color:#253755; margin: 50 5% 20px 5%; letter-spacing: 2; text-align: left;}
.page .image1{width:60% !IMPORTANT; text-align: center !important;}
.page .imagevide{width:100% !IMPORTANT; margin: 0,0,0,0 !important; text-align: center !important;}
.page .image1:nth-child(1){ margin-top:10px;}
.page .image1:nth-child(2){ margin-top:10px;}
.page .image1:nth-child(3){ margin-top:10px;}
.page .image1:nth-child(4){ margin-top:10px;}
.page .image1:nth-child(5){ margin-top:10px;}
.page .image1:nth-child(6){ margin-top:10px;}
.page .image1:nth-child(7){ margin-top:10px;}
.page cytt {display: block; background-image: url(‘img/q.png’); background-size: 90%; background-position: left;background-repeat: no-repeat;}
.page podpis {display: block; width: inherit; font-size: 5px;line-height:12px; text-align: center!important;}
.page .obrazek3 { margin-top:0;}
.page .obrazek {width:60% !IMPORTANT;margin-top:3%;}
.page .szeroko1 {margin:0 0 0 0;}
.page .szeroko2 {margin:0 0 0 0;}
.page naglowkowy { margin: 0;font-size: 20px;font-weight: 900;color:#ac9265;}
.page naglowkowy b { margin: 0;font-size: 30px;font-weight: 900;color:#ac9265;}
}
ŚWIĘTUJEMY
Kolekcja Paprocki&Brzozowski x OCHNIK stanowi symboliczne odzwierciedlenie 30 lat historii marki. Znajdziecie w niej zarówno skórzane kurtki, od których zaczęła się nasza przygoda z modą, jak również nowe propozycje, sukcesywnie pojawiające się w ofercie - ekskluzywną galanterię, efektowne puchowe parki, modną odzież, akcesoria i walizki.
Jubileuszową linię dedykujemy wszystkim Klientom. Praca dla Was sprawia nam ogromną przyjemność - niezmiennie od 30 lat!
OCH!, co to była za przyjemność pracować przy tym projekcie!
Zobacz więcej
Kolekcja Jubileuszowa Paprocki&Brzozowski X OCHNIK