fieldset,hr{border:0;padding:0}html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border-top:1px solid #e2e2e2;margin:1em 0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
/* ==========================================================================
influencja.pl
========================================================================== */
.czcionka {
font-family: 'Montserrat', sans-serif;
}
body {
margin: 0px;
padding: 0px;
font-family: 'Montserrat', sans-serif;
color: #000;
font-size: 15px;
width: 100%;
overflow-x: hidden;
background-color: #fff;
font-weight: 500;
}
#logo_knt {
position: absolute;
z-index: 600;
top: 0px;
left: 13%;
}
#logo {
margin: 0px;
padding:0px;
position: absolute;
width: 13.2291vw;
height: auto;
}
#ladowanie_knt {
width: 100%;
top: 0px;
left: 0px;
right: 0px;
height: 4px;
position: absolute;
z-index: 601;
background-color: #fff;
/*border: 1px solid #cc0000;*/
overflow: hidden;
/*opacity: 0.5;*/
}
#ladowanie_pasek {
height: 4px;
background-color: #08a3e2;
width: 10%;
-webkit-transition: 500ms linear all;
-moz-transition: 500ms linear all;
-o-transition: 500ms linear all;
transition: 500ms linear all
}
#ladowanie {
text-align: center;
background-color: #000509;
position: fixed;
z-index: 599;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #666666;
font-size: 13px;
pointer-events: none;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
#ladowanieZawartosc {
padding-top: 175px;
}
#ladowanieZawartosc img {
width: 55px;
max-width: 100%;
height: auto;
}
#menu_mobil {
display:none;
}
a, a * {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-decoration:none;
}
a:hover, a:hover * {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-decoration:none;
}
#menuMobilne{
display: none;
}
/** HEADER **/
#glowny_naglowek_knt {
width: 100%;
padding: 0px;
/*margin: 0px 13% 0px 13%;*/
z-index: 150;
/*position: fixed;*/
/*top: 0px;*/
/*right: 0px;*/
/*left: 0px;*/
background-color: #fff;
background-image: url(../img/tlo_gora.jpg);
background-size: 100% auto;
background-position: top left;
background-repeat: no-repeat;
}
#glowny_naglowek_knt.index {
min-height: 49vw;
}
#glowny_naglowek {
width: 74%;
padding: 0px 13% 0px 13%;
}
#ladowanieZawartosc {
padding-top:150px;
}
#menuGlowne {
font-family: 'Montserrat', sans-serif;
text-align: center;
margin-top: 4.1vw;
margin-right: 0px;
margin-bottom: 4.1vw;
margin-left: 0px;
color: #FFFFFF;
/*clear: right;*/
float: right;
}
#menuGlowne ul { padding:0; margin:0 auto; width: auto;}
#menuGlowne ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#menuGlowne li {
position: relative;
display: block;
float: left;
list-style-type: none;
color: #000;
font-size: 18px;
cursor: pointer;
padding-right: 3vw;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
}
#menuGlowne ul li a {
display: block;
width: 100%;
color: #fff;
text-decoration: none;
font-size: 1.25vw;
line-height: 1.25vw;
font-weight: bold;
text-transform: none;
/*margin: 0px 0px 0px 3vw;*/
padding: 10px 0px 5px 0px;
}
#menuGlowne ul li a:hover {
color: #008ec1;
}
#menuGlowne li.tel_mail {
background-image: url(../img/tlo_tel_email.jpg);
background-position: center center;
background-size: auto 100%;
border-radius: 25px;
/*margin-left: 4vw;*/
padding: 7px 10px 5px 10px;
}
#menuGlowne ul li.tel_mail a {
display: inline;
float: none;
margin: 0px;
padding: 0px 5px 0px 5px;
}
#menuGlowne ul li.tel_mail a .fa-pencil-alt {
color: #008ec1;
}
#menuGlowne ul li.tel_mail a:hover, #menuGlowne ul li.tel_mail a:hover .fa-pencil-alt {
color: #000;
}
#menuGlowne ul ul {
font-family: 'Montserrat', sans-serif;
display: none;
width: 100%;
position: absolute;
left: 30px;
top: 45px;
padding: 0px;
width: 300px;
font-weight: bold;
z-index: 500;
overflow: hidden;
background-size: 100% auto;
background-color: #fff;
background-size: 100% auto;
box-shadow: 0px 0px 55px rgba(0,0,0,0.11);
}
#menuGlowne ul ul li {
font-family: 'Montserrat', sans-serif;
float: none;
height: auto;
text-align: left;
list-style-type: none;
padding:0px;
margin:0px;
}
#menuGlowne ul ul li a {
display: block;
float: left;
font-size: 15px;
color: #333;
height: auto;
margin-left: 0px;
line-height: 15px;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
background-repeat: repeat;
/*border-top: 1px solid rgba(255,255,255,0.2);*/
/*border-bottom: 1px solid rgba(0,0,0,0.2);*/
font-weight: normal;
/*text-shadow: 1px 1px 1px rgba(255,255,255,0.3);*/
text-transform:none;
font-weight: 500;
}
#menuGlowne ul ul li a:hover {
color: #fff;
/*background-color: rgba(0,0,0,0.8);*/
background-image: url('../img/btn_tlo.jpg');
/*text-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/
background-size: 100%;
}
.baner_txt {
padding:0px;
margin: 5vh 2vw 0px 13vw;
width: 22vw;
float: left;
}
.baner_txt ul {
padding:0px;
margin: 0px;
}
.baner_txt ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.baner_txt ul li {
list-style:none;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 3.7vw;
text-align: right;
letter-spacing: 0.1vw;
padding-top: 2vh;
padding-bottom: 2vh;
}
.baner_txt ul li img {
width: 3vw;
height: auto;
}
.baner_img {
width: 61vw;
height: auto;
float: right;
}
/** HEADER **/
iframe{
width: 100%;
height: 400px;
box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
border: 0px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.row {
width: 100%;
margin: 0px;
}
/** MAIN **/
#start_hook {
position: absolute;
}
#zawartosc{
padding: 0px 0px 0px 0px;
margin:0;
position: static;
z-index: 3;
}
.tlo_lista{
background-color: #f5f5f5;
}
.tresc {
width: 100%;
margin:auto;
}
.tresc2 {
width: 1200px;
margin: auto;
padding-top: 80px;
padding-bottom: 80px;
}
.tlo_szare{
background-color: #F7F7F7;
padding-top: 50px;
padding-bottom: 50px;
}
.tlo_szare h2{
color:#008ec1;
font-size: 36px;
font-weight: 400;
}
.tersc {
padding: 5% 7% 5% 7%;
font-size: 1.25vw;
}
.tlo_transparentne {
padding: 0px;
padding-top: 8vw;
padding-bottom: 8vw;
font-size: 1.25vw;
}
.tlo_strona {
margin: 0 auto;
padding-top: 0px;
padding-bottom: 2vw;
padding-left: 13vw;
padding-right: 13vw;
margin-bottom: 4vw;
background-size: 100%;
background-repeat: no-repeat;
box-shadow: 0px 0px 50px rgba(0,0,0,0.1) inset;
}
.tlo_strona a {
color: #008ec1;
}
.tlo_strona a:hover {
color: #333;
}
.tlo_transparentne h1, .tlo_transparentne .ngh1 {
font-family: 'Montserrat', sans-serif;
color: #000;
font-size:3vw;
line-height:3vw;
font-weight: bold;
margin: 0px;
padding-bottom: 2vw;
padding-top: 3vw;
}
.tlo_transparentne h2 {
font-family: 'Montserrat', sans-serif;
color: #008ec1;
font-size:2vw;
line-height:2vw;
font-weight: bold;
margin: 0px;
padding-bottom: 1vw;
padding-top: 2vw;
}
.tlo_transparentne h3 {
font-family: 'Montserrat', sans-serif;
color: #666;
font-size:1.5vw;
line-height:1.5vw;
font-weight: bold;
margin: 0px;
text-transform: uppercase;
padding-bottom: 1vw;
padding-top: 1.5vw;
}
.tlo_onas {
margin-left: 20vw;
margin-right: 32vw;
}
a.a_btn {
font-weight: bold;
text-transform: uppercase;
color: #333;
padding-right: 5px;
cursor: pointer;
}
a.a_btn:hover {
padding-right: 0px;
padding-left: 5px;
color: #008ec1;
}
a.a_btn_p {
font-weight: bold;
text-transform: uppercase;
color: #333;
padding-left: 5px;
cursor: pointer;
}
a.a_btn_p:hover {
padding-left: 0px;
padding-right: 5px;
color: #008ec1;
}
.tlo_nasza_oferta {
background-image: url(../img/tlo_oferta2.jpg);
background-position: right top;
background-size: 87vw auto;
background-repeat: no-repeat;
color: #fff;
padding-top: 5vw;
padding-bottom: 5vw;
}
.tlo_nasza_oferta .tresc {
margin-left: 20vw;
margin-right: 20vw;
}
.tlo_nasza_oferta .tresc h2 {
font-size: 2.5vw;
line-height: 3vw;
color: #fff;
text-transform: uppercase;
width: 18.5vw;
float: left;
}
.tlo_nasza_oferta .tresc .tekst {
width: 40vw;
float: left;
}
.tlo_nasza_oferta .tresc .tekst li {
padding-bottom: 0.7vw;
}
.tlo_nasza_oferta .tresc a.a_btn {
color: #fff;
}
.tlo_nasza_oferta .tresc a.a_btn:hover {
color: #008ec1;
}
.tlo_nasza_oferta .oferta_baner {
background-image: url(../img/tlo_nasza_oferta_baner2.jpg);
background-position: left top;
background-size: 87vw auto;
background-repeat: no-repeat;
font-size: 3vw;
font-weight: bold;
line-height: 3vw;
color: #fff;
text-transform: uppercase;
text-align: right;
}
.tlo_nasza_oferta .oferta_baner ul {
margin-right: 20vw;
padding-top: 4.5vw;
padding-bottom: 4.5vw;
}
.tlo_nasza_oferta .oferta_baner li {
list-style: none;
padding-top: 1.5vw;
padding-bottom: 1.5vw;
}
.tlo_realizacje {
padding-top: 0vw;
padding-bottom: 8vw;
font-size: 1.25vw;
text-align: center;
color: #333;
}
.tlo_realizacje .tresc h2 {
font-size: 2.5vw;
line-height: 3vw;
padding: 1vw 33vw 1vw 33vw;
margin: 0px;
color: #333;
text-transform: uppercase;
background-color: #fff;
}
.tlo_realizacje .tresc p {
background-color: #fff;
padding: 1vw 20vw 1vw 20vw;
margin: 0px;
}
.tlo_realizacje .tresc {
}
.tlo_realizacje .tresc a.a_btn {
color: #fff;
}
.tlo_realizacje .tresc a.a_btn:hover {
color: #008ec1;
}
.tlo_realizacje img.logo_strony {
display: block;
margin: 0px 13vw 3vw 13vw;
width: 74vw;
height: auto;
}
.info_txt {
padding: 4% 3% 7% 7%;
width: 50%;
color: #fff;
font-size: 1.18vw;
float: left;
}
.info_txt_etapy {
width: 35%;
float: right;
font-size: 2.4vw;
font-weight: bold;
line-height: 2.9vw;
}
.info_txt_etapy img {
width: 3.5vw;
height: auto;
}
.info_txt_etapy span {
font-size: 1.5vw;
}
.info_txt_etapy a {
display: block;
font-size: 1.2vw;
line-height: 2vw;
text-align: center;
text-transform: uppercase;
transform: skewX(19deg);
color: #fff;
}
.info_txt_etapy .btn_knt {
width: 68%;
background-color: #000;
transform: skewX(-19deg);
margin-top: 2%;
}
.info_txt_etapy .btn_knt img {
height: 1vw;
width: auto;
padding-left: 0vw;
padding-right: 0.3vw;
}
.info_txt_etapy .btn_knt:hover img {
padding-left: 0.3vw;
padding-right: 0vw;
}
/*.info_txt_etapy .btn_knt:hover {
background-color: #fff;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.info_txt_etapy .btn_knt:hover a {
color: #000;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}*/
.info_txt_etapy p {
margin:0px;
}
.info_txt_etapy p:nth-child(1) { padding-left: 12%; }
.info_txt_etapy p:nth-child(2) { padding-left: 9%; }
.info_txt_etapy p:nth-child(3) { padding-left: 6%; }
.info_txt_etapy p:nth-child(4) { padding-left: 3%; }
.info_txt_etapy p:nth-child(5) { padding-left: 0%; }
.tlo_onas h2{
text-align: left;
padding-bottom: 30px;
}
.tlo_biale_cale{
width: 700px;
padding-top: 50px;
padding-bottom: 50px;
padding-right: 50px;
padding-left: calc((100% - 1300px)/2);
background:#fff;
box-shadow: 0px 0px 50px rgba(0,0,0,0.1);
}
.tlo_partnerzy {
padding: 0 7% 0 7%;
box-shadow: 0px 0px 100px rgba(0,0,0,0.1);
position: relative;
height: 10vw;
overflow: hidden;
}
.tlo_partnerzy h2{
font-size: 1.8vw;
font-weight: bold;
text-transform: none;
color: #000;
text-align: left;
letter-spacing: 0px;
line-height: 10vw;
float: left;
width: 20%;
padding: 0px;
margin: 0pc;
}
.tlo_partnerzy .logotypy {
width: 80%;
float: right;
}
.tlo_partnerzy .logotypy div {
padding-left: 5%;
padding-right: 5%;
width: 39%;
position: relative;
}
.tlo_partnerzy .logotypy img {
opacity: 1;
width: 100%;
height: auto;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.tlo_partnerzy .logotypy img:hover {
opacity: 1;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/*.tlo_partnerzy .logotypy img.sKolor{
opacity: 1;
width: 100%;
height: auto;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}*/
.tlo_kontakt {
padding: 0 7% 5% 7%;
}
.tlo_kontakt h2{
font-size: 1.8vw;
font-weight: bold;
text-transform: none;
color: #000;
text-align: left;
letter-spacing: 0px;
}
.tlo_kontakt .info {
font-size: 1vw;
float: left;
width: 25%;
margin-top: 2%;
}
.tlo_kontakt .btn_knt {
width: 19%;
margin-left: 6%;
margin-top: 2%;
float: left;
background-color: #efefef;
transform: skewX(-19deg);
}
.tlo_kontakt .btn_knt .btn {
transform: skewX(19deg);
position: relative;
padding: 5% 3% 5% 20%;
font-size: 1.15vw;
}
.tlo_kontakt .btn_knt .btn span {
padding-left: 5%;
}
.tlo_kontakt .btn_knt .btn p {
margin: 0px;
}
.tlo_kontakt .btn_knt .btn a {
color: #000;
font-weight: bold;
}
.tlo_kontakt .btn_knt .btn a:hover {
color: #008ec1;
}
.tlo_kontakt .btn_knt .btn img {
position: absolute;
left: -15%;
top: -25%;
}
.tlo_formularze{
background-image: url(../img/tlo_form.jpg);
background-size: auto 100%;
padding-top: 40px;
padding-bottom: 40px;
}
.tlo_formularze a{
text-align: center;
padding: 10px;
border-radius: 10px;
}
.tlo_formularze a:hover img{
box-shadow: 0px 0px 30px #ccc;
border: 1px solid #ccc;
}
.tlo_formularze img{
border-radius: 50%;
border:1px solid #fff;
margin: 0 auto;
}
.tlo_formularze h3{
color:#fff;
font-size: 20px;
text-align: center;
font-weight: 400;
}
.tlo_formularze a:hover h3{
color:#ccc;
}
.tlo_transport{
background-image: url(../img/tlo_transport.jpg);
background-size: 100%;
min-height: 700px;
box-shadow: 0px 0px 30px rgba(0,0,0,0.5) inset;
}
.filtr_ofert {
float: right;
font-size: 16px;
padding: 20px 3% 0px 0px;
}
.filtr_ofert label {
padding-left: 10px;
font-weight: bold;
}
.w90{
width: 96%;
margin: 10px 2%;
}
.ul_Flex{
display: block;
list-style: none;
padding:0px;
overflow: hidden;
}
.ul_Flex li{
width: calc(20% - 2px);
margin:1px;
float: left;
position: relative;
text-align: center;
}
.ul_Flex li img{
width: 100%;
height: auto;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.ul_Flex li h3{
position: absolute;
z-index: 999;
color: #fff;
font-size: 22px;
width: 80%;
margin: 10%;
text-align: left;
font-weight: 500;
line-height: 26px;
text-transform: none;
}
.ul_Flex li span{
opacity: 0;
display: block;
position: absolute;
z-index: 99;
bottom: 0px;
text-align:right;
width: 90%;
margin: 5%;
font-size: 19px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
}
.ul_Flex li img.mo {
position: absolute;
top: 0px;
left: 0px;
opacity: 1;
cursor: pointer;
-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
}
.ul_Flex li:hover img.mo {
opacity: 1;
-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none;
/*opacity: 0.6;*/
}
.ul_Flex li:hover img{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.ul_Flex li:hover span{
opacity: 1;
}
.jezyk{
padding: 0px !important;
text-transform: uppercase !important;
}
.jezyk a{
padding: 10px 5px 20px 5px !important;
text-transform: uppercase !important;
}
.jezyk img{
box-shadow:0px 0px 10px rgba(0,0,0,0.3);
opacity: 0.8;
position: absolute;
margin-left: 3px;
}
.jezyk:hover img{
opacity: 1;
}
.aktywny img{
opacity: 1;
}
a.autoBox{
overflow: hidden;
border-radius: 10px;
border:1px solid #e1e1e1;
display: flex;
margin-bottom: 20px;
color: #333;
}
.autoBox:hover{
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.autoBox img{
width: 40%;
float: left;
}
.autoBox div{
width: calc(60% - 20px);
padding: 10px;
float: left;
}
.autoBox div h2{
padding:0px;
font-size: 16px;
font-weight: 500;
line-height: 18px;
}
.autoBox div .info{
color: #444444;
display: block;
}
.autoBox div .cena {
color: #fff;
font-size: 14px;
font-weight: 600;
background-color: #152c70;
border-radius: 5px;
padding:5px 10px;
margin-top: 10px;
float: left;
}
.dostepne_od_reki {
padding-top: 41px !important;
}
.dostepne_od_reki .autoBox div p { /*samochody z prawej strony w salonie*/
padding: 0px !important;
margin: 0px !important;
float: none;
}
.dostepne_od_reki .autoBox div h2 {
height: 36px;
overflow: hidden;
}
.dostepne_od_reki .autoBox div .cena {
float: none !important;
/*margin: 0px !important;*/
}
.autoFullInfo {
width: 47%;
margin: 0px 1% 2% 1%;
float: left;
}
.autoFullInfo img {
width: 40%;
float: left;
}
.autoFullInfo div {
width: 54%;
padding: 3%;
float: left;
}
.autoFullInfo div p{
color: #666;
font-size: 14px;
margin: 0px;
}
.autoFullInfo div p b{
font-weight: 600;
}
.autoFullInfo div .lewa {
width: calc(60% - 20px);
padding: 10px;
float: left;
}
.autoFullInfo div .prawa {
width: calc(40% - 21px);
padding: 10px;
float: left;
border-left: 1px solid #f2f2f2;
}
.autoFullInfo div h2{
padding:0px;
font-size: 20px;
font-weight: 500;
line-height: 18px;
margin-bottom: 10px;
}
.autoFullInfo div .info{
color: #444444;
display: block;
}
.autoFullInfo div .cena {
color: #fff;
font-size: 14px;
font-weight: 600;
background-color: #152c70;
border-radius: 5px;
padding: 5px 0px;
margin-top: 0px;
float: left;
width: 100%;
text-align: center;
}
.btnDuzy{
background-image: url(../img/tlo_btn.png);
background-size: 100% 100%;
width: 450px;
height: 80px;
display: block;
color: #fff;
line-height: 40px;
padding:20px 50px;
}
.btnDuzy .t1{
float: left;
display: block;
width: calc(100% - 120px);
color: #fff;
line-height: 40px;
font-size: 30px;
text-transform: uppercase;
padding-left: 30px;
}
.btnDuzy .t2{
width: 60px;
font-size: 62px;
float: left;
display: block;
line-height: 80px;
color: #fff;
}
.btnDuzy2{
float: left;
display: block;
color: #000;
padding: 5px 20px;
background-color: #f2f2f2;
margin-top: 20px;
text-transform: uppercase;
font-weight: 600;
border-radius: 5px;
border-radius: 5px;
}
.btnDuzy2:hover{
color: #fff;
background-color: #152c70;
}
.btnDuzy:hover .t1{
color: #000;
}
.btnDuzy:hover .t2{
color: #000;
}
.btnDuzy3{
float: right;
color:#fff;
background-color: rgba(255,255,255,0.3);
margin-bottom: 20px;
}
.btnDuzy3:hover{
color:#000;
background-color: rgba(255,255,255,1);
}
.btnLink{
display: block;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #000;
letter-spacing: 0px;
}
.btnLink:hover{
color: #008ec1;
}
.autoFullInfo {
display: block;
}
.autoFullInfo .btnDuzy2 {
float: right;
font-size: 13px;
width: 100%;
padding: 5px 0px;
margin: 0px;
margin-top: 0px;
margin-top: 20px;
text-align: center;
}
.tlo_formularzeStr{
width: 1200px;
margin: 0 auto;
padding: 0px;
}
.tlo_formularzeStr .tekst{
padding: 30px;
}
.tlo_formularzeStr .wiersz{
padding: 0px !important;
display: flex;
}
.tlo_formularzeStr .wiersz .kol_30 h2{
padding-top: 50px;
color: #fff;
}
.tlo_formularzeStr a{
text-align: center;
padding: 10px;
border-radius: 10px;
display: block;
}
.tlo_formularzeStr ul{
padding: 0px;
list-style: none;
}
.tlo_formularzeStr a.aktywny img{
box-shadow: 0px 0px 30px #ccc;
}
.tlo_formularzeStr a.aktywny h3{
color:; #ccc;
}
.tlo_formularzeStr a:hover img{
box-shadow: 0px 0px 30px #ccc;
}
.tlo_formularzeStr img{
border-radius: 50%;
border:1px solid #fff;
margin: 0 auto;
}
.tlo_formularzeStr h3{
color:#fff;
font-size: 20px;
text-align: center;
font-weight: 400;
}
.tlo_menuFormularzy{
background-image: url(../img/tlo_aktualnosci.jpg);
background-size: 100% auto;
background-color: #142a6a;
background-repeat: no-repeat;
}
.tlo_aktualnosci{
margin-top: 150px;
margin-bottom: 150px;
}
.tlo_aktualnosci .tresc{
border: 1px solid #000;
}
.tlo_aktualnosci .tytul{
width: 200px;
float: left;
}
.tlo_aktualnosci .tytul2{
width: 100px;
float: left;
line-height: 70px;
}
.tlo_aktualnosci .tresc h2{
width: auto;
display: inline-block;
font-size: 16px;
font-weight: 500;
padding: 20px;
padding-left: 50px;
}
.tlo_aktualnosci .aktBox_knt {
width: calc(100% - 300px);
float: left;
position: relative;
height: 1px;
}
.tlo_aktualnosci .aktBox{
height: 330px;
position: absolute;
margin-top: -120px;
overflow: hidden;
}
.tlo_aktualnosci .aktBox a{
display: block;
float: left;
width: 14%;
padding: 30px 1.5%;
margin: 1%;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
background: #fff;
height: 200px;
}
.tlo_aktualnosci .aktBox a:hover{
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
}
.tlo_aktualnosci .aktBox a span.btnData{
background-image: url('../img/btn_tlo.jpg');
display: inline-block;
padding: 5px 20px;
color: #fff;
font-weight: 600;
}
.tlo_aktualnosci .aktBox a p{
color: #000;
line-height: 20px;
font-size: 14px;
}
.btnLink{
font-weight:600;
color: #999999;
font-size: 12px;
}
.katalog{
width: 31.333%;
margin: 1%;
float:left;
border: 1px solid #ddd;
box-sizing: border-box;
border-radius: 4px;
}
.katalog:hover{
background-color:#ddd;
}
.katalog img{
width: 60px;
height: auto;
margin: 10px;
}
.podobne_produkty h2 {
text-align: center;
font-size: 24px;
}
.ngh1_produkt {
border-bottom: 1px solid #e2e2e2;
padding-bottom: 0px !important;
margin-bottom: 20px !important;
}
.tlo_transparentne header {
clear: both;
background-image: url(../img/kreska.jpg);
background-repeat: repeat-x;
background-position: center 36px;
margin-top: 50px;
padding-top: 25px;
padding-bottom: 0px;
text-align:center;
}
.tlo_transparentne header h2 {
font-size: 13px;
color: #96a0a6;
margin: 0px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
margin-left:25px;
font-weight: 700;
text-align: left;
background-color: #f2f2f2;
display: inline;
letter-spacing: 3px;
text-transform: uppercase;;
}
.tlo_transparentne header a {
display: block;
float:right;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
margin-right:25px;
font-weight: 700;
font-size: 18px;
color: #666666;
text-decoration: none;
background-color: #fff;
}
.tlo_transparentne header a:hover {
margin-right:15px;
color: #63493c;
}
.btnMin{
display: none;
}
#menuOferty div{
padding-top: 10px;
}
.btnOferty{
display: block;
float: none;
text-align: center;
}
.kim_jestesmy {
padding-top: 50px !important;
padding-bottom: 100px !important;
}
.wysoka_jakisc_itp {
color: #fff !important;
padding-top: 200px !important;
padding-bottom: 350px !important;
width: 40%;
}
.wysoka_jakisc_itp h2 {
font-weight: 400;
font-size: 28px;
color: #fff !important;
text-transform: uppercase;
}
.klucz_do_sukcesu {
padding-top: 250px !important;
padding-bottom: 160px !important;
}
.proukt_opis {
float: left;
width: 54%;
}
.proukt_opis img {
max-width: 100%;
}
ul.szczegoly {
padding-left: 5px;
padding-bottom: 30px;
}
ul.szczegoly li {
list-style: none;
float: left;
border-bottom: 1px solid #efefef;
padding-top: 3px;
padding-bottom: 3px;
}
ul.szczegoly li:nth-child(2n+1) {
width: 45%;
padding-right: 4%;
padding-left: 1%;
color: #999;
clear: both;
}
ul.szczegoly li:nth-child(2n) {
width: 45%;
color: #000;
font-weight: bold;
}
span.cenaDuza {
display: inline-block;
border: none;
background-color: #152c70;
border-radius: 5px;
color: #fff !important;
font-size: 24px;
padding: 8px 15px 8px 15px;
}
.produkt_galeria {
float: right;
width: 100%;
}
.produkt_galeria ul {
padding:0px;
margin-top: 2%;
margin-bottom: 2%;
}
.produkt_galeria ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.produkt_galeria ul li {
list-style:none;
float:left;
margin: 2%;
text-align:center;
width:46%;
}
.produkt_galeria ul li:first-child {
width:96%;
}
.produkt_galeria ul li img {
width:100%;
height:auto;
cursor:pointer;
border: 1px solid #e6e4e4;
box-shadow: 0px 0px 50px rgba(0,0,0,0.05);
}
.produkt_galeria ul li img:hover {
box-shadow: 0px 0px 50px rgba(0,0,0,0.15);
}
ul.produkty {
padding:0px; margin:0px;
}
ul.produkty:after {
content:"."; display:block; height:0; clear:both; visibility:hidden;
}
ul.produkty li {
list-style:none;
float:left;
margin: 10px 2% 10px 2%;
width:21%;
text-align:center;
color: #000;
font-size: 18px;
line-height: 18px;
font-weight: 400;
}
ul.produkty li:nth-child(4n+1) {
clear:both;
}
ul.produkty li img {
width:100%;
height:auto;
cursor:pointer;
margin-bottom:10px;
border: 1px solid #ddd;
}
ul.produkty a {
color: #000;
}
ul.produkty li img:hover {
box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}
ul.produkty li h3 {
color: #008ec1;
font-size: 24px;
line-height: 24px;
padding-bottom: 10px;
margin-bottom: 0px;
font-weight: 400;
text-transform: uppercase;
}
.tlo_biale{
padding-top: 50px;
min-height: 400px;
}
.tlo_ciemne{
padding-top: 50px;
min-height: 400px;
}
#baner_pro {
background: url(../img/d_tlo.jpg) top center;
width: 100%;
height: 415px;
margin-top: 80px;
font-size: 18px;
font-weight: normal;
color: #FFF;
text-align: right;
}
#baner_pro article {
margin-left:10px;
padding-top:80px;
width: 450px;
text-align: right;
font-weight: bold;
}
#baner_pro img {
position:absolute;
margin-top:-99px;
}
#baner_pro h2 {
font-size: 40px;
font-weight: 900;
text-transform: uppercase;
color: #FFF;
background-image: none;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
}
#losowe_produkty {
background-color: #fff;
text-align: center;
margin-top: 25px;
}
#loseowe_produkty_lista {
width: 100%;
left: 0px;
right: 0px;
margin-bottom: 25px;
}
#loseowe_produkty_lista a {
display: block;
}
#loseowe_produkty_lista div {
width: 300px;
margin: 15px;
padding-bottom: 5px;
}
#loseowe_produkty_lista div img {
max-width: 280px;
max-height: 180px;
width: auto;
height: auto;
display: block;
margin: auto;
margin-bottom: 15px;
}
#loseowe_produkty_lista h3 {
color: #414141 !important;
font-size: 18px;
font-weight: normal;
padding: 25px 15px 15px 15px;
}
.linkBoks {
display: block;
background-color: #fff;
box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
text-align: center;
}
.linkBoks:hover {
box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
}
.linkBoks img {
width: 100%;
height: auto;
}
.linkBoks h3 {
color: #008ec1;
padding: 35px 0px 5px 0px;
margin: 0px;
text-transform: uppercase;
font-size: 32px;
}
.linkBoks p {
padding: 10px 50px 30px 50px;
color: #008ec1;
font-size: 18px;
font-weight: 700;
}
.link{
font-size: 30px;
line-height: 1.5;
text-align: center;
}
.ofertaBox{
overflow: hidden;
height: auto;
}
.oferta{
width: 48%;
/*width: calc(23% - 2px);*/
margin: 2% 2% 2% 0%;
/*border: 1px solid #ccc;*/
text-align: left;
font-size: 18px;
font-weight: normal;
position: relative;
display: block;
float:left;
background-image: url(../img/tlo_biale.jpg);
background-position: top left;
background-repeat: no-repeat;
background-size: 40% 100%;
}
.oferta img {
float: left;
/* position: absolute;
z-index: 0;*/
padding-top: 2%;
width: 30%;
height: auto;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
opacity: 0.4;
}
.oferta:hover img {
padding-left: 2%;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
opacity: 1;
}
.opis_oferty {
padding-left: 35%;
padding-bottom: 4%;
}
a.oferta .opis_oferty h3{
margin:0px;
padding: 4% 0px 0px 0px;
font-size: 40px;
line-height: 40px;
font-weight: bold;
color: #000;
text-transform: uppercase;
}
a.oferta .opis_oferty h3 span{
text-transform: none;
display: block;
font-size: 24px;
color: #000;
font-weight: 600;
line-height: 30px;
}
a.oferta .opis_oferty p {
color: #666;
margin:0px;
padding-top: 10px;
}
a.oferta:hover .opis_oferty .formBtn i {
padding-left: 10px;
}
a.oferta:hover .opis_oferty .formBtn {
color: #fff;
background-color: #008ec1;
}
ul.menuOfertaIdx { padding: 0px 0px 30px 35px; margin:0px; }
ul.menuOfertaIdx:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.menuOfertaIdx li {
list-style:none;
margin-bottom:5px;
min-width: 50%;
float: left;
}
ul.menuOfertaIdx li a {
color: #000 !important;
}
ul.menuOfertaIdx li a:hover, ul.kontakt_lista li a i {
color: #008ec1 !important;
}
ul.kontakt_lista { padding:0px; margin:0px; }
ul.kontakt_lista:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.kontakt_lista li {
list-style:none;
font-size:20px;
font-weight:700;
margin-bottom:3px;
}
ul.kontakt_lista li a {
color: #dadada;
}
ul.kontakt_lista li a:hover {
color: #008ec1;
}
ul.kontakt_lista li a i {
color: #008ec1;
margin-right:5px;
margin-left:5px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
ul.kontakt_lista li a:hover i {
color: #dadada;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
ul.skroty * {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
ul.skroty {
margin: 0px;
padding: 0px;
clear:both;
width:100%;
}
ul.skroty:after {
display:block;
content:" ";
clear:both;
}
ul.skroty li {
list-style: none;
display: block;
float: left;
width: 46%;
margin: 2% 4% 2% 0px;
text-align: center;
padding: 0;
overflow:hidden;
overflow: hidden;
}
/*ul.skroty li:nth-of-type(3n+1) {
clear: both;
}*/
ul.skroty li:hover {
/*background-color:#d40039;*/
box-shadow:0px 0px 50px rgba(0,0,0,0.2);
}
ul.skroty li a {
text-decoration:none;
color:#fff;
display: flex;
align-items: center;
}
ul.skroty .obrazek {
width:45%;
float: right;
}
ul.skroty li img {
width: 100%;
height:auto;
opacity:1;
}
ul.skroty li:hover img {
opacity:1;
}
ul.skroty li a:hover img {
/*box-shadow:0px 0px 25px rgba(0,0,0,0.25);*/
}
ul.skroty li h3 {
font-size: 1.8vw;
line-height: 2vw;
color: #333;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 5%;
text-transform: none;
text-align: left;
width:45%;
float: right;
}
ul.skroty li a .a_btn {
text-transform: uppercase;
margin-top: 2vw;
display: inline-block;
color: #333;
font-size: 1.25vw;
}
ul.skroty li a .a_btn img {
width: 2.9167vw;
height: auto;
}
ul.skroty .btn_realizacje strong {
display: block;
transform: skewX(19deg);
}
ul.skroty .btn_realizacje img {
height: 1.2vw;
width: auto;
padding-left: 0;
padding-right: 1vw;
opacity: 1;
/*float: right;*/
}
ul.skroty a:hover .btn_realizacje img {
padding-left: 1vw;
padding-right: 0;
}
a.formPowrot {
display: inline-block;
transform: skewX(-19deg);
font-size: 1.2vw;
line-height: 2vw;
text-align: center;
text-transform: uppercase;
color: #fff;
background-color: #000;
margin: 2vw 5% auto 5%;
cursor: pointer;
}
a.formPowrot strong {
padding-left: 2vw;
padding-right: 4vw;
display: block;
transform: skewX(19deg);
}
a.formPowrot img {
height: 1.2vw;
width: auto;
padding-left: 1vw;
padding-right: 0;
opacity: 1;
/*float: right;*/
}
a.formPowrot:hover img {
padding-left: 0;
padding-right: 1vw;
}
.lista_modeli_baner {
width: 98%;
margin: 1%;
border-radius: 5px;
overflow: hidden;
}
#realizacje_img {
box-shadow:0px 0px 50px rgba(0,0,0,0);
}
#realizacje_img:hover {
box-shadow:0px 0px 50px rgba(0,0,0,0.15);
}
.mapka, .google-map, .angular-google-map-container {
width:100%;
height: 600px;
border:1px solid #ccc;
float:right;
margin-bottom:50px;
}
.przedstawiciel{
padding: 10px;
margin-bottom: 20px;
overflow: hidden;
}
.przedstawiciel span{
background-color: rgba(163,3,0,0.2);
border:2px solid rgba(163,3,0,1);
width: 30px;
height: 30px;
border-radius: 20px;
display: block;
float: left;
}
.przedstawiciel div{
float: left;
padding-left: 10px;
}
ul.galeria {
padding: 10px 0px 10px 0px;
margin: 10px auto 10px auto;
}
ul.galeria:after {
content:"."; display:block; height:0; clear:both; visibility:hidden;
}
ul.galeria li {
list-style:none;
float:left;
margin: 10px 1% 10px 1%;
width:23%;
text-align:center;
}
ul.galeria li:nth-child(4n+1) {
clear:both;
}
ul.galeria li img {
width:100%;
height:auto;
cursor:pointer;
margin-bottom:10px;
border: 1px solid #ddd;
}
ul.galeria li img:hover {
box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}
ul.galeria.pojedyncze li {
list-style:none;
float:none;
margin: 10px auto 10px auto;
width:90%;
text-align:center;
}
ul.ikona {
padding:0px; margin: 0px 2% 0px 2%;
}
ul.ikona:after {
content:"."; display:block; height:0; clear:both; visibility:hidden;
}
ul.ikona li {
list-style:none;
display: inline;
cursor: pointer;
}
ul.ikona li img:hover {
box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}
.kolumny_formularz_2 {
width: 47%;
float: left;
/*margin-top: 20px;*/
margin-bottom:3%;
margin-right:3%;
}
.kolumny_formularz_1 {
clear: both;
width: 97%;
margin-bottom:3%;
margin-right:3%;
}
.formInput {
font-family: 'Montserrat', sans-serif;
font-size: 1.25vw;
color: #000000;
width: 90%;
width: calc(100% - 20px);
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
border: none;
}
.formInputIlosc {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
color: #000000;
width: 80px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
margin-bottom:10px;
border: 1px solid #CCC;
}
.formInputKoszyk {
font-family: 'Montserrat', sans-serif;
font-size: 15px;
color: #000000;
width: 80px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
margin-bottom:10px;
border: 1px solid #CCC;
}
.formTextarea {
font-family: 'Montserrat', sans-serif;
font-size: 1.25vw;
color: #000000;
width: 90%;
width: calc(100% - 20px);
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
border: none;
}
.inputTextBlad {
color: #cc0000 !important;
}
.inputTextInfo {
color: #008ec1 !important;
}
.control-label {
display: block;
font-size: 13px;
}
.has-error {
color: #cc0000 !important;
}
.validationMessage {
}
.formInput {
font-family: 'Montserrat', sans-serif;
font-size: 1.25vw;
color: #000000;
width: 80%;
width: -webkit-calc(100% - 20px - 2px);
width: -moz-calc(100% - 20px - 2px);
width: calc(100% - 20px - 2px);
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
margin-bottom:10px;
border: 1px solid #e1e1e1;
box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
}
.formTextarea {
height:100px;
}
.inputTextBlad {
color: #cc0000;
display: block;
}
.formBtn img {
margin-top: -3px;
}
.formBtn {
font-family: 'Montserrat', sans-serif;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 0px;
font-size: 1.25vw;
font-weight: 700;
color: #333;
cursor: pointer;
text-transform: uppercase;
background-size: 100% 100%;
background-position: top right;
background-color: #fff;
-webkit-transition: 200ms linear;
-moz-transition: 200ms linear;
-o-transition: 200ms linear;
-ms-transition: 200ms linear;
transition: 200ms linear;
border: 0px;
}
.formBtn:hover {
background-size: 150% 150%;
background-position: top right;
padding-right: 15px;
padding-left: 5px;
color: #008ec1;
-webkit-transition: 200ms linear;
-moz-transition: 200ms linear;
-o-transition: 200ms linear;
-ms-transition: 200ms linear;
transition: 200ms linear;
}
a.formBtn {
color: #333 !important;
}
a.formBtn:hover {
color: #008ec1 !important;
}
.megaBtn {
background-color: #fff;
color: #000;
text-align: center;
padding: 10px 50px 10px 10px;
margin: 25px;
font-size: 26px;
line-height: 26px;
text-transform: uppercase;
border: none;
}
.megaBtn:hover {
background-color: #fff;
color: #000;
border: none;
}
.megaBtn i {
margin: 0px 0px 0px 10px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-decoration: none;
}
.megaBtn:hover i {
margin: 0px 10px 0px 0px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-decoration: none;
/* background-color: #a7a7a7;
color: #fff;*/
}
.niekatywnyBtn {
opacity: 0.5;
}
.zalacznik {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.zalacznik + label {
max-width: 80%;
font-size: 14px;
text-transform: uppercase;
/* 20px */
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding: 0.625rem 1.25rem;
/* 10px 20px */
}
.no-js .zalacznik + label {
display: none;
}
.zalacznik:focus + label,
.zalacznik.has-focus + label {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.zalacznik + label * {
/* pointer-events: none; */
/* in case of FastClick lib use */
}
.tlo_kontakt article button.formBtn i {
color: #ffffff;
}
.tlo_kontakt article button.formBtn:hover i {
color: #008ec1;
}
.formBtn.dotpay {
background-image: url(../img/dotpay_icon.png);
background-repeat: no-repeat;
background-position: right center;
padding-right: 130px;
}
a.formBtn {
color: #fff;
background-color: #008ec1;
cursor: pointer;
}
a.formBtn:hover {
color: #008ec1;
background-color: #efefef;
}
p a.formBtn {
display: inline-block;
margin-top: 10px;
font-weight: 500;
}
.formBtn.szaryBtn {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.8;
}
.formBtnSzary {
font-family: 'Montserrat', sans-serif;
padding-top: 4px;
padding-right: 20px;
padding-bottom: 4px;
padding-left: 20px;
font-size: 16px;
color: #666;
cursor: pointer;
font-weight: normal;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
border: 1px solid #ccc;
cursor: pointer;
background-color: #efefef;
}
.formBtnSzary:hover, .offer-item:hover .formBtnSzary {
background-color: #666;
border: 1px solid #666;
color: #fff;
-webkit-transition: background-color 300ms linear;
-moz-transition: background-color 300ms linear;
-o-transition: background-color 300ms linear;
-ms-transition: background-color 300ms linear;
transition: background-color 300ms linear;
}
.formBtnSzary i {
padding-left: 0px;
}
.formBtnSzary:hover i {
padding-left: 10px;
}
a.formBtnSzary {
color: #666;
background-color: #fff;
cursor: pointer;
}
a.formBtnSzary:hover {
color: #fff;
background-color: #666;
border: 1px solid #666;
}
.niekatywnyBtn {
opacity: 0.8;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
a.formCiemny {
padding-top: 5px;
padding-right: 30px;
padding-bottom: 5px;
padding-left: 30px;
border: 1px solid #008ec1;
background: none;
font-size: 16px;
}
a.formCiemny:hover {
background-color: #008ec1;
padding-right: 40px;
padding-left: 30px
}
a.megaBtn {
background-color: #008ec1;
background-image: url(../img/btn_koszyk.jpg);
background-repeat: no-repeat;
background-position: left center;
color: #fff;
padding-top: 20px;
padding-right: 40px;
padding-bottom: 20px;
padding-left: 90px;
margin-top: 15px;
font-size: 26px;
line-height: 26px;
text-transform: uppercase;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
display: inline-block;
}
a.megaBtn:hover {
background-color: #008ec1;
padding-right: 35px;
padding-left: 95px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.boxTogle{
background-color: #f2f2f2;
}
ul.opis_tekst {
margin:0px;
padding:10px;
padding-top:0px;
}
ul.opis_tekst:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.opis_tekst li {
list-style: none;
margin: 0px;
padding: 25px;
background-color: #fff;
display: none;
}
ul.opis_tekst li ul {
margin:auto;
padding:auto;
}
ul.opis_tekst:after li ul { content:"."; display:block; height:0; clear:none; visibility:hidden; }
ul.opis_tekst li ul li {
list-style: circle;
margin: auto !important;
padding: 5px !important;
background-color: transparent;
border-left: none;
border-right: none;
border-bottom: none;
}
ul.opis_menu {
padding:10px;
padding-bottom:0px;
margin: 0px;
}
ul.opis_menu:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.opis_menu li {
list-style: none;
color: #666;
margin: 0px;
padding: 0px 25px 0px 25px;
text-align: center;
float: left;
cursor: pointer;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
ul.opis_menu li:hover {
color: #000;
background-color: #fafafa;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
ul.opis_menu li.wybrane {
color: #000;
background-color: #fff;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
ul.opis_menu li h2 {
color: #666;
font-size: 18px;
font-weight: bold;
}
ul.opis_menu li:hover h2, ul.opis_menu li.wybrane h2 {
color: #424242;
}
.menuPrawa {
margin: 0px 0px 45px 0px;
padding: 0;
/*background-color:rgba(0,0,0,0.01);*/
/*border: 1px solid rgba(0,0,0,0.1);*/
/*box-shadow:0px 0px 25px rgba(0,0,0,0.05)*/
}
.menuPrawa h3 {
color:#999;
font-weight:normal;
text-transform:uppercase;
padding: 0 20px 0 20px;
font-size: 14px;
letter-spacing: 2px;
}
.menuPrawa ul {
margin: 0px;
padding: 0px;
/*border-top: 1px solid rgba(0,0,0,0.1);*/
}
.menuPrawa ul:after {
display:block;
content:" ";
clear:both;
}
.menuPrawa ul li {
list-style: none;
display: block;
margin: 0;
padding: 8px 20px 8px 20px;
font-size: 16px !important;
color: #666666;
text-align: left;
text-transform: uppercase;
/*border-bottom: 1px solid rgba(0,0,0,0.1);*/
font-weight: bold;
}
.menuPrawa ul li:last-child {
border-bottom: none;
}
.menuPrawa ul li a {
color: #333333;
text-decoration:none;
}
.menuPrawa ul li a:hover, .menuPrawa ul li a.zaznaczone {
color: #008ec1;
}
.menuPrawa ul li ul {
border-top:none;
}
.menuPrawa ul li ul li {
padding: 3px 6% 3px 3%;
font-size: 15px !important;
text-transform: none;
border-bottom: none;
font-weight: bold;
}
.menuPrawa ul li ul li a {
color: #666666;
text-decoration:none;
}
.offer-box .jq-tab .col-sm-3 {
padding-left:5px;
padding-right:5px;
}
.offer-item {
background:#fff;
position: relative;
transition:0.4s all ease;
display:block;
padding:0px;
margin:0 0 50px 0;
text-align:center;
color:#333;
text-decoration:none;
min-height: 290px;
position: relative;
border: 1px solid #efefef;
}
.offer-item img {
position: absolute;
max-width: 90%;
height: auto;
/*margin: 5% 5% 10% 5%; */
margin: 5% 0px 10% 0px;
left: 5%;
right: 5%;
}
.offer-item .item-name{
color: #666;
font-weight:400;
font-size: 20px;
display:block;
padding: 10px;
text-align:center;
line-height:24px;
height:66px;
overflow:hidden;
/*line-height: 50px;*/
}
.offer-item .item-name2{
font-size: 34px;
padding-top: 50px;
font-weight: 600;
line-height: 40px;
}
.offer-item:hover,.offer-item:hover .item-name{
text-decoration:none;
color: #008ec1;
}
.offer-item:hover{
transform:scale(1.05);
z-index:90;
box-shadow:0 0 25px rgba(0,0,0,0.1);
}
.carousel {
width:100%;
height: 500px;
display: relative;
}
.carousel img {
display: hidden; /* hide images until carousel prepares them */
cursor: pointer; /* not needed if you wrap carousel items in links */
}
.dodatkoweInfo .kol_2{
padding: 0px;
width: 49%;
width: calc(50% - 2px);
border: 1px solid #ccc;
box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
min-height: 200px;
}
.dodatkoweInfo .kol_2 h2{
background-color: #f2f2f2;
padding:5px;
color: #008ec1;
font-size: 26px;
}
.opis_tabela {
width:97%;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
margin-top:15px;
}
.opis_tabela thead tr {
font-weight: bold;
background: #ffffff !important;
}
.opis_tabela td {
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:1%;
}
.opis_tabela tr:hover {
background: #eeeeee !important;
}
.opis_tabela tr:nth-child(odd) {
background: #f7f7f7;
}
.opis_tabela tr:nth-child(even) {
background: #ffffff;
}
.produktImg {
/*border-radius: 5px;*/
border: 1px solid #ddd;
width: calc(100% - 1px);
/*margin-top: 100px;*/
}
.numery {
font-size: 13px;
color: #CCCCCC;
margin-top: 35px;
text-align: center;
padding-top: 10px;
clear: both;
}
.numery a {
font-size: 12px;
color: #333333;
margin: 2px;
border: 1px solid #CCCCCC;
text-decoration: none;
background-color: #dddddd;
display: inline-block;
padding: 1px 7px 1px 7px;
}
.numery a:hover {
font-size: 12px;
color: #fff;
border: 1px solid #054982;
text-decoration: none;
background-color: #008ec1;
}
.pusty {
background-color: #dddddd;
color: #CCCCCC;
margin: 2px;
display: inline-block;
padding: 1px 7px 1px 7px;
}
/** MAIN odstep_z_lewej
/** FOOTER **/
#stopka {
color: #fff;
font-size: 1vw;
line-height: auto;
margin:0px;
background-image: url(../img/tlo_stopka2.jpg);
background-position: bottom center;
background-size: 100% auto;
background-repeat: no-repeat;
}
#stopka a {
color: #fff;
padding-right: 5px;
}
#stopka a:hover {
color: #008ec1;
padding-right: 0px;
padding-left: 5px;
}
#stopka .boks_lewy .kolor {
font-size: 1.2vw;
}
#stopka .boks_lewy {
background-color: rgba(0,0,0,0.8);
padding-left: 18.5vw;
padding-top: 7vw;
padding-bottom: 7.5vw;
width: 31.5vw;
float: left;
}
#stopka .boks_prawy {
padding-left: 8.5vw;
padding-right: 0px;
padding-top: 7vw;
padding-bottom: 0px;
width: 35vw;
float: left;
}
#stopka .boks_prawy a {
font-size: 1.875vw;
font-weight: bold;
}
#stopka .boks_prawy a i {
color: #008ec1;
}
.influencja_knt {
text-align: center;
padding-top: 2vw;
height: 4.05vw;
}
#influencja {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
opacity: 0.8;
}
#influencja:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
opacity: 1;
}
#influencja img{
width: 10vw;
max-width: 136px;
min-width: 100px;
height: auto;
}
table{
width: 100%;
max-width: 100%;
margin-bottom: 20px;
color: #424242; line-height: 20px;
border: 1px solid #ccc;
border-radius: 10px;
margin-top: 20px;
margin-bottom: 20px;
}
table th{
vertical-align: bottom;
border-bottom: 2px solid #ddd;
border-top: 0;
}
table tr{
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
}
table tr td{
padding: 5px;
}
table tr:nth-of-type(2n+1) {
background-color: #f9f9f9;
}
table.infoTable{
width: 100%;
max-width: 100%;
margin-bottom: 20px;
color: #424242;
font-size: 14px;
line-height: 20px;
border: 1px solid #f9f9f9;
border-radius: 10px;
margin-top: 20px;
margin-bottom: 20px;
}
table.infoTable th{
vertical-align: bottom;
border-bottom: 2px solid #ddd;
border-top: 0;
}
table.infoTable td:first-child {
text-align: right;
padding-right: 10px;
width: 40%;
}
table.infoTable td:second -child {
font-weight: 500;
}
table.infoTable tr{
padding-top: 5px;
padding-bottom: 5px;
}
table.infoTable tr:nth-of-type(2n+1) {
background-color: #f9f9f9;
}
table.zamowienia {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
table.zamowienia th{
vertical-align: bottom;
border-bottom: 2px solid #ddd;
border-top: 0;
padding: 1% 2% 1% 2%;
}
table.zamowienia td {
padding: 1% 2% 1% 2%;
}
table.zamowienia tr{
padding-top: 5px;
padding-bottom: 5px;
}
table.zamowienia tr.zam {
background-color: #f9f9f9;
}
table.zamowienia tr.pus {
font-size: 12px;
line-height: 12px;
}
table.zamowienia i {
cursor: pointer;
}
table.koszyk {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
border-bottom: 2px solid #ddd;
}
table.koszyk th{
vertical-align: bottom;
border-bottom: 2px solid #ddd;
border-top: 0;
padding: 1% 2% 1% 2%;
}
table.koszyk td {
padding: 1% 2% 1% 2%;
}
table.koszyk tr{
padding-top: 5px;
padding-bottom: 5px;
}
table.koszyk tr.zam {
}
table.koszyk tr.zam:hover {
background-color: #fafafa;
}
table.koszyk tr.pus {
font-size: 6px;
line-height: 6px;
padding: 0px;
}
table.koszyk td.pus {
padding: 0px;
}
table.koszyk td.kosz {
width: 100px;
}
table.koszyk i {
cursor: pointer;
}
table.koszyk .koszyk_obr_knt {
width: 70px;
}
table.koszyk .koszyk_obr {
max-width: 60px;
max-height: 60px;
width: auto;
height: auto;
}
.daneAdresowe {
font-size: smaller;
padding: 5px 10px 5px 10px;
background-color: #fff;
box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
margin: 5px 0px 15px 0px;
}
.panel_lewa {
width: 73%;
padding-right: 2%;
float: left;
}
.panel_lewa .tekst {
padding: 0px !important;
}
.panel_prawa {
width: 21%;
float: right;
padding: 0.5%;
background-color: #fafafa;
border: 1px solid #eee;
}
.info_nag {
font-size: 12px;
text-transform: uppercase;
}
.zamowienia .tabelaProduktow {
font-size: 13px;
}
.tabelaProduktow {
width: 100%;
background-color: #fff;
}
.tabelaProduktow th {
background-color: #fafafa;
border-bottom: 1px solid #efefef;
border-top: 1px solid #efefef;
color: #999;
padding: 5px;
}
.tabelaProduktow td {
border-bottom: 1px solid #efefef;
padding: 5px;
}
.tabelaProduktow th strong {
color: #000;
font-size: 15px;
}
.produkt_boks {
border: 1px solid #efefef;
background-color: #fff;
padding: 2% 1% 1% 2%;
margin: 10px 0px 10px 0px;
border-radius: 5px;
}
.produkt_boks legend {
border: 1px solid #efefef;
background-color: #fafafa;
border-radius: 5px;
padding: 0px 1% 0px 1%;
font-size: 10px;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}
.stara_cena {
text-decoration: line-through;
opacity: 0.5;
}
.titleMenu{
display: none;
}
.dostawa_platnosc {
display: block;
padding: 10px;
background: #efefef;
border: 1px solid #efefef;
border-radius: 3px;
cursor: pointer;
}
.dostawa_platnosc:hover {
border: 1px solid #ddd;
}
.scroll_link {
position: absolute;
margin-top: -15px;
}
/** FOOTER **/
.proukt_opis table{
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.proukt_opis table th{
vertical-align: bottom;
border-bottom: 2px solid #ddd;
border-top: 0;
}
.proukt_opis table tr{
padding-top: 5px;
padding-bottom: 5px;
}
.proukt_opis table tr:nth-of-type(2n+1) {
background-color: #f9f9f9;
}
/*td, th {
padding: 5px;
}
tr:hover{
border: 2px solid #666;
background-color: #ddd !important;
}*/
/** DODATKI **/
.oberek100{
width: 100%;
height: auto;
}
.kolor {
color: #008ec1;
}
.czarny {
color: #333333;
}
.czerwony {
color: #cc0000;
}
.px10 {
font-size: 10px;
}
.px12 {
font-size: 12px;
}
.px14 {
font-size: 14px;
}
.px16 {
font-size: 16px;
}
.px18 {
font-size: 18px;
}
.px20 {
font-size: 20px;
}
.px22 {
font-size: 22px;
}
.px24 {
font-size: 24px;
}
.px30 {
font-size: 30px;
}
.px36 {
font-size: 36px;
}
.px48 {
font-size: 48px;
}
#sama_gora {
position:absolute;
top:0px;
}
#dalej {
padding-bottom: 10px;
cursor: pointer;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
#dalej:hover {
padding-top: 10px;
padding-bottom: 0px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
#do_gory {
position: fixed;
bottom: 3vw;
right: 30px;
z-index: 10000;
cursor: pointer;
/*opacity:0.5;*/
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
padding-bottom:10px;
width: 3vw;
}
#do_gory:hover {
opacity:1;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
padding-top:0px;
padding-bottom:20px;
}
label{
font-weight:normal;
}
.odstepMin{
display: none;
}
.nasza_jakosc {
border-radius: 50%;
border: 2px solid #e8000b;
box-shadow: 5px 5px 35px rgba(0,0,0,0.2);
width: 15%;
margin-right: 1%;
}
ul.kolumny_zalaczniki:after { clear: both; display: block; content: ' '; height: 0px; overflow: hidden; }
ul.kolumny_zalaczniki{
padding: 0px;
}
ul.kolumny_zalaczniki li{
width: 45%;
margin: 0px 2% 2% 0px;
border: 1px solid #eee;
border-radius: 8px;
text-align: left;
float: left;
list-style: none;
overflow: hidden;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
ul.kolumny_zalaczniki li a p {
margin: 0px;
padding: 0px;
}
ul.kolumny_zalaczniki li a {
display: block;
margin: 0px;
padding: 1% 3% 1% 3%;
}
ul.kolumny_zalaczniki li:hover a {
box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
ul.kolumny_zalaczniki li img{
border:1px solid #ccc;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
opacity: 0.6;
width: 200px;
}
ul.kolumny_zalaczniki li:hover img{
opacity: 1;
}
.ukryte {
position: absolute;
opacity: 0;
height: 1px;
overflow: hidden;
}
/** DODATKI **/
.alignnone {
margin: 1.625em;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.625em;
max-width: 45% !important;
height: auto;
}
.alignleft:hover {
}
.alignright {
display: inline;
float: right;
margin-left: 1.625em;
max-width: 45% !important;
height: auto;
}
.alignright:hover {
}
.aligncenter {
clear: both;
display: block;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.aligncenter:hover {
}
.text-center {
text-align: center;
}
.angular-google-map{
height: 600px;
}
/** Formularz **/
/*input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], select, textarea {
vertical-align: top;
padding: 0 5px;
margin: 10px;
border: 1px solid #ddd;
height: 36px;
font: 13px 'Play', sans-serif;
color: #666;
display: block;
width: 100%;
background: #fff 95% center no-repeat;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select:focus, textarea:focus {
outline: none;
border: 1px solid #54AFE4;
-webkit-box-shadow: 0 0 2px rgba(84, 175, 228, 0.4);
-moz-box-shadow: 0 0 2px rgba(84, 175, 228, 0.4);
box-shadow: 0 0 2px rgba(84, 175, 228, 0.4); }
input[type="email"].disabled, input[type="number"].disabled, input[type="password"].disabled, input[type="search"].disabled, input[type="tel"].disabled, input[type="text"].disabled, input[type="url"].disabled, input[type="color"].disabled, input[type="date"].disabled, input[type="datetime"].disabled, input[type="datetime-local"].disabled, input[type="month"].disabled, input[type="time"].disabled, input[type="week"].disabled, select.disabled, textarea.disabled {
background-color: #f5f5f5; }
textarea{
height: 155px;
}
input[type="submit"], input[type="button"] {
display: inline-block;
padding: 0 20px;
min-width: 100px;
border: 1px solid #ccc;
height: 40px;
color: #4E4E4E;
font: bold 13px/40px 'Play', sans-serif;
cursor: pointer;
border-radius: 3px;
}*/
.text-danger {
color: #cc0000;
}
.has-error .form-control {
border-color: #cc0000;
}
#menu_kontakt li.wyszukiwarka {
background-color: #494949;
padding-left: 0px;
margin-left: 30px;
}
.formInputSzukaj {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
line-height: 22px;
font-weight: 400;
color: #aaa;
background-color: #000 !important;
padding-top: 7px;
padding-right: 40px;
padding-bottom: 7px;
padding-left: 15px;
width: 245px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
box-shadow: 0px 0px 25px rgba(0,0,0,0.07);
}
.formInputSzukaj:focus {
box-shadow: 0px 0px 10px rgba(255,255,155,0.5);
}
.formBtnSzukaj {
font-family: 'Montserrat', sans-serif;
background-color: transparent;
color: #fff;
font-size: 13px;
font-weight: bold;
cursor: pointer;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-image: url(../img/lupka.png);
background-repeat: no-repeat;
background-position: center center;
padding: 0px;
height: 30px;
width: 24px;
top: 0px;
margin-top: 3px;
margin-left: -35px;
position: absolute;
}
.formBtnSzukaj:hover {
opacity:0.8;
}
/*Upload zdjec*/
.upload_zdjec {
font-size: 16px;
}
.upload_zdjec .thumb {
width: 24px;
height: 24px;
float: none;
position: relative;
top: 7px;
}
.upload_zdjec form .progress {
line-height: 15px;
}
.upload_zdjec .progress {
display: inline-block;
width: 100px;
border: 3px groove #CCC;
}
.upload_zdjec .drop-box {
padding: 25px;
border: 3px dashed #dde2e7;
background-color: #f6f7f7;
}
.upload_zdjec .dragover {
border: 3px dashed #9ca3aa;
background-color: #dde2e7;
}
.upload_zdjec .progress div {
font-size: smaller;
background: orange;
width: 0;
}
.upload_zdjec .formBtn {
width: auto;
}
.usunBtn {
padding: 2px 10px 2px 10px;
margin-top: 0px;
right: -5px;
position: absolute;
font-size: 14px;
}
.usunBtn i {
padding: 0px;
}
.usunBtn:hover i {
padding: 0px;
}
.foto_kont {
width: 46%;
margin: 3% 1% 0% 1%;
padding: 1%;
float: left;
position: relative;
background: #f2f2f2;
word-wrap: break-word;
}
.foto_kont img {
max-width: 100%;
max-height: 155px;
width: auto;
height: auto;
}
.bledy_ladowania_zalacznikow {
border: 1px solid rgb(169, 68, 66);
color: rgb(169, 68, 66);
background-color: #f6ecec;
padding: 5px 10px 5px 10px;
margin: 5px 0px 5px 0px;
}
/*Upload zdjec*/
ul#ralownik{
overflow: hidden;
padding:0px;
}
ul#ralownik li{
width: 105px;
float: left;
margin :5px !important;
display: block;
}
ul#ralownik li h3{
text-align: center;
}
.wymiaryTab{
border:2px solid #ccc;
}
.wymiaryTab tr:first-child{
background-color: #ccc !important;
border-bottom: 2px solid #666;
}
.logoBox{
width: 100px;
position: absolute;
z-index: -1;
background-color: rgba(0,0,0,0.8);
height: 100px;
top:0px;
bottom:0px;
left:0px;
}
.wierszKolumn, .wierszKolumn2
{
display: flex;
align-items: center;
}
.kolumnaLewa {
width: 47%;
padding-right: 3%;
float: left;
}
.kolumnaPrawa {
width: 47%;
float: left;
padding-right: 3%;
}
.kolumnaLewa img, .kolumnaPrawa img {
max-width: 100%;
height: auto;
}
.koniecKolumn {clear: both;}
.tlo_lista .kolumnaPrawa img{
width: 50%;
margin:0px 25% !important;
box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
}
/** Bootstrap **/
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #cc0000;
}
a.text-danger:hover,
a.text-danger:focus {
color: #cc0000;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
padding: 5px 25px 5px 25px !important;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
padding: 5px 25px 5px 25px !important;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
padding: 5px 25px 5px 25px !important;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
padding: 5px 25px 5px 25px !important;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
padding: 5px 25px 5px 25px !important;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
/** Bootstrap **/
/*
autor: influencja.pl
wersja: 165.12.2.1
kompilacja: 123080962145912635976129019625019261569361986365;
klasy: .wiersz
.kol_[1-9]
.kol_[10-100]
.ods_z[gora,dol,prawa,lewa]_[5-100]
.ods_w[gora,dol,prawa,lewa]_[5-100]
.px[10-36]
*/
.mapaMini{
box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
margin-top: 50px;
}
.wiersz { clear: both; padding-top: 15px; padding-bottom: 15px; margin: 0px auto;}
.wierszAuto { clear: both; overflow: hidden; padding-top: 15px; padding-bottom: 15px; width: auto; margin: 0px auto;}
.wiersz:after { clear: both; display: block; content: ' '; height: 0px; overflow: hidden; }
.kol_1 { float: left; width: 100%; width: calc(100% - 30px); padding: 0px 15px 0px 15px; } .kol_2 { float: left; width: 50%; width: calc(50% - 30px); padding: 0px 15px 0px 15px; } .kol_3 { float: left; width: 29%; width: calc(33.333333333333% - 30px); padding: 0px 15px 0px 15px; } .kol_4 { float: left; width: 22%; width: calc(25% - 30px); padding: 0px 15px 0px 15px; } .kol_5 { float: left;width: 18%; width: calc(20% - 30px); padding: 0px 15px 0px 15px; } .kol_6 { float: left; width: calc(16.666666666667% - 30px); padding: 0px 15px 0px 15px; } .kol_7 { float: left; width: calc(14.285714285714% - 30px); padding: 0px 15px 0px 15px; } .kol_8 { float: left; width: calc(12.5% - 30px); padding: 0px 15px 0px 15px; } .kol_9 { float: left; width: calc(11.111111111111% - 30px); padding: 0px 15px 0px 15px; } .kol_10 { float: left; width: calc(10% - 30px); padding: 0px 15px 0px 15px; } .kol_11 { float: left; width: calc(11% - 30px); padding: 0px 15px 0px 15px; } .kol_12 { float: left; width: calc(12% - 30px); padding: 0px 15px 0px 15px; } .kol_13 { float: left; width: calc(13% - 30px); padding: 0px 15px 0px 15px; } .kol_14 { float: left; width: calc(14% - 30px); padding: 0px 15px 0px 15px; } .kol_15 { float: left; width: calc(15% - 30px); padding: 0px 15px 0px 15px; } .kol_16 { float: left; width: calc(16% - 30px); padding: 0px 15px 0px 15px; } .kol_17 { float: left; width: calc(17% - 30px); padding: 0px 15px 0px 15px; } .kol_18 { float: left; width: calc(18% - 30px); padding: 0px 15px 0px 15px; } .kol_19 { float: left; width: calc(19% - 30px); padding: 0px 15px 0px 15px; } .kol_20 { float: left; width: calc(20% - 30px); padding: 0px 15px 0px 15px; } .kol_21 { float: left; width: calc(21% - 30px); padding: 0px 15px 0px 15px; } .kol_22 { float: left; width: calc(22% - 30px); padding: 0px 15px 0px 15px; } .kol_23 { float: left; width: calc(23% - 30px); padding: 0px 15px 0px 15px; } .kol_24 { float: left; width: calc(24% - 30px); padding: 0px 15px 0px 15px; } .kol_25 { float: left; width: calc(25% - 30px); padding: 0px 15px 0px 15px; } .kol_26 { float: left; width: calc(26% - 30px); padding: 0px 15px 0px 15px; } .kol_27 { float: left; width: calc(27% - 30px); padding: 0px 15px 0px 15px; } .kol_28 { float: left; width: calc(28% - 30px); padding: 0px 15px 0px 15px; } .kol_29 { float: left; width: calc(29% - 30px); padding: 0px 15px 0px 15px; } .kol_30 { float: left; width: 28%; width: calc(30% - 30px); padding: 0px 15px 0px 15px; } .kol_31 { float: left; width: calc(31% - 30px); padding: 0px 15px 0px 15px; } .kol_32 { float: left; width: calc(32% - 30px); padding: 0px 15px 0px 15px; } .kol_33 { float: left; width: calc(33% - 30px); padding: 0px 15px 0px 15px; } .kol_34 { float: left; width: calc(34% - 30px); padding: 0px 15px 0px 15px; } .kol_35 { float: left; width: calc(35% - 30px); padding: 0px 15px 0px 15px; } .kol_36 { float: left; width: calc(36% - 30px); padding: 0px 15px 0px 15px; } .kol_37 { float: left; width: calc(37% - 30px); padding: 0px 15px 0px 15px; } .kol_38 { float: left; width: calc(38% - 30px); padding: 0px 15px 0px 15px; } .kol_39 { float: left; width: calc(39% - 30px); padding: 0px 15px 0px 15px; } .kol_40 { float: left; width: calc(40% - 30px); padding: 0px 15px 0px 15px; } .kol_41 { float: left; width: calc(41% - 30px); padding: 0px 15px 0px 15px; } .kol_42 { float: left; width: calc(42% - 30px); padding: 0px 15px 0px 15px; } .kol_43 { float: left; width: calc(43% - 30px); padding: 0px 15px 0px 15px; } .kol_44 { float: left; width: calc(44% - 30px); padding: 0px 15px 0px 15px; } .kol_45 { float: left; width: calc(45% - 30px); padding: 0px 15px 0px 15px; } .kol_46 { float: left; width: calc(46% - 30px); padding: 0px 15px 0px 15px; } .kol_47 { float: left; width: calc(47% - 30px); padding: 0px 15px 0px 15px; } .kol_48 { float: left; width: calc(48% - 30px); padding: 0px 15px 0px 15px; } .kol_49 { float: left; width: calc(49% - 30px); padding: 0px 15px 0px 15px; } .kol_50 { float: left; width: calc(50% - 30px); padding: 0px 15px 0px 15px; } .kol_51 { float: left; width: calc(51% - 30px); padding: 0px 15px 0px 15px; } .kol_52 { float: left; width: calc(52% - 30px); padding: 0px 15px 0px 15px; } .kol_53 { float: left; width: calc(53% - 30px); padding: 0px 15px 0px 15px; } .kol_54 { float: left; width: calc(54% - 30px); padding: 0px 15px 0px 15px; } .kol_55 { float: left; width: calc(55% - 30px); padding: 0px 15px 0px 15px; } .kol_56 { float: left; width: calc(56% - 30px); padding: 0px 15px 0px 15px; } .kol_57 { float: left; width: calc(57% - 30px); padding: 0px 15px 0px 15px; } .kol_58 { float: left; width: calc(58% - 30px); padding: 0px 15px 0px 15px; } .kol_59 { float: left; width: calc(59% - 30px); padding: 0px 15px 0px 15px; } .kol_60 { float: left; width: calc(60% - 30px); padding: 0px 15px 0px 15px; } .kol_61 { float: left; width: calc(61% - 30px); padding: 0px 15px 0px 15px; } .kol_62 { float: left; width: calc(62% - 30px); padding: 0px 15px 0px 15px; } .kol_63 { float: left; width: calc(63% - 30px); padding: 0px 15px 0px 15px; } .kol_64 { float: left; width: calc(64% - 30px); padding: 0px 15px 0px 15px; } .kol_65 { float: left; width: calc(65% - 30px); padding: 0px 15px 0px 15px; } .kol_66 { float: left; width: calc(66% - 30px); padding: 0px 15px 0px 15px; } .kol_67 { float: left; width: calc(67% - 30px); padding: 0px 15px 0px 15px; } .kol_68 { float: left; width: calc(68% - 30px); padding: 0px 15px 0px 15px; } .kol_69 { float: left; width: calc(69% - 30px); padding: 0px 15px 0px 15px; } .kol_70 { float: left; width: 67%; width: calc(70% - 30px); padding: 0px 15px 0px 15px; } .kol_71 { float: left; width: calc(71% - 30px); padding: 0px 15px 0px 15px; } .kol_72 { float: left; width: calc(72% - 30px); padding: 0px 15px 0px 15px; } .kol_73 { float: left; width: calc(73% - 30px); padding: 0px 15px 0px 15px; } .kol_74 { float: left; width: calc(74% - 30px); padding: 0px 15px 0px 15px; } .kol_75 { float: left; width: calc(75% - 30px); padding: 0px 15px 0px 15px; } .kol_76 { float: left; width: calc(76% - 30px); padding: 0px 15px 0px 15px; } .kol_77 { float: left; width: calc(77% - 30px); padding: 0px 15px 0px 15px; } .kol_78 { float: left; width: calc(78% - 30px); padding: 0px 15px 0px 15px; } .kol_79 { float: left; width: calc(79% - 30px); padding: 0px 15px 0px 15px; } .kol_80 { float: left; width: calc(80% - 30px); padding: 0px 15px 0px 15px; } .kol_81 { float: left; width: calc(81% - 30px); padding: 0px 15px 0px 15px; } .kol_82 { float: left; width: calc(82% - 30px); padding: 0px 15px 0px 15px; } .kol_83 { float: left; width: calc(83% - 30px); padding: 0px 15px 0px 15px; } .kol_84 { float: left; width: calc(84% - 30px); padding: 0px 15px 0px 15px; } .kol_85 { float: left; width: calc(85% - 30px); padding: 0px 15px 0px 15px; } .kol_86 { float: left; width: calc(86% - 30px); padding: 0px 15px 0px 15px; } .kol_87 { float: left; width: calc(87% - 30px); padding: 0px 15px 0px 15px; } .kol_88 { float: left; width: calc(88% - 30px); padding: 0px 15px 0px 15px; } .kol_89 { float: left; width: calc(89% - 30px); padding: 0px 15px 0px 15px; } .kol_90 { float: left; width: calc(90% - 30px); padding: 0px 15px 0px 15px; } .kol_91 { float: left; width: calc(91% - 30px); padding: 0px 15px 0px 15px; } .kol_92 { float: left; width: calc(92% - 30px); padding: 0px 15px 0px 15px; } .kol_93 { float: left; width: calc(93% - 30px); padding: 0px 15px 0px 15px; } .kol_94 { float: left; width: calc(94% - 30px); padding: 0px 15px 0px 15px; } .kol_95 { float: left; width: calc(95% - 30px); padding: 0px 15px 0px 15px; } .kol_96 { float: left; width: calc(96% - 30px); padding: 0px 15px 0px 15px; } .kol_97 { float: left; width: calc(97% - 30px); padding: 0px 15px 0px 15px; } .kol_98 { float: left; width: calc(98% - 30px); padding: 0px 15px 0px 15px; } .kol_99 { float: left; width: calc(99% - 30px); padding: 0px 15px 0px 15px; } .kol_100 { float: left; width: calc(100% - 30px); padding: 0px 15px 0px 15px; }
.ods_zg_0 { margin-top: 0px; } .ods_zl_0 { margin-left: 0px; } .ods_zp_0 { margin-right: 0px; } .ods_zd_0 { margin-bottom: 0px; } .ods_wg_0 { padding-top: 0px; } .ods_wl_0 { padding-left: 0px; } .ods_wp_0 { padding-right: 0px; } .ods_wd_0 { padding-bottom: 0px; }
.ods_zg_5 { margin-top: 5px; } .ods_zl_5 { margin-left: 5px; } .ods_zp_5 { margin-right: 5px; } .ods_zd_5 { margin-bottom: 5px; } .ods_wg_5 { padding-top: 5px; } .ods_wl_5 { padding-left: 5px; } .ods_wp_5 { padding-right: 5px; } .ods_wd_5 { padding-bottom: 5px; } .ods_zg_10 { margin-top: 10px; } .ods_zl_10 { margin-left: 10px; } .ods_zp_10 { margin-right: 10px; } .ods_zd_10 { margin-bottom: 10px; } .ods_wg_10 { padding-top: 10px; } .ods_wl_10 { padding-left: 10px; } .ods_wp_10 { padding-right: 10px; } .ods_wd_10 { padding-bottom: 10px; } .ods_zg_15 { margin-top: 15px; } .ods_zl_15 { margin-left: 15px; } .ods_zp_15 { margin-right: 15px; } .ods_zd_15 { margin-bottom: 15px; } .ods_wg_15 { padding-top: 15px; } .ods_wl_15 { padding-left: 15px; } .ods_wp_15 { padding-right: 15px; } .ods_wd_15 { padding-bottom: 15px; } .ods_zg_20 { margin-top: 20px; } .ods_zl_20 { margin-left: 20px; } .ods_zp_20 { margin-right: 20px; } .ods_zd_20 { margin-bottom: 20px; } .ods_wg_20 { padding-top: 20px; } .ods_wl_20 { padding-left: 20px; } .ods_wp_20 { padding-right: 20px; } .ods_wd_20 { padding-bottom: 20px; } .ods_zg_25 { margin-top: 25px; } .ods_zl_25 { margin-left: 25px; } .ods_zp_25 { margin-right: 25px; } .ods_zd_25 { margin-bottom: 25px; } .ods_wg_25 { padding-top: 25px; } .ods_wl_25 { padding-left: 25px; } .ods_wp_25 { padding-right: 25px; } .ods_wd_25 { padding-bottom: 25px; } .ods_zg_30 { margin-top: 30px; } .ods_zl_30 { margin-left: 30px; } .ods_zp_30 { margin-right: 30px; } .ods_zd_30 { margin-bottom: 30px; } .ods_wg_30 { padding-top: 30px; } .ods_wl_30 { padding-left: 30px; } .ods_wp_30 { padding-right: 30px; } .ods_wd_30 { padding-bottom: 30px; } .ods_zg_35 { margin-top: 35px; } .ods_zl_35 { margin-left: 35px; } .ods_zp_35 { margin-right: 35px; } .ods_zd_35 { margin-bottom: 35px; } .ods_wg_35 { padding-top: 35px; } .ods_wl_35 { padding-left: 35px; } .ods_wp_35 { padding-right: 35px; } .ods_wd_35 { padding-bottom: 35px; } .ods_zg_40 { margin-top: 40px; } .ods_zl_40 { margin-left: 40px; } .ods_zp_40 { margin-right: 40px; } .ods_zd_40 { margin-bottom: 40px; } .ods_wg_40 { padding-top: 40px; } .ods_wl_40 { padding-left: 40px; } .ods_wp_40 { padding-right: 40px; } .ods_wd_40 { padding-bottom: 40px; } .ods_zg_45 { margin-top: 45px; } .ods_zl_45 { margin-left: 45px; } .ods_zp_45 { margin-right: 45px; } .ods_zd_45 { margin-bottom: 45px; } .ods_wg_45 { padding-top: 45px; } .ods_wl_45 { padding-left: 45px; } .ods_wp_45 { padding-right: 45px; } .ods_wd_45 { padding-bottom: 45px; } .ods_zg_50 { margin-top: 50px; } .ods_zl_50 { margin-left: 50px; } .ods_zp_50 { margin-right: 50px; } .ods_zd_50 { margin-bottom: 50px; } .ods_wg_50 { padding-top: 50px; } .ods_wl_50 { padding-left: 50px; } .ods_wp_50 { padding-right: 50px; } .ods_wd_50 { padding-bottom: 50px; } .ods_zg_55 { margin-top: 55px; } .ods_zl_55 { margin-left: 55px; } .ods_zp_55 { margin-right: 55px; } .ods_zd_55 { margin-bottom: 55px; } .ods_wg_55 { padding-top: 55px; } .ods_wl_55 { padding-left: 55px; } .ods_wp_55 { padding-right: 55px; } .ods_wd_55 { padding-bottom: 55px; } .ods_zg_60 { margin-top: 60px; } .ods_zl_60 { margin-left: 60px; } .ods_zp_60 { margin-right: 60px; } .ods_zd_60 { margin-bottom: 60px; } .ods_wg_60 { padding-top: 60px; } .ods_wl_60 { padding-left: 60px; } .ods_wp_60 { padding-right: 60px; } .ods_wd_60 { padding-bottom: 60px; } .ods_zg_65 { margin-top: 65px; } .ods_zl_65 { margin-left: 65px; } .ods_zp_65 { margin-right: 65px; } .ods_zd_65 { margin-bottom: 65px; } .ods_wg_65 { padding-top: 65px; } .ods_wl_65 { padding-left: 65px; } .ods_wp_65 { padding-right: 65px; } .ods_wd_65 { padding-bottom: 65px; } .ods_zg_70 { margin-top: 70px; } .ods_zl_70 { margin-left: 70px; } .ods_zp_70 { margin-right: 70px; } .ods_zd_70 { margin-bottom: 70px; } .ods_wg_70 { padding-top: 70px; } .ods_wl_70 { padding-left: 70px; } .ods_wp_70 { padding-right: 70px; } .ods_wd_70 { padding-bottom: 70px; } .ods_zg_75 { margin-top: 75px; } .ods_zl_75 { margin-left: 75px; } .ods_zp_75 { margin-right: 75px; } .ods_zd_75 { margin-bottom: 75px; } .ods_wg_75 { padding-top: 75px; } .ods_wl_75 { padding-left: 75px; } .ods_wp_75 { padding-right: 75px; } .ods_wd_75 { padding-bottom: 75px; } .ods_zg_80 { margin-top: 80px; } .ods_zl_80 { margin-left: 80px; } .ods_zp_80 { margin-right: 80px; } .ods_zd_80 { margin-bottom: 80px; } .ods_wg_80 { padding-top: 80px; } .ods_wl_80 { padding-left: 80px; } .ods_wp_80 { padding-right: 80px; } .ods_wd_80 { padding-bottom: 80px; } .ods_zg_85 { margin-top: 85px; } .ods_zl_85 { margin-left: 85px; } .ods_zp_85 { margin-right: 85px; } .ods_zd_85 { margin-bottom: 85px; } .ods_wg_85 { padding-top: 85px; } .ods_wl_85 { padding-left: 85px; } .ods_wp_85 { padding-right: 85px; } .ods_wd_85 { padding-bottom: 85px; } .ods_zg_90 { margin-top: 90px; } .ods_zl_90 { margin-left: 90px; } .ods_zp_90 { margin-right: 90px; } .ods_zd_90 { margin-bottom: 90px; } .ods_wg_90 { padding-top: 90px; } .ods_wl_90 { padding-left: 90px; } .ods_wp_90 { padding-right: 90px; } .ods_wd_90 { padding-bottom: 90px; } .ods_zg_95 { margin-top: 95px; } .ods_zl_95 { margin-left: 95px; } .ods_zp_95 { margin-right: 95px; } .ods_zd_95 { margin-bottom: 95px; } .ods_wg_95 { padding-top: 95px; } .ods_wl_95 { padding-left: 95px; } .ods_wp_95 { padding-right: 95px; } .ods_wd_95 { padding-bottom: 95px; } .ods_zg_100 { margin-top: 100px; } .ods_zl_100 { margin-left: 100px; } .ods_zp_100 { margin-right: 100px; } .ods_zd_100 { margin-bottom: 100px; } .ods_wg_100 { padding-top: 100px; } .ods_wl_100 { padding-left: 100px; } .ods_wp_100 { padding-right: 100px; } .ods_wd_100 { padding-bottom: 100px; }
.px10 { font-size: 10px; } .px11 { font-size: 11px; } .px12 { font-size: 12px; } .px13 { font-size: 13px; } .px14 { font-size: 14px; } .px15 { font-size: 15px; } .px16 { font-size: 16px; } .px17 { font-size: 17px; } .px18 { font-size: 18px; } .px19 { font-size: 19px; } .px20 { font-size: 20px; } .px21 { font-size: 21px; } .px22 { font-size: 22px; } .px23 { font-size: 23px; } .px24 { font-size: 24px; } .px25 { font-size: 25px; } .px26 { font-size: 26px; } .px27 { font-size: 27px; } .px28 { font-size: 28px; } .px29 { font-size: 29px; } .px30 { font-size: 30px; } .px31 { font-size: 31px; } .px32 { font-size: 32px; } .px33 { font-size: 33px; } .px34 { font-size: 34px; } .px35 { font-size: 35px; } .px36 { font-size: 36px; }
.kol_3.zlety {
text-align: center;
float: left;
width: 25.3333%;
padding: 0px 4% 0px 4%;
}
.koniec {
clear: both;
}
/** DODATKI **/
.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}
@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before,:first-letter,:first-line{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
/** Menu mobilne **/
#menu_mobil {
display: none;
position: relative;
height: 65px;
}
.box_m {
border-radius: 2px;
transform: translate(-50%, -50%);
position: relative;
top: 30px;
left: 30px;
right: 30px;
margin: 0 auto;
}
.box_m {
transform: translate(-50%, -50%);
width: 65px;
cursor: pointer;
}
.box_m span {
display: block;
width: 100%;
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);
border-radius: 3px;
height: 5px;
background: #fff;
/*background-image: url('../img/btn_tlo.jpg');*/
transition: all .3s;
position: relative;
}
span + span {
margin-top: 10px;
}
.active span:nth-child(1) {
animation: ease .7s top forwards;
}
.not-active span:nth-child(1) {
animation: ease .7s top-2 forwards;
}
.active span:nth-child(2) {
animation: ease .7s scaled forwards;
}
.not-active span:nth-child(2) {
animation: ease .7s scaled-2 forwards;
}
.active span:nth-child(3) {
animation: ease .7s bottom forwards;
}
.not-active span:nth-child(3) {
animation: ease .7s bottom-2 forwards;
}
@keyframes top {
0% {
top: 0;
transform: rotate(0);
}
50% {
top: 22px;
transform: rotate(0);
}
100% {
top: 22px;
transform: rotate(45deg);
}
}
@keyframes top-2 {
0% {
top: 8px;
transform: rotate(45deg);
}
50% {
top: 8px;
transform: rotate(0deg);
}
100% {
top: 0;
transform: rotate(0deg);
}
}
@keyframes bottom {
0% {
bottom: 0;
transform: rotate(0);
}
50% {
bottom: 8px;
transform: rotate(0);
}
100% {
bottom: 8px;
transform: rotate(135deg);
}
}
@keyframes bottom-2 {
0% {
bottom: 8px;
transform: rotate(135deg);
}
50% {
bottom: 8px;
transform: rotate(0);
}
100% {
bottom: 0;
transform: rotate(0);
}
}
@keyframes scaled {
50% {
transform: scale(0);
}
100% {
transform: scale(0);
}
}
@keyframes scaled-2 {
0% {
transform: scale(0);
}
50% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
.arrow-icon {
display: none;
position: relative;
cursor: pointer;
border-radius: 2px;
float: right;
width: 50px;
margin-top: -30px;
height: 20px;
}
.left-bar {
position: absolute;
background-color: transparent;
top: 0;
left:0;
width: 20px;
height: 5px;
display: block;
transform: rotate(35deg);
float: right;
border-radius: 2px;
margin-top: 10px;
}
.left-bar:after {
content:"";
background-color: #ccc;
width: 20px;
height: 5px;
display: block;
float: right;
border-radius: 6px 10px 10px 6px;
transition: all 0.5s cubic-bezier(.25,1.7,.35,.8);
z-index: -1;
}
.right-bar {
position: absolute;
background-color: transparent;
top: 0px;
left:13px;
width: 20px;
height: 5px;
display: block;
transform: rotate(-35deg);
float: right;
border-radius: 2px;
}
.right-bar:after {
content:"";
background-color: #ccc;
width: 20px;
height: 5px;
display: block;
float: right;
border-radius: 10px 6px 6px 10px;
transition: all 0.5s cubic-bezier(.25,1.7,.35,.8);
z-index: -1;
}
.open .left-bar:after {
transform-origin: center center;
transform: rotate(-70deg);
}
.open .right-bar:after {
transform-origin: center center;
transform: rotate(70deg);
}
/** Menu mobilne **/
.wp-block-gallery.has-nested-images figure.wp-block-image img {
padding: 10px ;
}