@font-face {
	font-family: "England-DB";
	/*src: url(/assets/css/test.ttf) format("truetype");*/
	src: url(https://www.fontsquirrel.com/fonts/download/England-Hand-DB) format("truetype");
}
.logo {
    width: 150px;
    height: 150px;
    margin: 0.5vw 5vw 0.5vw 1vw;
    transition: 0.5s ease;
    opacity: 0.7;
}
.navText {
    font-size: x-large;
    margin-right: 1vw;

}

.bg-pink {
    background-color: RGB(244, 215, 247, 0);
    transition: 0.5s ease;
}
.scrolled.bg-pink {
    background-color: white;
}
.vert-top {
    align-self: start;
}
.vert-top > i {
	font-size: x-large !important;
}
.other.navbar {
	background-color: white;
}
.other.navbar-collapse {
	background-color: white;
}
.scrolled.logo {
    width: 80px;
    height: 80px;
    opacity: 1;
}
.orderlink {
    width: 20%;
    min-width: 13vw;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 2vw;
}
.img-bg {
    padding: 0;
    width: 100%;
    height: 80vh;
}

.img-bg>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (min-width: 1600px) {
    .img-bg>img {
        object-position: center -22vw;
    }
}

@media only screen and (min-width: 1750px) {
    .img-bg>img {
        object-position: center -28vw;
    }
}

.catalouge-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.catalouge-img.high {
    max-height: 815px;
    min-height: 98%;
}

.new-img {
    width: 50%;
    height: 80%;
}

footer {
    border-top: 1px solid #f3d380;
}
.orderpics {
    margin-top: 13.5vw;
}
.ml-3 {
    margin-left: 3vw;
}
.ml-2 {
    margin-left: 2vw;
}
.ml-1 {
    margin-left: 1vw;
}
.pl-1 {
    padding-left: 1vw;
}

.product-container {
    margin-right: 10vw;
    margin-left: 10vw;
}

.pl-3 {
    padding-left: 3px;
}

.pr-3 {
    padding-right: 3px;
}

.icon-footer {
    width: auto;
    font-size: x-large;
    margin-bottom: 1vh;
}

.text-center>div {
    text-align: center;
    width: 100%;
    place-content: center;
}

.mr-3 {
    margin-right: 3vw;
}
.mr-1 {
    margin-right: 1vw;
}

.font-2 {
    font-size: 2rem !important;
}

.row.mt-3 {
    width: 100%;
}

.no-border {
    border: 0;
    border-radius: 0;
}
.relatedProducts {
    width: 90%;

}
.no-underline {
    text-decoration: none;
    color: black;
}

.no-underline:hover {
    text-decoration: none;
    color: black;
}

.slide-top {
    opacity: 0;
    animation: slide-bottom 0.25s ease-in both;
}

.card:hover>div.card-body>p.slide-top {
    -webkit-animation: slide-top 0.25s ease-in both;
    animation: slide-top 0.25s ease-in both;
}

@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 1;
    }

    0% {
        opacity: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@keyframes slide-top {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 1;
    }

    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0;
    }
}

@-webkit-keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 0;
    }
}

@keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 0;
    }
}
.mg-center {
    margin-left: auto;
    margin-right: auto;
}

.mg-right {
    margin-left: auto;
}

.search-icon {
    font-size: 2.4vw;
}

.quantityButton {
    border-style: solid;
    border-width: thin;
    width: fit-content;
    margin-top: 2vw;
}

.quantitySpans {
    display: inline;
    margin-left: 0.5vw;
    margin-right: 0.5vw;
}

.addToCartButton {
    margin-top: 2vw;
    font-size: 1.5vw;
}

#accordion {
    margin-top: 2vw;
}

