@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=latin,latin-ext);
html
{
margin: 0; padding: 0;
font-family: Arial, sans-serif;
color: #42596c; 
margin: 0; padding: 0; 
text-align: left;
width: 100%;
font-weight: 300;
font-size: 14px;
line-height: 150%;
outline: 0 !important;
}
#kontaktt input, #kontaktt textarea
{
height: auto;
background: none;
padding: 6px;
border: 1px solid #6f8fa7;
}
#kontaktt input:hover, #kontaktt textarea:hover
{
height: auto;
background: none;
padding: 6px;
border: 1px solid #6f8fa7;
}
#news_pages {
	display: flex;
  align-items: center;
  justify-content: center;
}
#news_pages a {
	padding: 3px 10px;
	margin: 0 3px;
	border: 1px solid #eee;
}
#face-slider{
		position:fixed;
		right:-222px;
		top:190px;
		z-index:100;
	}
	#face-slider #tab{
		cursor:pointer;
		height:110px;
		width:35px;
		float:left;
		background: url(../img/facebook-slider.png) no-repeat center center;
	}
	#face-code{
		padding:5px;
		border: solid #0170cf 3px;
		background: #fff;
		float:left;
		width:220px;
		height:296px;
		-moz-border-radius: 0 0 0 8px;
		-webkit-border-radius: 0 0 0 8px;
		border-radius: 0 0 0 8px;
	}
.przewin
{
display: block;
position: absolute;

width: 128px;
height: 48px;
left: 50%;
margin-left: -64px;
bottom: 10px;
background: url(../img/przewin-w-dol.png) no-repeat;
}
section
{
padding-top: 0px;
position: relative;
padding-bottom: 10px;
}
section:last-child
{
padding-bottom: 0px;
padding-top: 0px;
margin-top: -40px;
}
p {
	margin: 0 0 15px 0;
}
section#page00
{
padding-top: 0px;
}
#kontaktt 
{
width: 90%;
}
.error, .success
{
display: block;
margin: 0 auto;
width: 90%;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
padding: 10px;
}
.error
{
border: 1px solid #ff0000;
color: #ff0000;
background: #ffd7d7;
}
.success
{
border: 1px solid #1c7500;
color: #1c7500;
background: #e0ffd7;
}
.toggler
{
border-top: 1px solid #bdc9d4;
border-bottom: 1px solid #bdc9d4;
margin-top: -1px;
font-size: 16px;
font-weight: bold;
color: #0058a6;
background: url(../img/arro1.png) center right no-repeat;
padding: 15px;
}
.term
{
width: 82%;
}

.zerr
{
padding: 0px 15px;
}
.toggler.click
{
background: url(../img/arro2.png) center right no-repeat;
}
#kontaktt input[type="submit"]
{
display: block;
width: 100px;
padding: 6px 26px 6px 6px;
float: right;
text-decoration: none;
color: #ffffff;
text-align: center;
text-transform: uppercase;
background: url(../img/icon_more.png) center right no-repeat #42596c;
}
#kontaktt ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #6f8fa7;
}
#kontaktt :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #6f8fa7;
   opacity:  1;
}
#kontaktt ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #6f8fa7;
   opacity:  1;
}
#kontaktt :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #6f8fa7;
}
a
{
color: #42596c; 
text-decoration: none;
outline: 0 !important;
}
a:hover
{
text-decoration: underline;
}
body
{
margin: 0;
padding: 0;
background: #ffffff;
width: 100%;
}
#all
{
background: #ffffff;
min-height: 500px;
border-top: 3px solid #10205b;
}
.desc_blok
{
position: absolute;
z-index: 99;
bottom: 30%;
left: 30px;
}
.des
{
display: block;
float: left;
max-width: 55%;
color: #10205b;
font-size: 16px;
}
.des strong
{
text-transform: uppercase;
font-weight: bold;
line-height: 130%;
font-size: 40px;
color: #6f8fa7;
}
.slider
{
position: relative;
}
.bxslider, .bxslider2
{
padding: 0px;
margin: 0px;
}
#menu
{
display: table;
float: right;
padding: 0px;
margin: 0px;
}
#menu li
{
display: table-cell;
list-style-type: none;
margin: 0px 0px 0px 0px;

}
#menu li a
{
padding: 10px 10px 10px 10px;
display: block;
min-width: 90px;
text-align: center;
color: #10205b;
font-size: 16px;
text-transform: uppercase;
}
#menu li.active a
{
border-bottom: 2px solid #0058a6;
text-decoration: none;
}
#menu li:hover a
{
text-decoration: underline;
}
.top
{
position: absolute;
z-index: 99;
top: 0px;
padding: 20px;
left: 0px;
right: 0px;
width: 100%;
background: url(../img/bg_top.png) repeat;
}
.center, .f-nav .zet
{
width: 1100px;
margin: 0 auto;
}
@media screen and (max-width:  1100px) {
	.center, .f-nav .zet
	{
	width: 100%;
	padding: 0px 10px;
	}
}
.box
{
margin-top: 35px;
padding-bottom: 10px;
}
.image_box
{
text-align: center;
}
.image_box
{
padding-bottom: 5px;
}
.name_box h2
{
text-align: center;
margin: 0px 30px 20px 0px;
font-size: 27px;
font-weight: bold;
text-transform: uppercase;
color: #8ba7bc;
}
.desc_box
{
text-align: justify;
padding: 0px 30px 20px 0px;
}
.row .col-s-6:last-child .desc_box {
	padding: 0px 0px 20px 30px;
}

