/*
KOLORY: yellow ffb300;
szary tlo:  f7f7f7;
szary border dee2e6
*/


/* =============================== */
/* == GLOBAL STYLES */
/* =============================== */
a {
	text-decoration: none;
}

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

header.site-header-container {
	background: #fff;
}

.site-header {
	border-bottom: 1px solid #dee2e6;
}

.search-form {
	white-space: nowrap;
	position: relative;
	font-size: 0;
}

.search-input {
	background: none;
	border: solid 1px #dfe1e5;
	border-radius: 30px;
	padding: 16px 20px;
	padding-right: 110px;
	position: relative;
	width: 100%;
	font-size: 16px;
	background: #f7f7f7;
}

.btn-search {
	width: 100px;
	height: 46px;
	border-radius: 24px;
	background: #ffb300;
	color: #000;
	border: none;
	display: block;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	font-size: 16px;
	cursor: pointer;
	font-weight: 700;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	margin: auto;
}

.search-input:active, .search-input:focus {
	outline: solid 2px #ffb300;
	border-color: #f7f7f7;
}

.header-user-menu > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right!important;
}

.header-user-menu > ul li {
	display: inline-block;
}

.header-user-menu > ul li a {
	display: block;
	text-decoration: none;
	color: #1a1a1a;
	font-size: 16px;
	font-weight: 600;
}

.header-user-menu > ul li:not(:last-child) {
	margin-right: 15px;
}

.header-user-menu > ul > li > i {
	font-size: 22px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

.header-user-menu .dropdown i {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	display: inline-block;
	margin-right: 3px;
}

.cart-icon {
	position: relative;
}

.cart-counter {
	background: #ffb300;
	color: #000;
	font-weight: bold;
	position: absolute;
	display: inline;
	padding: 0px 4px 2px 4px;
	top: -10px;
	right: -5px;
	line-height: 1;
	font-size: 14px;
	font-weight: 700;
	border-radius: 2px;
	text-align: center;
}


/* =============================== */
/* == SITE NAV - HEADER LVL 2 */
/* =============================== */

.site-nav {
	/*background: #ffb300;*/
	border-bottom: solid #dee2e6 1px;
	position: relative;
}

.site-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
}

.site-nav ul li {
	display: inline-block;
}

.site-nav ul li a {
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	color: #1a1a1a;
	font-weight: 700;
	text-decoration: none;
	padding: 16px 20px;
}

.site-nav ul li i,
#site-menu-container > a > i {
	font-size: 21px;
	top: 2px;
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

.site-nav > div > div.row > div:last-child ul {
	text-align: right;
	margin-right: -15px;
}

.site-nav > div > div.row > div:nth-child(2) ul {
	text-align: center;
}

/* =============================== */
/* == SITE MENU DROPDOWN - BUTTON */
/* =============================== */

#site-menu-container {
	display: inline-block;
}

#site-menu-container > a {
	background: #ffb300;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 10px 50px!important;
	border-radius: 5px;
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	color: #1a1a1a;
	font-weight: 700;
	text-decoration: none;
}

#site-menu-container > a > i {
	margin-right: 10px;
}


/* =============================== */
/* == SITE MENU DROPDOWN */
/* =============================== */

#site-menu-dropdown {
	position: absolute;
	background: #f7f7f7;
	width: 100%;
	left: 0;
	right: 0;
	top: 120%;
	margin: auto;
	z-index: 9999;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: solid #dee2e6 1px;
	border-bottom: solid #ffb300 3px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

#site-menu-container:hover #site-menu-dropdown{
	display: block;
	opacity: 1;
	visibility: visible;
	top: 100%;
}

#site-menu-dropdown div > ul {
	width: 25%;
	background: #fff;
	padding: 20px 15px;
	font-size: 0;
	margin: 0;
	position: relative;
}

#site-menu-dropdown div > ul > li {
	display: block;
}

#site-menu-dropdown div > ul > li > a {
	display: block;
	padding: 12px 10px 12px 20px;
	border-radius: 10px;
	font-size: 16px;
	text-decoration: none;
	color: #000;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	font-weight: 400;
}