.accordion-item {
    border-left: 0;
    border-right: 0;
}
.productImg {
	object-fit: cover;
	height: 21.8vw;
}
#minusQuantity {
	position: relative;
	top: -0.2vw;
	cursor: pointer;
}
#plusQuantity {
	float: right;
	cursor: pointer;
}
#quantity {
    width: 50%;
    border-style: none;
    margin-left: auto;
    margin-right: auto;
}
#mainPicture {
    object-fit: cover;
    height: 34vw;
    object-position: center;
}
.card:hover .second {
  opacity: 1;
  -webkit-opacity:1;
  -moz-opacity:1;
  -khtml-opacity:1;
  transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
}
.second {
  position: absolute;
  object-fit: cover;
  height: 21.8vw;
  top:0;
  left:0;
  right:0;
  opacity:0;
  transform: scale(1.15);
  -webkit-opacity:0;
  -moz-opacity:0;
  -khtml-opacity:0;
  transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
}
.first {
  display: block;
  position: absolute;
  object-fit: cover;
  height: 21.8vw;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  -webkit-transition: all 0.7s 0s ease;
  -moz-transition: all 0.7s 0s ease;
  -o-transition: all 0.7s 0s ease;
  transition: all 0.7s 0s ease;
}
@media only screen and (min-width: 631px) and (max-width: 768px) {
	.noOv {
		min-height: 23vw;
	}
	.productH {
		margin-bottom: 12vw;
	}
	.vert-top {
		display: inline-block;
	}
	.mobileFix {
		margin-top: 24vw;
	}
}
@media only screen and (max-width: 576px) {
	.logo {
    		width: 80px;
    		height: 80px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 630px) {
	.noOv {
		min-height: 23vw;
	}
	.productH {
		margin-bottom: 15vw;
	}
	.vert-top {
		display: inline-block;
	}
	.mobileFix {
		margin-top: 30vw;
	}
	.contactImg {
		height: 250px !important;
	}
	.contactText {
		font-size: 28px !important;
	}
	.contactCont {
		margin-top: 30vw !important;
	}
}
@media only screen and (max-width: 400px) {
	p.filters > label {
		margin-right: 75px;
	}
	.noOv {
		min-height: 45vw;
	}
	.productH {
		margin-bottom: 53vw;
	}
	.first {
		min-height: 50vw;
	}
	.second {
		min-height: 50vw;
	}
	.vert-top {
		display: inline-block;
	}
	.mobileFix {
		margin-top: 30vw;
	}
	.contactText {
		font-size: 15px !important;
	}
	.contactImg {
		height: 125px !important;
	}
	.contactCont {
		margin-top: 50vw !important;
	}
	.searchResults > a > div > img {
		height: 50px !important;
		width: 75px !important;
		margin: 5px !important;
	}
	.searchResults > a > div > h1 {
		margin: 15px;
		font-size: small !important;
	}
	.searchResults > a > div > h3 {
		margin-left: auto;
		margin-right: 5px !important;
		font-size: medium !important;
	}
}
@media only screen and (min-width: 400px) and (max-width: 576px) {
	.vert-top {
		display: inline-block;
	}
	.noOv {
		min-height: 45vw;
	}
	.productH {
		margin-bottom: 36vw;
	}
	.first {
		min-height: 47vw;
	}
	.second {
		min-height: 47vw;
	}
	.mobileFix {
		margin-top: 16vw;
	}
	.contactImg {
		height: 180px !important;
	}
	.contactText {
		font-size: 22px !important;
	}
	.contactCont {
		margin-top: 40vw !important;
	}
}
@media only screen and (max-width: 768px) {
	.navbar-nav > li:last-child {
		align-self: revert !important;
		text-align-last: justify;
	}
	.row.mb-3 {
		padding-left: 3px;
	}
	.row.mb-3 > img{
		padding-right: 5px;
	}
	.row.mb-3 > div.col-6:first-child {
		padding-right: 2px;
	}
	.row.mb-3 > div.col-6:last-child {
		padding-right: 5px;
		padding-left: 2px;
	}
	.katalogFix {
		padding-left: 2px;
	}
	.katalogFix > a > img {
		padding-left: 5px;
		padding-right: 2px;
	}
	.d-sm-none {
		display: none;
	}
}
@media only screen and (max-width: 992px) {
	.searchBar{
		width: 95% !important;
		height: 50px;
		border: unset !important;
		outline: unset !important;
		padding: 20px 65px 20px 20px !important;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.footerNav2 {
		order: 3;
		margin-left: 7.5vw;
	}
	.footerNav1 {
		padding-left: 3vw !important;
	}
	.footerNav3 > * > * {
		font-size: 15px;
	}
	.footerNav1 > * {
		font-size: 13px;
		padding-left: 3vw !important;
	}
	.productsNav {
		margin-top: 5vw;
	}
	.nabar .navbar-toggler[aria-expanded='true'] {
		background-color: white;
	}
}
@media only screen and (min-width: 630px) and (max-width: 768px){
	.contactImg {
		height: 300px !important;
	}
	.contactText {
		font-size: 32px !important;
	}
	.contactCont {
		margin-top: 23vw !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.contactImg {
		height: 300px !important;
	}
	.contactText {
		font-size: 32px !important;
	}
	.contactCont {
		margin-top: 23vw !important;
	}
	.noOv {
		min-height: 23vw;
	}
	.productH {
		margin-bottom: 7vw;
	}
	.first {
		min-height: 23vw;
	}
	.second {
		min-height: 23vw;
	}
	.navbar-nav > li:last-child {
		align-self: revert !important;
		text-align-last: justify;
	}
	.row.mb-3 {
		padding-left: 3px;
	}
	.row.mb-3 > img{
		padding-right: 3px;
	}
	.row.mb-3 > div.col-6:first-child {
		padding-right: 5px;
	}
	.row.mb-3 > div.col-6:last-child {
		padding-right: 3px;
		padding-left: 5px;
	}
	.katalogFix {
		padding-left: 3px;
	}
	.katalogFix > a > img {
		padding-left: 3px;
		padding-right: 0px;
	}
	.mobileFix {
		margin-top: 20vw;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.row.mb-3 {
		padding-left: 3px;
	}
	.row.mb-3 > img{
		padding-right: 4px;
	}
	.row.mb-3 > div.col-6:first-child {
		padding-right: 5px;
	}
	.row.mb-3 > div.col-6:last-child {
		padding-right: 4px;
		padding-left: 5px;
	}
	.katalogFix {
		padding-left: 5px;
		padding-right: 4px;
	}
	.katalogFix > a > img {
		padding-left: 0px;
		padding-right: 0px;
	}
	.noOv {
		min-height: 25vw;
	}
	.productH {
		margin-bottom: 9vw;
	}
	.first {
		min-height: 25vw;
	}
	.second {
		min-height: 25vw;
	}
	.navbar-nav > li:last-child {
		text-align-last: justify;
	}
	.mobileFix {
		margin-top: 16vw;
	}
}
@media only screen and (min-width: 1200px) {
	.mobileFix {
		margin-top: 15vw;
	}
}
@media only screen and (min-width: 1400px) {
	.mobileFix {
		margin-top: 12vw;
	}
}
@media only screen and (min-width: 1600px) {
	.mobileFix {
		margin-top: 10vw;
	}
}
.searchIcons > div {
	display: block;
}
.searchIcons {
	margin-top: -0.5vw;
}
.navbar-nav > li:last-child {
	align-self: center;
	text-align-last: justify;
}
.noOv {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.productH {
  height: 21.8vw;
}
.footerNav3 {
	display: grid;
	float: right;
}
.footerNav3 > * {
	color: rgba(0, 0, 0, 0.55);
	transition: color .15s ease-in-out;
	text-decoration: none;
}
.footerNav3 > *:hover {
	color: rgba(0, 0, 0, 0.9);
}
.contactCont {
	margin-top: 10vw;
	width: 80%
}
.outerBorder { 
	position: relative;
	padding: 15px;
	--mask:
    	radial-gradient(52px at 52px 52px,#0000 calc(98% - 5px),#000 calc(100% - 5px) 98%,#0000) -52px -52px,
	linear-gradient(90deg,#000 10px,#0000 0) -5px 50% /100% calc(100% - 104px + 5px) repeat-x,
    	linear-gradient(      #000 10px,#0000 0) 50% -5px/calc(100% - 104px + 5px) 100% repeat-y;
}
.outerBorder:before {
	content: "";
	position: absolute;
	inset: 0;
	background: black;
	-webkit-mask: var(--mask);
	mask: var(--mask);
}
.innerBorder {
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 5px solid black;
	overflow: hidden;
}
.contactImg {
	height: 400px;
	object-fit: cover;
	z-index: -1;
}
.contactText {
	width: max-content;
	font-family: 'Marck Script', cursive;
	font-size: 52px;
	z-index: 99;
}
.footerCont {
	justify-content: center;
}
.footerLogo {
	max-width: 200px;
	max-height: 100px;
	object-fit: contain;
}
.zoom {
	overflow: hidden;
}
.fontText {
	font-family: 'Marck Script', cursive;
}
.zoom>img {
	transition: transform .2s;
	z-index: 999;
}
.zoom>img:hover {
	transform: scale(1.5);
}
.otherPics {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.otherPics > img {
	width: 10%;
	height: 100%;
	object-fit: cover;
}
@media only screen and (min-width: 992px) {
	.navbar-nav.show li.nav-item {
		display: none;
	}
	.dropdown:hover>.dropdown-menu {
		display: block;
		background-color: rgb(255,255,255,0.9);
	}
}
.searchBar {
	width: 0px;
	border: 0;
	outline: 0;
	padding: 0;
	display: inline;
	-webkit-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}
.navbar-nav.show .searchBox {
	width: 95%;
}
nav > div > a {
	align-self: baseline;
}
.searchDiv {
	display: flex !important;
	height: 65px;
	align-content: center;
}
.searchBox {
	text-align-last: left;
}
.navbar-nav.show li .searchIcons .searchDiv .searchBar {
	width: 95%;
	height: 50px;
	border: unset !important;
	outline: unset !important;
	padding: 20px 65px 20px 20px !important;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.navbar-nav.show .search-icon {
	align-self: center;
}
.navbar-nav.show, .navbar-nav.show > li {
	width: 100%;
}
.search-icon {
	cursor: pointer;
	align-self: unset;
}
.searchResults {
	display: inline-block;
	width: 95%;
	height: 0px;
	border: 0;
	background: white;
}
.searchBox.results .searchBar {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.searchBox.results .searchResults {
	height: 400px;
	overflow: auto;
	border-bottom-left-radius: .375rem;
	border-bottom-right-radius: .375rem;
	border: 1px solid lightgrey;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: rgba(0, 0, 0, 0.55);
}
.searchResults > a > div {
	display: flex;
	border-bottom: 1px solid lightgrey;
}
.searchResults > a > div > img {
	height: 100px;
	width: 150px;
	object-fit: cover;
	margin: 5px;
}
.searchResults > a > div > h1 {
	display: inline;
	align-self: baseline;
	margin: 15px;
	color: black;
	opacity: 0.7;
	font-size: x-large;
}
.searchResults > a > div > h3 {
	display: inline;
	align-self: end;
	margin-left: auto;
	margin-right: 20px;
	color: black;
	opacity: 0.7;
}
.filters {
	display: flex;
	flex-wrap: wrap;
}
input:-ms-input-placeholder {
	text-align: left;
}

input::-webkit-input-placeholder {
	text-align: left;
}
input:-moz-placeholder {
	text-align: left;
}
input:-ms-input-placeholder {
	text-align: left;
}
input::-ms-input-placeholder {
	text-align: left;
}
input::placeholder {
	text-align: left;
}