.formularz-boczny-class{
position:fixed;
right: 25px;
bottom: -484px;
display: flex;
height: 550px;
background:transparent;
width: 400px;
align-items: center;
z-index: 999999;
flex-direction: column;
}

.naglowek-formularza-class,
.naglowek-formularza-mobile-class{
background: #d92b23;
color: #fff;
margin: 0;
cursor:pointer;
transition:all 1s ease 0s;
box-shadow: 0 0 18px 5px rgba(0,0,0,.2);
}


.naglowek-formularza-class:hover{
	background: #18b530;
}


.naglowek-formularza-class{
padding-left: 12px;
}


.naglowek-formularza-class span,
.naglowek-formularza-mobile-class span{
display: block;
position: relative;
text-align: center;
font-size: 18px;
text-transform: lowercase;
padding: 20px 30px;
}


.formularz-boczny-class form,
.formularz-boczny-class .wyslanopoprawnie-class,
.formularz-boczny-class .niewyslano-class{
height:100%;
width:100%;
margin-bottom: 0;
box-sizing: border-box;
background: #fff;
display: flex;
flex-wrap: wrap;
box-shadow: 0 0 18px 5px rgba(0,0,0,.2);
}

.formularz-boczny-class .objasnienie b{
display:block;
font-size:14px;
}

.formularz-boczny-class .objasnienie{
color: #555;
text-align: left;
font-size: 12px;
line-height: 18px;
margin: 0px 5%;
box-sizing: border-box;
width: 95%;
}


.formularz-boczny-class label{
font-size: 10px;
line-height: 12px;
color: #717171;
text-align: justify;
margin: 0;
box-sizing: border-box;
width: 85%;
margin-right: 5%;
}

.formularz-boczny-class input,
.formularz-boczny-class textarea{
width: 90%;
border-radius: 0;
padding: 10px;
box-sizing: border-box;
margin: 0px 5%;
box-sizing: border-box;
margin-bottom: 10px;
font-family: 'Poppins', sans-serif;
font-size: 0.9rem;
background: transparent;
border-style: solid;
border-width: 1px;
font-size: 0.8rem;
line-height: 1.7em;
}

.formularz-boczny-class input[type="checkbox"]{
width: 5%;
margin-right: 0px;
align-self: baseline;
}


.formularz-boczny-class .wyslijmnie-class,
.formularz-boczny-class .zamknijmnie-class{
display: block;
background: #d92b23;
color: #fff;
padding: 15px 10px;
font-size: 12px;
cursor: pointer;
margin-top: 10px;
text-align: center;
font-weight: 600;
text-transform: uppercase;
width: 90%;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
}



.formularz-boczny-class .wyslijmnie-class:hover{
	background: #18b530;
}



.formularz-boczny-class .zamknijmnie-class{
background:#ddd;
}

.naglowek-niebieski-from{
background: #0467b2;
color: #fff;
margin-top: 0;
padding: 5px 20px;
font-size: 13px;
font-weight: 500;
display: flex;
justify-content: space-between;
width: 100%;
box-sizing: border-box;
align-items: center;
}

.naglowek-formularza-class img,
.naglowek-formularza-mobile-class img{
height: 20px;
width: auto;
margin-right: 5px;
vertical-align: middle;
}

.formularz-boczny-class h3 .zamknijsie{
display: block;
cursor: pointer;
font-size: 19px;
}

.formularz-boczny-class .zamknijsie:hover{
color:#d92b23;
}


.formularz-boczny-class .formZaznaczony{
animation:none;
background: transparent !important;
z-index:-1;
opacity:0;
}



.formularz-boczny-class .wyslanopoprawnie-class,
.formularz-boczny-class .niewyslano-class{
display:none;
}



.formularz-boczny-class .wyslanopoprawnie-class .objasnienie span,
.formularz-boczny-class .niewyslano-class .objasnienie span{
display: inline-block;
background: #f34906;
color: #fff;
padding: 5px 10px;
cursor:pointer;
}


.niewyslano-class h3{
background: #d32429;
}

.naglowek-formularza-mobile-class{
display:none;
z-index: 888;
}

.naglowek-formularza-mobile-class a{
color:#fff;
text-decoration:none;
}



@media (max-width:500px),(max-height:500px){

	.formularz-boczny-class{
		display:none;
		width: 100%;
		right: 0;
	}


	.naglowek-formularza-mobile-class{
		display:block;
		position:fixed;
		bottom:0px;
		right:0px;
		left:0px;
	}


	.naglowek-formularza-class span, .naglowek-formularza-mobile-class span {
		display: flex;
		position: relative;
		text-align: center;
		font-size: 18px;
		text-transform: lowercase;
		padding: 0.6em 0.5em;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
	}

}



.naglowek-formularza-class span{
background-image: url(tmpl/czat.png);
background-repeat: no-repeat;
background-size: 20px;
background-position: 20px center;
padding-left: 50px;
}



.komunikatyformularz-dolny-boczny-class{
display:none;
border: dotted 1px #fff;
width: 90%;
  padding: 5px;
  background: #f8f600;
  font-size: 0.8rem;
color: #000;
text-align: center;
margin-bottom: -10px;
align-content: center;
margin-bottom: 0.1em;
}



.wyslanobp-boczny{
background: #5fbe62;
color:#fff;
}



.niewyslanobp-boczny{
background: red;
color:#fff;
}

.formularz-boczny-class .wymagane-boczny{
border-color: red !important;
box-shadow: 1px 1px 10px 3px red !important;
}


