/* open-sans-300 - latin_latin-ext */

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 300;
	src: url('/fonts/open-sans-v17-latin_latin-ext-300.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans Light'), local('OpenSans-Light'), url('/fonts/open-sans-v17-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/open-sans-v17-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/open-sans-v17-latin_latin-ext-300.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-300italic - latin_latin-ext */

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
	font-style: italic;
	font-weight: 300;
	src: url('/fonts/open-sans-v17-latin_latin-ext-300italic.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('/fonts/open-sans-v17-latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/open-sans-v17-latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/open-sans-v17-latin_latin-ext-300italic.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-regular - latin_latin-ext */

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/open-sans-v17-latin_latin-ext-regular.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/fonts/open-sans-v17-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/open-sans-v17-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/open-sans-v17-latin_latin-ext-regular.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-italic - latin_latin-ext */

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
	font-style: italic;
	font-weight: 400;
	src: url('/fonts/open-sans-v17-latin_latin-ext-italic.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/fonts/open-sans-v17-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/open-sans-v17-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/open-sans-v17-latin_latin-ext-italic.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-600 - latin_latin-ext */

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 600;
	src: url('/fonts/open-sans-v17-latin_latin-ext-600.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/fonts/open-sans-v17-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/open-sans-v17-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/open-sans-v17-latin_latin-ext-600.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-600italic - latin_latin-ext */

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
	font-style: italic;
	font-weight: 600;
	src: url('/fonts/open-sans-v17-latin_latin-ext-600italic.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('/fonts/open-sans-v17-latin_latin-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/open-sans-v17-latin_latin-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-600italic.woff') format('woff'), /* Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/open-sans-v17-latin_latin-ext-600italic.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-700 - latin_latin-ext */

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 700;
	src: url('/fonts/open-sans-v17-latin_latin-ext-700.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/fonts/open-sans-v17-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/open-sans-v17-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/open-sans-v17-latin_latin-ext-700.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-700italic - latin_latin-ext */

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
	font-style: italic;
	font-weight: 700;
	src: url('/fonts/open-sans-v17-latin_latin-ext-700italic.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/fonts/open-sans-v17-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/open-sans-v17-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/open-sans-v17-latin_latin-ext-700italic.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-800 - latin_latin-ext */

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 800;
	src: url('/fonts/open-sans-v17-latin_latin-ext-800.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('/fonts/open-sans-v17-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/open-sans-v17-latin_latin-ext-800.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-800.woff') format('woff'), /* Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-800.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/open-sans-v17-latin_latin-ext-800.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-800italic - latin_latin-ext */

@font-face {
	font-family: 'Open Sans';
	font-display: swap;
	font-style: italic;
	font-weight: 800;
	src: url('/fonts/open-sans-v17-latin_latin-ext-800italic.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('/fonts/open-sans-v17-latin_latin-ext-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/open-sans-v17-latin_latin-ext-800italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-800italic.woff') format('woff'), /* Modern Browsers */
	url('/fonts/open-sans-v17-latin_latin-ext-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/open-sans-v17-latin_latin-ext-800italic.svg#OpenSans') format('svg');
	/* Legacy iOS */
}


/* open-sans-condensed-300 - latin_latin-ext */

@font-face {
	font-family: 'Open Sans Condensed';
	font-display: swap;
	font-style: normal;
	font-weight: 300;
	src: url('/fonts/open-sans-condensed-v14-latin_latin-ext-300.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url('/fonts/open-sans-condensed-v14-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/open-sans-condensed-v14-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/open-sans-condensed-v14-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
	url('/fonts/open-sans-condensed-v14-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/open-sans-condensed-v14-latin_latin-ext-300.svg#OpenSansCondensed') format('svg');
	/* Legacy iOS */
}


/* open-sans-condensed-300italic - latin_latin-ext */

@font-face {
	font-family: 'Open Sans Condensed';
	font-display: swap;
	font-style: italic;
	font-weight: 300;
	src: url('/fonts/open-sans-condensed-v14-latin_latin-ext-300italic.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'), url('/fonts/open-sans-condensed-v14-latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/open-sans-condensed-v14-latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/open-sans-condensed-v14-latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */
	url('/fonts/open-sans-condensed-v14-latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/open-sans-condensed-v14-latin_latin-ext-300italic.svg#OpenSansCondensed') format('svg');
	/* Legacy iOS */
}


/* open-sans-condensed-700 - latin_latin-ext */

@font-face {
	font-family: 'Open Sans Condensed';
	font-display: swap;
	font-style: normal;
	font-weight: 700;
	src: url('/fonts/open-sans-condensed-v14-latin_latin-ext-700.eot');
	/* IE9 Compat Modes */
	src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url('/fonts/open-sans-condensed-v14-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/open-sans-condensed-v14-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/open-sans-condensed-v14-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
	url('/fonts/open-sans-condensed-v14-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/open-sans-condensed-v14-latin_latin-ext-700.svg#OpenSansCondensed') format('svg');
	/* Legacy iOS */
}

body {
	background-color: #d6e1e6;
	color: #fff;
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	background-image: url(../img/lp/bg-platnosci-na-czas2.jpg);
	background-size: cover;
	background-position: left 80px;
      background-repeat:no-repeat;
}


#overlay {
	color: #000
}

#content {
	position: relative;
	border-right: 31vw solid #043CD7
}

.left {
	float: left;
	width: 60vw;
	text-align: left;
	padding-bottom: 3vh;
	padding-top: 130px;
	position: relative;
	min-height: 100vh;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: 'Lato', sans-serif;
  padding-left:4.5vw;
}

.right {
	width: 31vw;
	position: absolute;
	top: 90px;
	right: -31vw;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 30px 40px 20px 40px;
	background-color: #043CD7
}

.right h2 {
	text-align: center;
	margin-top: -15px;
}

.left h1 {
	letter-spacing: -1px;
	font-family: 'Lato', sans-serif;
	font-size: 81px;
	
	padding-top: 0;
	margin-top: 85px;
	font-weight: 900;
	position: relative;
	display: inline-block;
	margin-bottom: -50px;
	color: #eb6e02;
      line-height:50px;
}

.left h1 span {
	font-family: 'Lato', sans-serif;
	font-size: 45px;

	color: #eb6e02
}

.left h1 span.supertwo {
	color: #eb6e02;
	font-size: 162px;
	position: relative;
	
	top: auto;
	display: inline-block;
}

.left ul.fancy-list {padding:0; list-style:none;}
.left ul.fancy-list li {padding: 10px 0 10px 35px;
background-image: url('../img/green-check.png');
background-position: 5px 17px;
background-repeat: no-repeat; font-size:18px;}
.txt-shadow { text-shadow: 2px 2px rgba(0,0,0,.5); }
.left p.undertitle {
	font-size: 34px;
	font-weight: 400;
	margin-top: 60px;
	font-family: 'Lato', sans-serif;
	line-height: 45px;
  color: #eb6e02;
}

.left h2.undertitle {
	font-size: 34px;
	font-weight: 400;
	margin-top: 60px;
	font-family: 'Lato', sans-serif;
	line-height: 45px;
  color: #eb6e02;
}

.left p b {
	font-weight: 900
}

.left .exclmtn {
	font-size: 12px;
	position: absolute;
	bottom: 5px;
	right: -7vw
}

.left .btn_submit {
	background-color:#eb6e02;
	border: none;
	padding: 10px 40px;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	display: none;
	margin-top: 20px
}

#head {
	z-index: 99;
	background-color: #fff;
	padding: 10px;
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

#head .inner {
	max-width: 93%;
	margin: 0 auto
}

#head a:after {
	content: "";
	display: table;
	clear: both
}

#head a img {
	max-height: 70px;
	display: inline-block;
	float: left
}

#content::after {
	content: " ";
	display: table;
	clear: both
}

#form table {
	width: 100%
}

#form table td {
	padding: 3px 0
}

#form input.text {
	border: none;
	padding: 10px 5%;
	width: 90%;
        -webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;
}

#form .label {
	display: none
}

#form .chbx label {
	font-size: 11px;
	display: block
}

#form .btn_submit {
	background-color:#eb6e02;
	border: none;
	padding: 8px 40px;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
  -webkit-border-radius: 46px;
-moz-border-radius: 46px;
border-radius: 46px;

-webkit-box-shadow: 15px 15px 40px 0px rgba(0,20,85,0.1); 
box-shadow: 15px 15px 40px 0px rgba(0,20,85,0.1);
  margin-bottom:30px;
}
#form .btn_submit:hover {cursor:pointer;}

