@import url('https://fonts.cdnfonts.com/css/rajdhani');
h1, h2, h3, h4, h5, h6, p{
	font-family: 'Rajdhani', sans-serif;
}
html, body{
	width:100%;
	height:100%;
}
.logoTitle{
	padding-top:2%;
	color:#fff;
}
nav p{
	color:#fff;
}
.flex-center{
	display: flex !important;
  	align-items: center;
  	justify-content: center;
}
nav.navbar{
	background:url('/img/navBg.png') repeat-x;
	background-size:auto 100%;
}
ul.nav{
	display:block;
	float:left;
	font-family: 'Rajdhani', sans-serif;
}
ul.nav li{
	display:block;
	float:right;
	margin:10px;
}
div.col-md-4, .col-md-2, .col-md-3, .col-md-6, .col-md-8, .col-md-9, .col-md-10, .col-md-12{
	float:left;
	display:block;
}
div.bgVideo{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:#000;
}
footer{
    width: 100%;
    bottom: 0;
    padding: 1%;
    opacity: 0.5;
}
img.col-md-4{
	float:left;
}
nav a{
	color: #fff;
    display: block;
    font-family: "Rajdhani", sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
    line-height: 50px;
    padding: 0 10px;
    text-align: left;
	text-transform: uppercase;
	-webkit-transition: all 1s ease-out;
  	-moz-transition: all 1s ease-out;
  	-o-transition: all 1s ease-out;
  	transition: all 1s ease-out;
}
nav a:hover{
	color:#3fade2;
	text-decoration:none;
}
ul.dropdown-menu.show li a{
	color:#424242;
}
ul.dropdown-menu.show li a{
	-webkit-transition: all 1s ease-out;
  	-moz-transition: all 1s ease-out;
  	-o-transition: all 1s ease-out;
  	transition: all 1s ease-out;
}
ul.dropdown-menu.show li:hover a{
	color:#fff;
	background:#3fade2;
}
ul.dropdown-menu.show {
	padding:0;
	border:0;
    position: absolute;
	width: max-content;
	background-color:#fff;
}
ul.dropdown-menu.show {
    padding: 0;
    border: 0;
    position: absolute;
    width: max-content;
    background-color: #fff;
}
ul.dropdown-menu.show li{
	padding:0;
	margin:0;
	display:block;
	clear:both;
	width: -webkit-fill-available;
	-webkit-transition: all 1s ease-out;
  	-moz-transition: all 1s ease-out;
  	-o-transition: all 1s ease-out;
  	transition: all 1s ease-out;
}
ul.dropdown-menu.show li:hover{
	background:#fff;
}
.videoBG{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
nav.navbar.navbar-default.static {
    background-color: rgba(0, 0, 0, 0.8);
    background-image: none;
}
.col-md-12.trescPodstrona {
    padding-top: 5%;
}
div.row{
	max-width:100%;
}
div.contentPodstrona{
	padding-top:5%;
}
form.col-md-4{
	display:block;
	float:right;
	margin-top:5%;
}
input.btn.doKoszyka{
	background:#3e3e3e;
	color:#fff;
	-webkit-transition: all 0.5s ease-out;
  	-moz-transition: all 0.5s ease-out;
  	-o-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;
}
input.btn.doKoszyka:hover{
	color:#3e3e3e;
	background:rgb(0 123 255 / 10%);;
}
a.btn.doKoszyka{
	background:#3e3e3e;
	color:#fff;
	-webkit-transition: all 0.5s ease-out;
  	-moz-transition: all 0.5s ease-out;
  	-o-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;
}
a.btn.doKoszyka:hover{
	color:#3e3e3e;
	background:rgb(0 123 255 / 10%);;
}
h3.inneOpcje{
	width:100%;
	text-align:center;
	padding-top:5%;
	padding-bottom:1%;
}
h3.inneOpcje:after{
	
	border-bottom:solid 1px #424242;
}
h3.inneOpcje hr{
	width:30%;
	margin-left:auto;
	margin-right:auto;
	height:1px;
	background:#fcfcfc;
}
.inneKategoria h4{
	text-align:center;
}
.inneKategoria h4 a{
	text-decoration:none;
	color:#424242;
	-webkit-transition: all 0.5s ease-out;
  	-moz-transition: all 0.5s ease-out;
  	-o-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;
}
.inneKategoria .col-md-3:hover h4 a{
	color:#3fade2;
}
.inneKategoria h5.title{
	text-align:center;
}
label #odejmij_ilosc{
	float:left;
}
label #dodaj_ilosc{
	float:right;
}
.table td, .table th{
	vertical-align: initial !important;
}
.table td {
    border: 0;
}
a.logop24 img:hover{
	transform: scale(0.9);
}
.idzGora{
	float: right;
    position: fixed;
    right: 2%;
    bottom: 2%;
    font-size: 45px;
	padding: 0.5%;
    background: #fff;
	border-radius: 20%;
    opacity: 0.7;
}
.col-md-12.blogWpis:hover{
	opacity:0.8;
}
.blogWpis a {
    color: #3e3e3e;
    text-decoration: none;
	-webkit-transition: all 0.5s ease-out;
  	-moz-transition: all 0.5s ease-out;
  	-o-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;
}
.blogWpis a:hover {
    font-size: 105%;
}
.wczytywanie{
	width:100%;
	height:100%;
	position:fixed;
	text-align:center;
	background-color:#f1f2f3;
	z-index:999;
}
.wczytywanieAnimacja{
	width:64px;
	height:64px;
}
.produktKategoria{
	float: unset;
    display: inline-block;
	-webkit-transition: all 0.5s ease-out;
  	-moz-transition: all 0.5s ease-out;
  	-o-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;
}
.produktKategoria:hover{
	transform: scale(1.1);
}
.produktKategoria div.title{
	margin-right: auto;
    margin-left: auto;
    position: absolute;
    bottom: 0;
	opacity:0.4;
	background: #000;
    color: #fff;
    padding: 1% 2%;
	-webkit-transition: all 0.5s ease-out;
  	-moz-transition: all 0.5s ease-out;
  	-o-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;
}
.produktKategoria:hover div.title{
	opacity:1;
}
.title.drzewko{
	color: #fff;
    padding: 5%;
    background: url(/img/trojkat.jpg);
    background-position: left;
    background-color: #3e3e3e;
    background-size: auto 100%;
    background-repeat: no-repeat;
	text-align:right;
	margin-bottom:0;
}
.drzewkoLista{
	padding:0;
}
.drzewkoLista p{
	padding:10%;
	margin:0;
}
.drzewkoLista p a{
	text-decoration: none;
	color:#3e3e3e;
	width:100%;
}
.drzewkoLista p a:hover{
	color:#3e3e3e;
}
.drzewkoLista .linia{
	width:30%;
	margin-left:auto;
	margin-right:auto;
	height:0.1px;
	background:#3e3e3e;
    opacity: 0.2;
    margin-bottom: 5%;
}
p.produkt {
    background: #eee;
    clear: both;
    padding: 5%;
    color: #000;
    font-size: 14pt;
    font-style: italic;
}
h5.tytulDostawa{
    color:#3e3e3e;
}
.boxDostawa{
    padding-top:3%;
    height:250px;
    display:flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease-out;
  	-moz-transition: all 0.5s ease-out;
  	-o-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;
}
.boxDostawa:hover{
    border:solid 1px #3e3e3e;
}
.boxDostawa img{
    -webkit-transition: all 0.5s ease-out;
  	-moz-transition: all 0.5s ease-out;
  	-o-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;
}
.boxDostawa h5{
    -webkit-transition: all 0.5s ease-out;
  	-moz-transition: all 0.5s ease-out;
  	-o-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;
}
.boxDostawa:hover img{
    transform: scale(0.9);
}
.boxDostawa:hover h5{
    color:#0078c2;
    font-size:12pt;
}
.boxDostawa h6{
    -webkit-transition: all 0.5s ease-out;
  	-moz-transition: all 0.5s ease-out;
  	-o-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;
}
.boxDostawa:hover h6{
    color:#0078c2;
    font-size:18pt;
}
div#paczkomatPodpowiedzi{
    max-height:200px;
    overflow-y:auto;
    cursor:pointer;
}
div#paczkomatPodpowiedzi .podpowiedz:hover{
    background:#99dcf5;
    
}
div#paczkomatPodpowiedzi .podpowiedz{
    border: solid 1px #e3e3e3;
    padding: 5%;
    overflow-y: auto;
    max-height: 200px;
    background: #d6e6ec;
    border-bottom: solid 1px #fff;
}
div#ruchPodpowiedzi{
    max-height:200px;
    overflow-y:auto;
    cursor:pointer;
}
div#ruchPodpowiedzi .podpowiedzRUCH:hover{
    background:#99dcf5;
    
}
div#ruchPodpowiedzi .podpowiedzRUCH{
    border: solid 1px #e3e3e3;
    padding: 5%;
    overflow-y: auto;
    max-height: 200px;
    background: #d6e6ec;
    border-bottom: solid 1px #fff;
}
div.podpowiedzOpis{
    background: #e9eef0;
    padding: 2%;
    color: darkgray;
}
.wyborBank:hover{
    border:solid 1px #3e3e3e;
    cursor:pointer;
}
.wyborBank.active{
    border:solid 1px #dbdbdb;
    box-shadow: 2px 2px 15px #dbdbdb;
}
div#cenaZamowienie{
	position:fixed;
	bottom:0;
	left:1%;
	opacity:0.7;
}
p.dodajWartosc{
	cursor: pointer; 
	background:#b7e9d4; 
	padding:5%;
}
#pokazInfoGabaryt{
    position: fixed;
    left: 35%;
    top: 35%;
    width: 30%;
    height: 30%;
    text-align: center;
    background: #fff;
    padding: 5%;
    border: solid 1px #3e3e3e;
    opacity:1;
    display:none;
}
#tloInfoGabaryt{
    position:fixed;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.4;
    display:none;
}
#uploadZdjec{
    border: 2px dashed #0087F7;
    border-radius: 5px;
    background: white;
    opacity:0.5;
    cursor:pointer;
}
.dropzone{
    border:none !important;
}
.doKoszyka2{
    background: #fff;
    border-color: #444;
    color: #333;
    -webkit-transition: all 1s ease-out;
  	-moz-transition: all 1s ease-out;
  	-o-transition: all 1s ease-out;
  	transition: all 1s ease-out;
}
.doKoszyka2:hover{
    background:#333;
    color:#fff;
    border-color:#222;
}
.col-md-6.wybierzPlatnoscBankiem.active {
    border-left: solid 1px;
}
.col-md-6.wybierzPlatnoscPrzyOdbiorze{
    background:lightgrey;
    cursor:pointer;
}
.mobile{
    position: fixed;
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    background: rgb(0, 0, 0, 0.95);
    z-index: 999999999;
}
.mobile ul li{
    list-style: none;
}
.mobile ul{
    list-style: none;
}
.mobile li {
    list-style: none;
}
@media only screen and (min-width: 1001px){
    .mobile{
        display:none;
    }
    .onlyMob{
        display:none !important;
    }
    .mobileOff{
        display:block;
    }
}
@media only screen and (max-width: 1000px){
    ul.notMobile{
        display: none !important;
    }
    ul.dropdown-menu li a{
        color:#333;
        font-size:18pt;
    }
    .mobile a{
        font-size:18pt;
    }
    .mobile{
        overflow-y: scroll;
    }
    .dropdown-menu {
        display: block;
        position: initial;
        background: rgba(255, 255, 255, 0.4);
    }
    .mobileOff{
        display:none !important;
    }
}
.warstwaFotUsera{
    position:absolute;
    top:0;
    left:0;
    z-index: 101;
    width: 100%;
}
.imgStronaKalendarza{
    position: absolute;
    z-index: 201;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0;
}
.min1000{
    min-height: 1000px;
}
.modal-dialog {
    position: absolute;
    width: 50%;
    right: 0;
}
.noBorder{
    border:none;
}
.fotaUsera{
    max-width:100%;
    max-height:100%;
    object-fit: cover;
    position:absolute;
    top:0;
    left:0;
    z-index: 102
}
.podpowiedzDostawa{
    cursor: pointer;
}
.podpowiedzDostawa:hover{
    background: rgba(3, 3, 3, 0.1);
}
.bgGora{
    background: #fff;
    position: relative;
    z-index: 9999999;
}
.modal-120w{
    position: fixed !important;
    bottom: 0;
    left: 0;
    max-width: none;
    width: 100%;
    max-height: 40%;
}
#logoWrapper{
    z-index: 300;
    position: absolute;
}
#tekstyWrapper{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 300;
}
.tekstBox div{
    cursor: pointer;
    border-color: #333;
    border: solid 1px #333;
    padding:5px;
    font-size:12px !important;
    -webkit-transition: all 1s ease-out;
  	-moz-transition: all 1s ease-out;
  	-o-transition: all 1s ease-out;
  	transition: all 1s ease-out;
}
.tekstBox div:hover{
    background-color: #333;
    color:#fff;
}
.max50{
    max-width: 50%;
}