/* CSS Document */
body {
	color: #4A4A4A;
	font-weight: 300;
}
section.tekst {
	min-height: calc(100vh - 180px - 76px);
	padding-top: 100px;
	text-align: left;
	line-height: 1.3em;
	overflow: hidden;
}

.tekst h1, #glos h1 {
	font-size: 2.5em;
	line-height: 1.5em;
	margin-top: .5em;
}
h1.w {
    font-weight: 300;
}

.tekst h1 .wyroznik {
	display: block;
	font-size: .7em;
	font-weight: bold;
	margin: 0 0 .5em;
	line-height: normal;
}

.tekst p {
	margin: 0 0 1em;
}

.obecneKonkursy a {
	color: #23408E;
	text-decoration:underline;
}



/********* zasady *****/
#zasadyKonkursu header {
	position: relative;
	padding: 0 0 0 150px;
	    min-height: 120px;
}
#zasadyKonkursu .pkt {
	margin-bottom: 1.5em;
	position: relative;
	border-bottom: 1px solid #D8D8D8;
    padding-bottom: 2em;
}
#zasadyKonkursu .pkt:last-child {
	border-bottom: none;
	padding-bottom:0;
}
#zasadyKonkursu .pkt strong {
    margin-bottom: .5em;
    display: block;
}

#zasadyKonkursu .pkt .pelnyTekst {
	margin-left: 150px;
}

#zasadyKonkursu .ico {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: #23408E;
	color: #FFF;
	text-align: center;
	line-height: 120px;
	left: 0;
	position: absolute;
}

#zasadyKonkursu  .ico:before {
	content: '';
    top: 0;
    left: 0;
    position: absolute;
    background-repeat: no-repeat;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		-ms-transition: all 0.5s;
		transition: all 0.5s;

}

#zasadyKonkursu .ico:before {
    width: 70%;
    height: 70%;
    margin: 15%;
}

#zasadyKonkursu .umowa .ico:before {
	background-image: url('../img/noun_445463.svg');
}
#zasadyKonkursu .glosowanie .ico:before {
	background-image: url('../img/noun_441275.svg');

}
#zasadyKonkursu .weryfikacja .ico:before {
	background-image: url('../img/noun_176707.svg');
}
#zasadyKonkursu .zgloszenie .ico:before {
	background-image: url('../img/noun_589680.svg');
}



/**** kontakt ****/
#kontaktF .wrapper {
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;

}
.tekst .lewa {
	width: calc(50% - 2em);
	padding-right: 2em;
	float: left;
	    height: calc(100% - 4em);
    position: absolute;
}

.tekst p.dol {
    position: absolute;
    bottom: 0;
    font-size: .8em;
    padding-right: 2em;
}

.tekst .prawa {
	width: 50%;
	float: right;
}

.tekst .kontaktF form {
	margin: 0;
	width: calc(100% - 2em - 1em);
	padding: 1em;
	background: #23408E;
	color: #FFF;
}

.tRODO {
    color: #4A4A4A;
    font-size: 12px;
    line-height: normal;
}
.tRODO a {
    color: inherit !important;
}

#formKontakt .inp {
	width: calc(100% - 2px - 10px);
	border: 1px solid #4A4A4A;
	color: #4A4A4A;
	background: rgba(255,255,255,.8);
	margin: .4em 0;
	padding: 5px;
	position: relative;
}

#formKontakt button {
	width: 100%;
}
#formKontakt h2 {
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 300;
}
form .inp i.fa {
    width: 20px;
    text-align: center;
	margin-right: 5px;
	position: absolute;
	top: 10px;
	left: 5px;
}
form .inp input {
    width: calc(100% - 2px - 25px - 10px);
    font-size: 1em;
    font-weight: 300;
    background: none;
    border: none;
	line-height: 1.5em;
	margin-left: 25px;
}
form .inp textarea {
    width: calc(100% - 2px - 25px - 10px);
    font-size: .9em;
    font-weight: 300;
    background: none;
    border: none;
	line-height: 1.5em;
	margin-left: 25px;
	height: 5em;
}

