/*
	col-xs < 768
	col-sm-x >= 768 < 992
	col-md-x >= 992 < 1200
	col-lg-x >= 1200
	
	col-xs < 768
	col-sm-x >= 768 < 992
	col-md-x >= 992 < 1200
	col-lg-x >= 1200 < 1366	
	col-xl-x >= 1366 < 1568
	col-xxl-x > 1568
*/

:root {
	--color-text: #333;
	--color-link: #3b82bb;
	--color-white:#FFF;
	--color-blue: #3b82bb;
	--color-green: #78a614;
	--color-orange: #ff6200;
	--color-red: #c30001;
	--color-border: #EEE;
	--color-gray: #AAA;
	
	--color-blue-darker: #306998;
	--color-green-darker: #5C8110;	
	--color-orange-darker:#D55000;
	--color-red-darker: #C30001;
	--wb-header-brand-height: 152px;
	--wb-container-width-xs: 100%;
	--wb-container-width-sm: 750px;
	--wb-container-width-md: 970px;
	--wb-container-width-lg: 1170px;
	--wb-container-width-xl: 1560px;
}

/*==================================================*/
/* HTML , BODY
/*==================================================*/
body {
	background: var(--color-white);
	color: var(--color-text);
}

a,
a:visited,
a:active,
a:hover {
	color:var(--color-purple);/*var(--color-link);*/
	text-decoration: none;
}

a .raquo {
	margin-top: -0.2%;
	position: absolute;
	padding: 0 5px;
	font-size: 110%;
}

ul, ol {
	padding-left:20px;
	margin:0;
}

/*==================================================*/
/* HEADER
/*==================================================*/

/* - SECTION wb-header-brand */

header .wb-header-brand {
	border-top:4px solid var(--color-orange);
	border-bottom:1px solid var(--color-border)
}

header .wb-header-brand .ts-logo{
	min-height:170px;
	position:relative;
}