#site-menu-dropdown div > ul > li.active > a,
#site-menu-dropdown div > ul > li:hover > a {
	background: #f5f5f5;
	font-weight: bold;
}

#site-menu-dropdown div > ul > li > a > i {
	display: inline-block;
	margin-right: 10px;
	font-size: 16px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	top: auto;
}

#site-menu-dropdown div > ul > li > ul {
	visibility: hidden;
	opacity: 0;
	background: #fff;
	min-height: 100%;
	position: absolute;
	top: -1px;
	width: 290%;
	left: 110%;
	padding: 15px 5px;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-rule: 1px solid #d9d9d9;
	-moz-column-rule: 1px solid #d9d9d9;
	column-rule: 1px solid #d9d9d9;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

#site-menu-dropdown div > ul > li > ul,  
#site-menu-dropdown div > ul > li > ul > li{
	-webkit-column-break-inside: avoid!important;
	page-break-inside: avoid!important;
	break-inside: avoid!important; 
}

#site-menu-container:hover #site-menu-dropdown div > ul > li.active > ul,
#site-menu-dropdown div > ul > li:hover > ul {
	display: block;
	opacity: 1;
	visibility: visible;
	left: 110%;
	padding: 20px;
}


#site-menu-dropdown div > ul > li > ul li {
	display: block;
}

#site-menu-dropdown div > ul > li > ul > li > a {
	font-weight: 700;
	padding-bottom: 6px;
	font-size: 15px;
	margin-bottom: 5px;
	display: block;
	text-transform: none;
}

#site-menu-dropdown div > ul > li > ul > li > ul a {
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 6px;
	padding-top: 0px;
	text-transform: none;
}

/* =============================== */
/* == GO UP */
/* =============================== */

.to-top {
	text-align:center;
}

#scroll-to-top {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 20px;
	opacity: 0.8;
}

#scroll-to-top svg {
	width: 62px;
	height: 62px;
	fill: #444;
}

#scroll-to-top:hover{
	opacity: 1;
}


/* =============================== */
/* == TOP BAR */
/* =============================== */

.alert-news {
	background: #f7f7f7;
	border-bottom: solid #dee2e6 1px;
	color: #000;
	text-align: center;
	font-weight: bold;
}

.alert-news p {
	margin: 0;
	vertical-align: middle;
}

.btn-info {
	background: #777;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 11px 30px;
	border-radius: 20px;
	margin-left: 15px;
	font-size: 14px;
}

.btn-info:hover {
	color: #000;
	background: #ffb300;
}


/* =============================== */
/* == HOME - CATEGORIES SECTION */
/* =============================== */

.section-header {
	border-bottom: solid #e4e6eb 1px;
	margin-bottom: 30px;
	padding-top: 30px;
}

.section-header h2, .section-header h2 a {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -.25px;
	display:inline-block;
	position: relative;
	line-height: 1;
	padding-bottom: 3px;
	color: #333;
}

.section-header h2:after {
	content: "";
	border-top: solid transparent 2px;
	border-bottom: solid #444 3px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	width: 90%;	
}

.site-pop-cats {
	margin-bottom: 30px;
}

.site-pop-cats h3 {
	padding-bottom: 0px;
	margin-bottom: 10px;
}

.site-pop-cats h3, .site-pop-cats h3 a {
	font-size: 15px;
	letter-spacing: .25px;
	font-weight: 700;
	color: #000;
}

.site-pop-cats ul {
	padding: 0;
	padding-bottom: 15px;
	font-size: 0;
	list-style-type: none;
}

.site-pop-cats li a {
	color: #000;
	display: block;
	font-weight: normal;
	font-size: 14px;
	padding-bottom: 5px;
	padding-top: 0px;
}


/* =============================== */
/* == BREADCRUMBS */
/* =============================== */

.breadcrumbs {
	border-bottom: solid #dee2e6 1px;
	line-height: 1px;
	padding: 15px;
	font-size: 0;
	margin-bottom: 30px;
}

.breadcrumbs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0;
}

