html,
body {
	background:#fff !important;
	width:100%;
	border:0px;
	margin:0;
	height: 100%;

}
body {
	position: relative;
}
a{
	color:#fff;
}
.clear-down{
	width: 100%; 
	clear: both;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
/*** page ***/
#thanks-registration{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	display:none;

	color:#fff;
	text-transform: uppercase;
	min-height:100vh;
}
#thanks-registration .wrap-content{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;	
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;	
}
#thanks-registration h2{
	font: 60px 'DINCond', Verdana, sans-serif;
	margin:0 0 40px 0;
}
#thanks-registration .text{
	font: 34px/46px 'DINCond', Verdana, sans-serif;	
	text-align:center;
}
#thanks-registration img{
	position: absolute;
	right:100px;
}
#wrap-content-page{
	display:inline-block;
}
footer{
	height: 30px;
	width: 100%;
	background: #00594e;
	display: inline-block !important;
}
#content-page{
	margin:0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.langs{
	margin:10px 40px 0 0;
}
.langs a{
	color:#fff;
	padding-bottom: 2px;
}
.langs a.active{
	color:#c9c9c9;
	border-bottom:1px solid #fff;
}
#content-page .left{
	padding:0;
	text-align: center;
	background: #fff;
	display: flex;
  flex-direction: column;
	flex: 1;
	justify-content: right;
	text-decoration: none;
}
#content-page .left .wrap-content{
	display: flex; 
	justify-content: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;	
	min-height:100vh;
}
#content-page .left .text{
	font-family: 'Anton Regular', Verdana, sans-serif;
	text-transform: uppercase;
	color:#000;
}
#content-page .right{
	padding:0;
	background: #000;
	display: flex;
  flex-direction: column;
  flex-basis: 100%;
	flex: 1.7;
	min-height:100vh;
}
#content-page .right .wrap-content{
	display: flex; justify-content: flex-start; margin-right: 80px; width:90%;
}
#content-page section{
	width:100%;
	text-align: center;
	font:20px/20px PT Sans Regular, Arial, sans-serif;
}
#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:bold 36px/36px BNPP Sans v3, Arial, sans-serif;
	width:100%;
	color:#fff;
	margin:0;
	text-transform: uppercase;
	display: inline-block;
	clear: both;
}
#content-page section .content{
	margin:0 auto;
	line-height:30px;
	display: inline-block;
	clear: both;
}
#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:bold 20px/20px BNPP Sans v3, Arial, sans-serif;
	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;
}
.agenda-event .wrap-event{
	font-size:24px;
	margin-bottom: 30px;
}
.agenda-event .wrap-event:last-child{
	margin-bottom:0;
}
.agenda-event .wrap-event .time{
	font:bold 24px/24px BNPP Sans v3, Arial, sans-serif;
}
.agenda-event .wrap-event .desc{
	font:400 24px/24px Open Sans, Arial, sans-serif;
}
.wrap-localization{
	width: 100%;
	text-align: center;
}
.localization{
	width:100%;
	font:20px/28px Lato, Arial, Verdana, sans-serif;
}
#banner-top{
	display: inline-block;
	width:100%;
	text-align:center;
}
#banner-top img{
}
/*** registration form ***/
#registration{
	color:#000;
	display:inline-block;
	width:100%;
	clear:both;
	background-size: 100%;
	margin-bottom:20px;
	float:left;
	text-align: left;
}
#registration .header h2{
	background: none !important;
}
#registration .wrap-content{
	width: 100%;
}
#registration .content{
}
#registration-form{
	font:400 14px/14px Open Sans, Arial, sans-serif;
	color:#fff !important;
	width: 100%;
	clear: both;
	display: inline-block;
	padding:0 0px 0 80px;
}
#registration-form h2{
	font:30px/30px 'Anton regular', Verdana, sans-serif;
	margin:0 0 50px 0;
	text-transform: uppercase;
}
#registration-form h4{
	text-transform: uppercase;	
	margin: 10px 0 8px 0;
	padding: 0;
	width:100%;
	display:inline-block;
}
#registration-form #main-data-form .left-form{
	padding-right: 20px; 
	padding-left:0 !important;
}
#registration-form .text-required{
	text-transform: uppercase;
	font-family: Lato;
	font-size:12px;
	margin:0 0 10px 0;
	padding:0;
	text-align: center;
	color:#000;
}
#select-event .wrap-type-event{
	display: inline-block;
	width: 100%;
	margin-bottom:30px;
	color:#000 !important;
	text-align: center;
}
.#select-event .wrap-type-event h5{
	margin:0 0 30px 0;
	padding:0;
	text-align:left;
	font-size:20px !important;
	font-style: normal;
}
#select-event .wrap-type-event .radio-item{
	display: inline-block;
	width: 100%;
	background: #7b9e66;
	padding: 15px 30px 15px 30px;
	color:#fff;
}
#select-event .wrap-type-event .radio-item input{
	float: left;
	margin-top:5px;
	margin-right:21px;
}
#select-event .wrap-type-event .radio-item .title{
	float:left;
	font-size: 18px;
	margin:0 !important;
	padding:0 !important;
	line-height: 22px;
}
#registration-form .wrap-field{
	padding-bottom:35px;
	text-align: left;
	width:100%;
}
#registration-form .wrap-field ::placeholder{
	font:28px/40px 'DINCond', Verdana, sans-serif;
	color:#fff !important;
	text-transform: uppercase;
	opacity: 1;
}
#registration-form .wrap-field ::-webkit-input-placeholder {
	font:20px 'DINCond', Verdana, sans-serif;
	color:#fff;
}
#registration-form .wrap-field ::-moz-placeholder {
	font:20px 'DINCond', Verdana, sans-serif;
	color:#fff;
}
#registration-form .wrap-field :-ms-input-placeholder{
	font:30px 'DINCond', Verdana, sans-serif;
	color:#fff;
} 
#registration-form .wrap-field :-moz-placeholder{
	font:30px 'DINCond', Verdana, sans-serif;
	color:#fff;
} 

