*{
		margin: 0px;	
		padding: 0px;
		border: none;
		box-sizing: border-box;
}
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fbfbfb;
	background-color: black;
	font-size: 14px;
}
.noscript{
	color: red;
	background-color: white;
	padding-top: 50px;
	padding-bottom: 50px;
}
.wrap{
	width: 100%;
}
.naglowek {
	background-color: black;
}
.naglowek img, .mobile-only img{
	width: 100%;
	height: auto;
}
.menumain{
	background-color: #5a5e6c;
	border-bottom: 1px solid #ff6600;
	border-top: 1px solid #ff6600;
}
.container{
	max-width: 1000px;
	margin: auto;
}
.content{
	padding-top: 50px;
	padding-bottom: 50px;
}
.box{
	width: 100%;
	margin-bottom: 40px;	
}
.contentcolor{
	background-color: #193148;
}
.stopka{
	color: white;
	text-align: center;
	line-height: 150px;;
	width: 100%;
	font-size: 14px;
}
.clearfix::after{
	content:"";
	display:table;
	clear:both;
}
.section{
	margin-bottom: 50px;
}
.flex-container{
	display: flex;
}
.mobile-only, .mobile-gallery{
	display: none;
}
.cont{
	background-color: black;
		border-top: 1px solid #ff6600;	
}
.cookies{
	text-align: center;
	font-size: small;
	padding: 15px;
	color: #868686;

}
/** ------------- odleglosci kolory naglowki ----------*/
.pad20{
	padding-left: 20px;
	padding-right: 20px;
}
.m-bottom50{
	margin-bottom: 50px;
}
h1{
	font-size: 18px;
	margin-bottom: 50px;
}
h2{
	font-size: 16px;
	margin-bottom: 30px;
}
h3{
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}
p{
	margin-bottom: 10px;
	margin-right: 30px;
}
ul{
	margin-left: 16px;
}

.polityka>h1, .polityka>h4{
	margin-top: 30px;
	margin-bottom: 10px;
}
/** ------------ menu main ------------------*/
.menu-main, .main-dropdown{
	overflow: hidden;
}
.menu-main a{
  float: left;
  display: block;
  color: #f2f2f2;
  background-color: #5a5e6c;
  text-align: center;
  padding: 25px 20px;
  text-decoration: none;
	transition: background-color 1s, color 1s;
}
.main-dropdown {
  float: left;
}
.main-dropdown-btn {
  display: block;
  color: #f2f2f2;
  background-color: #5a5e6c;
	transition: background-color 1s, color 1s;
  text-align: center;
  padding: 25px 20px;
  text-decoration: none;
  font-size: inherit;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  background-color: #5a5e6c; 
	transition: background-color 1s, color 1s;
}
.dropdown-content a{
  float: none;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #ff6600;
}
.main-dropdown:hover .dropdown-content {
  display: block;
}

.menu-main a:hover, .main-dropdown:hover .main-dropdown-btn{
  background-color: #ddd;
  color: black;
}
.marked{
  background-color: #818181;
}
.menu-mobile, data-mobile{
	display: none;
}
.menu-mobile a{
	display: block;
	width: 100%;
	border-top: 1px solid #ff6600;
	background-color: #5a5e6c;
	color: white;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	text-decoration: none;
	transition: background-color 1s, color 1s;
}
.menu-mobile a:hover{
  background-color: #ddd;
  color: black;
}

/** -----------------ELEMENTY ----------------------------- */



.index-item img, .index-sec img {
	float: left;
	margin-right: 20px;
	border: 1px solid White;
	transition: border-color 0.5s;
}
.index-item h3 a:link, .index-item h3 a:visited{
	color: #ff6600;
	text-decoration: none;
	font-size: 14px;
	transition: color 0.5s;
	margin: 0px;
	padding-bottom: 10px;
	display: block;
}
.index-item h3 a:hover{
	color: #ffb482;
}
.index-item a:hover img {
	background-color: white;
	border: 3px solid;
	border-color:  #ff6600;
	transition: border 0.1s;
}
.orange{
	color: #ff6600;
} 
.index-item{
	width: 50%;
	float: left;
}
.img-index{
	width: 246px;
}
/* --------------------------------  porady */
.porady-left{
	width: 250px;
	padding-top: 80px;
	float: left;
}
.porady-left img{
	margin-bottom: 13px;
}

/* --------------------------------  kontakt */
.contact-cl{
	width: 50%;
}
.contact-cl-iframe{
	width: 100%;
	height: 300px;
}
input[type=text], input[type=email]{
	width: 100%; 
}
input[type=text], input[type=email], textarea {
	padding: 10px;
	margin-bottom: 10px;
}
textarea{
	width: 100%;
	margin-top: 15px;
	margin-bottom: 25px;
}
input[type=submit] {
	padding: 10px;
	margin-top: 25px;
}
.form{
	padding: 20px;
}
.form-error{
	background-color: #ffcfca;
}
.form-ok{
	background-color: white;
}
.message-sended{
	padding: 40px;
	background-color: #00bfff;
	border: #21946e solid 1px;
	margin-top: 50px;
	margin-bottom: 50px;
}  
.contact-form{
	background-color: #2f4f68;
	color: white;
	padding: 35px;
}
.contact-s{
	width: 47%;
	float: left;
}
.contact-s1{
	margin-left: 6%;
}


/** ------------------------ produkty ------------------------- */

.container-menu-prod{
	margin-top: 70px;
}
.container-menu-prod ul{
	list-style-type: none;
	background-color: #5a5e6c;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 15px;
	display: block;
	top: 0;
   position: -webkit-sticky;
   position: sticky;
}
.container-menu-prod li > a{
	display: block;
	padding: 8px;
	text-decoration: none;
	color: white;
	transition: background-color 1s;
}
.container-menu-prod li > a:hover, .prodnav-next > a:hover{
  background-color: #ddd;
  color: black;
}


/* --------------------------------------------- produkty */
.rk-prodnav-next{
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.rk-prodnav-next a{
	display: block;
	padding: 15px;
	text-decoration: none;
	color: white;
	background-color: #5a5e6c;
	transition: background-color 1s;
	border-radius: 5px;
	margin-right: 10px;
}
.rk-prodnav-next .rk-marked1, .marked{
	background-color: #d5d5d5;	
}
.rk-prodnav-next ul{
	list-style: none;
}
.container-menu-prod{
	min-width: 20%;
}
/* ------------------MEDIA QUERIES--------------------------- */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.main-dropdown, .rk-gallery-desktop, .container-menu-prod, .rk-prodnav-next, .rk-gallery1, .rk-gallery1-big, .porady-left{
		display: none;
	}
	.menu-mobile, .mobile-only{
		display: block;
	}   
	.menu-main a {
  		text-align: center;
  		padding: 20px 20px;
  		width: 100%;
  		border-bottom: 1px solid #ff6600;
	}
	.fck{
		flex-direction: column;
	}
	.contact-cl{
		width: 100%;
		margin-bottom: 20px;
	}
	.box{
		display: flex;
		margin-bottom: 0px;
		flex-direction: column;
	}
	.index-item{
		width: 100%;
		margin-bottom: 30px;
	}
	.img-index{
		width: 100%;
		margin-bottom: 10px;
	}
	.index-sec{
		margin-bottom: 50px;
	}
	.contact-form{
		padding: 0px;
		background-color: inherit;
	}	
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}