/* .logo{
  padding: 20px 0;
  width:1100px;
}
.logo img{
  width: 100%;
}
.banner img{
  width: 100%;
} */

html,
body {
	background:#fff !important;
    width:100%;
    border:0px;
    margin:0;
    min-height: 100%;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300;
}
*{
  font-size:25px;
}
b{
  font-weight: 600 !important;
}
body {
	position: relative;
}
.logo{
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo img{
  width:80%;
  padding:20px 5%;
}
.banner{
  text-align: center;
}
.banner img{
  width: 100%;
  max-width:1920px;
}
.wrap-content-page{
	display: flex;
  align-items: center;
  justify-content: center;	
}
.content-page{
	margin:0 auto;
  width: 100%;
	max-width: 1200px;
}
.content-page section{
	width:100%;
	text-align: center;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300;
}
.content-page section .header img{
	width: 100%;
	float: left;
	display: inline-block;
	clear: both;
}
.content-page section .header h2{
	background:url('/img/content-bg-1.jpg') repeat-y;
	background-size: cover;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300;
	width:100%;
	color:#fff;
	margin:0;
	padding:20px 0 15px 0;
	text-transform: uppercase;
	dsiplay: inline-block;
	clear: both;
}
.content-page section .content{
	margin:0 auto;
	line-height:30px;
	display: inline-block;
	clear: both;
	padding: 50px 0 50px 0;
}
.content-page #intro-text{
	padding: 50px 0 0px 0;
}
.content-page #intro-text .content{
	padding: 50px 0 30px 0;
	line-height:31px !important;
}
.content-page #intro-text .button-how-to-get{
	background: #fff;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300;
	border:2px solid #008f78;
	width: auto;
	margin:0 auto;
	display: inline-block;
	clear:both;
	color: #008f78;
	border-radius: 5px;
	padding: 10px 12px 7px 10px;
	text-transform: uppercase;
}
.content-page .agenda-event{
	display: none;
	color:#000;
}
.content-page .agenda-event .header{
	margin-top:20px !important;
	display: inline-block;
	width:100%;
}
.content-page .agenda-event .content{
	padding: 50px 0 50px 0;
}
/** overlay **/
#overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	background: #fff url('/img/loading.gif') center center no-repeat;
	color:#fff;
	opacity: 0;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300;
}
#form{
  background: #56dce8;
  padding-top:15px;
  padding-bottom:150px;
}
form{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items:center;
}
.wrap-field{
  width: 50%;
}
.wrap-field input{
  background: none;
  border: 0;
  text-align: center;
  border-bottom: 1px solid #124063;
  font-size: 20px;
  color:#124063;
}
.wrap-field input:focus{
  outline: none;
}
form select{
  width: 50%;
  background: none;
  border: 0;
  text-align: center;
  border-bottom: 1px solid #124063;
  font-size: 20px;
  color:#124063;
}
form select:focus{
  outline: none;
}
form button:focus{
  outline: none;
}
footer{
  text-align: center;
}
footer img{
  margin-top:30px;
  width: 100%;
  max-width:1920px;
}
h2{
  color:#0271a0;
  font-size:30px;
  text-align: center;
}
@media screen and (max-width: 560px) {
  .resp-iframe {
    width: 100%;
    height: 315px;
  }
}
@media screen and (min-width: 560px) {
  .resp-iframe {
    width: 560px;
    height: 315px;
  }
}
ul {
list-style-type: none;
text-align: left;
}
li{
  background-repeat: no-repeat !important;
  min-height: 100px;
  padding: 15px 80px;
}
#register{
  margin-top:20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#register h2{
  margin: 0;
  font-size: 35px;
  padding-right: 10px;
}
#register b{
  padding-left: 5px;
}
.register-h{
  color:#124063;
  font-size:35px;
  text-transform: uppercase;
  text-align: center;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #124063;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #124063;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #124063;
}
button{
  margin-top:30px !important;
  width: 309px;
  height: 83px;
  padding: 0px;
  border:0;
  background: none;
  align:center;
}
select {
  text-align: center;
  text-align-last: center;
  /* webkit*/
}
option {
  text-align: left;
  /* reset to left*/
  color:black;
}
.error{
  padding: 0px;
  margin: 0px;
  color: red;
  font-size: 15px;
  height: 20px;
}
.has-error input{
  border-bottom:1px solid red;
}
.has-error select{
  border-bottom:1px solid red;
}
.green{
  color:#0271a0;
}
.green-big{
  color:#0271a0;
  font-size:45px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #6f6f6f !important;
  -webkit-box-shadow: 0 0 0 1000px rgb(255, 255, 255) inset !important;
}
.hide-counter{
  position: absolute;
  padding: 10px;
  font-size: 40px;
  color:rgba(0,0,0,0);
}
.punkty {
	list-style: none;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 0;
}
.punkty li {
	padding: 20px;
	padding-left: 45px;
	min-height: auto;
}
.punkty li::before {
	display: inline-flex;
	width: 50px;
	position: absolute;
	left: -20px;
	align-items: center;
	justify-content: center;
	height: 50px;
	border-radius: 50%;
	background: #0271a0;
	font-weight: bold;
	color: #fff;
}
.punkty li:nth-child(1)::before {
	content: "1";
}
.punkty li:nth-child(2)::before {
	content: "2";
}
.punkty li:nth-child(3)::before {
	content: "3";
}
.punkty li:nth-child(4)::before {
	content: "4";
}
.punkty li:nth-child(5)::before {
	content: "5";
}