/* @override
	http://zavod-zid.storitve.info/f/docs/5_korakov/zavod_zid.css?v=2 
*/

/* @end */
@font-face {
    font-family: 'FancyFontLight';
    src: url('aller_lt.eot');
    src: url('aller_lt.eot?#iefix') format('embedded-opentype'),
         url('aller_lt.woff') format('woff'),
         url('aller_lt.ttf') format('truetype'),
         url('aller_lt.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html,body {
	min-height: 100%;
	height: auto;
}
#wrapper {
	clear: both;
}
body,html {
	color: #292828;
	font-family: FancyFontLight;
}
body {
	background: url(head.jpg) no-repeat center top;
}
body::after,body::before {
	content: "";
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	border-top: 6px solid #789b38;
	z-index: 11;
}
body::after {
	border-top: 6px solid #3573B4;
	top: auto;
	bottom: 0;
	z-index: 10;
	position: fixed;
}
html {
	background: url(folk.gif) no-repeat center bottom, url(head.jpg) no-repeat center top;
}
.clearer {
	width: 100%;
	clear: both;
}
#bannersWrapper {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #e1ffa1;
	background-color: #8cb731 !important;
	background: -moz-linear-gradient(90deg, #709b16 0%, #8cb731 100%) #8cb731 !important;
	background: -webkit-gradient(linear, left bottom, left top, from(#709b16), to(#8cb731)) #8cb731 !important;
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.17);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.17);
	margin: 30px 0 10px 0;
}
#bannersWrapper .banner {
	background: transparent;
	text-align: left;
	color: #e1ffa1;
	position: relative;
	width: 25%;
	margin-right: 0;
	margin-left: 7%;
}
#bannersWrapper .banner h3 { 
	color: #e1ffa1;
	font-size: 22px;
	font-family: FancyFontLight;
}
#bannersWrapper .banner .text {
	color: #34362f;	
}
#bannersWrapper .banner.tel .text {
	color: #414240;
	font-size: 16px;
	font-family: FancyFontLight;
}	
#bannersWrapper .banner.tel .text strong {
	color: #e1ffa1;
	font-weight: normal;
}