#form .submit {
	text-align: center;
	width: 99%
}

#form tr .submit:first-child {
	width: 1%
}

#dbformIzgoda2 {
	display: block
}

#dbformIzgoda2 dt {
	display: inline-block
}

#form .dbform-zgoda,
#form .dbform-zgoda2 {
	width: 100%
}

#dbformTrZgoda_na_przetwarzanie_BIG>#dbformTrZgoda_na_przetwarzanie_BIG,
#dbformTrzgoda1>#dbformTrzgoda1,
#dbformTrzgoda2>#dbformTrzgoda2,
#dbformTrzgoda3>#dbformTrzgoda3,
#dbformTrzgoda_big_tel>#dbformTrzgoda_big_tel,
#dbformTrzgoda_big_mail>#dbformTrzgoda_big_mail,
#dbformTrZgoda_przetwarzanie_BIG>#dbformTrZgoda_przetwarzanie_BIG,
#dbformTrzgoda>#dbformTrzgoda {
	display: none
}

.dform-thanx p {
	font-size: 36px;
	font-weight: 600;
	max-width: 70%
}
#form #dbformTrZgoda_na_przetwarzanie_BIG,
#form #dbformTrzgoda,
#form #dbformTrzgoda_big_tel,
#form #dbformTrzgoda_big_mail,
#form #dbformTrZgoda_przetwarzanie_BIG,
#form #dbformTrzgoda2, 
#form #dbformTrzgoda4 {
	position: relative; display: block;
}

