/* body { */
/*     height: 100%; */
/*     min-height: 100%; */
/* } */
@font-face {
    font-family: 'comfortaa';
    src: url('assets/fonts/comfortaa-light-webfont.ttf') format('truetype'),
	 url('assets/fonts/comfortaa-light-webfont.woff2') format('woff2'),
         url('assets/fonts/comfortaa-light-webfont.woff') format('woff'); /**/
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'kanitregular';
    src: url('assets/fonts/kanit-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/kanit-regular-webfont.woff') format('woff'); 
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sansationbold';
    src: url('assets/fonts/Sansation-Bold-webfont.ttf') format('truetype'),
         url('assets/fonts/Sansation-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'didact_gothicregular';
    src: url('/assets/fonts/didactgothic-regular-webfont.eot');
    src: url('/assets/fonts/didactgothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/didactgothic-regular-webfont.woff2') format('woff2'),
         url('/assets/fonts/didactgothic-regular-webfont.woff') format('woff'),
         url('/assets/fonts/didactgothic-regular-webfont.ttf') format('truetype'),
         url('/assets/fonts/didactgothic-regular-webfont.svg#didact_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'biryaniregular';
    src: url('/assets/fonts/Biryani-Regular-webfont.eot');
    src: url('/assets/fonts/Biryani-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/Biryani-Regular-webfont.woff2') format('woff2'),
         url('/assets/fonts/Biryani-Regular-webfont.woff') format('woff'),
         url('/assets/fonts/Biryani-Regular-webfont.ttf') format('truetype'),
         url('/assets/fonts/Biryani-Regular-webfont.svg#biryaniregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'abelregular';
    src: url('assets/fonts/abel-regular-webfont.eot');
    src: url('assets/fonts/abel-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/abel-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/abel-regular-webfont.woff') format('woff'),
         url('assets/fonts/abel-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/abel-regular-webfont.svg#abelregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'hindregular';
    src: url('assets/fonts/hind-regular-webfont.eot');
    src: url('assets/fonts/hind-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/hind-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/hind-regular-webfont.woff') format('woff'),
         url('assets/fonts/hind-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/hind-regular-webfont.svg#hindregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'martel_sansregular';
    src: url('assets/fonts/martelsans-regular-webfont.eot');
    src: url('assets/fonts/martelsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/martelsans-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/martelsans-regular-webfont.woff') format('woff'),
         url('assets/fonts/martelsans-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/martelsans-regular-webfont.svg#martel_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('assets/fonts/OpenSans-Regular-webfont.eot');
    src: url('assets/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('assets/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('assets/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('assets/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsbold';
    src: url('assets/fonts/poppins-bold-webfont.eot');
    src: url('assets/fonts/poppins-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('assets/fonts/poppins-bold-webfont.woff') format('woff'),
         url('assets/fonts/poppins-bold-webfont.ttf') format('truetype'),
         url('assets/fonts/poppins-bold-webfont.svg#poppinsbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinsbold';
    src: url('assets/fonts/poppins-bold-webfont.eot');
    src: url('assets/fonts/poppins-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('assets/fonts/poppins-bold-webfont.woff') format('woff'),
         url('assets/fonts/poppins-bold-webfont.ttf') format('truetype'),
         url('assets/fonts/poppins-bold-webfont.svg#poppinsbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinssemibold_italic';
    src: url('assets/fonts/poppins-semibolditalic-webfont.eot');
    src: url('assets/fonts/poppins-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/poppins-semibolditalic-webfont.woff2') format('woff2'),
         url('assets/fonts/poppins-semibolditalic-webfont.woff') format('woff'),
         url('assets/fonts/poppins-semibolditalic-webfont.ttf') format('truetype'),
         url('assets/fonts/poppins-semibolditalic-webfont.svg#poppinssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinsmedium';
    src: url('assets/fonts/poppins-medium-webfont.eot');
    src: url('assets/fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('assets/fonts/poppins-medium-webfont.woff') format('woff'),
         url('assets/fonts/poppins-medium-webfont.ttf') format('truetype'),
         url('assets/fonts/poppins-medium-webfont.svg#poppinsmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'poppinsregular';
    src: url('assets/fonts/poppins-regular-webfont.eot');
    src: url('assets/fonts/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/poppins-regular-webfont.woff') format('woff'),
         url('assets/fonts/poppins-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/poppins-regular-webfont.svg#poppinsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body{ margin:0; }
img {
	object-fit: contain;
}

body {
    
  display:flex; 
  flex-direction:column; 
}
header {
	position: sticky;
	top: 0;
	background: white;
	z-index: 1020;
}
#header {
	z-index:1021;
}
#sidebar {
    margin-bottom: 15px;
}
.dropdown-menu {
    z-index: 1030;
}
.navs-wrap {
    display: flex;
    flex: 2;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
		 
}
.navbar {
    padding: 0 0.5rem;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.v-navbar {
    width: 660px;
    display: flex;
    transition: .5s;
    max-height: 2000px;
    overflow: hidden;
}
.v-navbar ul {
    display: flex;
    flex-direction: column;
    flex: 1;
    list-style-type: none;
    padding: 0;
    height: calc(100vh - 80px /*magic number */);
}
.v-navbar ul li {
    height: 50px;
    border-bottom: 1px solid black;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 330px;
		     
}
.v-navbar ul li a {
    color: black;
}
.v-navbar ul li.back {
    color: #dddddd;
    background: #111111
}
.v-navbar ul li div {
    display: none;
}
.v-navbar .second-nav {
    position: absolute;
    left: 330px;
}
.v-navbar.unroll {
    animation: a-unroll 0.5s;
    animation-fill-mode: forwards;
}
.v-navbar.roll {
    animation: a-roll 0.5s;
    animation-fill-mode: forwards;
}
.scroll-in {
    animation: a-scroll-in 0.5s;
    animation-fill-mode: forwards;
}
.scroll-out {
    animation: a-scroll-out 0.5s;
    animation-fill-mode: forwards;
}

@keyframes a-scroll-in {
    0% {
	left: 330px;
    }
    100% {
	left: 0px;
    }
}
@keyframes a-roll {
    0% {
	max-height: 0px;
    }
    100% {
	max-height: 2000px;
    }
}

@keyframes a-unroll {
    0% {
	max-height: 2000px;
    }
    100% {
	max-height: 0px;
    }
}

@keyframes a-scroll-out {
    0% {
	left: 0px;
    }
    100% {
	left: 330px;
    }
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
#cartTable {
	transition: 0.2s;
}
.quantityPick {
	max-width: 200px;
}
.checkout {
    width: 100%;
    text-align: center;
    height: 60px;
    line-height: 60px;
    color: gray;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    transition: 0.5s;
    display: flex;
}
.checkout > * {
    display:flex;
    justify-content: center;
    align-items: center;
    flex: 1
}
.checkout > *:last-child {
    flex: 2
}
.checkout:hover {
    background: #999999;
	border: 1px solid #999999;
	color: #333333;
	cursor: pointer;
}
.cart-saved {
    max-height: 0px;
    margin-bottom: 10px;
    transition: 0.5s;
    overflow:hidden;
    overflow: auto;
}
.cart-saved.show {
    max-height: 300px;
}
.cart-saved > * {
    background: aliceblue;
}
.cart-saved > .save, .cart-saved > .nice {
    display: flex;
    height: 60px;
    align-items: center;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid gray;
    font-size: 12px;
    cursor: pointer;
}
.cart-saved > .save > *, .cart-saved > .nice > * {
    flex: 1;
}
.cart-saved > .save > *:last-child, .cart-saved > .nice > *:last-child {
    flex: 2;
    color: gray;
}
.cart-saved > .save > input[type="text"], .cart-saved > .save > input[type="text"]:focus-visible {
    background: rgba(0,0,0,0);
    border: none;
    border-bottom: 1px dashed gray;
    height: 30px;
    text-align: center;
    outline: none;
}
.cart-saved > .divider {
    border-bottom: 1px solid gray;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.cart-saved > .saved-carts-all > * {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 2px dashed gray;
    cursor: pointer;
    transition: 0.5s;
}

.cart-saved > .saved-carts-all > *:hover {

    background: #aaaaff;
}

.cartProduct {
    height: 110px;
    display: flex;
}
.cartProductImg {
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    max-height: 104px;
}
.cartQuantity {
}
.pop-cart-name {
    font-size: 10px;
}
.cartColumn {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.cartSubtotal {
	display: none;
    justify-content: space-around;
    padding: 1rem;
    color: gray;
}
.addToCart {
    background: #4e5c70;
    color: #eeeeee;
    text-decoration: none;
    height: 40px;
    margin: 10px;
    border-radius: 4px;
    line-height: 40px;
    border: 1px solid lightsteelblue;
    font-size: 12px;
    width: 90%;
}
.addToCart:hover {
	text-decoration: none !important;
}
.addToCart input[type="number"] {
    width: 30px;
    height: 24px;
    margin-left: 5px;
    background:#707e92;
    border-radius: 1px;
    border: 1px solid #707e92;
    color: white;
    text-align: center;
    cursor: pointer;
}
.remove {
	cursor: pointer;	
}
#secondNav {
	border-top: solid 1px lavender;
	border-bottom: solid 1px lavender;
	--font-colon: arial;
	--background-colon: rgba(245,245,245,1);
	background: var(--background-colon);
	/* font-family: var(--font-colon); */
	
	
}
#secondNav .secondnavcolor {
    background: var(--background-colon);

}
img.logo {
    width: 100%;
    max-width: 368px;
    margin: 20px 0;
    
    
}
.loginCard {
    border: 1px solid #DDDDDD;
    /* background: linear-gradient(-45deg, #9df5b4,#07b335); */
}
.placeholderHover {
    transform: translate(-10px,-15px) scale(0.65);
}
.placeholder {
    opacity: 80%;
    position: absolute;
    left: 16%;
    top: 12px;
    pointer-events: none;
    transition: 0.5s;
}
#wiadomosc {
    width: 80%;
    margin: auto;
    padding: 20px;
    color: orange;
    font-weight: bold;
}

input.login {
    width: 80%;
    height: 50px;
    display: block;
    margin: auto;
    margin-bottom: 10px;
    border: solid 2px black;
    border-radius: 4px;
    /* background: #DDDDDD; */
    padding: 20px;
    
}

.zielon {
    color: #3f4926 !important;
}

a.login {
    width:50%;
    height:60px;
    line-height: 60px;

    /* line-height: 1.5; */
    display: inline-block;
    vertical-align: middle;
    
    background:#4e5c70;
    margin: auto;
    text-align: center;
    color:white;
    border: 1px solid black;
    border-radius: 4px;
    transition: 0.5s;
	  
}
a.login:hover {
    text-decoration: none;
    color:white;
    background: #999999;
}
label.remember {
    background: #4e5c70;
    border: 1px solid black;
    width: 100%;
    padding:10px;
    display:flex;
    height: 100%;
    margin-right: 5px;
    transition: 0.5s;
    border-radius: 4px;
    
	   
}
.z20 {
	z-index: 20;
	
}
label.remember:hover {
    background: #999999;
}
label > span {
    
    padding-right:5px;
    margin:auto;
}
.filter-checkbox {
    background: none;
    width: 100%;
    text-align: center;
    justify-content: space-between;
    border: 1px #ccc solid;
}
#response {
    max-height:0px;
    text-align: center;
    font-size: 20px;
    transition:0.5s;
    color: white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#alternatives {
	opacity: 0%;
}

input[type="submit"].login {
    background: #4e5c70;
    border: none;
    color: white;
    line-height: 2px;
    font-weight: bold;
    font-family: sans;
}
#szukaj, #szukajMobile {
	width: 100%;
	border: 1px solid gray;
    height: 50px;
    line-height: 50px;
    padding: 10px;
}
footer {
  margin-top:auto; 
}
.navbar-brand img {
    height: 70px;

}
#scrollIndicatorLeft, #scrollIndicatorRight {
	position: absolute;
	width: 10%;
	height: 100%;
	background: linear-gradient(-90deg,rgba(0,0,0,0),rgba(0,0,0,1));
	z-index: 200;
	line-height: 40px;
	font-size: 20px;
}
#scrollIndicatorRight {
	top: 0%;
	right: 15px;
	background: linear-gradient(-90deg,rgba(0,0,0,1),rgba(0,0,0,0));
	text-align: right;
	
}
.scrollGlobal{
  overflow: auto;
  white-space: nowrap;
}

.scrollGlobal a {
  display: inline-block;
  color: black;
  text-align: center;
  padding: 6px;
  text-decoration: none;
  border: 3px solid gray;
  border-radius: 3px;
  transition: 0.5s;
  cursor: pointer;
  margin-right: 5px;
}
.globalSelected {
	background: green;
	border: 3px solid lime !important;
	color: white !important;
}
.scrollGlobal::-webkit-scrollbar {
  display: none;
}

.scrollGlobal {
  -ms-overflow-style: none; 
  scrollbar-width: none; 
}
.nav-item{
    flex: 1;
    
}
/* overlay */
.bs-canvas-overlay {
   opacity: 0;
   z-index: -1;
}

.bs-canvas-overlay.show {
   opacity: 0.85;
   z-index: 1100;
}

.bs-canvas {
   top: 0;
   width: 0;
   z-index: 1110;
   overflow-x: hidden;
   overflow-y: auto;
}

.bs-canvas-left {
   left: 0;
}

.bs-canvas-right {
   right: 0;
}

.bs-canvas-anim {
   transition: all .4s ease-out;
   -webkit-transition: all .4s ease-out;
   -moz-transition: all .4s ease-out;
   -ms-transition: all .4s ease-out;
}
/* end of overlay */
#search, #searchMobile {
    width:100%;
}

.megamenu.show::after {
    background: none;
}
.megamenu a {
    color: black;
    transition: 0.2s;
}
.megamenu a:hover {
    text-decoration: none !important;
    color: #aaa;
}

.nav-item:hover::after{width:100%;}

.search-animated {
    z-index: 1035;
    max-height:0px;
    border: none;
    border-radius: 0;
    padding: 0;
    transition: 0.5s;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
}

.search-animated.show {
    max-height:300px;
    border: 1px solid black;
    padding: .5rem 0;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.search-animated.show.load {
    max-height:50px;
    overflow: hidden;
}
.suggested-item {
    height: 100%;
    margin-top: -24px;
}
.img-suggested {
    width: 100%;
    height: 150px;
}

.dropdown-item {
    white-space: normal;
}
.nav-link{padding:15px 5px;transition:0.2s;}

.navbar-nav .nav-link {
    
    color:#000;
    font-weight:bold;
    font-size:14px;
	    width: 90px;
    text-align: center;
}
.nav-link span {
    color: #ad6800;
}

.navbar-nav .active > .nav-link{
  
    width:100%;
    height:51px;
    
  border-bottom: .25rem solid transparent;
  border-bottom-color: #ed4137;
   
}
.nav-tabs li a.active {
    text-decoration-line: underline;
}
.nav-tabs li a.active:hover {
    text-decoration-line: underline;
}
#searchForm {
    flex: 4;
}
.megamenu {
  position: static;
}


.megamenu .dropdown-menu {
  background: none;
  border: none;
  width: 100%;
  position: absolute;
}
.megamenu .nav-item::after{
    background: none;
}

.colorAddPlus {
  border-radius: 50%;
  width: 50px;
  height: 100%;
  position: relative;
  margin: auto
}
.colorAddPlus::after {
  content: " ";
  position: absolute;
  display: block;
  background-color: #777777;
  height: 10px;
  margin-top: -5px;
  top: 50%;
  left: 5px;
  right: 5px;
  z-index: 9;
}
.colorAddPlus::before {
  content: " ";
  position: absolute;
  display: block;
  background-color: #777777;
  width: 10px;
  margin-left: -5px;
  left: 50%;
  top: 5px;
  bottom: 5px;
  z-index: 9;
}
.list-group-item a {
    color:black;
}


/* header nav a { */
/*     font-weight: bold; */
/*     background-color: #4e5c70; */
/*     /\* width: 100%; *\/ */
/*     /\* height: 100%; *\/ */
/*     text-align: center; */
/* 	text-decoration: none; */
/* 	color: white; */
/* 	padding: 10px 10px; */
/* 	margin: 0 10px; */
/* } */

/* html body header div.container nav.navbar.navbar-expand-md.navbar-light div#navbarNav.navbar-collapse.justify-content-center.collapse ul.navbar-nav li.nav-item { */
/*     margin-top: 20px; */
/* } */

/* header nav a:hover { */
/*     text-decoration: none; */
/*     color: white; */
/*     background: #434f61; */
/*     /\* border-bottom: 1px solid #aaa; *\/ */
/* } */
.videos {
	background: #949166;
	color: #eeeeee;
	padding: 30px;
}
.product-special {

	padding: 30px;
}
span.show-button {
    background: #779E6D;
    padding: 10px;
    text-decoration: none;
    color: #eeeeee;
    border-radius: 2px;
	transition: 0.5s;
}
span.show-button:hover {
    background: #87aE7D;
    text-decoration: none !important;
	transition: 0.5s;
}
.video-description {
    font-size: 2rem;
    width: 50%;
    height: 200px;
    margin: auto;
}
.problems {
	background: #C1DAA2;
	padding: 30px;
}
main .featured {
	display: flex;
	flex-direction: row;
	height: 600px;
	align-items: center;
	justify-content: space-evenly;
	text-align: center;
	/* padding: 5px 50px; */
	--inner-padding: 10px;
}

main .featured .left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: var(--inner-padding);
}

.featured .wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position:relative;
    
}
.featured .wrap a {
    width: 100%;
    height: 100%;
    max-width: 100%;
    background-image: url("assets/wood_unsplash.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: baseline;
    align-items: flex-start;
    text-align: left;
    padding: 8px;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
    cursor: pointer;
    transform: scale(1);
    transition: 0.2s;
    min-height: 120px;

}
.featured .wrap:hover a {
    transform: perspective(1px) scale(1.1);
    text-decoration: none;
}
.featured .wrap span h1 {
    font-size: var(--size-title);
}
.featured .wrap span h2 {
    font-size: calc(var(--size-title) * 0.7);
}
.featured .wrap span {
    position: absolute;
    font-family: sansationbold;
    color: #fff;
    --size-title: 38px;
    font-size: var(--size-title);
    font-weight: bold;
    text-shadow: 2px 2px 2px rgba(64, 64, 64, 1);
    --pad-title: 20px;
    top: var(--pad-title);
    left: var(--pad-title);
    pointer-events: none;
    text-align: left;
    transition: 0.2s;
}
.featured .wrap:hover span {
    transform: scale(0.97);
}


main .featured .middle, main .featured .right {
    /* flex: 33.33%; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    height: 100%;
    width: 100%;
		    
}
main .featured .middle div, main .featured .right div {
    flex: 50%;
    width: 100%;
    height: 100%;
}
body > main > div.container-fluid.mx-auto.row.featured > div.col-sm-4.p-0.middle > div:nth-child(1) > div > div

/* PADDING RULES */

main .featured .left {
    padding: var(--inner-padding);
}

main .featured .middle > div:first-child {
    padding: var(--inner-padding);
    padding-left: 0;
}
main .featured .middle > div:last-child > div:first-child {
    padding: var(--inner-padding);
    padding-left: 0;
    padding-top: 0;
}
main .featured .middle > div:last-child > div:last-child {
    padding: var(--inner-padding);
    padding-left: 0;
    padding-top: 0;
}
main .featured .right > div:first-child{
    padding: var(--inner-padding);
    padding-left: 0;
}
main .featured .right > div:last-child > div:first-child{
    padding: var(--inner-padding);
    padding-left: 0;
    padding-top: 0;
}
main .featured .right > div:last-child > div:last-child{
    padding: var(--inner-padding);
    padding-left: 0;
    padding-top: 0;
}

main .featured .middle div:first-child .wrap, main .featured .right div:first-child .wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

main .featured .middle div:last-child, main .featured .right div:last-child {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
main .featured .middle div:last-child div, main .featured .right div:last-child div {
    flex: 50%;
    width: 100%;
    height: 100%;
    font-size: 28px;
}

main .featured .middle div:first-child .wrap a {
    background-image: url("assets/hair_unsplash.jpg");
    text-align: left;

}
main .featured .right div:first-child .wrap a{
    background-image: url("assets/forest_unsplash.jpg");
}
main .featured .middle div:last-child div .wrap a {
    background-image: url("assets/lotion_unsplash.jpg");
    text-align: left;
    align-items: flex-end;
    justify-content: center;
}
main .featured .right div:last-child div .wrap a {
    background-image: url("assets/ginger_unsplash.jpg");
}
main .featured .right div:last-child div .wrap span {
    width: 100%;
    left: 0;
    width: 100%;
    top: calc(100% - var(--size-title) * 1.5);
    text-align: center;
}
main .featured .right div:last-child div:last-child .wrap a {
    background-image: url("assets/water_unsplash.jpg");
}
main .featured .right div:last-child div:last-child .wrap span {
    top: calc(50% - var(--size-title) * 0.5);
    left: 0;
    width: 100%;
    text-align: center;
}
main .featured .middle div:last-child div:last-child .wrap a {
    background-image: url("assets/hair2_unsplash.jpg");
}
main .featured .middle div:last-child div:last-child .wrap span {
    top: calc(50% - var(--size-title) * 0.5);
    width: 100%;
    left: 0;
    text-align: center;
}
    
	
main .featured .container {
    background-color: rgba(0,0,0,0.5);

}
@media (max-width: 768px) {
    main .featured {
	height: inherit;
	/* --inner-padding: 2px; */
    }
    main .featured .left {
	padding-left: 0;
	padding-right: 0;
    }
    main .featured .middle > div:first-child {

	padding-right: 0;
	padding-top: 0;
    }
    main .featured .middle > div:last-child > div:last-child {
	padding-right: 0;

    }

    main .featured .right > div:first-child{
	padding-top: 0;
	padding-right: 0;
    }
 
    main .featured .right > div:last-child > div:last-child{
	padding-right: 0;
    }
}



main .recentlyadded h2 {
	display: block;
	font-weight: normal;
	margin: 0;
	padding: 40px 0;
	font-size: 24px;
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #EEEEEE;
}
a.product {
    background: none;
}
a.product:hover {
    text-decoration: none !important;
}
main .recentlyadded .products, main .products .products-wrapper {
	align-items: center;
	justify-content: space-between;
	padding: 40px 0 0 0;
}
main .recentlyadded .products .product, main .products .products-wrapper .product {
    font-family: comfortaa;
    /* font-weight: bold; */
    padding-bottom: 40px !important;
}
main .recentlyadded .products .product img, main .products .products-wrapper .product img {
	transform: scale(1);
	transition: transform 1s;
	width: 100%;
	height: 250px;
	object-fit: contain;
}
.name {
	display: block;
	color: #555555;
	/* padding: 20px 0 2px 0; */
}
.product div .name {
    font-size: 1rem;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: auto;
}
.products-bottom-section name {
    width: 80%;
}

.name:hover {
    text-decoration: none !important;
    color: #777;
}
.price {
	display: block;
	color: #999999;
}
main .recentlyadded .products .product .rrp, main .products .products-wrapper .product .rrp {
	color: #BBBBBB;
	text-decoration: line-through;
}
/* main .recentlyadded .products .product:hover img, main .products .products-wrapper .product:hover img { */
/* 	transform: scale(1.05); */
/* 	transition: transform 1s; */
/* } */
.loador {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.loader {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #111; /* Blue */
    border-radius: 50%;
    width: 10px;
    height: 10px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

img.image_hoverable, img.image_hoverable_mobil {
    position: absolute;
    background: white;
    left: 0;
    /* opacity: 100%; */
    transition: opacity 0.2s ease-in-out !important;
}
img.image_unhoverable {
    transition: opacity 0.2s ease-in-out !important;
    /* object-fit: cover !important; */
}
img.image_hoverable:hover, img.image_hoverable_mobil.artificialHover {
    opacity: 0;
}
main .recentlyadded .products .product:hover .name, main .products .products-wrapper .product:hover .name {
    color: #aaa;
    transition: 0.5s;
}
main .recentlyadded .products .product .name, main .products .products-wrapper .product .name {
    transition: 0.5s;
}


/* main > .product { */
/* 	display: flex; */
/* 	padding: 40px 0; */
/* } */
.product-bottom-section {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 80px;
    align-items: center;
}
.suggested-item .product-bottom-section {
    height: 100%;
}
.product-bottom-section .name {
    width: 80%;
}
.product  {
    text-align: center;
    background: white;
}
.product-image {
    overflow: hidden;
    transition: 1s;
}
.flags {
    position: absolute;
    text-align: left;
    z-index: 20;
    left: 0;
    top:0;
}
.product-image:hover .flags .new,.product-image:hover .flags .promo,.product-image:hover .flags .wyprze, .product-image:hover .flags .niedos, .product-image:hover .flags .universal-flag {
    padding-right: 20px;
    transition: 0.5s;
}
.product-image:hover .favorite.favorited, .favorite.phone.favorited, .favorite-product.favorited {
    color: rgba(255,255,255,1);
    background: rgba(0,0,0,1);
     border: 1px solid rgba(0,0,0,1);
}
.favorite.phone.lower {
    margin-top: 30px;
}
.product-image:hover .favorite, .favorite.phone {
    /* display: block; */
    transition: 0.5s;
    position:absolute;
    color: rgba(0,0,0,1);
    background: rgba(255,255,255,1);
     border: 1px solid rgba(0,0,0,1);
    
}
.favorite-product {
    flex: 50%;
    padding: 10px;
    border: 1px solid black;
    border-radius: 9px;
    width: 50%;
    text-align: center;
    margin-right: 4px;
    cursor: pointer;
    transition: 0.5s;
}
.favorite {
    color: rgba(0,0,0,0);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    background: rgba(255,255,255,0);
    width: 32px;
    height: 32px;
    border: 1px solid rgba(0,0,0,0);
    position: absolute;
    z-index: 30;
    right: 20px;
    top: 5px;
    border-radius: 5px;

}
/* FLAG_STYLE */
.flags .new, .flags .promo, .flags .wyprze, .flags .niedos, .flags span {
    font-size: 14px;
    padding: 2px;
    border-top-rights-radius: 5px;
    transition: 0.5s;
}
.flags .new {
    background : #4bd213;
    color:white;
}

.flags .niedos {
    background : #777;
    color:white;
}

.flags .lowcap {
    background : #551;
    color:white;
}

.flags .needorder {
    background : #ae2211;
    color:white;
}

.flags .dostawawkrotce {
    background : #ae2;
    color: black;
}


.flags .promo {
    animation: promo-anim 3s infinite;
}

.promo-title {
    position: absolute;
    border-bottom-right-radius: 20px;
    left: 0;
    padding: 10px;
    padding-top: 0px;
    z-index: 2;
}

.promo-under {
    position: absolute;
    border-top-left-radius: 20px;
    right: 0;
    bottom: 0;
    padding: 10px;
    padding-bottom: 5px;
    z-index: 2;
}

.add-review {
    background: #ffeeaa;
    color: #556600;
    flex: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid black;
    border-radius: 9px;
    cursor: pointer;
    transition: 0.3s;
    margin-left: 4px;
}
.review-block {
    width: 100%;
    min-height: 100px;
    border: 1px solid gray;
    margin-bottom: 10px;
    padding: 10px;
    color: gray;
}
.add-review:hover {
    background: #dddd99;
}
.add-review > span {
    text-align: center;
}

@keyframes promo-anim {
    0% {
	background: #ffeeaa;
	color: black;
    }
    50% {
	background: #ff1122;
	color: blue;
    }
     100% {
	background: #ffeeaa;
	color: black;
     }
}

@keyframes promo-anim-red {
    0% {
	background: #f00;
	color: #333;
    }
    50% {
	background: #a00;
	color: #000;
    }
     100% {
	background: #f00;
	color: #333;
     }
}

.flags .chgprice {
    background: #c5eeea;
    color: #221133;
}

.flags .wyprze {
    background: #ddff44;
    color: #221133;
}

.flags .A {
    background: #eecc00;
    color: #221133;
    
}
.flags .B {
    background: #eeaa00;
    color: #221133;
    
}
.flags .C {
    background: #FF7700;
    color: #221133;
    
}
.flags .D {
    animation: promo-anim-red 1s infinite;
}


.flags .big {
    font-size: 22px;
}

.page-nav {
    width: 100%;
    height: 50px;
    margin-right: auto;
    margin-left: auto;
    
}

.page-nav .next {
    background: #4e5c70;
    padding: 10px;
    display:flex;
    justify-content: center;
    align-items: center;
    color: white;
    transition: 0.5s;
    cursor: pointer;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
.page-nav .next:hover {
    background: #22ccff;
}
.page-nav > * {
    border: 3px solid white;
    border-radius: 6px;
}
.page-nav .left, .page-nav .right {
    background: #4e5c70;
    height:50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    transition: 0.5s;
    cursor: pointer;
    
}

.page-nav .left:hover, .page-nav .right:hover {
    background: #1e2c50;
}
.page-nav .pages {
    display:flex;
    flex-direction: row;
    /* justify-content: center; */
    align-items: center;
    padding: 5px;
    height: 50px;
    overflow-x: auto;
    overflow-y: hidden;
}
.page-nav .pages a {
    font-size: 10px;
    display:flex;
    padding: 2px 10px;
    border: 1px solid gray;
    justify-content: center;
    align-items: center;
    margin: 5px;
    cursor: pointer;
    transition: 0.5s;
    color: black;
}
.page-nav .pages a.selected {
    border: 2px solid black;
}

.page-nav .pages a:first-child {
    margin-left: auto;
}
.page-nav .pages a:last-child {
    margin-right: auto;
}

#mainProducts .page-nav .pages a:hover {
    background: #eee;
    text-decoration: none;
}

.address-reminder {
    transition: 0.3s;
    border: none;
    opacity: 100%;
    max-height: 0px;
    color: rgba(0,0,0,0.5);
    font-size: 12px;
    text-align: center;
    overflow: hidden;
}
.address-reminder.fade {
    opacity: 0%;
}
.address-reminder.enable {
    max-height: 100px;
}


.choose-delivery {
	text-align: center;
	display: flex;
	height: 100%;
	min-height: 200px;
	flex-direction: column;
	justify-content: center;
	color: gray;
}
.promo-points {

    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 5px;
    padding: 30px;
    margin: 10px;
    animation: bg-rainbow 1s infinite;
    transition: 0.1s;
    background: linear-gradient(324deg, #66aaff, #75ff47, #ffe290);
    background-size: 1000% 1000%;

    -webkit-animation: AnimationName 20s ease infinite;
    -moz-animation: AnimationName 20s ease infinite;
    animation: AnimationName 20s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:17% 0%}
    50%{background-position:84% 100%}
    100%{background-position:17% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:17% 0%}
    50%{background-position:84% 100%}
    100%{background-position:17% 0%}
}
@keyframes AnimationName {
    0%{background-position:17% 0%}
    50%{background-position:84% 100%}
    100%{background-position:17% 0%}
}

.delivery-option {
	transition: 0.5s;
	background: white;
}
.delivery-option:hover {
	transition: 0.5s;
	background:rgba(0,0,0,0.1);
}
main > .product h1 {
	font-size: 34px;
	font-weight: normal;
	text-align: center;
	margin: 0;
	/* padding: 20px 0 10px 0; */
}
main > .product .price {
	font-size: 22px;
	color: #999999;
}
main > .product .rrp {
	color: #BBBBBB;
	text-decoration: line-through;
	font-size: 22px;
	padding-left: 5px;
}
main > .product form {
	display: flex;
	flex-flow: column;
	margin: 40px 0;
}
main > .product form input[type="number"] {
	width: 400px;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	color: #555555;
	border-radius: 5px;
}


.products-logo {
	display: block;
	font-weight: normal;
	margin: 0;
	padding: 40px 0;
	font-size: 24px;
	text-align: center;
	width: 100%;
}
main > .products .buttons {
	text-align: right;
	padding-bottom: 40px;
}
main > .products .buttons a {
	display: inline-block;
	text-decoration: none;
	margin-left: 5px;
	padding: 12px 20px;
	border: 0;
	background: #4e5c70;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
}
main > .products .buttons a:hover {
	background: #434f61;
}
.product-form {
    padding-bottom: 50px;
}
.cat-name {
    font-size: 0.9rem;
}
.category {
        font-family: kanitregular;
	height: 100px;
	background: #dddddd;
	color: #222222;
	text-align: center;
	/* margin: 2%; */
	border-radius: 5px;
	font-weight: bold;

	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100px;
}
.megamenu-element {
	/* background: #dddddd; */
	font-weight: bold;
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	height: 120px;
	margin:10px;
}
.megamenu-element.small {
    min-height: 30px;
    height: initial;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 20px;
    border-top: 1px dotted gray;
    flex:1;
    text-align:center;
	 
}

.megamenu-element.title {
    height: initial;
    min-height: 60px;
    justify-content: center;
    align-items: center;
    margin: 0;
    flex:1;
    text-align:center;
}
.megamenu-element.bottom {
    padding-bottom: 30px !
}
.megamenu-element.right {
    border-left: 1px solid gray;
    background: rgba(255,255,0,0.1);
}
.megamenu-element.left {
    border-right: 1px solid gray;
    background: rgba(21,128,12,0.1);
}
.bg-green {
    background: rgba(21,128,12,0.1);
}

.bg-yellow {
    background: rgba(255,255,0,0.1);    
}

.megamenu-element div {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0,0,0,0.5);
    transition: 0.2s;
    /* font-family: arial; */
}
.megamenu-element:hover div {
    color: rgba(0,0,0,1);
}
.megamenu-img {
	height:108px;
	object-fit:contain;
	width: 100%;
	transition: transform 0.5s;
}
.megamenu-img:hover {
	transform: scale(1.05);

	
}
.categoryTree {
    /* background: rgba(100,200,100,0.25); */
    border: 1px #ccc solid;
    padding: 10px;
    border-radius: 5px;
    margin-bottom:15px;
    width: 100%;
}
.categoryTree > a {
    color:black;
    
}
a.category-href:hover{
    text-decoration: none !important;
}
		     
.categories {
    display: flex;
    flex-direction: column;
    align-items: center;

}
.productCategories {
    display: none;
}
.filterClass {
    margin-bottom: 0.5rem;
}
.filters {
    padding: 10px;
}
#reset_filters {
    margin-top: 10px;
    
}
#reset_filters button {
    margin-bottom: 5px;
}
.product-form input[type="submit"], .change-product {
	background: #6f7e92;
	border: 0;
	color: #FFFFFF;
	width: 100%;
	padding: 12px 0;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s;
		   
}


.addColor {
    background: #4e5c70;
    border: 0;
    color: #FFFFFF;
    width: 100%;
    padding: 12px 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
}

.addColorSmall {
    background: #4e5c70;
    border: 0;
    color: #FFFFFF;
    width: 100%;
    padding: 12px 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
}
.addButton {
    width: 100%;
    height: 40px;
    border: gray solid 1px;
    border-radius: 5px;
    opacity: 50%;
    margin-top: 10px;
    color: gray;
    text-align: center;
}

.replacement {
    position: absolute;
    margin-left: 517px;
    margin-bottom: 74px;
    font-size: 15px;
    margin-top: -33px;
	background: white;
	border: 1px solid gray;
	border-radius: 20px;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
}
.cart-name {
	font-size: 12px;
}
.containame {
	width: 90%; /* you mad?? */
}
.transaction-button {
    background: #4e5c70;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    cursor: pointer;
    width: 25%;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;

    padding: 10px 5px;

}


.transaction-button.disabled {
    background: #8e9ca0;
}
.transaction-button.small {
    font-size: 12px;
}
.transaction-span {
	display: inline-block;
	  vertical-align: middle;
	  line-height: normal;
	  text-align: center;
}
.transaction-row {
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	align-items: center;
	padding: 20px;
	opacity: 0%;
	transform: 1s;
}
.transaction-row.show {
    opacity: 100%;
}
.manager-comment {
    color: gray;
    font-size: 16px;
    padding:10px;
    /* background: rgba(0,128,128,0.1); */
}
#remember_me {
	margin:auto;
}
.former {
    border: gray 1px solid;
    padding: 40px;
    border-radius: 15px;
    margin: auto;
	margin-bottom: 20px;
}
.former > textarea {
    width: 100%;
    text-align: center;
	border:1px solid gray;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 5px;
}

.former > input, .formyr {
    width: 100%;
    text-align: center;
	margin-bottom: 5px;
	border: 1px solid gray;
	border-radius: 5px;
	padding: 5px;
}
.former > input[type=submit] {
    text-align: center;
	border-radius: 5px;
	padding: 5px;
	background: aliceblue;
	border: none;
	width: 100%;
}
.individual_trans .unfinalized {
    background-color: rgba(255,255,0,0.2);
}
.individual_trans .cancelled {
    background-color: rgba(32,32,32,0.1) !important;
}
.individual_trans .comission-color {
    background-color: rgba(255,120,120,0.1);
}
.individual_trans .supplement-color {
    background-color: rgba(120,120,255,0.1);
}
.transactions-bmarks > a {
    border: 1px solid gray;
}
.transactions-bmarks > a.active {
    border: 1px solid gray;
}
.transactions-filter {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.transactions-filter form {
    background: #e0dedec4;
    padding: 16px;
    border: solid 1px #5e5e5e6b;
    border-radius: 12px;
}
.oui{
    width: 300px;
}
.transactions-filter > div > span {
    line-height: 34px;
    padding-right: 37px;
}
.oui{
    
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.transactions-filter form div input {
    width: 220px;
    background: #f8f9fa;
    border: #f8f9fa;
    height: 38px;
    color: #999;
    padding: 10px;
}
.transactions-filter form div select {
    display: block;
}
.children-center > * {
    display: flex;
    justify-content: center;
    align-items: center;
}

#products_wait {
	transition: 0.1s;
}

.product-form input[type="submit"]:hover, .change-product:hover {
	background: #434f61;
}

.product-form input[type=submit].bought, .change-product.bought {
    background: #889160; 
}
.product-form input[type=submit].bought:hover .change-product.bought:hover {
    background: #414531; 
}

.product-form input[type="submit"]:disabled {
	background: #aaaaaa;
}
.product-form .info {
    transition: 0.5s;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
    color: #f5cb42;
}
.product-form .info.hide {
    transition: 0.5s;
    color: rgba(0,0,0,0);
    height: 0px;
}


/* .product-img { */
/*     flex: 5; */
/* } */
.img-magnifier-container {
    position: relative;
}

.img-magnifier-glass {
  position: absolute;
  border: 1px solid #000;

  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 200px;
  height: 200px;
  opacity: 0%;
}
.img-magnifier-container:hover .img-magnifier-glass {
    opacity: 100%;
}
.images-wrap {
    height:460px;
    width:100%;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 175px;
}
.image-select {
    /* background: blue; */
    display: flex;
    flex-direction: row;
    /* position:absolute; */
    /* top:360px; */
    padding-top: 10px;
    /* overflow-x: auto; */
    width:100%;
}

.image-select .image {
    width:80px;
    height:80px;
    border: 5px solid gray;
    border-radius: 5px;
    /* padding: 5px; */
    margin: 0 5px;
    transition: 0.5s;
}
.image-select .image.colorization {
    min-width: 80px;
    max-width: 80px;
    background-color: #f6f6f6;
}
.image-select .image:hover {
    border: 5px solid #111111;
}
.product-img {
    height: 450px;
    width:100%;

}
.nav-tabs {
    border: none;
    margin: 0px;
    padding-bottom: 20px;
}
.nav-tabs li {
    background-color: #6f7e92;
    padding:10px;
    margin-right: 10px;
    margin-top: 10px;
    transition: 0.3s;
    
}
.nav-tabs li a {
    font-weight: bold;
      margin-right: 0;
      color:  white;
      padding: 2px 15px;
}

.nav-tabs li.active {
    background-color: #4e5c70;
    /* border-bottom:2px solid #007bff; */
}

.nav-tabs li:hover {
    background-color: #4e5c70;
    
}
.nav-tabs li a:hover{
    text-decoration: none;
}
.nav-link:active, .nav-link:focus { 
  outline: 0;
  border: none;
  -moz-outline-style: none;
}
.number {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 20px;
}
/* .number span { */
    
/*     background: #fff222; */
/*     cursor:pointer; */
/* } */
#waitMessage {
    padding: 10px;
    text-align: center;
}
#minus, #plus{
    color: white;
    width: 100%;
    height: 50px;
    background: #6f7e92;
    border:1px solid #ddd;
    text-align: center;
    transition: 0.3s;
}
#minus:hover, #plus:hover{
    background: #4e5c70;
}
.addColorButton {
    color: white;
    width: 100%;
    /* height: 50px; */
    background: #4e5c70;
    border:1px solid #ddd;
    text-align: center;
}
    
.number input{
    height: 50px;
    width: 100%;
    text-align: center;
    font-size: 26px;
    border:1px solid #ddd;
    border-radius:4px;
    display: inline-block;
    vertical-align: middle;
}
.product-price{
    display: block;
    font-size: 22px;
    color: #999999;
    padding-bottom: 10px;
    
    
}
.product-prom{
    color: #BBBBBB;
    text-decoration: line-through;
    font-size: 22px;
    padding-left: 5px;
}
.menusub {
    padding: 5px !important;
}
.status {
	font-size: 12px;
	padding: 10px;
}
.price-placeorder {
	font-size: 12px;
	text-align: left !important;
}

main .cart h1 {
	display: block;
	font-weight: normal;
	margin: 0;
	padding: 40px 0;
	font-size: 24px;
	text-align: center;
	width: 100%;
}

.payments .show-transaction {
    background: aliceblue;
    border: black 1px solid;
    border-radius: 5px;
    padding: 3px 12px;
    cursor: pointer;
    transition: 0.5s;
}
.payments .show-transaction:hover {
    background: #eeccaa;
}
.subtotal > table {
    width: 50% !important;
    float: right;
    margin-bottom: 10px;
    
}
#free-delivery {
    clear: both;
    width: 50% !important;
    float: right;
    margin-bottom: 10px;
    display: none;
}
.subtotal td,.subtotal th {
    border: 1px solid #eeeeee;
    text-align: center !important;
    
}
main .cart table {
    width: 100%;
}
main .cart table thead td {
    padding: 30px 0;
    border-bottom: 1px solid #EEEEEE;
}
main .cart table thead td:last-child {
    text-align: right;
}
main .cart table tbody td {
    padding: 20px 0;
    border-bottom: 1px solid #EEEEEE;
}

main .cart table tbody td:last-child:not(.comment) {
    text-align: right;
    padding: 20px 5px;
}
main .cart table tbody td:first-child:not(.comment) {
    padding: 20px 5px;
}
main .cart table tbody .comment {
    text-align: center;
}
main .cart table tbody .comment h1 {
    padding: 0;
    font-size: 15px;
    font-weight: bold;
}
main .cart table .img {
	width: 80px;
}
main .cart table .remove {
	color: #777777;
	font-size: 12px;
	padding-top: 3px;
}
main .cart table .remove:hover {
	text-decoration: underline;
}
main .cart table .price {
	color: #999999;
	display: table-cell;
	text-align:right;
}
main .cart table a {
	text-decoration: none;
	color: #555555;
}
main .cart table input[type="number"] {
	width: 68px;
	border: 1px solid #ccc;
	color: #555555;
	border-radius: 5px;
}

main .cart .subtotal {
    margin-top: 20px;
    text-align: right;
    display: flex;
    flex-direction: row;

}
main .cart textarea {
    flex: 50%;
    padding: 10px;
}
main .cart .subtotal .text {
	padding-right: 40px;
	font-size: 18px;
}
main .cart .subtotal .price {
	font-size: 18px;
	color: #999999;
	display: inherit !important;
}
main .cart .subtotal > * {
    height: 145px;
}
main .cart .subtotal > *:last-child {
    margin-left: 6px;
}
main .cart .subtotal > *:first-child {
    margin-right: 6px;
}
    

main .cart .buttons {
	text-align: right;
	padding-bottom: 40px;
	clear:both;
}
main .cart .buttons input[type="submit"], .cart .buttons a, a.yar {
	margin-left: 5px;
	padding: 12px 20px;
	border: 0;
	background: #4e5c70;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	border-radius: 5px;
	text-decoration: none;
}
a.yar {
    padding: 12px 40px;
}
.cart .buttons a:hover {
    color: white;
    text-decoration: none;
}
main .cart .buttons input[type="submit"]:disabled {
    background: gray !important;
}
main .cart .buttons input[type="submit"]:hover {
	background: #4e5c70;
}

main .placeorder h1 {
	display: block;
	font-weight: normal;
	margin: 0;
	padding: 40px 0;
	font-size: 24px;
	text-align: center;
	width: 100%;
}
main .placeorder p {
	text-align: center;
}

.paczkomat-select {
    text-align: center;
    background: rgba(128,128,255,0.5);
    color: black;
    padding: 10px;
    width:50%;
    margin: 0px auto;
    border-radius: 5px;
    transition: 0.5s;
}
.paczkomat-select:hover {
    background: rgba(128,128,255,0.8);
    cursor: pointer;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
    
}
.paczkomat-select.win {
        background: rgba(28,200,28,0.5);
}


.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  margin-left: 16px;
  margin-right: 16px;
  padding: 20px 0px;
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}
.mobile-search {
	flex: 5;
}
#searchResultsMobile {
	position: absolute;
}
#mainProducts {
	transition: 0.5s;
}
#mainProducts  > a:hover {
	text-decoration: none;
	
}
.search-result > .row > .col-4 > img {
	width: 50%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	object-fit: contain;
}
.search-result {
	height:75px;
}
.search-result .search-small {
    font-size: 10px;
    color: gray;
}
/* loader */
.loadingIndicatorWrapper {
	position: absolute;
    background: white;
    border: 1px outset gray;
    border-radius: 100px;
    padding: 5px;
}
.loadingIndicatorWrapperSmall {
    transform:scale(0.4);
    margin-top: -22px;
}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #000000;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
.scrollGlobal{
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  position: relative;
}

#relatedCarousel .carousel-inner {
    border: 5px solid rgba(0,0,0,0.1);
    border-radius: 5px;
}
#relatedCarousel .carousel-control-next {
    right: 10px;
}