#bannersWrapper .banner i {
	color: #fff;
	font-size: 40px;
	left: -50px;
	text-align: center;
	width: 40px;
	position: absolute;
	
}
#copy {
	width: 100%;
	clear: both;
	text-align: center;
	color: #919191;
	font-family: FancyFontLight;
	padding: 0 0 120px 0;
}
button.submit {
	display: inline-block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-family: FancyFontLight;
	background-color: #3573B4;
	background: -moz-linear-gradient(90deg, #3573B4 0%,#7faeef 100%) #3573B4;
	background: -webkit-gradient(linear, left bottom, left top, from(#3573B4), to(#7faeef)) #3573B4;
	color: #fff;
	font-size: 20px;
	padding: 10px 40px;
	border: none;
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.24);
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.24);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.24);
	margin-left: 46%;
	margin-top:15px;
	cursor:pointer;
}
button.submit:hover{
	background-color: #7faeef;
	background: -moz-linear-gradient(90deg, #7faeef 0%,#3573B4 100%) #7faeef;
	background: -webkit-gradient(linear, left bottom, left top, from(#7faeef), to(#3573B4)) #7faeef;

}
#form .formTop {
	background: transparent;
	padding: 0;
	text-align:center;
}
#form .formTop .content {
	padding: 20px 30px;
	font-size: 16px;
}
#form .text input {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 8px 10px;
	width: 50%;
}
#form .select select {
    border-radius: 20px;
    padding: 8px 10px;
    width: 55%;
    border: none;
}
#form form {
	padding: 0 30px 20px;
}
#form .formTop h2{
	background-color: #8CB731;
	background: -moz-linear-gradient(90deg, #709B16 0%, #8CB731 100%) repeat scroll 0 0 #8CB731;
	background: -webkit-gradient(linear, left bottom, left top, from(#709B16), to(#8CB731)) #8CB731;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#709B16', endColorstr='#8CB731');
	font-family: FancyFontLight;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #fff;
	padding: 20px 30px;
}
#formWrapper {
	background: #eceeeb;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-top: 226px;
}
#topWrapper {
	float: left;
	width: 56%;
	background: transparent;
	margin: 0;
	margin-top: 290px;
}
#topWrapper #top {
	padding: 0;
}
#top .content {
	margin-left: 60px;
    font-family: 'FancyFontLight';
}
.item .content {
    line-height: 22px;
    padding: 20px 0 0;
    text-align: justify;
	font-size:15px;
}
#top h2 {
	color: #709B16;
    font-family: FancyFontLight;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 0 60px;
    padding: 10px 0 0;
}
#top .content ul {
	margin: 0 0 10px 0;
}
#top .content ul li::before {
	content: "\f05d";
	font-family: FancyFontLight;
	color: #86ae3a;
	position: absolute;
	left: -25px;
	font-size: 20px;
	top: 8px;
}
#top {
	position: relative;
}
#top h1 {
	color: #005AC7;
    font-family: FancyFontLight;
    font-weight: bold;
	font-size: 32px;
    line-height: 30px;
    padding: 26px 90px;
    text-align: left;
}
#top .content ul li {
	list-style: none;
	font-size: 16px;
	position: relative;
	padding: 8px 0;
}
#logo span {
	display: none;
}
.item{
  background: url("snowflake.png");
  background-position: left top;
  background-repeat: no-repeat;
}
.overlayWindowInner.item{
	background: url("snowflake.png");
  background-position: left top;
  background-repeat: no-repeat;
}
.overlayWindowInner .item  .title {
	margin-left: 25px;
	color: #005AC7;
    font-family: FancyFontLight;
    font-weight: bold;
	font-size: 32px;
    line-height: 30px;
    padding: 26px 90px;
    text-align: left;
}
.overlayWindowInner .item  .subtitle {
	display:none;
}
.overlayWindowInner .item  h2{
	color: #709B16;
    font-family: 'FancyFontLight';
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 0 60px;
    padding: 10px 0 0;

}
.overlayWindowInner.item{

}
.social {
	padding: 15px 20px;
}
.socialWrapper {
	background: #f3f3f3;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin: 30px 0 10px 30px;
}
.social .fb-like iframe {
	margin-top: -2px;
}
.social .socialButton {
	margin-right: 20px;
	display: inline-block;
	width: 100px;
	border-right: 1px solid #e3e2e2;
}
#logo {
	display: block;
	width: 349px;
	height: 141px;
	background: url(logo.png) no-repeat;
	position: absolute;
	padding: 0;
	left: 50%;
	margin-left: -485px;
	top: 50px;
	z-index: 10;
	border-radius: 30px;
}
@media (-webkit-min-device-pixel-ratio: 2), 
(max-moz-device-pixel-ratio: 2) {
	#logo {
		background-image: url(logo2x.png);
		background-size: 349px 141px;
	}
}


@media (max-width: 767px) {	
	#logo {
		position: relative !important;
		float: left !important;
		left: auto !important;
		top: auto !important;
		width: 100% !important;
		background-color: #fff;
		background-position: center;
		margin-left: 0;
	}
	body {
		background-position: center 140px;
	}
	#topWrapper, #formWrapper, #bannersWrapper {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	#formWrapper {
		margin-top: 20px;
	}
	#bannersWrapper .banner i {
		font-size: 30px;
		width: 30px;
		left: -40px;
	}
	button.submit { 
		margin-left: 0;
		width: 100%;
	}		
}
@media (max-width: 500px) {	
	#bannersWrapper .banner {
		width: 80%;
		float: left !important;
		margin-left: 20%;
		margin-bottom: 0;
	}
	#form label em {
		text-align: center;
		width: 100%;
	}
	#form label.req em::before {
		position: relative;
		display: inline;
		left: auto;
		top: auto;
	}
	#form .text input {
		padding: 8px 0;
		width: 100%;
		text-align: center;
	}
	.social .socialButton {
		border: none;
		margin-right:10px;
		width: auto;
	}
}
/*jQuery UI Datepicker*/

.ui-helper-clearfix:after {
    display: none;
}