#form #dbformTrzgoda .chbx {
	vertical-align: top;
	padding: 3px
}

#form #dbformTrzgoda4 .chbx {
	vertical-align: top;
	padding: 3px
}
#form #dbformTrZgoda_na_przetwarzanie_BIG .chbx, #form #dbformTrZgoda_przetwarzanie_BIG .chbx {
	vertical-align: top;
	padding: 3px
}


#form #dbformTrzgoda2 .chbx, 
#form #dbformTrzgoda_big_tel .chbx,
#form #dbformTrzgoda_big_mail .chbx
{
	vertical-align: top;
	padding: 3px
}

#dbformTrzgoda,
#dbformTrzgoda2 {
	position: relative;
	display: block
}

#dbformTrZgoda_na_przetwarzanie_BIG .required,
#dbformTrZgoda_przetwarzanie_BIG .required,
#dbformTrzgoda .required,
#dbformTrzgoda_big_tel .required,
#dbformTrzgoda_big_mail .required,
#dbformTrzgoda2 .required {
	vertical-align: top;
	position: absolute;
	left: -4px;
	top: 5px
}
form label img {filter: brightness(100);}
#content .klauzulabox .klauzula-more,
#content .klauzulabox p {
	color: #fff!important
}

#content .klauzulabox .klauzula-more {
	font-weight: 700
}

.send #content {
	border-right: 0;
  min-height:100vh;
  position: relative;
top: 0;
  background-color: #043CD7;
}

.send .left {
	display: none
}

.send .right {
	width: 100vw;
	right: 0;
	min-height: 100vh
}

body.send {
	background-position: 0 80px
}

.eduinfo {
	margin-top: 50px
}

.eduinfo .nfo-left {
	float: left;
	width: 45%;
	border-right: 5px solid #fff;
	padding: 2%
}

.eduinfo .nfo-right {
	float: right;
	width: 45%;
	padding: 0 2%
}

.eduinfo::after,
.left .eduinfo .nfo-right::after {
	content: " ";
	clear: both;
	display: table
}

.alert-info {
	background: url(/img/st-left.png) no-repeat scroll 3px 9px #fff;
	border: 1px solid #aaa;
	border-radius: 0;
	box-shadow: 0 0 15px #ddd;
	margin-top: -17px;
	padding: 10px 10px 10px 25px;
	position: absolute;
	color: #000;
	z-index: 9999;
	font-size: 12px;
      right:0; max-width:120px;
}

#form .formRow {
	position: relative
}

.left .eduinfo .nfo-left p {
	text-align: right;
	font-size: 30px;
	line-height: auto
}

.eduinfo .nfo-right li,
.left .eduinfo .nfo-right h4 {
	text-align: left;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 15px
}