form ::-webkit-input-placeholder {
   color: rgba(74,74,74,.7);
}

form :-moz-placeholder { /* Firefox 18- */
   color: rgba(74,74,74,.7);  
}

form ::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(74,74,74,.7); 
}

form :-ms-input-placeholder {  
   color: rgba(74,74,74,.7);
}

form button.wyslij {
	text-align: left;
	position: relative;
	font-size: 1.2em;

	padding: 15px 15px 13px;
		border:1px solid #4A4A4A;
		font-weight: bold;
	/*			-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;*/


}
form button.wyslij:after {
	position: absolute;
	right: 15px;
	content: '\f1d9';
	
}

form button.wyslij:hover {
	background: #23408E;
	color: #4A4A4A;
}

.err:after { background: #e00 !important; }
.err i {
    color: #E00 !important;
}


.button.btnNW {
        text-align: center;
    font-size: 100%;
    display: block;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 1px;
}
.button.btnNW a {
    border: 1px solid #4A4A4A;
    background: #4A4A4A;
    color: #23408E;
    padding: .6rem 1em;
    display: inline-block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin: auto;
    width: 300px;
}
#komunikatDoZgoda {
        position: absolute;
    bottom: 120px;
    background: #4a4a4a;
    width: 300px;
    left: 1%;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 15px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    display: none;
    margin-left: calc(50% - 165px);
    text-align: center;
}
#komunikatDoZgoda p {
    margin-bottom: 20px;
}
#komunikatDoZgoda p:before {
    content: '\f071';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 54px;
    color: rgba(255,255,255,.6);
    display: block;
    height: 64px;
    margin-top: 20px;
}
#komunikatDoZgoda a.wylacz {
    color: #FFF !important;
    text-transform: uppercase;
}
#komunikatDoZgoda a.wylacz.zX {
    position: absolute;
    right: 10px;
    top: 10px;
}
#komunikatDoZgoda a.wylacz.zX:before {
    content: '\f00d';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/****** mikrogranty ****/
.mm {
	margin: 0;
}
#mikrogranty {
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    display: grid;
	margin: 30px 0 0;
}
#mikrogranty .powrot, #mikrogranty .pelnyopis, #mikrogranty .akcje {
    grid-column: 1 / 3;
}
#mikrogranty .lw .w {
    margin-bottom: 0;
}
#mikrogranty .lw h2 {
    margin-bottom: 0;
    font-size: 30px;
    line-height: 1.1;
}
#mikrogranty .lw .adres {
    margin: 10px 0;
}

#mikrogranty .daneProj {
    border-top: 1px solid #9b9b9b;
    border-bottom: 1px solid #9b9b9b;
    padding: .6em 0;
    color: #9b9b9b;
}
#mikrogranty .daneProj span {
	display: block;
}

#mikrogranty .lead {
    margin: .5em 0;
}


#mikrogranty .po {
    text-transform: uppercase;
    color: #23408E;
    margin-bottom: .8em;
	    margin-top: 2em;
    font-weight: 700;
}
#mikrogranty .po:after {
    border-bottom: 1px solid #23408E;
    content: '';
    width: 100px;
    display: block;
}

#mikrogranty .zdj {

    width: 100%;
    top: 50px;
    position: relative;
	box-sizing: border-box;
}
#mikrogranty .akcje  {
    text-align: center;
    margin: 10px 0 70px;
}