#registration-form .wrap-field .info{
	font-size:10px;
	width: 100%; 
	clear: both;
	color:#000;
	color: #DBDD3A;
}
#registration-form input[type=text], #registration-form textarea, #registration-form select{
	width:100%;
	border:0;
	margin:0;
	background: none;
	color:#fff !important;
	border:none;
	font:30px 'DINCond', Verdana, sans-serif;
	border-bottom:1px solid #fff;
}
#registration-form select option{
	color:#000 !important;
	font:24px Verdana, sans-serif;
	padding-bottom:0px;
}
#registration-form select option:checked{
	color:#000 !important;
}
#registration-form input[type=text] {
	height:40px;
}
#registration-form textarea{
	border:1px solid #fff;
}
#registration-form select{
	width:auto;
	color:#fff;
	border:1px solid #fff;
	height:50px;
	-webkit-appearance: none;
  -moz-appearance: none;
	appearance: none;
	padding-left:20px;
	padding-top:5px;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  background: url("../img/arrow-up.jpg") no-repeat 98.5% !important; /* !important used for overriding all other customisations */
}
.select-kategoria select{
	text-transform: uppercase;
}
.select-wydarzenie select{
	font-size:20px !important;
	height:50px !important;
	width:100%;
}
.select-wydarzenie .text-content{
	font:30px 'DINCond', Verdana, sans-serif;
	position:relative; 
	left:15px;
	top:-40px;
}
#registration-form .wrap-field .error, #registration-form .checkbox-field .error{
	color:#ffb7b8;
	margin:10px 0 0 0;
	padding:0;
	display: none;
	width:100%;
	clear:both;
	text-align: left !important;
	font-size:14px;
}
#registration-form .wrap-field.has-error input{
	border-bottom:2px solid #E00000;
}
#registration-form .wrap-field.has-error .error, #registration-form .checkbox-field.has-error .error{
	display:block;
}
#registration-form .wrap-field.has-success .error, #registration-form .checkbox-field.has-success .error{
	display:none;
}
#registration-form .wrap-field.has-success input{
	border-bottom:2px solid #409B00;
}
#registration-form .submit-button{
	font:39px 'Anton Regular', Verdana, sans-serif;
	background:#fff;
	color:#000;
	border:0;
	text-transform: uppercase;
	padding:10px 20px 0px 20px;
}
#registration-form .checkbox-field{
	display:inline-block;
	margin:0 0px 0 0;
	text-align: left !important;
	color:#fff;
	line-height:18px !important;
	padding-bottom:20px !important;
}
#registration-form .checkbox-field .wrap-checkobx{

}
#registration-form .checkbox-field input{
    width: 25px;
    height: 35px;
    padding: 0;
}
#registration-form .checkbox-field label{
	font:18px/28px 'DINCond', Verdana, sans-serif;
	text-transform: uppercase;
}
#registration-form .checkbox-field span{
	font-size:12px;
}
#registration-form .info{
	color:#575756;
	font:16px/22px Lato, Verdana, Arial, sans-serif;
}
#registration-form a.mail{
	color:#000;
	text-decoration: none;
	font-weight: bold;
	text-decoration: underline;
}
#registration-form a.mail:hover{
	color:#000;
	text-decoration: none;
	text-decoration: underline;
}
#wrap-filed-reservation-hotel .add-form{
	display: none;
}
#wrap-filed-travel .add-form{
	display: none;
}
#wrap-filed-travel .add-form .wrap-field {
	background:#fff;
	padding-bottom:10px;
	text-align: left;
	padding: 0 0 10px 0 !important;
}
#wrap-filed-travel .option{
	text-align: center;
	width: 30% !important;
	float: left;
}
#how-to-get{

}
#how-to-get .wrap-map-info{
	display: flex;
	align-items: center;
  	justify-content: center;	
}
#how-to-get .wrap-map-info .info{
	text-align:left;
	flex-grow: 100;
	min-width:440px;
	font-weight: bold;
}
#how-to-get .wrap-map-info .map img{
	width: 100%;
	padding-right:20px;
}
.participation_arrival-option{
	display: none;
}
.wrap-regulation {
	width: 100% !important;
	color:#000 !important;
	font-size:12px;
	text-align: left !important;
	padding: 0 20px 0 20px !important;
	display: inline-block;
}
.wrap-regulation a, .wrap-regulation a:hover{
	font-weight: bold;
	color:#3EB3E8;
	text-decoration: underline;
}
.wrap-regulation .info-bottom{
	margin-top:20px;
	color:#000;
}
.wrap-submit{
	text-align: center;
	display: inline-block;
	background:#e30613;
}
.wrap-submit button{
	font-weight: bold;
	font-style: normal !important;
	color:#fff !important;
	border-top:0 !important;
	border-left:0 !important;
	border-right:0 !important;
	text-transform: uppercase;
	background:none;
	margin:0 !important;
	padding:15px 100px 15px 100px !important;	
	border:0 !important;
	outline: none;
	font:bold 40px/40px PT Sans Bold, Arial, sans-serif;
}
.wrap-button-localization-dealer{
	display: inline-block;
	background:#123d5f;
	padding:15px 25px 15px 25px !important;
	text-align: center;
	margin-top:15px;
	margin-bottom:15px;
}
.wrap-button-localization-dealer img{
	display: inline-block;
	float: left;
	margin:-1px 10px 0 0;
	padding:0;
}
.button-localization-dealer{
	display: inline-block;
	color:#fff !important;
	text-transform: uppercase;
	cursor: pointer;
}
#registration-form .info-success{
	width:100%;
	padding:25px 100px 25px 100px;
	background:#2EA836;
	font:18px/22px Lato,Verdana,Arial,sans-serif !important;
	color:#fff;
	text-align: center;
	clear:both;
	margin-bottom:15px;
}
.loading-registration{
	width:100%;
	height:80px;
	clear:both;
	background:url('/img/loading.gif') center center no-repeat;
}
.contact{

}
.contact h3{

}