.breadcrumbs ul li {
	display: inline-block;
	margin-right: 15px;
	position: relative;
	font-size: 16px;
	color: #555;
	line-height: 24px;
	padding: 0 5px;
}

.breadcrumbs ul li:last-child {
	margin-right: 0;
	padding-right: 0;
}

.breadcrumbs ul li a {
	display: block;
	font-size: 14px;
	color: #777;
	line-height: 24px;
} 

.breadcrumbs ul li:not(:last-child):after {
	content: "\f054";
	font-family: 'Font Awesome 6 Free';
	position: absolute;
	right: -26px;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	color: #ddd;
	vertical-align: middle;
}

/* ==================================== */
/* == CATEGORY SIDE CATEGORIES */
/* ==================================== */

.search-filters-cats {
	background: #f7f7f7;
	border: solid #dee2e6 1px;
	padding: 15px;
	margin-bottom: 15px;
	border-radius: 3px;
}

.search-filters-cats h4 {
	font-size: 16px;
	font-weight: 600;

}

.search-filters-cats ul {
	list-style-type: none;
	padding: 15px;
	margin: 0;
	background: #fff;
}

.search-filters-cats ul li a {
	color: #000;
	display: block;
	position: relative;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: solid #e4e6eb 1px;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 45px;
}

.search-filters-cats ul li a.selected {
	font-weight: 700;
}

.search-filters-cats ul li:last-child a {
	border-bottom: none;
}

.search-filters-cats ul li a span {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	font-size: 12px;
	font-weight: 700;
	background: #fff;
	line-height: 31px;
}


/* ==================================== */
/* == SIDEBAR FILTERS */
/* ==================================== */


.sidebar-filters h4 {
	font-size: 16px;
	font-weight: 600;
}



/* SEARCH SIDEBAR */
#search-sidebar {
	background: #f7f7f7;
	border: solid #dee2e6 1px;
	position: sticky; 
	top: 20px;
	padding: 15px;
	border-radius: 3px;
}




















.site-cats {
	background: #fff;
	padding: 20px 15px;
	border: solid red 1px;
}

.site-cats h3 {
	text-transform: uppercase;
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: solid 1px #dee2e6;
	position: relative;
	font-weight: bold;
}

.site-cats h3:after{
	content: "";
	display: block;
	border-bottom: solid #ffb300 5px;
	width: 50px;
	position: absolute;
	left: 0;
	bottom: -3px;
}

.site-cats ul {
	font-size: 0;
	margin: 0;
	padding: 0;
}

.site-cats li {
	
}

.site-cats a {
	display: block;
	padding: 12px 10px 12px 20px;
	border-radius: 10px;
	font-size: initial;
	text-decoration: none;
	color: #000;
}

.site-cats a:hover {
	background: #f5f5f5;
	font-weight: bold;
}

.site-cats i {
	display: inline-block;
	margin-right: 10px;
	font-size: 16px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
























































/* =============================== */
/* == SITE RECOMMENDED DEPARTMENTS */
/* =============================== */

#site-recommended-departments .container {
	border-top: solid #e4e6eb 1px;
	border-bottom: solid #e4e6eb 1px;
	padding-top: 50px;
	padding-bottom: 50px;
}

#site-recommended-departments h4, #site-recommended-departments h4 a {
	font-size: 14px;
	font-weight: 700;
	display: inline-block;
	color: #000;
}

#site-recommended-departments ul {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0;
}

#site-recommended-departments ul li {
	display: inline-block;
	position: relative;
	padding: 0 10px;
}

#site-recommended-departments ul li:first-child {
	padding-left: 15px;
}

#site-recommended-departments ul li:not(:last-child):after{
	content: "";
	display: block;
	top: 0;
	bottom: 0;
	right: -1px;
	position: absolute;
	border-right: solid #666 1px;
	height: 15px;
	margin: auto;
}

#site-recommended-departments ul li a {
	display: inline-block;
	font-size: 14px;
	color: #000;
	letter-spacing: .6px;
}


/* =============================== */
/* == Footer */
/* =============================== */

#site-footer {
	padding-top: 30px;
	padding-bottom: 50px;
}

