body
{
	background: #ec662e url('../images/bg.jpg') repeat no-repeat;
	background-size: 100%;
	color:white;
	font-family: "Rajdhani";
}
.logo
{
	text-align: center;
}
.logo img
{
	padding: 50px 0 60px;
	max-width: 100%;
}
.header_title
{
	font-size: 72px;
	color: #ffffff;
	font-family: "Rajdhani";
	font-weight: 700;
	text-align: center;
}
@media (max-width: 767px) {
	.header_title
	{
		font-size: 35px;
	}
}
@media (max-width: 990px) and (min-width: 767px) {
	.header_title
	{
		font-size: 55px;
	}
}

.error
{
	display: none;
	font-weight: 700;
	background: #f00;
    border-color: #e3bfbf;
    color: #fff;
    padding: 4px 14px;
    font-size: 0.85em;
    margin: 10px 0 0;
}
.visible
{
	display: block;
}
.zgody .error
{
	margin-left: 45px;
}
input
{
	width:100%;
	background:#ffffff24;
	border:none;
	margin:10px 0;
	font-size: 15px;
	color: #ffffff;
	font-family: "Rajdhani";
	font-weight: 400;
	padding: 10px 15px;
}
input:hover,select:hover,input:focus,select:focus
{
	outline: none;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: white;
opacity: 1; /* Firefox */
}

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

::-ms-input-placeholder { /* Microsoft Edge */
color: white;
}
/* Przycisk wyślij */
button
{
	width:100%;
	background:#ececec63;
	border:none;
	margin:10px 0;
	color: #ffffff;
	font-family: "Rajdhani";
	padding: 10px 15px;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer;
}
button:hover
{
	background:#ececec42;
}
/* CUSTOM SELECT */

/*the container must be positioned relative:*/
.new-select {
position: relative;
font-family: "Rajdhani";
margin-bottom: 8px;
}

.new-select select {
display: none; /*hide original SELECT element:*/
}

.select-selected {
background-color: #ffffff24;;
}

/*style the arrow inside the select element:*/
.select-selected:after {
position: absolute;
content: "";
top: 17px;
right: 15px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
top: 10px;
}

/*style the items (options), including the selected item:*/
.select-items div {
color: #000000;
font-weight: 700;
padding: 0px 25px;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
user-select: none;
}
.select-selected {
color: #ffffff;
padding: 8px 16px;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
user-select: none;
}

/*style items (options):*/
.select-items {
position: absolute;
background-color: white;
top: 0;
left: 0;
right: 0;
z-index: 99;
padding:20px 10px;
}

/*hide the items when the select box is closed:*/
.select-hide {
display: none;
}

.select-items div:hover, .same-as-selected {
/* background-color: rgba(0, 0, 0, 0.1); */
}
.same-as-selected:after 
{
	content: '';
    width: 10px;
    height: 10px;
    background: #ec662f;
    border: 2px solid black;
    display: block;
    position: absolute;
    margin-top: -17px;
    left: 18px;
    border-radius: 5px;
}

/* Checkbox */

.checkbox_c {
	display: block;
    position: relative;
    padding-left: 25px;
    margin: 5px 20px;
    cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

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

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

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

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

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

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

/* Style the checkmark/indicator */
.checkbox_c .checkmark:after {
	left: 4px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #ec662e;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Stopka */
footer
{
	min-height: 70px;
	background: black;
	padding: 20px 0 15px;
	text-align: center;
}
footer img
{
	max-height: 35px;
}

/* .banner
{
	width:100%;
} */
/* 
.banner-max
{
	display: none;
}
.banner-mini
{
	display: none;	
}
.container-color
{
	background: #e5e5e5;
    padding: 5px 30px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(189, 189, 189, 0.75);
}

@media (max-width: 767px) {
	.banner-mini
	{
		display: block;
	}
}
@media (min-width: 767px) {
	.banner-max
	{
		display: block;
	}
}

.title
{
	background: #264796;
    border-radius: 5px;
    padding: 3px 10px;
    color: white;
}
.short-title
{
	display: block;
    margin-top: 3px;
    margin-left: 4px;
    color: grey;
}
.row
{
	padding: 10px 0;
}
.col
{
	padding:0 !important;
}
input[type=text],textarea
{
	width:calc(100% + 1px);
	padding: 0 5px;
}
button
{
	background: #264796;
    border-radius: 5px;
    padding: 3px 10px;
	color: white;
	border:0;
	width:100%;
	cursor: pointer;
}
.button-save
{
	background: grey;
} */