@charset "utf-8";
/* CSS Document */

#body{min-width: 100%; overflow-y: scroll; overflow-x: hidden; margin:0px -3px -3.5px -3px; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
.content{margin: 0 auto; width:100%;}

/* Slides */	
#slide1, #slide2, #side3, #slide4, #slide5, #slide6{width: 100%; height: initial; margin: 0; background-size:cover; background-position: center bottom;}
#slide1{padding:1.5em 0 5em 0; background-image:url(MAIN.png); background-color:#F0F0F0;}
#slide2{padding:4em 0 7em 0; background-image:url(POCO.png); background-color:#F0F0F0;}
#slide3{padding:2em 0 4em 0; background-image:url(); background-color:#0017D1;}
#slide4{padding:2em 0 5.6em 0; background-image:url(OFERTA_1.png); background-color:#0017D1;}
#slide5{padding:3em 0 5em 0; background-image:url(); background-color:#F0F0F0;}
#slide6{padding:5em 0 2em 0; background-image:url(KONTAKT.png); background-color:#F0F0F0;}


/*Top menu*/
.top_menu{width:95%; margin: 0 2em 4em 0; text-align: right;  color: #fff; font-size: 14px; font-weight:600; word-spacing: 3em; }
.top_menu a {color: #fff; text-decoration: none; word-spacing: normal; opacity: 0.7;}
.top_menu a:hover{ opacity:1;}

.dropbtn {background:rgba(12,0,169,0.5); color:#fff; padding: 0.5em 0em 0.5em 1em; font-weight:400; font-size: 22px; letter-spacing:0.05em;  border: none; width:100%; text-align: left; display: none;}
.dropdown {position: static;  display: none; width:100%; margin-bottom:4%;}
.dropdown-content { display: none; float:left; text-align:center; font-weight:400; font-size: 16px; letter-spacing:0.05em; background:rgba(170,170,170,0.3); width:100%;  box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);}
.dropdown-content a {color:#fff; padding: 15px 20px; text-decoration: none; display:inline; transition: all .5s ease;}
.dropdown-content a:hover {color:#887FFC;}
.dropdown:hover .dropdown-content {display: inline; height:auto; padding:20px 0 20px 0;}
#menu_icon{width:8%;}

/*Logo*/
.logo_container{width:100%; display:inline-block; text-align: center;}
#logo{width:8%;}

.site_name{width:100%; text-align: center; color: #fff; opacity:0.5; font-weight:600; font-size: 20px; letter-spacing: 0.05em; margin:0.3em 0 2em 0;}

/*Headings*/

.h{width:100%; text-align: center; color: #fff; font-weight:bold; font-size: 40px; letter-spacing: 0.04em; margin:2em 0 6em 0;  padding:0;}


.p_head{width:30%; margin: 0em 0 0 15%; font-size: 52px; font-weight: bold; color: #0017D1;}
.wymogi_head{width:40%; margin: 0 0 1em 15%; color: #0017D1; font-size: 22px; font-weight: bold;}
.dyr_head{width:70%; margin:1em 0 0.5em 15%; text-align: center; color: #fff; font-size: 30px; font-weight: 500; letter-spacing: 0.03em;}
.o_head{width:70%; margin:5em 0 0.5em 15%; text-align: left; color: #fff; font-size: 45px; font-weight:bold; letter-spacing: 0.2em;}
.h_1_1{width: 50%; color:#fff; font-size: 18px; margin:1em 0 3em 25%; text-align: center;}
.k_head{width:30%; margin: 0em 0 0 15%; font-size: 52px; font-weight: bold; color:#0017D1;}

/*Texts*/
.po_co_text_1{width:50%; margin:0 0 1em 15%; color: #474747; font-size: 15px;}
.po_co_text_2{width:50%; margin:0 0 0em 15%; color: #0017D1; font-size: 13px;}
.art_title{width:100%; text-align: center; color:#fff; font-size: 15px;}
.dyr_text{width:70%; margin: 0 0 1em 15%; text-align: left; font-size: 15px; color: #fff;}
.offer_text{width:45%; margin: 0 0 1em 15%; text-align: left; font-size: 15px; color: #fff;}

	
/* Offer */

.prdct{width:50%; margin:0 0 0 25%; display:inline-block; text-align:center; word-spacing:10em;}

.blue_box, .red_box{width:30%; display:inline-block; padding: 2em 0em 0em 0em; text-align:center; font-weight:bold; font-size: 20px; letter-spacing: 0.05em; vertical-align: top; word-spacing: normal;}
.blue_box a{color: #0017D1; text-decoration: none;}
.red_box a{color: #DF291C; text-decoration: none;}
.prdct_container{width:100%; margin: 0 0 1em 0; display:inline-block; text-align:center;}


#prdct_icon{width:3em; text-align: center; display: inline-block;}
#use_icon{width:1.7em; text-align: center; display: inline-block;}
.box_name{width:100%; margin: 0.5em 0 0 0; text-align: center; display: inline-block;}


/* Contact Form*/

.contact_container{width:100%; margin: 0 0% 0 0%; padding:2em 0 5em 0; display:inline-block;}

.form_bg{width:100%; background: rgba(255, 255, 255, .6);}

#formularz {width:70%; margin:2px 0 0 15%; border:none; background: rgba(255, 255, 255, .0); padding:1em 0 20px 0; word-spacing: 3em;}

.column{display:inline-block; width:26%; padding:0; word-spacing: normal;}

#formularz label {display:block; margin-bottom:0.6em; font-weight:bold; text-transform: uppercase; font-size:16px; color:#0017D1; text-align: left;}

#formularz textarea,
#formularz input {padding:0.8em 0.8em 2em 0.8em; border-radius:15px; border:1px solid #ccc; margin-bottom:25px; width:100%; vertical-align: top;}

#formularz input#submit {width:22%;	cursor:pointer;	margin:0 0 0 39%; background-color:#0017D1;	color:#FFF;	font-size: 14px; border-radius:32px; padding: 0.8em;}

/*NAV ARROWES*/
#arrow_back{width:3%; padding:10px 10px 3px 10px; position:fixed; bottom:0; right:10px;}
#arrow_up{width:3%; padding:10px 10px 3px 10px; position:fixed; bottom:0; left:10px;}


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

#slide1{padding:1.5em 0 2em 0; background-image:url(MAIN_900px.png); background-color:#F0F0F0;}
/*Logo*/
.logo_container{width:100%; display:inline-block; text-align: center;}
#logo{width:15%;}
/*Headings*/

.h{width:100%; text-align: center; color: #fff; font-weight:bold; font-size: 35px; letter-spacing: 0.04em; margin:1em 0 4em 0;  padding:0;}


.p_head{width:70%; margin: 0em 0 0 15%; font-size: 52px; font-weight: bold; color: #0017D1;}
.wymogi_head{width:40%; margin: 0 0 1em 15%; color: #0017D1; font-size: 22px; font-weight: bold;}
.dyr_head{width:70%; margin:1em 0 0.5em 15%; text-align: center; color: #fff; font-size: 26px; font-weight: 500; letter-spacing: 0.03em;}
.o_head{width:70%; margin:5em 0 0.5em 15%; text-align: left; color: #fff; font-size: 45px; font-weight:bold; letter-spacing: 0.2em;}
.h_1_1{width: 70%; color:#fff; font-size: 16px; margin:1em 0 3em 15%; text-align: center;}
.k_head{width:30%; margin: 0em 0 0 15%; font-size: 45px;}	
	
/*Texts*/
.po_co_text_1{width:70%; margin:0 0 1em 15%; color: #474747; font-size: 15px;}
.po_co_text_2{width:70%; margin:0 0 0em 15%; color: #0017D1; font-size: 13px;}
.art_title{width:100%; text-align: center; color:#fff; font-size: 15px;}
.dyr_text{width:70%; margin: 0 0 1em 15%; text-align: left; font-size: 15px; color: #fff;}
.offer_text{width:70%; margin: 0 0 1em 15%; text-align: left; font-size: 15px; color: #fff;}
	
/* Offer */

.prdct{width:80%; margin: 0 0 0 10%; word-spacing:5em;}

.blue_box, .red_box{width:30%; display:inline-block; padding: 2em 0em 0em 0em; text-align:center; font-weight:bold; font-size: 20px; letter-spacing: 0.05em; vertical-align: top; word-spacing: normal;}
	
/* Contact */
#formularz {word-spacing: 2.8em;}
.column{display:inline-block; width:26%; padding:0; word-spacing: normal;}

#formularz label {display:block; margin-bottom:0.6em;}

#formularz textarea,
#formularz input {padding:0.8em 0.8em 2em 0.8em; margin-bottom:25px; width:100%;}

#formularz input#submit {width:22%;	margin:0 0 0 39%; padding: 0.8em;}	
	
/*NAV ARROWES*/
#arrow_back{width:6%; padding:10px 10px 3px 10px; position:fixed; bottom:0; right:10px;}
#arrow_up{width:6%; padding:10px 10px 3px 10px; position:fixed; bottom:0; left:10px;}	
}

@media screen and (max-width: 680px){
	
/* Slides */	
#slide1, #slide2, #side3, #slide4, #slide5, #slide6{background-size:cover;}
#slide1{padding:0em 0 3em 0; background-image:url(MAIN_900px.png); background-color:#F0F0F0;}
#slide2{padding:4em 0 7em 0; background-image:url(POCO.png); background-color:#F0F0F0;}
#slide3{padding:2em 0 4em 0; background-image:url(); background-color:#0017D1;}
#slide4{padding:4em 0 5.6em 0; background-image:url(OFERTA_1.png); background-color:#0017D1;}
#slide5{padding:3em 0 5em 0; background-image:url(); background-color:#F0F0F0;}
#slide6{padding:5em 0 0em 0; background-image:url(KONTAKT.png); background-color:#F0F0F0;}
	
/*Top menu*/
.top_menu{display:none;}
	
.dropbtn {display:inline-block;}
.dropdown {display:block; margin-bottom:4%;}
.dropdown-content {font-size: 16px;}
.dropdown-content a {padding: 0.5em 0.5em; display:block;}
.dropdown:hover .dropdown-content {display: block; padding:10px 0 10px 0;}	
	
/*Logo*/
.logo_container{width:100%; display:inline-block; text-align: center; margin:0 0 1.2em 0;}
#logo{width:18%;}
.site_name{font-size: 18px; margin:0.3em 0 2em 0;}
	
/*Headings*/

.h{width:80%; font-weight:700; font-size: 30px; letter-spacing: 0.03em; margin:0 0 3em 10%;}


.p_head{width:70%; font-size: 35px;}
.wymogi_head{width:70%;  font-size: 20px;}
.dyr_head{width:70%; margin:1em 0 0.5em 15%; font-size: 20px;}
.o_head{width:70%; margin:0em 0 0.5em 15%; text-align: left; color: #fff; font-size: 35px; font-weight:bold; letter-spacing: 0.2em;}
.h_1_1{width: 70%; font-size: 13px; margin:1em 0 3em 15%; text-align: left;}
.k_head{width:70%; font-size: 35px;}
	
/*Texts*/
.po_co_text_1{width:70%; margin:0 0 1em 15%; color: #474747; font-size: 15px;}
.po_co_text_2{width:70%; margin:0 0 0em 15%; color: #0017D1; font-size: 13px;}
.art_title{width:70%; margin: 0 0 2em 15%; text-align: center;}	
.dyr_text{width:70%; margin: 0 0 1em 15%; text-align: left; font-size: 13px; color: #fff;}
.offer_text{width:70%; margin: 0 0 1em 15%; text-align: left; font-size: 13px; color: #fff;}
	
/* Offer */

.prdct{width:80%; margin:0 0 0 10%; display:inline-block; text-align:center; word-spacing:0em;}

.blue_box, .red_box{width:100%; display:inline-block; padding: 2em 0em 0em 0em; text-align:center; font-weight:bold; font-size: 20px;}
.prdct_container{width:100%; margin: 0 0 1em 0; display:inline-block; text-align:center;}


#prdct_icon{width:3em; text-align: center; display: inline-block;}
#use_icon{width:1.7em; text-align: center; display: inline-block;}
.box_name{width:100%; margin: 0.5em 0 0 0; text-align: center; display: inline-block;}


/* Contact */
#formularz {width:70%; padding:1em 0 20px 0; word-spacing: 0;}
.column{display:block; width:100%;}	
#formularz input#submit {width:70%;	cursor:pointer;	margin:0 0 0 15%;}
	
/*NAV ARROWES*/
.arrows{display:none;}	
}