#mikrogranty .pw1 {
   align-self: end;
    text-align: center;
}
#mikrogranty  .button  {
    border: none;
	background: none;
	border-radius: 0;
	line-height: normal;
	box-shadow: none;
	padding: 0;
	transition: none;
}
#mikrogranty .button a {
    border: none;
	display: block;
	line-height: 3.5;
	background: linear-gradient(#71bf44 36%, #01ac50 100%) !important;
	box-shadow: 0 15px 60px 0 rgba(0, 0, 0, 0.29);
    border-radius: 27.5px;
    color: #FFF;
    font-size: 13px;
    padding: 0 3em;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#mikrogranty  .button a:hover {
    border: none;
    color: #fff !important;
	background: linear-gradient(#71bf44 36%, #01ac50 100%);
	box-shadow: none !important;
}

#fZgl {
    width: 100%;
        height: calc(100% + 180px);
    position: fixed;
    background: rgba(0,0,0,.7);
    z-index: 9;
    top: 0;
    left: 0;
}
#glos {
    width: calc(1000px - 10px - 60px);
    margin: 50px auto;
    border: 5px solid #23408E;
    padding: 30px;
    background: #FFF;
	    min-height: 45%;
	position: relative;
	
}
#glos.ladowanie, #glos.dflex { display: flex; }
#glos .ladowanie {
    font-size: 36px; margin: auto;
}
#glos .pelne {margin: auto;}

#fZgl  .button {
	border: none;
	background: none;
	border-radius: 0;
	line-height: normal;
	box-shadow: none;
	padding: 0;
	display: block;
	transition: none;
}
#fZgl  .button a {
	border: none;
	display: block;
	line-height: 3.5;
	background: linear-gradient(#71bf44 36%, #01ac50 100%) !important;
	box-shadow: 0 15px 60px 0 rgba(0, 0, 0, 0.29);
    border-radius: 27.5px;
    color: #FFF;
    font-size: 15px;
    padding: 0 3em;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#fZgl  .button a:hover {
    border: none;
    color: #fff !important;
	background: linear-gradient(#71bf44 36%, #01ac50 100%);
	box-shadow: none !important;
}
#fZgl  .button.zamknij span {
	border: none;
	display: block;
	line-height: 3.5;
	background: #23408E;
	box-shadow: 0 15px 60px 0 rgba(0, 0, 0, 0.29);
    border-radius: 27.5px;
    color: #FFF;
    font-size: 15px;
    padding: 0 3em;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/*#glos button {
   font-size: 20px;
}
form#glos button.wyslij:after {
    position: relative !important;
    padding-left: 15px;
	right:auto !important;
}*/
#glos .zamknij {
	font-size: 1.2em;
	text-align: right;
	cursor: pointer;
	position: absolute;
	right: 30px;
    z-index: 1;
}
/*#glos button.zamknij {
    text-align: left;
    position: relative;
    padding: 15px 15px 13px;
    border: 1px solid #4A4A4A;
    font-weight: bold;
	margin-top: 25px;
}
#glos button.zamknij:after {
	content: '\f00d';
	
	padding-left: 15px;	
}

#glos button.wyslij span {
	padding: 0;
	display: inline;
}

#glos button.wyslij span:after {
	display: none;
}
*/

#fZgl .glosO {
	text-align: center;
}


.glosO h1 {
    line-height: normal !important;
	    margin-bottom: .5em;
}
.glosO h2 {
    font-size: 30px;
    line-height: normal;
}

.glosO h3 {
    font-size: 26px;
    line-height: normal;
    width: auto;
}

.glosO h4 {
    color: #9b9b9b;
}

.glosO .inp.email {
    width: 50%;
    margin: 35px auto;
    position: relative;
	border: 1px solid #23408E;
    

}

.glosO .inp.email:before {
    
    content: '\f003';
    position: absolute;
    left: 5px;
    line-height: 44px;
}
.glosO .inp.email:after {
    content: '\f069';
    
    position: absolute;
    height: 100%;
    width: 25px;
    right: 0;
    top: 0;
    background: #23408E;
    color: #FFF;
    font-size: 10px;
    line-height: 41px;
}

.glosO .inp.email input {
    /* margin: 20px 0; */
    line-height: 40px;
    padding-left: 30px;
	background: none;
	border: none;
	width: calc(100% - 2px - 25px - 30px);
}
.glosO .inp.email input:focus {
    outline: none;
}

.glosO p {
    color: #23408E;
    margin-bottom: 30px;
}

