@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap');

body { background: #fff; font-family: 'Source Sans Pro', sans-serif;font-size: 20px;color: #545C68}
h2, h3, h4, h5, h6 {
	font-weight: 700;
	color: #545C68;
	text-align: center;
}
h1 {color: #545C68;font-style: normal;text-transform: uppercase;padding: 25% 0 5% 0;font-size: 45px;line-height: 1; text-align:left;}
p {	font-size: 20px;font-style: normal;line-height: normal;font-weight: normal;text-align: center;}
a { text-decoration:none;}
#top {background-image: url(https://bezpiecznie-rowerem.pl/site/site/img/blur.png);background-repeat: no-repeat;background-size: contain;background-attachment: scroll;background-position: 100%;width: 100%;height: 780px;}

.top {display: block;float: left;position: relative;padding: 10% 0 0 13%;line-height: 1.7;}

.top p {text-align: left !important;
text-transform: uppercase;
font-size: 25px;
padding: 0;
line-height: 1.5;}

.logo {position: relative;width: 415px;height: 57px;background: url(https://bezpiecznie-rowerem.pl/site/site/img/logoBR2.png);padding: 0 0 5% 0;}

header p {font-size: 25px;font-style: normal;line-height: 31px;font-weight: 400;text-transform: uppercase;color: #545C68;}
.logo-partnera {margin-top: 75px;}
content {width: 100%;display: block;margin: 0 auto;}
#info1 {width: 74%;margin: 0 auto;padding: 110px 0 0;}

.ubezpieczenie {margin: 75px auto;display: block;position: relative;width: 280px;height: 62px;color: #fff;background-color: #009DDE;border: 1px solid #000;border-radius: 50px;font-size: 20px;}

#oferta {margin: 120px 0;display: block;position: relative;}
.btn-ubezp{margin: 0 auto;display: block;padding: 116px 0 58px 0;}
.cta1 {text-align: center;background-color: #eef6fb;display: block;position: relative;padding: 50px 0;}
.cta1 h2 {line-height: 1.7;letter-spacing: 2pt;}
#bloki {margin: 200px auto;display: block;position: relative;width: 74%;}
#blok {width: 25%;padding: 0 1% 0 0;position: relative;display: block;float: left;}
.blok {background-color: #009DDE;margin-bottom:15px;}
.blok img {width: 100%;}
.blok h3 {margin-top: -15%;color: #fff;text-align: center;}
.blok .text {margin: auto 0;display: block;height: 190px;position: relative;width: auto;}
.t1 {margin: 0 auto;padding: 6% 0;}
.t2 {margin: 0 auto;padding: 12% 0;}
.t3 {margin: 0 auto;padding: 12% 0;}
.t4 {margin: 0 auto;padding: 17% 0;}
.blok .text p {color:#fff;}
.blok-btn {background-color: #009DDE;color: #fff;text-align: center;padding: 19px;height: 96px;display: block;}
#bloki > div:nth-child(1) > div:nth-child(2) > strong:nth-child(1), #bloki > div:nth-child(2) > div:nth-child(2) > strong:nth-child(1), #bloki > div:nth-child(4) > div:nth-child(2) > strong:nth-child(1){margin-top: 15px;display: block;}
#ubezpieczenia {display: inline-block;width: 100%;margin: 0 auto;}
.ubezpieczenia-tabele-desktop {}
#ubezpieczenia-mobile { display:none !important;}
#nnw, #oc, #casco, #bagaz {width: 74%;margin: 0 auto;}
#ubezpieczenia h2 {padding: 120px 0 30px 0;text-align: center;letter-spacing: 3pt;}
span {color:#009DDE !important;}

.tabelka{ width: 100%;margin-bottom: 1%;border-collapse: separate;border: 2px solid #009dde;border-radius: 15px;border-spacing: 0px;max-width:99%;}

.tabelka td ul {padding:0;}
.tabelka td ul li {margin-left: 5%;font-size: 18px; text-align:left;}
.tabelka h5 {font-size: 18px;text-align: center;}
.tabelka tr:nth-child(1) > td:nth-child(1) {border-bottom: 2px solid #009dde;}
.tabelka tr:nth-child(1) > td:nth-child(2), #nnw > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2),
#oc > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(2),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(2),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(1),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(1),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(6) > td:nth-child(1),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(6) > td:nth-child(2),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(7) > td:nth-child(1),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(8) > td:nth-child(1),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(8) > td:nth-child(2),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(9) > td:nth-child(1),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(10) > td:nth-child(1),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(11) > td:nth-child(1),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(11) > td:nth-child(2),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(12) > td:nth-child(1),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(13) > td:nth-child(1),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(13) > td:nth-child(2),
#bagaz > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2){border-bottom: 2px solid #009dde;}
.tabelka tr:nth-child(2) > td:nth-child(1), #casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1), 
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(6) > td:nth-child(1), 
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(8) > td:nth-child(1), 
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(11) > td:nth-child(1),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(13) > td:nth-child(1) {
	text-align: center;
}
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(1),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(7) > td:nth-child(1),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(10) > td:nth-child(1),
#casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(12) > td:nth-child(1) { text-align:center;}
.tabelka td,th {font-family: "Source Sans Pro", sans-serif;font-size: 18px;	color: #545C68;padding: 10px 12px;text-align: left;vertical-align: middle;}
.cent{ text-align:center;margin:0 30% !important;}
.tabelka .tab-center ul li { text-align:center !important;}
#info2 {margin-top: 120px; display:inline-block;width:100%;}
.info2 {margin: 120px 20% 0;}
.jak1, .jak2, .jak3 {padding: 0 0 50px 0;}
.ico {display: block;float: left;width: 13%;}
.jak1 .ico img, .jak2 .ico img {float: left;padding: 0 84px 0 0px;}
.jak3 .ico img {float: left;padding: 0 50px 20px 0px;}
.jak1 .str, .jak2 .str, .jak3 .str {display: block;width: 87%;}
.jak1 .str h3, .jak2 .str h3, .jak3 .str h3 {font-size: 30px;line-height: 1;}
.jak1 .str p, .jak2 .str p, .jak3 .str p {text-align: left !important;}
.regulaminy {text-align: center;}
ul.open {
  list-style: none !important;
  display: flex;
  justify-content: space-between;
  margin: 0 12%;
padding: 20px 0;
border-top: 1px solid;
}
ul.open li {
  margin-bottom: 15px !important;line-height: 24px !important;
}
.open a {
  padding-top: 7px;
  padding-right: 17px;
  padding-bottom: 7px;
  padding-left: 17px;
  border-radius: 3px;
  font-size: 18px;
  text-transform: uppercase !important;
  color: #545C68 !important;
  list-style: none !important;
}


@media (max-width: 576px) {
#top {background-image: url(../img/mobile1.jpg);background-size: cover;margin: 0 auto 40px !important;height: 538px !important;padding: 25px 0 !important;}
.top {
  display: block;
  float: left;
  position: relative;
  padding: 10% 0 0 0 !important;
  line-height: 1.7;
}
.top {
    display: block;
    float: none !important;
    position: relative;
    padding: 0 !important;
    max-width: 100%;
    width: 100%;
}	
.logo {
    position: relative;
    width: 100% !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: block !important;
}

#ubezpieczenia { display:none !important;}
#ubezpieczenia-mobile {display: block !important;margin: 0 12% 0 !important;}
#ubezpieczenia-mobile h2 {
    margin: 30px !important;
}

.tabe1ka  {text-align: center !important;padding: 25px 0 !important;}
.tabelka tr:nth-child(1) > td:nth-child(1) {
  border-bottom: 2px solid #009dde !important;
  border-right: none !important;
}
#nnw-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1), #oc-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1),#casco-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1), #casco-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(6) > td:nth-child(1), #casco-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(9) > td:nth-child(1), #casco-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(11) > td:nth-child(1), #casco-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(14) > td:nth-child(1), #bagaz-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1) { border-bottom:2px solid #009dde !important; border-top:2px solid #009dde !important;text-align:center !important;} 
#casco-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(1), #casco-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(7) > td:nth-child(1), #casco-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(12) > td:nth-child(1) { border-bottom:2px solid #009dde !important;text-align:center !important;}
#casco-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(16) > td:nth-child(1){ border-top:2px solid #009dde !important;}
.tabelka tr:nth-child(2) > td:nth-child(1), #casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1), #casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(6) > td:nth-child(1), #casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(8) > td:nth-child(1), #casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(11) > td:nth-child(1), #casco > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(13) > td:nth-child(1) {
  border-right: none !important;
  text-align: left !important;
}
#casco-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(1), #casco-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(8) > td:nth-child(1), #casco-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(10) > td:nth-child(1), #casco-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(13) > td:nth-child(1), #casco-mobile > table:nth-child(2) > tbody:nth-child(1) > tr:nth-child(15) > td:nth-child(1) { border-right:2px solid #009dde !important;}
.cent {
    margin: 0px 25% !important;
}
h1 {
  color: #545C68;
  font-style: normal;
  text-transform: uppercase;
  padding: 10% 0 5% 0 !important;
  font-size: 36px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  max-width: 50% !important;
  margin: 0 auto !important;
}
.top p {
  text-align: center !important;
  text-transform: uppercase;
  font-size: 25px;
  padding: 0 !important;
  line-height: 1.5 !important;
  max-width: 60% !important;
  margin: 0 auto !important;
}
.logo img {
    width: 80% !important;
    margin: 0 auto !important;
    display: block !important;
}
.logo-partnera {
  margin: 30px auto !important;
  max-width: 78% !important;
}

#bloki {
  margin: 92px auto !important;
  display: block;
  position: relative;
  width: 74%;
}
#blok {
  width: 100%;
  padding: 0 1% 30px 0 !important;
  position: relative;
  display: block;
  float: left;
}
.blok .text {
  margin: 0 auto;
  display: block;
  height: auto !important;
  position: relative;
  width: auto;
  max-width: 76% !important;
}

.btn-ubezp {
  margin: 0 auto;
  display: block;
  padding: 0 0 40px 0 !important;
  max-width: 280px;
}

.ico {
    display: inline-block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 auto !important;
    position: relative !important;
}
.jak1 .ico img, .jak2 .ico img, .jak3 .ico img {
  margin: 0 auto !important;
  display: block !important;
  float: none !important;
  padding: 0 !important;

}
.jak1 .str h3, .jak2 .str h3, .jak3 .str h3 {
    font-size: 30px;
    line-height: 1.5 !important;
    text-align: center !important;
}
.jak1 .str, .jak2 .str, .jak3 .str {
    display: block;
    width: 100% !important;
}

.jak1 .str p, .jak2 .str p, .jak3 .str p {
    text-align: center !important;
}

.info2 {
    margin: 60px 12% 0 !important;
	margin-top: 60px !important;
}

.cta1 h2 {
    line-height: 1.5 !important;
    letter-spacing: 2pt;
    font-size: 26px !important;
    padding: 0 12% !important;
}
#info1 {
    width: 74%;
    margin: 0 auto;
    padding: 70px 0 0 !important;
}

ul.open {display: block !important;}

}