.row .col-s-6:last-child h2 {
	padding: 0px 0px 20px 30px;
}

.morebutton
{
display: block;
width: 150px;
padding: 6px 26px 6px 6px;
margin: 0 auto;
text-decoration: none;
color: #ffffff;
text-align: center;
text-transform: uppercase;
background: url(../img/icon_more.png) center right no-repeat #42596c;
}
.button_news .morebutton
{
width: auto;
float: right;

}
.button_news .morebutton a
{
color: #ffffff;
}
.news, .specials, .blocks
{
margin-top: 25px;
padding-top: 31px;
padding-bottom: 10px;
background: url(../img/line_separate.png) top left repeat-x;
}
.realizations
{
background: url(../img/line_separate.png) top left repeat-x;
padding-top: 31px;
}
.image_of, .name, .name2
{
text-align: center;
padding-bottom: 10px;
}
.name
{
font-size: 16px;
color: #0058a6;
}
.name2
{
font-size: 14px;
color: #10205b;
}
.our_specialls
{
padding: 30px 30px 20px 30px;
background: #f2f6f9;
position: relative;
color: #464646;
}
.nam
{
font-size: 16px;
color: #0058a6;
padding-bottom: 10px;
}
.tre
{
font-size: 14px;
color: #464646;
padding-bottom: 10px;
}
.names_blo
{
padding-left: 20px;
}
.morrr .morebutton
{
margin: 10px 0px 0px 0px;
float: left;
}
.our_blocks
{
position: relative;
}
 table
{
margin: 0px;
}
.our_specialls ul, .our_specialls li
{
margin: 0px;
padding: 0px;
}
@media screen and (min-width:  767px) {
.kw
{
background: #ffffff;
position: absolute !important;
top: 0px;
right: 0px;
padding-left: 2%;
bottom: 0px;
}
}
.buttons
{
max-width: 200px;
border-top: 1px solid #bdbdbd;
border-left: 1px solid #bdbdbd;
}
.buttons .col-s-6
{
display: block;
float: left;
width: 50%;
text-align: center;
background: #ffffff;
border-bottom: 1px solid #bdbdbd;
border-right: 1px solid #bdbdbd;
}
.our_specialls h3
{
margin-bottom: 15px;
}
li
{
list-style-image: url(../img/list_image.png);
}

h3, h2
{
font-size: 30px;
color: #10205b;
font-weight: normal;
margin: 0px 0px 30px 0px;
text-transform: uppercase;
}
.bx-wrapper, .bx-viewport
{
max-height: 507px;
overflow: hidden !important;
}
.bxslider li, .bxslider2 li
{
list-style-type: none;
}
.art h3
{
margin-bottom: 20px;
margin-top: 20px;
}
.art ul
{
margin-top: 0px;
}

h2, h3
{
margin-top: 30px;
}
h4
{
font-size: 14px;
color: #0058a6;
font-weight: normal;
margin: 0px 0px 0px 0px;
}
.desc_news
{
padding: 10px 0px;
}
.button_news
{
padding-top: 10px;
}