#glos button.blad {
    cursor: auto;
    background-color: rgba(74,74,74,.7) !important;
	color: #4a4a4a;
}
#glos button.blad:hover {
    cursor: auto;
    background-color: rgba(74,74,74,.7) !important;
	color: #4a4a4a;
}


input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background: none !important;
    background-image: none ;
    color: inherit !important;
}

.errOk:after {
    position: absolute;
    content: '\f058';
    
    color: green;
    right: 5px;
    top: 12px;
}

body.akc #fZgl {
	display: none;
}

#glos .ddt {
	position: relative;
	margin: 20px 0;
}

#glos .zamknij.button {
    text-align: center;
    margin: 30px auto;
    line-height: 1.2em;
	position: relative;
	right: auto;
}


#glos .zamknij.button span:after {
	content: '\f00d';
	
	padding-left: 15px;
	display: inline-block;
	   
}

#glos .zamknij.button span:hover {
	background: none;
    border: none;
    color: #23408E;
	
}

#fZgl #glos h1 {
    margin-bottom: 0;
}
#fZgl #glos h2 {
    font-size: 30px;
    line-height: 1.1;
}
#fZgl #glos h3 {
    font-size: 30px;
    line-height: 1.1;
    width: auto;
}

.wyniki {
        padding: 25px 0;
    font-size: 40px;
    border-bottom: 1px solid #9b9b9b;
    margin-bottom: 25px;
}

.wyniki .msc {
    display: inline-block;
    margin-left: 15px;
    color: #4A4A4A;
}
.wyniki .pkt {
    display: inline-block;
    margin-left: 15px;
    color: #4A4A4A;
}

.wyniki .msc:before {
    content: '\f091';
    
    color: #23408E;
    font-size: 25px;
    padding-right: 5px;
}
.wyniki .pkt:before {
    content: '\f164';
    
    color: #23408E;
    padding-right: 5px;
    font-size: 25px;
}



@media only screen 
and (max-width : 1130px) {
/* mniejsza niż normalna ----------- */

}

@media only screen 
and (max-width : 1056px) {
/************************ po przeladowaniu **************/
.tekst h1 {
    font-size: 36px;
    line-height: 1.35em;
}
.tekst h1 .wyroznik {
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 300;
}


#zasadyKonkursu header {
    padding: 0;
}

#zasadyKonkursu .ico {
    position: relative;
    margin: 0 auto;
}

#zasadyKonkursu .pkt strong {
    margin: 1em 0;
}

#zasadyKonkursu .pkt {
    padding-bottom: 0;
}
.tekst .lewa {
    width: 100%;
    float: none;
    height: auto;
    position: relative;
}
.tekst p.dol {
    display: none;
}
.tekst .prawa {
    width: 100%;
    float: none;
}
.tekst .kontaktF form {
    margin: 0;
    width: calc(100% - 2em);
}

#mikrogranty .zdj {
    width: 100%;
    float: none;
	top: 0;
 
}
.podstr h2 {
	font-size: 25px;
}
#mikrogranty .daneProj {
    width: 100%;
}
#mikrogranty .lead {
	width: 100%;
}

#mikrogranty .akcje {
    text-align: center;
    /* margin-bottom: 15px; */
    flex-direction: column;
}
#mikrogranty .akcje button {
	margin-bottom: 15px;
}

#fZgl {
    width: 100vw;
    height: 100vh;
	position: fixed;
}

#glos {
    width: calc(100% - 10px - 30px);
    padding: 15px;

}


.tekst h1, #glos h1 {
    font-size: 25px;
}

#glos label {
	padding-top: 1em;
}

#glos button {
    font-size: 14px;
	    margin-top: 15px;
}
.ikd input {
    width: calc(100% - 2px);
}


}
@media only screen 
and (max-width : 900px)  {
	

}

@media only screen 
and (orientation : portrait)
 {
/* Smartphones (portrait) ----------- */




 }

@media only screen 
and (orientation : landscape)
and (max-width : 1057px) {
/* Smartphones (landscape) ----------- */
	

}