body {
font-family : "Dosis", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar-toggle {
background : rgb(0, 0, 0, 0.01) !important ;
border : rgb(0, 0, 0, 0.15) solid 1px;
}
.navbar-toggle span.icon-bar {
background-color : #777;
}
h1 {
font-weight : 300;
color : #c0c0c0;
}


h4 {
font-weight : 400;
color : #AB2312;
font-size : 1.7em;
}
.bg-info h2 {
color : #fff;
}
.bg-info h2 .text-muted {
color : #ccc;
}
.lead strong {
font-weight : 500;
}
.navbar-nav > li > a {
font-size : 1.6em;
color : #AB2312;
}
.navbar-right > li > a {
font-size : 1em;
}
.navbar-right > li > a {
padding : 5px 15px;
}
@media (min-width: 768px) {
.navbar-right > li > a {
padding : 10px 8px;
line-height : 2.4em;
}
.navbar-right {
padding-right : 15px;
padding-left : 15px;
}
}
.on-scroll-enable {
display : inline;
}
.onscrolldisable {
display : none;
background-color : #66FFFF;
}
.padding-x-10 {
padding-left : 10px;
padding-right : 10px;
}
.padding-x-20 {
padding-left : 20px;
padding-right : 20px;
}
.padding-x-30 {
padding-left : 30px;
padding-right : 30px;
}
.padding-x-40 {
padding-left : 40px;
padding-right : 40px;
}
.padding-x-50 {
padding-left : 50px;
padding-right : 50px;
}
.padding-xl-10 {
padding-left : 10px;
}
.padding-xl-20 {
padding-left : 20px;
}
.padding-xl-30 {
padding-left : 30px;
}
.padding-xl-40 {
padding-left : 40px;
}
.padding-xl-50 {
padding-left : 50px;
}
.padding-xr-10 {
padding-right : 10px;
}
.padding-xr-20 {
padding-right : 20px;
}
.padding-xr-30 {
padding-right : 30px;
}
.padding-xr-40 {
padding-right : 40px;
}
.padding-xr-50 {
padding-right : 50px;
}
.padding-y-10 {
padding-top : 10px;
padding-bottom : 10px;
}
.padding-y-20 {
padding-top : 20px;
padding-bottom : 20px;
}
.padding-y-30 {
padding-top : 30px;
padding-bottom : 30px;
}
.padding-y-40 {
padding-top : 40px;
padding-bottom : 40px;
}
.padding-y-50 {
padding-top : 50px;
padding-bottom : 50px;
}
.padding-yt-10 {
padding-top : 10px;
}
.padding-yt-20 {
padding-top : 20px;
}
.padding-yt-30 {
padding-top : 30px;
}
.padding-yt-40 {
padding-top : 40px;
}
.padding-yt-50 {
padding-top : 50px;
}
.padding-yb-10 {
padding-bottom : 10px;
}
.padding-yb-20 {
padding-bottom : 20px;
}
.padding-yb-30 {
padding-bottom : 30px;
}
.padding-yb-40 {
padding-bottom : 40px;
}
.padding-yb-50 {
padding-bottom : 50px;
}
.zoom-gallery img {
padding-bottom : 30px;
}
.zoom-gallery a {
text-align : center;
}
.google-maps {
border-width : 0;
height : 360px;
width : 100%;
padding : 0;
margin : 10px 0 0 0;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
margin : auto;
}
.featurette ul {
padding-bottom : 20px;
font-size : 18px;
color : #555;
}
@media (max-width: 1200px) {
h1 {
font-size : 1.8em;
}
}
@media (max-width: 768px) {
h1 {
font-size : 1.2em;
padding-top : 10px !important ;
padding-bottom : 10px !important ;
}
.navbar-header {
margin-right : auto !important ;
margin-left : auto !important ;
text-align : center;
}
.navbar-toggle {
float : none;
}
.responsive-text-center {
text-align : center;
}
body {
padding-top : 223px;
}
}
#block-inv-banner .item .carousel-caption h1, #block-inv-banner .carousel-inner .carousel-caption h1, #myCarousel .item .carousel-caption h1, #myCarousel .carousel-inner .carousel-caption h1 {
font-size : 70px;
font-weight : 200;
line-height : 100px;
color : #fff;
}
#block-inv-banner .item .carousel-caption div, #block-inv-banner .item .carousel-caption div p, #block-inv-banner .carousel-inner .carousel-caption div, #block-inv-banner .carousel-inner .carousel-caption div p, #myCarousel .item .carousel-caption div, #myCarousel .item .carousel-caption div p, #myCarousel .carousel-inner .carousel-caption div, #myCarousel .carousel-inner .carousel-caption div p {
font-size : 20px;
font-weight : 200;
line-height : 42px;
color : #fff;
}
* {
outline : none !important ;
}
div {
display : block;
}
.carousel-caption p {
margin-bottom : 0;
}
p {
margin : 0 0 10px;
}
#block-inv-banner .item .carousel-caption div a.more, #block-inv-banner .item .carousel-caption div p a.more, #block-inv-banner .carousel-inner .carousel-caption div a.more, #block-inv-banner .carousel-inner .carousel-caption div p a.more, #myCarousel .item .carousel-caption div a.more, #myCarousel .item .carousel-caption div p a.more, #myCarousel .carousel-inner .carousel-caption div a.more, #myCarousel .carousel-inner .carousel-caption div p a.more {
background : #fff;
color : #000;
font-size : 18px;
line-height : 24px;
padding : 5px 50px 5px 20px;
border-radius : 5px;
background : url(../images/btn-arrow.png) right center no-repeat #fff;
text-decoration : none;
}
a {
color : #AB2312;
text-decoration : none;
line-height: 1.8;
}
section#banner {
position : relative;
top : 0;
left : 0;
margin : 0;
padding : 0;
background : url(../images/banner_bg.jpg) center center repeat;
clear : both;
}
@media (min-width: 768px) {
.container {
width : 750px;
}
}
@media (min-width: 992px) {
.container {
width : 970px;
}
}
@media (min-width: 1200px) {
.container {
width : 1170px;
}
}
header#navbar {
width : 100%;
height : 68px;
position : relative;
top : 0;
left : 0;
margin : 0;
padding : 0;
background : #AB2312;
clear : both;
}
.navbar-fixed-top {
top : 0;
}
.navbar-fixed-top, .navbar-fixed-bottom {
position : fixed;
right : 0;
left : 0;
z-index : 1030;
margin-bottom : 0;
}
.navbar {
overflow : visible;
margin-bottom : 20px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display : block;
}
header#navbar .navbar-inner {
height : 100%;
box-shadow : none;
border : 0;
background-image : none;
background-color : transparent;
min-height : 0;
margin : 0;
padding : 0;
}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
box-shadow : 0 1px 10px rgb(0, 0, 0, 0.1);
box-shadow : 0 1px 10px rgb(0, 0, 0, 0.1);
box-shadow : 0 1px 10px rgb(0, 0, 0, 0.1);
}
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
padding-left : 0;
padding-right : 0;
border-radius : 0;
border-radius : 0;
border-radius : 0;
}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
border-width : 0 0 1px;
}
.navbar-inner {
min-height : 40px;
padding-left : 20px;
padding-right : 20px;
background-color : #fafafa;
background-image : linear-gradient(to bottom, #ffffff, #f2f2f2);
background-repeat : repeat-x;
background-color : #fafafa;
background-image : linear-gradient(to bottom, #ffffff, #f2f2f2);
background-repeat : repeat-x;
border : #d4d4d4 solid 1px;
border-radius : 4px;
border-radius : 4px;
border-radius : 4px;
box-shadow : 0 1px 4px rgb(0, 0, 0, 0.065);
box-shadow : 0 1px 4px rgb(0, 0, 0, 0.065);
box-shadow : 0 1px 4px rgb(0, 0, 0, 0.065);
}
.navbar-inner:before, .navbar-inner:after {
display : table;
content : "";
line-height : 0;
}
:after, :before {
box-sizing : border-box;
}
header#navbar .navbar-inner .container {
width : 1200px;
height : 100%;
padding : 0;
position : relative;
top : 0;
left : 0;
}
@media (min-width: 1200px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width : 1170px;
}
}
@media (min-width: 1200px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width : 1170px;
}
}
header#navbar .navbar-inner .container .corner {
width : 122px;
height : 31px;
position : absolute;
left : -45%;
bottom : -31px;
background : url(../images/navbar_rozek.png) 0 0 no-repeat;
}
header#navbar .navbar-inner .container .logo {
float : left;
margin : 0 0 0 44px;
padding : 0;
height : 100%;
display : table;
text-decoration : none;
}
header#navbar .navbar-inner .container .logo span.bold {
font-weight : 700;
}
header#navbar .navbar-inner .container .logo span {
float : none;
margin : 0;
padding : 0;
font : 400 34px/34px 'Dosis';
color : #fff;
text-transform : uppercase;
display : table-cell;
vertical-align : middle;
}
h2 {
line-height : 1.25em;
font : 200 52px/52px 'Dosis';
color : #AB2312;
}
section#banner .container .corner {
float : left;
position : absolute;
bottom : -18px;
left : 50%;
width : 76px;
margin-left : -38px;
height : 18px;
background : url(../images/banner_corner.png) 0 0 no-repeat;
z-index : 2;
}
.featurette-heading {
font-family : corbel;
}
.tema_foto {
display : block;
font-size : 45px;
color : #333;
margin-bottom : 45px;
font-family : corbel;
border-bottom : 2px solid #AB2312;
width : max-content;
font-weight : bold;
}
.pod_text {
font-size : 20px;
text-align : center;
font-weight : bold;
}
.produkt {
margin-bottom : 15%;
}
.zoom-gallery {
pointer-events : stroke;
}
section#four_steps {
width : 100%;
position : relative;
top : 0;
left : 0;
margin : 0;
padding : 0;
clear : both;
background-color : #283c50;
margin-top : 5%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display : block;
}
section#four_steps .container {
width : 1200px;
padding : 0;
position : relative;
top : 0;
left : 0;
}
@media (min-width: 1200px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width : 1170px;
}
}
@media (min-width: 1200px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width : 1170px;
}
}
.container:before, .container:after {
display : table;
content : "";
line-height : 0;
}
section#four_steps .container .block-block {
float : left;
margin : 0;
padding : 0;
clear : both;
width : 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display : block;
}
section#four_steps .container .block-block > h2 {
float : left;
margin : 0;
padding : 60px 2.5% 50px 2.5%;
font : 200 72px/72px 'Dosis';
color : #fff;
width : 100%;
text-align : center;
box-sizing : border-box;
}
section#four_steps .container .block-block .row-fluid {
width : 95%;
margin : 0 2.5% 60px 2.5%;
float : left;
padding : 0;
}
@media (min-width: 1200px) {
.row-fluid:before, .row-fluid:after {
display : table;
content : "";
line-height : 0;
}
}
section#four_steps .container .block-block .row-fluid .span3:first-child {
margin-left : 0;
}
section#four_steps .container .block-block .row-fluid .span3 {
width : 22.75%;
margin : 0 0 0 3%;
position : relative;
left : 0;
top : 0;
float : left;
}
section#four_steps .container .block-block .row-fluid .span3 img {
float : left;
margin : 0;
padding : 0;
width : 100% !important ;
max-width : 100%;
height : auto !important ;
}
section#four_steps .container .block-block .row-fluid .span3 h3 {
float : left;
margin : 0;
width : 100%;
font : 800 24px/24px 'Dosis';
color : #1abc9c;
text-align : center;
min-height : 50px;
}
section#four_steps .container .block-block .row-fluid .span3 p {
float : left;
margin : 10% 0 0 0;
padding : 23px 10px 23px 10px;
width : 100%;
font : 400 18px/21px 'Dosis';
color : #fff;
border-top : 1px dashed #1abc9c;
border-bottom : 1px dashed #1abc9c;
box-sizing : border-box;
min-height : 250px;
}
section#four_steps .container .block-block .row-fluid .span3 p a {
float : left;
margin : 0;
padding : 0;
color : #fff;
}
#knopka {
background-color : #AB2312;
color : white;
padding : 16px;
font-size : 1.9em;
border-radius : 5px;
text-decoration : none;
transition : 0.3s;
}
#knopka:hover {
color : #AB2312;
background-color : white;
border : #AB2312 solid 2px;
transition : 0.3s;
box-shadow : 15px -10px 0;
}
.bord_knopka {
width : max-content;
margin : auto;
display : block;
margin-top : 5%;
}
@media (min-width: 1200px) {
.row-fluid:after {
clear : both;
}
}
@media (min-width: 1200px) {
.row-fluid:before, .row-fluid:after {
display : table;
content : "";
line-height : 0;
}
}
section#four_steps .container .block-block > p {
float : left;
margin : 0 0 50px 0;
padding : 0;
width : 100%;
line-height : 34px;
text-align : center;
}
section#four_steps .container .block-block > p a {
font : 300 21px/21px 'Dosis';
color : #fff;
background : #AB2312;
border-radius : 3px 3px 3px 3px;
padding : 7px 15px 7px 15px;
height : 34px;
margin : 0 auto;
float : none;
text-align : center;
}
a {
text-decoration : none;
}
section#four_steps .container .corner {
float : left;
position : absolute;
bottom : -18px;
left : 50%;
width : 76px;
margin-left : -38px;
height : 18px;
background : url(/sites/all/themes/bootstrap/bootstrap_499/images/four_steps_corner.png) 0 0 no-repeat;
z-index : 1;
}
.zadowb {
display : block;
margin-top : 10%;
}
.logo-container {
background-color : #e74c3c;
}
.img-responsive {
margin-top : -1%;
}
@media (min-width: 238px) {
.big_fhoto {
width : 150px;
margin-left : 25%;
}
}
@media (min-width: 368px) {
.big_fhoto {
width : 200px;
margin-left : 25%;
}
}
@media (min-width: 568px) {
.big_fhoto {
width : 250px;
margin-left : 30%;
}
}
@media (min-width: 768px) {
.big_fhoto {
width : 300px;
margin-left : 0;
}
}
@media (min-width: 992px) {
.big_fhoto {
width : 400px;
margin-left : 0;
}
}
@media (min-width: 1200px) {
.big_fhoto {
width : 500px;
margin-left : 0;
}
}
.carousel-caption {
position : absolute;
}
@media (min-width: 238px) {
.carousel-caption {
opacity : 0;
}
}
@media (min-width: 368px) {
.carousel-caption {
opacity : 0;
}
}
@media (min-width: 568px) {
.carousel-caption {
width : 250px;
margin-left : 35%;
opacity : 0;
height : 20px;
top : -20%;
}
}
@media (min-width: 768px) {
.carousel-caption {
width : 350px;
margin-left : 35%;
opacity : 1;
}
}
@media (min-width: 992px) {
.carousel-caption {
width : 400px;
margin-left : 35%;
opacity : 1;
height : 100px;
top : 1%;
}
}
@media (min-width: 1200px) {
.carousel-caption {
width : 500px;
margin-left : 35%;
opacity : 1;
}
}
@media (min-width: 768px) {
.small_text {
opacity : 0;
}
}
@media (min-width: 992px) {
.small_text {
opacity : 1;
}
}
@media (min-width: 1200px) {
.small_text {
opacity : 1;
}
}
@media (max-width: 920px) {
section#earth .container .region .block-block > h2 {
width : 100%;
box-sizing : border-box;
text-align : center;
padding : 47px 2% 20px 2%;
font : 200 86px/86px 'Dosis';
}
}
@media (max-width: 767px) {
section#earth .container .region .block-block > h2 {
font : 200 60px/40px 'Dosis';
padding-top : 25px;
}
}
@media (max-width: 390px) {
section#earth .container .region .block-block > h2 {
padding-bottom : 40px;
font : 200 40px/40px 'Dosis';
}
}
section#earth .container .region .block-block > h2 br {
display : none;
}
@media (max-width: 920px) {
section#earth .container .region .block-block > h2 br {
display : none;
}
}
@media (max-width: 767px) {
section#earth .container .region .block-block > ul li {
clear : none;
margin-right : 17px;
}
}
@media (max-width: 390px) {
section#earth .container .region .block-block > ul li {
margin-right : 0;
}
}
section#earth .container .region .block-block > ul li:last-child {
margin-right : 0;
}
@media (max-width: 767px) {
section#earth .container .region .block-block > ul li:last-child {
margin-right : 0;
}
}
@media (max-width: 767px) {
section#earth .container .region .block-block > ul {
width : 357px;
float : none;
margin : 0 auto;
}
}
@media (max-width: 390px) {
section#earth .container .region .block-block > ul {
width : 170px;
}
}
@media (max-width: 600px) {
section#we_offer .container .block-block > h2 {
font : 200 60px/60px 'Dosis';
}
}
@media (max-width: 1199px) {
section#we_offer .container .block-block .row-fluid {
background-image : none;
}
}
@media (max-width: 1200px) {
section#four_steps .container {
width : 100%;
margin : 0;
padding : 0;
}
}
@media (max-width: 768px) {
section#four_steps .container .block-block .row-fluid {
width : 100%;
margin : 0 0 60px 0;
}
}
@media (max-width: 768px) {
section#four_steps .container .block-block .row-fluid .span3 {
width : 50%;
margin : 0;
padding : 20px 0 20px 0;
}
}
section#four_steps .container .block-block .row-fluid .span3:first-child {
margin-left : 0;
}
@media (max-width: 768px) {
section#four_steps .container .block-block .row-fluid .span3:first-child {
border-right : 1px dashed #1abc9c;
border-bottom : 1px dashed #1abc9c;
}
}
@media (max-width: 768px) {
section#four_steps .container .block-block .row-fluid .span3:first-child + .span3 {
border-bottom : 1px dashed #1abc9c;
}
}
@media (max-width: 768px) {
section#four_steps .container .block-block .row-fluid .span3:first-child + .span3 + .span3 {
border-right : 1px dashed #1abc9c;
}
}
@media (max-width: 768px) {
section#four_steps .container .block-block .row-fluid .span3 img {
width : 32% !important ;
}
}
@media (max-width: 480px) {
section#four_steps .container .block-block .row-fluid .span3 img {
width : 100% !important ;
}
}
@media (max-width: 768px) {
section#four_steps .container .block-block .row-fluid .span3 img {
width : 32% !important ;
}
}
@media (max-width: 480px) {
section#four_steps .container .block-block .row-fluid .span3 img {
width : 100% !important ;
}
}
section#four_steps .container .block-block .row-fluid .span3 h3 {
float : left;
margin : 0;
padding : 10px 0 10px 0;
width : 100%;
font : 800 24px/24px 'Dosis';
color : #1abc9c;
text-align : center;
min-height : 50px;
}
@media (max-width: 999px) {
section#four_steps .container .block-block .row-fluid .span3 h3 {
min-height : 70px;
}
}
@media (max-width: 768px) {
section#four_steps .container .block-block .row-fluid .span3 h3 {
min-height : 53px;
width : 68%;
text-align : left;
box-sizing : border-box;
padding : 0 20px 5px 0;
}
}
@media (max-width: 700px) {
section#four_steps .container .block-block .row-fluid .span3 h3 {
min-height : 92px;
}
}
@media (max-width: 480px) {
section#four_steps .container .block-block .row-fluid .span3 h3 {
width : 100%;
padding : 10px;
text-align : center;
}
}
@media (max-width: 319px) {
section#four_steps .container .block-block .row-fluid .span3 h3 {
min-height : 116px;
}
}
@media (max-width: 230px) {
section#four_steps .container .block-block .row-fluid .span3 h3 {
min-height : 116px;
}
}
@media (max-width: 1130px) {
section#four_steps .container .block-block .row-fluid .span3 p {
min-height : 260px;
}
}
@media (max-width: 1030px) {
section#four_steps .container .block-block .row-fluid .span3 p {
min-height : 280px;
}
}
@media (max-width: 1000px) {
section#four_steps .container .block-block .row-fluid .span3 p {
min-height : 310px;
}
}
@media (max-width: 840px) {
section#four_steps .container .block-block .row-fluid .span3 p {
min-height : 340px;
}
}
@media (max-width: 768px) {
section#four_steps .container .block-block .row-fluid .span3 p {
width : 68%;
border : none;
padding : 0 20px 10px 0;
float : right;
min-height : 220px;
}
}
@media (max-width: 650px) {
section#four_steps .container .block-block .row-fluid .span3 p {
min-height : 280px;
}
}
@media (max-width: 600px) {
section#four_steps .container .block-block .row-fluid .span3 p {
width : 100%;
padding : 0 20px 20px 20px;
min-height : 220px;
}
}
@media (max-width: 530px) {
section#four_steps .container .block-block .row-fluid .span3 p {
min-height : 260px;
}
}
@media (max-width: 480px) {
section#four_steps .container .block-block .row-fluid .span3 p {
display : none;
}
}
@media (max-width: 1200px) {
section#quick_contact .container {
width : 100%;
margin : 0;
padding : 0;
}
}
@media (max-width: 479px) {
section#quick_contact .container .row-fluid {
margin : 60px 6.5% 0 6.5%;
width : 87%;
}
}
@media (min-width: 238px) {
iframe {
width : 340px;
}
}
@media (min-width: 368px) {
iframe {
width : 400px;
}
}
@media (min-width: 568px) {
iframe {
width : 550px;
}
}
@media (min-width: 768px) {
iframe {
width : 400px;
}
}
@media (min-width: 992px) {
iframe {
width : 500px;
}
}
@media (min-width: 1200px) {
iframe {
width : 800px;
}
}
@media (min-width: 768px) {
.opa {
opacity : 0;
}
}
@media (min-width: 992px) {
.opa {
opacity : 0;
}
}
@media (min-width: 1200px) {
.opa {
opacity : 1;
}
}