@charset "UTF-8";

@media (min-width: 320px) and (max-width: 480px){
	
	@font-face {
    font-family: Apex-Light;
    src: url(font/ApexNew-Light.otf);
	src: url(font/ApexNew-Light.eot),
		url(font/ApexNew-Light.svg),
		url(font/ApexNew-Light.woff),
		url(font/ApexNew-Light.ttf);
}

html{
	cursor:default;text-weight:bold;
	}
a{text-decoration:none;color:#2B3A42;
	}
a:hover{color:#F15623}

b{
	color:#F15623;font-size:18px;font-wight:bold;
	
	}
body{text-decoration:none;
	background-color:#2B3A42;
	font-family:apex-light;
	margin:0 auto;letter-spacing: 1.8px;}
#header{
	width:100%;
	height:60px;
	position:fixed;
	background-color:white;letter-spacing: 0px;
	z-index:1;}
#header_content{
	width:320px;
	height:60px;
	margin:0 auto;
	background-color:white;}
#logo{
	height:40px;
	background-image:url(logo.svg);
	background-repeat:no-repeat;
	background-position:center;
	width:200px;
	margin-top:10px;
	margin-left:10px;
	float:left;}
	
#menu{z-index:5;
	height:40px;float:right;
	width:40px;
	margin-right:20px;
	margin-left:20px;
	margin-top:10px;
	
}
#menu_mobile_pic{
	
	height:40px;
	width:40px;
	background:url(menu.svg);
	background-repeat:no-repeat;
	background-size:contain;
	}
#menu_mobile{
	margin-top:-16px;
	background:white;
	height:50px;
	width:100%;
	opacity:0.95;
	}
#menu_mobile_content{
	padding-top:1px;
	height:50px;
	width:320px;
	margin:0 auto;
	margin-top:10px;
			}
#menu_mobile_content_en{
	width:250px;
	height:40px;
	padding-right:70px;
	margin:0 auto;
			}
	
	#menu_mobile_content li{
		list-style:none;
	display:inline-block;
	font-size:17px;margin-left:5px;
	text-decoration:none;
	}

	#menu_mobile_content_en li{
		list-style:none;
	display:inline-block;
	font-size:17px;
	margin-left:10px;
	text-decoration:none;
	}
		
			
#menu_content{z-index:5;	
display:none;
	}
	
#menu_content ul li .active{
	border-bottom:3px #FFF solid;
	
	}

ul{text-decoration:none;
	}
	
li{
	list-style:none;
	display:inline-block;
	margin-left:15px;
	font-size:24px;
	text-decoration:none;
	}

#jezyk{
	margin-top:-18px;
	margin-left:220px;
	width:50px;
	font-size:20px;
	font-variant:small-caps;
	}	
	
	.naglowek{
		font-size:20px;
		color:white;
		margin-bottom:20px;
		font-weight:bold;
		}
	
#container{
	width:320px;
	height:auto;
	
	margin:0 auto;
	padding-top:100px;
	}
	
#motto{

	}
	#motto_a{margin:0 auto;
	width:150px;
	height:180px;
	margin-top:50px;
	}
#motto_anim{
	height:150px;
	width:150px;
	margin:0 auto;
	background-image:url(kolo2.svg);
	}
#motto_anim2{display:none;
	height:70px;float:left;
	width:70px;
	background-image:url(kolo.svg);
	margin-top:70px;
	margin-left:20px;
	
	}
	#motto_anim3{	display:none;
	float:left;
	height:70px;
	width:70px;
	background-image:url(kolo3.svg);
	margin-top:70px;
	
	}
#motto_txt{width:250px;
margin: 0 auto;
	color:#F15623;
	font-size:25px;
	text-align:center;
	text-weight:bold;
	}
#motto_txtsub{
	width:250px;
margin: 0 auto;
	color:white;
	font-size:16px;
	text-align:center;
	margin-top:10px;
	}
#onas{margin-top:10px;
	}
	
	#onas_txt{
		margin:0 auto;
		width:290px;
		height:auto;
		font-size:16px;
		color:white;
		text-align:justify;	
		line-height:25px;	}
	
		#oferta_txt{
		margin:0 auto;
		width:280px;
		height:auto;
		font-size:16px;
		color:white;
		text-align:justify;	
		}
		
		#oferta_txt_panel1{
		margin:0 auto;
		width:280px;
		height:auto;
		font-size:16px;
		color:white;
		text-align:justify;		margin-left:20px;
		}
		
		#oferta_txt_panel2{
		margin:0 auto;
		width:280px;
		height:auto;
		font-size:16px;
		color:white;
		text-align:justify;		margin-left:20px;	
		margin-top:10px;}
		
