html{
		
    scroll-behavior: smooth;
}
body{background: #fff; margin:0 auto;} 
#footer{background-color:#f5f5f5; height:100%; margin-top:-2px;}
.bg{background: #83bb5a }
.stopka{font-family:open_sansregular;text-align: center;font-size:12px;text-decoration:none;color:#333;letter-spacing:0.4px;line-height:28px; margin:0 auto;  }
.stopka a:link {text-decoration:none;color:#666; }
.stopka a:hover{text-decoration: underline;color:#666; }
.stopka a:visited {text-decoration:none;color:#666; }
a{color:#fff; text-decoration: none;} 
.szer{width:800px;}
.txt{max-width:350px; margin: 0 auto;}
.ar{background-image:url(../img/ar.png); height:28px; width:89px; margin: 0 auto; margin-bottom:-23px; z-index:1000; position:relative;}


.ar3{background-image:url(../img/ar2.png); height:30px; width:384px; margin: 0 auto; margin-bottom:1px;}
.ar4{background-image:url(../img/ar2.png); height:30px; width:384px; margin: 0 auto; float:right; margin-bottom:1px;}

.box{width:100%; height:60px; background-color:#2d2c32; font-family: open_sansregular; color:#FFF; text-align:center;  font-size:15px; padding:10px; }
.box:hover{background-color:#3b3b3b;}
.ra{float:left;}
.op{opacity:0.8; height:260px; width:385px;}
.op:hover{opacity:1;}
.cen{margin: 0 auto;}
.mar{margin:10px;}


.foto1{background-image:url(../img/foto1.png); height:235px; width:237px; margin: 0 auto;}
.foto2{background-image:url(../img/foto2.png); height:235px; width:237px; margin: 0 auto;}
.foto3{background-image:url(../img/foto3.png); height:235px; width:237px; margin: 0 auto;}
.foto4{background-image:url(../img/foto4.png); height:235px; width:237px; margin: 0 auto;}

.krycie{opacity:0.4;}




#layerslider * {font-family: Lato, 'Open Sans', sans-serif;}
.aktywny{ background-color:#fe0000; color:#fff; padding:6px;}
.fl{ float:right; margin-right:20px;}

.top{background-image:url(../anime/top.jpg); height:335px; width:100%;}
.ramka{border: 1px solid #ddd; margin:15px;}


.linia{width:15%;  border: 0; border-bottom: 3px solid #ffc104; text-align:center; margin:0 auto; margin-bottom:20px; }



hr{margin-top:10px; border: 0; border-bottom: 1px solid #dbdbdb; background: #dbdbdb; z-index:6; position: relative; z-index:0;}
ol a {display:block; text-decoration:none; color:#333; }
ol > li { /*float: left;*/text-align:center; padding-top:45px; }
ol > li:hover > a { color:#333; text-decoration:underline;}
ol > li:hover > ul {display:block;} 
h1{text-align:center;font-family:open_sansregular;color:#1a4266;font-size:12px;line-height:20px;font-weight:normal;}
h1 a:link{text-align:center;font-family:open_sansregular;color:#1a4266;font-size:13px;line-height:22px;font-weight:normal;text-decoration:none;}
h1 a:hover{text-align:center;font-family:open_sansregular;color:#1a4266;font-size:13px;line-height:22px;font-weight:normal;text-decoration:underline;}
h2{font-family: open_sansregular;text-align:justify; text-align:center;font-size:16px;text-decoration:none;color:#333; margin-bottom:20px; text-transform:uppercase;  }
h3{font-family: open_sansregular;text-align:justify; text-align:center;font-size:24px;text-decoration:none;color:#333; font-weight:bold; text-transform:uppercase;  }
h4{font-family: open_sansregular;text-align:justify; text-align:center;font-size:15px;text-decoration:none;color:#666; font-weight:lighter; line-height:23px; margin:10px 5px 5px 5px;  }
.link{display: inline; padding-left:20px;}
h5{font-family: 'Open Sans';text-align:justify; text-align:center;font-size:16px;text-decoration:none;color:#666; font-weight:lighter; line-height:23px; margin:10px 5px 5px 5px;  }

.nag3{font-family: 'Open Sans', sans-serif;text-align:justify; text-align:center;font-size:17px;text-decoration:none;color:#666; font-weight:lighter;  margin-top:20px; height:60px;  }
.nag4{font-family: 'Open Sans';text-align:justify; text-align:center;font-size:13px;text-decoration:none;color:#666;  line-height:23px; margin:10px 5px 5px 5px;  }

fieldset {border:0;}



.box2{  border: 1px solid #ddd;  margin-left:43px; margin-right:43px; margin-bottom:-5px;}
.box3{  border: 1px solid #ddd;  margin-left:33px; margin-right:33px; margin-bottom:-5px;}


p{font-family:open_sansregular;text-align: left;font-size: 14px;text-decoration: none;color: #666;line-height: 30px; text-align:justify; }
.slide{font-family:open_sansregular;text-align:justify;font-size:13px;text-decoration:none;color:#666;font-weight: normal;letter-spacing:0.4px;line-height:25px; margin:0;}

body,div,dl,dt,dd,ul,ol,li,pre,code,form,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,th{text-align:left;}

.progress { position:relative; width:175px; border: 1px solid #ddd; padding: 1px; }
.bar { background-color: #B4F5B4; width:0%; height:20px; }
.percent { position:absolute; display:inline-block; top:3px; left:50%; }



ul.lista {
    font-family: open_sansregular;
    text-align: justify;
    font-size: 13px;
    text-decoration: none;
    color: #666;
    font-weight: normal;
    letter-spacing: 0.3px;
    line-height: 28px;
    list-style: square;
	margin-left:15px;
}


@font-face {
font-family: 'open_sanssemibold';
src: url('../fonts/opensans-semibold-webfont.eot');
src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans-semibold-webfont.woff') format('woff'),
url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
font-weight: normal;
font-style: normal;}


@font-face {
font-family: 'comfortaaregular';
src: url('../fonts/comfortaa-regular-webfont.eot');
src: url('../fonts/comfortaa-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/comfortaa-regular-webfont.woff') format('woff'),
url('../fonts/comfortaa-regular-webfont.ttf') format('truetype'),
url('../fonts/comfortaa-regular-webfont.svg#comfortaaregular') format('svg');
font-weight: normal;
font-style: normal;}

@font-face {
font-family: 'open_sansregular';
src: url('../fonts/OpenSans-Regular-webfont.eot');
src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;}



@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('../fonts/RobotoCondensed-Italic-webfont.eot');
    src: url('../fonts/RobotoCondensed-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Italic-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Italic-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}





#pages {display: none;}
#loader {display: none;	position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: left; opacity: .8;	background-color: #fff;}



/********************************************************************************************* 

1.  Base code            

*********************************************************************************************/


*, *:after, *:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 [class*='grid-'] {
 float: left;

 padding-left:10px;
 padding-right:10px;
 padding-top:10px;
 width:100%;
}
.clear-grid{
clear:both;
float:inherit;
}
.container {
	margin:0%;
	width: 100%;
	
}
.container:after, .container:before {
	display: table;
	clear:both;
	content: " ";
}
.nest {
	margin:0 -10px;
	padding:0;
	width:auto;
}

/********************************************************************************************* 

2.  Mobile Grid 

*********************************************************************************************/


.grid-m-12 {
	width: 100%;
}
.grid-m-11 {
	width: 91.666663%;
}
.grid-m-10 {
	width: 83.33%;
}
.grid-m-9 {
	width: 74.999997%;
}
.grid-m-8 {
	width: 66.66666664%;
}
.grid-m-7 {
	width: 58.333%;
}
.grid-m-6 {
	width: 50%;
}
.grid-m-5 {
	width: 41.6665%;
}
.grid-m-4 {
	width: 33.33%;
}
.grid-m-3 {
	width: 24.99%;
}
.grid-m-2 {
	width: 16.66666%;
}
.grid-m-1 {
	width: 8.33%;
}

/********************************************************************************************* 

3.  Grid 720px+

*********************************************************************************************/

@media (min-width: 720px) {
    
.grid-12 {
width: 100%;

}
.grid-11 {
width: 91.666663%;
}
.grid-10 {
width: 83.33%;
}
.grid-9 {
width: 74.999997%;

}
.grid-8 {
width: 66.66666664%;
}
.grid-7 {
width: 58.333%;
float:right;
}
.grid-6 {
width: 50%;
}
.grid-5 {
width: 41.6665%;
}
.grid-4 {
width: 33.33%;
padding:30px;
}
.grid-3 {
width: 24.99%;
}


.grid-2 {
width: 11.66666%;}
.grid-1 {
width: 8.33%;
} 
    
.grid-t-12 {
width: 100%;
}
.grid-t-11 {
width: 91.666663%;
}
.grid-t-10 {
width: 83.33%;
}
.grid-t-9 {
width: 74.999997%;
}
.grid-t-8 {
width: 66.66666664%;
}
.grid-t-7 {
width: 58.333%;
}
.grid-t-6 {
width: 50%;
}
.grid-t-5 {
width: 41.6665%;
}
.grid-t-4 {
width: 33.33%;
}
.grid-t-3 {
width: 24.99%;
}
.grid-t-2 {
width: 16.66666%;
}
.grid-t-1 {
width: 8.33%;
}
}
	
/********************************************************************************************* 

4.  Grid 1024px+

*********************************************************************************************/

@media only screen and (min-width: 1024px) {
 
.grid-tl-12 {
width: 100%;
}
.grid-tl-11 {
width: 91.666663%;
}
.grid-tl-10 {
width: 83.33%;
}
.grid-tl-9 {
width: 74.999997%;
}
.grid-tl-8 {
width: 66.66666664%;
}
.grid-tl-7 {
width: 58.333%;
}
.grid-tl-6 {
width: 50%;
}
.grid-tl-5 {
width: 41.6665%;
}
.grid-tl-4 {
width: 33.33%;
}
.grid-tl-3 {
width: 24.99%;
}
.grid-tl-2 {
width: 16.66666%;
}
.grid-tl-1 {
width: 8.33%;
}
}
	

/********************************************************************************************* 

5.  Grid 1200px+

*********************************************************************************************/
	
@media only screen and (min-width: 1200px) {
 
.container {
 max-width:1300px;
 margin:0 auto;
 
}
 .container-fluid {
 max-width:90%;
 margin:0 5%;
}
.grid-d-12 {
width: 100%;
}
.grid-d-11 {
width: 91.666663%;
}
.grid-d-10 {
width: 83.33%;
}
.grid-d-9 {
width: 74.999997%;
}
.grid-d-8 {
width: 66.66666664%;
}
.grid-d-7 {
width: 58.333%;
}
.grid-d-6 {
width: 50%;
}
.grid-d-5 {
width: 41.6665%;
}
.grid-d-4 {
width: 33.33%;
text-align:center;
}
.grid-d-3 {
width: 24.99%;
}
.grid-d-2 {
width: 16.66666%;
}
.grid-d-1 {
width: 8.33%;
margin: 0 auto; 
}
}

/********************************************************************************************* 

6.  Helper classes

*********************************************************************************************/


img.scale, img.responsive {
	max-width: 100%;
	height: auto;
} 





h1 {
  margin: 0 0 30px 0;
  text-align: center;
}

input[type="text"],
input[type="email"],
input[type="url"],
textarea,
select {
  background: rgba(255,255,255,0.1);
  border: none;
  font-size: 14px;
  height: auto;
  margin: 0;
  outline: 0;
  padding: 10px;

  min-width:230px;
  margin:-20px 0px 0px 15px;   
  background-color: #EDEDED;
  color: #8a97a0;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
  margin-bottom: 30px;

}


input[type="uwagi"],
textarea,
select {
 
  background-color:#EDEDED;
  border: none;
  font-size: 14px;
   margin: 0;
  outline: 0;
  padding: 10px;
  min-width:450px;  
  height:120px;
  margin:-20px 0px 0px 15px;   
  
  color: #8a97a0;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
  margin-bottom: 30px;
 
}






fieldset {
  margin-bottom: 30px;
  border: none;
}


label {
  display: block;
  font-size:13px;
  text-transform:uppercase;
  margin:0px;
 
  font-family:open_sansregular;

}

label.light {
  font-weight: 300;

}





#menu ul{padding:0;margin:0;font-family:marcellus_scregular;text-align: center;z-index:100;}
#menu li{position: relative;float: left;list-style: none; font-family:marcellus_scregular;text-align: center;}
#menu li a{height: 30px;display: block;text-decoration:none;text-align: center;line-height: 24px;text-align: center;font-family:marcellus_scregular; font-size:16px; color:fff; margin:3px;}
#menu li a:hover{background-position: bottom center;text-decoration: none;color:#ccc; text-align: center;}
#menu ul ul{position: absolute;top: 30px;background-color:#9e080f;visibility: hidden; margin-top:6px;text-align: center;}
#menu ul li:hover ul{visibility:visible;}

a.grey{font-size: 13px; color:#fff;font-family:"open_sanssemibold";text-decoration:none;text-align:center;padding:0;margin:0;}
a.grey:hover{text-decoration:none;text-align: center;}

.line{ border: 2px solid #ffc104; height:1px; width:31%; float:left;margin:0 auto; }
.line2{border: 2px solid #ffc104; height:1px; width:31%; margin:0 auto; }
.line3{border: 2px solid #ffc104; height:1px; width:31%; float:right;margin:0 auto;}
 












.tv-content {
  display: none;
}
.tv-radio {
  display: none;
}
.tv-radio:checked + .tv-content {
  display: block;
}
.tv-tab {
  display: inline-block;
  cursor: pointer;

  font-family:open_sansregular;
  font-size:25px;
  font-weight:bold;
    
}

.aa {  display: inline-block;  cursor: pointer;  font-family:open_sansregular;  font-size:25px;  font-weight:bold;  text-align: center; margin: 0 auto}

.tv-content { padding: 10px; }

.mieszkalne {padding: 10px; margin-top:30px;}
.tv-tabs { width:100%; text-align:center;background-color:#099; }





.touchcarousel-item {	width: 385px;height: 520px;}


#carousel-image-and-text {max-width:1155px;height: 520px;margin: 0 auto;}	
#carousel-image-and-text .scrollbar {visibility:hidden;}




#carousel-image-and-text2 {max-width:1155px;height: 520px;margin: 0 auto;}		
#carousel-image-and-text2 .scrollbar-holder {display:none; visibility:hidden;}



#carousel-image-and-text3 {max-width:1155px;height: 520px;margin: 0 auto;	}	
#carousel-image-and-text3 .scrollbar-holder {display:none;}






.img-responsive{max-width: 100%;height: auto;display:block; text-align:center;}