/* RESET */
html, body, div, span, embed, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, big, code, del, em, font, img, figure, strong, sub, sup, p, b, u, i, ul, ol, li, fieldset, form, label, legend, table, tbody, tr, th, td { padding: 0; margin: 0; border: 0 none; outline: 0 none; font: inherit; font-size: 100%; vertical-align: baseline; }

/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* CORE */
* { box-sizing: border-box; }
a { color: inherit; }
a img { border: 0 none; }
img, a, button { border: 0 none; outline: 0 none; }
button { cursor: pointer; }
button:hover { opacity: 0.8; }
b, strong { font-weight: 700; }
i, em { font-style: italic; }
ol, ul { position: relative; }
sup { font-size: smaller; vertical-align: super; line-height: 0; }
.bs { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; }
.cl:before,
.cl:after { content: ' '; display: table; }
.cl:after { clear: both; }
.cp { cursor: pointer; }
.db { display: block; }
.di { display: inline; }
.dk { display: inline-block; }
.dn { display: none; }
.fh { height: 100%; min-height: 100%; }
.fl { float: left; }
.fr { float: right; }
.nb { list-style: none; }
.nd { color: inherit; text-decoration: none; }
.nm { outline: 0 none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.no { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
.nw { white-space: nowrap; }
.pa { position: absolute; }
.pr { position: relative; }
.sa { max-width: 100%; max-height: 100%; }
.sh { width: auto; max-height: 100%; }
.sw { max-width: 100%; height: auto; }
.tj { text-align: justify; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.tc img { margin: 0 auto; }
.lc { text-transform: lowercase; }
.uc { text-transform: uppercase; }

input[type="checkbox"] + em, .error input[type="checkbox"] + em {
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 0;
	background: none transparent;
	border: 2px solid #000;
	float: left;
}

input[type="checkbox"]:checked + em, .error input[type="checkbox"]:checked + em {
    background: none #000;
}

.row { /*max-width: 75.31rem;*/ width: 100%; }
.columns, .col { float: left; }
.large-12 { width: 100%; }
.large-11 { width: 91.66667%; }
.large-10 { width: 83.33333%; }
.large-9 { width: 75%; }
.large-8 { width: 66.6666%; }
.large-7 { width: 58.33333%; }
.large-6 { width: 50%; }
.large-5 { width: 41.66667%; }
.large-4 { width: 33.3333% }
.large-3 { width: 25%; }
.large-2 { width: 16.66667%; }
.large-1 { width: 8.33333%; }

.large-push-0 { position: relative; left: 0%; right: auto; }
.large-pull-0 { position: relative; right: 0%; left: auto; }
.large-push-1 { position: relative; left: 8.33333%; right: auto; }
.large-pull-1 { position: relative; right: 8.33333%; left: auto; }
.large-push-2 { position: relative; left: 16.66667%; right: auto; }
.large-pull-2 { position: relative; right: 16.66667%; left: auto; }
.large-push-3 { position: relative; left: 25%; right: auto; }
.large-pull-3 { position: relative; right: 25%; left: auto; }
.large-push-4 { position: relative; left: 33.33333%; right: auto; }
.large-pull-4 { position: relative; right: 33.33333%; left: auto; }
.large-push-5 { position: relative; left: 41.66667%; right: auto; }
.large-pull-5 { position: relative; right: 41.66667%; left: auto; }
.large-push-6 { position: relative; left: 50%; right: auto; }
.large-pull-6 { position: relative; right: 50%; left: auto; }
.large-push-7 { position: relative; left: 58.33333%; right: auto; }
.large-pull-7 { position: relative; right: 58.33333%; left: auto; }
.large-push-8 { position: relative; left: 66.66667%; right: auto; }
.large-pull-8 { position: relative; right: 66.66667%; left: auto; }
.large-push-9 { position: relative; left: 75%; right: auto; }
.large-pull-9 { position: relative; right: 75%; left: auto; }
.large-push-10 { position: relative; left: 83.33333%; right: auto; }
.large-pull-10 { position: relative; right: 83.33333%; left: auto; }
.large-push-11 { position: relative; left: 91.66667%; right: auto; }
.large-pull-11 { position: relative; right: 91.66667%; left: auto; }

.hide-for-large { display: none; }

/* MEDIA QUERIES */
@media only screen and (min-width: 40.063em) and (max-width: 75.30rem) {
	.medium-12 { width: 100%; }
	.medium-11 { width: 91.66667%; }
	.medium-10 { width: 83.33333%; }
	.medium-9 { width: 75%; }
	.medium-8 { width: 66.6666%; }
	.medium-7 { width: 58.33333%; }
	.medium-6 { width: 50%; }
	.medium-5 { width: 41.66667%; }
	.medium-4 { width: 33.3333% }
	.medium-3 { width: 25%; }
	.medium-2 { width: 16.66667%; }
	.medium-1 { width: 8.33333%; }
	.medium-block-grid-3 > li { width: 33.33333%; display: block; float: left; position: relative; text-align: center; margin-bottom: 40px; }
	.medium-block-grid-2 > li { width: 50%; display: block; float: left; position: relative; text-align: center; margin-bottom: 40px; }
	.hide-for-medium { display: none; }
}

@media only screen and (max-width: 40.062em) {
	.small-12 { width: 100%; }
	.small-11 { width: 91.66667%; }
	.small-10 { width: 83.33333%; }
	.small-9 { width: 75%; }
	.small-8 { width: 66.6666%; }
	.small-7 { width: 58.33333%; }
	.small-6 { width: 50%; }
	.small-5 { width: 41.66667%; }
	.small-4 { width: 33.3333% }
	.small-3 { width: 25%; }
	.small-2 { width: 16.66667%; }
	.small-1 { width: 8.33333%; }
	.small-block-grid-3 > li { width: 33.33333%; display: block; float: left; position: relative; text-align: center; margin-bottom: 40px; }
	.small-block-grid-2 > li { width: 50%; display: block; float: left; position: relative; text-align: center; margin-bottom: 40px; }
	.small-block-grid-1 > li { width: 100%; display: block; float: left; position: relative; text-align: center; margin-bottom: 40px; }
	.hide-for-small { display: none; }
}

@font-face {
	font-family: 'DINOffcProCond';
	src: url('res/fonts/DINOffcProCond.eot');
	src: local('☺'), url('res/fonts/DINOffcProCond.woff') format('woff'), url('res/fonts/DINOffcProCond.ttf') format('truetype'), url('res/fonts/DINOffcProCond.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { background: #f6f6f6; }
section#main { width: 1070px; margin: 0 auto; font-family: DINOffcProCond; font-size: 20px; background: #fff; padding-bottom: 80px; color: #005488; }

form { color: #005488; }
form input[type=text] { padding: 8px; width: 273px; border: 1px solid #005488; border-radius: 5px; }
form div { text-align: right; margin-bottom: 10px; }
form select { padding: 8px; width: 273px; background: #eeeeee; border-radius: 5px; }

form label { margin-right: 5px; }

label.error { display: block; color: #d00; font-size: 12px; }


@keyframes anim { 
	from { 
		transform: rotate(-90deg); 
	}
	to { 
		transform: rotate(90deg); 
	}
}

@keyframes anim2 { 
	from { 
		transform: rotate(0deg); 
	}
	to { 
		transform: rotate(180deg); 
	}
}


#counter #rainbow_bg { position: relative; width: 314px; height: 177px; margin-left: 30px; }
#counter #rainbow_t { position: absolute; background: url(img/tecza_t.png) no-repeat; width: 314px; height: 177px; }
/*#counter #rainbow_color { position: absolute; background: url(img/tecza.png) no-repeat; width: 31px; height: 177px; }*/
#counter #rainbow_color { position: absolute; background: url(img/tecza.png) no-repeat; width: 314px; height: 177px; }
#counter #rainbow_mask { position: absolute; background: url(img/tecza_mask.png) no-repeat; width: 384px; height: 167px; transform-origin: center bottom; transform: rotate(138deg); opacity: 0.5; right: -66px; }
#counter #rainbow_bg strong { position: relative; bottom: -100px; }
/*
#counter #rainbow_mask
{
	animation-name: anim2;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
*/
#arrow {
	position: relative;
	top: 75px;
	left: 5px;
	background: url(img/strzalka.png) no-repeat;
	width: 49px;
	height: 100px;
	margin: 0 auto;
	/*transform: rotate(7deg);*/
	transform-origin: 25px 93px;
	
	/*animation-name: anim;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;*/
}

.navbar-default { margin-top: 0; }