#site-footer li {
	position: relative;
	padding: 0 15px;
	margin: 0;
}

#site-footer ul li:not(:last-child):after{
	content: "";
	display: block;
	top: 0;
	bottom: 0;
	right: -1px;
	position: absolute;
	border-right: solid #666 1px;
	height: 15px;
	margin: auto;
}

#site-footer ul li:last-child {
	padding-right: 0;
}

#site-footer a {
	color: #000;
}





/* =============================== */
/* == OFFERS SLIDER */
/* =============================== */

.offers-slider {
	padding-top: 30px;
	padding-bottom: 30px;
	overflow: hidden;
	font-size: 0;
}

.offers-slider .owl-carousel {
	overflow: hidden;

}

.offers-slider .product-icon-wrapper {
	height: 200px;
	position: relative;
	margin-bottom: 15px;
}

.offers-slider .product-icon-wrapper a {
	display: block;
}

.offers-slider .product-icon-wrapper img {
	width: 90%!important;
	max-height: 100%;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.offers-slider h3, .offers-slider h3 a {
	font-size: 16px;
	font-weight: 400;
	color: #555;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	display: inline-block;
	margin-bottom: 0;
	padding-bottom: 0;
}

.offers-slider .product-price, .offers-slider .product-price a {
	/*color: #ffc400;*/
	color: #000;
	font-size: 16px;
	font-weight: 900;
	/*margin-bottom: ;*/
}

.offers-slider .owl-nav button {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -60px;
	margin: auto 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	text-align: center;
	opacity: .6;
	filter: alpha(opacity=60);

}

.offers-slider .owl-nav button.owl-next {
	left: auto;
	right: -60px;
}

.offers-slider .owl-nav button i {
	font-size: 40px;
	line-height: 80px;
	color: #000;
	text-align: center;
	width: 40px;
	display: block;
	background: #fff;
	height: 80px;
	width: 40px;
	border: solid #e4e6eb 2px;
}

.offers-slider:hover .owl-nav button {
	opacity: 1;
	filter: alpha(opacity=100);
}

.offers-slider:hover .owl-carousel .owl-nav button.owl-prev {
	left: 0;
}

.offers-slider:hover .owl-carousel .owl-nav button.owl-next {
	right: 0;
}


/* why US */

section.why-us {
	padding: 30px 0;
}

.why-us-container {
	border: solid #e4e6eb 1px;
	padding: 15px;
}

section.why-us h5 {
	font-weight: 700;
	font-size: 17px;
	margin-bottom: 1px;
}

section.why-us p {
	margin-bottom: 0;
	color: #666;
	font-size: 15px;
}

section.why-us i {
	font-size: 48px;
	color: #ffb300;
	display: block;
	float: left;
	margin-right: 15px;
}
section.why-us .col-md-3 {
	padding: 15px;
}
section.why-us .col-md-3:not(:last-child):after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	height: 80%;
	border-right: solid #e4e6eb 1px;
	margin: auto;
}


.hot-deal {
	border: solid #ffb300 2px;
	padding: 0 15px;
}

.hot-deal h3 {
	font-weight: 900;
	font-size: 20px;
	border-bottom: solid #e4e6eb 1px;
	line-height: 30px;
	padding: 8px 0 10px 0;

}

/* =============================== */
/* == SEARCH RESULTS */
/* =============================== */

.search-results .item {
	padding-bottom: 15px;
	font-size: 0;
}

.search-results .item-icon-wrapper {
	height: 200px;
	position: relative;
	margin-bottom: 15px;
}

.search-results .item-icon-wrapper a {
	display: block;
	width: 100%;
	height: 100%;
}

