@font-face {
    font-family: 'magicico';
    src: url('magicico/Web-PS/magicico.woff2') format('woff2'),
         url('magicico/Web-PS/magicico.otf') format('opentype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

* {
	margin: 0px;
	padding: 0px;
}

.flex-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
}

.flex-full {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
    min-width: 0;
}

.flex-justify-center {
    -webkit-justify-content: center; 
    -moz-justify-content: center;
    justify-content: center;
}

body.input {

	font-family: 'Roboto', sans-serif;
	position: relative;
	min-width: 350px;

}

body.message {

	overflow: hidden;

}

.fw-500 {

	font-weight: 500;

}

.message-wrapper {

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: 5;

}

.message-wrapper.hidden {

	display: none;

}

.message-wrapper .message-cnt {

	position: absolute;
	z-index: 10;

	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	align-items: center;

}

.message-wrapper .message-cnt .message {

	max-width: 500px;
	max-height: 100%;
	width: 100%;
	position: static;
	padding: 20px;

	box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
	background-color: white;
    color: black;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

}

.message-wrapper .message-cnt .message .body {

	width: 100%;

}

.message-wrapper .message-cnt .message .text {

	padding-bottom: 20px;

}

.message-wrapper .message-cnt .message .text .school-without-email {

	text-align: center;
	padding: 15px 0;

}

.message-wrapper .message-cnt .message .text .school-without-email button {

	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, .5);
	padding: 5px 10px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}

.message-wrapper .message-cnt .message .text .school-without-email button:hover {

	background-color: rgba(0, 0, 0, .1);

}

.message-wrapper .message-cnt .message .action {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;

}

.message-wrapper .message-cnt .message .action span {

	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, .5);
	padding: 5px 10px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}

.message-wrapper .message-cnt .message .action span:hover {

	background-color: rgba(0, 0, 0, .1);

}

.menu-wrapper {

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .9);
	z-index: 5;

}

.menu-wrapper.hidden {

	display: none;

}

.menu-wrapper .menu-cnt {

	position: absolute;
	z-index: 10;

	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	align-items: center;

}

.menu-wrapper .menu-cnt .body {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;

}

.menu-wrapper .menu-cnt .body a {

	text-align: center;
	font-size: 20px;
	padding: 15px 0;
	font-weight: 300;
	color: white;

}

.contact-form-row .captcha-cnt {
	width: 100%;
}

.contact-form-row #g-recaptcha-alt-form {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}

.login-wrapper, 
.reminder-wrapper {

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: 5;

}

.login-wrapper.hidden, 
.reminder-wrapper.hidden {

	display: none;

}

.login-wrapper .login-cnt, 
.reminder-wrapper .reminder-cnt {

	position: absolute;
	z-index: 10;

	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;

	-webkit-align-items: center;
	align-items: center;

}

.login-wrapper .login-cnt .login-box,
.reminder-wrapper .reminder-cnt .reminder-box {

	max-width: 500px;
	max-height: 100%;
	width: 100%;
	position: static;
	padding: 20px;

	box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
	background-color: white;
    color: black;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;

}

.login-wrapper .login-cnt .login-box .login-error,
.reminder-wrapper .reminder-cnt .reminder-box .reminder-error {

	color: red;
	font-size: 14px;

}

.login-wrapper .login-cnt .login-box .body,
.reminder-wrapper .reminder-cnt .reminder-box .body {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;

}

.login-wrapper .login-cnt .login-box .body .fields > div,
.reminder-wrapper .reminder-cnt .reminder-box .body .fields > div {

	padding: 15px 0;

}

.login-wrapper .login-cnt .login-box .body .fields input,
.reminder-wrapper .reminder-cnt .reminder-box .body .fields input {

	width: 100%;
	padding: 5px;
	border: 0;
	border-bottom: 1px solid black;

}

.login-wrapper .login-cnt .login-box .body .actions,
.reminder-wrapper .reminder-cnt .reminder-box .body .actions {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: space-between; 
	-moz-justify-content: space-between;
	justify-content: space-between;

}

.login-wrapper .login-cnt .login-box .body .actions .action,
.reminder-wrapper .reminder-cnt .reminder-box .body .actions .action {

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;

    width: 150px;
    height: 55px;
	margin: 2px;
    background-color: #f7f7f7;
    text-decoration: none !important;
    cursor: pointer;
    border: none;

}