@keyframes rota {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

@keyframes fill {
	0% {
		opacity: 0
	}
	100%,
	50% {
		opacity: 1
	}
}

@keyframes mask {
	0% {
		opacity: 1
	}
	100%,
	50% {
		opacity: 0
	}
}

@-webkit-keyframes asd {
	0% {
		z-index: 2
	}
	20% {
		z-index: 4
	}
	100% {
		z-index: 4
	}
}

@-moz-keyframes asd {
	0% {
		z-index: 2
	}
	20% {
		z-index: 4
	}
	100% {
		z-index: 4
	}
}

@-o-keyframes asd {
	0% {
		z-index: 2
	}
	20% {
		z-index: 4
	}
	100% {
		z-index: 4
	}
}

@keyframes asd {
	0% {
		z-index: 2
	}
	20% {
		z-index: 4
	}
	100% {
		z-index: 4
	}
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
	z-index: 2;
	-webkit-animation: turn .5s .5s linear both;
	-moz-animation: turn .5s .5s linear both;
	animation: turn .5s .5s linear both
}

@-webkit-keyframes turn {
	0% {
		-webkit-transform: rotateX(90deg)
	}
	100% {
		-webkit-transform: rotateX(0)
	}
}

@-moz-keyframes turn {
	0% {
		-moz-transform: rotateX(90deg)
	}
	100% {
		-moz-transform: rotateX(0)
	}
}

@-o-keyframes turn {
	0% {
		-o-transform: rotateX(90deg)
	}
	100% {
		-o-transform: rotateX(0)
	}
}

@keyframes turn {
	0% {
		transform: rotateX(90deg)
	}
	100% {
		transform: rotateX(0)
	}
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
	z-index: 2;
	-webkit-animation: turn2 .5s linear both;
	-moz-animation: turn2 .5s linear both;
	animation: turn2 .5s linear both
}

@-webkit-keyframes turn2 {
	0% {
		-webkit-transform: rotateX(0)
	}
	100% {
		-webkit-transform: rotateX(-90deg)
	}
}

@-moz-keyframes turn2 {
	0% {
		-moz-transform: rotateX(0)
	}
	100% {
		-moz-transform: rotateX(-90deg)
	}
}

@-o-keyframes turn2 {
	0% {
		-o-transform: rotateX(0)
	}
	100% {
		-o-transform: rotateX(-90deg)
	}
}

@keyframes turn2 {
	0% {
		transform: rotateX(0)
	}
	100% {
		transform: rotateX(-90deg)
	}
}

.flip-clock-wrapper ul li.flip-clock-active {
	z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .1)), color-stop(100%, #000));
	background: linear, top, rgba(0, 0, 0, .1) 0, #000 100%;
	background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
	background: linear, to bottom, rgba(0, 0, 0, .1) 0, #000 100%;
	-webkit-animation: show .5s linear both;
	-moz-animation: show .5s linear both;
	animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .1)), color-stop(100%, #000));
	background: linear, top, rgba(0, 0, 0, .1) 0, #000 100%;
	background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);
	background: linear, to bottom, rgba(0, 0, 0, .1) 0, #000 100%;
	-webkit-animation: hide .5s .3s linear both;
	-moz-animation: hide .5s .3s linear both;
	animation: hide .5s .3s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
	background: -moz-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(100%, rgba(0, 0, 0, .1)));
	background: linear, top, #000 0, rgba(0, 0, 0, .1) 100%;
	background: -o-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
	background: -ms-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
	background: linear, to bottom, #000 0, rgba(0, 0, 0, .1) 100%;
	-webkit-animation: show .5s linear both;
	-moz-animation: show .5s linear both;
	animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
	background: -moz-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(100%, rgba(0, 0, 0, .1)));
	background: linear, top, #000 0, rgba(0, 0, 0, .1) 100%;
	background: -o-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
	background: -ms-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);
	background: linear, to bottom, #000 0, rgba(0, 0, 0, .1) 100%;
	-webkit-animation: hide .5s .3s linear both;
	-moz-animation: hide .5s .3s linear both;
	animation: hide .5s .2s linear both
}

