@media only screen and (max-width: 1219px) {
#calc .container,
#podzienkowania .container {
width: calc(100% - 40px);
}
#zb_urazow .box_uraz {
padding: 0 0 30px;
}
.box_uraz .tytul {
font: 20px/24px 'GT Walsheim', sans-serif;
}
#calc select {
font: 300 15px/24px 'Roboto', sans-serif;
width: 460px;
}
#calc .next {
right: 20px;
}
#podzienkowania .next {
right: 0;
}
#calc .previous {
left: 20px;
}
#podzienkowania .previous {
left: 0;
}
#calc .zb_input div input {
font: 300 15px/24px 'Roboto', sans-serif;
}
#stopka .container {
width: calc(100% - 40px);
}
#fixed_polityka {
width: calc(100% - 100px);
padding: 40px;
}
}
@media only screen and (max-width: 1023px) {
#calc, #podzienkowania {
padding-top: 60px;
}
#calc .btn, #podzienkowania .btn {
font: 700 15px/15px 'PT Sans', sans-serif;
}
#calc .btn {
bottom: 30px;
}
#calc .previous, #podzienkowania .previous {
padding: 14px 18px 14px 48px;
}
#calc .next, #podzienkowania .next {
padding: 14px 48px 14px 18px;
}
#calc .previous .male_kolko, #podzienkowania .previous .male_kolko {
left: 15px;
}
#calc .next .male_kolko, #podzienkowania .next .male_kolko {
right: 15px;
}
#calc h1, #podzienkowania h1 {
margin: 0 0 35px;
}
#calc .container h1,
#podzienkowania .container h1 {
font: 24px/24px 'GT Walsheim', sans-serif;
}
#calc .container p,
#podzienkowania .container p {
font: 300 16px/28px 'Roboto', sans-serif;
}
#calc .kategoria {
font: 32px/36px 'GT Walsheim', sans-serif;
margin: 0 0 35px;
}
#calc .kategoria_2 {
font: 24px/26px 'GT Walsheim', sans-serif;
margin: 0 0 16px;
}
#calc .calc_center .t_maly {
font: 700 16px/24px 'Poppins', sans-serif;
}
#calc .calc_center {
padding: 0 0 30px;
}
#calc .pasek_szary {
top: 19px;
height: 14px;
}
#calc .box_postep {
margin: 0 0 40px;
}
#calc .box_postep .kolko {
margin: 0 0 12px;
font: 22px/22px 'GT Walsheim', sans-serif;
height: 50px;
width: 50px;
}
#calc .box_postep .nazwa {
font: 14px/18px 'GT Walsheim', sans-serif;
margin: 0 7px;
}
#calc .calc_down {
padding: 35px 0 100px;
}
#calc .calc_down p {
margin: 0 0 35px;
}
#zb_urazow .box_uraz {
padding: 0 0 20px;
margin: 0 auto 35px;
}
.box_uraz .kolko {
width: 70px;
height: 70px;
margin: 0 0 15px;
}
.box_uraz .kolko svg {
width: 50px;
}
.box_uraz .tytul {
font: 16px/20px 'GT Walsheim', sans-serif;
height: 60px;
margin: 0 0 15px;
}
#calc select {
height: 44px;
padding: 0 42px 0 15px;
}
#calc .apn-select::before {
width: 42px;
height: 42px;
}
#calc .apn-select::after {
right: 13px;
}
#calc .zb_radio {
width: 100%;
margin: 10px 0 0;
}
.wpcf7-list-item-label {
margin: 0 0 20px;
padding: 0 0 0 40px;
font: 300 15px/26px 'Roboto', sans-serif;
}
.radio-span {
width: 22px;
height: 22px;
}
.calc_center .tytul {
font: 20px/22px 'GT Walsheim', sans-serif;
margin: 0 0 25px;
}
.calc_center .wykrzyknik_lewy {
left: 30px;
}
.calc_center .wykrzyknik_prawy {
right: 30px;
}
.calc_center .uwaga {
font: 300 15px/26px 'Roboto', sans-serif;
padding: 12px 75px;
}
.calc_center .uwaga span {
font: 500 16px/26px 'Roboto', sans-serif;
}
.calc_center .kwota_wyceny {
font: 34px/34px 'GT Walsheim', sans-serif;
}
.calc_center .arrow_poziom {
width: 17px;
}
.calc_center .arrow_lewy {
animation: ani_arrow_lewy 2s ease-in-out infinite;
}
.calc_center .arrow_prawy {
animation: ani_arrow_prawy 2s ease-in-out infinite;
}
@keyframes ani_arrow_lewy {
50% {
left: 60px;
}
}
@keyframes ani_arrow_prawy {
50% {
right: 60px;
}
}
#calc .tekst_wybierz_2 {
margin: 0 8% 20px;
}
#calc .zb_input {
margin: 5px 0 30px;
}
#calc .zb_input div {
width: 40%;
}
#calc .zb_input div:first-of-type {
margin: 0 40px 0 0;
}
#calc .zb_input .tekst_label {
font: 300 15px/15px 'Roboto', sans-serif;
}
#calc .zb_input div input {
height: 44px;
padding: 8px;
}
#podzienkowania .calc_down {
padding: 40px 0;
}
#podzienkowania .calc_center {
padding: 40px 0 50px;
}
#podzienkowania .calc_center .tytul {
font: 32px/40px 'GT Walsheim', sans-serif;
margin: 0 0 25px;
}
#podzienkowania .calc_center .tekst {
font: 300 16px/28px 'Roboto', sans-serif;
}
#podzienkowania .calc_center .tekst span {
font: 500 16px/28px 'Roboto', sans-serif;
}
}
@media only screen and (max-width: 599px) {
.box_uraz .btn_oblicz {
padding: 4px 10px;
}
.box_uraz .btn_oblicz .tekst {
font: 12px/18px 'GT Walsheim', sans-serif;
}
.box_uraz .arrow_poziom {
width: 6px;
margin: 0 0 0 2px;
}
.box_uraz .male_kolko {
width: 15px;
height: 15px;
margin: 0 0 0 8px;
}
#calc .apn-select .wpcf7-form-control-wrap::after {
top: 41%;
}
#komunikat .container {
width: 100%;
}
#calc, #podzienkowania {
padding-top: 25px;
}
#calc .container p, #podzienkowania .container p {
font: 300 13px/20px 'Roboto', sans-serif;
text-align: left;
}
#calc .container h1, #podzienkowania .container h1 {
font: 14px/18px 'GT Walsheim', sans-serif;
margin: 0 0 10px;
}
#calc h1, #podzienkowania h1 {
margin: 0 0 40px;
}
#calc .tekst_postepu, #podzienkowania .tekst_postepu {
font: 14px/14px 'GT Walsheim', sans-serif;
}
#podzienkowania .calc_center {
padding: 30px 0 35px;
}
#podzienkowania .calc_center .tytul {
font: 26px/32px 'GT Walsheim', sans-serif;
margin: 0 0 20px;
}
#podzienkowania .calc_center .tekst {
font: 300 14px/24px 'Roboto', sans-serif;
margin: 0 0 15px;
}
#podzienkowania .calc_center .tekst span {
font: 500 14px/24px 'Roboto', sans-serif;
}
#podzienkowania .calc_down {
padding: 30px 0;
}
#calc .btn, #podzienkowania .btn {
font: 700 14px/14px 'PT Sans', sans-serif;
}
#calc .btn:hover, #podzienkowania .btn:hover {
text-decoration-thickness: 1px;
}
#podzienkowania .calc_down .container {
flex-direction: column;
}
#podzienkowania .previous {
margin: 0 0 25px;
}
#calc .kategoria {
font: 26px/32px 'GT Walsheim', sans-serif;
margin: 0 0 25px; }
#calc .kategoria_2 {
font: 20px/24px 'GT Walsheim', sans-serif;
margin: 0 0 25px;
}
#calc .calc_center .t_maly {
font: 700 15px/20px 'Poppins', sans-serif;
}
#calc .calc_center .tooltip {
margin: 0 0 0 8px;
}
#calc .box_postep {
margin: 0 0 30px;
}
#calc .box_postep .nazwa {
display: none;
}
#calc .box_postep .kolko {
margin: 0;
height: 42px;
width: 42px;
font: 18px/20px 'GT Walsheim', sans-serif;
}
#calc .pasek_szary {
top: 16px;
height: 12px;
}
#calc .krok_kategoria {
margin: 3px 0 0 0;
display: block;
}
#calc .calc_down {
padding: 25px 0 90px;
}
#calc .calc_down p {
margin: 0 0 30px;
}
#zb_urazow {
justify-content: space-between;
}
#calc .naglowek_2 {
font: 20px/20px 'GT Walsheim', sans-serif;
margin: 0 0 25px;
}
#zb_urazow .box_uraz {
padding: 0 0 15px;
margin: 0 0 30px;
width: 30%;
}
.box_uraz .tytul {
font: 14px/16px 'GT Walsheim', sans-serif;
height: 48px;
margin: 0 0 10px;
}
.box_uraz .btn_oblicz .tekst {
font: 13px/20px 'GT Walsheim', sans-serif;
}
.box_uraz .male_kolko,
.box_uraz:hover .male_kolko {
margin: 0 0 0 10px;
}
.box_uraz .kolko {
width: 60px;
height: 60px;
margin: 0 0 10px;
}
.box_uraz .kolko svg,
.box_uraz .kolko img {
width: 36px;
}
#calc .apn-select {
width: 100%;
}
#calc select {
height: 40px;
padding: 0 36px 0 10px;
width: 100%;
font: 300 14px/22px 'Roboto', sans-serif;
}
#calc .apn-select::before {
width: 38px;
height: 38px;
}
#calc .apn-select::after {
right: 10px;
}
#calc .zb_radio {
margin: 0;
}
.radio-span {
width: 20px;
height: 20px;
}
input[type="radio"]:checked + .radio-span:after {
width: 8px;
height: 8px;
}
.wpcf7-list-item-label {
margin: 0 0 15px;
padding: 0 0 0 30px;
font: 300 14px/22px 'Roboto', sans-serif;
}
.calc_center .tytul {
font: 18px/20px 'GT Walsheim', sans-serif;
margin: 0 0 20px;
}
.calc_center .wykrzyknik {
height: 34%;
}
.calc_center .wykrzyknik_lewy {
left: 10px;
}
.calc_center .wykrzyknik_prawy {
right: 10px;
}
.calc_center .uwaga {
font: 300 13px/18px 'Roboto', sans-serif;
padding: 8px 32px;
}
.calc_center .uwaga span {
font: 500 13px/18px 'Roboto', sans-serif;
}
.calc_center .kwota_wyceny {
font: 30px/30px 'GT Walsheim', sans-serif;
}
.calc_center .arrow_poziom {
width: 12px;
}
.calc_center .arrow_lewy {
animation: ani_arrow_lewy 1.3s ease-in-out infinite;
}
.calc_center .arrow_prawy {
animation: ani_arrow_prawy 1.3s ease-in-out infinite;
}
@keyframes ani_arrow_lewy {
0%, 100% {
left: -15px;
}
50% {
left: -5px;
}
}
@keyframes ani_arrow_prawy {
0%, 100% {
right: -15px;
}
50% {
right: -5px;
}
}
#calc .calc_center {
padding: 0 0 27px;
}
#calc .tekst_wybierz_2 {
margin: 0 0 20px;
font: 15px/20px 'GT Walsheim', sans-serif;
}
#calc .tekst_wybierz_2 .grubosc {
font: 300 14px/20px 'Roboto', sans-serif;
}
#calc .zb_input {
margin: 0;
}
#calc .zb_input div {
width: 100%;
margin: 0 0 15px;
}
#calc .zb_input div:first-of-type {
margin: 0 0 20px;
}
#calc .zb_input .tekst_label {
font: 300 14px/14px 'Roboto', sans-serif;
padding: 0 0 7px;
}
#calc .zb_input div input {
height: 40px;
font: 300 14px/20px 'Roboto', sans-serif;
margin: 0;
}
#calc .btn {
bottom: 25px;
}
#calc .tekst_podpis {
font: 16px/20px 'GT Walsheim', sans-serif;
}
#fixed_uwaga.open {
top: 140px;
}
#fixed_uwaga {
width: 320px;
padding: 25px 20px;
border-radius: 10px;
}
#fixed_uwaga .ico_krzyzyk {
position: absolute;
top: 5px;
right: 5px;
width: 25px;
}
#fixed_uwaga .uwaga {
color: #fff;
text-align: center;
font: 300 12px/18px 'Roboto', sans-serif;
}
#fixed_uwaga .uwaga span {
font: 500 14px/18px 'Roboto', sans-serif;
}
#podzienkowania .link_tel img {
width: 46px;
margin: 0 6px;
}
#podzienkowania .link_tel .tekst_maly {
font: 500 14px/24px 'Roboto', sans-serif;
}
#podzienkowania .link_tel .tekst_duzy {
font: 500 24px/24px 'Roboto', sans-serif;
}
#fixed_polityka {
width: 90vw;
padding: 35px 15px 20px;
border-radius: 15px;
}
#fixed_polityka .ico_krzyzyk {
position: absolute;
top: 5px;
right: 5px;
width: 25px;;
}
#fixed_polityka h2 {
font: 26px/26px 'GT Walsheim', sans-serif;
margin: 0 0 20px;
}
#fixed_polityka h3 {
font: 20px/22px 'GT Walsheim', sans-serif;
margin: 18px 0 10px;
}
#fixed_polityka p, #fixed_polityka li, #fixed_polityka a {
font: 300 13px/18px 'Roboto', sans-serif;
color: #fff;
}
#fixed_polityka p, #fixed_polityka li {
margin: 0 0 5px;
}
#fixed_polityka ul {
margin: 0 0 15px;
}
#stopka {
padding: 15px 0;
}
#calc .calc_down .tekst_zwijany {
overflow: hidden;
height: 40px;
transition: all 0.3s;
margin: 0;
}
#calc .calc_down .tekst_zwijany.open {
height: auto;
}
.calc_down .mobile {
display: flex;
}
.tekst_podpis2 {
font: 300 12px/18px 'Roboto', sans-serif !important;
text-align: center;
}
}