.login-wrapper .login-cnt .login-box .body .actions .action:hover {

	background-color: #e4e4e4;

}

.login-wrapper .login-cnt .login-box .body .actions .action span,
.reminder-wrapper .reminder-cnt .reminder-box .body .actions .action span {

    margin: auto;
    color: #3b3b3b !important;

}

.login-wrapper .login-cnt .login-box .body .options {

    padding-top: 15px;
    font-size: 0.9rem;

}

.login-wrapper .login-cnt .login-box .body .options a {

    color: blue;
    cursor: pointer;

}
.login-wrapper .login-cnt .login-box .body .options a:hover {
    
    text-decoration: underline;
    
}

.reminder-wrapper .reminder-cnt .reminder-box .reminder-success {
    color: green;
    font-size: 1rem;
    padding: 10px 0;
}

.input-header .body {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;

	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	flex-wrap: nowrap;

}

.input-header .body .edukator-logo {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

}

.input-header .body .middle {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;

	-webkit-align-items: center;
	align-items: center;

}

.input-header .body .login,
.input-header .body .account {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

}

.input-header .body .login span,
.input-header .body .account span {

	background-color: #009bd6;
	padding: .7rem 1.4rem;
	border: 1px solid rgba(0, 0, 0, .1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	color: white;
	cursor: pointer;

	-webkit-transition : all 0.3s;
	-moz-transition : all 0.3s;
	-o-transition : all 0.3s;
	transition : all 0.3s;

}

.input-header .body .login span:hover,
.input-header .body .account span:hover {

	background-color: #0085b7;

}

.input-banner {
	background: url('../img/input-baner-bg.jpg') center center / cover;
}

.input-banner.chemia {
	background: url('../img/input-chemia-baner-bg.jpg') center center / cover;
}

.input-banner.matematyka {
	background: url('../img/input-matematyka-baner-bg.jpg') center center / cover;
}

.input-banner .head {
	text-align: center;
	background-color: rgba(106, 25, 126, .7);
	padding: 2rem;
	color: white;
	font-weight: 500;
}

.input-banner.chemia .head {
	background-color: rgba(34, 114, 193, .7);
}

.input-banner.matematyka .head {
	background-color: transparent;
	padding: 4rem 2rem;
}

.input-banner .head .ht1 {

	text-shadow: 2px 2px 2px #000000;

}

.input-banner .timer-cnt {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;

}

.input-banner .timer-box-cnt {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;

}

.input-banner .timer-box {

	background-color: rgba(255, 255, 255, .8);

	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;

}

.input-banner .timer-box > .label {

	text-align: center;

}

.input-banner .timer-box .dhms {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

}

.input-banner .timer-box .dhms .num {

	font-weight: 300;

}

.input-banner .timer-box .dhms .label {

	text-align: center;

}

.input-banner .timer-end-cnt {

	color: white;
	padding: 10px 0;
	text-align: center;

}

.input-wrapper {

	margin: 0 auto;
	max-width: 1080px;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;

}

.input-wrapper .tabs a {

	color: black;
	text-decoration: none;
	cursor: pointer;

}

.input-wrapper .tabs a span {

	padding-bottom: 5px;

}

.input-wrapper .tabs a:hover span {

	border-bottom: 2px solid #e5e5e5;

}

.input-wrapper .tabs a.active span {

	border-bottom: 2px solid #6a197e;

}

.input-wrapper .content {

	padding: 40px 0;
	font-weight: 300;

}

.input-wrapper .content .register-title,
.input-wrapper .content .contact-title {

	color: #3557a5;
	font-size: 28px;
	
}

.input-wrapper .content .register-search,
.input-wrapper .content .register-teacher {

	padding-top: 40px;

}

.input-wrapper .content .register-search .register-search-label,
.input-wrapper .content .register-teacher .register-teacher-label {

	font-weight: 400;

}

.input-wrapper .content .register-search-row,
.input-wrapper .content .register-teacher-row {

	padding: 20px 0;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

}

.input-wrapper .content .register-search-row > div,
.input-wrapper .content .register-teacher-row > div {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;

}

.input-wrapper .content .register-search-row .field-cnt,
.input-wrapper .content .register-teacher-row .field-cnt,
.input-wrapper .content .contact-form-row .field-cnt,
.input-wrapper .content .contact-form-row .select-cnt {

	margin: 0 20px;

	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;

	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;

	height: 38px;
	background-color: #f6f6f6;
	position: relative;

	-webkit-box-shadow: inset 1px 1px 4px 0px rgba(209,209,209,1);
	-moz-box-shadow: inset 1px 1px 4px 0px rgba(209,209,209,1);
	box-shadow: inset 1px 1px 4px 0px rgba(209,209,209,1);

}

.input-wrapper .content .register-teacher-row .select-cnt {

	margin: 0 20px;

	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;

	height: 38px;
	background-color: #f6f6f6;
	position: relative;

	-webkit-box-shadow: inset 1px 1px 4px 0px rgba(209,209,209,1);
	-moz-box-shadow: inset 1px 1px 4px 0px rgba(209,209,209,1);
	box-shadow: inset 1px 1px 4px 0px rgba(209,209,209,1);

}

.input-wrapper .content .register-search-row .field-input,
.input-wrapper .content .register-teacher-row .field-input,
.input-wrapper .content .register-teacher-row .select-input,
.input-wrapper .content .contact-form-row .field-input,
.input-wrapper .content .contact-form-row .select-input {

	margin: 0 19px;
	padding-top: 4px;

}

.input-wrapper .content .contact-form-row .textarea-input {

	margin: 10px 19px;
	padding-top: 4px;

}

.input-wrapper .content .register-search-row input,
.input-wrapper .content .register-teacher-row input,
.input-wrapper .content .register-teacher-row select,
.input-wrapper .content .contact-form-row input,
.input-wrapper .content .contact-form-row select {

	width: 100%;
	min-width: 50px;
	height: 30px;
	border: 0;
	padding: 0 10px;
	font-size: 16px;
	background-color: #f6f6f6;

}

.input-wrapper .content .register-teacher-row .register-teacher-sex .checkbox-cnt,
.input-wrapper .content .register-teacher-row .register-teacher-students .select-cnt {

	padding: 0 20px;

}

.input-wrapper .content .register-teacher-row .checkbox-cnt {

	cursor: pointer;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-align-items: center;
	align-items: center;

}

.input-wrapper .content .register-teacher-row .checkbox-cnt .check {

	height: 24px;
	min-width: 20px;
	width: 20px;

	background: url('../img/sprite-general.png') 0px -88px no-repeat;

}

.input-wrapper .content .register-teacher-row .checkbox-cnt.select .check {

	background: url('../img/sprite-general.png') -30px -88px no-repeat;

}

.input-wrapper .content .register-teacher-row .checkbox-cnt div {

	padding-left: 5px;

}

.input-wrapper .content .register-teacher-row .submit-cnt,
.input-wrapper .content .contact-form-row .submit-cnt {

	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;

}

.input-wrapper .content .register-teacher-row .submit-cnt .submit,
.input-wrapper .content .contact-form-row .submit-cnt .submit {

	color: #3557a5;
	padding: 20px;
	border: 1px solid #3557a5;
	cursor: pointer;
	text-align: center;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

.input-wrapper .content .register-teacher-row .submit-cnt .submit:hover,
.input-wrapper .content .contact-form-row .submit-cnt .submit:hover {

	background-color: #3557a5;
	color: white;

}

.input-wrapper .content .register-schools .schools-list-cnt {

	max-height: 400px;
	overflow: auto;
	border-bottom: 1px solid #d9d9d9;

}

.input-wrapper .content .register-schools .schools-empty {

	padding: 10px 0;
	font-size: 16px;

}

.input-wrapper .content .register-schools .schools-list li {

	width: 100%;
	padding: 5px 0 5px 10px;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

}

.input-wrapper .content .register-schools .schools-list li .sla-ratio {

	height: 24px;
	width: 20px;
	display: inline-block;
	background: url('../img/sprite-general.png') 0px -88px no-repeat;

}

.input-wrapper .content .register-schools .schools-list li .sla-ratio.select {

	background: url('../img/sprite-general.png') -30px -88px no-repeat;

}

.input-wrapper .content .register-schools .schools-list li .sl-action a {

    cursor: pointer;

}

.input-wrapper .content .register-schools .schools-list li .sl-info {

	padding: 0 15px;

	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;

}

.input-wrapper .content .register-schools .schools-list li .sl-name {

    font-weight: 700;
    color: #095583;

}

.input-wrapper .content .register-schools .schools-list li .sl-address {

    font-style: italic;
    color: #727272;

}

.input-wrapper .content .contact-form {

	font-size: 20px;
	padding-top: 40px;

}

.input-wrapper .content .contact-form-row {

	font-size: 20px;
	padding: 20px 0;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

}

.input-wrapper .content .contact-form-row .label {

	width: 200px;

}

.input-wrapper .content .contact-form-row .textarea-cnt {

	margin: 0 20px;

	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;

	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;

	background-color: #f6f6f6;
	position: relative;

	-webkit-box-shadow: inset 1px 1px 4px 0px rgba(209,209,209,1);
	-moz-box-shadow: inset 1px 1px 4px 0px rgba(209,209,209,1);
	box-shadow: inset 1px 1px 4px 0px rgba(209,209,209,1);

}

.input-wrapper .content .contact-form-row textarea {

	width: 100%;
	height: 300px;
	border: 0;
	padding: 0 10px;
	font-size: 16px;
	background-color: #f6f6f6;

}

.input-wrapper .content .contact-form-row .submit-cnt {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;

}

.input-wrapper .content .materials .section {

	padding: 10px 0;

}

.input-wrapper .content .materials .section-a {

	font-weight: bold;

}

.input-wrapper .content .materials .section-b {

	padding: 5px 20px;

}

.input-wrapper .partners {

	padding: 15px 0;

	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;

}

.input-wrapper .partner {

	padding: 10px 0;

	-webkit-box-flex: 0 0 50%;
	-webkit-flex: 0 0 50%;
	-moz-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;

}

.input-wrapper .partner a,
.input-wrapper .partner span {

	text-align: center;

}

.input-footer {

	background-color: #18232a;
	font-size: 22px;
	font-weight: 300;
	color: #929fae;
	text-align: center;
	padding: 2rem;

}

@media only screen and (max-width: 2920px) and (min-width: 1001px) {

	.input-wrapper {

		padding: 40px;

	}

	.input-wrapper .content {

		font-size: 20px;

	}

	.input-header {

		padding: 1rem 2rem;

	}

	.input-header .body .middle span a {

		font-size: 30px;

	}

	.input-header .body .middle {

		-webkit-justify-content: center; 
		-moz-justify-content: center;
		justify-content: center;

	}

	.input-header .edukator-logo .small,
	.input-header .middle .small {

		display: none;

	}

	.input-banner .head .ht1 {

		font-size: 50px;

	}

	.input-banner .timer-cnt {

		padding-top: 40px;

	}

	.input-banner .timer-box {

		padding: 10px 20px;

	}

	.input-banner .timer-box .dhms > div {

		padding: 0 20px;

	}

	.input-banner .timer-box .dhms .num {

		font-size: 60px;

	}

	.input-wrapper .tabs {

		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;

		-webkit-justify-content: space-between; 
		-moz-justify-content: space-between;
		justify-content: space-between;

	}

	.input-wrapper .tabs a {

		font-size: 28px;

	}

	.input-wrapper .menu {

		display: none;

	}

}

@media only screen and (max-width: 1000px) and (min-width: 768px) {

	.input-wrapper {

		padding: 40px;

	}

	.input-wrapper .content {

		font-size: 20px;

	}

	.input-header {

		padding: 1rem 2rem;

	}

	.input-header .body .middle {

		-webkit-justify-content: center; 
		-moz-justify-content: center;
		justify-content: center;

	}

	.input-header .edukator-logo .small,
	.input-header .middle .small {

		display: none;

	}

	.input-banner .head .ht1 {

		font-size: 50px;

	}

	.input-banner .timer-cnt {

		padding-top: 40px;

	}

	.input-banner .timer-box {

		padding: 10px 20px;

	}

	.input-banner .timer-box .dhms > div {

		padding: 0 20px;

	}

	.input-banner .timer-box .dhms .num {

		font-size: 60px;

	}

	.input-wrapper .tabs {

		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;

		-webkit-justify-content: space-between; 
		-moz-justify-content: space-between;
		justify-content: space-between;

	}

	.input-wrapper .tabs a {

		font-size: 24px;

	}

	.input-wrapper.olch .tabs a {

		font-size: 20px;

	}

	.input-wrapper .menu {

		display: none;

	}

	.input-wrapper .content .register-teacher-row, 
	.input-wrapper .content .register-search-row {

		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		flex-direction: column;

	}

	.input-wrapper .content .register-teacher-row> div, 
	.input-wrapper .content .register-search-row > div {

		margin: 10px 0;
		
	}

	.input-wrapper .partner img {

		width: 80%;

	}

}

@media only screen and (max-width: 767px) and (min-width: 576px) {

	.input-wrapper {

		padding: 40px;

	}

	.input-wrapper .content {

		font-size: 20px;

	}

	.input-header {

		padding: 1rem 2rem;

	}

	.input-header .body .middle {

		-webkit-justify-content: center; 
		-moz-justify-content: center;
		justify-content: center;

	}

	.input-header .edukator-logo .small,
	.input-header .middle .small {

		display: none;

	}

	.input-banner .head .ht1 {

		font-size: 40px;

	}

	.input-banner .timer-cnt {

		padding-top: 40px;

	}

	.input-banner .timer-box {

		padding: 10px 20px;

	}

	.input-banner .timer-box .dhms > div {

		padding: 0 20px;

	}

	.input-banner .timer-box .dhms .num {

		font-size: 60px;

	}

	.input-wrapper .tabs {

		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;

		-webkit-justify-content: space-between; 
		-moz-justify-content: space-between;
		justify-content: space-between;

	}

	.input-wrapper .menu {

		display: none;

	}

	.input-wrapper .content .register-search-row,
	.input-wrapper .content .register-teacher-row {

		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		flex-direction: column;

	}

	.input-wrapper .content .register-teacher-row > div, 
	.input-wrapper .content .register-search-row > div {

		margin: 10px 0;
		
	}

	.input-wrapper .content .contact-form-row {

		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		flex-direction: column;

	}

	.input-wrapper .content .contact-form-row .label {

		width: 100%;

	}

	.input-wrapper .content .contact-form-row .field-cnt, 
	.input-wrapper .content .contact-form-row .select-cnt {

		margin: 10px 0;

	}

	.input-wrapper .content .contact-form-row .textarea-cnt {

		margin: 10px 0;

	}

	.input-wrapper .partner {

		padding: 10px 0;

		-webkit-box-flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		-moz-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;

	}

	.input-wrapper .partner img {

		width: 80%;

	}

}

@media only screen and (max-width: 575px) and (min-width: 500px) {

	.input-wrapper {

		padding: 40px;

	}

	.input-wrapper .content {

		font-size: 20px;

	}

	.input-header {

		padding: 1rem;

	}

	.input-header .body .middle {

		-webkit-justify-content: center; 
		-moz-justify-content: center;
		justify-content: center;

	}

	.input-header .edukator-logo .small,
	.input-header .middle .small {

		display: none;

	}

	.input-banner .head .ht1 {

		font-size: 30px;

	}

	.input-banner .timer-cnt {

		padding-top: 30px;

	}

	.input-banner .timer-box {

		padding: 8px 16px;

	}

	.input-banner .timer-box .dhms > div {

		padding: 0 20px;

	}

	.input-banner .timer-box .dhms .num {

		font-size: 50px;

	}

	.input-wrapper .tabs {

		display: none;

	}

	.input-wrapper .menu {

		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;

		-webkit-align-items: center;
		align-items: center;

	}

	.input-wrapper .menu .title {

		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: 0;

	}

	.input-wrapper .menu .title span {

		padding-bottom: 5px;
		border-bottom: 2px solid #3557a5;

	}

	.input-wrapper .menu .menu-toggler span {

		font-family: "magicico";
		font-size: 22px;
		cursor: pointer;
		color: #009bd6;
		padding: .3rem .8rem;
		border: 1px solid #0085b7;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		display: inline-block;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;

	}

	.input-wrapper .content .register-teacher-row, 
	.input-wrapper .content .register-search-row {

		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		flex-direction: column;

	}

	.input-wrapper .content .register-teacher-row.field > div,
	.input-wrapper .content .register-search-row > div,
	.input-wrapper .content .contact-form-row {

		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		flex-direction: column;

	}

	.input-wrapper .content .contact-form-row .label {

		width: 100%;

	}

	.input-wrapper .content .register-search-row .field-cnt, 
	.input-wrapper .content .register-teacher-row .field-cnt, 
	.input-wrapper .content .contact-form-row .field-cnt, 
	.input-wrapper .content .contact-form-row .select-cnt {

		margin: 10px 0;

	}

	.input-wrapper .content .contact-form-row .textarea-cnt {

		margin: 10px 0;

	}

	.input-wrapper .partner {

		padding: 10px 0;

		-webkit-box-flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		-moz-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;

	}

	.input-wrapper .partner img {

		width: 60%;

	}

}

@media only screen and (max-width: 499px) and (min-width: 1px) {

	.input-wrapper {

		padding: 20px;

	}

	.input-wrapper .content {

		font-size: 16px;

	}

	.input-header {

		padding: 1rem;

	}

	.input-header .body .middle {

		-webkit-justify-content: flex-start; 
		-moz-justify-content: flex-start;
		justify-content: flex-start;

	}

	.input-header .edukator-logo .big,
	.input-header .middle .big {

		display: none;

	}

	.input-header .edukator-logo .small {
		padding-right: 20px;
	}

	.input-banner .head .ht1 {

		font-size: 30px;

	}

	.input-banner .timer-cnt {

		padding-top: 20px;

	}

	.input-banner .timer-box {

		padding: 8px 12px;

	}

	.input-banner .timer-box .dhms > div {

		padding: 0 10px;

	}

	.input-banner .timer-box .dhms .num {

		font-size: 50px;

	}

	.input-wrapper .tabs {

		display: none;

	}

	.input-wrapper .menu {

		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;

		-webkit-align-items: center;
		align-items: center;

	}

	.input-wrapper .menu .title {

		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		flex: 1;
		min-width: 0;

	}

	.input-wrapper .menu .title span {

		padding-bottom: 5px;
		border-bottom: 2px solid #3557a5;

	}

	.input-wrapper .menu .menu-toggler span {

		font-family: "magicico";
		font-size: 22px;
		cursor: pointer;
		color: #009bd6;
		padding: .3rem .8rem;
		border: 1px solid #0085b7;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		display: inline-block;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;

	}

	.input-wrapper .content .register-teacher-row, 
	.input-wrapper .content .register-search-row {

		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		flex-direction: column;

	}

	.input-wrapper .content .register-teacher-row.field > div,
	.input-wrapper .content .register-search-row > div,
	.input-wrapper .content .contact-form-row {

		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		flex-direction: column;

	}

	.input-wrapper .content .contact-form-row .label {

		width: 100%;

	}

	.input-wrapper .content .register-search-row .field-cnt, 
	.input-wrapper .content .register-teacher-row .field-cnt, 
	.input-wrapper .content .contact-form-row .field-cnt, 
	.input-wrapper .content .contact-form-row .select-cnt {

		margin: 10px 0;

	}

	.input-wrapper .content .contact-form-row .textarea-cnt {

		margin: 10px 0;

	}

	.input-wrapper .partner {

		padding: 10px 0;

		-webkit-box-flex: 0 0 100%;
		-webkit-flex: 0 0 100%;
		-moz-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;

	}

	.input-wrapper .partner img {

		width: 40%;

	}

}


.cookie-box-cnt {
	display: none;
	position: fixed;
	bottom: 10px;
	left: 0;
	right: 0;
	max-width: 500px;
	z-index: 999;
}

.cookie-box {
	background-color: #1e3548;
	box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);
	margin: 5px;
	padding: 10px;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
}

.cookie-box .cookie-ico {
	width: 60px;
}

.cookie-box .cookie-ico span {
	width: 34px;
	height: 32px;
	display: block;
	margin: 4px auto;
	background: transparent url('../image/sprite-general.png') -312px -837px no-repeat;
}

.cookie-box .cookie-txt {
	font-size: .8rem;
	color: white;
}

.cookie-box .cookie-close {
	padding: 3px 0;
	text-align: right;
}

.cookie-box .cookie-txt a, 
.cookie-box .cookie-close span {
	opacity: .7;
	cursor: pointer;
	color: white;
}

.cookie-box .cookie-txt a:hover, 
.cookie-box .cookie-close span:hover {
	opacity: 1;
	text-decoration: underline;
}