.search-results .item-icon-wrapper img {
	max-width: 100%!important;
	max-height: 100%;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.search-results h3, .search-results h3 a {
	font-size: 16px;
	font-weight: 400;
	color: #555;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	display: inline-block;
	margin-bottom: 0;
	padding-bottom: 0;
}

.search-results .item-price, .search-results .item-price a {
	color: #000;
	font-size: 16px;
	font-weight: 900;
}


/* .search-results .item:hover h3 a {
	overflow: hidden;
	overflow: visible;
	white-space: normal;
	text-overflow: clip;
} */






/* ==================================== */
/* ====== ITEM SINGLE */
/* ==================================== */

.item-slider {
	margin-bottom: 30px;
	width: 100%;
	height: 470px;
	border: solid #ebebeb 1px;
}

.item-slider .owl-carousel,
.item-slider .owl-carousel .owl-stage-outer,
.item-slider .owl-carousel .owl-stage-outer .owl-stage,
.item-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item,
.item-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item > div {
	width: 100%;
	height: 100%;
}

.item-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item > div {
	position: relative;
	overflow: hidden;
	display: block;
}

.item-slider .owl-carousel .owl-stage-outer .owl-stage .owl-item div img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
}

.item-slider .owl-carousel {
	overflow: hidden;
}

.item-slider .owl-carousel .owl-nav button {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	text-align: center;
	left: -40px;
}

.item-slider .owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -40px;
	
}

.item-slider .owl-carousel .owl-nav button i {
	font-size: 40px;
	line-height: 80px;
	color: #000;
	text-align: center;
	width: 40px;
	display: block;
	background: #fff;
	height: 80px;
	width: 40px;
	border: solid #e4e6eb 2px;
}

.item-slider:hover .owl-carousel .owl-nav button.owl-prev {
	left: 0;
}

.item-slider:hover .owl-carousel .owl-nav button.owl-next {
	right: 0;
}

.item-slider .owl-dots {
	display: none;
}

.page-item-info {
	background: #eee;
}

.itm-dsc-wrapper {
	background: #fff;
	padding: 50px 0;
}

.itm-params-wrapper {
	background: #fff;
	padding: 30px 40px;
	margin-bottom: 30px;
}

.itm-params-wrapper .param-label, .itm-params-wrapper .param-value {
	border-bottom: dashed #ddd 1px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 1;
}

.itm-params-wrapper .param-value {
	font-weight: 700;
	font-size: 15px;
	text-align: right;
}

.description {
	margin: 0 auto;
}

.item-slider-thumbs {
	font-size: 0;
}

.item-slider-thumbs div div {
	display: block;
	width: 90px;
	height: 90px;
	border: solid #e4e6eb 1px;
	float: left;
	margin-right: 6px;
	position: relative;
	margin-bottom: 6px;
}

.item-slider-thumbs img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;

}

#add-to-cart-button {
	display: block;
	background: #ffb300;
	font-weight: 700;
	font-size: 20px;
	color: #000;
	border: none;
	text-transform: uppercase;
	padding: 10px 20px;
}

.page-single-item {
	padding-bottom: 30px;
	border-bottom: solid #ffb300 3px;
}


.page-single-item .item-title {
	font-size: 30px;
}

.page-single-item .item-price {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
}

.page-item-info {
	padding-top: 30px;
	padding-bottom: 60px;
}

.page-item-info > .container > h2 {
	margin-bottom: 15px;
	border-left: solid #ffb300 10px;
	padding-left: 10px;
	font-size: 24px;
}


.site-basket {
	
}

#basket-table thead th {
	border-top: none;
}

#basket-table tbody tr:not(:last-child) td{
	border: none;
}

#basket-table tbody td {
	vertical-align: middle;
}

#basket-table tbody input {
	text-align: center;
}

#basket-table tbody a {
	color: #000;
	text-transform: uppercase;
}

.basket-total {
	text-align: right;
}

.basket-total span {
	font-size: 26px;
	margin-left: 5px;
	font-weight: 600;
}

/*.btn-primary-alt {
	display: inline-block;
	background: #000;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	border: none;
	text-transform: uppercase;
	padding: 12px 24px;
	margin: 0;
}*/
.btn-primary-alt {
	background: #ffb300;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 10px 50px !important;
	border-radius: 5px;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	color: #1a1a1a;
	font-weight: 700;
	text-decoration: none;
	border: none;
}

.btn-primary-alt:hover {
	color: #000;
	text-decoration: none;
}

.btn-primary-g1 {
	background: #bbb;;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 10px 50px !important;
	border-radius: 5px;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	color: #1a1a1a;
	font-weight: 700;
	text-decoration: none;
	border: none;
}

