body, html { margin:0 auto !important; height: 100%;}
.container-fluid{padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto;}
.opensans {font-family: 'Open Sans Condensed', sans-serif;text-transform: uppercase;color: #203786;padding:15px;font-weight: 700;}
.opensans_white{font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase;color: #fff;font-weight: 700;padding: 5px;}
.opensans300 {font-family: 'Open Sans Condensed', sans-serif;color: #203786;padding:15px;font-weight: 300;}
header {background-color: white; padding: 0;margin: 0; position: fixed; width: 100%; z-index: 1000; border-bottom: gainsboro; border-bottom-style: solid; border-bottom-width: thin; height:125px;}
.blue {height: 35px; background-color: #203786; text-align: right;}
header img { width: 50%;padding: 15px;}
nav {display: inline; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; color: #203786; text-align: right;}
nav ul {padding-top: 30px;}
nav ul li {display: inline; list-style: none; padding-left: 25px; padding-top:20px;}
nav ul li a {text-decoration: none; color: #203786;}
nav ul li a:hover {color: gray; font-weight: bold; text-decoration: none;}
#menu-icon { display: hidden; width: 40px;height: 40px; background: #203786 url(../img/menu-icon.png) center;}
a:hover#menu-icon { background-color: #203786; border-radius: 4px 4px 4px 4px; }
.social {padding-left: 10px; color: #fff;}
.smallu {height:50px; background-color: white;padding: 0;margin: 0;position: fixed;width: 100%;z-index: 1000;border-bottom: gainsboro;border-bottom-style: solid;border-bottom-width: thin;}
.smallu img {width:74px;}
.t_center {text-align: center;}
.odstep {padding-top:30px;}
/* -------------------------------------------------- HOME */
#home {padding-top: 125px; height: 100%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
#home Button {position: absolute; left: 40%; margin-left: auto; margin-right: auto; top: 90%; width: 300px; text-align: center; color: #fff; height: 50px; border-radius: 20px; background-color: rgba(77, 95, 158, 0.5); border-style: solid; border-width: medium; border-color: #fff;}
#home Button:hover {position: absolute; left: 40%; margin-left: auto; margin-right: auto; top: 90%; width: 300px; text-align: center; color: #203786; height: 50px; border-radius: 20px; background-color: rgba(255, 255, 255, 0.5); border-style: solid; border-width: medium; border-color: #203786;}
#home video {
position: fixed;
top:50%;
left:50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
transform: translateX(-50%) translateY(-50%);
background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
background-size: cover;
transition: 1s opacity;
}
/* -------------------------------------------------- O FIRMIE */
#ofirmie {padding-top: 125px; text-align: justify; padding-bottom: 30px;}
.slide {margin:0; height: 350px;background-image: url('../img/s2.jpg'); background-position-x: center; background-position-y:65%; background-repeat: no-repeat; background-size: cover; }
#ofirmie dd {font-weight: 300; padding-left: 25px;}
.ml15 {margin-left: 25px;}
#ofirmie h1 {font-family: 'Open Sans Condensed', sans-serif;text-transform: uppercase;color: #203786;padding-top:15px;font-weight: 700;}
/* -------------------------------------------------- O FIRMIE */
#produkty {padding-top: 125px; text-align: justify; padding-bottom: 30px;}
.slide_p {margin: 0; height: 350px; background-image: url('../img/produkt.jpg'); background-position-x: center; background-position-y:65%; background-repeat: no-repeat; background-size: cover;}
#produkty h1 {font-family: 'Open Sans Condensed', sans-serif;text-transform: uppercase;color: #203786;padding-top:15px;font-weight: 700;}
.box {height:350px;margin-bottom: 30px;}
.box_opis {font-weight: 700; font-size: 12px; color: #203786;}
.box_opis:hover {color: #fff; background-color: #203786;padding: 15px; text-align: left;}
.box_opis:hover a{color: #fff;}
.box_opis h3 {font-weight: 700;}
.box_opis a {text-decoration: none; color: #203786;}
.box_opis a:hover {text-decoration: none; color: #fff;}
.box_br {border-right-color: gainsboro; border-right-style: solid; border-right-width: thin;}
/* -------------------------------------------------- STRONA SZCZEGÓŁY PRODUKTÓW */
#oprodukcie {padding-top: 125px; padding-bottom: 30px;}
#oprodukcie h1 {font-family: 'Open Sans Condensed', sans-serif;text-transform: uppercase;color: #203786;padding-top:15px;font-weight: 700;padding-bottom: 40px;}
#oprodukcie ul li {font-weight: 300;line-height: 2;}
.obr{text-align: center;}
.obr img {width: 100%;}
.progress-bar{float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #203786; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; }
#realizacje {padding-top: 125px;}
/* -------------------------------------------------- KONTAKT */
#kontakt{padding-top: 125px; padding-bottom: 30px;}
#kontakt p {font-weight: 300;}
#kontakt h1 {padding-bottom: 40px; font-weight: 700;}
#maps {width: 100%; height: 350px;}
.pro50 {width: 50%;padding-bottom: 20px;}
#kontakt textarea {width: 100%; height: 150px;}
/* -------------------------------------------------- FOOTER */
footer {margin: 0; color: #203786;padding-top:20px; background-color: #fff;}
footer img {padding-top: 15px; padding-bottom: 15px;}
footer p {margin:0; font-family: 'Open Sans Condensed', sans-serif;}
footer h1 {font-family: 'Open Sans Condensed', sans-serif;text-transform: uppercase;color: #203786;padding:15px;font-weight: 700; font-size:25px;}
.footer {width: 100%; background-color: #fff; border-top-color: gainsboro; border-top-style: solid; border-top-width: thin;}
.foo_box {height: 275px;}
.foo_br {border-right-color: gainsboro; border-right-style: dotted; border-right-width: thin;}
.foot {padding-top: 15px; background-color: #203786;}
.f_social {color: gray; padding-left: 20px;}
.f_social:hover {color:#203786;}
.pt20 {padding-top: 20px;}
.t_center {text-align: center;}
footer ul li {list-style: none; font-family: 'Open Sans Condensed', sans-serif; padding-bottom: 15px;}
footer ul {text-align: center; margin: 0; padding: 0;}
#menu-icon {
margin-top: 20px;
display: hidden;
width: 40px;
height: 40px;
background: #203786 url(../img/menu-icon.png) center;
}
a:hover#menu-icon {
background-color: #203786;
border-radius: 4px 4px 4px 4px;
}
@media only screen and (max-width : 1000px) {
#menu-icon {
display:inline-block;
}
nav ul, nav:active ul {
display: none;
position: absolute;
padding: 20px;
background: #fff;
border: 5px solid #203786;
right: 20px;
border-radius: 4px 0 4px 4px;
}
nav li {
display: block !important;
text-align: center;
width: 100%;
padding: 10px 0;
margin: 0;
}
nav:hover ul {
display: block;
}
.box img {width: 100%; }
#produkty {text-align: left;}