header .wb-header-brand .ts-logo a {
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

header .wb-header-brand .ts-logo img{
	width:100%;
	max-width:360px;
	max-height:190px;
	padding:15px
}

header .wb-header-brand .ts-top{
	min-height:85px;
}

header .wb-header-brand .ts-top div.f-left,
header .wb-header-brand .ts-top div.f-right{
	padding-top:22px;
	padding-bottom:22px;
}

header .wb-header-brand .ts-top div.f-left span,
header .wb-header-brand .ts-top div.f-right span{
	padding-right:15px;
}

header .wb-header-brand .ts-top div.f-left span.social-icons a{
	margin-right:5px;
}

header .wb-header-brand .ts-top div.f-left span.social-icons img{
	height:34px;
}

header .wb-header-brand .ts-top div.f-right span.ts-basket-btn,
header .wb-header-brand .ts-top div.f-right span.ts-account-btn {
	padding:15px;
	border-radius:4px;
	background:var(--color-white);
	border:1px solid var(--color-border);
}

@media (max-width: 768px)
{
	header .wb-header-brand{
		min-height:100vh;
	}

	header .wb-header-brand .ts-top div.f-left,
	header .wb-header-brand .ts-top div.f-right{
		float:none;
		overflow:hidden;
	}

	header .wb-header-brand .ts-top div.f-left span,
	header .wb-header-brand .ts-top div.f-right span{
		display:block;
		padding:20px;
	}

	header .wb-header-brand .ts-top div.f-left span.social-icons {
		padding:40px 0 0;
	}

	header .wb-header-brand .ts-top div.f-left span.social-icons a{
		margin:0 15px;
	}

	header .wb-header-brand .ts-top div.f-left span.social-icons img{
		height:75px;
	}
	
	header .wb-header-brand .ts-top div.f-right span.ts-basket-btn,
	header .wb-header-brand .ts-top div.f-right span.ts-account-btn {
		/*width:48%;*/
		width:100%;
	}
	
	header .wb-header-brand .ts-top div.f-right span.ts-basket-btn {
		float:left;
	}
	
	header .wb-header-brand .ts-top div.f-right span.ts-account-btn {
		float:right;
	}
	
}


/* - SECTION wb-header-brand - nawigacja */

header .wb-header-brand .ts-nav{
	border-top:1px solid var(--color-border);
	min-height:85px;
	padding:0;
}

header .wb-header-brand .ts-nav nav.navbar{
	margin-bottom:0;
	padding:4px 0;
}

header .wb-header-brand .ts-nav nav.navbar .navbar-nav{
	margin:0;
}

header .wb-header-brand .ts-nav nav.navbar a{
	color: var(--color-text);
}

header .wb-header-brand .ts-nav nav.navbar a{
	color: var(--color-text);
}

header .wb-header-brand .ts-nav nav.navbar a.navbar-brand {
	display:none;
    background: var(--color-white);
	border: 1px solid var(--color-text);
    border-radius: 4px;
    color: var(--color-text);
    margin: 15px 0px 15px 0px;
    padding-left: 14px;
    padding-right: 17px;
    text-align: center;
    width: 48%;
	height:56px;
}

header .wb-header-brand .ts-nav nav.navbar a.navbar-brand span{
	font-size: 28px;
    top: -2px;
    position: relative;
}

header .wb-header-brand .ts-nav nav.navbar button.navbar-toggle {
    border: 1px solid var(--color-text);
    color: var(--color-text);
	margin:15px 0px 15px 0;
	padding:10px 0;
    text-align: center;
	width: 48%;
	height:56px;
}

header .wb-header-brand .ts-nav nav.navbar button.navbar-toggle .icon-bar{
	border:1px solid var(--color-text);
    border-radius: 1px;	
	display: block;
    width: 28px;
    height: 4px;
    margin: 4px auto;
}

header .wb-header-brand .ts-nav nav.navbar button.hc-nav-trigger {
	position:relative;
	top:0;
}

header .wb-header-brand .ts-nav nav.navbar button.hc-nav-trigger span {
	position:relative;
	background:none;
}

header .wb-header-brand .ts-nav nav.navbar-offcanvas {
	display:none;
}

@media (max-width: 768px)
{
	header .wb-header-brand .ts-nav nav.navbar{
		margin-bottom:0;
		padding:4px 15px;
	}

	header .wb-header-brand .ts-nav nav.navbar a.navbar-brand {
		display:block;
	}
}

@media (min-width: 768px)
{
	header .wb-header-brand .ts-nav nav.navbar{
		margin-bottom:0;
		padding:10px 0;
	}
	
	header .wb-header-brand .ts-nav .navbar-collapse {
		padding:0;
	}
	
	header .wb-header-brand .ts-nav nav.navbar button.hc-nav-trigger {
		display:none !important;
	}	
}

@media (min-width: 1200px)
{
	header .wb-header-brand .ts-nav .navbar li {
		margin: 0 10px;
	}
	
	header .wb-header-brand .ts-nav .navbar-collapse > ul > li:first-child {
		margin-left: 0;
	}	
}

@media (min-width: 1366px)
{
	header .wb-header-brand .ts-nav .navbar li {
		margin: 0 15px;
	}
}

/* - SECTION wb-header-carousel */

header .wb-header-carousel {
	font-size:16px;
}

header .wb-header-carousel .container-fluid {
	height:100%;
	padding:0;
}

header .wb-header-carousel .carousel,
header .wb-header-carousel .carousel-inner, 
header .wb-header-carousel .item {
	height:calc(100vh - var(--wb-header-brand-height))
}

header .wb-header-carousel .item{
	background-size: cover;
	background-position: 50% center;
	background-repeat:no-repeat;
}

header .wb-header-carousel .carousel-caption{
	background:none;
	border-radius:5px;
	bottom:80px;
}

header .wb-header-carousel .carousel-caption p.title{
	font-size:3em;
}

header .wb-header-carousel .carousel-caption p.content{
	font-size:1.25em;
}

@media (max-width: 768px)
{
	header .wb-header-carousel {
		font-size:10px;
	}
	
	header .wb-header-carousel .carousel-caption{
		padding:20px;
	}
	
	header .wb-header-carousel .carousel-caption p.content{
		display:none;
	}
}

@media (max-width: 992px)
{
	header .wb-header-carousel .carousel,
	header .wb-header-carousel .carousel-inner, 
	header .wb-header-carousel .item {
		min-height:100vh;
	} 
}

/* - SECTION wb-header-banner */

header .wb-header-banner {
	
}

/*==================================================*/
/* MAIN
/*==================================================*/

/* - SECTION wb-main-breadcrumb */

main .wb-main-breadcrumb .breadcrumb{
	padding: 10px 0;
    margin: 0;
    background: none;
    border-bottom: 1px solid var(--color-border);
	white-space: nowrap;
	overflow-x:auto;
}

/* - SECTION wb-main-alerts */

main .wb-main-alerts {
	
}

/*==================================================*/
/* FOOTER
/*==================================================*/

/* - SECTION wb-footer-top */ 

footer .wb-footer-top {
	border-top:1px solid var(--color-border);
}

footer .wb-footer-top .ts-nav ul {
    list-style: none;
}

footer .wb-footer-top .ts-content {
    margin-bottom:20px;
}

/* - SECTION wb-footer-bottom */ 

footer .wb-footer-bottom {
	border-top:1px solid var(--color-border);
	font-size:14px;
}

footer .wb-footer-bottom .d-table{
	min-height:75px;
}

footer .wb-footer-bottom img {
    padding-left: 4px;
    height: 13px;
    margin-top: -4px;
}

/*==================================================*/
/* PUBLIKACJE
/*==================================================*/

/* - galeria */

.wb-galeria .thumbnail {
	margin:10px;
}

.wb-galeria  img {
	visibility: hidden;
}

.wb-galeria .fadeIn {
	-webkit-animation: animat_show 0.8s;
	animation: animat_show 0.8s;
	visibility: visible !important;
}

.wb-galeria .loading {
	position:absolute;
	z-index:2;
	top:50%;
	left:50%;
	width:60px;
	height:60px;
	margin-top:-30px;
	margin-left:-30px;
}




/*==================================================*/
/* SKLEP
/*==================================================*/

/* - listowanie produktów */

.wb-products {
	
}

.wb-products .product-tile{
	float:left;
	padding-left:15px;
	padding-right:15px;
	width:25%;
	margin-bottom:15px;
}
	
.wb-products .product-tile hr{
	margin:8px 0;
}

.wb-products .product-tile .border {
	background:var(--color-white);
}

.wb-products .product-tile .product-image img {
	height:350px;
}

.wb-products .product-tile .product-image a{
	overflow:hidden;
}

.wb-products .product-tile .product-image img {
	transition:0.5s;
}

.wb-products .product-tile .product-image:hover img {
	transform:scale(1.15,1.15);
}

.wb-products .product-tile .product-price s {
	margin-right:10px;
}

.wb-products .product-tile .product-price strong.text-success {
	display:inline-block;
}

.wb-products .product-tile .product-content {
	margin:0 10px;
}

.wb-products .product-tile .product-buttons .btn {
	width:100%;
	margin:0 auto;
}

@media (max-width: 767px)
{
	.wb-products .product-tile{
		width:100%;
	}
}

@media (min-width: 768px)
{
	.wb-products .product-tile{
		width:50%;
	}
}

@media (min-width: 1200px)
{
	.wb-products .product-tile{
		width:33.33333%;;
	}
}

@media (min-width: 1367px)
{
	.wb-products .product-tile{
		width:25%;
	}
}


/* - produkt wybrany */

.wb-product-choice {
	
}
.wb-product-choice .product-gallery .top-image img{
	/*width:100%;*/
	max-width:unset;
}

.wb-product-choice .product-gallery .next-images {
	margin-top:10px;
}

.wb-product-choice .product-info .border {
	background:var(--color-white);
	margin-bottom:10px;
}

.wb-product-choice .product-info span.info-name {
	display:block;
	text-align:left;
	margin:5px;
	color:var(--color-gray);
}

.wb-product-choice .product-info span.info-content {
	display:block;
	text-align:center;
	font-size:125%;
}

.wb-product-choice .product-info .price s {
	margin-right:10px;
}

.wb-product-choice .product-info .quantity .info-content span{
    width: 12px;
    height: 22px;
    display: inline-block;
    margin: 0 1px 0;
    top: 5px;
    position: relative;
}

.wb-product-choice .product-add-to-basket div[class*="col-"]{
    margin-top:15px;
	margin-bottom:20px;
}

.wb-product-choice .product-add-to-basket .input-number{
    font-size: 24px;
    padding: 20px 10px 19px;
    text-align: center;
    height: 50px;
}

.wb-product-choice .product-add-to-basket .btn-add {
	width:100%;
	background:var(--color-dominum-1);
	color:#fff;
}

.wb-product-choice .product-add-to-basket .product-wartosc{
	background:#fff;
	border:1px solid var(--color-dominum-1);
	border-radius:4px;
	padding:12px 0;
}

.wb-product-choice .product-add-to-basket .product-wartosc .wartosc{
	/*font-size:24px;*/
}

.wb-product-choice .product-content {
	margin:10px 0;
}

/* - koszyk */

.wb-koszyk-kod-rabatowy .wb-koszyk-wartosc-kodu,
.wb-koszyk-metody-dostawy .wb-koszyk-kosz-dostawy {
	font-size:200%;
	font-weight:bold;
}

.wb-koszyk-metoda-platnosci label {
	margin-top:10px;
	display:block;
	width:100%;
	padding:30px;
	background:var(--color-white);
}

.wb-koszyk-metoda-platnosci .img {
	margin:0 0 20px;
}

.wb-koszyk-metoda-platnosci .txt {
	margin:0 0 20px;
}

.wb-koszyk-metoda-platnosci input[type="radio"]{
	position:relative;
	margin:25px 0;
}



/*==================================================*/
/* Przydatne klasy
/*==================================================*/

/* - kolory tekstu - bootstrap themes update*/

.text-white {
	color:#AAA;
}

.text-gray {
	color:#AAA;
}

.text-success {
	color:#80BB01;
}

.text-danger {
	color:#F44D29;
}

.text-info {
	color:#02A4EF;
}

.text-warning {
	color:#FFB902;
}

.text-light {
	opacity:0.75;
}

.text-lighter {
	opacity:0.5;
}

.text-small {
	font-size:75%;
}

.text-smaller {
	font-size:50%;
}

/* - kolory tła - bootstrap themes update */

.bg-gray {
	background-color:#AAA;
}

.bg-success {
	background-color:#80BB01;
}

.bg-danger {
	background-color:#F44D29;
}

.bg-info {
	background-color:#02A4EF;
}

.bg-warning {
	background-color:#FFB902;
}

/* - tabelki - bootstrap themes update */

.table {
	background:#F9F9F9;
}

.table thead {
	background:#E9E9E9;
}

.table th,
.table td {
	text-align:center;
	padding:15px !important;
}

.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > td {
	border-color:var(--color-border);
}

/* - nav tabs - bootstrap themes update */

.nav-tabs > li {
	padding:0;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	background:#FAFAFA;
}

.nav-tabs > li.title {
	font-weight:bold;
	padding:10px 30px 10px 10px;
}

.tab-content {
	padding:15px;
	background:#FAFAFA;
	border:1px solid #ddd;
	border-top:0;
	margin-bottom:10px;
}

.tab-content .alert{
	margin:0;
}

.tab-content .page-header {
	margin-top:5px;
}

/* - bootstrap themes update - inne */

.form-control {
	font-size:1em;
	border:1px solid #ddd;
	height:48px;
}

.bootstrap-select .btn {
	padding:13px 12px 11px;
}

.bs-callout {
	background:#FAFAFA;
	font-size:14px;
	padding:15px;
	margin-top:0;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

.well {
	padding:15px;
	background:none;
}

/* - kolory tekstu */

.text-blue {
	color:var(--color-blue);
}

.text-green {
	color:var(--color-green);
}

.text-orange {
	color:var(--color-orange);
}

.text-red {
	color:var(--color-red);
}

/* - kolorowe przyciski */

.btn-blue {
	background-color:var(--color-blue);
	border-color:var(--color-blue-darker);
}

.btn-blue:hover {
	border-color:var(--color-blue-darker);
}

.btn-green {
	background-color:var(--color-green);
	border-color:var(--color-green-darker);
}

.btn-green:hover {
	border-color:var(--color-green-darker);
}

.btn-orange {
	background-color:var(--color-orange);
	border-color:var(--color-orange-darker);
}

.btn-orange:hover {
	background-color:var(--color-orange-darker);
}

.btn-red {
	background-color:var(--color-red);
	border-color:var(--color-red-darker);
}

.btn-red:hover {
	border-color:var(--color-red-darker);
}

.btn-blue,
.btn-green,
.btn-orange,
.btn-red {
	color:#fff !important;
}

.btn-lg {
	border-radius:4px !important;
	font-size:14px;
	padding:14px 30px 13px 30px !important;
	line-height:1.5;
	/*text-wrap:auto;*/
}

/* - kolorowe punktowanie */

ul.list-point-blue,
ul.list-point-green,
ul.list-point-orange,
ul.list-point-red {
	list-style:none;
}

ul.list-point-blue li::before,
ul.list-point-green li::before,
ul.list-point-orange li::before,
ul.list-point-red li::before {
	content: "\25A0";
	display: inline-block; 
	width: 1em;
	margin-left: -1em;	
	position:relative;
	top:-2px;
}

ul.list-point-blue li::before {
	color:var(--color-blue);
}

ul.list-point-green li::before {
	color:var(--color-green);
}

ul.list-point-orange li::before {
	color:var(--color-orange);
}

ul.list-point-red li::before {
	color:var(--color-red);
}

.thumbnail {
	padding:5px;
	border:1px solid var(--color-border);
	background:var(--color-white);
}

a.thumbnail:hover {
	border-color:var(--color-purple);
}

/* obramowanie */

.border {
	border-color:var(--color-border);
}

/*====================================================*/
/* Info Cookie
/*====================================================*/

.wb-info-cookie {
    width: 100%;
    background: rgba(238,232,229,0.95);
    position: fixed;
    bottom: 0;
    z-index: 999;
    padding: 30px 0;
    border-top: 1px solid #b89b90;
	color:#3B1E13;
}

.wb-info-cookie .col-md-10 {
	padding:14px 0;
}

.wb-info-cookie .col-md-2 {

}

.wb-info-cookie .col-md-2 img {
    position: absolute;
    width: 200px;
    height: 200px;
    max-width: unset;
    max-height: unset;
    top: -100px;
}

@media (max-width: 768px)
{
	.wb-info-cookie .col-md-2 {
		margin-top:20px;
	}

	.wb-info-cookie .col-md-2 img {
		width: 100px;
		height: 100px;
		top: -90px;
	}

	.wb-info-cookie .col-md-2 .btn {
		width:100%;
	}
}



/*==================================================*/
/* PreLoader
/*==================================================*/
#preloader {
	display:none;
	opacity:0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.75);
    z-index: 1001;
    position: fixed;
    top: 0;
    left: 0;
    padding: calc(50vh - 36px) 0;
    text-align: center;
}