/** 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:20px/20px Open Sans, Arial, sans-serif;
}

@media (min-width: 1400px) and (max-width: 1600px) {
	.select2-container--default .select2-search--inline .select2-search__field::placeholder{
		font-size:22px !important;
	}
	.select-kategoria select{
		font-size:22px !important;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__rendered li input {
		height:45px !important;
		margin-top:5px !important;
	}
}

@media (min-width: 1000px) and (max-width: 1400px) {
	#content-page .right{
		padding:0;
		background: #000;
		display: flex;
		flex-direction: column;
		flex-basis: 100%;
		flex: 1.2;
		min-height:100vh;
	}
	.select-wydarzenie select{
		height:63px !important;
		padding-top:8px;
	}
	.select2-container--default .select2-search--inline .select2-search__field::placeholder{
		font-size:16px !important;
	}
	.select-kategoria select{
		font-size:16px !important;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__rendered li input{
		margin-top:4px !important;
	}
	.select2-selection--multiple{
		padding:5px 0 5px 15px !important;
	}
	.right-form {
		padding-left: 0 !important;
	}
	#content-page .right .wrap-content{
		display: flex; justify-content: flex-start; margin-right: 0; width:95%;
	}
}

@media (min-width: 1000px) and (max-width: 1200px) {
	.left-form{
		padding-right:0px !important;
	}
}

@media (min-width: 1000px) and (max-width: 1020px) {
	.left-form{
		padding-right:0px !important;
	}
}

@media (min-width: 768px) and (max-width: 1000px) {
	#content-page{
		display: inline-block;
	}
	#content-page .left{
		display: inline-block;
		width:100%;
	}
	#content-page .left .wrap-content{
		display: inline-block;; 
		margin-right: 0px;
		min-height: auto;
		padding: 50px 0 50px 0;
	}
	#content-page .left .wrap-content img{
		width:70% !important;
	}	
	#content-page .right{
		display: inline-block;
		width:100%;
		padding:0 50px 0 50px !important;
	}
	.select-wydarzenie select{
		font-size:20px !important;
		height:63px !important;
		padding-top:8px;
	}
	.select2-container--default .select2-search--inline .select2-search__field::placeholder{
		font-size:16px !important;
	}
	.select-kategoria select{
		font-size:16px !important;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__rendered li input {
		margin-top:5px !important;
	}
	.right-form {
		padding-left: 0 !important;
	}
	.left-form{
		padding-right:0 !important;
		padding-left:0 !important;
	}
}
@media (max-width: 768px) {
	#content-page{
		display: inline-block;
	}
	#content-page .left{
		display: inline-block;
		width:100%;
	}
	#content-page .left .wrap-content{
		display: inline-block;; 
		margin-right: 0px;
		min-height: auto;
		padding: 50px 0 50px 0;
	}
	#content-page .left .wrap-content img{
		width:90% !important;
	}		
	#content-page .right{
		display: inline-block;
		width:100%;
		padding:0 30px 0 30px !important;
		box-sizing: border-box;
	}
	#content-page .right .wrap-content{
		width:100%;
		margin:0 !important;
		display: inline-block;
	}
	#content-page .right .wrap-content img{
		display: none;
	}
  .right-form {
		padding-left: 0 !important;
	}
	.left-form{
		padding-right:0 !important;
		padding-left:0 !important;
	}
	#registration-form .wrap-field ::placeholder{
		font:20px 'DINCond', Verdana, sans-serif;
		color:#fff;
		text-transform: uppercase;
	}
	#registration-form .wrap-field :-ms-input-placeholder{
		font:20px 'DINCond', Verdana, sans-serif;
		color:#fff;
	} 
	#registration-form .wrap-field ::-ms-input-placeholder{
		font:20px 'DINCond', Verdana, sans-serif;
		color:#fff;
	}
	#registration-form .wrap-field ::-webkit-input-placeholder {
		font:20px 'DINCond', Verdana, sans-serif;
		color:#fff;
	}
	#registration-form{
		padding:0;
	}
	#field-kategoria{
		width:100% !important;
	}
	#field-rodzaj{
		width:100% !important;
	}
	#registration-form .checkbox-field label{
		font:16px/24px 'Anton Regular', Verdana, sans-serif;
	}
	.wrap-checkobx{
	}
	#registration-form input[type=text], #registration-form textarea, #registration-form select{
		font:20px 'Anton Regular', Verdana, sans-serif;
	}
	.select-wydarzenie select{
		font-size:11px !important;
		height:63px !important;
		padding-top:8px;
	}
	.select2-container--default .select2-search--inline .select2-search__field::placeholder{
		font-size:14px !important;
	}
	.select-kategoria select{
		font-size:16px !important;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__rendered li input {
		height:auto !important;
		margin-top:5px !important;
	}
	.select2-selection__rendered{
		width:80% !important;
		padding:10px 0 12px !important;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		background-color: #fff;
		color:#000;
		font:20px 'DINCond', Verdana, sans-serif !important;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
		padding: 5px 5px 0 5px; 
	}

	#thanks-registration h2{
		font: 36px 'DINCond', Verdana, sans-serif;
		margin:0 0 30px 0;
	}
	#thanks-registration .text{
		font: 19px/46px 'DINCond', Verdana, sans-serif;	
		text-align:center;
	}
}

/* Customize the label (the container) */
.wrap-checkobx {
	border:1px solid #fff;
	width: 50px;
	height:50px;
}
.wrap-checkobx label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.wrap-checkobx input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.wrap-checkobx .checkmark {
  position: absolute;
  top: 9px;
  left: 9px;
  height: 30px;
  width: 30px;
  background-color: #eee;
}

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

/* When the checkbox is checked, add a blue background */
.wrap-checkobx  input:checked ~ .checkmark {
  background-color: #fff;
}

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

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

/* Style the checkmark/indicator */
.wrap-checkobx  .checkmark:after {
  left: 6px;
  top: 6px;
  width: 18px;
  height: 18px;
	background:#000;
}