@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext';

@font-face {
	font-family: 'Flama';
	src: url('fonts/subset-Flama-BoldItalic.eot');
	src: url('fonts/subset-Flama-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/subset-Flama-BoldItalic.woff') format('woff'),
		url('fonts/subset-Flama-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Flama Light';
	src: url('fonts/subset-Flama-LightItalic.eot');
	src: url('fonts/subset-Flama-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/subset-Flama-LightItalic.woff') format('woff'),
		url('fonts/subset-Flama-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Flama Basic';
	src: url('fonts/subset-Flama-Basic.eot');
	src: url('fonts/subset-Flama-Basic.eot?#iefix') format('embedded-opentype'),
		url('fonts/subset-Flama-Basic.woff') format('woff'),
		url('fonts/subset-Flama-Basic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family:  'Open Sans';
}

h2 {
	font-family:  'Flama Basic';
}

section#top {
	background:  url(images/bg-top.jpg) no-repeat;
	background-size: cover;
	width: 100%;
}

section#desc {
	background:  #96c11f;
	padding:  10px 0;
	text-align:  center;
	text-transform: uppercase;
	color:  #FFF;
	font-family: 'Flama Basic';
	font-size:  16px;
}

section#program {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,f4f4f4+100,ffffff+100 */
	background: rgb(254,254,254); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(244,244,244,1) 100%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(244,244,244,1) 100%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(244,244,244,1) 100%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

section#program ul,
section#why-lodz ul {
	list-style: none;
	margin:  0 !important;
	padding:  0 !important;
    text-indent: -33px;
    padding-left: 25px !important;
}

section#program ul li,
section#why-lodz ul li {
	font-weight:  bold;
	color:  #000;
	margin-bottom:  20px;
	text-transform: uppercase;
	font-size:  18px;
}

section#program ul li:before,
section#why-lodz ul li:before {
	content: "⬛";
	color: #96c11f;
	padding-right:  1em;
}

section#program ul li span,
section#why-lodz ul li span {
	text-transform: none;
	display: block;
	padding-left:  1.9em;
	font-weight:  normal;
	color: #515151;
	font-size:  16px;
}

section#why-lodz ul li {
	font-weight:  normal;
	text-transform: none;
	margin-bottom: 5px;
}

section#map {
	min-height: 500px;
}

section#children {
	background:  #FFF;
	font-size:  16px;
}

section#children a,
section#children a:hover,
section#children a:active,
section#children a:focus {
	color: #96c11f;
	text-decoration: none;
}

section#form {
	min-height:  783px;
	background:  url(images/form.jpg) top center;
	color:  #FFF;
}

section#form .bar {
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 6px;
    margin: 30px auto 0;
    width: 30px;
}

section#footer {
	padding:  30px 0;
	background:  url(images/footer-bg.jpg) top center;
	text-align:  center;
	color:  #000;
	font-size:  16px;
}

section#location {
	min-height:  816px;
	background:  #96c11f;
	color:  #FFF;
	text-align:  center !important;
	font-size:  18px;
}

section#location p {
	margin: 20px 0;
}

section#location img {
	margin:  0 auto;
	margin-top:  20px;
}

section#location p:first-child {
	padding-top: 50px;
}

section#location h2,
section#form h2,
section#location h2 span,
section#form h2 span {
	background:  transparent;
}

section#fundacja {
	min-height:  324px;
}

section#fundacja p {
	font-style:  italic;
}

section#form .form-control {
	background: transparent !important;
	color:  #FFF;
	border:  0;
	border-bottom:  2px solid #FFF;
	border-radius:  0 !important;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

section#form .form-group.select {
	position: relative;
}

section#form .form-group.select select option {
	color: #000;
}

section#form .form-group.select .select-arrow {
    color: rgba(255, 255, 255, 0.5);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 5px;
    width: 30px;
    z-index: 99999;
    pointer-events: none;
}

section#form .form-group.select:hover .select-arrow {
	color:  rgba(255, 255, 255, 1);
}

section#form .form-group.select .select-arrow:after {
	content: '\25BC';
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #FFF !important;
    opacity:  1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #FFF !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #FFF !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #FFF !important;
   opacity:  1;
}

