@charset "utf-8";
@import url(reset.css);
@import url(360.css);
@import url(768.css);
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,700&subset=latin-ext');

*{
font-size:16px;
font-family:'Ubuntu', arial, tahoma, sans-serif;
}

ul{
display:inline-block;
width:calc(100% - 20px);
list-style:disc;
margin-left:20px;
}

@media screen and (min-width: 1150px) and (max-width: 5900px){

#section0{
background:url(../jpg/bg1.jpg) no-repeat center center;
background-size:cover;
text-align:center;
}

#section1{
background:url(../jpg/bg2.jpg) no-repeat center center;
background-size:cover;
}

#section2{
background:url(../jpg/bg3.jpg) no-repeat center center;
background-size:cover;
}

#section3{
background:url(../jpg/bg4.jpg) no-repeat center center;
background-size:cover;
}

#section4{
background:url(../jpg/bg5.jpg) no-repeat center center;
background-size:cover;
}

#section5{
background:url(../jpg/bg6.jpg) no-repeat center center;
background-size:cover;
}

#section6{
background:url(../jpg/bg7.jpg) no-repeat center center;
background-size:cover;
}

#section7{
background:url(../jpg/section7.jpg) no-repeat center bottom;
background-size:cover;
}

/* Menu */
#menu{
opacity:0.75;
}

#menu li {
	display:inline-block;
	margin:10px 0px 0px 10px;
	color:black;
	background:white;
	-webkit-border-radius: 4px;
            border-radius: 4px;
}
#menu li.active{
	background:black;
	color:white;
}
#menu li a{
	text-decoration:none;
	color:black;
}
#menu li.active a:hover{
	color:white;
}
#menu li:hover{
	background:black;
	color:white;
}

/* ------------------------- */

#menu li a,
#menu li.active a{
	font-size:10pt;
	font-family:tahoma;
	height:20px;
	line-height:20px;
	padding: 0px 7px;
	display:block;
}
#menu li.active a{
	color:white;
	background:black;
}
#menu{
	position:fixed;
	bottom:20px;
	left:0;
	height: 20px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin: 0;
}

#menu li a:hover{
background:black;
color:white;
}

/* End of Menu */
/* Proper styles */

div{
vertical-align:top!important;
}

div.container{
width:1150px;
margin:0px auto;
padding:0px;
position:relative;
}

div.wrapper{
width:1150px;
position:relative;
float:left;
margin:0px;
padding:0px;
text-align:center;
}
	
.logo{
float:left;
margin:5px 0px 0px 0px;
}	
	
nav#widescreen{
height:28px;
line-height:28px;
float:left;
margin:26px 0px 0px 85px;
}

nav#widescreen a{
font-size:1.0em;
color:black;
text-transform:uppercase;
padding:0px 18px 0px 0px;
text-decoration:none;
font-weight:700;
}

nav#widescreen a:last-child{
padding:0px 0px 0px 0px;
}

nav#widescreen a:hover{
text-decoration:underline;
}

.languages{
float:right;
height:12px;
margin-top:31px;
}

.languages img{
float:left;
margin:0px 0px 0px 10px;
}

.main-gray{
padding:45px;
background:url(../jpg/label-bg.png) repeat;
text-align:center;
display:inline-block;
margin:320px auto 0px auto;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.offer-gray{
width:372px;
padding:20px;
background:url(../jpg/label-bg.png) repeat;
text-align:justify;
float:left;
margin:30px 0px 0px 0px;
font-size:1.0em;
color:white;
line-height:1.4em;
font-weight:300;
clear:left;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.whole{
width:100%;
display:inline-block;
text-align:center;
}

.main-inscr{
width:100%;
display:inline-block;
text-align:center;
font-size:3em;
color:white;
text-transform:uppercase;
font-weight:700;
text-shadow:2px 2px 2px black;
}

.offerboxes{
float:right;
margin:98px 0px 0px 0px;
max-width:630px;
padding:0px;
}

.obox{
width:190px;
float:left;
margin:20px 0px 0px 20px;
transition:all 0.2s;
}

.obox:hover{
filter:brightness(120%);
transition:all 0.2s;
}

.obox img{
float:left;
width:190px;
}

.obox-desc{
float:left;
width:100%;
height:46px;
background:url(../jpg/box-trans.png) repeat;
text-align:center;
font-size:1em;
line-height:1.4em;
color:white;
font-weight:300;
}

.righth1{
float:right!important;
}

.aus{
width:550px!important;
margin-top:35px!important;
}

.aus2{
width:630px!important;
margin-top:-84px!important;
}

.aus3{
width:830px!important;
}

.certificates{
float:left;
width:100%;
margin-top:-84px;
}

.certificates .obox{
margin:5px 20px 0px 0px!important;
cursor:pointer;
}

.hopx{
height:1px!important;
}

.fp-controlArrow.fp-prev{
border-color: transparent black transparent transparent!important;
}

.fp-controlArrow.fp-next{
border-color: transparent transparent transparent black!important;
}

.gallery{
width:calc(100% + 40px);
float:left;
margin-top:50px;
margin-left:-20px;
}

.gallery img{
float:left;
margin:0px 0px 0px 40px;
width:40%;
border:1px solid black;
}

.gallery img.rightimg{
float:right!important;
margin:0px 40px 0px 0px!important;
}

.map{
width:calc(100% - 460px);
float:right;
margin-top:30px;
}

.footer{
width:100%;
float:left;
margin:38px 0px 0px 0px;
text-align:center;
}

.webcat{
width:100%;
float:left;
height:20px;
line-height:20px;
text-align:center;
color:black;
font-size:9pt!important;
font-family:verdana;
}

.webcat a{
color:black;
font-size:9pt!important;
}

.web{
color:#9e0d2a;
font-weight:bold;
font-size:9pt!important;
}

.cat{
color:#62a400;
font-weight:bold;
font-size:9pt!important;
}

nav.thinscreen{
display:none;
}

.resmenu{
display:none;
}
	
#fixed-nav{
width:100%;
height:90px;
position:fixed;
top:0px;
left:0px;
z-index:10!important;
background:url(../jpg/top-bar.png) repeat-x left top;
}

h1{
float:left;
margin:118px 0px 0px 0px;
text-align:center;
color:white;
font-size:3.8em;
font-weight:300;
padding:0px 20px;
background:url(../jpg/label-bg.png) repeat-x left top;
height:84px;
line-height:84px;
}

.contact{
margin-top:-20px!important;
}
	
/* End of Proper styles */

/* Classes for P tag */


/* End Classes for P tag */

/* contact section css */

/* end of contact section css */

}