#relatedCarousel .carousel-control-prev {
    left: 10px;
}


@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (min-width: 1350px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1340px;
    }
}
@media (max-width: 976px) {
    .featured .wrap span {
	--size-title: 32px;
	width: 100% !important;
	text-align: center !important;
	top: calc(50% - var(--size-title) * 0.5) !important;
	left:0 !important;
    }
    
     .row.text-sm {
	 font-size: 12px;
     }
     .featured .left .wrap span {
	 top: calc(50% - var(--size-title)) !important;
     }
     .search-result {
	 height: initial;
	 min-height: 75px;
	 max-height: 125px;
	 font-size: 12px;
     }
}
@media (max-width: 768px) {
    .recentlyadded .name {
	font-size: 1rem;
    }
    #free-delivery {
	clear: both;
	width: 100% !important;
	float: right;
	margin-bottom: 10px;
	display: none;
    }
    .subtotal > table {
	width: 100% !important;
    }
	
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
  .fixed-top-sm {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1030;
  }
  body {
      /* padding-top: 10px; nie wiem po co to */
  }
  container-nav {
    padding: 0;
  }
  .navbar-brand img {
    height: 40px;
  }
  header {
      position: relative;
  }
  #secondNav {
	position:sticky;
	top: 0;
	z-index: 1020;
	}
	.carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }	
    .transaction-row {
	flex-direction: column;
	height: 300px;
    }
    .transaction-row.single {
	height: 100px;
    }
    
    .transaction-button {
	font-size: 12px;
	width: 100%;
    }
    .mobile-resize {
	display: flex;
	justify-content: center;
    }
    .product-img {
	height: 360px;
	width: 100%;
    }
    .name {
	font-size: 2rem;
	padding: 20px 0;
    }
    .product div .name {
	font-size: 1rem;

    }
         main .cart .subtotal {
	 flex-direction: column;
     }
     main .cart .subtotal > *:last-child {
	 margin-left: 0px;
	 margin-top: 6px;
	 
     }
     main .cart .subtotal > *:first-child {
	 margin-right: 0px;
	 margin-bottom: 6px;
     }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}