.btn-primary-g1:hover {
	color: #000;
	text-decoration: none;
}

.site-shipment h3 {
	font-size: 20px;
	text-transform: uppercase;
	border-left: solid #ffb300 5px;
	padding-left: 10px;
}



/* ==================================== */
/*  PAGINATION
/* ==================================== */

.pagination {
	margin: 30px 0;
	text-align: right;
	display: block;
}

.pagination span, .pagination a {
	font-size:16px;
	margin: 2px;
	display: inline-block;
	padding: 10px 16px;
	text-align: center;
	background: #fff;
	color: #444;
	font-weight: 700;
	border-radius: 3px;
	border: solid #ddd 1px;
}

.pagination .current_page {
	background: #ffb300;
	color: #fff;
	font-weight: 900;
	border-color: #ffb300;
}

/*
zolty: #ffbf00;
szary obramowania: #e4e6eb;
jasny szxary #eee
*/

.darker-section {
	border-top: solid #ffb300 2px;
	background: #eee;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 30px;
}

.darker-section p {
	margin: 0;
}

.site-login {
	margin-bottom: 30px;
}




#shipping-options {
	padding: 0;
}

#shipping-options .form-control {
	position: absolute;
}

#shipping-options li {
	display: block;
}

#shipping-options li span {
	display: block;
}

#shipping-options li label{
	border: solid #fff 3px;
	padding: 10px 15px;
	display: block;
}

#shipping-options .material-icons-outlined {
	margin-right: 15px;
	font-size: 36px;
}

#shipping-options input[type="radio"] {
	visibility: hidden;
}

#shipping-options input[type="radio"]:checked + label {
	border: solid #009000 3px;
}

#shipping-options input[type="radio"]:checked + label .material-icons-outlined {
	color: #009000;
}

/* ###################################### */

.address-select {

}

.address-select .form-control {
	position: absolute;
}
.address-select label, .address-select address {
	margin-bottom: 0;
}

.address-select .text-muted {
	font-size: 0.8rem!important;
}

.address-select label > div {
	border: solid #fff 3px;
	margin-bottom: 15px;
}

.address-select label .card {
	margin-bottom: 0!important;
}

.address-select input[type="radio"] {
	visibility: hidden;
	width: 10px;
}

.address-select input[type="radio"]:checked + label > div {
	border: solid #009000 3px;
}

.address-select i {
	vertical-align: text-bottom;
	font-size: 20px;
}

/* =============================== */
/* == MEMBERS AREA */
/* =============================== */

.members-area {
	padding: 30px 0;
}

.members-area aside ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.members-area aside li a {
	display: block;
	padding: 10px 10px 10px 8px;
	white-space: nowrap;
	color: #000;
	text-overflow: ellipsis;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
}

.members-area aside li i {
	vertical-align: baseline;
	font-size: 18px;
	margin-right: 5px;
}

.members-area aside li a.active {
	border-left: solid #ffb300 3px;
	background: #f3f7fb;
	padding-left: 12px;
}

.members-area aside li:hover a {
	padding-left: 12px;
	text-decoration: none;
}

.members-area aside li:last-child {
	margin-top: 20px;
	position: relative;
}

.members-area aside li:last-child:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	border-top: solid #e4e6eb 1px;
	top: -7px;
}

.members-area .section-header {
	padding: 0;
}

.orders-history .order-wrapper {
	background: #f3f7fb;
	padding: 20px 20px 0 20px;
	margin-bottom: 30px;
}

.orders-history .job-wrapper {
	background: #f3f7fb;
	padding: 20px;
	margin-bottom: 30px;
}

.orders-history .orders-history-header {
	margin-bottom: 10px;
}

.orders-history .table-responsive {
	border-top: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
	padding: 10px 0;
}

.orders-history .table {
	margin-bottom: 0;
}

.orders-history .orders-history-footer {
	padding: 15px 0 20px 0;
}

.orders-history table td {
	border: 0;
	font-size: 16px;
}

.orders-history table a {
	color: #000;
}

