@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/oswald-bold-webfont.woff2') format('woff2'),
         url('fonts/oswald-bold-webfont.woff') format('woff'),
         url('fonts/oswald-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'oswaldlight';
    src: url('fonts/oswald-light-webfont.woff2') format('woff2'),
         url('fonts/oswald-light-webfont.woff') format('woff'),
         url('fonts/oswald-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'oswaldmedium';
    src: url('fonts/oswald-medium-webfont.woff2') format('woff2'),
         url('fonts/oswald-medium-webfont.woff') format('woff'),
         url('fonts/oswald-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'oswaldregular';
    src: url('fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('fonts/oswald-regular-webfont.woff') format('woff'),
         url('fonts/oswald-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body, html {margin:0; padding:0}
p {margin:0; padding:0}
heder {background:url('../img/bg-menu.jpg'); width:100%; display: inline-block; border-bottom:1px solid #d7c6c6;height: 100px;}
.container-heder {width:1170px; position:relative; margin: 0 auto;}
.container-logo {width:auto; position:relative; display: inline-block;top: 13px; }
.container-logo img {max-width:100%}
.container-menu {width:90%; position:relative; display: inline-block;text-align: center}
.container-menu ul {list-style-type:none; margin:0; padding:0}
.container-menu li {display: block; font-size: 28px;font-family: "oswaldbold"; color: #fff;font-weight: bold;padding: 36px;border-bottom:1px solid #fff; cursor: pointer}
.container-kontakt {width:auto; position:relative; display: inline-block;font-size: 2vw;font-family: "oswaldregular";color: #fff;float: right;top: 10px; }
.container-kontakt img {position:relative; vertical-align:baseline}
.container-content   {width:100%; min-height:500px; background:url("../img/bg-carbon.jpg") no-repeat top center;background-attachment: fixed;background-size: 100% 100%;}
.container-slider-text {font-size: 1.8vw;font-family: "oswaldbold";color: #fff;font-weight: 500;position: absolute;top: 20px;right:0;text-align:right;width: 55%;text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.78);z-index:9}  


.imgSlider {width:100%; height:400px;position:relative;background-size: 100% 100%;    border-radius: 20px;z-index:1}
.container-slider   {width:100%; height:510px; background:url("../img/bg-red.jpg") no-repeat top center;border-bottom:1px solid #d7c6c6; background-size: 100% 100%;}
.container-slider img  {max-width:100%;}
.slider-text-bg-red	{display:block; color:#000; text-align: center; padding:0px 15px;margin:0px 20px 10px 0; text-shadow:none;  }	
.slider {width:65%; height:400px;border-radius: 20px; position:relative; margin: 0 auto; overflow: hidden;box-shadow: 0px 0px 10px #000;top: 40px;right: -185px;}

.new-box-slider {width:1170px; position:relative; margin:0 auto}
.new-menu-box {width:37%; height:400px;background:url("../img/new-menu-bg.jpg") no-repeat;position:absolute; border-radius: 20px;top: 40px;overflow:hidden}

li:hover {background-image: url(../img/new-menu-active.jpg);background-position: center center; background-repeat: no-repeat; background-size:cover; cursor: pointer; }	
.slick-slide {position:relative}	
	
.linkMail {display: block;font-size: 1.1vw;color: #fff;position: relative;top: 0px; text-decoration: none}
.linkMail:hover {text-decoration: underline}

.czytajWiecej {display:none}

.red-box {
  border-radius: 8px;
  background-image: -moz-linear-gradient( -83deg, rgb(193,14,14) 0%, rgb(213,32,32) 20%, rgb(232,49,49) 34%);
  background-image: -webkit-linear-gradient( -83deg, rgb(193,14,14) 0%, rgb(213,32,32) 20%, rgb(232,49,49) 34%);
  background-image: -ms-linear-gradient( -83deg, rgb(193,14,14) 0%, rgb(213,32,32) 20%, rgb(232,49,49) 34%);
  opacity: 0.929;box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.78),inset -1.362px 2.673px 40px 0px rgba(0, 0, 0, 0.66),inset 0px 0px 9px 0px rgba(0, 0, 0, 0.65); 
  width: 85%;padding: 22px 30px 13px 30px;margin: 0 auto;position: relative; top: -40px;
}
.white-box {
	width:85%;	
  border-radius: 8px;
  box-shadow: inset 1px 2px 10px 0px rgba(0, 0, 0, 0.66); 
  padding: 30px 20px 10px 20px;margin: 0 auto;position: relative; 
	background-color: #fff;
}
.title {font-size: 2vw;  font-family: "oswaldmedium";  color: #fff;  font-weight: 500; }
.text-opis {font-size: 1vw;  font-family: "oswaldregular";  color: #fff;  font-weight: normal; }
	
.content {width:1170px; position:relative; margin: 0 auto;} 



.box-oferta {height: 135px;position: relative;width: 90%;margin: 0 auto;margin-bottom: 20px;cursor:pointer}
.box-oferta-bg {width:100%; border-radius:10px; background-color:#fff; position:relative;text-align: right;height: 101px;}

.activeLink {
  box-shadow: 0 0px 25px #ff0000, inset 0px 0px 35px #000;
  transition: box-shadow 0.3s ease-in-out;
}

.box-oferta-arrows {display:inline-block; position:relative;top: 20px;right: 10px;}
.box-oferta-nazwa {display:inline-block; position:relative;top: 5px;left: -30px;  font-size:33px; font-family: 'Archivo Black', sans-serif; font-style: italic; text-align: center }
.box-oferta-logo {display:inline-block; position:relative;top: 13px;right: 30px;}
.box-oferta-metry {width:257px; height:103px;display:inline-block; position:absolute;top: -2px;background:url("../img/metry-bg.png") no-repeat;    left: 230px;}
.foto-oferta {width: 210px;height: 118px;position: absolute;border: 5px solid #fff; border-radius:5px; overflow:hidden;top: -13px;}
.foto-oferta img {max-width:100%}

.wymiar {font-size: 2.0vw;font-family: "oswaldbold";color: #fff;font-weight: 500;position: absolute;top: 30px;left: 27px;text-align: center;width: 80%;text-shadow: 4px 5px 10px rgba(0, 0, 0, 0.78);}

.mt100 {margin-top:100px}	
footer {width:100%; text-align: center; font-size:0.8vw; color:#fff; font-family: Calibri; padding:20px 0}	
	

.container-oferta {}
.icon4x4 {width:83px; height:83px; position:absolute; top: -30px;left: 170px;z-index: 9;transform: rotate(-20deg); box-shadow: none !important }

.container-slider-oferta   {width:400px; position: relative; display: inline-block; vertical-align: top}
.container-slider-oferta img  {max-width:100%;}
.container-diagram {width:280px; position:relative;display: inline-block; }
.container-diagram img {max-width:100%}
.slider-style {width:400px;;position:relative;background-size: 100% auto !important;z-index:11}
.container-dane {width:300px; position:relative;display: inline-block; vertical-align: top }

table {width:100%; border-collapse: collapse;font-family: "oswaldregular";}
th, td {
    border-bottom: 1px solid #ddd;text-align: left; vertical-align: bottom;padding: 8px 5px;}
tr:nth-child(even) {background-color: #f2f2f2}



.bigRed {color:#ff0000; font-weight: bold; font-size:1.3vw}


.box-1-3 {width:33%; display:inline-block; position:relative; font-family:"oswaldregular"; vertical-align: top;line-height: 25px;}


.formularz input, .formularz textarea {width:83%; padding:10px; border:1px solid #cecece; text-align: left; margin:10px 0;}
.formularz .wyslij {width:90%; padding:10px; border:1px solid #cecece; text-align: center; margin:10px 0; background-color: #ff0000; color:#fff; cursor: pointer}
.formularz .wyslij:hover {background-color: #cd0303; }




.fotyGaleria    {border:5px solid RGBA(208,0,0,0.8); position:relative; width:216px;  height: 120px; display:inline-block; margin:0 1.17% 13px 0; overflow:hidden; cursor:pointer;border-radius: 8px;}
.fotyGaleria img {max-width:100%}
.fotyGaleria:nth-child(4n+4) 	{margin: 0 0 10px 0 }
.fotyGaleria a:hover > img  {position: absolute;transform: scale(1.2);;}
.hoverBG 		{width:100%; height:100%; position:absolute; z-index:9; background:url('../img/lupa.png') no-repeat center center;background-position: -50%;}
.fotyGaleria a:hover > .hoverBG {background-color: RGBA(0,0,0,0.4); background-position: 50%;}


.innaGaleria {float: left;position:absolute}


.smooth {	-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;}

.active {position: absolute;
top: 50%;
font-size: 1vw;
color: #fff;
background-color: #02D12D;
text-align: center;
left: 40%;
right: 40%;
padding: 20px;
display: inline-block;
width: 20%;
z-index: 99;
border-radius: 10px;
font-family: "oswaldregular" }

.text {font-family: "oswaldregular";font-weight: 100;font-size: 0.8vw;line-height: 25px;}

.box-1-3 a {text-decoration: underline; color:#000}
.box-1-3 a:hover {text-decoration: none; color:#ff0000}

@media only screen 
and (min-width : 1921px) {


	.container-kontakt {font-size:44px}
}

@media only screen 
and (min-width : 1650px) 
and (max-width : 1750px)
{
	.container-slider-text {font-size: 2.6vw;	}
}

@media only screen 
and (min-width : 1480px) 
and (max-width : 1650px)
{
	.container-kontakt {font-size: 2.4vw;}
	.wymiar {font-size: 2.6vw;}
}


@media only screen 
and (min-width : 1280px) 
and (max-width : 1650px)
{
	heder {height: 70px;}
	.container-logo {top: 4px;}
	.container-logo img {    max-width: 90%;}
	.container-heder {width: 1125px;}
	
	.container-kontakt {font-size: 2.5vw;top: 5px;}
	.container-kontakt img {max-width: 15%;}
	.container-slider {height: 440px;}
	.container-slider-text {font-size: 3.0vw;}
	.new-menu-box {top: 10px;}
	.slider {top: 10px;}
	.wymiar {font-size: 3vw;}
	.linkMail {font-size: 1.5vw;}
	.red-box {padding: 11px 30px 6px 30px;top: -23px;}
}








@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  
	
	
	
	
}





@media only screen 
and (min-width : 980px) 
and (max-width : 1280px)
{
	.container-heder {width: 980px;}
	
	
	
	
/*	.container-menu li {padding: 11% 0;font-size: 2.8vw;}
	.container-kontakt {font-size: 3vw;}
	.container-slider-text {font-size: 3.0vw;}
	.wymiar {font-size: 3vw;}
	.linkMail {font-size: 1.5vw;}
	.new-box-slider {width: 100%;}
	.new-menu-box {width: 28%;}
	.slider {width: 77%;right:-11%}*/
	
	
	
	heder {height: 70px;}
	.container-logo {top: 4px;}
	.container-logo img {    max-width: 90%;}

	
	.container-kontakt {font-size: 2.5vw;top: 5px;}
	.container-kontakt img {max-width: 15%;}
	.container-slider {height: 440px;}
	.container-slider-text {font-size: 3.0vw;}
	.new-menu-box {top: 10px;}
	.slider {top: 10px;width: 61%;right:-6%}
	.wymiar {font-size: 3vw;}
	.linkMail {font-size: 1.5vw;}
	.red-box {padding: 11px 30px 6px 30px;top: -23px;}
	.container-menu {width: 71%;}
	
	.content {width: 100%;}
	
	.box-oferta-logo {display:inline-block;position:relative;top:7px;right:100px;width:35%; text-align: center}
	.box-oferta-logo img {max-width:75%}
	.box-oferta-nazwa {display: block;top: 0px;left: 52%;font-size: 30px;width:37%}
	
	.box-oferta-arrows {display: inline-block;position: relative;top: -65px;right: 10px;text-align: center;width:10%}
	.box-oferta-arrows img {max-width:70%}
	.icon4x4 {left: 120px;top:-30px}
	.icon4x4 img {max-width:80%}
	
	.fotyGaleria    {border:5px solid RGBA(208,0,0,0.8); position:relative; width:197px;  height: 110px; display:inline-block; margin:0 1.17% 13px 0; overflow:hidden; cursor:pointer;border-radius: 8px;}
	.fotyGaleria:nth-child(4n+4) 	{margin: 0 0 10px 0 }
		.container-slider-oferta {width: 49%;}
	.container-diagram {    width: 50%;}
	.bigRed {font-size: 3.3vw;}
	.container-dane {width: 100%;}
}




@media only screen  and (device-width: 768px)  and (orientation:landscape) {
	
	.container-menu li {padding: 10% 0;}
	.fotyGaleria:nth-child(4n+4) 	{margin: 0 0 10px 0 }
}


@media only screen  and (device-width: 768px)  and (orientation:portrait) {
	
	.container-menu li {padding: 10% 0;}
	.fotyGaleria:nth-child(5n+5) 	{margin: 0 0 10px 0 }
}


@media only screen 
and (min-width : 767px) 
and (max-width : 980px)
{
	heder {height: auto; padding: 1% 0;}
	.container-heder {width:100%; }
	.container-logo {top: 20px;left: 15px;}
	.container-logo img {max-width: 70%;}
	.container-kontakt img {display:none}
	
	.container-kontakt {font-size: 40px;top: 5px;right: 10px;}
	.linkMail {font-size: 22px;}
	
	.new-box-slider {width: 100%;}
	.new-menu-box {width: 100%;height: auto;border-radius: 0px;top: 0px;position: relative; z-index: 999}
	.container-menu {width: 100%;}
	.container-menu li {padding: 1.1%;}
	.slider {width: 100%;border-radius: 0px;top: 0px;right: 0px;height:auto;padding: 30px 0 70px 0;}
	.imgSlider {width:100%; position:relative;background-size: 100% auto;    border-radius: 0px;z-index:1; height:auto}
	.slider-text-bg-red {text-align: right;padding: 0px 10px; margin: 0px 10px 0 0;}
	.container-slider-text {font-size: 6vw;width: 75%;}
	.container-slider {height: auto;}
	.content {width: 100%;}
	.red-box {border-radius: 0px;width: 75%;padding: 10px 30px;top: -30px;}
	.title {font-size: 6vw;}
	.box-oferta {position: relative;width: 90%;margin-bottom: 20px;display: block;height:85px}
	
	.box-oferta-bg {width: 100%;border-radius: 10px;background-color: #fff;position: relative;text-align: right;height: 70px;}
	.foto-oferta {width: 150px;height: 80px;position: absolute;border: 5px solid #fff;border-radius: 5px;overflow: hidden;top: -9px;}
	.box-oferta-metry {width: 177px;height: 73px;display: inline-block;top: -2px;left: 160px;background-size: 100% 100%;}
	.wymiar { font-size: 4vw;top: 11px;left: 17px;width: 80%;}
	
	.box-oferta-logo {display:inline-block;position:relative;top:7px;right:100px;width:35%; text-align: center}
	.box-oferta-logo img {max-width:75%}
	.box-oferta-nazwa {display: block;top: 0px;left: 49%;font-size: 22px;width:37%}
	
	.box-oferta-arrows {display: inline-block;position: relative;top: -53px;right: 10px;text-align: center;width:10%}
	.box-oferta-arrows img {max-width:70%}
	.icon4x4 {left: 120px;top:-30px}
	.icon4x4 img {max-width:80%}
	
	.fotyGaleria {width: 130px;height: 72px;margin: 0 1.17% 13px 0;}
	.hoverBG {background-position: -100%;}
	.box-1-3 {width: 100%;padding-bottom: 20px;}
	.formularz input, .formularz textarea {width: 93%;}
	.formularz .wyslij {width: 100%;}
	.container-slider-oferta {width: 49%;}
	.container-diagram {    width: 50%;}
	.bigRed {font-size: 5.3vw;}
	.container-dane {width: 100%;}
	}









@media only screen 
and (min-width : 395px) 
and (max-width : 767px)
{
	heder {height: 100px;}
	.container-heder {width:100%; }
	.container-logo {top: 20px;left: 15px;}
	.container-logo img {max-width: 90%;}
	.container-kontakt img {display:none}
	
	.container-kontakt {font-size: 6vw;top: 0px;right: 10px;}
	.linkMail {font-size: 3.2vw;}
	
	.new-box-slider {width: 100%;}
	.new-menu-box {width: 100%;height: auto;border-radius: 0px;top: 0px;position: relative;}
	.container-menu {width: 100%;}
	.container-menu li {padding: 3%;}
	.slider {width: 100%;border-radius: 0px;top: 0px;right: 0px;height:auto;padding: 30px 0 70px 0;}
	.imgSlider {width:100%; position:relative;background-size: 100% auto;    border-radius: 0px;z-index:1; height:auto}
	.slider-text-bg-red {text-align: right;padding: 0px 10px; margin: 0px 10px 0 0;}
	.container-slider-text {font-size: 6vw;}
	.container-slider {height: auto;}
	.content {width: 100%;}
	.red-box {border-radius: 0px;width: 75%;padding: 15px 30px 10px 30px;top: -30px;}
	.title {font-size: 6vw;}
	.box-oferta {position: relative;width: 90%;margin-bottom: 20px;display: block;height:85px}
	
	.box-oferta-bg {width: 100%;border-radius: 10px;background-color: #fff;position: relative;text-align: right;height: 70px;}
	.foto-oferta {width: 150px;height: 80px;position: absolute;border: 5px solid #fff;border-radius: 5px;overflow: hidden;top: -9px;}
	.box-oferta-metry {width: 177px;height: 73px;display: inline-block;top: -2px;left: 160px;background-size: 100% 100%;}
	.wymiar { font-size: 4vw;top: 26px;left: 17px;width: 80%;}
	
	.box-oferta-logo {display: inline-block;position: relative;top: 7px;right: 60px;width: 28%;}
	.box-oferta-logo img {max-width:90%}
	.box-oferta-nazwa {display: block;top: 5px;left: 340px;font-size: 22px;width:20%}
	
	.box-oferta-arrows {display: inline-block;position: relative;top: -44px;right: 5px;text-align: center;width:10%}
	.box-oferta-arrows img {max-width:70%}
	.icon4x4 {left: 120px;top:-30px}
	.icon4x4 img {max-width:80%}
	
	.fotyGaleria {width: 130px;height: 72px;margin: 0 1.17% 13px 0;}
	.hoverBG {background-position: -100%;}
	.box-1-3 {width: 100%;padding-bottom: 20px;}
	.formularz input, .formularz textarea {width: 93%;}
	.formularz .wyslij {width: 100%;}
	.container-slider-oferta {width: 100%;}
	.container-diagram {    width: 100%;}
	.bigRed {font-size: 6.3vw;}
	.container-dane {width: 100%;}
}


@media only screen 
and (min-width : 240px) 
and (max-width : 395px)
{
	heder {height: 80px;}
	.container-heder {width:100%; }
	.container-logo {top: 20px;left: 15px;}
	.container-logo img {max-width: 70%;}
	.container-kontakt img {display:none}
	.container-kontakt {font-size: 9vw;top: -40px;right: 10px;}
	.linkMail {font-size: 5vw;}
	.new-box-slider {width: 100%;}
	.new-menu-box {width: 100%;height: auto;border-radius: 0px;top: 0px;position: relative;}
	.container-menu {width: 100%;}
	.container-menu li {padding: 3%;font-size: 7vw;}
	.slider {width: 100%;border-radius: 0px;top: 0px;right: 0px;height:auto;padding: 30px 0 70px 0;}
	.imgSlider {width:100%; position:relative;background-size: 100% auto;    border-radius: 0px;z-index:1; height:auto}
	.slider-text-bg-red {text-align: right;padding: 0px 10px; margin: 0px 10px 0 0;}
	.container-slider-text {font-size: 6vw;}
	.container-slider {height: auto;}
	.content {width: 100%;}
	.red-box {border-radius: 0px;width: 75%;padding: 15px 30px 10px 30px;top: -30px;}
	.title {font-size: 6vw;}
	.box-oferta {position: relative;width: 100%;margin-bottom: 60px;display: block;height:auto}
	.box-oferta-bg {display: block;height:auto}
	.foto-oferta {width: 97%;height: auto;position: relative;border: 5px solid #fff;border-radius: 5px;overflow: hidden;top: -13px;}
	.box-oferta-metry {width: 100%;height: 100px;display: inline-block;position: relative;top: -2px;background: url("../img/metry-bg-mob.png") no-repeat; left: 0px;}
	.wymiar { font-size: 15vw;top: 25px;left: 0px;width: 100%;}
	.box-oferta-logo {display: block;position: relative;top: 0px;right: 0px;width: 100%;text-align: center;}
	.box-oferta-nazwa {display: block;top: 5px;left: 0px;font-size: 40px;}
	.box-oferta-arrows {display: block;position: relative;top: 7px;right: 0px;text-align: center;width:100%}
	.box-oferta-arrows img {max-width:15%}
	.czytajWiecej {display:inline-block; position: relative; font-size:20px; color:#000;font-family: "oswaldregular";font-weight: 500;top: -10px;padding-bottom: 10px;}
	.icon4x4 {left: 0px;}
	.fotyGaleria {width: 130px;height: 72px;margin: 0 1.17% 13px 0;}
	.hoverBG {background-position: -100%;}
	.box-1-3 {width: 100%;padding-bottom: 20px;}
	.formularz input, .formularz textarea {width: 93%;}
	.formularz .wyslij {width: 100%;}
	.container-slider-oferta {width: 100%;}
	.container-diagram {    width: 100%;}
	.bigRed {font-size: 6.3vw;}
	}