@charset "utf-8";
/* CSS Document */
.container{padding: 0px}

@media (max-width:575.9px){.container{padding: 0px 15px}}


.baner{background-color: #efefef; text-align: center}

.wstep{background-color: #FFFFFF; text-align: center; font-family: 'Josefin Sans', sans-serif; color: #005D92; padding: 50px 0}
.wstep p{  margin: 0px; font-weight: 400; font-size: 20px; line-height: 20px; margin-bottom: 10px; margin-top: 10px}
.wstep h1{text-transform: uppercase; text-align: center; 

     font-size: 31px; font-weight: bold; line-height: 1;  margin-bottom: 8px; margin-top: 8px}
.wstep h2{text-transform: uppercase; text-align: center; 

     font-size: 31px; font-weight: bold; line-height: 1;  margin-bottom: 8px; margin-top: 8px}
.wstep img{margin: 10px 0}
.wstep span{font-weight: bold; font-size: 31px}

.zasady{background-image: url("../images/zdjecie_tlo_2.jpg");background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #ffffff; padding: 40px 0px 60px 0px; }

.zasady h2{text-transform: uppercase; color: #005D92; text-align: center; 

    font-family: 'Josefin Sans', sans-serif; margin: 0px; font-size: 20px; font-weight: 400; line-height: 24px; margin-bottom: 1rem}
.zasady p{ color: #005D92;  

    font-family: 'Josefin Sans', sans-serif; margin: 0px; font-weight: 400; font-size: 16px; line-height: 20px}
.zasady p span{color: #e37552}
.zasady .col-1{padding: 0px}
.punkty{margin-top: 60px;  border: 1px solid #FFFFFF;
 text-align: center; padding: 4px; color: #005D92}
.btn-reg { padding: 21px 29px; background: #6F94AF 0% 0% no-repeat padding-box;
opacity: 1;
 text-align:center; font-size:21px; font-weight: 600; 

    font-family: 'Josefin Sans', sans-serif; color:#ffffff; line-height:1;  overflow:hidden;  border:0; cursor:pointer; z-index:0; position:relative;margin-top: 30px; margin-bottom: 30px; border-radius:0px; text-transform: uppercase; }
.insight {background-color: #ffffffd6; padding-top: 40px; padding-bottom: 20px }
.punkty p{padding-left: 20px}
.pad_left{padding-left: 0px}
.pad_right{padding-right: 0px}
.cyfra{
    font-size: 41px;
    font-weight: 500;
    line-height: 1;
    padding-top: 15px; padding-bottom: 10px
}

@media (max-width:979.9px){
	
	.pad_left{padding-left: 15px}
.pad_right{padding-right: 15px}
}


.nagrody{background-color: #efefef; padding: 57px 0px 100px; text-align: center}
.nagrody h2{text-transform: uppercase; color: #000000; text-align: center; 

    font-family: 'Josefin Sans', sans-serif; margin: 0px 0px 20px; font-size: 20px; font-weight: 400; line-height: 24px}
.nagrody h3{text-transform: uppercase; color: #e37552; text-align: center; 

    font-family: 'Josefin Sans', sans-serif; margin: 20px 0px 0px; font-weight: 700; font-size: 28px; line-height: 54px}
.nagrody p{text-transform: uppercase; color: #000000; text-align: center; 

    font-family: 'Josefin Sans', sans-serif; margin: 0px 0 40px; font-weight: 700; font-size: 16px; line-height: 18px}



.formularz{background-color: #efefef; background-image:url("../images/zdjecie_tlo_3.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.formularz .container{ padding: 100px 0px;}
.formularz h2{text-transform: uppercase; color: #ffffff; text-align: center; 

    font-family: 'Josefin Sans', sans-serif; margin: 0px 0 40px;font-size: 20px; line-height: 24px}
.formularz .praca{text-align: left; margin: 40px 0 0px}

@media (max-width:979.9px){.formularz .container{padding: 80px 15px;}}



/* FORM */
#form-section{background-color:#ffffff;padding-bottom: 40px;color: #921F22;}
#form-section h2{color: #921F22; 

    font-family: 'Josefin Sans', sans-serif;font-size: 38px; margin-bottom: 20px; text-transform: uppercase; text-align: center}
#form-section h3 { 

    font-family: 'Josefin Sans', sans-serif; font-size: 24px; text-transform: uppercase;}
#form-section h4{color: #921F22; 

    font-family: 'Josefin Sans', sans-serif;font-size: 28px; margin-bottom: 30px; margin-top: 30px; text-transform: uppercase; text-align: center}
#form-section p {color: #921F22; 

    font-family: 'Josefin Sans', sans-serif;font-size: 24px; text-transform: uppercase;}
#form-section small{line-height: 1; color: #921F22!important; font-size: 70%}
.form-group { 

    font-family: 'Josefin Sans', sans-serif;font-size: 15px; color: #ffffff; font-weight: 400;  line-height: 1;}
.form-control-sm{font-size: 18px; color: #000000;border-bottom: 1px solid #ffffff; border-right:none;border-left:none;border-top:none; border-radius: 0;  

    font-family: 'Josefin Sans', sans-serif;}
.formularz p{font-family: 'Josefin Sans', sans-serif;font-size: 18px; color: #ffffff; font-weight: 400;  line-height: 1; margin-top: 15px}
.form-control{background-color: #fff0;}
.form-control::-webkit-input-placeholder {color: #921F22; opacity: 1;}
.form-control::-moz-placeholder {color: #921F22;opacity: 1;}
.form-control:-ms-input-placeholder {color: #921F22;opacity: 1;}
.form-control::-ms-input-placeholder {color: #921F22;opacity: 1;}
.form-control::placeholder {color: #921F22;opacity: 1;}
.checkbox {font-size: 12px; 

    font-family: 'Josefin Sans', sans-serif; color: #ffffff}
 .checkbox a {text-decoration: underline !important; color:#ffffff}
 .checkbox a:hover {color:#005D92 !important;}

.col-form-label{line-height: 1.2; }


/*zalacz plik*/
.file-container {width:100%; height:50px; display:inline-block; position:relative; overflow:hidden;}
/* input file dostaje z-index:2, oraz pozycjonowanie absolutne */
.file-container input[type="file"] {font-size:30px; position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; z-index:2; height:80px; display:block; cursor:pointer;}
 
/* a input text i button dostają mniejszy z-index dzięki czemu znajdują się pod "niewidzialnym" input file */
.file-container input[type="button"] {float:right; padding: 8px 19px; background: #ffffff 0% 0% no-repeat padding-box;
margin-top: 15px;
 text-align:center; font-size:15px; font-weight: 600; 

    font-family: 'Josefin Sans', sans-serif; color:#005D92; line-height:1; overflow:hidden; display:block; border:0; cursor:pointer; z-index:0; position:relative; }
.file-container input[type="text"] {float:left; width:120px; padding:5px; height:50px; background-color: rgba(255,255,255,0.00); border:0px solid #aaa; z-index:0; position:relative; font:11px ; color:#ffffff; text-align: center}

.text-muted {
    color: #ffffff !important;
}
@media (min-width:992px) and (max-width:1199.98px){
	
	.file-container input[type="button"]{font-size: 18px}

}

@media (min-width:768px) and (max-width:991.98px){
	
	.file-container input[type="button"]{font-size: 18px}
	

}

textarea.form-control {
 
  background-color: #ffffff;
}



.file-container input[type="button"]:hover {background:#bdbbbc;}
.file-container input[type="text"]:hover {background:#bdbbbc;}


.btn-send { padding: 8px 29px; background: #ffffff 0% 0% no-repeat padding-box;
 text-align:center; font-size:15px; font-weight: 600; 

    font-family: 'Josefin Sans', sans-serif; color:#005D92; line-height:1;  overflow:hidden; display:block; border:0; cursor:pointer; z-index:0; position:relative;margin-top: 30px; border-radius:0px}





.data{background-color: #ffffff; color: #005D92; text-transform: uppercase; 

    font-family: 'Josefin Sans', sans-serif; text-align:center; font-size:18px; padding: 25px 0px}
.kontakt{background-color: #6F94AF; color: #ffffff; text-transform: uppercase; 

    font-family: 'Josefin Sans', sans-serif; text-align:center; font-size:18px; padding: 25px 0px; line-height: 1.2}
.footer{background-color: #ffffff; color: #000000;  

    font-family: 'Josefin Sans', sans-serif;  font-size:18px; padding: 15px 0px}
.footer a{color: #000000}
.footer a:hover{color: #e37552; text-decoration: none}




/* Cookie warning */
#cookie-warn{
    position: fixed;
    bottom: 0;
    background: #EEE;
    margin: 0;
    padding: 15px;
    width: 100%;
    display: none;
    z-index: 99;
}
 
#cookie-warn a{
	padding-right: 20px;
	display: inline-block;
    background: #fff;
    color: #000;
    padding: 5px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 1.5px
}
 
#cookie-warn p{
    font-size: 16px;
    color: #333;
	
}
#cookie-warn{position:fixed;bottom:0;width:100%;background:#000000;padding:20px 0;color:#fff;z-index: 99;}
#cookie-warn h4{margin:0}
#cookie-warn a.more{display:inline-block;background:#fff;color:#000;padding:5px 25px;font-weight:700;text-transform:uppercase;font-size:13px;line-height:1; letter-spacing: 1.5px;}
#cookie-warn{background-color:rgba(0,0,0,0.85)}#cookie-warn .icon{position:relative}
#cookie-warn .container{background:none;}
#cookie-warn .icon:before {
	    right: 20px;
    position: absolute;
    top: -62px;
    background: url("../images/cookie.png");
    display: block;
    width: 100px;
    height: 116px;
    content: "";
}
.more{margin-top: 15px;}
#cookie-warn h4 {
	margin: 0;}


.modal.modal-fullscreen .modal-dialog {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none; 
}

.modal.modal-fullscreen .modal-content {
  height: auto;
  height: 100vh;
  border-radius: 0;
  border: none; 
}

.modal.modal-fullscreen .modal-body {
  overflow-y: auto; 
}

.btn_black-age{background-color: #000000;  color: #ffffff; border-radius: 0px; font-size: 1.2rem; padding: 10px 20px; margin-top: 15px; line-height: 1}
.btn_orange-age{background-color: #ff4c00;  color: #ffffff; border-radius: 0px; font-size: 1.2rem; padding: 10px 20px; margin-top: 15px; line-height: 1}
.btn_black-age:hover{color:#ffffff}

/*age*/

.info-age{ min-height: 100vh; text-align: center}

.komunikat-age{ padding: 35px}

.modal-body{padding: 0rem}