/*
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,700italic,400italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700,400italic&subset=latin,latin-ext);
*/
body {
	background-color: #FFFFFF;
	font-family: "PT Sans", Arial, serif;
	font-size: 13px;
	color: #3d3d3d;
	line-height: 17px;

	overflow:auto;
}

p { margin-bottom:10px; } 
a { color:#000; text-decoration:none; }


h1 {
	color: #b72a2d;
	font-size: 32px;
	font-weight: 400;
	margin: 0 0 25px;
	text-align: left;
	text-decoration: none;
}



h2, h3, h4 {
	font-size: 18px;
	font-weight:400;
    margin-bottom: 10px;
    margin-top: 10px;
}
a {
	color: #4b4b4b;
	text-decoration: none;
}
a:focus {
	outline:none;
}

a:hover {
	color:#d60000;
	text-decoration:none;
}

.container {
	max-width: 1170px !important; /* or 950px */
}
.container-header {
	max-width:1170px; 
	margin:0 auto;
}

.container.content {
	margin-top:-50px;
}
.cart-subtotal td { border:none !important; }
label { margin-bottom:0;}


/*
	NAV
*/
nav {
	padding: 0 0 20px 0;
}
nav #search {
	margin-top:15px;
}
nav ul {
    list-style:none;
    margin:0;
    padding:0;
	text-align:right;
	margin-top:15px;
}
nav li {
    display:inline-block;
}

nav li a {
	display:block;
	padding:10px;
	margin-right:20px;
}

nav.new li a {
	font-weight:700;
	color:#000;
	text-transform:uppercase;
}

header {
	margin-bottom:15px;
}


/*
	HOME
*/
#home h2 {
	color:#757575;
	font-size:26px;
	font-weight:400;
}
#home h3 {
	color:#757575;
	font-size:16px;
	font-weight:400;
	margin: 0 0 10px 0;
}



#right-news, #right-usefuls {
	list-style:none;
	margin: 0 5px;
	padding-left:0;
}

#right-news li, #right-usefuls li {
	margin-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}

	#right-news li:nth-child(even) { background: #efefef; padding:5px; }



#right h2, #left h2 {
	margin-top:0;
	font-size:18px;
	font-weight:400;
	text-align:center;
	padding:5px;
	color:#ffffff;

	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;	

	background: rgb(94,94,94); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(94,94,94,1) 0%, rgba(187,187,187,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(94,94,94,1)), color-stop(100%,rgba(187,187,187,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(94,94,94,1) 0%,rgba(187,187,187,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(94,94,94,1) 0%,rgba(187,187,187,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(94,94,94,1) 0%,rgba(187,187,187,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(94,94,94,1) 0%,rgba(187,187,187,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#bbbbbb',GradientType=1 ); /* IE6-8 */
}

#left h2 a { color:#fff; }




#footer { width:100%; background: rgb(94,94,94); padding:25px 0; margin-top:25px; color:#fff; }
#footer2 { width:100%; background-color:#404040; padding:10px 0; color:#fff; }
	#footer a { color:#bbbbbb; text-decoration:none; display:inline-block; padding:2px 5px; }
		#footer a:hover { background-color:#bbbbbb; color:#000; }
	#footer2 a  { color:#bbbbbb; text-decoration:none; /* display:block; float:left; padding:2px 5px; margin: 0 5px;*/ }
		#footer2 a:hover { text-decoration:underline; }




#products-categories {
	background-color:#efefef;
}

#products-categories ul {
	list-style:none;
	margin:0;
	padding:0;
}
	#products-categories ul li a {
		display:block;
		padding: 3px 10px;
	}
	#products-categories ul li.active > a {
		background-color:#ccc;
	}


	#products-categories ul li ul {
		display:none;
	}
	#products-categories ul li.active ul {
		display:block;
	}
	#products-categories ul > li.active {
		display:block;
	}
		#products-categories ul li ul li a {
			display:block;
			padding: 3px 10px 3px 25px;
		}
		#products-categories ul li ul li ul li a {
			display:block;
			padding: 3px 10px 3px 50px;
		}


.product-item {
	display:block;
	margin-bottom:15px;
	position:relative;
	background-color:#f3f3f3;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:2px solid #888;
	overflow:hidden;

	-webkit-transition: all 0.5s ease-out;  
	transition: all 0.5s ease-out; 
}

