@font-face {
    font-family: Kelson;
    src: url("../fonts/Kelson Sans Regular.otf") format("opentype");
}

@font-face {
    font-family: Kelson;
    font-weight: bold;
    src: url("../fonts/Kelson Sans Bold.otf") format("opentype");
}

@font-face {
    font-family: Kelson;
    font-weight: 100;
    src: url("../fonts/Kelson Sans Light.otf") format("opentype");
}


body{
	background: #fff;
	background-size:cover;
	width: 100%; 
	height:100%;
	height:100vh;	
    font-family: 'Lato', sans-serif;
}
input{border-radius:0px;}

.header{
	text-align:center;
	min-height:100px;
	line-height:100px;
	background-color:#fff;
	font-size: 2em;
	color:#004fa2;
	letter-spacing:.05em;
}

form{display:block;}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.boxy-group {
	margin-top:80px;
	color:#fff;
	margin-bottom:180px;
	display: block;
	display: flex;
}

.box-brown {
	background-blend-mode: multiply;
	background-color:rgba(129,86,69,.7);
	border-radius: 20px 0px 0px 20px;
	padding:25px 20px 30px 60px;
	
	font-size: 1.3em;
}
.box-brown a{color:#fff; text-decoration:underline;}
.box-brown a:hover{color:#eee; text-decoration:underline;}

.box-blue-wrapper{background-blend-mode: multiply; background-color:rgba(129,86,69,.7);}

.box-blue{background-blend-mode: multiply; background-color:#004da2; border-radius: 20px 0px 0px 20px; padding:25px 20px 30px 30px; font-family: 'PT Sans Narrow', sans-serif; box-sizing:border-box;  }
.box-blue input{margin-top:5px; border-radius:0px; font-size:1.3em;}

.box-bigger-font{font-size:27px; font-family: Kelson; line-height:1.2em;}
.box-big-font{font-size:23px;font-family: Kelson; line-height:1.2em;}

.btn-submit{background:#64d4ff; border-radius:0px; color:#004da2; font-size:1.5em; float:right; font-family: Kelson; padding:5px 20px;}
.btn-submit:hover{opacity:.8;}

.footer{position:fixed; bottom:0px; background-color:#004da2; width:100%; padding:10px 10px; color:#fff; font-family: 'PT Sans Narrow', sans-serif; font-size:1.1em;}
.footer a{color:#fff; text-decoration:none;}
.footer a:hover{color:#eee; text-decoration:underline;}

.navbar-collapse {background: #eeefe7;}

.svg {box-shadow: 0 0 50px rgba(0,0,0,0.15); border-radius: 90%; width: 510px;}
.ikony_kolo {position: absolute; top: 0; left: 0;}
.kolko_logo_toil {position: absolute; top: 155px; left: 192px; text-align: center; line-height: 200px; background: #fff; width: 200px; height: 200px; border-radius: 90%; box-shadow:  inset 0 0 40px rgba(0,0,0,0.1);}
.kolko_hiv {position: absolute; top: 363px; left: 163px;}
.kolko_plaster {position: absolute; top: 220px; left: 85px;}
.kolko_money {position: absolute; top: 70px; left: 345px;}
.kolko_stetoscope {position: absolute; top: 70px; left: 165px;}
.kolko_travel {position: absolute; top: 363px; left: 345px;}
.kolko_mlot {position: absolute; top: 220px; left: 430px;}

.kolo_svg {display: none;}
.kolo_svg {padding: 100px 0 150px 0;}
.kolo_svg h3 {color: #353535; background: url('../img/dotted.png') no-repeat; font-weight: 500; border-bottom: none; font-size: 21px; line-height: 150%; text-transform: none; margin: 50px 0;}
.kolo_lewe_p {padding-top: 20px;}
.kolo_lewe_p h3 {background-position: bottom right; text-align: right; margin: 30px 0 100px 0;}
.kolo_prawe_p {padding-top: 20px;}
.kolo_prawe_p h3 {background-position: bottom left; text-align: left; margin: 30px 0 100px 0;}
.kolo_svg .col-md-6 {text-align: center;}

.jumbotron_dla_lekarzy {background: url('../img/start_doctor_banner.jpg') no-repeat center center; width: 100%; margin-bottom: 150px;}
.jumbotron_dla_lekarzy h2 {text-align: center; color: #333; font-size: 180%; border: none; line-height: 150%; padding: 80px 0;}
.jumbotron_dla_lekarzy h2 span {font-size: 100%;}
.jumbotron_dla_lekarzy h2 b {font-size: 150%;}

.nagl_bann {width: 100%; height: 400px; margin-bottom: 40px;}
.jumbotron_ubezp  {background: url('../img/banner_dla_lekarzy.jpg') no-repeat center center;}
.nagl_bann h2 {display: flex; flex-wrap: wrap; color: #333; font-weight: 900; font-size: 30px; line-height: 116px; min-height: 116px; border-left: 4px dotted #b08572; padding: 0 0 0 80px; margin: 110px 0 0 60px;}
.nagl_bann h2 span {border: 2px solid #b08572; padding: 10px 14px 12px 14px; margin-left: 10px; border-radius: 30px;}

.jumbotron_pp {background: url('../img/banner_podstawy.jpg') no-repeat center center; background-size: cover;}
.jumbotron_onas {background: url('../img/banner_o_nas.jpg') no-repeat center center; background-size: cover;}
.jumbotron_kontakt {background: url('../img/banner_kontakt.jpg') no-repeat center center; background-size: cover;}
.jumbotron_regulamin {background: url('../img/banner_regulamin.jpg') no-repeat center center; background-size: cover;}
.jumbotron_zalogowany {background: url('../img/banner_dla_lekarzy.jpg') no-repeat center center; margin-bottom: 0 !important; background-size: cover;}
.jumbotron_moje_ubezp {background: url('../img/banner_moje_ubezpieczenia.jpg') no-repeat center center; background-size: cover;}

.glowna_akapity .row {margin: 0 0 50px 0; overflow: hidden;}
.glowna_akapity .row .col-md-3 {background: url('../img/kreska_przykolkach.png') repeat-y center center; height: 260px;}
.glowna_akapity .col-md-3 div {background: #e6e6e6; border-radius: 90%; width: 100px; height: 100px; line-height: 100px; text-align: center; margin: 70px 0 0 0;}
.glowna_akapity h3 {color: #333; font-weight: 600; font-size: 30px; line-height: 150%; padding-bottom: 20px;}
.glowna_akapity p , .glowna_akapity li {font-size: 16px;}
a {color: #000;}
.glowna_akapity a {text-decoration: underline;}
.glowna_akapity .col-md-3 .wyroznione_kolko {background: #C38360;}

.konto_log_rej {background: #f3f3e9 url('../img/start_login_banner_full.jpg') no-repeat center center; height: 484px; text-align: center; margin-bottom: 100px;}
.konto_log_rej h2 {font-weight: 600; font-size: 37px;}
.konto_log_rej h2 span {color: #10306B;}
.konto_log_rej .row {margin-top: 60px;}
.konto_log_rej .lewa_masz_konto {border-right: 2px dotted #acb78f; padding-right: 70px !important;}
.konto_log_rej .col-md-4 , .konto_log_rej .col-md-5 {padding: 110px 15px 50px 15px;}
.konto_log_rej .btn , .kontakt_form .btn {background: none; border: 2px solid #9ca683; border-radius: 0; font-size: 120%; font-weight: 700; text-transform: uppercase; height: 50px; margin-top: 40px; line-height: 50px; width: 60%; max-width: 100%; padding: 0;}
.konto_log_rej .btn-blue , .kontakt_form .btn-blue {background: none; border: 2px solid #899f93; color: #10306B; max-width: 80%;}
.kontakt_form .btn-blue {width: auto; padding: 0 80px;}

.kontakt_form {margin-bottom: 100px;}
.kontakt_form h2 {font-weight: 600;}
.kontakt_form p {font-size: 15px;}
.kontakt_form form {margin-top: 40px;}
.kontakt_form form p {font-size: 12px; color: #9d9d9d; clear: both;}
.kontakt_form form input[type=text] , .kontakt_form form input[type=email] , .kontakt_form form textarea {width: 100%; border: none; border-bottom: 2px dotted #cbcbcb; line-height: 50px; color: #343434; font-size: 18px; box-sizing: border-box; padding: 0 15px;}
textarea {margin: 55px 0 10px 0; height: 160px;}
.btn-pelny, .btn-default:hover , .btn-blue:hover {background: #123c86; height: 50px; line-height: 50px; border-radius: 0; color: #fff; text-transform: uppercase; font-size: 17px; font-weight: 600;}


footer {background: #333333; line-height: 180px; height: 180px; color: #fff; text-align: center; font-size: 12px; clear: both;}
footer a , footer a:hover {color: #fff;}
footer a:hover {text-decoration: underline;}
footer img {margin-right: 15px;}
footer p {margin: 0;}

.bg_rej {background: url('../img/jpg_background_log_rej.jpg') no-repeat center center; background-size: cover; width: 100%; min-height: 80%;}
.bg_zgody {background: url('../img/jpg_background_log_rej.jpg') no-repeat center center; background-size: cover; width: 100%; min-height: 80%; padding-top: 100px;}

#rejestracjaForm , #logowanieForm , #odzyskiwanieForm , #resetowanieHaslaForm {padding: 150px 80px;}
#rejestracjaForm h2 {background: url('../img/png_registration.png') no-repeat center left; height: max-content; padding: 20px 0 0 125px; margin: 0 0 20px -110px;}
#logowanieForm h2 {background: url('../img/png_login.png') no-repeat center left; height: max-content; padding: 20px 0 0 125px; margin: 0 0 20px -110px;}
#logowanieForm h2.rightPanel {background: url('../img/png_login_inco.png') no-repeat center left; height: 110px; padding: 0; margin: 0 calc(50% - 51px);}
#logowanieForm h2.rightPanelHeader {background: none; height: 50px; padding: 0; margin: 20px 0; text-align: center;}
#logowanieForm hr { border-color: #b0aeae; border-width: 2px; width: 80%;}
#odzyskiwanieForm h2 , #resetowanieHaslaForm h2 {background: url('../img/png_registration_retrieval.png') no-repeat center left; height: max-content; padding: 20px 0 0 125px; margin: 0 0 20px -110px;}

#rejestracjaForm h2 span , #logowanieForm h2 span , #odzyskiwanieForm h2 span , #resetowanieHaslaForm h2 span {font-size: 12px; line-height: 17px; display: block; color: #444341; padding-top: 7px;}

form input[type=text], form input[type=email] , form input[type=password] {border-radius: 0; background: none; border: 1px solid #7f7e7c; font-size: 15px; height: 38px; line-height: 38px; margin: 11px 0;}
form input[type=text]:focus , form input[type=email]:focus , form input[type=password]:focus {background: #fff; border: 1px solid #667686; box-shadow: none;}
.zgody {clear: both; padding: 0 30px; text-align:left;}
.zgody label {width: 100%; clear: both; padding: 0 25px; font-weight: normal;}
.btn-primary:hover {background: #fff; border: 1px solid #5f6b81; color: #3b507b;}
.btn-primary {background: #123c86; border: 1px solid #8d9cc5; color: #fff; border-radius: 0; margin-top: 10px; padding-left: 30px; padding-right: 30px;}

.nie_p_h {padding: 60px 0 0 40px;}
.nm_konta {padding: 60px 40px 0 0; color: #33487d;}
.nm_konta a {color: #33487d;}
.nie_p_h span , .nm_konta span {font-size: 15px;}
.nm_konta a , .nie_p_h a {text-decoration: underline; font-weight: 600;}

.ubezp_zolte_tlo {background: #f7f9f1; padding: 70px 0 85px;}
.ubezp_biale_tlo {background: #fff; padding: 70px 0 85px;}
.ubezp_szare_tlo {background: #f5f5f5; padding: 70px 0 85px;}

h3 {color: #333; font-size: 22px; font-weight: 900; margin-top: 5px;}
h3 span {font-size: 32px; line-height: 200%;}

.ubezp_akapity p {font-size: 17px; color: #333; margin-top: 30px;}
.ubezp_akapity ul {list-style: none; padding-left: 0; background: url('../img/kreska_pion.png') repeat-y left 12px top;}
.ubezp_akapity li {font-size: 17px; background: url('../img/png_dla_lekarzy_circle_beige.png') no-repeat top 7px left; padding: 10px 0 0 50px; margin: 20px 0 5px 0; min-height: 35px;}
.ubezp_akapity .z_ul {background: url('../img/kreska_pion_z.png') repeat-y left 12px top;}
.ubezp_akapity .z_ul li {background: url('../img/png_dla_lekarzy_circle_blue.png') no-repeat top 7px left;}
.ubezp_akapity .col-md-2 , .ubezp_akapity col-sm-2 , .ubezp_akapity col-xs-2 {width: 12%;}
.ubezp_akapity p span {color: #989898;}

p.owu {color: #2c3d6b; font-size: 13px; margin: 20px 0 0 0;}
p.owu a {text-decoration: underline; color: #2c3d6b;}

#mapa {width: 100%; height: 500px;}

.ubezp_akapity h4 {font-size: 21px; font-weight: 900; margin: 50px 0 -15px 0;}
.ubezp_akapity p a {color: #333;}
.ubezp_akapity address {margin-top: 30px; font-size: 16px;}
.ubezp_akapity address span {font-size: 12px; color: #808080; float: left; margin-top: 20px; clear: both;}
.kontakt_logo {margin: 50px 0 -30px 0;}
.w_dol {padding-top: 97px;}

.kafle {text-align: center; padding: 30px 0; margin: 30px 0 0 0;}
.kafel {display: inline-block; cursor: pointer; text-align: center; float: left; padding-top: 40px; font-size: 22px; color: #133c87; margin-bottom: 20px;}
.kafel a {text-decoration: none; width: 100%; height: 100%; display: block;}
.kafel a:hover {text-decoration: none; color: #333;}
.kafel img {margin-bottom: 20px; width: 71px; height: auto;}
.k_active a {color: #fff;}

.kafel_aktywny {}

#kafel1 {background: url('../img/kafle_1.png') no-repeat center center; width: 222px; height: 222px;}
#kafel2 {background: url('../img/kafle_2.png') no-repeat center center; width: 232px; height: 222px;}
#kafel3 {background: url('../img/kafle_3.png') no-repeat center center; width: 232px; height: 222px;}
#kafel4 {background: url('../img/kafle_4.png') no-repeat center center; width: 232px; height: 222px;}
#kafel5 {background: url('../img/kafle_5.png') no-repeat center center; width: 222px; height: 222px;}

#kafel1:hover {background: url('../img/kafel_1_focus.png') !important;}
#kafel2:hover {background: url('../img/kafel_2_focus.png') !important;}
#kafel3:hover {background: url('../img/kafel_3_focus.png') !important;}
#kafel4:hover {background: url('../img/kafel_4_focus.png') !important;}
#kafel5:hover {background: url('../img/kafel_5_focus.png') !important;}



.p_duze {font-size: 16px; margin-top: -15px;}

.d_kont {background: url('../img/png_kontakt_dottedline_grreen.png') no-repeat top 100px left; padding-left: 50px;}
.d_kont2 {background: url('../img/png_logowanie_dottedline_grreen.png') no-repeat top 200px left; padding-left: 50px; height: 600px;}
.ubezp_akapity p .nieb_link {color: #4c5f8a; text-decoration: underline;}

form.wniosek {background: #fafafa;}
form.wniosek h4 {font-weight: 800; color: #132d5e; font-size: 24px;}
form.wniosek #dane_osobowe , form.wniosek #parametry-zawodowe {display: none;}
form.wniosek #dane_osobowe h5 {text-transform: uppercase; margin-bottom: 5px; font-size: 11px; line-height: 100%; padding-bottom: 0; font-weight: normal; border: none;}
form.wniosek #dane_osobowe input[type=text],
form.wniosek #dane_osobowe input[type=number],
form.wniosek #dane_osobowe input[type=email],
form.wniosek #dane_osobowe input[type=tel] {border: 1px solid #cfcfcf; background: #fafafa; border-radius: 0; margin: 5px 0; height: 38px; line-height: 38px;}
form.wniosek #dane_osobowe input:focus {background: #fff; border: 1px solid #838383;}
form.wniosek hr {border-color: #f1f2ed; width: 90%; }
form.wniosek .box {background: #fff; border: none; margin: 15px 0;}
form.wniosek .box .spec-lista {max-height: 300px; overflow-y: auto;}

form.wniosek .md6-lewa {margin-right: 6%;}
form.wniosek #dane_osobowe .parametry-zawodowe h5 , form.wniosek h5 {color: #333; font-size: 17px; font-weight: 700; text-transform: none; line-height: 26px; border-bottom: 1px dotted #e2e4e1; padding: 0 0 10px 0;}
form.wniosek #dane_osobowe .parametry-zawodowe h5 span , form.wniosek h5 span {color: #fffff7; font-size: 13px; display: inline-block; background: #cfcfc3; border-radius: 90%; width: 26px; height: 26px; line-height: 26px; text-align: center; margin-right: 5px;}
form.wniosek .label_container {font-weight: normal; padding: 0 0 0 30px; margin: 20px 0;}
form.wniosek .label_container .checkmark {left: 5px;}
form.wniosek input[type=text],
form.wniosek input[type=number] {background: #fff; border: 1px solid #d2d2d2; margin: 20px 0;}
form.wniosek input.date {background: #fff url('../img/input_date_bg.png') no-repeat center center; margin: 15px 25px 15px 5px; border: 1px solid #bebebe; height: 44px; line-height: 44px; width: 211px; padding-left: 55px; box-sizing: border-box;}
form.submitted input:invalid {border: 2px dashed red;}
form.submitted input:valid {border: 2px dashed #c3cda8;}
form.wniosek .twoje_ubezpieczenie {background: #e6e6e6; padding: 30px 0; margin: 25px 0; overflow-x: scroll;}
form.wniosek .twoje_ubezpieczenie > .container {width: 1200px;}
form.wniosek select {border-radius: 0;}
form.wniosek .nagl_pakiet_podstawowy,
form.wniosek .nagl_pakiet_rozszerzony,
form.wniosek .nagl_oc_obowiazkowe,
form.wniosek .nagl_oc_dobrowolne {border-radius: 80px; background: #fff; text-align: center; height: 56px;}
form.wniosek .nagl_pakiet_podstawowy h5,
form.wniosek .nagl_pakiet_rozszerzony h5,
form.wniosek .nagl_oc_obowiazkowe h5,
form.wniosek .nagl_oc_dobrowolne h5,
form.wniosek .nagl_dochodu .col-md-5 h5 {color: #333; font-size: 13px; font-weight: normal; border-bottom: 0; line-height: 160%; margin: 7px 0;} 
form.wniosek .nagl_pakiet_podstawowy b,
form.wniosek .nagl_pakiet_rozszerzony b,
form.wniosek .nagl_oc_obowiazkowe b,
form.wniosek .nagl_oc_dobrowolne b,
form.wniosek .nagl_dochodu .col-md-5 b {color: #333; font-size: 15px; font-weight: 800; text-transform: uppercase;} 
form.wniosek #oc_medyczne .col-md-4 , form.wniosek #ochrona_prawna .col-md-4  {width: 25%;}
form.wniosek #oc_medyczne .col-md-2 , form.wniosek #ochrona_prawna .col-md-2 {margin: 0 1%;}
form.wniosek .wybor_wariantu_napis {padding-top: 27px; font-size: 15px; }
form.wniosek .wybrane_oferty_oc_medyczne , form.wniosek .wybrane_oferty_nnw , form.wniosek .wybrane_oferty_prawna , form.wniosek .wybrane_oferty_dochodu, form.wniosek .wybrane_oferty_turystyczne {border: 1px solid #ccc; border-radius: 15px; padding: 10px 20px;}
form.wniosek .naglowki_oc_med {padding: 10px 20px;}
form.wniosek .wybrane_oferty_oc_medyczne .col-md-2 {background: #fff; border-radius: 20px; height: 370px; text-align: center; padding: 8px 10px;}
form.wniosek .wybrane_oferty_prawna .col-md-2 {background: #fff; text-align: center; padding-bottom: 3px;}   
form.wniosek .wybrane_oferty_oc_medyczne .col-md-2:hover {box-shadow: 0 0 10px rgba(0,0,0,0.4);}
form.wniosek .wybrane_oferty_oc_medyczne #col_obowiazkowe, form.wniosek .nagl_oc_obowiazkowe {background: #f7f8f0;}
form.wniosek .wybrane_oferty_oc_medyczne #col_dobrowolne, form.wniosek .nagl_oc_dobrowolne {background: #dcdcdc;}
form.wniosek .wybrane_oferty_oc_medyczne img {width: 100%;}
form.wniosek .col-md-4 .col-md-7 {font-size: 12px; color: #8c8c8c; text-transform: uppercase; text-align: right;}
form.wniosek .col-md-4 .col-md-5 strong {font-size: 17px; color: #626262; font-weight: 800;}
form.wniosek .col-md-4 .col-md-5 {line-height: 150% !important;}
form.wniosek .border_b {border-bottom: 1px dotted #b3b3b3;}
form.wniosek .calkowita_skladka_roczna {color: #15417e; font-size: 17px; font-weight: 800; padding-top: 25px; text-transform: none;}
.mala_czcionka {font-size: 12px !important;}
form.wniosek .col-md-2 span {font-size: 16px;}
form.wniosek .col-md-2 span.skladka , form.wniosek .col-md-5 span.skladka {font-size: 22px; color: #333; font-weight: 800;}
form.wniosek span.skladka_m {font-size: 17px; color: #333; font-weight: 700;}
form.wniosek .brak1 {margin-top: -3px;}
form.wniosek .brak2 {margin-top: 12px;}
form.wniosek .twoje_ubezpieczenie .label_container {text-transform: uppercase; padding: 0;}
form.wniosek .twoje_ubezpieczenie .checkmark {max-width: 100%; text-align: center; line-height: 24px; font-size: 11px; background: #fff; color: #9A9A9A; border: 1px solid #A1A1A1; position: static; display: inline; padding: 4px 20px;}
form.wniosek .twoje_ubezpieczenie .label_container .checkmark:after {display: none;}
form.wniosek .twoje_ubezpieczenie .label_container input:checked ~ .checkmark {color: #c38360; background: #fff; font-weight: 700; border-color: #fff;}
form.wniosek .klauzule_oc {font-size: 15px; padding: 50px 0 100px 0;}
form.wniosek .klauzule_oc .opcje_do_klauzuli {margin: -20px 0 0 15px;}
form.wniosek .klauzule_oc hr {margin: 40px 0;}
form.wniosek .wybrane_oferty_nnw .col-md-2 {width: 15%;}
form.wniosek .wybrane_oferty_nnw .row {overflow: hidden;}
form.wniosek .wybrane_oferty_nnw .col-md-1 {background: #fff; border-left: 7px solid #fff; border-right: 7px solid #fff; font-size: 13px; width: 17%; height: 100%; min-height: 100%; text-align: center; margin: 0 0.25%; padding: 10px 0;}
form.wniosek .nnw_pierwszy .col-md-1, form.wniosek .prawna_pierwszy .col-md-2   {padding-top: 20px; border-top-right-radius: 10px;  border-top-left-radius: 10px;}
form.wniosek .nnw_ostatni .col-md-1, form.wniosek .skladka_prawna .col-md-2 {padding-bottom: 10px; border-bottom-right-radius: 10px;  border-bottom-left-radius: 10px;}
form.wniosek .wybrane_oferty_nnw  .wyzsze_hivwzw {background: #e1e1e1; border-color: #e1e1e1; }
form.wniosek .col-md-1 span.skladka {font-size: 18px; color: #333; font-weight: 800;}
form.wniosek .calkowita_skladka {color: #15417e; font-size: 16px; font-weight: 800; text-align: right; padding-top: 12px; padding-right: 5px; text-transform: none;}
form.wniosek .nagl_wyzsze_nnw {background: #fff; border-radius: 10px; width: 46.166%; margin-left: 20px;}
form.wniosek #nnw .col-md-2 {width: 11.5%; color: #8c8c8c; font-size: 11px; text-align: right; text-transform: uppercase; padding: 0 5px;}
form.wniosek #nnw .col-md-2 .col-md-6 {text-align: right; padding: 0 10px;}
form.wniosek #nnw hr {margin-bottom: 0;}
form.wniosek #nnw .wybor_wariantu_napis {font-size: 14px; color: #333; text-align: left; padding-top: 20px; padding-left: 30px; text-transform: none;}
form.wniosek .nagl_wyzsze_hivwzw {background: #e1e1e1; border-radius: 10px; width: 37%; margin-left: 6px;}
form.wniosek .nagl_wyzsze_nnw, form.wniosek .nagl_wyzsze_hivwzw {margin-bottom: 10px;}
form.wniosek .nnwhivwzw {font-size: 16px; color: #666666; font-weight: 800; text-align: left; float: left;}
form.wniosek .nagl_wyzsze_nnw h5,
form.wniosek .nagl_wyzsze_hivwzw h5 {font-size: 14px; text-align: center; font-weight: normal; border-bottom: 0; padding: 0;}
form.wniosek .nagl_wyzsze_nnw h5 b,
form.wniosek .nagl_wyzsze_hivwzw h5 b {color: #1d3e85; font-size: 16px; font-weight: 800;}
form.wniosek .skladka_nww .label_container, form.wniosek .skladka_prawna .label_container{padding-bottom: 0; margin-bottom: 0;}
form.wniosek .nagl_prawne .col-md-2 {text-align: center; height: 55px; padding: 7px 0 0 0; background: #fff; border-radius: 10px;}
form.wniosek .nagl_prawne {padding: 15px 20px;}
form.wniosek .nagl_prawne .col-md-4 {font-size: 15px; padding: 30px 0 0 10px;}
form.wniosek .prawna_pierwszy .col-md-4 {color: #8c8c8c; font-size: 11px; text-align: right; text-transform: uppercase; padding: 26px 15px 0 0px;}
form.wniosek .wybrane_oferty_prawna .calkowita_skladka_roczna {text-align: right; padding-top: 5px;}
form.wniosek .nagl_dochodu .col-md-5 , form.wniosek .nagl_turystyczne .col-md-5 {background: #fff; margin-right: 8px; text-align: center; width: 41.3%; border-radius: 10px; padding: 10px 0;}
form.wniosek .nagl_dochodu .col-md-2 , form.wniosek .nagl_turystyczne .col-md-2 {padding-top: 15px;}
form.wniosek .nagl_dochodu .wyzsze_hivwzw, form.wniosek .nagl_turystyczne .wyzsze_hivwzw {margin-right: 0;}
form.wniosek .wybrane_oferty_dochodu .col-md-2 , form.wniosek .wybrane_oferty_turystyczne .col-md-2 {color: #8c8c8c; font-size: 11px; text-align: right; text-transform: uppercase;}
form.wniosek .wybrane_oferty_dochodu .col-md-10 .col-md-2 {background: #fff; text-align: center; text-transform: none; color: #333; font-size: 13px; width: 15.666666%;}
form.wniosek .wybrane_oferty_dochodu .col-md-10 .col-md-2 {margin: 0 0.5%;}
form.wniosek .pierwszy_dochodu .col-md-10 .col-md-2 , form.wniosek .pierwszy_turystyczne .col-md-5 {padding-top: 20px; border-top-right-radius: 10px; border-top-left-radius: 10px;}
form.wniosek .skladka_utraty_dochodu .col-md-10 .col-md-2 {border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
form.wniosek .wybrane_oferty_dochodu .calkowita_skladka_roczna {padding-top: 5px;}
form.wniosek .wybrane_oferty_dochodu .col-md-10 .wyzsze_hivwzw , form.wniosek #turystyczne .wybrane_oferty_turystyczne .wyzsze_hivwzw , form.wniosek .nagl_dochodu .wyzsze_hivwzw , form.wniosek .nagl_turystyczne .wyzsze_hivwzw {background-color: #e1e1e1;}
form.wniosek .nagl_dochodu, form.wniosek .nagl_turystyczne {padding: 0 30px; font-size: 15px; margin-bottom: 10px;}
form.wniosek .wybrane_oferty_dochodu .label_container {margin-bottom: 10px;}
form.wniosek .nagl_dochodu .col-md-5 b {color: #1d3e85; text-transform: none;}
form.wniosek .nagl_dochodu .wyzsze_hivwzw b {color: #333; text-transform: none;}
form.wniosek .wybrane_oferty_turystyczne .col-md-5 {background: #fff; text-align: center; text-transform: none; color: #333; font-size: 13px; width: 35.666666%;}
form.wniosek .wybrane_oferty_turystyczne .col-md-5 {margin: 0 0.5%; width: 40.5%;}
form.wniosek .wybrane_oferty_turystyczne .skladka_utraty_dochodu .col-md-5 {border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
form.wniosek .twoje_ubezpieczenie .row .col-md-12>p.akapit {padding: 30px 0 30px 0; font-size: 15px;}
form.wniosek #dane_osobowe,
form.wniosek #oc_medyczne,
form.wniosek #nnw,
form.wniosek #ochrona_prawna,
form.wniosek #utrata_dochodu,
form.wniosek #turystyczne,
form.wniosek #przyciski,
form.wniosek #przyciski2,
form.wniosek #div_specjalizacje,
form.wniosek #div_specjalizacje_wyk,
form.wniosek #nagl_oc_dobrowolne,
form.wniosek #col_dobrowolne,
form.wniosek #nagl_oc_obowiazkowe,
form.wniosek #col_obowiazkowe,
form.wniosek #nagl_pakiet_podst,
form.wniosek #col_pakiet_podst,
form.wniosek #nagl_pakiet_rozsz,
form.wniosek #col_pakiet_rozsz,
form.wniosek #spec_inna_nazwa,
form.wniosek #pakiety_do_wyboru {display:none;}
form.wniosek #przyciski , form.wniosek #przyciski2 {text-align: center;}
form.wniosek .przycisk_dodaj, form.wniosek .przycisk_kupuje {width: 100%; margin-bottom: 20px;}
form.wniosek .przycisk_dodaj {background: #fff url('../img/dodaj.jpg') no-repeat center left; box-sizing: border-box; padding-left: 20px; display: inline-block; line-height: 49px; height: 49px; border: 1px solid #c38360; color: #c38360; font-weight: 900; text-transform: uppercase; text-align: center;}
form.wniosek .przycisk_kupuje {background: #113d84; line-height: 49px; height: 49px; border: 1px solid #1c3c6f; color: #fff; font-weight: 900; text-transform: uppercase; text-align: center;}
form.wniosek #dane_osobowe .przycisk_dodaj_osobe_wojazer {background: #fff url('../img/plus_button_b.png') no-repeat center left; border: 1px solid #d3d9e5; height: 39px; line-height: 39px; padding: 0 0 0 30px; margin-top: 25px; width: 100%; box-sizing: border-box; color: #113d84; font-weight: 900; text-transform: uppercase; text-align: center;}
form.wniosek #dane_osobowe .przycisk_dodaj_osobe_wojazer:hover , form.wniosek .przycisk_dodaj_osobe_wojazer:focus , form.wniosek .przycisk_dodaj_osobe_wojazer:active {outline: none; background: #113d84 url('../img/plus_button_w.png') no-repeat center left !important; border: 1px solid #d3d9e5 !important; color: #fff !important;}
form.wniosek #dane_osobowe .przycisk_usun_osobe_wojazer {background: #fff url('../img/minus_button_b.png') no-repeat center left; border: 1px solid #d42427; height: 39px; line-height: 39px; padding: 0 0 0 30px; margin-top: 25px; width: 100%; box-sizing: border-box; color: #d42427; font-weight: 900; text-transform: uppercase; text-align: center;}
form.wniosek #dane_osobowe .przycisk_usun_osobe_wojazer:hover , form.wniosek .przycisk_usun_osobe_wojazer:focus , form.wniosek .przycisk_usun_osobe_wojazer:active {outline: none; background: #d42427 url('../img/minus_button_w.png') no-repeat center left !important; border: 1px solid #d42427 !important; color: #fff !important;}
form.wniosek #szkodowosc_obowiazek {display: none;}
form.wniosek .klauzule_oc , form.wniosek #klauzule_dobr_rozsz , form.wniosek .opcje_do_klauzuli {display: none;}
form.wniosek .osoby_wojazer {margin-top: 100px; display: none;}

form.wniosek .container_specjalizacja_inna {min-height: 44px;}

.table {border-spacing: 0 10px; border-collapse: separate; border-top: 0; border-left: 0; border-right: 0; border-bottom: 3px solid #eee; margin-bottom: 200px;}
.table th {background: #d6e1b7; color: #888e74; height: 25px; line-height: 25px; text-transform: uppercase; font-size: 11px; padding: 0 10px;}
.table-bordered thead tr th {border-color: #f4fedb; border-bottom: 0;}
.table tbody td {vertical-align: middle !important; color: #333; border-top: 0 !important; border-bottom: 0 !important; border-left: 0 !important;}
.table tbody tr {padding: 5px 0;}
.table tbody td a {text-transform: uppercase; color: #7d7d7d;}
.table-hover>tbody>tr:hover {background: #123c86;}
.table-hover>tbody>tr:hover td , .table-hover>tbody>tr:hover td a {color: #fff; text-decoration: none;}
.table .pobierz_pdf {background: url('../img/png_adobe_grey.png') no-repeat center right; line-height: 26px; padding-right: 30px; height: 26px; display: block; width: 100%; text-align: left;}
.table tr:hover .pobierz_pdf {background: url('../img/png_adobe_red.png') no-repeat center right;}
.table .pobierz_pdf:hover {background: url('../img/png_adobe_red.png') no-repeat center right;}


.podsumowanie>div {background: #ebebeb; padding: 0 0 160px 0; margin-bottom: 0;}
.podsumowanie h3 {color: #133c87; padding: 50px 0;}
.podsumowanie h3 span {font-size: 15px; color: #777; font-weight: normal;}
.podsumowanie .row {height: 100%; border-bottom: 2px dotted #cacaca;}
.podsumowanie .row>div {}
.podsumowanie .row h6 {color: #133c87; font-weight: 700; font-size: 15px; padding-top: 8px;}
.podsumowanie .row .col-md-1 {font-size: 12.5px; color: #8a8a8a; font-weight: 500; padding: 32px 0 15px 0;}
.podsumowanie .row .col-md-5 {padding-top: 33px;}
.podsumowanie .row .col-md-1 , .podsumowanie .row .col-md-2 , .podsumowanie .podsumowanie_klauzule_dobr .col-md-3{text-align: center;}
.podsumowanie .row .col-md-2 {background: #f5f5f5; font-size: 17px; color: #333; font-weight: 700; padding: 30px 0 15px 0;}
.podsumowanie h6 {padding: 0 0 0 50px;}
.podsumowanie .podsumowanie_dobrowolne h6 {background: url('../img/formularz_oc_dobrowolne.png') no-repeat center left;}
.podsumowanie .podsumowanie_obowiazkowe h6 {background: url('../img/formularz_oc.png') no-repeat center left;}
.podsumowanie .podsumowanie_nnw h6 {background: url('../img/formularz_nnw.png') no-repeat center left;}
.podsumowanie .podsumowanie_ochrona_prawna h6 {background: url('../img/formularz_ochrona_prawna.png') no-repeat center left;}
.podsumowanie .podsumowanie_utrata_dochodu h6 {background: url('../img/formularz_utrata_dochodu.png') no-repeat center left;}
.podsumowanie .podsumowanie_turystyczne h6 {background: url('../img/formularz_turystyczne.png') no-repeat center left;}
.podsumowanie_podsumowania .col-md-10 {text-align: right; color: #133c87; font-size: 17px; font-weight: 700; padding-top: 30px;}
.podsumowanie_podsumowania .podsumowanie_do_zaplaty {background: #133c87; color: #fff; font-size: 17px; border-radius: 10px; padding: 10px 20px;}
.podsumowanie .podsumowanie_podsumowania .col-md-2 {padding-bottom: 40px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.podsumowanie .container div:first-child .col-md-2 {border-top-left-radius: 10px; border-top-right-radius: 10px;}

#loader {position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.9); color: #333; display: none; text-align: center; padding-top: 100px;}

.alert {margin: 0 0 5px 0; border-radius: 0;}
form .alert {margin: 0 0 5px 0;}
.regulamin {line-height: 150%; font-size: 15px; padding-bottom: 100px;}
.regulamin h3 {text-align: center; padding: 30px 0 15px 0;}
.regulamin ol {margin: 0 0 0 15px; padding: 0;}
.regulamin li {padding: 10px 0;}
.regulamin li li {padding: 2px 0;}

.regulamin ol[type="a"] { counter-reset: regulaminlista; }
.regulamin ol[type="a"] > li { list-style: none; counter-increment: regulaminlista; }
.regulamin ol[type="a"] > li:before { content: counter(regulaminlista, lower-alpha)") "; }

.cztery-kroki {padding: 100px 0 0 0px; text-align: center; font-size: 16px;}
.cztery-kroki .col-md-1 {padding-top: 30px;}
.cztery-kroki .col-md-2 {}
.cztery-kroki span {color: #c38360; font-size: 18px;}

h3 small {font-size: 18px; color: #333;}
.ubezpiecz_sie_btn {clear: both; margin: 100px 0;}
.ubezpiecz_sie_btn .col-md-10 {border-bottom: 1px solid #57667d; text-align: center;}
.ubezpiecz_sie_btn .col-md-10 button {height: 50px; position: relative; bottom: -25px; line-height: 50px; padding: 0 50px; border: 1px solid #57667d; background: #fff; color: #173c83; text-transform: uppercase; font-weight: bold; font-size: 15px; text-align: center; cursor: pointer;}
.ubezpiecz_sie_btn .col-md-10 button a {color: #173c83; text-transform: uppercase; font-weight: bold; font-size: 15px;}
.ubezpiecz_sie_btn .col-md-10 button:hover {background: #173c83; color: #fff;}
.ubezpiecz_sie_btn .col-md-10 button:hover a {color: #fff; text-decoration: none;}



@media (min-width: 1200px) {
    .kolo_svg {display: block;}
    .podsumowanie .row .col-md-3 {width: 16%;}
    .podsumowanie .row .col-md-5 {width: 44.66666667%;}
    .podsumowanie .row .col-md-1 {width: 11.333333%;}
}

.ubezp_btn_menu {font-size: 13px !important; background: #173c83; border: 1px solid #a3b6d4; color: #fff !important; line-height: 30px !important; height: 30px !important; padding: 18px 0;}
.ubezp_btn_menu:hover {background: #fff; color: #173c83 !important; font-size: 13px !important;}

@media (min-width: 768px) {
    .ubezp_btn_menu {margin: 15px 0 0 280px;}
}

body {padding-top: 120px;}
@media (min-width: 990px) {
    body {padding-top: 50px;}
}

.label_container {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-height: 180px;
  overflow: auto;
}

/* Hide the browser's default checkbox */
.label_container input[type=radio] , .label_container input[type=checkbox]  {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  border: 1px solid #a4a2a3;
  background: none;
}

/* On mouse-over, add a grey background color */
.label_container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.label_container input:checked ~ .checkmark {
  background-color: #113e82;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.label_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.label_container .checkmark:after {
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  border: 2px solid #d4deea;
}

/* ========== Custom styles for radio and checkbox =============== */
/* hiding the default checkbox and radio button */

div.captcha label {
	font-weight: normal;
}


div.captcha a img {
	width: 20px !important;
	height: 20px !important;
}

#formularz_captcha {
	color: #000;
}

input.error {
	border: 2px #f00 solid !important;
	background-color: #f1dbdb !important;
}

input.error + em {
	color: #f00;
}

input[type="checkbox"].error + span:before {
	color: #f00 !important;
}


.b_start {width: 100%; height: 80%; min-height: 80%; background: url('../img/main_banner.jpg') no-repeat center center; background-size: cover;}
.b_start .container {position: relative; height: 100%;}
.b_start h1 {position: absolute; bottom: 20%; border-left: 2px dotted #c38360; padding: 50px 40px; font-size: 34px; color: #10306B; line-height: 150%; font-weight: 600; left: 50%;}
.b_start h1 strong {font-size: 48px; font-weight: 800;}
.b_start h1 span {font-size: 22px; font-weight: 500;}

#Warstwa_x0020_1 .fil4 {fill: #f0f0f0;}

#Warstwa_x0020_1 path:hover {fill: #c38360 !important;}
#Warstwa_x0020_1 .fil0:hover {fill: #fff !important;}

div.kontakt-dane {
	margin-top: 100px;
	height: 150px;
	padding-left: 30px;
}

div.kontakt-dane h4 {
	padding-top: 25px;
}

div.line-dotted-1 {	
	border: solid transparent;
	border-image: url('../img/line_dotted_1.png') 0 0 0 12;
	border-width: 0px;
	border-left-width: 12px;
}

div.zgody a {
	color: #002a80;
	text-decoration: underline;
}


.wybrany_wariant {background: #c38360 !important; color: #fff !important;}
.wybrany_wariant span.skladka_m , .wybrany_wariant span.skladka , .wybrany_wariant h5 , .wybrany_wariant h5 b {color: #fff !important;}
.wybrany_wariant hr {border-color: #fff !important;}


@media (min-width: 1200px) {
	form.wniosek .col-md-6 {width: 47%;}
	.box-blue, .box-brown {min-height:770px;}
}

@media (max-width: 1200px) {	
	.box-blue, .box-brown {border-radius:0px;}
}

@media (max-width: 991px) {
	.header{font-size: 2.5em;}
	.box-blue, .box-brown {border-radius:0px;}
}

@media (min-width: 767px) {
    .nagl_bann h2 {display: block;}
}

@media (max-width: 767px) {
	.header{font-size: 2em;}	
	.box-blue, .box-brown {border-radius:0px;}
    .nagl_bann h2 {flex-direction: column; white-space: nowrap;}
    .nagl_bann h2 span {width: fit-content;}

    .jumbotron_dla_lekarzy h2 span {font-size: 16px;}
    .jumbotron_dla_lekarzy h2 {font-size: 13px;}
    .jumbotron_dla_lekarzy h2 b {font-size: 16px;}
    .konto_log_rej .btn {font-size: 90%;}
    /*.twoje_ubezpieczenie {min-width: 900px;}*/
    /*.twoje_ubezpieczenie .container {width: 100%;}*/
    .nagl_bann h2 {margin: 10px; padding: 10px; font-size: 6vw; line-height: 1; min-height: 50px;}
    .nagl_bann {height: auto;}
    .b_start h1 {left: 0; right: 0; top: 10%; bottom: auto;}
    .glowna_akapity div {max-width:100%;}
    .glowna_akapity div img {max-width: 100%;}
    .konto_log_rej .btn, .kontakt_form .btn {width:100%;}

    /*.navbar .navbar-brand {left: 0px !important; }*/
    /*.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: none;}*/
    /*.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse .nav > li > a {line-height: 200%;}*/

    body {padding-top: 50px;}
}

.logout {color: #173c83 !important; text-transform: initial !important; font-weight: bold;}
.logout i {margin-left: 8px;}

p.e-book-link { font-weight: bold; }
p.e-book-link span { font-size: 22px; color: #000; }
p.e-book-link a { color: #133c87; }

div.skladka-laczna {
	text-transform: uppercase !important;
	font-weight: bold !important;
	font-size: 20pt !important;
	background-color: #c38360;
	padding: 30px 0;
}

.cart {
	color: #133c87;
	font-size: 10pt;
	margin: 10px 20px 0 20px;
}

.cart div {
	padding: 5px;
}

.cart .skladka-laczna-nazwa {
	color: #c28369;
	font-size: 12pt;
	font-weight: bold;
}

.cart .skladka-laczna-wartosc {
	font-weight: bold;
}


.ubezpiecz_sie_btn2 {
	clear: both;
	margin: 20px 0;
}

.ubezpiecz_sie_btn2 button {
	height: 50px;
	position: relative;
	bottom: -25px;
	line-height: 50px;
	padding: 0 50px;
	border: 2px solid #899f93;
	background: #173c83;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
}

.ubezpiecz_sie_btn2 button a {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
}

.ubezpiecz_sie_btn2 button:hover {
	color: #173c83;
	background: #fff;
}

.ubezpiecz_sie_btn2 button:hover a {
	color: #173c83;
	text-decoration: none;
}



.ubezpiecz_sie_btn3 {
	clear: both;
	margin: 20px 0;
}

.ubezpiecz_sie_btn3 button {
	height: 50px;
	position: relative;
	bottom: -25px;
	line-height: 50px;
	padding: 0 50px;
	border: 2px solid #fff;
	background: rgba(0, 0, 0, 0);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
}

.ubezpiecz_sie_btn3 button a {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
}

.ubezpiecz_sie_btn3 button:hover {
	background: #173c83;
}

.ubezpiecz_sie_btn3 button:hover a {
	color: #fff;
	text-decoration: none;
}


.haslo-wymagania { padding-left: 30px; font-size: small; }
.haslo-wymagania .haslo-wymaganie i { margin-right: 5px; }
.haslo-wymagania .haslo-wymaganie .fa-times-circle { color: #e01030; }
.haslo-wymagania .haslo-wymaganie .fa-check-circle { color: #00c880; }



form.wniosek .przycisk_email_resend {
    color: #113d84;
    text-align: center;
    margin: 12px 0;
    cursor: pointer;
}

#email-owu-resend-info {
    margin: 12px 0;
}

form.wniosek .przycisk_email_resend span {
    text-decoration: underline;
    padding-left: 5px;
}

#email-resend-loader {
    display: none;
}

.inline-block {
    display: inline-block !important;
}

#bledy {
    margin-top: 10px;
}

#kalkulator_ubezpieczen_a {
    margin-top: 40px;
}

#kalkulator_ubezpieczen_a h3, #kalkulator_ubezpieczen_a p {
    font-size: 28px;
    text-align: center;
    margin: 20px 0;
}

.row_oplacono {display: flex; align-items: center; padding-top: 80px;}
.img_oplacono img {max-width: 90%;}
.rozdzielnik_oplacono svg {width: 14px;}
.rozdzielnik_oplacono path {fill: #e2e2e2;}
.tekst_oplacono h2 {font-size: 5rem; color: #c5815c; font-weight: 900; padding-bottom: 20px;}
.tekst_oplacono p {color: #222; font-size: 1.7rem;}
.tekst_oplacono p b {font-weight: 900; padding-bottom: 10px; font-size: 2.2rem;}
.row_oplacono table {vertical-align: middle; font-size: 1.5rem;}
.row_oplacono table th {color: #444; font-weight: 400;}
.row_oplacono table tr td {padding: 8px 0 8px 15px; vertical-align: middle;}
.row_oplacono table tr td b {font-size: 2rem;}
#status-transakcji { display: flex; align-items: center; font-weight: bold; font-size: 1.7rem;}
#status-transakcji svg {width: 22px; display: inline; margin-right: 5px;}

body.modal-open {
    overflow: hidden;
}

.life-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.75); 
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.life-modal {
    width: 620px;
    max-width: 90%;
    height: 495px;
    max-height: 90%;
    background: #FFFFFF;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    background: #fff;
    position: relative;
}

.life-modal-close {
    position: absolute;
    color:#fff;
    top: 2px;
    right: 12px;
    background: none;
    border: none;
    font-size: 50px;
    cursor: pointer;
}

.life-modal-bar {
    background: linear-gradient(88.32deg, #C38360 0%, #23376C 100%);
    height: 100px;
    border-radius: 10px 10px 0 0;
}

.life-modal-bar-people {
    position: absolute;
    left: 20px;
    top:100px;
    transform: translateY(calc(-100% + 1px));
    width:200px;

}

.life-modal-header-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 25px 0;
    gap: 5px;
}

.life-modal-header {
    text-align: center;
    color: #23376C;
    line-height: 40px;
}

.life-modal-header strong br:first-of-type {
    display: none;
}
    
.life-modal-header-highlighted {
    padding: 2px 5px;
    background-color: #EEEFE7;
	color: #C38360;
    border-radius: 10px;
}

.life-modal-description {
    font-size: 17px;
    text-align: center;
}

.life-modal-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.life-modal-footer img {
    width: 100px;
}

.life-modal-join-button {
    color: #fff;
	background-color: #C38360;
    text-align: center;
    border: 2px solid #C38360;
    padding: 10px 20px;
    font-size: 14.5px;
    border-radius: 25px; 
    transition: background-color 0.15s;
}

.life-modal-join-button:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ef996b;
    border: 2px solid #ef996b;
}


@media (max-width: 767px) {
    .life-modal {
        overflow-y: scroll;
        height: 100%;
        padding: 0 0 20px 0;
    }
    
    .life-modal-bar {
        height: 120px;
        border-radius: 10px 10px 0 0;
    }

    .life-modal-bar-people {
        width: 170px;
        top:120px;
        transform: translateY(calc(-100% - 1px));
    }

    .life-modal-header-container {
        padding: 0 20px;
        margin: 10px 0;
    }

    .life-modal-header {
        font-size: 28px;
    }

    .life-modal-header strong br:first-of-type {
        display: block;
    }

    .life-modal-footer img:first-of-type {
        transform: rotate(90deg);
        width: 80px;
    }
    
    .life-modal-footer img:last-of-type {
        transform: rotate(-90deg);
        width: 80px;
    }

    .life-modal-footer {
        flex-direction: column;
        gap: 35px;
        margin: 45px 20px 30px 20px;
    }
}

@media (min-width: 500px) {
    .life-modal-header strong br:first-of-type {
        display: none;
    }
}

.slider {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slider-track {
    display: flex;
    transition: transform 0.4s ease;
    will-change: transform;
}

.slide {
    min-width: 100%;
}

.slide img {
    max-width: 100%;
    height: auto;
}

.slider-dots {
    display: flex;
    justify-content: center;
    margin: 12px 0;
    gap: 10px;
}

.slider-dots button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: none;
    background: #ccc;
    cursor: pointer;
}

.slider-dots button.active {
    background: #333;
}

@media (min-width: 1280px) {
    .slider {
        max-width: 1200px;
        margin: 0 auto;
    }
}