.naglowek-formularza-class sup,
.naglowek-formularza-mobile-class sup{
position: absolute;
background: #0467b2;
display: block;
top: -10px;
width: 30px;
height: 30px;
padding: 5px;
box-sizing: border-box;
border-radius: 30px;
text-align: center;
line-height: 18px;
font-weight: bold;
font-size: 14px;
margin-left: -17px;
border: solid 2px;
}

.naglowek-formularza-mobile-class sup{
margin-left: 10px;
top: -15px;
}

/* Dolny formularz styles start here */
.formularz-dolny-class.czarny{
color:#fff;
}




.formularz-dolny-class form{
width: 100%;
display: flex;
flex-wrap: wrap;
}


.formularz-dolny-class form input,
.formularz-dolny-class form textarea{
width:100%;
}



.formularz-dolny-class form input[type="text"],
.formularz-dolny-class form textarea{
	background: #00548a;
padding: 20px;
border-radius: 0;
border: none;
margin-bottom: 0.5em;
font-family: 'Poppins', sans-serif;
font-size: 0.9rem;
}


.formularz-dolny-class form textarea::placeholder{
	font-size: 0.85rem;
	display: block;
	line-height: 1.4;	
}

.formularz-dolny-class.czarny form,
.formularz-dolny-class.czarny form input,
.formularz-dolny-class.czarny form textarea{
color: #fff;
}

.formularz-dolny-class.bialy form,
.formularz-dolny-class.bialy form input,
.formularz-dolny-class.bialy form textarea{
	color: #fff;
}

.formularz-dolny-class input[type="checkbox"]{
margin-right: 0px;
align-self: baseline;
width: 20px;
height: 20px;
margin-top: 0;
}


.formularz-dolny-class label{
width: 95%;
padding-left: 1%;
color: #b8dff9;
text-align: justify;
box-sizing: border-box;
font-size: 0.65rem;
}

.formularz-dolny-class label a{ 
text-decoration:underline;
color:#eee;
}


.wyslijbp-class{
display: block;
background: #d92b23;
color: #fff;
padding: 15px 10px;
font-size: 12px;
cursor: pointer;
margin-top: 10px;
text-align: center;
font-weight: 600;
text-transform: uppercase;
width: 100%;
}


.wyslijbp-class:hover{
text-decoration: none;
background-color: #0467b2 !important;
transition:all 1s ease 0s;
}


.formularz-dolny-class h2{
margin-top: 0;
font-size: 15px;
}

.formularz-dolny-class h2 span{
font-weight:normal
}

.formularz-dolny-class .wymagane{
border-color: red;
box-shadow: 1px 1px 10px 3px red;
}

.komunikatyformularz-dolny-class{
display:none;
border: dotted 1px #fff;
width: 100%;
padding: 10px;
background: #f1f1f1;
font-size: 13px;
color: #000;
}

.formularz-dolny-class .wyslanobp{
background: #5fbe62;
color:#fff;
line-height: 16px;
}



.formularz-dolny-class .niewyslanobp{
background: red;
color:#fff;
}


.wyslijzap19{
display: block;
background: #d92b23;
color: #fff;
padding: 15px 10px;
font-size: 12px;
cursor: pointer;
margin-top: 10px;
text-align: center;
font-weight: 600;
text-transform: uppercase;
width: 100%;
max-width: 250px
}


.zmnikjmobilne{
display:none;
}


@media (max-width:640px){


	.calastrona .zmnikjmobilne{
		display: flex;
		font-size: 36px;
		text-align: left;
		line-height: 40px;
		margin-left: auto;
		margin-bottom: 20px;
		width: 100%;
		justify-content: space-between;
	}

	.calastrona .zmnikjmobilne b:nth-child(1){
		font-size:18px;
	}

	.calastrona .zmnikjmobilne b:nth-child(2){
		color: #ddd;
	}


	#formularzdol .calastrona  h2 {
		display:none;
	}

	.zmnikjmobilne{
		cursor:pointer;
	}

	.formularz-dolny-class label {
		width: 90%;
	}


	body .calastrona .formularz-dolny-class {
		padding: 20px;
	}

	.calastrona .formularz-dolny-class label {
		font-size: 11px;
		line-height: 14px;

	}
}



body .calastrona{
display: flex;
position: fixed;
top: 0;
left: 0;
right: 0;
border: 0;
background: rgba(0,0,0,1);
width: 100%;
height: 100vh;
flex-wrap: wrap;
align-content: center;
z-index: 9999;
width: 100% !important;
float: none !important;
margin-right: 0 !important;
justify-content: center;
}


body .calastrona::afterSSSS{
content:"";
width:100%;
height:100vh;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index: 10000;
}

body .calastrona .formularz-dolny-class{
max-width: 500px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
padding: 20px;
box-sizing: border-box;
z-index: 10001;
position: relative;
}

body .calastrona h2{
width: 100%;
text-align: center;
margin-top: 0;
padding-top: 0;
margin-bottom: 5px;
width: 100%;
}


.telefon-mobilny-class{
display: none;
position: fixed;
height: 70px;
width: 70px;
background-color: #5ec765;
bottom: 80px;
border-radius: 100px;
background-image: url(tmpl/telefon-kontaktowy.png);
background-repeat: no-repeat;
background-position: center;
background-size: 25px;
box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
right: 20px;
}

.telefon-mobilny-class:hover{
background-color:#f84f00;
transition:all 1s ease 0s;
}

.danekontaktinfofol-class,
.danekontaktinfo-class{
font-size: 0.7rem;
  display: block;
  line-height: 1.4;
padding: 0em 2em;
}


.danekontaktinfofol-class{
	padding: 0em;
}

.danekontaktowepolecale{
	display: flex;
}