@-webkit-keyframes show {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-moz-keyframes show {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-o-keyframes show {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes show {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes hide {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-moz-keyframes hide {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-o-keyframes hide {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes hide {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}


	.left h1 {
		font-size: 85px
	}
	.left h1 span.star {
		top: 75px
	}
	.left h1 span.supertwo {
		font-size: 162px
	}
	.left p {
		font-size: 37px;
		line-height: 40px
	}
	
	
	.wraper-super {
		position: relative;
		height: 240px;
		width: 240px;
		margin: -10px auto 40px auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 100px 0
	}
	.wrapper {
		width: 240px;
		height: 240px;
		position: absolute;
		top: 30px;
		left: 0;
		background-color: transparent
	}
	.pie {
		width: 115px;
		height: 230px;
		position: absolute;
		background: 0 0;
		border: 5px solid #d4e0dd;
		z-index: 100
	}
	.spinner {
		border-radius: 120px 0 0 120px;
		z-index: 200;
		border-right: none;
		transform-origin: 100% 50%;
		position: absolute
	}
	.spinner.animate {
		animation: rota 120s linear infinite
	}
	.filler {
		border-radius: 0 120px 120px 0;
		z-index: 100;
		border-left: none;
		left: 50%;
		opacity: 0
	}
	.filler.animate {
		animation: fill 120s steps(1, end) infinite
	}
	.mask {
		width: 50%;
		height: 226px;
		position: absolute;
		z-index: 300;
		opacity: 1;
		background: inherit;
		border-radius: 120px 0 0 120px;
		border-left: 7px solid #07383a;
		border-top: 7px solid #07383a;
		border-bottom: 7px solid #07383a;
		left: -1px
	}
	.mask-to-the-rescue {
		width: 226px;
		height: 226px;
		position: absolute;
		z-index: -999999;
		opacity: 1;
		background: inherit;
		border-radius: 120px;
		border: 7px solid #07383a;
		left: -1px
	}
	


@media (max-width:1150px) {
	.left h1 {
		font-size: 76px
	}
	.left h1 span.star {
		top: 67px
	}
	.left h1 span.supertwo {
		font-size: 120px
	}
	.left p {
		font-size: 32px;
		line-height: 35px
	}
	.right {
		padding: 30px 10px 20px 10px
	}
	.send .right {
		padding: 30px 5px 20px 50px
	}
	tr#dbformTr3108 {
		display: none
	}
	#form input.text {
		width: 22vw;
		margin-left: 10px
	}
}

@media (max-width:950px) {
	.right {
		padding: 30px 5px 20px 5px;
		width: 40vw
	}
	.send .right {
		padding: 30px 5px 20px 50px
	}
	.left h1 {
		font-size: 52px;
		padding-top: 0;		
		font-weight: 900;
		position: relative;
		display: inline-block;
		letter-spacing: 1px;
          margin-top:50px;
	}
  .left h1 span.supertwo {
		font-size: 90px;
          
	}
   .left h1 span {
		font-size: 32px
	}

	.left p.undertitle {
		font-size: 29px;
		color: #eb6e02;
		
	}
		.left h2.undertitle {
		font-size: 29px;
		color: #eb6e02;
		
	}
	#form input.text {
		width: 29vw
	}
	.left .exclmtn {
		bottom: -25px;
		right: -9vw
	}
}

@media (max-width:850px) {
	body {
		background-position: left 80px;
         background-size: auto 720px;
	}
	#form table td {
		padding: 2px 0
	}
	.left,
	.right {
		width: 100%;
		max-width: 100%;
		float: none;
		height: auto;
		position: relative;
		min-height: auto
	}
	#form .chbx label {
		line-height: 12px;
	}
	#form table {
		width: 100%;
	}
	.left {
		padding-bottom: 70px
	}
	.left .exclmtn {
		bottom: -15px;
		right: 20px
	}
	.right {
		background-color: #043CD7;
		left: auto;
		right: auto;
		padding: 30px 20px 20px 20px;
		
	}
	#content {
		border-right: none
	}
	#form input.text {
		width: 70vw
	}
	.left .switch {
		display: none
	}
	.left .btn_submit {
		display: inline-block;
		text-decoration: none
	}
	#form tr .submit:first-child {
		display: none
	}
	#form tr .submit {
		width: 100%
	}
	.dform-thanx p {
		font-size: 32px;
		max-width: 90%
	}
	.send .right {
		padding: 60px 20px 20px 30px
	}
}

@media (max-width:768px) {
  body {
		background-position: 15% 50px;
      background-size: auto 680px;
	}
}