.product-item:hover {
	background-color:#e4e4e4;
}

	.product-item .image {
		overflow: hidden;
		width:100%;
		position:relative;
	}
	.product-item .image img {
		width:100%;
		height:auto;
		transition: all 0.5s;  
	}
	.product-item:hover .image img {
		transform:scale(1.1) translate(0,0px);
		-webkit-transform:scale(1.1) translate(0,0px); 
		-moz-transform:scale(1.1) translate(0,0px);
		-o-transform:scale(1.1) translate(0,0px);
	}

	.product-item span {
		position:absolute;
		bottom:0px;
		left:0;
		width:100%;
		padding: 10px 0;
		text-align:center;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,0.5+100;White+to+Transparent */
		background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#80ffffff',GradientType=0 ); /* IE6-9 */

	}


	.tes {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efcf00+0,efcf00+100&0.5+0,0.5+100 */
		background: -moz-linear-gradient(top,  rgba(239,207,0,0.5) 0%, rgba(239,207,0,0.5) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(239,207,0,0.5) 0%,rgba(239,207,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(239,207,0,0.5) 0%,rgba(239,207,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80efcf00', endColorstr='#80efcf00',GradientType=0 ); /* IE6-9 */
		z-index:10;	
	}




.table thead tr td { background-color: #ccc; font-weight:700; color:#000; }


.nav-tabs li a {
	background-color: #ffcc33;
	font-weight: bold;
} 
.nav-tabs li a:hover {
	background-color:#e7ad00;
	color:#000 !important;
} 


.pasek {
height:55px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaa00+0,ffaa00+100&0.5+0,0.5+100 */
background: -moz-linear-gradient(top,  rgba(255,170,0,0.5) 0%, rgba(255,170,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,170,0,0.5) 0%,rgba(255,170,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,170,0,0.5) 0%,rgba(255,170,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffaa00', endColorstr='#80ffaa00',GradientType=0 ); /* IE6-9 */


}

.caption {
	position:absolute;
	right:50px;
	bottom:100px;
	font-size:48px;
	font-weight:700;
	text-align:right;
	color:#fff;
	line-height:1.7em;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
}



.category_4, .category_6, .category_8
{ border-bottom: 3px solid #fff; }




.form-border {
	display:block;
	margin:15px 0;
	position:relative;
	/*
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:2px solid #888;
	*/
}






#facebook_container {
	position:absolute;
	z-index:999;
	top:140px;
	right:-235px;
	height:230px;
	padding-left:37px;
	background: url("../images/facebook.png") no-repeat left bottom; 
	transition: all 1s;
}

#facebook_container:hover {
	right:0px;
	transition: all 1s;
}


#blog_container {
	position:absolute;
	z-index:998;
	top:380px;
	right:0;
	width:37px;
	height:115px;
	background: url("../images/blog.png") no-repeat top left; 
}






#slider  .owl-controls {
	position:absolute;
	bottom:10px;
	width:100%;
}

#slider .owl-prev, #slider  .owl-next {
	width:70px;
	height:70px;
	position:absolute;
	bottom:0; 
}
#slider .owl-prev {
	left:0px;
}
#slider .owl-next {
	right:0px;
}



.contact-box-grey {
	background-color:#d9dbda;
	min-height: 250px;
	margin-bottom:30px;
	padding:20px;
}
.contact-box-grey h3 {
	color: #b72a2d;
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 15px;
	text-align: left;
	text-decoration: none;
}

.contact-box-laska {
	background: url("/media/pages/laska.jpg") no-repeat bottom left;
	background-size: 100%;
	min-height: 250px;
	margin-bottom:30px;
	padding:20px;
	text-shadow: 0px 0px 10px #ffffff;
}

.contact-box-laska h3 {
	font-size:24px;
	font-weight:bold;
	margin:0;
}
@media screen and (max-width: 767px) {
	.contact-box-laska {
		display:block;
		position:relative;
		padding:0px;
		height: 0;
		padding-bottom:100%;
	}
}
#contact_new h2 {
	color: #b72a2d;
	font-size: 32px;
	font-weight: 400;
	margin: 0 0 25px;
	text-align: left;
	text-decoration: none;
}

nav#secondary_navi ul li a {
	-webkit-transition: all 0.5s;  
	transition: all 0.5s; 
	margin:0;
	padding: 10px 14px;
	text-transform:uppercase;
}
nav#secondary_navi ul li a:hover {
    color: #fff;
    background-color: #ffcc33;
    -webkit-box-shadow: 0 4px 0 0 #3f3f3f inset;
    -moz-box-shadow: 0 4px 0 0 #3f3f3f inset;
    box-shadow: 0 4px 0 0 #3f3f3f inset;
}


