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}
:root {
--kolor-glowny: #0f8cda;
--color-primary: #333333;
--kolor-pomaranczowy: #ff7800;
--kolor-czarny: #000;
--kolor-szary: #bfbfbf;
--montserrat: 'Montserrat', sans-serif;
}
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;
}
img {
border: 0;
max-width: 100%;
height: auto;
}
.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; }
b, strong {
font-weight: 500;
color: #000;
}
/* ==========================================================================
influencja.pl
========================================================================== */
body {
margin: 0px;
padding: 0px;
font-family: var(--montserrat);
color: #000;
font-size: 1vw;
line-height: 1.5em;
width: 100%;
overflow-x: hidden;
background-color: #fff;
font-weight: 400;
}
/*HEADER*/
#glowny_naglowek_knt{
width: 100%;
position: absolute;
z-index: 999;
background-color: rgba(255,255,255,0.9);
box-shadow: 0px 0px 60px rgba(0,0,0,0.4);
}
#glowny_naglowek{
width: calc(100% - 4vw);
margin: 0px auto;
padding: 5px 0px;
}
#logo {
width: auto;
float: left;
padding: 35px;
}
#logo img{
width: auto;
height: auto;
max-height: 95px;
}
nav#menuGlowne{
float: right;
width: auto;
padding-top:40px;
}
nav#menuGlowne ul{
padding:0px;
margin:0px;
list-style: none;
float: left;
}
nav#menuGlowne ul li{
padding:20px 0vw;
float: left;
position:relative;
}
nav#menuGlowne ul li a{
font-size:0.9vw;
line-height: 1.3em;
font-weight: 500;
color: var(--kolor-czarny);
font-family: var(--montserrat);
padding:0.5vw;
text-transform:uppercase;
letter-spacing: 0px;
padding-bottom: 1vw;
max-width: 10vw;
display: inline-block;
text-align: center;
}
nav#menuGlowne ul li a:hover{
color: var(--kolor-glowny);
}
nav#menuGlowne ul li a.btnLi{
color: #fff;
background-color: var(--kolor-glowny);
padding: 10px 20px;
font-weight: 600;
letter-spacing: 3px;
}
nav#menuGlowne ul li.social {
padding: 20px 10px;
}
nav#menuGlowne ul li.social a{
color: var(--kolor-glowny);
font-size:1.2vw;
}
nav#menuGlowne .menu_jezyk ul li{
float: right;
}
#menuGlowne ul ul {
display: none;
position: absolute;
left: 1vw;
top: 4.5vw;
padding: 0px;
width: 250px;
font-weight: 500;
z-index: 500;
}
#menuGlowne ul ul li {
float: left;
width: 100%;
padding: 0px;
height: auto;
}
#menuGlowne ul ul li a {
display: block;
float: left;
font-size: 1vw;
color: #fff;
height: auto;
margin-left: 0px;
line-height: 1.2em;
background-repeat: repeat;
border-bottom: 1px solid rgba(255,255,255,0.2);
background-color:#000;
text-transform:none;
letter-spacing: 0px;
font-weight: 400;
width: calc(100% - 30px);
padding: 8px 15px;
text-align: left;
}
#menuGlowne ul ul li a:hover {
background-color:var(--kolor-glowny);
color: #fff;
}
#menuGlowne ul ul ul{
display: none ;
visibility: hidden;
}
.menu_podstawowe {
display: none;
}
.menu_glowne_strony {
display: block;
}
.pokaz{
display: none;
}
#ladowanie_knt {
width: 100%;
top: 0px;
left: 0px;
right: 0px;
height: 4px;
position: absolute;
z-index: 601;
background-color: #fff;
overflow: hidden;
}
#ladowanie {
text-align: center;
background-color: #fff;
background-color: rgba(255,255,255,1);
position: fixed;
z-index: 9998;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #666666;
font-size: 13px;
}
#menu_mobil {
display:none;
}
.menu_jezyk{
position:absolute;
top: 0px;
right:5px;
}
.menu_jezyk ul li {
padding: 10px !important
}
.menu_jezyk ul li a img{
width: 20px;
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
/*HEADER*/
/*MAIN*/
/*Baner*/
#baner {
width: 100%;
margin: 0px auto;
position: relative;
margin-top: 0;
z-index: 0;
}
.slajder {
text-align: center !important;
}
.slajder section{
width: 100%;
height: 100%;
overflow: hidden;
}
.slajder img {
width: 100%;
height: auto;
}
#prev {
display: block;
position: absolute;
top: 50%;
z-index: 490;
left: 20px;
cursor: pointer;
font-size: 30px;
color: var(--kolor-pomaranczowy);
opacity: 0.5;
padding:20px;
-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;
}
#next {
display: block;
display: block;
position: absolute;
top: 50%;
z-index: 490;
right: 20px;
cursor: pointer;
font-size: 30px;
color: var(--kolor-pomaranczowy);
opacity: 0.5;
padding:20px;
-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;
}
#prev:hover {
left:10px;
opacity: 0.5;
}
#next:hover {
right:10px;
opacity: 0.5;
}
.pager { text-align: right; width: 100%; height:35px; z-index: 500; overflow: hidden; position: absolute; z-index: 200; margin-top: 190px; right: 3vw; top:0px; }
.pager span { width: 25px; height: 25px; display: inline-block; color: #fff; background-color:#fff; margin-right:10px; overflow: hidden; opacity: 1;
/*border: 4px rgba(255,255,255,1) solid;*/ border-radius: 50%;
-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out; font-size: 1px;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;text-decoration:none; }
.pager span.cycle-pager-active { color: #0f8cda; background-color:#0f8cda; opacity: 1; font-size: 1px;
/*border: 4px rgba(255,255,255,1) solid;*/ border-radius: 50%;
-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;}
.pager > * { cursor: pointer;}
#baner .slajder .nakladka{
position: absolute;
width: 100%;
/*height: 100%;*/
height: calc(100% - 170px);
margin-top: 170px;
align-items: center;
display: flex;
top: 0px;
font-size:1.8vw;
line-height: 1.3em;
text-transform: uppercase;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
#baner .slajder .nakladka .text-white{
color: #fff !important;
}
#baner .slajder .nakladka .wierszKolumn{
display: block;
width: 100%;
}
#baner .slajder .nakladka .wierszKolumn .kolumnaLewa {
width: 50%;
padding-right: 0%;
float: left;
}
#baner .slajder .nakladka .wierszKolumn .kolumnaPrawa {
width: 50%;
padding-right: 0%;
float: right;
}
#baner .slajder .nakladka .wierszKolumn .kolumnaPrawa img, #baner .slajder .nakladka .wierszKolumn .kolumnaPrawa img{
max-width: 100%;
width: auto;
}
#baner .slajder .nakladka .wierszKolumn .kolumnaLewa img, #baner .slajder .nakladka .wierszKolumn .kolumnaLewa img{
max-width: 100%;
width: auto;
}
#baner .slajder .nakladka h1{
font-size: 3vw;
letter-spacing: 3px;
font-weight: 400;
line-height: 1.3em;
margin: 0px;
text-transform: uppercase;
}
#baner .slajder .nakladka h2{
font-size: 5vw;
letter-spacing: 3px;
font-weight: 400;
line-height: 1.3em;
margin: 0px;
text-transform: uppercase;
}
#baner .slajder .nakladka ul {
list-style: none;
padding: 0;
text-align: left;
padding-left: 10vw;
}
#baner .slajder .nakladka ul li {
padding-left: 1.3em;
padding: 0.2vw;
}
#baner .slajder .nakladka ul li:before {
content: "\f05d"; /* FontAwesome Unicode */
font-family: FontAwesome;
display: inline-block;
margin-left: : -1.3em; /* same as padding-left set on li */
width: 1.3em; /* same as padding-left set on li */
}
#baner .slajder .nakladka a{
color: #000;
}
#baner .slajder .nakladka .text-white a{
color: #fff;
}
.banerPrzedKontaktem {
padding-bottom: 5vw;
}
.banerPrzedKontaktemMobil {
padding-bottom: 5vw;
display: none;
}
/*Baner*/
.odstep{
height: 170px;
}
#zawartosc{
width: 100%;
}
.tlo_transparentne {
padding: 0px;
position: relative;
overflow: hidden;
}
.tlo_transparentne .tresc{
margin: 0vw 10vw;
}
.tlo_transparentne h1{
font-family: var(--montserrat);
font-size: 2.2vw;
line-height: 1.2em;
margin: 0px;
padding: 6vw 4vw 2vw 4vw;
color:#000;
font-weight: 600;
text-align: left;
text-transform: uppercase;
}
.tlo_str_glowna{
width: calc(100% - 10vw);
margin: 5vw auto;
}
.tlo_str_glowna img{
max-width: 100%;
}
.tlo_str_glowna .tresc_60{
padding: 1vw 2vw;
width: calc(60% - 4vw);
}
.tlo_str_glowna iframe{
border: 0;
width: 100%;
height: 25vw;
}
.tlo_szare .grid_2{
display: grid;
grid-template-columns:30% 70%;
align-items: center;
}
.tlo_szare .grid_2 aside{
padding: 2vw;
font-size: 1vw;
font-weight: 500;
}
.tlo_szare .grid_2 aside h2{
font-weight: 500;
}
.tlo_szare .grid_2 aside a{
padding-left: 20px;
color: #666666;
text-transform:uppercase;
letter-spacing: 1px;
}
.tlo_szare .grid_2 aside a:hover{
color: var(--kolor-glowny);
padding-left: 30px;
}
.socialMediaHeader{
position: absolute;
right: 3vw;
top: 0px;
}
.socialMedia ul{
list-style: none;
overflow: hidden;
margin:5px;
padding: 0px;
}
.socialMedia ul li{
float: left;
margin-right: 30px;
}
.socialMedia ul li a{
color: #000;
font-size: 16px;
}
.socialMedia ul li a:hover{
color: var(--kolor-glowny);
}
.socialMedia ul li a svg{
padding-right: 3px;
color: var(--kolor-glowny);
font-size: 22px;
}
.tlo_onas{
margin: 0px 5vw;
color: #666666;
font-weight: 400;
}
.tlo_onas h2{
font-size: 2vw;
line-height: 1.1em;
color: #000;
font-weight: 400;
margin: 0px;
margin-bottom: 20px;
text-transform: uppercase;
}
.tlo_onas .tekst{
padding: 4vw;
}
.tlo_onas .tekst a{
display: block;
color: #000;
text-transform:uppercase;
font-size:1.1vw;
letter-spacing: 1px;
padding: 5px;
font-weight: 500;
margin-left: 5px;
}
.tlo_onas .tekst a:hover{
padding-left: 15px;
color: var(--kolor-glowny);
}
.gridPoradnie{
display: grid;
/*grid-template-columns:33.333% 33.333% 33.333%;*/
grid-template-columns: 50% 50%;
grid-row-gap:3vw;
}
.trescP .gridPoradnie{
display: grid;
grid-template-columns:50% 50%;
grid-row-gap:3vw;
}
.ikonaPoradni{
display: block;
}
.ikonaPoradni img{
width: 200px;
float: left;
}
.ikonaPoradni aside{
width: calc(100% - 200px);
float: left;
color: #666666;
font-size: 1.2vw;
font-weight: 400;
}
.ikonaPoradni aside h3{
font-size:2vw;
line-height: 1.1em;
color: #000;
font-weight: 400;
margin-bottom: 20px;
}
/*.ikonaPoradni:hover img{
filter: grayscale(100%);
}*/
.ikonaPoradni:hover aside h3{
color: var(--kolor-glowny);
}
.ikonaPoradni:hover aside{
color: var(--kolor-glowny);
}
ul.kontakt_str{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.kontakt_str li a{
color: #000;
padding: 10px;
display: inline-block;
font-size:1.2vw;
font-weight: 400;
padding-left: 0px;
padding-right: 5px;
}
ul.kontakt_str li a svg{
color: var(--kolor-glowny);
padding-right: 10px;
}
ul.kontakt_str li a:hover{
color: var(--kolor-glowny);
padding-left: 5px;
padding-right: 0px;
}
.tlo_oferta_top {
width: calc(100% - 30px);
margin: 0px auto;
}
.ikonaOferty {
margin-bottom: 45px;
text-align: center;
display: block;
width: 23.4vw;
height: 23.4vw;
margin-left: 1vw;
margin-right: 1vw;
float: left;
position: relative;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.ikonaOferty section {
display: inline-block;
position: relative;
height: 23.4vw;
}
.ikonaOferty_idx {
float: left;
width: 27.3333vw;
height: 27.3333vw;
margin-left: 2vw;
margin-right: 2vw;
}
.ikonaOferty_idx .ikonaOferty {
width: 27.3333vw;
height: 27.3333vw;
margin-left: 0;
margin-right: 0;
}
.ikonaOferty_idx .ikonaOferty section {
height: 27.3333vw;
}
.ikonaOferty .nakladka{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
}
.ikonaOferty section span{
display: block;
position: absolute;
width: 8vw;
left: 0px;
right: 0px;
margin: 0 auto;
height: 10vw;
bottom: -20px;
padding: 10px;
text-transform: uppercase;
color:#fff;
background-image: url(../img/tlo_wiecje.jpg);
background-size: cover;
font-weight: 600;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.ikonaOferty section img{
padding: 0px;
width: 100%;
filter: grayscale(100%);
}
.ikonaOferty h2{
font-family: var(--montserrat);
color:#fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 2.5vw;
text-align: center;
margin-top: 5vw;
}
.ikonaOferty h2 img{
padding-left: 5px;
}
.ikonaOferty:hover .nakladka{
background: rgba(0,0,0,0);
}
.ikonaOferty:hover section img{
filter: grayscale(0%);
}
.ikonaOferty:hover section span{
height: 5vw;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.tlo_g_aktualnosci{
padding-left: calc((100% - 1200px)/2);
border-top: 1px solid #dedede;
}
.tlo_g_aktualnosci .tlo_mieszane{
width: calc(100% - 0vw);
background-color: #fff;
background-size: calc(100% - 20vw) 100%;
background-repeat: no-repeat;
background-position: top right;
color: #fff;
float: left;
padding: 20px 0px;
padding-right: 0vw;
font-size:14px;
}
.tlo_g_aktualnosci .tlo_mieszane h2{
margin:0px;
margin-top: 60px;
color: #c3c3c3;
font-family: var(--montserrat);
font-size: 24px;
letter-spacing:1px;
text-transform:uppercase;
}
.baner_knt {
margin: 15% 6% 10% 6%;
position: relative;
}
#akt_carousel {
width: 1200px;
margin: 0px;
position: relative;
top: 0px;
left: 0px;
z-index: 0;
margin-top: 140px;
}
.akt_slajder {
text-align: center !important;
}
.item-box {
height: auto;
width: calc(600px - 50px);
padding: 25px;
white-space: normal;
text-align: left;
vertical-align: top;
}
.item-box div{
display: block;
height: 300px;
overflow: hidden;
color: #686868;
font-size:12px;
line-height: 1.4em;
font-family: var(--montserrat);
height: 100px;
}
.item-box ul{
width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px;
list-style: none;
margin-bottom: 30px;
}
.item-box ul li{
float: left;
width: 20%;
}
.item-box ul li img{
border-radius: 50%;
width: 80%;
height: auto;
}
#akt_prev {
display: block;
position: absolute;
top: 50%;
z-index: 490;
left: -50px;
cursor: pointer;
font-size: 30px;
color: var(--kolor-pomaranczowy);
opacity: 0.5;
padding:20px;
-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;
}
#akt_next {
display: block;
display: block;
position: absolute;
top: 50%;
z-index: 490;
right: -50px;
cursor: pointer;
font-size: 30px;
color: var(--kolor-pomaranczowy);
opacity: 0.5;
padding:20px;
-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;
}
#prev:hover {
left:10px;
opacity: 0.5;
}
#next:hover {
right:10px;
opacity: 0.5;
}
.tlo_info{
margin-top: 50px;
background-color: var(--kolor-pomaranczowy);
position: relative;
}
.tlo_info .imgCenter{
position: absolute;
height: 100%;
left:0px;
right:0px;
margin:0 auto;
}
.tlo_info .tlo_mieszane{
width: 1400px;
padding: 0px;
}
.tlo_info .tlo_mieszane a{
line-height: 90px;
font-size: 26px;
font-family: var(--montserrat);
text-transform: uppercase;
padding-left: 100px;
color: var(--kolor-glowny);
display: block;
}
.tlo_info .tlo_mieszane .bg_kolor{
background-image: url(../img/tlo_niebieski.jpg);
background-size: calc(100% - 100px);
background-repeat: no-repeat;
background-position: top left;
}
.tlo_info .tlo_mieszane h3{
line-height: 90px;
font-size: 26px;
color: #fff;
font-family: var(--montserrat);
text-align: right;
letter-spacing: 1px;
margin: 0px;
}
.tlo_kontakt{
background-image: url(../img/mapa-centrum-medyczne-kapelanka_08.jpg);
background-position: center center;
background-size: 100% auto;
}
.tlo_kontakt .boxBtn{
position: absolute;
right: 10vw;
bottom: 30px;
display: block;
padding: 5px 30px;
background: #333333;
color: #fff;
text-transform: uppercase;
/*border: 3px solid #333;*/
}
.tlo_kontakt .boxBtn:hover{
background: var(--kolor-glowny);
color: #fff;
}
.trescKontaktu{
margin-left: 10vw;
width: 50%;
max-width: 500px;
background-color: rgba(247,247,247,0.9);
box-shadow: 0px 0px 75px rgba(0,0,0,0.15);
padding: 3vw 5vw;
}
.trescKontaktu h2{
font-size: 2.5vw;
line-height: 1.1em;
color: #000;
font-weight: 500;
margin: 0px;
margin-bottom: 20px;
}
#stopka{
color:#000;
font-size:1vw;
line-height: 1.5em;
background-color:#f5f5f5;
float: left;
width: 100%;
margin-top: 80px;
}
.menuFooter{
width: auto;
margin: 0 auto;
background-color: #fff;
padding: 10px 10vw;
box-shadow: 0px 0px 92px rgba(0,0,0,0.1);
text-transform: uppercase;
font-weight: 400;
}
.menuStopka .wiersz{
padding: 20px 10vw;
}
.menuStopka ul{
display: flex;
padding:0px;
list-style: none;
align-items: center;
}
.menuStopka ul li{
flex: 1;
}
.menuStopka ul a{
display: block;
color: #000;
font-weight: 400;
}
.menuStopka ul a:hover{
color: var(--kolor-glowny);
}
.influencja_knt{
padding-top: 40px;
padding-bottom: 140px;
text-align: center;
}
#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: auto;
height: auto;
}
.menuFooter .do_prawej{
text-align: right;
}
.menuFooter a{
color: #000;
text-transform: none;
}
.menuFooter a:hover{
color: var(--kolor-glowny);
}
.trescP{
padding: 1vw 4vw 3vw 4vw;
}
.trescM{
width: 800px;
overflow: hidden;
margin: 20px auto;
}
.trescM img{
display: block;
float: left;
}
.trescM span{
display: block;
float: left;
color: #bababa;
margin-top: 15px;
}
/*podstrony*/
.tlo_strona {
box-shadow: 0px 30px 30px 0px rgba(0,0,0,0.02);
}
.tlo_strona .naglowek{
width: 100%;
background-color: #fff;
/* background-image: url(../img/baner_kontakt_08.jpg);
background-size: auto 100%;*/
}
.tlo_strona .naglowek {
width: auto;
height: 100%;
align-items: center;
display: flex;
background-image: linear-gradient(to right, #dfdafa 60%, transparent 100%);
}
.tlo_strona .naglowek .trescNaglowka {
width: 100%;
height: 17.5vw;
background-size: auto 100%;
background-position: top right;
background-repeat: no-repeat;
display: flex;
align-items: center;
}
.tlo_strona .naglowek .trescNaglowka section {
padding-left:10vw;
width: 40vw;
}
.tlo_strona .naglowek .trescNaglowka section span{
padding-left:2vw;
display: block;
}
.tlo_strona .naglowek .trescNaglowka section h1 {
color: #000;
font-size: 3.5vw;
line-height: 1em;
margin: 10px 0px;
text-transform: uppercase;
font-weight: 400;
}
.tlo_strona .naglowekMaly .trescNaglowka{
height: auto;
padding: 2vw 0px;
}
.tlo_strona .naglowekMaly .trescNaglowka section {
width: auto;
}
.tlo_strona .naglowekDuzy .trescNaglowka {
height: 27vw;
background-size: cover;
}
.tlo_strona .naglowekDuzy .trescNaglowka section h1 {
font-size:5.5vw;
letter-spacing: 0.5vw;
}
.tlo_strona h2{
color: var(--kolor-glowny);
font-size: 2vw;
line-height: 2.1vw;
font-family: var(--montserrat);
letter-spacing:1px;
margin-bottom: 20px;
font-weight: 500;
}
.tlo_strona h3{
color: var(--kolor-glowny);
font-size: 1.2vw;
line-height: 1.2em;
font-family: var(--montserrat);
text-transform: uppercase;
letter-spacing: 0px;
margin-bottom: 20px;
font-weight: 500;
}
.tlo_strona a{
color: var(--kolor-glowny);
}
.tlo_strona a:hover{
color: var(--kolor-czarny);
}
.tlo_strona .ikonaOferty h2{
color: #fff;
font-size: 2vw;
text-align: center;
margin-top: 5vw;
line-height: 1.1em;
}
.tlo_strona .ikonaOferty:hover .nakladka {
background: rgba(0,0,0,0.2);
}
.tlo_strona ul {
list-style: none;
padding: 0;
text-align: left;
}
.tlo_strona ul li {
padding-left: 1.3em;
}
.tlo_strona ul li:before {
content: "\f18e"; /* FontAwesome Unicode */
font-family: FontAwesome;
display: inline-block;
margin-left: : -1.3em; /* same as padding-left set on li */
width: 1.3em; /* same as padding-left set on li */
color: #000;
}
.tlo_strona ul li a{
color: #000;
padding: 5px;
display: inline-block;
font-weight: 500;
}
.tlo_strona ul li a:hover{
color: var(--kolor-glowny);
padding-left:10px;
}
.tlo_strona ul.sciezka{
overflow: hidden;
margin-top: 0px;
}
.tlo_strona ul.sciezka li {
float: left;
padding-left: 5px;
}
.tlo_strona ul.sciezka li:before {
content: ""; /* FontAwesome Unicode */
width: 0px;
}
.tlo_strona ul.sciezka li a {
font-size:14px;
}
.poradnia h2{
color: #000;
text-transform: uppercase;
font-size: 1.5vw;
letter-spacing: 0px;
font-weight: 500;
display: inline-block;
margin:0px;
}
.zalacznikiBox{
padding: 2vw;
background: #f2f2f2;
margin-top: 5vw;
}
li.plik:before{
display: none !important;
}
.menuSzare{
padding: 2vw 1vw;
background: #f2f2f2;
font-size: 1.1vw;
}
.menuSzare li.zaznaczone a {
color: var(--kolor-glowny);
font-weight: bold;
}
.menuSzare li.zaznaczone:before {
color: var(--kolor-glowny);
}
.wiersz1200{
width: auto;
margin: 2vw 6vw 2vw 6vw;
color: #666666;
overflow: hidden;
}
.wierszKontaktu{
position:relative;
overflow: hidden;
}
.wierszKontaktu .mapaIframe{
position:absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 0;
}
.wierszKontaktu #formularz_knt{
position:relative;
z-index: 1;
margin-right: 10vw;
margin-left: 60vw;
padding:2vw;
background-color: rgba(247,247,247,0.9);
box-shadow: 0px 0px 75px rgba(0,0,0,0.15);
}
.wierszKontaktu .mapaIframe iframe{
width: 100%;
height: 100%;
filter: grayscale(100%);
}
.wierszInfo{
background-color: var(--kolor-pomaranczowy);
overflow: hidden;
}
.wierszInfo img{
height: 90px;
width: auto;
float: left;
}
.wierszInfo div.bg_kolor{
background-image: url(../img/tlo_niebieski.jpg);
background-size: calc(100% - 100px);
background-repeat: no-repeat;
background-position: top left;
width: calc(100% - 100px);
}
.wierszInfo div.bg_kolor h3{
line-height: 90px;
font-size: 26px;
color:#fff;
font-family: var(--montserrat);
text-align: right;
letter-spacing: 1px;
margin: 0px;
}
#formularz_knt{
width: auto;
padding: 2vw;
padding-left: 10vw;
}
#formularz_knt .btn{
float: none;
border:0px;
}
.tlo_strona_akt{
border-top: 1px solid #dedede;
}
.tlo_strona_akt h1{
color: #c3c3c3;
font-size:26px;
font-family: var(--montserrat);
}
.tlo_strona_akt h2{
color: var(--kolor-glowny);
font-size:20px;
font-family: var(--montserrat);
}
.tlo_strona_akt .grid-2{
width: 100%;
overflow: hidden;
}
.tlo_strona_akt .grid-2 .item-box{
width: calc(50% - 50px);
float: left;
}
.tlo_strona a.btn {
color: var(--kolor-glowny);
}
.tlo_strona a.btn:hover {
color: #f0f0f0;
}
.numery {
font-size: 13px;
color: #CCCCCC;
margin-top: 35px;
text-align: center;
padding-top: 10px;
clear: both;
}
.numery a {
margin: 2px;
border: 1px solid #CCC;
text-decoration: none;
display: inline-block;
font-family: var(--montserrat);
text-transform: uppercase;
letter-spacing: 1px;
color: var(--kolor-glowny);
width: auto;
padding: 10px 20px;
background-color:#f0f0f0;
margin-top: 20px;
margin-right: 10px;
border-radius: 20px;
font-size: 12px;
line-height: 12px;
border: 0px;
padding-bottom: 15px;
}
.numery a:hover {
color :#f0f0f0;
background-color: var(--kolor-glowny);
}
.pusty {
margin: 2px;
border: 1px solid #CCC;
text-decoration: none;
display: inline-block;
font-family: var(--montserrat);
text-transform: uppercase;
letter-spacing: 1px;
color: #f0f0f0;
width: auto;
padding: 10px 20px;
background-color:var(--kolor-glowny);
margin-top: 20px;
margin-right: 5px;
border-radius: 20px;
font-size: 12px;
line-height: 12px;
border: 0px;
padding-bottom: 15px;
}
ul.galeria_kolo {
width: 100%;
overflow: hidden;
padding: 0px;
margin: 0px;
list-style: none;
margin-bottom: 30px;
}
ul.galeria_kolo li{
float: left;
width: 20%;
}
ul.galeria_kolo li img{
border-radius: 50%;
width: 80%;
height: auto;
}
.tlo_oferta{
font-size:12px;
}
.listaOferty {
width: 1000px;
margin: 0 auto;
display: grid;
grid-template-columns:auto auto auto;
grid-row-gap: 50px;
margin-top: -50px;
}
.listaOferty h2 {
font-family: var(--montserrat);
color: var(--kolor-glowny);
text-transform: uppercase;
letter-spacing: 1px;
font-size: 24px;
text-align: center;
margin-top: 50px;
}
.tlo_szare{
background-color: #f3f3f3;
overflow: hidden;
}
.listaFirm{
display: flex;
}
.listaFirm img{
flex:1;
padding: 20px;
filter: grayscale(100%);
opacity: 0.6;
}
.listaFirm img:hover{
opacity: 1;
filter: grayscale(0%);
}
.listaOfertyMini {
width: auto;
margin: 0 auto;
display: block;
}
.ikonyMini{
overflow: hidden;
width: 100%;
}
.ikonyMini .ikonaOferty{
width: calc(33.333% - 10px);
float: left;
margin:5px;
}
.ikonyMini .ikonaOferty section img {
padding: 10px;
max-width: calc(100% - 30px);
}
.listaOfertyMini h2 {
font-family: var(--montserrat);
color: var(--kolor-glowny);
text-transform: uppercase;
letter-spacing: 1px;
font-size: 18px;
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
}
.infoBox{
margin-top: 50px;
margin-bottom: 50px;
}
.infoBox h2{
color: #000;
}
.grafikaInfo{
position:relative;
width: calc(40% - 200px);
padding: 0px 100px 0px 100px;
}
.grafikaInfo img{
border-radius: 50%;
position: absolute;
width: 150px;
top: 0px;
left: 0px;
z-index: 1;
}
.grafikaInfo span {
position: absolute;
display: block;
line-height: 150px;
font-size: 60px;
color: #fff;
z-index: 2;
width: 150px;
text-align: center;
left: 0px;
text-shadow: 0px 0px 20px rgb(0, 0, 0);
font-family: var(--montserrat);
}
.grafikaInfo hr {
margin-top: 75px;
}
/*podstrony*/
/*MAIN*/
.lable{
color: #c3c3c3;
}
.has-error {
color: #cc0000 !important;
}
.validationMessage {
}
.formBtn {
font-family: var(--montserrat);
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
font-size: 16px;
color: #fff;
cursor: pointer;
-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;
cursor: pointer;
background-color: #c19b76;
text-transform: uppercase;
border: none;
}
.formBtn:hover, .offer-item:hover .formBtn {
background-color: #fff;
color: #c19b76;
-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;
}
.formInput {
font-family: var(--montserrat);
font-size: 1vw;
color: #000000;
width: calc(100% - 2px - 2vw);
margin-bottom:10px;
border: 1px solid #e1e1e1;
padding: 1vw;
margin: 0;
border-width: 1px;
border-style: solid;
border-radius: 0.15rem !important;
transition: border .3s ease;
box-shadow: rgba(0, 0, 0, 0.06) 0 0.5rem 1rem -0.26rem;
font-weight: 400;
}
.formTextarea {
height:100px;
}
.inputTextBlad {
color: #cc0000;
display: block;
}
.formBtn {
font-family: var(--montserrat);
padding-top: 5px;
padding-right: 50px;
padding-bottom: 5px;
padding-left: 50px;
font-size: 14px;
line-height: 26px;
font-weight: 400;
color:#fff;
cursor: pointer;
text-transform: uppercase;
background:#000;
height: 100%;
width: 100%;
font-weight: 500;
letter-spacing: 1px;
}
.formBtn:hover {
background-size: 150% 150%;
background-position: top right;
color: #000;
-webkit-transition: 200ms linear;
-moz-transition: 200ms linear;
-o-transition: 200ms linear;
-ms-transition: 200ms linear;
transition: 200ms linear;
}
.formInputInfo{
color: #808080;
padding:15px;
text-align: center;
font-size:32px;
width: calc(100% - 30px);
font-weight: 300;
border:0px;
}
.wierszFull{
width: 100%;
padding:0px;
margin:0px;
overflow: hidden;
}
.wierszFull .kol_2{
width: 50%;
float: left;
}
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: 1%;
width: 23%;
text-align: center;
padding: 0px;
}
ul.galeria li:before {
display: none !important
}
ul.galeria li:nth-child(4n+1) {
clear:both;
}
ul.galeria li img {
width:100%;
height:auto;
cursor:pointer;
}
ul.galeria li img:hover {
box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}
.btn{
font-family: var(--montserrat);
text-transform: uppercase;
letter-spacing: 1px;
color: var(--kolor-glowny);
width: auto;
padding: 5px 30px;
background-color: #f0f0f0;
float: left;
margin-top: 20px;
margin-right:10px;
border-radius:20px;
font-size: 12px;
line-height: 16px;
padding-bottom: 15px;
}
.btn:hover{
background-color: var(--kolor-glowny);
color: #f0f0f0;
}
.btn_kolor{
width: auto;
border:3px solid var(--kolor-glowny);
background: var(--kolor-glowny);
color: #fff;
text-transform: uppercase;
padding: 10px 30px;
display: inline-block;
text-align: center;
margin-top: 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;
cursor: pointer;
}
.btn_kolor:hover{
padding-left: 40px;
}
.text-right{
text-align: right;
}
#do_gory {
display: none;
position: fixed;
bottom: 20px;
right: 5vw;
z-index: 999;
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;
max-width: 150px;
padding: 20px;
font-size: 30px;
color: #fff;
background:var(--kolor-szary);
border-radius: 50%;
width: 30px;
text-align: center;
}
#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;
bottom: 30px;
}
#telefon {
display: none;
position: fixed;
bottom: 110px;
right: 5vw;
z-index: 999;
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;
max-width: 150px;
padding: 20px;
font-size: 30px;
color: #fff;
background:#404040;
border-radius: 50%;
width: 30px;
text-align: center;
background: var(--kolor-glowny);
}
#telefon: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;
bottom: 120px;
}
#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 {
text-align: center;
background-color: #fff;
background-color: rgba(255,255,255,1);
position: fixed;
z-index: 9998;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #666666;
font-size: 13px;
}
#ladowanie img{
width: 50px;
}
.wierszKolumn, .wierszKolumn2
{
display: flex;
align-items: center;
}
.kolumnaLewa {
width: 47%;
padding-right: 3%;
float: left;
}
.kolumnaPrawa {
width: 47%;
float: left;
padding-left: 3%;
}
.kolumnaLewa img, .kolumnaPrawa img {
max-width: 100%;
height: auto;
}
.koniecKolumn {clear: both;}
.kolumnaLewa .tresc{
padding: 5vw;
}
/** 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: #000;
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);
}
table {
border-collapse: collapse;
width: calc(100% - 10vw);
border-top: 0px;
margin: 1vw 5vw;
}
th, td {
padding: 10px;
text-align: left;
border-bottom: 1px solid #ddd;
}
tr:hover {
background: #ddd;
}
/** 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 **/
/** Menu mobilne **/
.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}}