.logo span {
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    top: 23px;
	left: 35px;
}

.container-title {

	max-width: 600px;

    margin: 120px auto 0px;

    text-align: center;

    vertical-align: middle;

    background: #a6d6ff;

    padding: 20px;

	border-radius: 10px 10px 0 0;

}

.container-title h1 {

    font-weight: 700;

    color: #003a6c;

}

.container-title h3 {

    font-weight: 500;

    color: #003a6c;

}

.container-login {

	max-width:600px;

	margin: 0 auto;

	padding: 25px;

    background: #003a6c;

	border-radius: 0 0 10px 10px;

}

label.form-label {

    color: #fff;

}

.form-text {

	color: #bedefa;

}



.container-title input[type="checkbox"] + label, input[type="radio"] + label {

    text-decoration: none;

    cursor: pointer;

    display: inline-block;

    font-size: 14px;

    letter-spacing: 0;

    text-transform: none;

    font-weight: 300;

    background: none;

    padding: 20px;

    padding-right: 1rem;

    position: relative;

    min-width: 180px;

    width: 100%;

    display: inline-block;

    line-height: 22px;

}

.container-login label.form-check-label {

    color: #94defa;

}



/* ------------------ alerty --------------------------------- */

.alertbox

{

	position:fixed /*absolute*/;

	z-index:998;

	top:0;

	left:0;

	width:100%;

	height:100%;

	margin: 0;	

	background-color: rgba(0, 0, 0, 0.3);

	display: block;

}



.alert

{

    background: #137bc5 /*#f44336*/;

    color: white;

	height: 200px;

    position: relative;

    top:35%;

    margin: auto;

    width: 60%;

    border: 3px solid #fff;

    padding: 10px;

}



.alert  p {

    margin: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    color: #fff;

}



.closebtn {

    margin-left: 15px;

    color: white;

    font-weight: bold;

    float: right;

    font-size: 22px;

    line-height: 20px;

    cursor: pointer;

    transition: 0.3s;

}



.closebtn:hover {

    color: black;

}



/* ------------------ koniec alerty --------------------------------- */

.height500 {

    line-height: 3em;

}

/* ------------------ video laptop --------------------------------- */
video#myVideo2 {
    width: 70%;
    margin: 8% 13% 0%;
    position: absolute;
    z-index: 0;
}
img.video {
	    position: relative;
    z-index: 1;
}
/* ------------------ łatwa obsługa --------------------------------- */
ol.obsluga {
    margin: 0 20px;
}

/* ------------------ Formularz kontaktowy - checkbox --------------------- */
.contact-form {
    padding: 70px !important;
}
.contact-form .form-check-input {
	color: #777;
    font-size: 14px;
    border: none;
    width: 15px;
    height: 15px;
    outline: none;
    padding-left: 0;
    padding-right: 0;
    border-radius: .25em !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* appearance: none; */
    /* margin-bottom: 30px;*/
}
.form-check {
    text-align: left;
    padding: 0 2.5em;
}
label.form-check-label {
    color: #fff;
}
/* ----------------- Footer Social Icons ------------ */
.social .fa-brands {
    font-size: 20px !important;
    margin: 0.45em 0;
}
footer .social {
    margin: 0.5em;
}

/* ----------------- Alerty w formularzu rejestracji użytkowników --------- */
div#formAlert {
    margin: 30px 30px 30px 0;
    padding: 15px;
    border-radius: 5px;
}