@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{ width: 100%; }
#slide1{height: initial; margin: 0;  padding:2em 0 3em 0; background-image:url(ZASTOSOWANIE.png); background-size:cover; background-color:#FFF; background-position: center;}
#slide3{background-color: #fff; height: initial; padding: 40px 0 100px 0;}
#slide4{background-color: #fff; height: initial; padding: 20px 0 100px 0;}
#slide5{background-color: #fff; height: initial; padding: 20px 0 100px 0;}

/*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%;}

/* Headings */

.slide_icon{width:100%; text-align: center; margin:0 0 1em 0;}
#s_icon{width:4%;}

.h{width:100%; text-align: center; color: #fff; font-weight:bold; font-size: 50px; letter-spacing: 0.08em; margin: 0 0 3.3em 0;}

.h_1, .h_2, .h_3{width:100%; padding: 0.3em 0 0.5em 0; margin:0 0 0 0; text-align:center; color: #fff; font-weight:bold; font-size: 22px; letter-spacing: 0.05em;}
.h_1{background-color:#0017D1;}
.h_2{background-color:#0064ED;}
.h_3{background-color:#DF291C;}

/* Menu */

.menu_container{width:80%; margin:0 0 1em 10%; display:inline-block; text-align:center;}

.blue_box,.light_blue_box, .red_box{width:30%; display: inline-block; text-align:center; font-weight:bold; font-size: 16px; letter-spacing: 0.08em;}

.blue_box a{color:#0017D1;}
.light_blue_box a{color:#0064ED;}
.red_box a{color:#DF291C;}

.menu_icon{width:33%; text-align: center; display: inline-block;}
.menu_title{width:100%; margin: 0.6em 0 0 0; text-align: center; display: inline-block;}

/* Offer */

.text{width:60%; margin: 3em 0 4em 20%; text-align: center; font-size: 14px; color: #515151;}

.prdct_container{width:60%; margin: 0 0 0 20%; display:inline-block; word-spacing: 2em; background-color: #fff; text-align:center; }
.prdct_box{width:30%; padding:0em; display:inline-block; word-spacing:normal; vertical-align: top;}

.prdct_img{width:70%; margin: 0 0 0.5em 0;}

.prdct_title{width:100%; text-align: center; font-size: 16px; font-weight: 700; color:#6C7282;}
.title_plus{width:100%; text-align: center; font-size: 14px; font-weight: 400; color:#6C7282;}
#prdct_btn {width:50%; margin: 1.2em 0 0 0; opacity: 1; vertical-align: top;}
#prdct_btn a: hover{opacity:0.5;}

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

@media screen and (max-width: 900px){
/*Logo*/
.logo_container{margin:0 0 2em 0;}
#logo{width:15%;}

/* Headings */
#s_icon{width:8%;}
	
.h{width:90%; font-weight:bold; font-size:50px; letter-spacing: 0.05em; margin: 0 0 3em 5%;}
.text{width:70%; text-align: center; color:#474747; font-size: 16px; margin: 3em 0 1.5em 15%;}

/* Menu */
.menu_container{width:80%; margin:0 0 1em 10%; display:inline-block; text-align:center;}
.blue_box,.light_blue_box, .red_box{width:30%; display: inline-block; text-align:center; font-weight:bold; font-size: 16px; letter-spacing: 0.08em; vertical-align: top;}

.menu_icon{width:45%; text-align: center; display: inline-block;}
.menu_title{width:100%; margin: 0.6em 0 0 0; text-align: center; display: inline-block;}	
	
/* Offer */

.prdct_container{width:80%; margin: 1em 0 0 10%; display:inline-block; text-align:center;}
.prdct_box{width:45%; padding:3.5em 0 3.5em 0; display:inline-block;}

#prdct_btn {width:50%; margin: 1em 0 0 0; opacity: 1;}	
	
/*NAV ARROWES*/
#arrow_up{width:6%; padding:10px 10px 3px 10px; position:fixed; bottom:0; right:10px;}
#arrow_back{width:6%; padding:10px 10px 3px 10px; position:fixed; bottom:0; left:10px;}
	
}

@media screen and (max-width: 600px){
	
#slide1{padding:0em 0 3em 0; background-image:url(ZASTOSOWANIE_600px.png);}	
	
/*Top menu*/
.top_menu{display:none;}
	
.dropbtn {display:inline-block;}
.dropdown {display:block; margin-bottom:3em;}
.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 2em 0;}
#logo{width:30%;}
	
/* Menu */

.menu_container{display: none;}
.menu_icon{width:30%; text-align: center; display: inline-block;}
.menu_title{width:100%; margin: 0.6em 0 0 0; text-align: center; display: inline-block;}	
	
/*Headings*/
.h{width:80%; font-weight:700; font-size: 30px; letter-spacing: 0.03em; margin:0 0 5em 10%;}

.slide_icon{width:100%; text-align: center; margin:0 0 1em 0;}
#s_icon{width:22%;}

.h_1, .h_2, .h_3{padding: 0.4em 0 0.6em 0; font-size: 18px; letter-spacing: 0.05em;}
	
/* Offer */
.text{width:80%; margin: 2em 0 1em 10%; font-size: 14px;}
.prdct_container{width:80%; margin: 1em 0 0 10%; display:inline-block; text-align:center;}
.prdct_box{width:100%; padding:2.5em 0 2.5em 0; display:inline-block;}

/*NAV ARROWES*/
.arrows{display:none;}
}