@media (max-width:500px) {
#overlay > div {max-width:100%; left:0 !IMPORTANT; margin-left:0 !IMPORTANT; height:auto !IMPORTANT}	
	
}
@media (max-width:450px) {
	
  
  	.left h1 {
		font-size: 36px;
		margin-top:10px;
	}
  .left h1 span.smaller {
    font-size: 27px;
    line-height: 31px;
display: inline-block;
}
  
  .left p.undertitle {
    font-size: 26px;
    line-height:29px; 
    margin-top:30px;
  }
    .left h2.undertitle {
    font-size: 26px;
    line-height:29px; 
    margin-top:30px;
  }
  
	.left .eduinfo .nfo-left p {
		font-size: 21px
	}
	.eduinfo .nfo-right li,
	.left .eduinfo .nfo-right h4 {
		font-size: 18px
	}
	.eduinfo .nfo-right li {
		font-weight: 600;
		line-height: 21px;
		margin-bottom: 5px;
		background-position: left 7px
	}
	#head a img {
		max-height: 50px
	}
	body {
		background-position: 25% 50px;
      background-size: auto 580px;
	}
	.dform-thanx p {
		font-size: 26px
	}
	.wraper-super {
		position: relative;
		height: 240px;
		width: 240px;
		margin: -10px auto 40px auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 100px 0
	}
	.wrapper {
		width: 240px;
		height: 240px;
		position: absolute;
		top: 30px;
		left: 0;
		background-color: transparent
	}
	.pie {
		width: 115px;
		height: 230px;
		position: absolute;
		background: 0 0;
		border: 5px solid #d4e0dd;
		z-index: 100
	}
	.spinner {
		border-radius: 120px 0 0 120px;
		z-index: 200;
		border-right: none;
		transform-origin: 100% 50%;
		position: absolute
	}
	.spinner.animate {
		animation: rota 120s linear infinite
	}
	.filler {
		border-radius: 0 120px 120px 0;
		z-index: 100;
		border-left: none;
		left: 50%;
		opacity: 0
	}
	.filler.animate {
		animation: fill 120s steps(1, end) infinite
	}
	.mask {
		width: 50%;
		height: 226px;
		position: absolute;
		z-index: 300;
		opacity: 1;
		background: inherit;
		border-radius: 120px 0 0 120px;
		border-left: 7px solid #07383a;
		border-top: 7px solid #07383a;
		border-bottom: 7px solid #07383a;
		left: -1px
	}
	.mask-to-the-rescue {
		width: 226px;
		height: 226px;
		position: absolute;
		z-index: -999999;
		opacity: 1;
		background: inherit;
		border-radius: 120px;
		border: 7px solid #07383a;
		left: -1px
	}
}

@media (max-width:380px) {
	.left h1 span.supertwo {
		font-size: 70px
	}
	.left h1 span.star {
		top: 22px
	}
	.left p {
		font-size: 18px;
		line-height: 21px
	}
	.left .eduinfo .nfo-left p {
		font-size: 18px
	}
	.left {
		padding-top: 100px
	}
	#head a img {
		max-height: 40px
	}
	.wraper-super {
		position: relative;
		height: 200px;
		width: 220px;
		margin: -10px auto 30px auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 100px 0
	}
	.wrapper {
		width: 200px;
		height: 200px;
		position: absolute;
		top: 30px;
		left: 10px;
		background-color: transparent
	}
	.pie {
		width: 95px;
		height: 190px;
		position: absolute;
		background: 0 0;
		border: 5px solid #d4e0dd;
		z-index: 100
	}
	.spinner {
		border-radius: 100px 0 0 100px;
		z-index: 200;
		border-right: none;
		transform-origin: 100% 50%;
		position: absolute
	}
	.spinner.animate {
		animation: rota 120s linear infinite
	}
	.filler {
		border-radius: 0 120px 120px 0;
		z-index: 100;
		border-left: none;
		left: 50%;
		opacity: 0
	}
	.filler.animate {
		animation: fill 120s steps(1, end) infinite
	}
	.mask {
		width: 50%;
		height: 186px;
		position: absolute;
		z-index: 300;
		opacity: 1;
		background: inherit;
		border-radius: 100px 0 0 100px;
		border-left: 7px solid #07383a;
		border-top: 7px solid #07383a;
		border-bottom: 7px solid #07383a;
		left: -1px
	}
	.mask-to-the-rescue {
		width: 186px;
		height: 186px;
		position: absolute;
		z-index: -999999;
		opacity: 1;
		background: inherit;
		border-radius: 100px;
		border: 7px solid #07383a;
		left: -1px
	}
	.flip-clock-wrapper {
		margin: -20px auto 0 auto
	}
}



.formRow .klauzula-new a {
  text-decoration: none;
  background: rgba(0,0,0,0.1);
  padding: 4px 8px;
  border-radius: 4px;
}
.formRow .klauzula-new a:hover {
  background-color: rgba(0,0,0,0.2);
}

#dbformTrklauzula_big .klauzula-new {
 padding-bottom: 15px; 
}

.klauzula-new-white {
  padding-left: 10px;
  padding-top: 5px;
}

.klauzula-new-white, .klauzula-new-white a {
	font-size: 14px !important;
	color: #fff !important;
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
  color: #ffbf00;
}
.invalid-feedback {
  
  color: #ffbf00;
}

#form input.is-invalid {
	border: 1px solid #eb6e02;
}