#oferta{margin-top:90px;
	}
	
	#cloud{
	width:300px;
	height:100px;
	margin:0 auto;margin-top:15px;
	background-image:url(panel.svg);
	background-repeat:no-repeat;
	background-size:contain;
	}
	
#klienci{display:none;
	}
	#klienci_mobile{
		width:240px;
		margin:0 auto;display:list-item;
		list-style:none;
	}
			
				#kolo_fill{
					height:120px;
					width:120px;
					background:url(kolo_fill.svg);
					background-repeat:no-repeat;
					background-size:contain;
					}
				
				#l_unilever{
					margin-top:25px;
					margin-left:25px;
					background:url(unilever.svg);
					background-repeat:no-repeat;
					background-position:center;
					background-size:contain;
					width: 70px;
					height:70px;
					}
				#l_avon{position:absolute;
					margin-top:25px;
					margin-left:25px;
					background:url(avon.svg);
					background-repeat:no-repeat;
					background-position:center;
					background-size:contain;
					width: 70px;
					height:70px;
					}
					#l_pg{position:absolute;
					margin-top:25px;
					margin-left:25px;
					background:url(pg.svg);
					background-repeat:no-repeat;
					background-position:center;
					background-size:contain;
					width: 75px;
					height:75px;
					}
						#l_eveline{position:absolute;
					margin-top:25px;
					margin-left:25px;
					background:url(eveline.svg);
					background-repeat:no-repeat;
					background-position:center;
					background-size:contain;
					width: 75px;
					height:75px;
					}
					#l_vanpur{
					margin-top:40px;
					margin-left:15px;
					background:url(vanpur.svg);
					background-repeat:no-repeat;
					background-position:center;
					background-size:contain;
					width: 120px;
					height:120px;
					}
#kontakt{margin:0 auto;
width:300px;
	}
	
#map-canvas{ width: 320px;
margin:0 auto;
margin-top:15px;
		height:165px;
		position:relative;	
		border-width:5px;	
		border-color:#3B4F5A; 	border-style: solid;	
	}
#contact-area {margin-top:20px;
	width: 100%;color:white;;
	margin:0 auto;
}

#contact-area input, #contact-area textarea {
	width: 280px;
    height: 18px;
	font-family: apex-light;
	font-size: 16px;
	margin: 0px 0px 20px 5px;
	
}

#contact-area textarea {
    height: 100px;
}


#contact-area textarea:focus, #contact-area input:focus {
	border: 5px solid #FF530D;
	
}

input.submit-button {width:75px;
text-align:center;
padding-top:5px;
height:23px;
background:red;
font-size:16px;
font-family:apex-light;
color:#2B3A42;
	margin-left:5px;
	margin-top:0px;
	background-color:white;
	border:none;
	position:absolute;
    }

label {
	float: left;
	text-align:center;
	margin-left: 15px;
	padding-top: 0px;
	font-size: 15px;
}

#kontakt_txt{
	width:280px;
	text-align:right;
	margin-top:40px;
	margin-bottom:60px;
	margin-left:0px;
	font-size: 15px;
	color:white;
	line-height:10px;}

#button{
	display:none;
	position:absolute	margin-top:260px;
	margin-left:100px;}
	
	#form{margin:0 auto;
	margin-top:30px;
		width:320px;
		}
	
#widomosc{
	 cursor:pointer;}
	
   #thanks{
	   height:300px;
	   width:240px;
		margin: 0 auto;  
		font-size:15px;   
		margin-top:200px;  
		color:#F15623;
		  }  
#koperta{margin-top:-40px;margin-left:0px;height:200px;width:200px;}
#footer {
   position:absolute;
   bottom:0;
   height:15px;
   width:100%;
	color:white;
   text-align:center;
padding-bottom:10px;
padding-top:5px;
   background:#314249;
   margin:0 auto;
}                                  

#logo_footer{
	height:25px;
	background-image:url(logo_footer.svg);
	background-repeat:no-repeat;
	background-position:center;
	width:100px;
	margin-top:-2px;
	margin-left:10px;
	float:left;}

	
	
	
	
}