@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

@font-face {
    font-family: 'janna';
    src: url('../otf/janna.woff2') format('woff2'),
         url('../otf/janna.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#modal-baner img {
    border: solid 1px white;
}

#main_nav.transparent {
	background: transparent !important;
}

body {
    min-height: 100vh;    
    max-width: 100vw;
    color: #3d3d3d;
    font-family: 'Roboto Condensed', sans-serif;

}

.file_div .img-wrapper {
	display: table-cell;
    vertical-align: middle;
}



a {
    outline : none;
    color: #3d3d3d;
    
}
a:hover {
    text-decoration: none;
    color: #3d3d3d;
}

a img {outline : none;}

.navbar-brand h1 {
    font-size: 70px;
    text-align: justify;
    font-family: 'janna';
}

h1 {
    font-family: 'Roboto Condensed';
    font-size: 29px;
	word-wrap: break-word !important;
    white-space: normal;
}

.price_before {
	color: #585858;
    text-decoration: line-through;
    display: block;
}

.normal_price {
	color: #585858;
}

.price_after {
 color: #c01616;
 
}

.fixed-top {
    z-index: 19999 !important;
}

*:focus{
    outline: none !important;  <img class="img-fluid" src="upload/{{menu_baner.gallery.files[0].filename }}" />
}


footer {
    background: #343A40;
    padding-top: 20px;
    color: white;
    
}


footer h4 {
    font-size: 35px;
    text-transform: uppercase;
    padding-bottom: 20px;
}

#kategorie .kategoria .img-wrapper {
	border: solid 1px #C7C7C7;
}

.img-wrapper .fa-image {
	margin-top: 50px;
}

#mapa {
	width: 100%;
	height: calc(100vh - 300px)
}

footer span{
    color: white;
    display: block;
    font-size: 14px;
    word-break: break-all;
    white-space: pre-line;
    
}

footer p {
	font-size: 14px;
}

footer a, footer a:hover {
    color: white;

}

footer h4 {
    margin-left: -2em;
    font-size: 28px;
}

footer .col {
    padding-right: 100px;
}

footer h5 {
    width: 100%;
    border-bottom: solid 1px white;
    padding-bottom: 15px;
}

footer h5:after {
    margin-top: 15px;
}

.filia {
	margin-bottom: 20px;
}

.sytuacja {
	color: #DE9E09
}

button#fb, button#pinit {
	border: none;
	background: none;
}

i.icon-fb {
	width: 29px;
	height: 29px;
	margin-top: 4px;
	cursor: pointer;
	display: inline-block;
	background-image: url('../img/ico_fb.png');
}

i.icon-pinit {
	width: 56px;
	height: 28px;
	margin-top: 4.5px;
	cursor: pointer;
	display: inline-block;
	background-image: url('../img/pinit.png');
}


#baner {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	position:relative;
}

#baner img {
	width: 100%;
	max-width: 100%;
}

.container {
	width:95vw !important;
	max-width: 95vw !important;
}

.img-wrapper img {
    max-width:100%;
    max-height: 100%;
    height:auto;
   
}

.img-wrapper {
    position: relative;
    padding-bottom: 0%;
    overflow: hidden;
    width: 100%;
    height: 200px;
    
}

.file_div .sale {
	position: absolute;
	left: -5px;
	top: 23%;
}

.sale {
	font-weight: bold;
    background: #c01616;
    color: white;
    padding: 2px 5px;
}

.img-wrapper i {
    font-size: 80px;
    max-width:100%;
    max-height: 100%;
    height:auto;
}


.breadcrumb
{ 
	/*background: #EAE1CF;*/
	background: white;
}

h3 {
	font-size: 1rem !important;
}

.navbar-brand h3 {
    display: block;
    font-size: 1.5rem !important;
    float: right;
    margin-top: -12px;
    font-family: 'janna';
}

#main_nav:not(.transparent) h1 {
	font-size: 40px;
}

#main_nav:not(.transparent) h3 {
	font-size: 0.9rem !important;
}

.file_div h3 {
	font-size: 0.9rem !important;
	word-break: break-all;
    
}


h3.price {
	font-size: 1.25rem !important;
	
}


.file.container .img-wrapper {
	height: unset;
	display:block;
}

.file.container  span {
	display: block;
	word-wrap: break-word !important;
    white-space: normal;
}