.btn-cena {background-color: #b72a2d; border:none; color:#fff; }
.btn-zamowienie {background-color: #b72a2d; border:none; color:#fff;  }
.btn-wiecej {background-color: #b72a2d; border:none; color:#fff;  }




.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #ffcc33 url("../img/cd-top-arrow.svg") no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
  transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-top--fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}

.cd-top:hover {
  background-color: #d29f07;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}
















#products-categories ul ul {
	background-color:#fafafa;
}


#products-categories ul li {
	position:relative;
}
#products-categories ul li:after {
	display:block;
	z-index:2;
	content: "\f101";
	font-size:12px;
	font-family: "FontAwesome";
	position:absolute;
	top:8px;
	left:10px;
	-webkit-transition: all 0.3s;  
	transition: all 0.3s; 
}

#products-categories ul li.active:after {
		transform:rotate(90deg);
		-webkit-transform:rotate(90deg); 
		-moz-transform:rotate(90deg);
		-o-transform:rotate(90deg);
}

#products-categories ul li a {
    display: block;
    padding: 8px 10px 5px 30px !important;
	position:relative;
	z-index:2;
}


#products-categories ul li ul li:after {
	display:none;
}


#products-categories ul li ul li a {
    padding: 8px 10px 5px 40px !important;
}

#products-categories ul li.active > a,
#products-categories ul li:hover > a {
	color:#b72a2d !important;
	background-color:transparent !important;
}
#products-categories ul li a:after {
    display: block;
	opacity:0;
	content: "";
	position: absolute;
	width: 1px;
	height:100%;
	top:0;
	left:50%;
	background-color:#ffcc33;
	transform: translateX(-50%);
	-webkit-transition: all 0.3s;  
	transition: all 0.3s; 
	z-index:-1;
	border-top:2px solid #000;
}

#products-categories ul li a:hover:after {
	opacity:1;
	width: 100%;
}




#mobile-menu {
	position: fixed;
	top:0;
	width:100%;
	height:50px;
	background-color:#494949;
	z-index:990;
}

#mobile-menu .logo {
	width:150px;
	height:50px;
	margin-left:10px;
	display:block;
	background: url("../img/extrema.png")  no-repeat center center;
	background-size: contain;
}


	#nav-icon {
		width: 45px;
		height: 30px;
		position: absolute;
		top:10px; right:10px;
		display:inline-block;
		margin: 0;

		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		z-index:999;
	}
	#nav-icon span {
	  display: block;
	  position: absolute;
	  height: 4px;
	  width: 100%;
	  background-color: #fff;
	  opacity: 1;
	  right: 0;

	  -webkit-border-radius: 2px; 
	  -moz-border-radius: 2px; 
	  border-radius: 2px; 

	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}

	#nav-icon span:nth-child(1) {
	  top: 0px;
	}

	#nav-icon span:nth-child(2) {
	  top: 12px;
	}

	#nav-icon span:nth-child(3) {
	  top: 24px;
	}




	#nav-icon.open span {

	}

	#nav-icon.open span:nth-child(1) {
	  top: 12px;
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  transform: rotate(-135deg);
	}

	#nav-icon.open span:nth-child(2) {
	  opacity: 0;
	  right: -60px;
	}

	#nav-icon.open span:nth-child(3) {
	  top: 12px;
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	  transform: rotate(135deg);
	}





@media (max-width: 767px) {
	body { padding-top:50px; }
	nav {
		background-color: transparent !important; 	
	}
	nav .container { 
		margin:0 !important; 
		padding:0 !important; 
	}

	#left {
		display:none;
		background-color:#fff;
		position: fixed;
		top:50px;left:0;
		right:0; bottom:0; 
		width:100%;
		z-index:989;
		padding:0;
		overflow:auto;
	}
	#contact_new #left {
		display:none;
	}
	#left.open { 
		display:block;
		opacity:1;
	}
	#nav-menu { 
		display:none;
		opacity:0;
		position:fixed; 
		top:0px; left:0px; 
		width:100%; 
		min-height:100vh; 
		z-index:980; 
		background-color: #494949;
		-webkit-transition: .5s all;
		-moz-transition: .5s all;
		-o-transition: .5s all;
		transition: .5s all;
		margin:0;
		padding-top:100px !important;
	}

	#nav-menu li { 
		display:block !important; 
		text-align:center !important; 
		margin: 10px 50px !important; 
	}

	#nav-menu.open { 
		display:block;
		opacity:1;
	}

	section#about {
		background-color:#fff;
		font-size:20px;
	}  



	#secondary_navi ul  {
		text-align:center;
	}
	#secondary_navi ul li {
		display:inline-block !important;
	}
	#secondary_navi ul li a {
		display: block;
		padding: 10px 5px !important;
	}


}