@media (min-width: 768px) {
	.scrollGlobal{
	  white-space: inherit;
	  display: inherit;
	}
	.scrollGlobal a{
		margin-top: 10px;
	}
    
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33.333%);
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33.333%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}


.mt-100 {
    margin-top: 200px
}
.min-progress-cart {
    transition: 0.1s;
    background: linear-gradient(324deg, #66aaff, #75ff47, #ffe290);
    background-size: 1000% 1000%;
    -webkit-animation: AnimationName 20s ease infinite;
    -moz-animation: AnimationName 20s ease infinite;
    animation: AnimationName 20s ease infinite; 
}

.progress-cir {
    width: 150px;
    height: 150px !important;
    float: left;
    line-height: 150px;
    background: none;
    margin: 20px;
    box-shadow: none;
    position: relative
}

.progress-cir:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0
}

.progress-cir>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.progress-cir .progress-left {
    left: 0
}

.progress-cir .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0
}

.progress-cir .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.progress-cir .progress-right {
    right: 0
}

.progress-cir .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    -webkit-transform: rotate(var(--fir));
    transform: rotate(var(--fir))
}

.progress-cir .progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #000;
    font-size: 24px;
    color: #fff;
    line-height: 135px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%
}

.progress-cir.blue .progress-bar {
    border-color: #049dff
}