@-webkit-keyframes animat_show{
	0%{opacity:0}
	100%{opacity:1}
}

.spinner {
   width: 72px;
   height: 72px;
   display: grid;
   animation: spinner-plncf9 5.6s infinite;
   margin:0 auto;
}

.spinner::before,
.spinner::after {
   content: "";
   grid-area: 1/1;
   border: 11.5px solid;
   border-radius: 50%;
   border-color: var(--color-dominum-1) var(--color-dominum-2) #0000 #0000;
   mix-blend-mode: darken;
   animation: spinner-plncf9 1.4s infinite linear;
}

.spinner::after {
   border-color: #0000 #0000 #dbdcef #dbdcef;
   animation-direction: reverse;
}

@keyframes spinner-plncf9 {
   100% {
      transform: rotate(1turn);
   }
}

/*==================================================*/
/* Pozostałe
/*==================================================*/

.wb-arrow-scroll-up {
	position:fixed;
	right:20px;
	bottom:20px;
	cursor:pointer;
	z-index:3;
	width:50px;
}

.wb-info-respond {
	position:fixed;
	left:0px;
	bottom:0px;
	z-index:3;
	padding:20px;
	background:rgba(0,0,0,0.85);
	color:#EEE;
}

.form-control-static {
    min-height: 34px;
    margin-bottom: 10px;
    background: #fff;
    padding: 7px 15px;
    border: 1px solid #ccc;
}