html {
    min-height: 100%;
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: 'Arial';
    color: #000;
    background-color: #fff;
    line-height: normal;
}

font{
color: #000;
}

a {
    text-decoration: none;
    color: #679d00;
    font-size: 12px;
    font-family: 'Arial';
}

a:hover {
    text-decoration: none;
}

p, .text {
    font-size: 12px;
    color: #000;l
    line-height: 19px;
    font-family: 'Arial';
    margin: 5px 0 5px 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.clear { clear: both; }
.last { margin-right: 0 !important; }
.hide { display: none; }

.wrapper {
	position: relative;
	width: 960px;
	margin: auto;
}

.header-wrapper {
    position: relative;
    width: 100%;
    height: 110px;
    background: url('../images/bg-h.png') repeat-x;
}

.header-wrapper .left {
    position: absolute;
    width: 50%;
    left: 0;
    height: 110px;
    background: url('../images/bg-h2.png') repeat-x;
}

.header {
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: 110px;
    z-index: 10;
    background: url('../images/bg-h3.png') no-repeat;
}

#logo {
    position: absolute;
    top: 15px;
    left: 0px;
    z-index: 20;
}

.slider-wrapper {
    position: relative;
    width: 100%;
    background-color: #fff;
    height: 418px;

}

.slider-bg {
    position: absolute;
    width: 50%;
    left: 50%;
    height: 418px;
}

.slider-wrapper .left-1 {
    position: relative;
    float: left;
    height: 417px;
    width: 100%;
    border-top: 1px solid #dd4f42;
    background: url('../images/bg-sb2.png') no-repeat 480px 0 #eeeeee;
}

.slider-wrapper .left-2 {
    position: relative;
    float: left;
    width: 100%;
    height: 508px;
    background: url('../images/bg-sb3.png') no-repeat 480px 0 #eeeeee;
}

.slider-wrapper .left-3 {
    position: relative;
    float: left;
    width: 100%;
    height: 508px;
    background: url('../images/l2.png') no-repeat 480px 0 #eeeeee;
}

.slider-wrapper .left-4 {
    position: relative;
    float: left;
    width: 100%;
    height: 508px;
    background: url('../images/bg-sb4.png') no-repeat 480px 0 #eeeeee;
}

.slider-wrapper .left-5 {
    position: relative;
    float: left;
    width: 100%;
    height: 508px;
    background: url('../images/bg-sb.png') no-repeat 480px 0 #eeeeee;
}

.slider-wrapper .left-6 {
    position: relative;
    float: left;
    width: 100%;
    height: 508px;
    background: url('../new-slide-1b.png') no-repeat 480px 0 #eeeeee;
}

.slider-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 960px;
    height: 418px;
}

.slider-img .slide-1 {
    position: relative;
    z-index: 1;
    float: left;
    width: 960px;
    height: 508px;
    background: url('../images/bg-s2.png') no-repeat top right;
}

.slider-img .slide-2 {
    position: relative;
    float: left;
    width: 960px;
    height: 508px;
    background: url('../images/bg-s3.png') no-repeat top right;
}

.slider-img .slide-3 {
    position: relative;
    float: left;
    width: 960px;
    height: 508px;
    background: url('../images/l1.png') no-repeat top right;
}

.slider-img .slide-4 {
    position: relative;
    float: left;
    width: 960px;
    height: 508px;
    background: url('../images/new-slide-4.png') no-repeat top right;
}

.slider-img .slide-5 {
    position: relative;
    float: left;
    width: 960px;
    height: 508px;
    background: url('../images/new-slide-3.png') no-repeat top right;
}

.slider-img .slide-6 {
    position: relative;
    float: left;
    width: 960px;
    height: 508px;
    background: url('../new-slide-1.png') no-repeat top right;
}

.slider  {
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: 418px;
}

.content-wrapper {
    position: relative;
    width: 100%;
    z-index: 10;
}

.content {
    position: relative;
    width: 960px;
    margin: 0 auto;
}