#search {
	width: 40vw;
	border-radius: 0;
}

#content {
	/*min-height: calc(100vh - 144px);*/
}

#search_btn:hover {
	background: white;
	color: black;
}

.fa-file-pdf-o, .help-block.with-errors {
	color: #c92a2a;
}

#scrollTop i {
    margin-top: 8px;
}
#scrollTop {
    position: fixed;
    right :5px;
    cursor:pointer;
    display:none;
    bottom: calc(10vh - 25px);
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 22px;
    background: #3d3d3d;
    color: white;
	z-index: 999;
}

.autocomplete-items {
    position: relative;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99999 !important;
    top: 100%;
    left: 0px;
    right: 0;
    overflow: hidden;
    background: white;
}


.autocomplete {
    position: relative;
    display: inline-block;
    z-index: 99999 !important;

}

.navbar .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99999 !important;
    top: 38px;
    left: 0px;
    width: calc(100% - 8px);
    right: 0;
    overflow: hidden;
    background: white;
}
.autocomplete-items div {
    padding: 0px 8px;
    cursor: pointer;
    background-color: #fff;
    width: 100%;
    z-index: 99999 !important;
}
.autocomplete-items div:hover, .autocomplete-items div:hover > div  {
    background-color: #e9e9e9;
    color: #3d3d3d;
}

.autocomplete-active {
    background-color: #e9e9e9 !important;
    color: #3d3d3d;
    z-index: 99999;
}

#searchautocomplete-list {
    min-height: 0px;
    max-height: 626px;
    overflow-y: scroll;
    background: white;
    border-bottom: solid 1px #d4d4d4;
    z-index: 999999 !important;
}

.autocomplete-items div:hover div {
    background-color: #e9e9e9;
    color: #3d3d3d;
}

*:focus{
    outline: none !important;
}

.autocomplete-img {
	max-width: 100%;
	max-height: 125px;
}

.autocomplete-thumb {
	height: 125px;
	line-height: 125px;	
}

.autocomplete-name {
	line-height: 125px;
}
.autocomplete-name p {
	display: table-cell;
	vertical-align: middle;
	height: 125px;
	line-height: 15px;	
}


.autocomplete-thumb i {
	font-size: 45px;
	display: block;
	margin-top: 42px;
}

.chk_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.chk_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

.pdf_list_preview {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 9999999 !important;
	top: 0;
}

.file_div:hover .pdf_list_preview {
	display: block;
	border: dotted 1px;
}

span.count {
	font-size: 12px;
}

.file_div a, .file_div img {
	z-index: 1 !important;
}

.pdf_list_preview img {
	z-index: 9999999 !important;
}

/* On mouse-over, add a grey background color */
.chk_container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chk_container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.chk_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.chk_container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#kanapy_tapicerowane {
	position: absolute;
	right: 100px;
	bottom: 10px;
	font-family: janna;
	color: white;
}

#kanapy_tapicerowane h1 {
	font-size: 48px;
}

#modal-baner {
    z-index: 999999 !important;

}

#modal-baner .modal-lg {
    max-width: 95vw;
    max-height: 95vh;
    padding:0;
    background: none;
}

#modal-baner .modal-content {
    background:none;
    border: none;
    width: auto;
}

#modal-baner .close_modal {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 9999999;
    top: 0%;
    right: 0%;
    width: 80px;
    height: 80px;
    background-position: 30px 50%;
    background-size: 20px 20px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyMTIuOTgyIDIxMi45ODIiPjxwYXRoIGZpbGw9IiMwMDAwMDAiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDsiIGQ9Ik0xMzEuODA0LDEwNi40OTFsNzUuOTM2LTc1LjkzNmM2Ljk5LTYuOTksNi45OS0xOC4zMjMsMC0yNS4zMTJjLTYuOTktNi45OS0xOC4zMjItNi45OS0yNS4zMTIsMGwtNzUuOTM3LDc1LjkzN0wzMC41NTQsNS4yNDJjLTYuOTktNi45OS0xOC4zMjItNi45OS0yNS4zMTIsMGMtNi45ODksNi45OS02Ljk4OSwxOC4zMjMsMCwyNS4zMTJsNzUuOTM3LDc1LjkzNkw1LjI0MiwxODIuNDI3Yy02Ljk4OSw2Ljk5LTYuOTg5LDE4LjMyMywwLDI1LjMxMmM2Ljk5LDYuOTksMTguMzIyLDYuOTksMjUuMzEyLDBsNzUuOTM3LTc1LjkzN2w3NS45MzcsNzUuOTM3YzYuOTg5LDYuOTksMTguMzIyLDYuOTksMjUuMzEyLDBjNi45OS02Ljk5LDYuOTktMTguMzIyLDAtMjUuMzEyTDEzMS44MDQsMTA2LjQ5MXoiLz48L3N2Zz4K');
    background-repeat: no-repeat;
    filter: grayscale(1) brightness(2);

}