.date
{
text-align: right;
color: #c6c6c6;
}
.slicknav_menu 
{
display: none;
}
.allbutton
{
display: block;
float: right;
padding: 6px 26px 6px 10px;
margin: 0 auto;
text-decoration: none;
color: #a71e37;
text-align: center;
text-transform: uppercase;
border: 1px solid #a71e37;
background: url(../img/icon_all.png) center right no-repeat;
}
.footer
{
margin-top: 20px;
}
.foot1
{
color: #9c9c9c;
padding: 20px;
background: #f0f0f0;
}
.footer a 
{
color: #9c9c9c;
}
.foot2
{
background: #42596c;
color: #e3e3e3;
padding: 10px 20px;
font-size: 12px;
}
.menu_bottom
{
margin-bottom: 20px;
}
#menufoot
{
display: table;
width: 100%;
padding: 0px;
margin: 0px;
}
#menufoot li
{
display: table-cell;
text-align: center;
line-height: 120%;
list-style-type: none;
padding: 0px 3px 0px 3px;

}
#menufoot li a
{
text-align: center;
color: #9c9c9c;
font-size: 13px;
text-transform: uppercase;
}
.foo
{
font-size: 12px;
}
.newsletter
{
padding: 0px 20px;
}
.newsletter h3
{
color: #9c9c9c;
margin-bottom: 20px;
}
.zzz
{
padding-bottom: 10px;
}
.newsletter .allbutton
{
display: block;
float: left;
height: auto;
padding: 6px 26px 6px 10px;
margin: 0 auto;
text-decoration: none;
color: #a71e37;
text-align: center;
text-transform: uppercase;
border: 1px solid #a71e37;
background: url(../img/icon_all.png) center right no-repeat;
}
.newsletter .allbutton:hover
{
background: url(../img/icon_all.png) center right no-repeat;
}
.valuu
{
border: 1px solid #9c9c9c;
color: #9c9c9c;
height: auto;
background: #f0f0f0;
padding: 6px 6px;
}
h2, h3
{
line-height: 120%;
}
@media screen and (max-width:  767px) {
.js #menu, nav {
		display:none;
	}
	.js .slicknav_menu {
		display:block;
	}
	.more_box
	{
	margin-bottom: 20px;
	}
	.news_item .col-s-3
	{
	text-align: center;
	padding-bottom: 20px;
	}
	.buttons
	{
	margin: 0 auto;
	width: 200px;
	margin-top: 15px;
	}
	.foo, .newsletter
	{
	text-align: center;
	padding-bottom: 20px;
	}
	.newsletter .allbutton
	{
	margin: 0 auto;
	float: none;
	}
	.foot1 .col-s-3, .foot2
	{
	text-align: center;
	}
	.kw
	{
	position: relative;
padding: 0px;	}
}
@media screen and (max-width:  930px) {
	.desc_blok
{
bottom: 20%;
}
.des
{
max-width: 65%;

}
.des strong
{
font-size: 30px;
}
}
@media screen and (max-width:  680px) {
.top
{
position: relative;
background: #f6f6f6;
}
}
@media screen and (max-width:  580px) {
.des
{
max-width: calc(100% - 20px);

}
.button_news .col-s-6:first-child
{
padding-bottom: 10px;
}
.des strong
{
font-size: 20px;
}
.desc_blok
{
bottom: 40px;
}
.bx-wrapper .bx-pager {
bottom: 20px;
}
}
@media screen and (max-width:  420px) {
.des strong
{
font-size: 14px;
}
.des
{
font-size: 12px;
}
}
@media screen and (max-width:  350px) {
.des, #menufoot
{
display: none;
}
}
@media screen and (max-width:  840px) {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
		position: relative;
	}
	
	

	
	tr { border: 0px solid #ccc; position: relative; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		
		border-bottom: 0px solid #eee; 
		position: relative;

		float: left;
		padding-left: 50%; 

	width: 100% !important;
	}
	
	table table
	{
	display: table;
	}
	table table td
	{
	display: table-cell;
	width: auto !important;
	float: none;

	}

	/*
	Label the data
	*/
	
}
@media screen and (max-width:  400px) {
table table
	{
	display: block;
	}
	table table td
	{
	display: block;
	width: 100% !important;
	float: left;

	}
}
.f-nav{
	padding-left: 15px;
	padding-bottom: 10px;
	z-index: 3;
	left: 0px;
	position: fixed;
	top: 0px;
	}