h1, h2, h3, h4 { position: relative; text-transform: uppercase;  width: 100%; margin: 25px 0 35px 0; font-family: 'kelson_sansbold'; color: #2c2c2c; font-size: 18px; }
h1 span, h2 span, h3 span, h4 span { color: #cf3a3a; }
h1 a, h2 a, h3 a, h4 a { color: #cf3a3a; font-family: "kelson_sansbold"; }

.box-a {
    position: relative;
    float: left;
    width: 293px;
    margin-right: 40px;
    min-height: 370px;
}

.box-news {
    position: relative;
    float: left;
    width: 960px;
    height: 230px;
    margin: 20px 0 54px 0;
    border-bottom: 1px solid #d1d1d1;
}

.box-news .inside {
    position: relative;
    float: left;
    width: 960px;
    height: 120px;
    border-bottom: 1px solid #d1d1d1;
}

.box-news article {
    position: relative;
    float: left;
    width: 293px;
    margin-right: 40px;
    height: 110px;
}

article span { position: relative; float: left; width: 100%; color: #8b8b8b; font-size: 12px; font-family: 'Arial'; }
article h3, article h4 { position: relative; float: left; width: 100%; margin: 5px 0 8px 0;}
article h3 a, article h4 a { color: #2c2c2c; font-size: 12px; font-family: 'Arial'; font-weight: bold; }
article .more { color: #cf3a3a; font-size: 12px; font-family: 'Arial'; font-weight: bold; }
article .more:hover { text-decoration: underline; }

.archive { position: absolute; right:  0; top: 206px; color: #cf3a3a; font-size: 12px; font-family: 'Arial'; font-weight: bold; }
.archive:hover { text-decoration: underline; }

.gallery-wrapper {
    position: relative;
    width: 100%;
    background-color: #f1f1f1;
    height: 534px;
    border-top: 1px solid #e3e3e3;
}

.gallery {
    position: relative;
    margin: 0 auto;
    width: 960px;
    z-index: 10;
}

.gallery .inside {
    position: relative;
    float: left;
    width: 960px;
    height: 217px;
}

.footer-wrapper {
    position: relative;
    width: 100%;
    height: 329px;
    background: url('../images/footer.png') repeat-x;
}

.footer-wrapper .footer {
    position: relative;
    width: 960px;
    height: 329px;
    margin: 0 auto;
}

.offer-a { position: relative; float: left; width: 178px; height: 78px; padding: 17px 80px 0 35px; background: url('../images/offer-a.png') no-repeat; margin-bottom: 1px; }
.offer-a label, .offer-a h3 { position: relative; float: left; font-family: 'kelson_sansbold'; color: #fff; font-size: 14px; width: 178px; text-transform: uppercase; }
.offer-a p { position: relative; float: left; font-family: 'Arial'; color: #aba3a2; font-size: 12px; width: 178px; }
.offer-a:hover { background-position: 0 -96px; }
.offer-a:hover p { color: #2d0c09; }

ul { position: relative; width: 90%; list-style-image: url('../images/li.png'); padding-left: 21px; margin: 5px 0;}
ul li { color: #000; font-family: 'Arial'; font-size: 12px; padding: 3px 0; }

.button { position: relative; float: left; padding: 9px 20px; margin: 13px 0 0 0; background-color: #2c2c2c; font-family: 'kelson_sansbold'; color: #fff; font-size: 13px; text-transform: uppercase;  }
.button:hover { background-color: #DF3C2E; }

.infoline { position: absolute; top: 4px; right: 0; font-family: 'kelson_sansregular'; color: #fff; font-size: 10px; text-transform: uppercase; }
.infoline span { color: #df3c2e; }
.infoline span + span { font-size: 18px; }

.menu {
    background: #232323;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
	z-index: 20;
}
.menu-a {
    color: #ffffff;
    font-size: 13px;
    font-family: 'kelson_sansbold';
	padding: 30px 10px;
	display: inline-block;
}
.menu-a.active {
    color: #ea3e2c;
}
.menu-a.active2 {
	color: #ea3e2c;
	background: #373535;
}
.menu-extended {
	position: absolute;
	background: #373535;
	width: 100%;
	z-index: 100;
	top: 100%;
	left: 0;
	text-align: left;
	display: none;
}
.menu-img {
	margin: 25px 0 25px 25px;
	display: inline-block;
	vertical-align: top;
	max-width: 300px;
	max-height: 220px;
}
.menu-content {
	display: inline-block;
	vertical-align: top;
	padding: 25px;
	max-width: 580px;
}
.menu-grp {
	display: block;
}
.menu-title {
    color: #df3c2e;
	font: 16px/30px 'kelson_sansbold';
    display: block;
	transition: 0.4s;
}
.menu-title:hover {
	color: #f9a69e !important;
}
.menu-link {
	font: 14px/24px 'kelson_sansregular';
	display: none;
	color: white;
	width: 100%;
}
.menu-link:hover {
	color: #ddd;
}
.m-e2 {
	width: auto;
}
.m-e3 .menu-grp {
	margin-right: 50px;
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 50px);
}
.m-e3 .menu-title {
	color: #df3c2e;
}



.steps { position: absolute; top: 343px; left: 0; width: 228px; height: 75px; z-index: 50;}
.steps a { position: relative; float: left; left: 0; width: 50px; height: 50px; background: url('../images/steps.png') no-repeat #df3c2e; margin-right: 1px; background-size: cover; }
.steps a.s1 { background-position: 0 0; }
.steps a.s2 { background-position: -50px 0; }
.steps a.s3 { background-position: -100px 0; }
.steps a.active { background-color: #2d0c09; }


.slider-desc { position: absolute; top: 155px; left: 0; width: 512px; height: 157px; padding-left: 76px; z-index: 50; background: url('../images/slider.png') no-repeat; overflow: hidden; }
.slider-desc .inside { position: relative; float: left; width: 512px; height: 157px;}
.slider-desc .slide { position: relative; float: left; width: 483px; height: 157px; padding: 16px 0 0 20px; }
.slider-desc .slide label { position: relative; float: left; width: 480px; font-family: 'kelson_sansbold'; color: #fff; font-size: 31px; }
.slider-desc .slide label span { color: #e9412c; }
.thir label span { color: #e9412c; font-size: 27px; }
.slider-desc .slide p { position: relative; float: left; width: 470px; margin-top: 38px; font-size: 15px; color: #d9d9d9;  font-family: 'kelson_sansregular'; line-height: 22px;}
.slider-desc .sbt { position: absolute; width: 75px; height: 75px; left: 0px; top: 0;  z-index: 160 !important; }


.navigation { position: absolute; top: 300px; right: 1px; width: 49px; height: 99px; z-index: 50;}
.navigation .next { position: relative; float: left; width: 49px; height: 49px; background: url('../images/pn.png') no-repeat; margin-bottom: 1px; }
.navigation .prev { position: relative; float: left; width: 49px; height: 49px; background: url('../images/pn.png') no-repeat 0 -50px; }

.gl{
    position: relative;
    float: left;
    width: 292px;
    margin-right: 41px;
    height: 195px;
}

.gl img { position: relative; float: left; background-color: #fff; border: 1px solid #e1e1e1; padding: 4px;}
.gl label, .gl h4 { position: relative; float: left; width: 100%; color: #000; font-size: 12px; font-family: 'Arial'; font-weight: bold; margin: 20px 0 15px 0; }
.gl .more { color: #cf3a3a; font-size: 12px; font-family: 'Arial'; font-weight: bold; }
.gl .more:hover { text-decoration: underline; }

.kabex-wrapper { position: relative; width: 100%;  height: 139px; margin-bottom: 43px; }
.kabex { position: relative; width: 960px;  height: 139px; margin: 0 auto; background: url('../temp/baner.png') no-repeat;  z-index: 20;}
.kabex-gdx { position: absolute; width: 100%;  height: 376px; background: url('../images/gdx.png') no-repeat center top; top: -105px; z-index: 1;}

.video-a { position: relative; float: left; width: 293px; height: 287px; background-color: #000000; }
.video-a iframe { position: relative; float: left; width: 253px; margin: 30px 0 0 20px; height: 222px;}
.video-a .camera { position: absolute; top: 171px; left: -110px; width: 110px; height: 130px; background: url('../images/camera.png') no-repeat; transform: rotateY(180deg); }


#project { position: absolute; top: 271px; right: 0; font-family: 'Arial'; color: #ababab; font-size: 12px; }
#project a { color: #df3c2e; }
#project a:hover { text-decoration: underline; }

#copyright { position: absolute; top: 271px; left: 0; font-family: 'Arial';color: #ababab; font-size: 12px; }
#copyright span { color: #df3c2e; }

.f-box { position: relative; float: left; width: 293px; height: 225px; margin-right: 40px; }
.f-bg { position: absolute; top: -17px; right: 0; background: url('../images/foot.png') no-repeat top right; width: 293px; height: 187px; }

.up { position: absolute; top: -18px; right: 215px; width: 72px; height: 60px; z-index: 10; }

.v-a { position: absolute; top: 19px; width: 39px; height: 39px; right: 0; z-index: 10;  }
.p-a { position: absolute; top: 110px; right: 51px; z-index: 10; font-size: 28px; color: #f1f1f1;  font-family: 'kelson_sansbold'; }
.p-a span { font-size: 14px; margin-right: 7px; }

.v-n { position: relative; float :left; width: 255px; padding: 6px 7px; border: 1px solid #404040; font-size: 12px; background: none; color: #ababab;  }
.v-n-b { position: absolute; top: 81px; left: 205px; height: 28px; width: 50px;  color: #fff; text-align: center; background-color: #d53b2d; font-family: 'kelson_sansbold'; font-size: 13px; padding: 5px;  }
.v-n-p { position: relative; float :left; margin-top: 20px;  }

.ul-a { position: relative; float: left; list-style-image: url('../images/li2.png'); width: 280px; padding-left: 14px; }
.ul-a li { padding: 4px 0; }
.ul-a li a { color: #ababab; font-size: 12px; font-family: 'Arial'; }
.ul-a li a:hover { color: #df3c2e; }

.a-p { position: relative; float: left; width: 960px; height: 80px; }
.a-p img { position: relative; float: left; margin-right: 37px; }

.next-b { position: absolute; width: 24px; height: 24px; top: 354px; right: 0; background: url('../images/pn2.png') no-repeat -24px 0; }
.prev-b { position: absolute; width: 24px; height: 24px; top: 354px; right: 25px; background: url('../images/pn2.png') no-repeat; }

.baner-wrapper { position: relative; width: 100%; height: 382px; }
.baner { position: relative; margin: 0 auto; width: 960px;  height: 382px; }

.baner-1 { background: url('../temp/baner-1.png') no-repeat top center; }
.baner-2 { background: url('../temp/baner-2.png') no-repeat top center; }
.baner-3 { background: url('../temp/baner-3.png') no-repeat top center; }

.baner-wrapper .left-1, .baner-wrapper .left-3 {
    position: absolute;
    left: 50%;
    height: 329px;
    width: 50%;
    border-top: 1px solid #dd4f42;
    background: url('../images/bg-s.png') repeat;
}

.baner-wrapper .left-2 {
    position: absolute;
    left: 50%;
    width: 50%;
    height: 330px;
    background: url('../images/bg-sb.png') no-repeat 480px 0 #eeeeee;
}


.left-c {
    position: relative;
    float: left;
    width: 666px;
    margin-bottom: 40px;
    line-height: 20px !important;
    z-index: 22;
}

.right-c {
    position: relative;
    float: right;
    width: 247px;
    margin: 0px 0 40px 0;
    z-index: 222;
}

.left-c h1 { margin-bottom: 35px; }

.right-c h4 { margin-bottom: 35px; }

.left-c ul { width: 627px;  }

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


.input {
    width: 435px;
    border: 1px solid #cfcfcf;
    margin-top: 5px;
    color: #6e6e6e;
    font-weight: bold;
    font-size: 11px;
    height: 25px;
    padding-left: 10px;
    font-family: 'Arial';
    background-color: #E9E9E9;
    border-radius: 0px;
}

textarea {
    width: 435px;
    border: 1px solid #cfcfcf;
    margin-top: 5px;
    min-height: 100px;
    color: #6e6e6e;
    font-size: 11px;
    padding-left: 10px;
    padding-top: 10px;
    resize: vertical;
    font-family: 'Arial';
    background-color: #E9E9E9;
    font-weight: bold;
    border-radius: 0px;
    overflow: auto;
}

#contact-b {
    position: relative;
    float: left;
    margin: 5px 0 20px 0;
    width: 600px;
}

#contact-b label {
    color: #5F6669;
}

.msg {
    position: relative;
    float: left;
    border: 0px;
    border-style: solid;
    margin-bottom: 10px;
    background-color: #2C2C2C;
    border-radius: 0px;
    padding: 10px 10px;
    text-align: center;
    margin-bottom: 15px;
    width: 581px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}

.msg.error {
    background-color: #B45859;
}

#submit-a {
    background-color: #F9CE04;
    color: #13551f;
    padding: 7px 10px;
    border: 0;
    cursor: pointer;
    font-size: 13px;
    border-radius: 0px;
    font-family: 'geogrotesque_mdmedium';
}

#siteForm label span {
    color: #EB3B01;
}


.newsx {
    position: relative;
    float: left;
    margin: 0px 0 40px 0;
    width: 590px;
}

.newsx:last-child {
    margin-bottom: 40px;
}

.newsx .news-inside {
    position: relative;
    float: right;
    width: 417px;
    border: 0;

}

.newsx h3 {
    position: relative;
    float: left;
    width: 425px;
    font-family: 'geogrotesque_mdmedium';
    font-weight: normal;
    padding: 0;
    top: 10px;
}

.newsx h3 a {
    position: relative;
    color: #959E32;
    font-family: 'geogrotesque_mdmedium';
    font-size: 16px;
    text-decoration: none;
    top: -9px;
}

.newsx h3 span {
    position: relative;
    color: #000000;
    font-size: 12px;
    margin-right: 8px;
    margin-bottom: 0;
    top: -7px;
    font-weight: normal;
    font-family: 'geogrotesque_mdmedium';

}

.newsx p {
    position: relative;
    float: left;
    width: 425px;
    margin: 18px 0 8px 0;
}

.read { color: #EFB019; }
.read:hover { text-decoration: underline; }

.hide { display: none; }



.newsx {
    position: relative;
    float: left;
    margin: 0px 0 40px 0;
    width: 590px;
}

.newsx:last-child {
    margin-bottom: 40px;
}

.left-c img {
    position: relative;
    float: left;
    border: 1px solid #E1E1E1;
    padding: 4px;
    border-radius: 0px;
    background-color: #fff;
    margin-right: 15px;
    margin-bottom: 10px;
    border-radius: 0px;
}

.newsx .news-inside {
    position: relative;
    float: right;
    width: 417px;
    border: 0;

}

.newsx h3 {
    position: relative;
    float: left;
    width: 425px;
    font-family: "kelson_sansbold";
    font-weight: normal;
    padding: 0;
    top: 10px;
}

.newsx h3 a {
    position: relative;
    color: #cf3a3a;
    font-family: "kelson_sansbold";
    font-size: 16px;
    text-decoration: none;
    top: -9px;
}

.newsx h3 span {
    position: relative;
    color: #2c2c2c;
    font-size: 12px;
    margin-right: 8px;
    margin-bottom: 0;
    top: -7px;
    font-weight: normal;
    font-family: 'kelson_sansbold';

}

.newsx p {
    position: relative;
    float: left;
    width: 425px;
    margin: 18px 0 8px 0;
}

.read { color: #cf3a3a; font-weight: bold; }
.read:hover { text-decoration: underline; }

.tree { position: relative; float: left; list-style-type: none; width: 235px; left: -16px; margin: 0;  }
.tree li { width: 227px; padding: 6px 0px 6px 36px; position: relative; float: left; background-color: #df3c2e; list-style-image: none; color: #ffffff; margin-bottom: 1px; padding: 9px 16px; }
.tree li a { color: #13551f; font-family: 'kelson_sansregular'; font-size: 15px;  color: #ffffff; text-transform: uppercase; width: 235px !important; float: left; }
.tree li.active, .tree li:hover { background-color: #2d0c09; /* margin-left: -2px; width: 231px; */ }
.tree li.active a, .tree li:hover a { color: #fff;  }

.tree li:not(.soon-0) {
    width: 218px !important;
    background-color: #a56762 !important;
}
.tree .tree .tree li { width: 209px !important; }
.tree .tree .tree .tree li { width: 200px !important; }

.soon-1.active, .soon-2.active, .soon-3.active, .soon-4.active, .soon-5.active, .soon-6.active, .soon-7.active, .soon-8.active, .soon-9.active, .soon-10.active, .soon-11.active, .soon-12.active, .soon-13.active, .soon-14.active, .soon-15.active, .soon-16.active, .soon-17.active, .soon-18.active, .soon-19.active, .soon-20.active {
    background-color: #521e19 !important;
}

@media screen and (max-width: 1200px) {
    .camera { display: none; }
}

.font * {
	font-size: 12px !important;
	font-family: 'Arial' !important;

}
.font a {
	color: #00309d !important;
}


.of-buttons {
	display: flex;
	margin: 30px 0;
	text-align: center;
}
.of-btn {
	flex: 1;
	background: #df3c2e;
	line-height: 1.5;
	color: white;
	font-weight: bold;
	font-size: 13px;
	margin-right: 1px;
	cursor: pointer;
	transition: 0.3s;
	padding: 10px 0;
}
.of-btn:hover, .of-btn.active {
	background: #2d0c09;
}
.of-buttons-txt {
	margin-bottom: 40px;
}
.of-btn-txt {
	display: none;
}
.of-btn-txt.active {
	display: block;
}

.margin {
	margin: 50px 0 80px;
}

.karta_produktu img {
	border: 1px solid transparent;
	transition: 0.6s;
}
.karta_produktu img:hover {
	border: 1px solid rgba(0,0,0,0.4);
	opacity: 0.8;
}


.top-tel {
	padding: 20px 50px;
	background: url(../images/tel.png) no-repeat left center;
	width: 200px;
	margin-left: auto;
}
.top-tel-txt {
    font-weight: bold;
    font-size: 18px;
    font-family: 'kelson_sansbold';
	color: #2c2c2c;
}
.top-tel-nr {
    font-weight: bold;
    font-size: 16px;
    font-family: 'kelson_sansbold';
    margin-top: 10px;
	color: #cf3a3a;
}


@media (max-width:960px){
	body {
		padding: 0 15px;
	}
	
	.wrapper {
		max-width: 960px;
		width: 100%;
	}
	
	.content {
		width: 100%;
		text-align: center;
	}
	
	.menu {
		position: static;
		display: block;
		text-align: left;
		background: white;
		padding: 10px 0;
		margin-top: 20px;
	}
	.menu-a {
		display: none;
		padding: 10px 20px;
		margin: 0;
	}
	.menu:before {
		content: '';
		display: block;
		border: 5px solid #b12f2f;
		border-style: solid none;
		width: 50px;
		height: 5px;
		margin: auto;
		cursor: pointer;
		transition: .4s;
	}
	.menu:after {
		content: '';
		display: block;
		border-bottom: 5px solid #b12f2f;
		width: 50px;
		height: 5px;
		margin: auto;
		cursor: pointer;
		transition: .4s;
	}
	.menu.active {
		background: #232323;
		padding: 0;
	}
	.menu.active .menu-a {
		display: block;
		margin: 0;
	}
	.menu.active .menu-extended {
		display: block !important;
	}
	.menu.active:before {
		content: 'x';
		border: none;
		height: auto;
		color: #b12f2f;
		text-align: center;
		font-size: 40px;
		font-weight: bold;
		transform: rotateZ(90deg);
	}
	.menu.active:after {
		border-width: 2px;
		width: 100%;
	}
	
	.menu-extended {
		position: static;
		background: none;
		display: none !important;
	}
	.menu-img {
		display: none;
	}
	.menu-content {
		display: block;
		text-align: left;
		max-width: 100%;
		padding: 5px 5px 10px 50px;
	}
	.menu-title {
		font-size: 13px;
		color: white;
	}
	
	.slider-img, .slider {
		width: 100%;
	}
	.navigation {
		right: 20px;
	}
	.slider-desc {
		position: relative;
		top: 75px;
		left: auto;
		max-width: 100%;
		padding: 0;
		background-position: right;
		margin: auto;
	}
	.slider-desc .sbt {
		display: none;
	}
	.slider-desc .slide {
		width: 100%;
		float: none;
		padding: 0;
	}
	.slider-desc .inside {
		width: auto;
		float: none;
		margin: 15px;
		height: 128px;
	}
	.slider-desc .slide label {
		float: none;
		width: auto;
		font-size: 20px;
	}
	
	.box-a {
		float: none;
		min-height: auto;
		margin: 0;
		width: 100%;
		
	}
	.button {
		display: block;
		float: none;
	}
	.video-a {
		float: none;
		max-width: 293px;
		width: auto;
		height: auto;
		margin: auto;
		padding: 20px;
	}
	.video-a iframe {
		float: none;
		width: 100%;
		max-width: 253px;
		margin: 0;
	}
	.video-a img {
		width: 100%;
	}
	
	.box-news {
		float: none;
		width: 100%;
		height: auto;
	}
	.box-news .inside {
		float: none;
		width: 100%;
		height: auto;
	}
	.box-news article {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 30px;
	}
	.archive {
		position: static;
	}
	
	.kabex {
		width: auto;
		background-size: 100%;
	}
	.kabex-gdx {
		display: none;
	}
	
	.gallery-wrapper {
		height: auto;
	}
	.gallery {
		width: 100%;
		text-align: center;
	}
	.gallery .inside, .a-p {
		float: none;
		width: auto;
		height: auto;
	}
	.gl {
		float: none;
		margin: 0 auto 20px !important;
		height: auto;
		max-width: 292px;
		width: 100%;
	}
	.gl img {
		max-width: calc(100% - 10px);
	}
	.a-p img {
		float: none;
	}
	
	.footer-wrapper {
		height: auto;
		background-color: #212121;
		background-position: bottom;
	}
	.footer-wrapper .footer {
		width: auto;
		height: auto;
		text-align: center;
	}
	.f-box {
		float: none;
		width: auto;
		height: auto;
		margin: 0;
	}
	.f-box h2 {
		margin-top: 0 !important;
		padding-top: 30px;
	}
	.v-n, .v-n-p, .f-box a, .ul-a {
		float: none !important;
	}
	.v-n, .v-n-b {
		width: 80%;
		display: block;
		margin: 10px auto 0;
		position: static;
	}
	#copyright {
		position: static;
		display: block;
		margin-top: 60px;
	}
	#project {
		position: static;
		display: block;
		padding-bottom: 30px;
	}
	.ul-a {
		width: auto;
		padding-left: 30px;
	}
	.f-bg, .f-box.last a {
		display: none;
	}
	.p-a {
		position: static;
		top: 0;
	}
	
	.left-c {
		width: 100%;
	}
	
	.of-buttons {
		display: block;
	}
	
	iframe {
		width: 100%;
		height: auto;
	}
	
	.left-c table {
		width: 100% !important;
		float: none !important;
	}
	.left-c table td {
		display: block;
		width: 100%;
	}
	
	.msg {
		width: auto;
		float: none;
	}
	.input {
		width: 100%;
		padding: 0;
	}
	textarea {
		width: 100%;
		padding: 0;
	}
}

@media (max-width:550px){
	#logo {
		max-width: 100px;
	}
	.top-tel {
		padding: 20px 0 20px 40px;
		width: 150px;
	}
	.slider-img div {
		background-position: top left -450px !important;
	}
	.slider-img .slide-1 {
		background-position: top left -200px !important;
	}
	.slider-bg {
		left: 0;
		width: 100%;
	}
}

.karta_produktu-link:link, .karta_produktu-link:hover, .karta_produktu-link:visited {
    color:  #00309d !important;
    display: block;
    float: left;
    clear: left;
}

.font img{
    margin-bottom: 20px;
    float: left;}
    
font a{
    display: block;
    width: 100%;
    float: left;
    clear: left;
}
}

.inne-filmy:link, .inne-filmy:visited, .inne-filmy:hover{
    font-family: 'kelson_sansbold';
    text-transform: uppercase;
    color: #000;
    float: right;
    margin-top: 30px;
    margin-bottom: -50px;
}


.mozaika-galeria{
    position: relative;
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mozaika-obraz{
    width: 25%;
    float: left;
    margin-bottom: 20px;
}

.mozaika-obraz a{
    display: block;
    margin: auto;
    display: flex;
  justify-content: center;
}


.mozaika-obraz .title-mozaika{
    clear: left;
    float: left;
    width: 100%;
    margin-top: 0px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}