.nav > li > a {
    padding: 5px 15px !important;
}













/*
	CART
*/

.cart-table {
	margin-bottom: 0px;
}

.table.cart-table .cart_item .media {
	margin-left: -15px;
}

.table.cart-table .cart_item img {
	max-width: 80px;
}

.table.cart-table .cart_item h4 {
	margin-bottom: 12px;
}

.table.cart-table .cart_item td {
	vertical-align: middle;
	padding: 18px 10px;
}

.cart_totals h2:first-child {
	margin: 60px 0 30px;
}

.cart_totals table {
	margin: 0 0 15px;
}

.cart_totals table tr td {
	padding: 10px 10px;
}

.quantity {
	position: relative;
	display: inline-block;
}

.quantity [type="button"] {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 1;
	border: none;
	width: 22px;
	height: 24px;
	background-color: transparent;
}

.quantity [type="button"].minus {
	top: auto;
	bottom: 0;
}

.quantity [type="number"] {
	max-width: 70px;
	min-width: 70px;
}

.cart_totals .amount {
	font-size:20px;
	font-weight:700;
}

.shipping-item {
	margin-bottom:0;
}
/* chekcout */
.shop-info {
	margin-bottom: 15px;
}

#createaccount {
	margin-top: 0;
}

#ship-to-different-address label {
	display: inline-block;
}

#ship-to-different-address label + input {
	margin: 0 12px;
}

.wc_payment_method img {
	display: inline-block;
	padding: 0 10px;
}

.checkout [class*='col-'], .shop-register [class*='col-'] {
	margin-top: 0;
	margin-bottom: 0;
}

.lost_password {
	margin: 15px 0 -15px;
}

.select2-container .select2-choice {
	border: none;
	padding: 10px 20px;
	border-radius: none;
}

.shop-checkout-payment {
	margin-top: 40px;
}

.shop-checkout-payment .radio {
	margin: 2px 0;
}



/*
**styled lists
*/
ul, ol {
	padding-left: 30px;
}

ul.list1 {
	list-style: none;
	padding: 0;
	margin: 25px 0;
}

ul.list1 li {
	position: relative;
	padding: 9px 0 10px 30px;
}

ul.list1 li > .media {
	margin: 3px 0 3px;
}

ul.list1.no-bullets li {
	padding-left: 0;
}

ul.list1.no-bullets li:before {
	display: none;
}

ul.list1 li:first-child {
	border-top: 1px solid rgba(51, 51, 51, 0.1);
}

ul.list1 li {
	border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

.muted_background ul.list1 li {
	border-color: rgba(255, 255, 255, 0.4);
}

ul.list1 li:before {
	content: '';
	display: block;
	position: absolute;
	border: 1px solid #fcca03;
	left: 10px;
	top: 17px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
}

ul.list2 {
	list-style: none;
	padding-left: 20px;
	margin-bottom: 20px;
}

ul.list2 li {
	position: relative;
	color: #8c8c8c;
	padding: 3px 0 3px 0px;
}

ul.list2 li:before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	position: absolute;
	left: -18px;
	top: 13px;
	background-color: #fcca03;
}

ol.list3 {
	padding-left: 15px;
}

ol.list3 li {
	padding: 3px 0 3px 0px;
}

ol.list3 li > * {
	color: #8c8c8c;
}

table {
	width: 100%;
	max-width: 100%;
	margin: 10px 0;
}

table td, table th {
	padding: 3px 0;
}

.table_template thead {
	background-color: #fcca03;
	color: #333333;
}

.table_template thead.light {
	background-color: #ffffff;
}

.table_template td, .table_template th {
	padding: 18px 30px;
}

.table_template tbody tr:nth-of-type(odd) {
	background-color: rgba(238, 238, 238, 0.1);
}

.table_template tbody tr:nth-of-type(even) {
	background-color: rgba(17, 17, 17, 0.05);
}



#inpost_paczkomat_field, #inpost_city_field { display:none; }