@charset "UTF-8";

@media (min-width : 10px ) and (max-width : 319px ){
@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;}
#header{
	width:100%;
	height:50px;
	position:fixed;
	background-color:white;
	z-index:1;}
#header_content{
	width:200px;
	height:50px;
	margin:0 auto;
	background-color:white;}
#logo{
	height:50px;
	background-image:url(logo.svg);
	background-repeat:no-repeat;
	background-position:center;
	width:130px;
	margin-left:0px;
	float:left;}
	
#menu{z-index:5;
	height:30px;float:right;
	width:30px;
	margin-right:15px;
	margin-top:10px;

	
}
#menu_mobile_pic{
	
	height:35px;
	width:35px;
	background:url(menu.svg);
	background-repeat:no-repeat;
	background-size:contain;
	}
#menu_mobile{
	background:white;
	height:50px;
	width:100%;	
	opacity:0.95;
	}
#menu_mobile_content{
	margin:0 auto;
	width:250px;
	height:5px;
	margin-left:-30px;
			}
	
	#menu_mobile_content li{
	list-style:none;
	display:inline-block;
	margin-left:5px;
	font-size:17px;
	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-right:-60px;
	float:right;
	font-variant:small-caps;
	font-size:20px;
	}	
	
	.naglowek{
		font-size:25px;
		color:white;
		margin-bottom:50px;
		font-weight:bold;
		}
	
#container{
	width:220px;
	height:auto;
	
	margin:0 auto;
	padding-top:100px;
	}
	
#motto{

	}
	#motto_a{margin:0 auto;
	width:150px;
	height:150px;
	
	}
#motto_anim{
	height:150px;
	width:150px;
	margin:0 auto;
	background-image:url(kolo2.svg);
	background-repeat:none;	
	margin-top:50px;
	}
#motto_anim2{
display:none;
	}
	#motto_anim3{
display:none;
	}
#motto_txt{width:200px;
margin: 0 auto;
	color:#F15623;
	font-size:20px;
	text-align:center;
	text-weight:bold;
	margin-top:70px;
	}
#motto_txtsub{
	width:160px;
margin: 0 auto;
	color:white;
	font-size:16px;
	text-align:center;
	margin-top:10px;
	}
#onas{margin-top:50px;
	}
	
	#onas_txt{
		margin:0 auto;
		width:200px;
		height:auto;
		font-size:14px;
		color:white;
		line-height:20px;	}
	
		#oferta_txt{
		margin:0 auto;
		width:200px;
		height:auto;
		font-size:14px;
		color:white;
		text-align:justify;		}
		
		#oferta_txt_panel1{
		margin:0 auto;
		width:200px;
		height:auto;
		font-size:14px;
		color:white;
		text-align:justify;	
		float:left;	}
		
		#oferta_txt_panel2{
		margin:0 auto;
		width:200px;
		height:auto;
		font-size:14px;
		color:white;
		text-align:justify;	
		margin-right:5px;}
		
#oferta{margin-top:150px;
	}
	#cloud{display:none;}
#klienci{display:none;
	}
	#klienci_mobile{
		width:120px;
		display:list-item;
		list-style:none;
		margin:0 auto;
		
	}
				#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:200px;
margin-top:20px;
	}
	
#map-canvas{ width:200px;

border-width:5px;	
		border-color:#3B4F5A; 	border-style: solid;
		margin:0 auto;
		height:150px;
		position:relative;		
	}
#contact-area {margin-top:20px;

	width: 180px;color:white;
}

#contact-area input, #contact-area textarea {
	padding: 2px;
	width: 100%;
    height: 18px;
	font-family: apex-light;
	font-size: 16px;
	margin: 0px 0px 12px 0px;
	
}

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


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

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

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

#kontakt_txt{
	width:200px;float: left;
	text-align:right;
	margin-top:50px;
	margin-bottom:70px;
	margin-left:-25px;
	font-size: 15px;
	color:white;
	line-height:10px;}

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

#logo_footer{
	height:20px;
	background-image:url(logo_footer.svg);
	background-repeat:no-repeat;
	background-position:center;
	width:120px;
	margin-top:-20px;
	margin-left:70px;
	float:left;}
	
}