#modal-baner .modal-lg img {
    max-width: 95vw;
    max-height: calc(95vh - 50px);

}

.modal-backdrop {
   opacity:0.7 !important;
   z-index: 99999;
}

.lb{display: none}

#kanapy_tapicerowane h3 {
	font-size: 21px !important;
	margin-right: 45px;
}

.modal {
	z-index: 9999999;
}

.imageview .image img {
	border: solid 1px white;
}

.imageview .thumbnails_div {
	display:none;
}

.imageview .prev, .imageview .next {
	transform: scale(2.5);
}


@media (max-width: 767px) {
	.img-wrapper {
	display: table-cell;
    vertical-align: middle;
   
	}
	
	.file_div .sale {
	position: static;
	
}
	
	.breadcrumb
	{
		display: none; 
	}
	
	.container h1 {
		margin-top: 30px;
	}
	
	.imageview .title {
	top: 8.5% !important;
	left: 7% !important;
	width: 93% !important;
	line-height: 22px !important;
	}
	
#modal-baner .close_modal {
    right: 5px;
    top: 5px;
    top: 0%;
    right: 1%;
    width: 50px;
    height: 50px;

	}
	
	
	#search {
		width: 100% !important;
	}
	.autocomplete {
	display: block;
	
	}
	
	#baner {
	margin-top: 72px;
	}
	
	#main_nav.transparent {
		background-color: #343a40 !important
	}
	
	#main_nav {
	background-color: #343a40 !important
	}
	
	.navbar .autocomplete-items {
		width: 100%;
	}
	.napis {
	   display:none;
	}
	
	#kanapy_tapicerowane {
	right: 10px;
	bottom: 10px;
	font-family: janna;
	color: white;
}

#kanapy_tapicerowane h1 {
	font-size: 38px;
}

#kanapy_tapicerowane h3 {
	font-size: 21px !important;
	margin-right: 40px;
}
	
	
}


@media (min-width: 990px) {
	.imageview .prev{
	background-position: 56px 50% !important;
	left: 160px !important;
	}
	.imageview .next{
	background-position: -4px 50% !important;
	right: 160px !important;
	}
	
}

@media (max-width: 990px) {
	#kanapy_tapicerowane {
		right: 15px;
		bottom: 1px;
	}
	#g_bg {
		margin-top: 12px;
	}
	
		.imageview .prev, .imageview .next {
	transform: scale(1);
}
}

@media (max-width: 886px) {
	.navbar-brand h1 {
		font-size: 58px;
	}
	.navbar-brand h3 {
		font-size: 1.3rem !important;
	}
	#kanapy_tapicerowane h1 {
		font-size: 38px;
	}
	
	#kanapy_tapicerowane h3 {
		margin-right: 37px;
		font-size: 19px;
	}
	
	.imageview .prev, .imageview .next {
		height: 100px !important;
		bottom: 30px !important;
	}
	
}

@media (max-width: 768px) {
	
	.autocomplete-img {
	max-width: 100%;
	
}

.autocomplete-thumb {
	height: 50px;
	line-height: 50px;	
}

.autocomplete-name {
	line-height: 50px;
}
.autocomplete-name p {
	display: table-cell;
	vertical-align: middle;
	height: 50px;
	line-height: 15px;	
}


	
	
#baner {
	top: 11px;
}

h1 {
	font-size: 22px;
}

.navbar-brand h1 {
		font-size: 32px;
	}
	.navbar-brand h3 {
		font-size: 0.8rem !important;
	}
	
	#kanapy_tapicerowane h1 {
	font-size: 22px;
}

#kanapy_tapicerowane h3 {
	display:none;
}

	
}