/* RESET STYLI */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
vertical-align: baseline;
}
:focus {
outline: 0;
}
body {
line-height: 20px;
color:#6E6E6E;
background-color:white;
font-size:14px;
font-family: 'Titillium Web', sans-serif;
font-weight:400;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
#preloader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color:white;
z-index: 99999;
height: 100%;
}
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-image: url('../grafika/ajax-loader.gif');
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
}
.dpl-pager {
display:block;
width:100%;
position:absolute;
z-index:999;
text-align:center;
left:0px;
bottom:30px;
}
.dpl-pager span{
padding:8px;
margin-left:8px;
margin-right:8px;
cursor:pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position:relative;
z-index:999;
font-size:0px;
border:2px solid #F17C17;
}
.dpl-pager span.cycle-pager-active { background-color:#F17C17 !important;}
@media screen and (min-width: 0px) and (max-width: 500px)
{
.tablerwd td{
display:block !important;
float:left !important;
width:auto !important;
}
.tablerwd tr{
display:block !important;
float:left !important;
width:auto !important;
}
.tablerwd td img{
float:left !important;
}
}
@media screen and (min-width: 0px) and (max-width: 799px)
{
.dpl-pager {
top:30px;
bottom:auto;
}
}
#nawigacja-menu{
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
text-align:center;
float:left;
vertical-align:middle;
height:70px;
}
#nawigacja-menu a{
margin: 0px;
padding: 0px 10px 0px 10px;
vertical-align:middle;
height:48px;
color:white;
text-transform: uppercase;
font-size:17px;
text-decoration:none;
font-weight:bold;
display:list-item;
float: left;
padding-top:22px;
}
#nawigacja-menu a:hover{
background-color:#FF7B1A;
}
.menubold2 {
background-color:#FF7B1A !important;
}
#nawigacja-menu a{
font-size:14px;
}
}
.tlogradient {
float:left;
width:100%;
border:0px;
background-color: #FFFFFF;
height:140px;
position:relative;
z-index:999;
min-width:320px;
}
.tresc img { max-width:100% !important; height:auto !important;}
.tresc table { max-width:100% !important; }
.tresc table td { vertical-align: top;}
.strona {
width: 100%;
border: 0px;
margin:0 auto;
min-width:320px;
max-width:1980px;
}
.ramka {
width: 100%;
border: 0px;
float:left;
}
.ramka3 {
width: 100%;
border: 0px;
float:left;
}
@media screen and (min-width: 0px) and (max-width: 540px)
{
.ramka3 {
width: 170%;
border: 0px;
float:left;
margin-left: -70%;
}
}
.logo {
width: 18%;
border: 0px;
float:left;
text-align:right;
padding-right:2%;
height:125px;
padding-top:15px;
}
.logo img{
width: 100%;
border: 0px;
max-width:222px;
max-height:81px;
}
.logo span{
text-transform: uppercase;
color:#282749;
font-size:18px;
}
.top {
width: 80%;
border: 0px;
float:left;
height:140px;
}
@media screen and (min-width: 0px) and (max-width: 1030px)
{
.logo {
width: 33%;
border: 0px;
float:left;
text-align:left;
padding-right:2%;
padding-left:2%;
height:125px;
padding-top:15px;
background-color: #FFFFFF;
}
.top {
width: 63%;
border: 0px;
float:left;
height:140px;
background-color: #FFFFFF;
}
}
.opacitywhite {
filter: alpha(opacity=90);
opacity: 0.9;
background-color:white;
}
.opacityblue {
filter: alpha(opacity=90);
opacity: 0.9;
background-color:#1C2334;
}
.blue {
background-color:#1C2334;
}
.menu-top {
border: 0px;
float:left;
height:70px;
font-size:18px;
}
@media screen and (min-width: 0px) and (max-width: 1180px)
{
.menu-top { font-size:14px; }
}
.menu-top div{
border: 0px;
height:70px;
display: table-cell;
vertical-align:middle;
border-right:1px solid #EBEBEB;
padding-left:10px;
padding-right:10px;
}
.box-szukaj {
border: 0px;
float:left;
height:70px;
padding-left:2%;
padding-right:2%;
}
.inputszukaj {
border:0px;
font-family: 'Titillium Web', sans-serif;
font-size:18px;
width:100px;
margin-top:20px;
background-color:transparent;
}
.inputlupa {
border:0px;
background-color:transparent;
width:23px;
height:23px;
background-image: url('../grafika/lupa.png');
background-repeat: no-repeat;
background-position: center top;
cursor:pointer;
}
.box-social {
border: 0px;
float:right;
height:50px;
padding-top:20px;
padding-right: 2%;
}
.wersjediv{
border: 0px;
float:right;
margin-left:5px;
margin-right:5px;
position:relative;
}
.wersjediv2{
border: 0px;
float:right;
position:relative;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: inset 2px 2px 4px 2px rgba(50, 50, 50, 0.48);
-moz-box-shadow: inset 2px 2px 4px 2px rgba(50, 50, 50, 0.48);
box-shadow: inset 2px 2px 4px 2px rgba(50, 50, 50, 0.48);
width: 20px;
padding: 7px 18px 1px 15px;
text-align: center;
}
.wersje {
display:none;
position:absolute;
left:0px;
top:30px;
z-index:999;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: inset 2px 2px 4px 2px rgba(50, 50, 50, 0.48);
-moz-box-shadow: inset 2px 2px 4px 2px rgba(50, 50, 50, 0.48);
box-shadow: inset 2px 2px 4px 2px rgba(50, 50, 50, 0.48);
width: 20px;
padding: 12px 18px 1px 15px;
height: 75px;
background-color: #FFFFFF;
}
.rozwinpl {
cursor:pointer;
}
.box-social img{
border: 0px;
float:left;
}
.szukaj {
border: 1px solid #CFCFCF;
width: 89.8%;
float: left;
padding: 15px 5% 15px 5%;
margin: 4px 0px 4px 0px;
}
.szukaj:hover {
border: 1px solid #CFCFCF;
width: 89.8%;
float: left;
padding: 15px 5% 15px 5%;
margin: 4px 0px 4px 0px;
background-color: #FFFFFF;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
.szukaj span {
font-weight: 700;
color: #272361;
font-size: 28px;
text-decoration: none;
}
.szukaj span a{
font-weight: 700;
color: #272361;
font-size: 28px;
text-decoration: none;
background-color: transparent;
padding: 0px 0 0px 0;
}
.szukaj span a:hover{
color: #FF7B1A;
}
.szukaj a{
display: inline-block;
padding: 6px 1% 6px 1%;
background-color: #FF7B1A;
color: #FFFFFF;
}
.szukaj a:hover{
text-decoration:none;
color: #1C2334;
}
.font1 {
color: #3399FF;
font-size: 30px;
font-family: 'Titillium Web', sans-serif;
}
.font2 {
color: #999999;
font-size: 26px;
font-weight:300;
font-family: 'Titillium Web', sans-serif;
}
@media screen and (min-width: 701px) and (max-width: 1180px)
{
.font1 {
font-size: 25px;
}
.font2 {
font-size: 19px;
}
}
@media screen and (min-width: 0px) and (max-width: 700px)
{
.font1 {
font-size: 17px;
}
.font2 {
font-size: 13px;
}
}
.menu {
border: 0px;
float:left;
height:70px;
}
.box-czat {
border: 0px;
float:right;
height:50px;
text-transform: uppercase;
color:#909091;
font-size:16px;
padding-top:20px;
padding-right:2%;
}
.box-czat b{
color:white;
}
.box-czat img{
vertical-align:middle;
margin-right:-5px;
}
@media screen and (min-width: 0px) and (max-width: 1280px)
{
.box-czat span {
display:none;
}
}
.box-telefon {
border: 0px;
float:right;
height:55px;
color:#909091;
padding-top:15px;
padding-right: 3%;
}
.box-telefon img{
vertical-align:middle;
margin-right:5px;
margin-top:5px;
}
.box-telefon b{
color:white;
font-size:20px;
}
.box-telefon div{
float:left;
}
@media screen and (min-width: 661px) and (max-width: 1030px)
{
.menu-top {
display: none;
}
.menu {
display: none;
}
.box-czat {
padding-right:6%;
}
.inputszukaj {
width:83%;
border-bottom: 1px solid #EFEFEF;
float:left;
}
.inputlupa {
width:15%;
height:23px;
float:right;
margin: 20px 0px 0px 0px;
}
.box-szukaj {
border: 0px;
float:left;
height:70px;
padding-left:2%;
padding-right:2%;
width: 36%;
}
.box-social {
border: 0px;
float:right;
height:50px;
padding-top:20px;
padding-right: 2%;
width: 38%;
}
.logo span{
text-transform: uppercase;
color:#282749;
font-size:14px;
}
}
@media screen and (min-width: 0px) and (max-width: 660px)
{
.tlogradient {
float:left;
width:100%;
border:0px;
background-color: #FFFFFF;
height:180px;
position:relative;
z-index:999;
min-width:320px;
}
.menu-top {
display: none;
}
.menu {
display: none;
}
.box-czat {
padding-right:6%;
}
.inputszukaj {
width:83%;
border-bottom: 1px solid #EFEFEF;
float:left;
}
.inputlupa {
width:15%;
height:23px;
float:right;
margin: 20px 0px 0px 0px;
}
.box-szukaj {
border: 0px;
float:left;
height:70px;
padding-left:2%;
padding-right:2%;
width: 96%;
}
.box-social {
border: 0px;
float:right;
height:30px;
padding-top:10px;
padding-right: 2%;
width: 68%;
}
.logo span{
text-transform: uppercase;
color:#282749;
font-size:13px;
}
.logo img{
margin-top: 2px;
}
}
@media screen and (min-width: 1011px) and (max-width: 1250px)
{
.box-telefon b{
color:white;
font-size:17px;
}
.box-telefon span{
color:white;
font-size:10px;
}
}
@media screen and (min-width: 0px) and (max-width: 1010px)
{
.box-telefon b{
color:white;
font-size:14px;
}
.box-telefon span{
color:white;
font-size:10px;
}
}
.slider {
width: 100%;
border: 0px;
float:left;
height:667px;
position:relative;
z-index:0;
overflow: hidden;
}
.sekwencja {
width: 100%;
border: 0px;
float:left;
height:667px;
background-repeat: no-repeat;
background-position: center top;
position:relative;
z-index:0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.spansek a {
font-size:19px;
text-decoration:none;
padding:5px 25px 10px 25px;
background-color:#F17C17;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color:white;
font-weight:bold;
z-index:999;
}
.spansek a:hover {
background-color:#1C2334;
}
@media screen and (min-width: 1161px) and (max-width: 1550px)
{
.slider {
height:617px;
}
.sekwencja {
height:617px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}
@media screen and (min-width:801px) and (max-width: 1160px)
{
.slider {
height:517px;
}
.sekwencja {
height:517px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}
@media screen and (min-width: 601px) and (max-width: 800px)
{
.slider {
height:417px;
}
.sekwencja {
height:417px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}
@media screen and (min-width: 0px) and (max-width: 600px)
{
.slider {
height:317px;
}
.sekwencja {
height:317px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}
.sekwencja .spansek {
display:block;
position:absolute;
bottom:70px;
right:70px;
width:50%;
color:#ECECE9;
font-size:70px;
line-height:70px;
text-align:right;
}
.sekwencja .spansek p{
padding:0px;
margin:0px;
}
.sekwencja .spansek img{
max-width:100% !important;
}
@media screen and (min-width: 601px) and (max-width: 800px)
{
.sekwencja .spansek {
font-size:60px;
line-height:60px;
right:60px;
}
}
@media screen and (min-width: 500px) and (max-width: 600px)
{
.sekwencja .spansek{
font-size:40px;
line-height:40px;
right:50px;
}
}
@media screen and (min-width: 400px) and (max-width: 499px)
{
.sekwencja .spansek {
font-size:30px;
line-height:30px;
width:100%;
bottom:60px;
right:40px;
}
.sekwencja .spansek p{
padding-bottom:20px;
}
}
@media screen and (min-width: 0px) and (max-width: 399px)
{
.sekwencja .spansek {
font-size:25px;
line-height:25px;
width:100%;
bottom:60px;
right:30px;
}
.sekwencja .spansek p{
padding-bottom:20px;
}
}
.box-pdf-glowna {
border: 0px;
float:left;
width:20%;
height:104px;
margin-top:-124px;
text-transform: uppercase;
padding-top:20px;
padding-left:2%;
padding-right:2%;
max-width: 241px;
min-width: 200px;
}
@media screen and (min-width: 0px) and (max-width: 700px)
{
.box-pdf-glowna {
display:none;
}
}
.box-pdf-glowna img{
margin-top:10px;
}
.box-pdf-glowna div{
border: 0px;
float:left;
width:50%;
text-align:left;
font-size:16px;
line-height:25px;
}
.box-kategorie-glowna {
width: 33.3%;
border: 0px;
float:left;
display: table;
position:relative;
}
.box-kafel {
width: 25%;
border: 0px;
float:left;
height:130px;
background-repeat: no-repeat;
background-position: center top;
position:relative;
display:table-cell;
vertical-align: middle;
text-decoration:none;
text-transform: uppercase;
color:white;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.box-kafel span{
z-index:100;
color:white;
font-size:15px;
font-weight:700;
text-align:center;
position: relative;
display: table-cell;
vertical-align: middle;
height: 130px;
width: 200px;
}
.box-kafel-color{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-color:#F75E01;
filter: alpha(opacity=70);
opacity: 0.7;
}
.box-kafel-ng{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
}
.box-kategorie-glowna .box-kafel:nth-child(10) {
z-index:999999;
position:absolute;
left:0px;
top:390px;
}
.box-kategorie-glowna .box-kafel:nth-child(2) .box-kafel-color, .box-kategorie-glowna .box-kafel:nth-child(4) .box-kafel-color, .box-kategorie-glowna .box-kafel:nth-child(5) .box-kafel-color, .box-kategorie-glowna .box-kafel:nth-child(7) .box-kafel-color, .box-kategorie-glowna .box-kafel:nth-child(10) .box-kafel-color {
background-color:#FF923F;
}
.box-kafel:hover .box-kafel-color{
filter: alpha(opacity=0);
opacity: 0;
background-color:transparent;
}
.box-aktualnosci {
width: 33.3%;
border: 0px;
float:left;
height:260px;
position:relative;
}
.slider-aktualnosci {
width: 100%;
border: 0px;
float:left;
height:260px;
}
.sekwencja2 {
width: 100%;
border: 0px;
float:left;
height:270px;
}
.sekwencja-naglowek {
width: 30%;
border: 0px;
float:left;
height:240px;
background-image: url('../grafika/tlowoda.jpg');
background-repeat: no-repeat;
background-position: left top;
padding-top:20px;
color:white;
padding-left:5%;
padding-right:5%;
}
.sekwencja-naglowek span{
text-transform: uppercase;
color:#CCCCC6;
font-size:16px;
}
.sekwencja-naglowek a{
font-size:16px;
font-weight:300;
}
.sekwencja-img {
width: 60%;
border: 0px;
float:left;
height:260px;
overflow:hidden;
}
.sekwencja-img img{
min-height:100%;
min-width:100%;
}
.box-aktualnosci-panel {
width: 40%;
border: 0px;
float:left;
position:absolute;
top:0px;
left:0px;
z-index:100;
color:white;
}
.box-nowosci {
width: 33.3%;
border: 0px;
float:left;
height:260px;
}
.ramka2 {
width: 91.675%;
border: 0px;
float:left;
margin-left:8.325%;
margin-top:-130px;
position:relative;
z-index:100;
}
.ramka24 {
width: 91.675%;
border: 0px;
float:left;
margin-left:8.325%;
margin-top:-130px;
position:relative;
z-index:100;
}
.ramka2 {
width: 83.675%;
margin-left:16.325%;
margin-top:-130px;
}
.ramka24 {
width: 100%;
border: 0px;
float:left;
margin-left:0%;
margin-top:-130px;
position:relative;
z-index:100;
}
}
@media screen and (min-width: 651px) and (max-width: 850px)
{
.ramka2 {
width: 79.675%;
margin-left:20.325%;
margin-top:-130px;
}
}
@media screen and (min-width: 491px) and (max-width: 650px)
{
.ramka2 {
width: 79.675%;
margin-left:20.325%;
margin-top:0px;
}
}
@media screen and (min-width:0px) and (max-width:490px)
{
.ramka2 {
width: 100%;
margin-left:0;
margin-top:0px;
}
}
@media screen and (min-width: 851px) and (max-width: 1260px)
{
.ramka2 {
width: 79.675%;
margin-left:20.325%;
margin-top:0px;
}
}
.box-gdzie-kupic {
width: 29.3%;
border: 0px;
float:left;
padding-top:20px;
background-repeat: no-repeat;
background-position: right 50px;
background-color:white;
height:298px;
padding-left:2%;
margin-right:2%;
}
.box-gdzie-kupic div{
width: 50%;
border: 0px;
float:left;
}
.box-gdzie-kupic b{
color:#A49A9A;
font-size:12px;
text-transform: uppercase;
font-weight:bold;
}
.box-gdzie-kupic span{
color:#0A0301;
font-weight:400;
font-size:40px;
line-height:40px;
}
.box-serwis {
width: 29.3%;
border: 0px;
float:left;
height:298px;
background-color:#E6E6E6;
background-repeat: no-repeat;
background-position: right top;
padding-top:20px;
padding-left:2%;
padding-right:2%;
}
.box-serwis div{
width: 50%;
border: 0px;
float:left;
}
.box-serwis b{
color:#A49A9A;
font-size:12px;
text-transform: uppercase;
font-weight:bold;
}
.box-serwis span{
color:#0A0301;
font-weight:400;
font-size:40px;
line-height:40px;
}
.box-baza-modeli {
width: 29.3%;
border: 0px;
float:left;
height:298px;
background-repeat: no-repeat;
background-position: right top;
padding-top:20px;
padding-left:2%;
padding-right:2%;
}
.box-baza-modeli div{
width: 50%;
border: 0px;
float:left;
}
.box-baza-modeli b{
color:#A49A9A;
font-size:12px;
text-transform: uppercase;
font-weight:bold;
}
.box-baza-modeli span{
color:#0A0301;
font-weight:400;
font-size:40px;
line-height:40px;
}
@media screen and (min-width: 851px) and (max-width: 1260px)
{
.box-kafel {
width: 23.333%;
border: 0px;
float:left;
height:173px;
padding-left: 5%;
padding-right: 5%;
}
.box-kategorie-glowna {
width: 50%;
}
.box-aktualnosci {
width: 50%;
}
.box-nowosci {
width:50%;
}
.box-gdzie-kupic {
width: 46%;
padding-left:2%;
margin-right:2%;
}
.box-serwis {
width: 46%;
padding-left:2%;
padding-right:2%;
}
.box-baza-modeli {
width: 96%;
border: 0px;
float:right;
height:298px;
background-repeat: no-repeat;
background-position: right top;
padding-top:20px;
padding-left:2%;
padding-right:2%;
}
}
@media screen and (min-width: 651px) and (max-width: 850px)
{
.box-kafel {
width: 40%;
border: 0px;
float:left;
height:130px;
padding-left: 5%;
padding-right: 5%;
}
.box-kategorie-glowna {
width: 40%;
}
.box-aktualnosci {
width: 60%;
}
.box-nowosci {
width:60%;
}
.box-gdzie-kupic {
width: 92%;
padding-left:6%;
margin-right:2%;
}
.box-serwis {
width: 92%;
padding-left:6%;
padding-right:2%;
}
.box-baza-modeli {
width: 94%;
border: 0px;
float:right;
height:298px;
background-repeat: no-repeat;
background-position: right top;
padding-top:20px;
padding-left:4%;
padding-right:2%;
}
}
@media screen and (min-width: 491px) and (max-width: 650px)
{
.box-kafel {
width: 23.3%;
border: 0px;
float:left;
height:130px;
padding-left: 5%;
padding-right: 5%;
}
.box-kategorie-glowna {
width: 100%;
}
.box-aktualnosci {
width:100%;
margin-left: 0%;
margin-top: 0px;
}
.box-nowosci {
width: 100%;
margin-left: 0%;
}
.box-gdzie-kupic {
width: 92%;
padding-left:6%;
margin-right:2%;
}
.box-serwis {
width: 92%;
padding-left:6%;
padding-right:2%;
}
.box-baza-modeli {
width: 94%;
border: 0px;
float:right;
height:298px;
background-repeat: no-repeat;
background-position: right top;
padding-top:20px;
padding-left:4%;
padding-right:2%;
}
}
@media screen and (min-width: 0px) and (max-width: 490px)
{
.box-kafel {
width: 23.3%;
border: 0px;
float:left;
height:130px;
padding-left: 5%;
padding-right: 5%;
}
.box-kategorie-glowna {
width: 100%;
}
.box-aktualnosci {
width:100%;
margin-left: 0%;
margin-top: 0px;
}
.box-nowosci {
width: 100%;
margin-left: 0%;
}
.box-gdzie-kupic {
width: 92%;
padding-left:6%;
margin-right:2%;
}
.box-serwis {
width: 92%;
padding-left:6%;
padding-right:2%;
}
.box-baza-modeli {
width: 94%;
border: 0px;
float:right;
height:298px;
background-repeat: no-repeat;
background-position: right top;
padding-top:20px;
padding-left:4%;
padding-right:2%;
}
}
@media screen and (min-width: 0px) and (max-width: 380px)
{
.box-kafel {
height:110px;
}
}
.stopka {
width: 59.3%;
border: 0px;
float:left;
padding-top:30px;
padding-left: 10%;
}
.stopka div{
width: 19%;
border: 0px;
float:left;
padding-right:1%;
}
.stopka span{
font-weight:bold;
text-transform: uppercase;
font-size:16px;
color:#9E9A9A;
}
.box-newsletter {
width: 25.7%;
border: 0px;
float:right;
margin-right:5%;
}
@media screen and (min-width: 0px) and (max-width: 1080px)
{
.box-newsletter {
width: 90%;
border: 0px;
float:right;
margin-right:5%;
margin-left:5%;
}
.stopka {
width: 90%;
border: 0px;
float:left;
padding-top:30px;
padding-left: 10%;
}
}
.box-newsletter-txt {
width: 90%;
border: 0px;
float:left;
background-color:#CCCCCC;
padding-top:20px;
padding-left:5%;
padding-right:5%;
padding-bottom:20px;
}
.box-newsletter-txt b{
color:#9A9A9A;
text-transform: uppercase;
font-size:20px;
}
.box-newsletter-input {
width: 100%;
border: 0px;
float:left;
background-color:white;
height:52px;
}
.input2 {
width: 60%;
border: 0px;
float:left;
height:52px;
color:black;
font-size:16px;
padding-left:5%;
padding-right:5%;
font-weight:400;
font-family: 'Titillium Web', sans-serif;
}
.input3 {
width: 30%;
border: 0px;
float:left;
height:52px;
color:white;
background-color:#999999;
cursor:pointer;
font-family: 'Titillium Web', sans-serif;
}
.input3:hover {
background-color:#FF7B1A;
}
.stopka2 {
width: 80%;
border: 0px;
float:left;
padding-left:10%;
padding-right:10%;
}
.stopka2 img {
margin-right:20px;
vertical-align:middle;
}
.stopka2 img a{
margin-right:20px;
vertical-align:middle;
float:left;
margin-right:20px;
}
@media screen and (min-width: 0px) and (max-width: 820px)
{
.stopka2 {
text-align: center;
}
.stopka2 img {
margin-right:20px;
vertical-align:middle;
}
.stopka2 img a{
margin-right:0px;
vertical-align:middle;
float:none;
margin-right:0px;
}
}
.stopka2-box1 {
width: 39.3%;
border: 0px;
float:left;
padding-right:2%;
}
.stopka2-box2 {
text-align:center;
width: 27.3%;
border: 0px;
float:left;
padding-right:2%;
}
.stopka2-box3 {
text-align:right;
width: 27.3%;
border: 0px;
float:left;
padding-right:2%;
}
@media screen and (min-width: 1001px) and (max-width: 1200px)
{
.stopka2-box1 {
width: 49.3%;
}
.stopka2-box1 img{
margin-bottom: 15px;
float: left;
vertical-align: middle;
}
.stopka2-box2 img{
margin-bottom: 15px;
float: left;
vertical-align: middle;
}
.stopka2-box2 {
width: 22.3%;
}
.stopka2-box3 {
width: 22.3%;
}
}
@media screen and (min-width: 821px) and (max-width: 1000px)
{
.stopka2-box1 {
width: 44.3%;
}
.stopka2-box1 img{
margin-bottom: 15px;
float: left;
vertical-align: middle;
}
.stopka2-box2 img{
margin-bottom: 15px;
float: left;
vertical-align: middle;
}
.stopka2-box2 {
width: 27.3%;
}
.stopka2-box3 {
width: 22.3%;
}
}
@media screen and (min-width: 0px) and (max-width: 820px)
{
.stopka2-box1 {
width: 100%;
padding-right:0%;
text-align: center;
padding-bottom: 20px;
}
.stopka2-box1 img{
margin-bottom: 0px;
float: none;
vertical-align: middle;
}
.stopka2-box2 img{
margin-bottom: 15px;
float: none;
vertical-align: middle;
}
.stopka2-box2 {
width: 100%;
padding-right:0%;
text-align: center;
padding-bottom: 20px;
}
.stopka2-box3 {
width: 100%;
padding-right:0%;
text-align: center;
padding-bottom: 20px;
}
}
.tlostopka {
width: 100%;
border: 0px;
float:left;
background-color:#E6E6E6;
padding-bottom:50px;
min-width:320px;
}
.linia {
width: 100%;
border: 0px;
float:left;
min-width:320px;
height:1px;
background-color:#CCCCCC;
margin-top:30px;
margin-bottom:30px;
}
.link_stopka { color:#767676;text-decoration: none;font-weight:300;font-size:14px;}
.link_stopka:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.link_szary { color:black;text-decoration: none;}
.link_szary:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.menubold {color:#FF7B1A !important; }
.link_bialy { color:white;text-decoration: none;}
.link_bialy:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.link_ramka { color:#262E3F;text-decoration: none;border:3px solid #262E3F;padding-left:20px;padding-right:20px;font-weight:bold;padding-top:5px;padding-bottom:5px;text-transform: uppercase;}
.link_ramka:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;border:3px solid #FF7B1A;}
.link_ramka img { vertical-align:middle;margin-left:10px; }
.link_ramka2 { color:#FF7B1A;text-decoration: none;border:3px solid #FF7B1A;padding-left:20px;padding-right:20px;font-weight:bold;padding-top:5px;padding-bottom:5px;text-transform: uppercase;}
.link_ramka2:hover { color:#262E3F;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;border:3px solid #262E3F;}
.link_ramka2 img { vertical-align:middle;margin-left:10px; }
.link_stopka2 {color:#FF7B1A;text-decoration: none;font-weight:bold;}
.link_stopka2:hover { color:#767676;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.middle {
float: left;
width: 100%;
background-color: #F5F5F5;
min-width:320px;
overflow: hidden;
}
.middle2 {
float: left;
width: 100%;
background-color: #f5f3f2;
background-image: url('../grafika/tlo_salony.jpg');
background-repeat: no-repeat;
background-position: center bottom;
min-width:320px;
background-attachment: fixed;
}
.middle3 {
float: left;
width: 100%;
background-color: #f5f3f2;
background-image: url('../grafika/tlo_ksztal.jpg');
background-repeat: no-repeat;
background-position: right top;
min-width:320px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
@media screen and (min-width: 0px) and (max-width: 900px)
{
.middle3 {
background-position: 80% top;
}
}
.baner_podstrona {
float: left;
width: 100%;
background-image: url('../grafika/podstrona.jpg');
background-repeat: no-repeat;
background-position: right bottom;
background-size: 70% ;
background-color: #ECE9E3;
}
@media screen and (min-width: 701px) and (max-width: 1100px)
{
.baner_podstrona {
float: left;
width: 100%;
background-image: url('../grafika/podstrona.jpg');
background-repeat: no-repeat;
background-position: right bottom;
background-size: 100% ;
background-color: #ECE9E3;
}
}
@media screen and (min-width: 501px) and (max-width: 700px)
{
.baner_podstrona {
float: left;
width: 100%;
background-image: url('../grafika/podstrona.jpg');
background-repeat: no-repeat;
background-position: right bottom;
background-size: 190% ;
background-color: #ECE9E3;
}
}
@media screen and (min-width: 0px) and (max-width: 500px)
{
.baner_podstrona {
float: left;
width: 100%;
background-image: url('../grafika/podstrona.jpg');
background-repeat: no-repeat;
background-position: 80% bottom;
background-size: 240% ;
background-color: #ECE9E3;
}
}
.div_ksztalkabin2 {
float: left;
width: 9%;
height: 180px;
background-color: #FFFFFF;
text-align: center;
margin: 0.1%;
padding: 2%;
text-align: center;
font-size: 16px;
color: #000000;
}
.div_ksztalkabin22 {
float: left;
width: 100%;
clear: both;
line-height: 0px;
height: 0px;
}
.div_ksztalkabin23 {
display: none;
}
@media screen and (min-width:0px) and (max-width: 900px)
{
.div_ksztalkabin22 {
display: none;
float: none;
float: left;
width: 100%;
clear:none;
line-height: 0px;
height: 0px;
}
.div_ksztalkabin23 {
float: left;
width: 100%;
clear: both;
line-height: 0px;
height: 0px;
display: block;
}
}
.div_ksztalkabin2 img{
opacity: 0.3;
width: 100%;
max-width: 117px;
max-height: 130px;
}
.div_ksztalkabin2:hover img{
opacity: 1;
}
@media screen and (min-width: 0px) and (max-width: 900px)
{
.div_ksztalkabin2 {
float: left;
width: 18%;
height: 150px;
background-color: #FFFFFF;
text-align: center;
margin: 0.1%;
padding: 2%;
text-align: center;
font-size: 14px;
color: #000000;
opacity: 0.8;
}
.div_ksztalkabin2 img{
opacity: 0.3;
width: 100%;
max-width: 107px;
max-height: 130px;
}
.div_ksztalkabin2:hover img{
opacity: 1;
}
}
@media screen and (min-width: 0px) and (max-width: 540px)
{
.div_ksztalkabin2 {
float: left;
width: 29%;
height: 150px;
background-color: #FFFFFF;
text-align: center;
margin: 0.1%;
padding: 2%;
text-align: center;
font-size: 14px;
color: #000000;
opacity: 0.8;
}
.div_ksztalkabin2 img{
opacity: 0.3;
width: 100%;
max-width: 107px;
max-height: 130px;
}
.div_ksztalkabin2:hover img{
opacity: 1;
}
}
.left_salon {
margin: 0px 2% 20px 0%;
width: 38%;
float: left;
padding: 12px 0 15px 0;
text-align: center;
}
.left_salon_naglowek {
margin: 0px 0% 0px 0%;
width: 92%;
float: left;
background-color: #FFFFFF;
padding: 19px 3% 22px 5%;
font-size: 28px;
line-height: 29px;
color: #272361;
height: 55px;
}
.left_salon_naglowek img{
width: 50px;
}
.lista_gdziekupic_naglowek {
float: left;
width: 94%;
padding: 5px 3% 5px 3%;
border-bottom: 1px solid #E9E3E0;
font-weight: 700;
font-size: 15px;
color: #272361;
}
.lista_gdziekupic {
float: left;
padding: 15px 0px 15px 0px;
width: 100%;
border-bottom: 1px solid #E9E3E0;
}
.lista_gdziekupic_ikona {
width: 10%;
text-align: center;
float: left;
padding: 0px 2.5%;
}
.lista_gdziekupic_ikona img{
width: 90% !important;
float:left;
}
.lista_gdziekupic_nazwa {
width: 45%;
float: left;
text-align: left;
}
.lista_gdziekupic_nazwa strong {
font-size: 20px;
font-weight: 700;
color: #272361;
}
.lista_gdziekupic_telefon {
width: 40%;
float: left;
text-align: left;
font-size: 16px;
color: #000000;
padding: 20px 0px 0px 0px;
}
#tresc_salon {
float: left;
width: 90%;
padding: 0px;
background-color: #FFFFFF;
margin: 30px 0% 30px 0%;
padding-left:5%;
padding-right:5%;
}
.input_woj {
float: right;
width: 60%;
margin-top: -55px;
}
.right_salon {
margin: 0px 0 20px 0%;
width: 60%;
float: right;
padding: 12px 0% 15px 0%;
text-align: center;
}
.right_salon_naglowek {
margin: 0px 0 20px 0%;
width: 94%;
float: left;
background-color: #FFFFFF;
padding: 19px 3% 22px 3%;
font-size: 28px;
line-height: 29px;
color: #272361;
height: 55px;
}
.right_salon_naglowek div{
width: 40%;
}
.right_salon_naglowek img{
width: 50px;
}
@media screen and (min-width: 1261px) and (max-width: 1550px)
{
.left_salon {
margin: 0px 2% 20px 0%;
width: 38%;
float: left;
padding: 12px 0 15px 0;
}
.input_woj {
float: right;
width: 60%;
margin-top: -41px;
}
.right_salon {
margin: 0px 0 20px 0%;
width: 60%;
float: right;
padding: 12px 0% 12px 0%;
}
.right_salon_naglowek {
padding: 15px 3% 20px 3%;
font-size: 20px;
line-height: 22px;
}
.left_salon_naglowek {
padding: 19px 3% 22px 5%;
font-size: 20px;
line-height: 22px;
height: 45px;
}
.right_salon_naglowek {
margin: 0px 0 20px 0%;
width: 94%;
float: left;
background-color: #FFFFFF;
padding: 19px 3% 22px 3%;
font-size: 20px;
line-height: 22px;
color: #272361;
height: 45px;
}
}
@media screen and (min-width: 901px) and (max-width: 1260px)
{
.left_salon {
margin: 0px 2% 20px 0%;
width: 38%;
float: left;
padding: 12px 0 15px 0;
}
.input_woj {
float: left;
width: 50%;
margin-top: 5px;
margin-left: 20%;
max-width: 410px;
position: relative;
}
.right_salon {
margin: 0px 0 20px 0%;
width: 60%;
float: right;
padding: 12px 0% 12px 0%;
}
.right_salon_naglowek {
padding: 15px 3% 20px 3%;
font-size: 20px;
line-height: 22px;
}
.right_salon_naglowek div{
width: 100%;
}
.left_salon_naglowek {
padding: 19px 3% 22px 5%;
font-size: 20px;
line-height: 22px;
height: 105px;
}
.right_salon_naglowek {
margin: 0px 0 20px 0%;
width: 94%;
float: left;
background-color: #FFFFFF;
padding: 19px 3% 22px 3%;
font-size: 20px;
line-height: 22px;
color: #272361;
height: 105px;
}
}
@media screen and (min-width:0px) and (max-width: 900px)
{
.left_salon {
margin: 0px 0% 20px 0%;
width: 100%;
float: left;
padding: 12px 0 15px 0;
}
.input_woj {
float: left;
width: 50%;
margin-top: 5px;
margin-left: 20%;
max-width: 410px;
position: relative;
}
.right_salon {
margin: 0px 0 20px 0%;
width: 100%;
float: left;
padding: 12px 0% 12px 0%;
}
.right_salon_naglowek {
padding: 15px 3% 20px 3%;
font-size: 20px;
line-height: 22px;
}
.right_salon_naglowek div{
width: 100%;
}
.left_salon_naglowek {
padding: 19px 3% 22px 5%;
font-size: 20px;
line-height: 22px;
height: 55px;
}
.right_salon_naglowek {
margin: 0px 0 20px 0%;
width: 94%;
float: left;
background-color: #FFFFFF;
padding: 19px 3% 22px 3%;
font-size: 20px;
line-height: 22px;
color: #272361;
height: 105px;
}
}
@media screen and (min-width: 1061px) and (max-width: 1195px)
{
.input_woj {
float: left;
width: 30%;
margin-top: 5px;
margin-left: 30%;
max-width: 380px;
position: relative;
}
}
@media screen and (min-width: 591px) and (max-width: 1060px)
{
.input_woj {
float: left;
width: 30%;
margin-top: 5px;
margin-left: 30%;
max-width: 310px;
position: relative;
}
}
@media screen and (min-width: 0px) and (max-width: 590px)
{
.input_woj {
float: left;
width: 40%;
margin-top: 15px;
margin-left: 20%;
max-width: 210px;
position: relative;
}
}
.input_wojewodzctwo {
width: 62%;
border: 1px solid #D7D3D0;
padding: 4%;
display: inline-block;
margin-left: -20%;
}
.input_miasto {
width: 52%;
border: 1px solid #D7D3D0;
padding: 4%;
display: inline-block;
margin-left: -10%;
}
.boks_formularz {
background-image: url('../grafika/tlo_formularz.jpg');
background-repeat: no-repeat;
background-position: right bottom;
width: 29%;
border: 2px solid #D9DADD;
float: left;
height: 396px;
padding: 20px 2% 20px 2%;
}
.boks_formularz strong{
font-size: 20px;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
color: #272361;
text-transform: uppercase;
}
.boks_czesci {
background-image: url('../grafika/tlo_czesci.jpg');
background-repeat: no-repeat;
background-position: right bottom;
width: 18.8%;
border: 2px solid #D9DADD;
float: left;
height: 168px;
margin: 0px 0 0px 1%;
padding: 20px 10% 20px 2%;
}
.boks_czesci strong{
font-size: 20px;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
color: #272361;
text-transform: uppercase;
}
.boks_gwarancja {
background-image: url('../grafika/tlo_porady.jpg');
background-repeat: no-repeat;
background-position: left bottom;
width: 17.8%;
border: 2px solid #D9DADD;
float: left;
height: 168px;
margin: 0px 0 0px 1%;
background-color: #FFFFFF;
padding: 20px 13% 20px 2%;
}
.boks_gwarancja strong{
font-size: 20px;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
color: #272361;
text-transform: uppercase;
}
.boks_pytania {
float: left;
height: 176px;
width: 43.2%;
background-image: url('../grafika/tlo_pytania.jpg');
background-repeat: no-repeat;
background-position: right bottom;
margin-top: 12px;
margin-left: 1%;
color: #FFFFFF;
padding: 20px 20% 20px 2%;
}
.boks_pytania strong{
font-size: 20px;
font-family: 'Titillium Web', sans-serif;
font-weight: 700;
color: #FFFFFF;
text-transform: uppercase;
}
@media screen and (min-width: 1320px) and (max-width: 1650px)
{
.boks_czesci {
background-position: 70% bottom;
}
.boks_gwarancja {
background-position: 30% bottom;
}
.boks_pytania {
background-position: 85% bottom;
}
}
@media screen and (min-width: 0px) and (max-width: 1319px)
{
.boks_czesci {
background-position: 40% bottom;
}
.boks_gwarancja {
background-position: 80% bottom;
}
.boks_pytania {
background-position: 85% bottom;
}
}
@media screen and (min-width: 821px) and (max-width: 1240px)
{
.boks_czesci {
background-image: url('../grafika/tlo_czesci.jpg');
background-repeat: no-repeat;
background-position: right bottom;
width: 47.8%;
padding: 20px 15% 20px 2%;
background-color: #FFFFFF;
margin-bottom: 15px;
}
.boks_gwarancja {
background-image: url('../grafika/tlo_porady.jpg');
background-repeat: no-repeat;
background-position: right bottom;
width: 49.8%;
background-color: #FFFFFF;
padding: 20px 13% 20px 2%;
}
.boks_pytania {
float: left;
height: 176px;
width: 77.5%;
background-image: url('../grafika/tlo_pytania.jpg');
background-repeat: no-repeat;
background-position: right bottom;
margin-top: 12px;
margin-left: 0%;
color: #FFFFFF;
padding: 20px 20% 20px 2%;
}
}
@media screen and (min-width: 651px) and (max-width: 820px)
{
.boks_formularz {
background-image: url('../grafika/tlo_formularz.jpg');
background-repeat: no-repeat;
background-position: right bottom;
width: 39%;
border: 2px solid #D9DADD;
float: left;
height: 396px;
padding: 20px 2% 20px 2%;
}
.boks_czesci {
background-image: url('../grafika/tlo_czesci.jpg');
background-repeat: no-repeat;
background-position: center bottom;
width: 37.6%;
padding: 20px 15% 20px 2%;
background-color: #FFFFFF;
margin-bottom: 15px;
}
.boks_gwarancja {
background-image: url('../grafika/tlo_porady.jpg');
background-repeat: no-repeat;
background-position:79% bottom;
width: 39.6%;
background-color: #FFFFFF;
padding: 20px 13% 20px 2%;
}
.boks_pytania {
float: left;
height: 176px;
width: 75.5%;
background-image: url('../grafika/tlo_pytania.jpg');
background-repeat: no-repeat;
background-position: right bottom;
margin-top: 12px;
margin-left: 0%;
color: #FFFFFF;
padding: 20px 20% 20px 4%;
}
}
@media screen and (min-width: 0px) and (max-width: 650px)
{
.boks_formularz {
background-image: url('../grafika/tlo_formularz.jpg');
background-repeat: no-repeat;
background-position: center bottom;
width: 92%;
border: 2px solid #D9DADD;
float: left;
height: 326px;
padding: 20px 4% 20px 4%;
margin-bottom: 14px;
}
.boks_czesci {
background-image: url('../grafika/tlo_czesci.jpg');
background-repeat: no-repeat;
background-position: center bottom;
width: 80.6%;
padding: 20px 15% 20px 4%;
background-color: #FFFFFF;
margin-bottom: 15px;
margin: 0px 0px 14px 0px;
}
.boks_gwarancja {
background-image: url('../grafika/tlo_porady.jpg');
background-repeat: no-repeat;
background-position:79% bottom;
width: 81.8%;
background-color: #FFFFFF;
padding: 20px 13% 20px 4%;
margin-bottom: 4px;
margin-left: 0px;
}
.boks_pytania {
float: left;
height: 176px;
width: 75.7%;
background-image: url('../grafika/tlo_pytania.jpg');
background-repeat: no-repeat;
background-position: center bottom;
margin-top: 12px;
margin-left: 0%;
color: #FFFFFF;
padding: 20px 20% 20px 4%;
}
}
.lista {
float: left;
width: 90%;
padding: 10px 5% 0px 5%;
margin-top: -30px;
background-color: #F5F5F5;
}
.lewa {
width: 20.05%;
border: 0px;
float:left;
border-right: 1px solid #E1E1E1;
padding: 0px 0px 30px 0px;
margin-right: -2px;
}
@media screen and (min-width: 0px) and (max-width: 850px)
{
.lewa {
width: 100%;
border: 0px;
float:left;
border-right: 0px solid #E1E1E1;
border-bottom: 1px solid #E1E1E1;
padding: 0px 0px 20px 0px;
}
}
.ikona2 {
display: none;
}
@media screen and (min-width: 0px) and (max-width: 850px)
{
.ikona2 {
float: left;
margin-top: -10px;
vertical-align: middle;
margin-right: 20px;
display: block;
}
}
.menu-pionowe-naglowek {
padding: 46px 10% 30px 10%;
float: left;
width: 80%;
color: #F27C17;
font-size: 30px;
font-weight: 300;
display: block;
text-decoration: none;
}
.menu-pionowe-naglowek2 {
padding: 46px 10% 30px 10%;
float: left;
width: 80%;
color: #F27C17;
font-size: 26px;
font-weight: 300;
line-height: 32px;
background-color: #F5F5F5;
text-decoration: none;
}
.menu-pionowe-naglowek32 {
display: none;
}
.menu-pionowe {
width: 100%;
border: 0px;
float:left;
}
.menu-pionowe2 {
background-image: url('../grafika/menu_tlo.jpg');
background-repeat: no-repeat;
background-position: left top;
width: 100%;
float: left;
display: table;
padding: 0px 0px 0px 0px;
position: relative;
vertical-align: middle;
}
.menu-pionowe2 .menu-pionowe-naglowek {
display: none;
}
.menu-pionowe2 .komorka-menu {
width: 50%;
margin: 0px 0% 0px 0%;
border-top: 0px;
padding: 0px 0px 0px 0px;
display: table;
height: 134px;
vertical-align: middle;
text-align: center;
background-image: url('../grafika/tlo_nav1.png');
}
.menu-pionowe2 .komorka-menu:nth-child(2n+2) {
width: 50%;
margin: 0px 0% 0px 0%;
border-top: 0px;
padding: 0px 0px 0px 0px;
display: table;
height: 134px;
vertical-align: middle;
text-align: center;
background-image: url('../grafika/tlo_nav2.png');
}
.menu-pionowe2 .komorka-menu:nth-child(3n+3) {
width: 50%;
margin: 0px 0% 0px 0%;
border-top: 0px;
padding: 0px 0px 0px 0px;
display: table;
height: 134px;
vertical-align: middle;
text-align: center;
background-image: url('../grafika/tlo_nav3.png');
}
.menu-pionowe2 .komorka-menu:hover {
}
.menu-pionowe2 .komorka-menu a{color:#FFFFFF;text-decoration: none;font-weight:700;font-size: 18px;vertical-align: middle;display: table-cell;height: 137px;width: 94%;text-align: center;padding: 0px 3% 0px 3%;}
.menu-pionowe2 .komorka-menu a:hover { color:#1C2334;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
@media screen and (min-width: 0px) and (max-width: 1100px)
{
.menu-pionowe2 .komorka-menu a{color:#FFFFFF;text-decoration: none;font-weight:700;font-size: 14px;vertical-align: middle;display: table-cell;height: 137px;width: 94%;text-align: center;padding: 0px 3% 0px 3%;}
.menu-pionowe2 .komorka-menu a:hover { color:#1C2334;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
}
.komorka-menu2 {
width: 74%;
margin: 0px 13% 0px 13%;
border-top: 1px solid #D7D7D7;
padding: 10px 0px 10px 0px;
float: left;
background-color:#F5F5F5;
}
.komorka-menu2 a{color:#1C2334;text-decoration: none;font-weight:300;font-size: 16px;}
.komorka-menu2 a:hover { color:#767676;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.komorka-menu {
width: 74%;
margin: 0px 13% 0px 13%;
border-top: 1px solid #D7D7D7;
padding: 15px 0px 15px 0px;
float: left;
}
.komorka-menu a{color:#1C2334;text-decoration: none;font-weight:300;font-size: 16px;}
.komorka-menu a:hover { color:#767676;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.komorka-menu-bold {
width: 81%;
margin: 0px 0% 0px 0%;
border-top: 0px;
padding: 16px 13% 16px 13%;
background-image: url('../grafika/komorka_strzalka.png');
background-repeat: no-repeat;
background-position: left top;
background-size: 100% 100%;
position: relative;
z-index: 100;
margin-bottom: -2px;
float: left;
}
.menu-pionowe2 .komorka-menu-bold {
display:none;
}
.menu-pionowe2 .komorka-menu-bold a{
font-size:0px !important;
}
.komorka-menu-bold a{color:#1C2334;text-decoration: none;font-weight:700;font-size: 16px;}
.komorka-menu-bold a:hover { color:#767676;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
@media screen and (min-width: 851px) and (max-width: 1100px)
{
.menu-pionowe2 .komorka-menu {
height: 114px;
}
.menu-pionowe2 .komorka-menu:nth-child(2n+2) {
height: 114px;
}
.menu-pionowe2 .komorka-menu:nth-child(3n+3) {
height: 114px;
}
}
@media screen and (min-width: 0px) and (max-width: 850px)
{
.menu-pionowe2 .komorka-menu {
width: 25%;
margin: 0px 0% 0px 0%;
border-top: 0px;
padding: 0px 0px 0px 0px;
display: table;
height: 134px;
vertical-align: middle;
text-align: center;
background-image: url('../grafika/tlo_nav1.png');
}
.menu-pionowe2 .komorka-menu:nth-child(2n+2) {
width: 25%;
margin: 0px 0% 0px 0%;
border-top: 0px;
padding: 0px 0px 0px 0px;
display: table;
height: 134px;
vertical-align: middle;
text-align: center;
background-image: url('../grafika/tlo_nav2.png');
}
.menu-pionowe2 .komorka-menu:nth-child(3n+3) {
width: 25%;
margin: 0px 0% 0px 0%;
border-top: 0px;
padding: 0px 0px 0px 0px;
display: table;
height: 134px;
vertical-align: middle;
text-align: center;
background-image: url('../grafika/tlo_nav3.png');
}
.komorka-menu-bold {
width: 71%;
margin: 0px 0% 0px 0%;
border-top: 0px;
padding: 16px 13% 16px 13%;
background-image: url('../grafika/komorka_strzalka.png');
background-repeat: no-repeat;
background-position: left top;
background-size: 100% 100%;
position: relative;
z-index: 100;
margin-bottom: -2px;
float: left;
}
}
.aktualnosci {
width: 100%;
background-color: #FFFFFF;
margin: 10px 0px 10px 0px;
position: relative;
height: 140px;
float: left;
}
.aktualnosci2 {
width: 100%;
background-color: #FFFFFF;
margin: 10px 0px 10px 0px;
position: relative;
height: 140px;
float: left;
}
@media screen and (min-width: 0px) and (max-width: 700px)
{
.aktualnosci {
height: 160px;
}
}
@media screen and (min-width: 501px) and (max-width: 1200px)
{
.aktualnosci {
width: 50%;
background-color: #FFFFFF;
margin: 10px 0px 10px 0px;
position: relative;
height: 340px;
float: left;
}
}
@media screen and (min-width: 0px) and (max-width: 500px)
{
.aktualnosci {
width: 100%;
background-color: #FFFFFF;
margin: 10px 0px 10px 0px;
position: relative;
height: 340px;
float: left;
}
}
.aktualnosci h2{
color: #272361;
font-size: 22px;
font-weight: 700;
font-family: 'Titillium Web', sans-serif;
}
.link_wiecej { color:#1C2334;text-decoration: none;font-weight:300;font-size:14px;}
.link_wiecej:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.zobacz_referencje {
width: 84%;
display: inline-block;
padding: 10px 6% 10px 4%;
position: relative;
background-color: #F27C17;
color: #FFFFFF;
font-size: 13px;
font-weight: 700;
text-decoration: none;
text-align: right;
}
.zobacz_referencje:hover {
color: #282462;
}
.foto_akt_img {
float: left;
width: 30%;
}
.foto_akt_middle {
float: left;
width: 70%;
}
@media screen and (min-width: 0px) and (max-width: 1200px)
{
.foto_akt_img {
float: left;
width: 100%;
}
.foto_akt_middle {
float: left;
width: 100%;
}
}
.box-kontakt {
width: 100%;
border: 0px;
float:left;
}
.pobierz {
float: left;
width: 27.3%;
padding: 20px 2% 20px 2%;
background-color: #FFFFFF;
margin: 20px 1% 0px 1%;
position: relative;
display: block;
height: 190px;
}
@media screen and (min-width: 601px) and (max-width: 1480px)
{
.pobierz {
float: left;
width: 44%;
padding: 20px 2% 20px 2%;
background-color: #FFFFFF;
margin: 20px 1% 0px 1%;
position: relative;
display: block;
height: 190px;
}
}
@media screen and (min-width: 0px) and (max-width: 880px)
{
.pobierz {
float: left;
width: 96%;
padding: 20px 2% 20px 2%;
background-color: #FFFFFF;
margin: 20px 1% 0px 1%;
position: relative;
display: block;
height: 190px;
}
}
.pobierz strong{
color: #1C2334;
font-size: 20px;
font-weight: 700;
line-height: 28px;
font-family: 'Titillium Web', sans-serif;
}
.pobierz a{ color:#FF7B1A;text-decoration: none;font-weight:400;font-size:13px;}
.pobierz a:hover { color:#FFFFFF;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.pobierz_bottom {
float: left;
padding: 23px 0% 23px 5%;
width: 40%;
}
.sciezka {
width: 100%;
border: 0px;
float:left;
padding: 10px 0px 20px 0px;
margin-top: 10px;
border-top: 1px solid #E1E1E1;
color: #9E9E9E;
font-size: 11px;
font-family: arial;
background-image: url('../grafika/linia_produkt.gif');
background-repeat: no-repeat;
background-position: left -1px;
}
.sciezka a{ color:#9E9E9E;text-decoration: none;font-weight:300;font-size:11px;}
.sciezka a:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.tresc-kontakt {
width: 22%;
border: 0px;
float:left;
padding: 20px 3% 40px 5%;
}
.naglowek h1{
color: #1C2334;
text-transform: uppercase;
font-size: 40px;
font-weight: 700;
line-height: 50px;
font-family: 'Titillium Web', sans-serif;
}
.select_region {
width: 56%;
background-color: #FFFFFF;
border: 1px solid #C4C4C4;
padding: 12px;
clear: both;
margin: 15px 0px 0px 0px;
}
.formularz {
width: 31%;
border: 0px;
float:left;
background-color: #FFFFFF;
margin-right: 3%;
padding: 30px 3% 30px 3%;
margin-bottom: 40px;
}
.naglowek_przedstawiciele {
font-size: 32px;
line-height: 39px;
color: #272361;
font-weight: 300;
}
@media screen and (min-width: 901px) and (max-width: 1480px)
{
.naglowek_przedstawiciele {
font-size: 24px;
line-height: 30px;
color: #272361;
font-weight: 300;
}
}
@media screen and (min-width: 0px) and (max-width: 900px)
{
.naglowek_przedstawiciele {
font-size: 20px;
line-height: 30px;
color: #272361;
font-weight: 300;
}
}
.boks_przedstawiciele {
width: 100%;
float: left;
padding: 10px 0px 20px 0px;
border-bottom: 1px solid #999999;
}
.mapka {
width: 25%;
border: 0px;
float:left;
padding-right: 5%;
padding-bottom: 90px;
}
@media screen and (min-width: 581px) and (max-width: 1100px)
{
.tresc-kontakt {
width: 27%;
border: 0px;
float:left;
padding: 20px 3% 40px 5%;
}
.formularz {
width: 55%;
border: 0px;
float:left;
background-color: #FFFFFF;
margin-right: 3%;
padding: 30px 3% 30px 3%;
margin-bottom: 40px;
}
.mapka {
width: 60%;
border: 0px;
float:left;
padding-right: 0%;
padding-bottom: 90px;
}
}
@media screen and (min-width: 0px) and (max-width: 580px)
{
.tresc-kontakt {
width: 90%;
border: 0px;
float:left;
padding: 20px 5% 40px 5%;
text-align: center;
}
.formularz {
width: 90%;
border: 0px;
float:left;
background-color: #FFFFFF;
margin-right: 3%;
padding: 30px 5% 30px 5%;
margin-bottom: 40px;
}
.mapka {
width: 90%;
border: 0px;
float:left;
padding-right: 5%;
padding-left: 5%;
padding-bottom: 90px;
}
}
.tresc {
width: 69.9%;
border: 0px;
float:right;
border-left: 1px solid #E1E1E1;
padding: 30px 5% 80px 5%;
margin-left: -1px;
font-size: 12px;
font-family: arial;
overflow: hidden;
}
.tresc h1{
color: #1C2334;
text-transform: uppercase;
font-size: 40px;
font-weight: 700;
line-height: 50px;
font-family: 'Titillium Web', sans-serif;
}
.tresc2 {
width: 90%;
border: 0px;
float:right;
border-left: 1px solid #E1E1E1;
padding: 20px 5% 70px 5%;
margin-left: -1px;
font-size: 12px;
font-family: arial;
overflow: hidden;
}
.tresc2 h1{
color: #1C2334;
text-transform: uppercase;
font-size: 40px;
font-weight: 700;
line-height: 50px;
font-family: 'Titillium Web', sans-serif;
}
.tresc3 {
width: 79.85%;
border: 0px;
float:right;
border-left: 1px solid #E1E1E1;
padding: 0px 0% 0px 0%;
margin-left: -1px;
font-size: 12px;
font-family: arial;
background-color: #FFFFFF;
overflow: hidden;
}
.tresc3 h1{
display: none;
}
@media screen and (min-width:0px) and (max-width: 850px)
{
.tresc3 {
width: 100%;
border: 0px;
float:right;
border-left: 0px solid #E1E1E1;
padding: 0px 0% 0px 0%;
margin-left: -1px;
font-size: 12px;
font-family: arial;
background-color: #FFFFFF;
}
}
.tresc3 .sciezka {
width: 90%;
border: 0px;
float:left;
padding: 16px 5% 15px 5%;
margin-top: 0px;
border-top: 0px;
border-bottom: 1px solid #E1E1E1;
color: #9E9E9E;
font-size: 11px;
font-family: arial;
background-image: url('../grafika/linia_produkt.gif');
background-repeat: no-repeat;
background-position: 5% bottom;
}
@media screen and (min-width: 0px) and (max-width: 850px)
{
.tresc {
width: 90%;
border: 0px;
float:right;
border-left: 0px solid #E1E1E1;
padding: 30px 5% 80px 5%;
margin-left: -1px;
font-size: 12px;
font-family: arial;
}
}
.tresc4 {
width: 69.9%;
border: 0px;
float:right;
border-left: 1px solid #E1E1E1;
padding: 30px 5% 80px 5%;
margin-left: -1px;
font-size: 12px;
font-family: arial;
overflow: hidden;
}
.tresc5 {
width: 69.9%;
border: 0px;
float:left;
border-left: 0px solid #E1E1E1;
padding: 30px 5% 80px 5%;
margin-left: -1px;
font-size: 12px;
font-family: arial;
}
.tresc_lista {
float: left;
width: 69%;
padding-left: 1%;
margin-top: 30px;
min-height:100px;
margin-bottom: -30px;
}
.box-katalog-podstrona {
float:left;
width: 90%;
border: 0px;
clear:both;
background-image: url('../grafika/tlo_listwa.jpg');
background-repeat: no-repeat;
background-position: center top;
padding: 30px 5% 30px 5%;
color: #909090;
}
.box-katalog-podstrona strong{
color: #FFFFFF;
font-size: 26px;
text-transform: uppercase;
}
.naglowek {
width: 100%;
border: 0px;
float:left;
clear:both;
}
.border_link {
float: right;
border: 3px solid #525252;
padding: 7px;
margin: 27px 20px 0px 20px;
position: relative;
}
.border_link2 {
float: left;
border: 1px solid #C5C7CB;
padding: 7px;
margin: 17px 0px 0px 0px;
position: relative;
}
.left-katalog-podstrona {
float: left;
width: 20%;
}
.right-katalog-podstrona {
float: left;
width: 50%;
margin-right: 0%;
}
@media screen and (min-width: 1081px) and (max-width: 1280px)
{
.right-katalog-podstrona {
float: left;
width: 60%;
margin-right: -20%;
}
}
@media screen and (min-width: 0px) and (max-width: 1080px)
{
.left-katalog-podstrona {
float: left;
width: 60%;
}
.right-katalog-podstrona {
float: left;
width: 100%;
padding: 10px 0px 0px 0px;
}
.border_link {
float: left;
border: 3px solid #525252;
padding: 7px;
margin: 27px 20px 0px 0px;
position: relative;
}
.border_link2 {
float: left;
border: 1px solid #C5C7CB;
padding: 7px;
margin: 17px 0px 0px 0px;
position: relative;
}
}
.aranzacja {
float: left;
width: 23%;
margin: 0px 1% 20px 1%;
height: 240px;
position:relative;
}
@media screen and (min-width: 1101px) and (max-width: 1540px)
{
.aranzacja {
float: left;
width: 31.3%;
margin: 0px 1% 20px 1%;
height: 240px;
}
}
@media screen and (min-width: 651px) and (max-width: 1100px)
{
.aranzacja {
float: left;
width: 48%;
margin: 0px 1% 20px 1%;
height: 240px;
}
}
@media screen and (min-width: 0px) and (max-width: 650px)
{
.aranzacja {
float: left;
width: 98%;
margin: 0px 1% 20px 1%;
height: 260px;
}
}
.aranzacja_foto {
float: left;
width:100%;
margin: 0px 0 20px 0;
height: 200px;
overflow: hidden;
position: relative;
}
.aranzacja_foto img{
width: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.aranzacja_foto a{
width: 100%;
height: 100%;
position: absolute;
z-index: 100;
left: 0px;
top: 0px;
background-image: url('../grafika/tlo_aranzacja.png');
display: block;
text-decoration: none;
text-align: center;
opacity: 0;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
.aranzacja_foto:hover a{
width: 100%;
height: 100%;
position: absolute;
z-index: 100;
left: 0px;
top: 0px;
background-image: url('../grafika/tlo_aranzacja.png');
display: block;
text-decoration: none;
text-align: center;
opacity: 1;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
.img_wpisbd {
width: 17%;height: 140px;float:left;
}
.tresc_wpisbd {
width: 56%;height: 100px;padding: 20px 2% 20px 2%;float:left;
}
.wiecej_wpisbd {
width: 14%;height: 100px;color: #FFFFFF;padding: 40px 2% 0% 2%;text-align:center;border-left: 1px solid #F5F5F5;float:left;
}
@media screen and (min-width: 0px) and (max-width: 700px)
{
.img_wpisbd {
display: none;
}
.tresc_wpisbd {
width: 66%;height: 100px;padding: 20px 2% 20px 4%;float:left;
font-size: 11px;
line-height: 17px;
}
.wiecej_wpisbd {
width: 21%;height: 100px;color: #FFFFFF;padding: 40px 2% 0% 2%;text-align:center;border-left: 1px solid #F5F5F5;float:left;
}
}
.boks_lista {
float: left;
margin: 10px 0% 0px 0% ;
padding: 20px 2% 0px 2%;
border-bottom: 1px solid #E5E5E5;
width: 12.2%;
height: 240px;
}
.foto_boks_lista {
float: left;
width: 100%;
margin: 0px 0px 20px 0px;
height: 150px;
overflow: hidden;
}
.nazwa_boks {
float: left;
width: 100%;
padding: 0px 0px 10px 0px;
background-image: url('../grafika/linia_produkt.gif');
background-repeat: no-repeat;
background-position: left bottom;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
.boks_lista:hover .nazwa_boks {
float: left;
width: 100%;
padding: 0px 0px 15px 0px;
background-image: url('../grafika/linia_produkt.gif');
background-repeat: no-repeat;
background-position: left bottom;
transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;
}
.nazwa_boks a{ color:#1C2334;text-decoration: none;font-weight:300;font-size:28px;line-height: 30px;}
.nazwa_boks a:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
#menu_srodek {
display: block;
}
@media screen and (min-width: 0px) and (max-width: 850px)
{
#menu_srodek {
display: none;
}
}
@media screen and (min-width: 1381px) and (max-width: 1680px)
{
.boks_lista {
height: 270px;
}
.foto_boks_lista {
height: 180px;
}
}
@media screen and (min-width: 0px) and (max-width: 1380px)
{
.boks_lista {
width: 16.0%;
height: 245px;
}
.foto_boks_lista {
height: 160px;
}
.nazwa_boks a{ color:#1C2334;text-decoration: none;font-weight:300;font-size:25px;line-height: 26px;}
.nazwa_boks a:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
}
@media screen and (min-width: 751px) and (max-width: 1000px)
{
.boks_lista {
width: 21.3%;
height: 240px;
padding: 0px 6% 0px 6%;
}
.foto_boks_lista {
height: 163px;
}
.nazwa_boks a{ color:#1C2334;text-decoration: none;font-weight:300;font-size:20px;line-height: 24px;}
.nazwa_boks a:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
}
@media screen and (min-width:591px) and (max-width: 750px)
{
.boks_lista {
width: 25.3%;
height: 237px;
padding: 0px 4% 0px 4%;
}
.foto_boks_lista {
height: 160px;
}
.nazwa_boks a{ color:#1C2334;text-decoration: none;font-weight:300;font-size:20px;line-height: 22px;}
.nazwa_boks a:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
}
@media screen and (min-width:431px) and (max-width: 590px)
{
.boks_lista {
width: 40%;
height: 250px;
padding: 0px 5% 0px 5%;
}
.foto_boks_lista {
height: 160px;
}
.nazwa_boks a{ color:#1C2334;text-decoration: none;font-weight:300;font-size:19px;line-height: 22px;}
.nazwa_boks a:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
}
@media screen and (min-width:0px) and (max-width: 430px)
{
.boks_lista {
width: 40%;
height: 210px;
padding: 0px 5% 0px 5%;
}
.foto_boks_lista {
height: 138px;
}
.nazwa_boks a{ color:#1C2334;text-decoration: none;font-weight:300;font-size:19px !important;line-height: 19px;}
.nazwa_boks a:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
}
.link_katalog { color:#FFFFFF;text-decoration: none;font-weight:400;font-size:17px;background-color: #F17C17;text-transform: uppercase;display: block;padding: 10px 20px 10px 20px;}
.link_katalog:hover { color:black;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.link_katalog2 { color:#FFFFFF;text-decoration: none;font-weight:300;font-size:17px;background-color: transparent;text-transform: uppercase;display: block;padding: 10px 20px 10px 20px;}
.link_katalog2:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.link_katalog22 { color:#272361;text-decoration: none;font-weight:300;font-size:14px;background-color: transparent;text-transform: uppercase;display: block;padding: 5px 10px 5px 10px;}
.link_katalog22:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.link_katalog23 { color:#FFFFFF;text-decoration: none;font-weight:300;font-size:14px;background-color: transparent;text-transform: uppercase;display: block;padding: 5px 10px 5px 10px;}
.link_katalog23:hover { color:black;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.oferta {
width: 14.5%;
float: left;
height: 460px;
background-color: #FFFFFF;
margin-top: 20px;
margin-left: 1%;
margin-right: 1%;
}
.oferta_zdjecie {
float: left;
width: 100%;
height: 200px;
overflow: hidden;
position: relative;
border-bottom: 1px solid #E1E1E1;
text-align:center;
}
.oferta_zdjecie img{
min-height: 214px;
}
@media screen and (min-width: 1681px) and (max-width: 1780px)
{
.oferta {
width: 14.5%;
height: 410px;
margin-left: 1%;
margin-right: 1%;
}
.oferta_zdjecie {
height: 160px;
}
.oferta_zdjecie img{
min-height: 174px;
}
}
@media screen and (min-width: 1581px) and (max-width: 1680px)
{
.oferta {
width: 14.5%;
height: 410px;
margin-left: 1%;
margin-right: 1%;
}
.oferta_zdjecie {
height: 145px;
}
.oferta_zdjecie img{
min-height: 159px;
}
}
@media screen and (min-width: 1501px) and (max-width: 1580px)
{
.oferta {
width: 14.5%;
height: 410px;
margin-left: 1%;
margin-right: 1%;
}
.oferta_zdjecie {
height: 145px;
}
.oferta_zdjecie img{
min-height: 159px;
}
}
@media screen and (min-width: 1401px) and (max-width: 1500px)
{
.oferta {
width: 19%;
height: 420px;
margin-left: 3%;
margin-right: 3%;
}
.oferta_zdjecie {
float: left;
width: 100%;
height: 180px;
}
.oferta_zdjecie img{
min-height: 198px;
}
}
@media screen and (min-width: 1301px) and (max-width: 1401px)
{
.oferta {
width: 21%;
height: 420px;
margin-left: 2%;
margin-right: 2%;
}
.oferta_zdjecie {
float: left;
width: 100%;
height: 160px;
}
.oferta_zdjecie img{
min-height: 178px;
}
}
.oferta_nazwa {
float: left;
width: 86%;
margin: 0px 5% 5px 5%;
padding: 20px 2% 8px 2%;
background-image: url('../grafika/linia_produkt.gif');
background-repeat: no-repeat;
background-position: left bottom;
}
.oferta_tresc {
float: left;
width: 86%;
margin: 0px 5% 10px 5%;
padding: 5px 2% 10px 2%;
font-size: 11px;
line-height: 18px;
}
.oferta_nazwa a{ color:#1C2334;text-decoration: none;font-weight:300;font-size:17px;text-transform: uppercase; font-family: 'Titillium Web', sans-serif;}
.oferta_nazwa a:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
@media screen and (min-width: 1181px) and (max-width: 1300px)
{
.oferta {
width: 21%;
height: 430px;
margin-left: 2%;
margin-right: 2%;
}
.oferta_zdjecie {
height: 160px;
}
.oferta_zdjecie img{
min-height: 174px;
}
.oferta_nazwa a{ color:#1C2334;text-decoration: none;font-weight:300;font-size:19px;text-transform: uppercase; font-family: 'Titillium Web', sans-serif;}
.oferta_nazwa a:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
}
@media screen and (min-width: 981px) and (max-width: 1180px)
{
.oferta {
width: 24%;
height: 430px;
margin-left: 0.5%;
margin-right: 0.5%;
}
.oferta_zdjecie {
height: 170px;
}
.oferta_zdjecie img{
min-height: 184px;
}
}
@media screen and (min-width: 871px) and (max-width: 980px)
{
.oferta {
width: 24%;
height: 430px;
margin-left: 0.5%;
margin-right: 0.5%;
}
.oferta_zdjecie {
height: 140px;
}
.oferta_zdjecie img{
min-height: 154px;
}
.oferta_nazwa a{ font-size:17px;}
}
@media screen and (min-width: 851px) and (max-width: 870px)
{
.oferta {
width: 32%;
height: 460px;
margin-left: 9%;
margin-right: 9%;
}
.oferta_zdjecie {
height: 170px;
}
.oferta_zdjecie img{
min-height: 184px;
}
}
@media screen and (min-width: 781px) and (max-width: 850px)
{
.oferta {
width: 19%;
height: 430px;
margin-left: 0.5%;
margin-right: 0.5%;
}
.oferta_zdjecie {
height: 120px;
}
.oferta_zdjecie img{
min-height: 134px;
}
.oferta_nazwa a{ font-size:17px;}
}
@media screen and (min-width: 720px) and (max-width: 780px)
{
.oferta {
width: 34%;
height: 460px;
margin-left: 8%;
margin-right: 8%;
}
.oferta_zdjecie {
height: 220px;
}
.oferta_zdjecie img{
min-height: 234px;
}
}
@media screen and (min-width: 671px) and (max-width: 721px)
{
.oferta {
width: 34%;
height: 460px;
margin-left: 6%;
margin-right: 6%;
}
.oferta_zdjecie {
height: 220px;
}
.oferta_zdjecie img{
min-height: 234px;
}
}
@media screen and (min-width: 621px) and (max-width:670px)
{
.oferta {
width: 42%;
height: 460px;
margin-left: 4%;
margin-right: 4%;
}
.oferta_zdjecie {
height: 220px;
}
.oferta_zdjecie img{
min-height: 234px;
}
}
@media screen and (min-width: 521px) and (max-width:620px)
{
.oferta {
width: 42%;
height: 450px;
margin-left: 4%;
margin-right: 4%;
}
.oferta_zdjecie {
height: 200px;
}
.oferta_zdjecie img{
min-height: 214px;
}
}
@media screen and (min-width: 461px) and (max-width:520px)
{
.oferta {
width: 46%;
height: 430px;
margin-left: 2%;
margin-right: 2%;
}
.oferta_zdjecie {
height: 170px;
}
.oferta_zdjecie img{
min-height: 184px;
}
}
@media screen and (min-width: 401px) and (max-width:460px)
{
.oferta {
width: 46%;
height: 400px;
margin-left: 2%;
margin-right: 2%;
}
.oferta_zdjecie {
height: 160px;
}
.oferta_zdjecie img{
min-height: 174px;
}
}
@media screen and (min-width: 0px) and (max-width:400px)
{
.oferta {
width: 46%;
height: 400px;
margin-left: 2%;
margin-right: 2%;
}
.oferta_zdjecie {
height: 130px;
}
.oferta_zdjecie img{
min-height: 144px;
}
}
@media screen and (min-width: 0px) and (max-width: 600px)
{
.oferta_nazwa a{ color:#1C2334;text-decoration: none;font-weight:300;font-size:17px;text-transform: uppercase; font-family: 'Titillium Web', sans-serif;}
.oferta_nazwa a:hover { color:#FF7B1A;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
}
.szczegoly_foto {
float: left;
width: 36%;
overflow: hidden;
position: relative;
margin-bottom: 30px;
}
.szczegoly_foto img{
float:left;
max-width:100%;
max-height:100%;
}
.img_slider {
vertical-align: middle;
width: 100%;
}
.szczegoly_tresc {
float: left;
width: 21.9%;
padding: 0px 4% 0px 4%;
border-right: 1px solid #E1E1E1;
}
.szczegoly_nazwa {
float: left;
width: 100%;
padding: 20px 0px 20px 0px;
border-bottom: 1px solid #E8E8E8;
margin-bottom: 20px;
}
.szczegoly_nazwa h2{
font-weight: 400;
font-size: 36px;
line-height: 41px;
color: #1C2334;
font-family: 'Titillium Web', sans-serif;
}
.szczegoly_nazwa h3{
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #999999;
font-family: 'Titillium Web', sans-serif;
text-transform: uppercase;
}
.szczegoly_cechy {
float: left;
width: 102%;
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px -1%;
}
.foto_cechy {
width: 48%;
margin-left: 1%;
margin-right: 1%;
margin-top: 3px;
height: 110px;
overflow: hidden;
float: left;
}
.form_left_a {
float: left;
width: 45%;
padding: 20px 5% 20px 0px;
font-size: 13px;
margin-bottom: 20px;
}
.form_right_a {
float: left;
width: 45%;
padding: 20px 0px 20px 5%;
font-size: 13px;
margin-bottom: 20px;
}
.form_left_b {
float:left;width: 30%;padding: 10px 3% 0px 0px;
}
.form_right_b {
float:left;width: 30%;padding: 10px 3% 0px 0px;
}
.form_right_c {
float:left;width: 33%;padding: 10px 0% 0px 0px;
}
.form_left_c {
float:left;width: 45%;padding: 10px 5% 0px 0px;
}
.form_right_d {
float:left;width: 50%;padding: 10px 0% 0px 0px;text-align: right;
}
@media screen and (min-width: 0px) and (max-width: 600px)
{
.form_left_a {
float: left;
width: 90%;
padding: 20px 5% 20px 5%;
font-size: 13px;
margin-bottom: 20px;
}
.form_right_a {
float: left;
width: 90%;
padding: 20px 5% 20px 5%;
font-size: 13px;
margin-bottom: 20px;
}
.form_left_b {
float:left;width: 90%;padding: 10px 5% 0px 5%;
}
.form_right_b {
float:left;width: 90%;padding: 10px 5% 0px 5%;
}
.form_right_c {
float:left;width: 90%;padding: 10px 5% 0px 5%;
}
.form_left_c {
float:left;width: 90%;padding: 10px 5% 0px 5%;
}
.form_right_d {
float:left;width: 90%;padding: 10px 5% 0px 5%;text-align: right;
}
}
.nazwa_powiazane {
color: #000000;
font-size: 18px;
text-decoration: none;
font-weight: 300;
}
.nazwa_powiazane:hover {
color: #F17C17;
}
.font {
font-family: 'Titillium Web', sans-serif;
}
@media screen and (min-width: 0px) and (max-width: 700px)
{
.nazwa_powiazane {
font-size: 14px;
}
}
@media screen and (min-width: 0px) and (max-width: 600px)
{
.tresc_akt1 {
float: left;
width: 100%;
display: block;
padding: 20px 0px 0px 0px;
}
}
.input_zapytanie {
float: right;
width: 46%;
border: 1px solid #DFDFDF;
background-color: #FFFFFF;
padding: 11px 2% 11px 2%;
}
.wyslij_button {
padding: 10px 2% 10px 2%;
background-color: #F17C17;
float: left;
color: #FFFFFF;
font-size: 20px;
font-weight: 700;
border: 0px;
cursor:pointer;
}
.wyslij_button:hover {
background-color:#1C2334;
}
.szczegoly_podobne {
float: right;
width: 26%;
padding: 30px 4% 60px 4%;
border-left: 0px;
margin-left: -1px;
position: relative;
}
.prev2 {
position: absolute;
top: 108px;
left: 40%;
}
.next2 {
position: absolute;
bottom: 20px;
left: 40%;
}
.foto_slider {
float: left;
position: relative;
}
.szczegoly_foto .prev {
position: absolute;
left: 0px;
top: 40%;
z-index: 300;
opacity: 0;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
.szczegoly_foto .next {
position: absolute;
right: 0px;
top: 40%;
z-index: 300;
opacity: 0;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
.szczegoly_foto:hover .prev {
position: absolute;
left: 0px;
top: 40%;
z-index: 300;
opacity: 1;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
.szczegoly_foto:hover .next {
position: absolute;
right: 0px;
top: 40%;
z-index: 300;
opacity: 1;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}
@media screen and (min-width: 0px) and (max-width: 1380px)
{
.szczegoly_foto {
float: left;
width: 46%;
overflow: hidden;
position: relative;
}
.szczegoly_podobne {
width: 23.8%;
padding: 30px 2% 60px 2%;
float: right;
}
.szczegoly_tresc {
padding: 0px 2% 0px 2%;
}
.szczegoly_nazwa h2{
font-size: 29px;
line-height: 36px;
}
.szczegoly_nazwa h3{
font-size: 14px;
line-height: 20px;
}
}
@media screen and (min-width:0px) and (max-width: 700px)
{
.szczegoly_foto {
float: left;
width: 60%;
overflow: hidden;
position: relative;
}
.szczegoly_tresc {
float: left;
width: 85%;
padding: 0px 8% 40px 8%;
border-right: 0px solid #E1E1E1;
clear: both;
margin-top: -20px;
}
.szczegoly_podobne {
width: 34%;
padding: 30px 2% 60px 2%;
float: right;
border-left: 0px solid #E1E1E1;
}
}
.listwa_ikony {
float: left;
width: 64%;
min-height: 90px;
background-color: #A9A7A8;
margin: 0px 0px 20px 2%;
}
.listwa_ikony img{
margin: 15px 1% 0px 1%;
border-right: 1px solid #B9B9B9;
height:52px !important;
}
.listwa_mapa {
float: left;
width: 32%;
height: 80px;
background-color: #F27C17;
margin: -12px 0px 20px 0;
text-align: center;
display: block;
padding: 10px 0px 0px 0px;
color: #FFFFFF !important;
font-size: 30px;
text-decoration: none !important;
font-family: 'Titillium Web', sans-serif;
}
.listwa_mapa:hover {
color:black !important;
}
.listwa_mapa img{
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
.listwa_rodzajeszkla {
float: left;
width: 84%;
background-color: #FFFFFF;
height: 117px;
background-image: url('../grafika/tlo_active.jpg');
background-repeat: no-repeat;
background-position: right bottom;
margin: 0px 0px 0px 2%;
padding: 0px 0px 0px 12%;
position: relative;
}
.listwa_rodzajeszkla img{
float: left;
margin: 0px 1px 0px 1px;
height:117px !important;
}
.listwa_rodzajeszkla_naglowek {
width: 6%;
height: 87px;
padding: 30px 3% 0px 3% ;
background-color: #339CFF;
color: #FFFFFF;
text-align: center;
font-weight: 700;
font-size: 14px;
top: 0px;
left: 0px;
position: absolute;
font-family: 'Titillium Web', sans-serif;
}
@media screen and (min-width: 0px) and (max-width: 1380px)
{
.listwa_rodzajeszkla img{
float: left;
}
.listwa_rodzajeszkla_naglowek {
width: 8%;
height: 87px;
padding: 30px 2% 0px 2% ;
}
@media screen and (min-width: 0px) and (max-width: 1100px)
{
.listwa_rodzajeszkla_naglowek {
font-size: 12px;
}
}
@media screen and (min-width: 0px) and (max-width: 800px)
{
.listwa_rodzajeszkla_naglowek {
display: none;
}
.listwa_rodzajeszkla {
width: 96%;
margin: 0px 0px 0px 2%;
padding: 0px 0px 0px 0%;
}
}
.listwa_ikony {
width: 64%;
}
.listwa_mapa {
width:32%;
}
.listwa_ikony img{
margin: 20px 1% 0px 1%;
border-right: 1px solid #B9B9B9;
width: 9%;
}
.listwa_mapa {
color: #FFFFFF;
font-size: 24px;
text-decoration: none;
}
}
@media screen and (min-width:0px) and (max-width: 700px)
{
.listwa_ikony {
float: left;
width: 96%;
min-height: 90px;
background-color: #A9A7A8;
margin: 0px 0px 20px 2%;
}
.listwa_mapa {
float: left;
width: 86%;
height: 80px;
background-color: #F27C17;
margin: -12px 2% 20px 2%;
text-align: center;
display: block;
padding: 10px 5% 0px 5%;
color: #FFFFFF !important;
font-size: 30px;
text-decoration: none !important;
font-family: 'Titillium Web', sans-serif;
}
}
@media screen and (min-width:0px) and (max-width: 400px)
{
.listwa_ikony img{
height:30px !important;
}
}
@media screen and (min-width:401px) and (max-width: 500px)
{
.listwa_ikony img{
height:40px !important;
}
}
@media screen and (min-width:501px) and (max-width: 600px)
{
.listwa_ikony img{
height:50px !important;
}
}
.table_left {
float: left;
width: 58%;
margin-left: 2%;
margin-top: 30px;
}
@media screen and (min-width:0px) and (max-width: 700px)
{
.table_left table tr:first-child td span{
font-size: 11px !important;
}
}
.table_left table{
width: 100%;
vertical-align: top;
margin: 0px 0px 0px 0px;
}
.table_left td{
border-right: 1px solid #EFEFEF;
}
.table_left td{
padding: 18px 1% 18px 1%;
}
.table_left tr:nth-child(2n+2){
background-color: #F3F3F3;
}
.table_right {
float: left;
width: 38%;
margin-left: 0%;
margin-top: 30px;
}
.table_right table{
width: 100%;
vertical-align: top;
margin: 0px 0px 0px 0px;
}
.table_right td{
padding: 18px 1% 18px 1%;
}
.table_right img{
float: left;
max-width: 48% !important;
margin: 20px 1% 20px 1%;
height:auto !important;
}
@media screen and (min-width:0px) and (max-width: 700px)
{
.table_left {
float: left;
width: 96%;
margin-left: 2%;
margin-top: 30px;
font-size: 11px;
}
.table_right {
float: left;
width: 96%;
margin-left: 2%;
margin-top: -10px;
font-size: 11px;
}
}
.table_tresc {
width: 90%;
padding: 30px 5% 20px 5%;
}
.szukaj_middle {
background-color:#E5E5E5;
float: left;
padding: 20px 0px 20px 0px;
margin: -60px 0px 0px 0px;
border-top: 1px solid #E5E5E5;
width: 100%;
text-align: center;
}
.inputszukaj2 {
display: inline-block;
padding: 15px 2% 15px 2%;
width: 20%;
background-color: #C7C7C7;
border: 0px;
font-size: 12px;
vertical-align: middle;
margin-left: 2%;
}
.inputlupa2 {
background-image: url('../grafika/szukaj2.png');
background-repeat: no-repeat;
background-position: center bottom;
background-color: #1C2334;
height: 45px;
display: inline-block;
width: 8%;
border: 0px;
margin-left: -8px;
vertical-align: middle;
}
@media screen and (min-width: 0px) and (max-width: 960px)
{
.rwd {
display:none;
}
.box-kafel span{
font-size:12px;
}
}
@media screen and (min-width: 0px) and (max-width: 1200px)
{
.rwd7 {
display:none;
}
}
.tresc-kontakt p a { color:#1C2334;text-decoration: underline;}
.tresc-kontakt p a:hover { color:#F17C17;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.tresc p a { color:#1C2334;text-decoration: underline;}
.tresc p a:hover { color:#F17C17;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.tresc2 p a { color:#1C2334;text-decoration: underline;}
.tresc2 p a:hover { color:#F17C17;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.tresc3 p a { color:#1C2334;text-decoration: underline;}
.tresc3 p a:hover { color:#F17C17;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.boks_przedstawiciele a { color:#1C2334;text-decoration: underline;}
.boks_przedstawiciele a:hover { color:#F17C17;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;text-decoration: none;}
.dodatkowa p:first-child {
float: left;
width: 64%;
min-height: 90px;
background-color: #A9A7A8;
margin: 35px 0px 20px 2%;
}
.dodatkowa p:first-child img{
margin: 15px 1% 0px 1%;
border-right: 1px solid #B9B9B9;
height:52px !important;
}
.p_aranzacja p{
text-align: left !important;
display: inline-block !important;
clear: none;
float: right !important;
width: 55%;
}
.foto_aran {
float:left !important;
width:40% !important;
margin-bottom:30px;
overflow: hidden;
border:0px;
display: block;
padding-right:2% !important;
margin-right:2% !important;
}
.foto_aran img {
width: 90% !important;
}
.p_aranzacja2 p{
text-align: left !important;
display: inline-block !important;
clear: none;
float: right !important;
width: 65%;
}
.foto_aran2 {
float:left !important;
width:30% !important;
margin-bottom:30px;
overflow: hidden;
border:0px;
display: block;
padding-right:2% !important;
margin-right:2% !important;
}
.foto_aran2 img {
width: 90% !important;
}
.arazancja p {
text-align: left !important;
display: inline-block !important;
float: left !important;
clear: none !important;
}
.tresc2 p {
text-align: left !important;
display: inline-block !important;
float: left !important;
clear: none !important;
}
@media screen and (min-width: 0px) and (max-width: 700px)
{
.foto_aran {
float:left;
width:100% !important;
margin-right:0px !important;
margin-bottom:30px;
border:0px;
}
.foto_aran img {
width: 100% !important;
}
.arazancja p {
text-align: left !important;
display: inlie-block !important;
float: left !important;
}
.p_aranzacja p{
text-align: left !important;
display: inline-block !important;
clear: none;
float: right !important;
width: 100%;
}
.foto_aran2 {
float:left;
width:100% !important;
margin-right:0px !important;
margin-bottom:30px;
border:0px;
}
.foto_aran2 img {
width: 100% !important;
}
.p_aranzacja2 p{
text-align: left !important;
display: inline-block !important;
clear: none;
float: right !important;
width: 100%;
}
}
@media screen and (min-width: 0px) and (max-width: 980px)
{
.szczegoly_podobne .font2{
display:none;
}
.szczegoly_podobne div img:first-child {
display:none;
}
.prev2 {z-index:989;}
.szczegoly_podobne {
padding-bottom:0px;
}
}
@media screen and (min-width: 0px) and (max-width: 700px)
{
.boks_przedstawiciele img{
display:none;
}
}
.column {
display: none;
}
@media screen and (min-width: 0px) and (max-width: 1030px) {
.column {
float: left;
width:20%;
display: block;
z-index: 99999;
position: relative;
margin: 0px 0% 0px 0px;
text-align: center;
}
.dl-menuwrapper {
width: 100%;
float: left;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 200%;
perspective-origin: 50% 200%;
text-align: center;
}
.dl-menuwrapper button {
background: transparent;
border: none;
width: 88px;
height:70px;
text-indent: 90em;
overflow: hidden;
position: relative;
cursor: pointer;
outline: none;
display: inline-block;
background-image: url('../grafika/menu_lista.gif');
background-repeat: no-repeat;
background-position: center 10px;
margin-top: 0px;
z-index: 100;
padding-left: 0px;
background-color: #F17C17;
}
.dl-menuwrapper button:hover {
background-image: url('../grafika/menu_lista.gif');
background-repeat: no-repeat;
background-position: center 10px;
}
.dl-menuwrapper button.dl-active {
background-image: url('../grafika/menu_lista.gif');
background-repeat: no-repeat;
background-position: center 10px;
}
.dl-menuwrapper ul {
background: #F17C17;
}
.dl-menuwrapper button:after {
content: '';
position: absolute;
width: 68%;
height: 5px;
}
.dl-menu {
position: absolute;
left: 0%;
top: 70px;
width: 500%;
overflow: hidden;
max-width: 818px;
z-index:9999;
}
.dl-menuwrapper ul {
padding: 0px 0px 0px 0px;
list-style: none;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
z-index:9999;
}
.dl-menuwrapper li {
position: relative;
}
.dl-menuwrapper li a {
display: block;
position: relative;
padding: 15px 0px;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color:#FFFFFF;
text-transform: uppercase;
outline: none;
text-decoration: none;
border-bottom: 1px solid #F49F53;
}
.no-touch .dl-menuwrapper li a:hover {
background: #0A57B6;
border-bottom: 1px solid #0A57B6;
color:#FFFFFF;
}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
display: block;
padding-top: 0px;
width: 100%;
}
.dl-menuwrapper li.dl-back > a {
padding: 15px 0px 15px 0px;
background: rgba(0,0,0,0.1);
}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
position: absolute;
top: 0;
line-height: 50px;
font-family: 'icomoon';
speak: none;
-webkit-font-smoothing: antialiased;
content: "\e000";
}
.dl-menuwrapper li.dl-back:after {
left: 10px;
color: rgba(212,204,198,0.3);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.dl-menuwrapper li > a:after {
right: 10px;
color: rgba(0,0,0,0.15);
}
.dl-menuwrapper .dl-menu {
margin: 0px 0 0 0;
position: absolute;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
display: none;
}
/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
display: none;
}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
display: block;
}
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
position: absolute;
left: 0px;
top: 10px;
}
/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
-webkit-animation: MenuAnimOut1 0.4s;
animation: MenuAnimOut1 0.4s;
}
.dl-menu.dl-animate-out-2 {
-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
animation: MenuAnimOut2 0.3s ease-in-out;
}
.dl-menu.dl-animate-out-3 {
-webkit-animation: MenuAnimOut3 0.4s ease;
animation: MenuAnimOut3 0.4s ease;
}
.dl-menu.dl-animate-out-4 {
-webkit-animation: MenuAnimOut4 0.4s ease;
animation: MenuAnimOut4 0.4s ease;
}
.dl-menu.dl-animate-out-5 {
-webkit-animation: MenuAnimOut5 0.4s ease;
animation: MenuAnimOut5 0.4s ease;
}
@-webkit-keyframes MenuAnimOut1 {
0% { }
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut2 {
0% { }
100% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut3 {
0% { }
100% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut4 {
0% { }
100% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut5 {
0% { }
100% {
-webkit-transform: translateY(40%);
opacity: 0;
}
}
@keyframes MenuAnimOut1 {
0% { }
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@keyframes MenuAnimOut2 {
0% { }
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
}
@keyframes MenuAnimOut3 {
0% { }
100% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
}
@keyframes MenuAnimOut4 {
0% { }
100% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
}
@keyframes MenuAnimOut5 {
0% { }
100% {
-webkit-transform: translateY(40%);
transform: translateY(40%);
opacity: 0;
}
}
.dl-menu.dl-animate-in-1 {
-webkit-animation: MenuAnimIn1 0.3s;
animation: MenuAnimIn1 0.3s;
}
.dl-menu.dl-animate-in-2 {
-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
animation: MenuAnimIn2 0.3s ease-in-out;
}
.dl-menu.dl-animate-in-3 {
-webkit-animation: MenuAnimIn3 0.4s ease;
animation: MenuAnimIn3 0.4s ease;
}
.dl-menu.dl-animate-in-4 {
-webkit-animation: MenuAnimIn4 0.4s ease;
animation: MenuAnimIn4 0.4s ease;
}
.dl-menu.dl-animate-in-5 {
-webkit-animation: MenuAnimIn5 0.4s ease;
animation: MenuAnimIn5 0.4s ease;
}
@-webkit-keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn2 {
0% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn3 {
0% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn4 {
0% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn5 {
0% {
-webkit-transform: translateY(40%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@keyframes MenuAnimIn2 {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn3 {
0% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn4 {
0% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn5 {
0% {
-webkit-transform: translateY(40%);
transform: translateY(40%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
-webkit-animation: SubMenuAnimIn1 0.4s ease;
animation: SubMenuAnimIn1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
animation: SubMenuAnimIn2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
-webkit-animation: SubMenuAnimIn3 0.4s ease;
animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
-webkit-animation: SubMenuAnimIn4 0.4s ease;
animation: SubMenuAnimIn4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
-webkit-animation: SubMenuAnimIn5 0.4s ease;
animation: SubMenuAnimIn5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn2 {
0% {
-webkit-transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn3 {
0% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn4 {
0% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn5 {
0% {
-webkit-transform: translateZ(-200px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
opacity: 1;
}
}
@keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn2 {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn3 {
0% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn4 {
0% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn5 {
0% {
-webkit-transform: translateZ(-200px);
transform: translateZ(-200px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
-webkit-animation: SubMenuAnimOut1 0.4s ease;
animation: SubMenuAnimOut1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
animation: SubMenuAnimOut2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
-webkit-animation: SubMenuAnimOut3 0.4s ease;
animation: SubMenuAnimOut3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
-webkit-animation: SubMenuAnimOut4 0.4s ease;
animation: SubMenuAnimOut4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
-webkit-animation: SubMenuAnimOut5 0.4s ease;
animation: SubMenuAnimOut5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut3 {
0% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut4 {
0% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut5 {
0% {
-webkit-transform: translateZ(0);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-200px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut3 {
0% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut4 {
0% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut5 {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-200px);
transform: translateZ(-200px);
opacity: 0;
}
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
position: relative;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
display: block;
}
.no-js .dl-menuwrapper li.dl-back {
display: none;
}
.no-js .dl-menuwrapper li > a:not(:only-child) {
background: rgba(0,0,0,0.1);
}
.no-js .dl-menuwrapper li > a:not(:only-child):after {
content: '';
}
}