.progress-cir.blue .progress-left .progress-bar {
    -webkit-transform: rotate(var(--sec));
    transform: rotate(var(--sec));
}

.progress-cir.yellow .progress-bar {
    border-color: #fdba04
}

.progress-cir.yellow .progress-right .progress-bar {
    animation: loading-3 1.8s linear forwards
}

.progress-cir.yellow .progress-left .progress-bar {
    animation: none
}




.min-progress-cir {
    width: 75px;
    height: 75px !important;
    float: left;
    line-height: 75px;
    background: none;

    box-shadow: none;
    position: relative
}

.min-progress-cir:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0
}

.min-progress-cir>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.min-progress-cir .min-progress-left {
    left: 0
}

.min-progress-cir .min-progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0
}

.min-progress-cir .min-progress-left .min-progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.min-progress-cir .min-progress-right {
    right: 0
}

.min-progress-cir .min-progress-right .min-progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    -webkit-transform: rotate(var(--fir));
    transform: rotate(var(--fir))
}

.min-progress-cir .min-progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #000;
    font-size: 20px;
    color: #fff;
    line-height: 66px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%
}

.min-progress-cir.blue .min-progress-bar {
    border-color: #049dff
}

.min-progress-cir.blue .min-progress-left .min-progress-bar {
    -webkit-transform: rotate(var(--sec));
    transform: rotate(var(--sec));
}

.min-progress-cir.yellow .min-progress-bar {
    border-color: #fdba04
}

.min-progress-cir.yellow .min-progress-right .min-progress-bar {
    animation: loading-3 1.8s linear forwards
}

.min-progress-cir.yellow .min-progress-left .min-progress-bar {
    animation: none
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(var(--fir));
        transform: rotate(var(--fir))
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(var(--sec));
        transform: rotate(var(--sec))
    }
}

.progress-text {
    position: absolute;
    line-height: 24px;
    top: 28%;
    left: 21%;
}