section#form .btn-transparent {
	background: transparent;
	border: 2px solid #FFF;
	border-radius: 0 !important;
	color: #FFF !important;
	transition: .2s all;
	margin:  0 auto !important;
	padding-left:  50px;
	padding-right:  50px;
}

section#form .btn-transparent:hover {
	color: #FFF !important;
	padding-left:  65px;
	padding-right:  65px;
	transition: .2s all;
}

.text-center {
	text-align:  center !important;
}

.text-center img {
	display:  inline-block;
}

section#first-heading {
	padding-top:  100px;
}

section#program,
section#children,
section#fundacja,
section#location,
section#why-lodz,
section#form {
	padding:  50px 0;
}

.bold {
	font-weight:  bold;
}

.semibold {
	font-weight:  600;
}

h1 {
	font-size:  28.5px;
}

h2 {
	font-size:  28px;
}

h1,
h2 {
	text-transform:  uppercase;
	font-family:  'Flama Basic';
	display:  block;
	text-align:  center;
	padding: 0 !important;
	margin:  0 !important;
	background: url(images/header.png) no-repeat center center;
	text-transform:  uppercase;
	font-family:  'Flama Basic';
}

h1 span,
h2 span {
	display:  block;
	margin:  0 auto;
	width:  400px;
	background:  #FFF;
}

@media(max-width: 768px) {


	section#map {
		background-position: -1000px;
	}

	section#first-heading {
		padding-top:  50px;
	}

	h1,
	h2 {
		background:  none;
	}

	h1 span,
	h2 span {
		display: inline-block;
		width: auto;
		font-size:  26px;
	}
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
.uneditable-input:focus {
  outline: 0 !important;
  /* IE6-9 */

  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

section#form.fullscreen {
	position:  fixed;
	top:  0;
	left:  0;
	width: 100%;
	height: 100%;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

form.ng-submitted input.ng-invalid,
form.ng-submitted select.ng-invalid,
select.ng-dirty.ng-invalid,
input.ng-dirty.ng-invalid {
	border-bottom: 2px solid pink !important;
	color: pink !important;
}

form.ng-submitted input.ng-invalid::-webkit-input-placeholder,
input.ng-dirty.ng-invalid::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    pink !important;
    opacity:  1;
}
form.ng-submitted input.ng-invalid:-moz-placeholder,
input.ng-dirty.ng-invalid:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    pink !important;
   opacity:  1;
}
form.ng-submitted input.ng-invalid::-moz-placeholder,
input.ng-dirty.ng-invalid::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    pink !important;
   opacity:  1;
}
form.ng-submitted input.ng-invalid:-ms-input-placeholder,
input.ng-dirty.ng-invalid:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    pink !important;
   opacity:  1;
}

.loading {
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
	height:  100%;
	text-align: center;
	padding-top:  300px;
	background:  rgba(0, 0, 0, 0.8);
	z-index:  999999;
}

.loading span {
	font-family:  'Flama Basic';
	font-weight: 300;
	font-size:  30px;
	display:  block;
	margin-top:  50px;
	color:  #FFF;
}

.loading i {
	font-size:  100px;
	vertical-align: middle;
	color: #666666;
}

.closeIcon {
	color:  #FFF !important;
	font-size:  40px;
	position: fixed;
	top: 15px;
	right: 30px;
	z-index:  99999;
	font-family: 'Flama Basic';
}

.closeIcon a,
.closeIcon a:focus,
.closeIcon a:active {
	color:  #FFF !important;
}

.closeIcon a:hover {
	text-decoration: none;
}

@media screen and (min-width: 992px) {

}

section#top {
	height:  auto;
	margin-top: 80px;
}

@media screen and (max-width: 991px) {
	section#top {
		background-size: initial;
		background-position: top right;
	}
}

#menu-top {
	margin: 15px 0;
}

#menu-top ul li.primary a {
	border:  3px solid #0076BF;
}

#menu-top ul {
	list-style: none;
	text-align: center;
	padding: 0;
	display:  inline-block;
	float:  right;
}

#menu-top ul li {
	float: left;
	margin: 10px 5px;
	font-size:  22px;
	font-weight:  bold;
}

#menu-top ul li a {
	color: #0076BF;
	padding: 5px 15px;
}