.orders-history .actions {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.orders-history .actions li {
	display: inline-block;
}

.orders-history .actions li:not(:last-child) {
	margin-right:15px;
}

.orders-history .actions a {
	display: block;
	text-transform: uppercase;
}

.user-addresses i {
	vertical-align: text-bottom;
	font-size: 20px;
}

.user-addresses .text-muted {
	font-size: 0.8rem!important;
}

.user-addresses p {
	margin: 0;
}

.user-addresses .action-remove-address {
	display: block;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	right: 5px;
	bottom: 5px;
	text-align: center;
}

.user-addresses .action-remove-address i {
	font-size: 16px!important;
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 1;
	background: #ffb300;
	padding: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.user-addresses .card:hover .action-remove-address {
	/*overflow: hidden;*/
	visibility: visible;
	opacity: 1;
}

.products-info {
	padding-bottom: 15px;
	border-bottom: solid #dee2e6 1px;
	/*border-top: solid #dee2e6 2px;*/
}

.products-info .product-row {
	margin-bottom: 15px;
}

.products-info a i {
	font-size: 28px;
	vertical-align: middle;
}

/********* JOBS *********/

.invoice-row {
	padding: 15px 0;
	margin: 0 0 15px 0;
	border-left: solid #444 5px;
	border-bottom: dotted #444 2px;
	background: #f3f7fb;
}

.invoice-row p {
	margin: 0;
}


/********* /// JOBS *********/

#order-builder h3 {
	border-bottom: solid #dee2e6 2px;
	font-size: 20px;
	padding-bottom: 8px;
	margin-bottom: 30px;
}

.department-cats h3 {
	font-size: 18px;
	font-weight: 700;
}

.department-cats h3 a {
	color: #000;
}

.department-cats ul {
	list-style-type: square;
}

.item-description {padding:10px;box-sizing:border-box;max-width:1200px;margin: 0 auto;}
.item-description > div {padding:15px 0;}
/*@media (max-width:991px) {.item-description > div .item-6:nth-child(1) {padding-bottom:10px;}}*/
@media (min-width:992px) {
.item-description > div {display:flex;align-items:center;}
/*.item-description .item-6 {width:50%;float:left;position:relative;min-height:1px;}*/
}

.item-description *, .item-description *::after, .item-description *::before {box-sizing:border-box;}
.item-description > div > div {padding-left:15px;padding-right:15px;width:100%;min-height:1px;}
.item-description h1, .item-description h2 {display:block;font-family:"Roboto", "Open Sans", sans-serif;font-weight:500;margin:18px 0;}
.item-description * {color:#444444;font-family:"Open Sans", sans-serif;font-size:16px;line-height:22px;width:100%;word-wrap:break-word;}
.item-description p {margin:16px 0;word-wrap:break-word;}
.item-description h1 {color:#444444;font-size:24px;line-height:24px;}
.item-description h2 {color:#444444;font-size:18px;line-height:18px;}
.item-description ol, .item-description ul {padding-left:40px;margin:15px 0;}
.item-description img {display:block;margin-left:auto;margin-right:auto;max-width:100%;}
.hidden {display:none;}


.dropdown-item:active {
	background: #f7f7f7;
	color: initial;
}







.xi-products {
	padding: 30px 0;
	background: #fafafa;
}

.xi-products .product {
	margin-bottom: 40px;
	
}

.xi-products .product-thumbnail {
	background: #fff;
	padding: 50px;
	margin-bottom: 10px;
}

.xi-products .product-thumbnail img {
	max-width: 100%;
}

.xi-products .product-title h4 {
	margin: 0;
}

.xi-products .product-title a {
	text-decoration: none;
	font-weight: 600;
	font-size: 18px;
	color: #0d0d0d;
}

.xi-products .product-price {
	font-weight: 600;
	font-size: 17px;
	color: #131313;

}


/* ====================================== */
/* =============   SLIDER   ============= */
/* ====================================== */

#site-slider {
	background: #f7f7f7;
	padding: 30px 0;
}

#site-slider .owl-carousel {
	overflow: hidden;
}

#site-slider .owl-carousel .owl-nav button {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	margin: auto;
	top: 4px;
	bottom: auto;
	left: auto;
	right: 48px;
	text-align: center;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	background: #ffb300;
}

#site-slider .owl-carousel .owl-nav button.owl-next {
	right: 4px;
}