.product-gallery{
width:100%;
float:left;
padding:40px 0px;
}

.product-gallery a{
width:31%;
float:left;
margin-right:3.5%;
}

.product-gallery a:last-of-type{
margin-right:0px;
}

.product-gallery a img{
width:calc(100% - 2px);
float:left;
transition:0.2s;
border:1px solid black;
}

.product-gallery a img:hover{
transition:all 0.2s;
filter:brightness(120%);
}

.fullog{
width:100%;
box-sizing:border-box;
margin-top:0px;
}

.leftside{
width:30%;
float:left;
margin-top:40px;
}

.leftside img{
float:left;
width:100%;
}

.rightside{
width:65%;
float:right;
margin-top:40px;
}

.textcenter{
text-align:center;
}

.orderform{
margin-top:40px;
}

.order-title{
width:100%;
float:left;
font-size:30px;
font-weight:700;
text-align:left;
padding-bottom:20px;
}

.orderform input{
width:100%;
float:left;
margin-bottom:8px;
box-sizing:border-box;
width:100%;
height:40px;
line-height:40px;
padding:0px 20px;
font-size:16px;
text-align:left;
}

.shortinput{
width:200px!important;
}

#confirm,
#submitos{
width:150px;
text-align:center;
background:#5bb800;
color:white;
border:none;
margin-left:10px;
cursor:pointer;
}

#submitos{
margin-left:0px;
margin-top:8px;
}

.formstripe{
width:100%;
float:left;
}

#accept,
#accept2{
width:23px;
height:23px;
margin-right:15px;
}

#koszt{
font-weight:bold;
}

.geotekstylia{
float:left;
width:100%;
margin:0px;
padding:0px 0px 40px 0px;
background:url(../jpg/pr-bg.jpg) no-repeat center top;
background-size:cover;
}

.regulamin{
float:left;
width:100%;
margin:0px;
padding:0px 0px 40px 0px;
background:url(../jpg/pr-bg.jpg) no-repeat center top;
background-size:auto 100%;
background-attachment:fixed;
}

.acceptance-text a{
color:white;
text-decoration:underline;
}

.acceptance-text a:hover{
text-decoration:none;
}

.popup{
width:40%;
position:absolute;
top:250px;
left:0px;
box-sizing:border-box;
padding:20px;
background:white;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
color:black;
font-size:16px;
}

.closeit{
width:30px;
height:30px;
position:absolute;
top:-30px;
right:-30px;
background:url(../jpg/x.png) no-repeat center center white;
cursor:pointer;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.offb{
cursor:pointer;
}

.martop40{
margin-top:40px;
}

.reg-n{
font-weight:bold;
text-align:center;
padding-bottom:25px;
padding-top:25px;
}

.padd15{
padding:0px 15px;
}

.martop40 a{
color:white;
text-decoration:underline;
}

.martop a:hover{
text-decoration:none;
}

#equation{
margin-top:10px;
width:50%;
min-width:300px;
}

/* Movie start */

.movie{
float:right;
width:calc(100% - 620px);
min-height:200px;
margin-top:35px;
}

@media screen and (max-width: 400px){

.product-gallery a{
width:90%;
margin-right:0;
margin-left:5%;
margin-bottom:40px;
}

h1{
height:auto;
padding-bottom:5px!important;
}

.leftside{
width:100%;
}

.rightside{
width:100%;
}

.order-title{
font-size:30px;
line-height:38px;
}

#accept,
#accept2{
margin-bottom:30px;
}

#confirm{
margin-left:0px;
}

}

#trickyou{
display:none;
}