#site-slider .owl-carousel .owl-nav button svg {
	height: 40px;
	width: 40px;
	text-align: center;
	display: block;
	padding: 8px;
}

#site-slider .owl-carousel .owl-nav button svg path {
	fill: #000;
}

#site-slider .owl-dots {
	position: absolute;
	left: 0;
	right: 0;
	text-align:center;
	-webkit-transition:all .1s ease-in-out .5s;
	-o-transition:all .1s ease-in-out .5s;
	transition:all .1s ease-in-out .5s;
	bottom: -10px;
	opacity: 0;
}

#site-slider:hover .owl-dots {
	opacity: initial;
}

#site-slider .owl-dots .owl-dot {display:inline-block;}

#site-slider .owl-dots .owl-dot span {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin: 4px;
	background: #fff;
	display: block;
	-webkit-backface-visibility: visible;
	/*transition: opacity 200ms ease;*/
	box-sizing: border-box;
	opacity: 0.7;
	text-align: center;
}

#site-slider .owl-dots .owl-dot span:after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #000;
	line-height: 30px;
}

#site-slider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	opacity: 1;
}

#site-slider:hover .owl-dots { bottom:10px; }

#site-slider .item {
	background: #fff;
	width: 100%;
}

#site-slider .item > a > * {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#site-slider .item a > img:first-child {
	position: static;
	visibility: hidden;
}

.animate__animated.animate__delay-p1 {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	animation-delay: .4s;
}
.animate__animated.animate__delay-p2 {
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	animation-delay: .8s;
}
.animate__animated.animate__delay-p3 {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.animate__animated.animate__delay-p4 {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.animate__animated.animate__delay-p5 {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}


.site-bestsellers-slider {
	 /*background-image: linear-gradient(to right bottom, #72a800, #81aa00, #8fab00, #9cad00, #a9ae00, #93ad1c, #7eab2d, #6aa83c, #2d9c5a, #008c70, #007a79, #006775);*/
	/*background-image: linear-gradient(to right, #72a800, #81aa00, #8fab00, #9cad00, #a9ae00, #93ad1c, #7eab2d, #6aa83c);*/
	padding: 30px 0;
}

.site-bestsellers-slider .owl-carousel {
	overflow: hidden;
}

.site-bestsellers-slider .item {
	width: 100%;
}
/*.site-bestsellers-slider .item > a > * {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}*/
/*.site-bestsellers-slider .item a > img:first-child {
	position: static;
	visibility: hidden;
}*/

.item-info h2 {
	font-size: 50px;
	font-weight: 800;
}
.item-info h4 {
	color: #777;
	letter-spacing: .4px;
	margin-bottom: 0;
}

.item-info .product-price {
	font-size: 30px;
	font-weight: 600;
}

.item-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.item-info ul li {
	display: inline-block;
	margin-right: 5px;
}

.btn-buy,
.btn-more {
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 700;
	color: #000;
	border: solid #000 3px;
	border-radius: 5px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
}

.btn-buy {
	background: #ffb300;
	border: solid #ffb300 3px;
}

.btn-buy:hover,
.btn-more:hover {
	color: #fff;
	border: solid #000 3px;
	background: #000;
}

.btn-theme-01 {
	font-weight: 700;
	background: #ffc107;
	color: #000;
}

.status-badge {
	color: #000;
	display: inline-block;
	white-space: nowrap;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 14px;
	border: solid 1px transparent;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.status-code-300 { background: #dc3545!important; color: #fff!important; }
.status-code-310 { background: #fd7e14!important; color: #fff!important; }
.status-code-320 { background: #ffc107!important; color: #000!important; }
.status-code-350 { background: #198754!important; color: #fff!important; }
.status-code-390 { background: #0d6efd!important; color: #fff!important; }
.status-code-391 { background: #adb5bd!important; color: #000!important; }