@import url('https://fonts.googleapis.com/css2?family=Carattere&family=Italianno&family=Quicksand&family=Open+Sans&family=Comfortaa:wght@300;400;500;600;700&display=swap');

html, body {
	color: #332F2D;
	font-size: 18px;
	font-family: 'Open Sans';
	background-color: #F6F6F6;
    overflow-x: hidden;
}

a, a:visited {
	color: #ab6644
}

a:active, a:focus, a:hover {
	color: #ab6644;
	text-decoration: underline
}
.Carattere {
	font-family: Carattere
}
.Italianno {
	font-family: Italianno
}

.Quicksand {
	font-family: Quicksand;
	font-weight: 300
}

.OpenSans {
	font-family: 'Open Sans'
}
.z-index-0 {
	z-index: 0 !important;
}
.main-text {
    text-align: center;
    color: #554A45;
    font-size: 48px;
    text-shadow: 1px 1px 3px rgb(160 160 160);
	padding-top: 38px !important;
}
.bg-white-80 .main-text {
    font-size: 42px;
}
.bg-circles {
	background-image: url(../img/bg-circle.png);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.margin-top-10 {
	margin-top: 10px
}

.margin-top-15 {
	margin-top: 15px
}

.margin-top-20 {
	margin-top: 20px
}

.margin-top-30 {
	margin-top: 30px
}

.margin-bottom-50 {
	margin-bottom: 50px
}

.margin-bottom-30 {
	margin-bottom: 30px
}

.margin-top-55 {
	margin-top: 55px
}

.margin-left-15 {
	margin-left: 15px
}

.margin-left-10 {
	margin-left: 10px
}

.padding-top-15 {
	padding-top: 15px
}

.padding-top-10 {
	padding-top: 10px
}

.padding-left-15 {
	padding-left: 15px
}

.padding-left-10 {
	padding-left: 10px
}

.padding-left-40 {
	padding-left: 40px
}

.padding-right-40 {
	padding-right: 40px
}

.padding-right-15 {
	padding-right: 15px!important
}

.padding-right-10 {
	padding-right: 10px
}

.font-bold {
	font-weight: 700
}

.font-size-52 {
	font-size: 52px
}

.font-size-42 {
	font-size: 42px
}

.font-size-32 {
	font-size: 32px
}

.font-size-28 {
	font-size: 28px
}

.font-size-24 {
	font-size: 24px
}

.font-size-22 {
	font-size: 22px
}

.font-size-18 {
	font-size: 18px
}

.font-size-15 {
	font-size: 15px
}

.font-style-normal {
	font-style: normal
}
.position-absolute {
    position: absolute;
}
.strike {
	text-decoration: line-through;
	color: #AF3914;
	display: block
}
.bg-white-80 {
    background: rgb(255 255 255 / 80%);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    height: 100%;
	margin-top: -2px;
}
.lightbox {
  top: 50px !important;
}
.display-inline-block {
	display: inline-block
}

.display-inline {
	display: inline
}

.display-none {
	display: none!important
}

.display-none>img {
	display: none!important
}

.position-unset {
	position: unset
}

.text-white {
	color: #fff
}

.text-brown {
	color: #7a6052
}

.text-green {
	color: #00c308
}

.text-reddish-brown {
	color: #ab6c63
}

a.white-link, a:visited.white-link {
	color: #fff
}

.white-link a, .white-link a:visited {
	color: #fff
}

a:active.white-link, a:hover.white-link {
	color: #fff
}

.white-link-hover a:active, .white-link-hover a:hover {
	color: #fff
}

a.brown-link, a:visited.brown-link {
	color: #7a6052!important
}

.brown-link a, .brown-link a:visited {
	color: #7a6052!important
}

a:active.brown-link, a:hover.brown-link {
	color: #5a463c!important
}

.brown-link-hover a:active, .brown-link-hover a:hover {
	color: #5a463c!important
}

a.reddish-brown-link, a:visited.reddish-brown-link {
	color: #ab6c63!important
}

.reddish-brown-link a, .reddish-brown-link a:visited {
	color: #ab6c63!important
}

a:active.reddish-brown-link, a:hover.reddish-brown-link {
	color: #ab6c63!important
}

.reddish-brown-link-hover a:active, .reddish-brown-link-hover a:hover {
	color: #ab6c63!important
}

.text-red {
	color: #b00000
}

a:active.transparent-link-hover, a:hover.transparent-link-hover {
	color: rgba(255, 255, 255, .65)
}

.transparent-link-hover a:active, .transparent-link-hover a:hover {
	color: rgba(255, 255, 255, .65)
}

.text-shadow-white {
	text-shadow: 0 0 4px #fff
}

.sand-link-hover a:active, .sand-link-hover a:hover, a:active.sand-link-hover, a:hover.sand-link-hover {
	color: #d1885e
}

.text-decoration-none, .text-decoration-none a, .text-decoration-none a:visited, a.text-decoration-none, a:visited.text-decoration-none {
	text-decoration: none!important
}

.quilling-webshop {
	margin: 0;
	position: absolute;
	z-index: 9009;
	left: 70px;
	top: 5px
}

.navbar-nav li {
	padding-right: 30px
}

.navbar {
	min-height: 70px!important;
	font-size: 22px;
	width: 100%;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 0
}

.navbar-toggler {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 9009
}

.navbar-toggler.collapsed {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 9009
}

.navbar .navbar-nav {
	margin: 0 auto
}

.navbar .navbar-collapse {
	text-align: center
}

.bg-light {
	background-color: #FFFFFF !important;
}

.navbar-nav>li>a, .navbar-nav>li>a:visited {
	text-decoration: none!important;
	color: #554A45;
    font-size: 20px;
	font-family: 'Comfortaa';
}

.navbar-nav>li>a:active, .navbar-nav>li>a:hover {
	text-decoration: none!important;
	color: #ab6644
}

.navbar-light .navbar-toggler {
	color: rgba(154, 89, 72, .8);
	border-color: rgba(154, 89, 72, .8);
	margin-left: calc(100% - 70px)
}

.collapse.show {
	display: block;
	z-index: 1;
	background: #FFFFFF;
	margin-top: 65px;
	position: relative;
	padding-top: 20px;
	padding-bottom: 50px
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto rgba(255, 255, 255, .65)
}

.kosar-bg {
	height: 50px;
	width: 50px;
	overflow: hidden;
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
	position: relative;
	bottom: 0;
	right: 15px;
	position: absolute
}

.kosar-bg:before {
	height: inherit;
	width: inherit;
	position: absolute;
	content: "";
	border-radius: 50px 0 0 0;
	background-color: #f9caae;
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	transform-origin: 0 100%;
	border-left: 1px solid #e5ab89;
	-webkit-box-shadow: 0 0 1px 0 rgba(229, 171, 137, 1);
	-moz-box-shadow: 0 0 1px 0 rgba(229, 171, 137, 1);
	box-shadow: 0 0 1px 0 rgba(229, 171, 137, 1)
}

.kosar-bg:active:before, .kosar-bg:hover:before {
	background-color: #edb89a;
	cursor: pointer
}

.kosar-bg i {
	color: #fff;
	position: absolute;
	right: 10px;
	bottom: 7px;
	font-size: 26px;
	text-shadow: 0 0 2px #a05e38
}

.kosar-bg i:active, .kosar-bg i:hover {
	cursor: pointer
}

.kosar-kor {
	width: 50px;
	height: 50px;
	background: #f9caae;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	position: relative;
	border: 1px solid #efbc9e;
	-webkit-box-shadow: 0 0 1px 0 rgba(229, 171, 137, 1);
	-moz-box-shadow: 0 0 1px 0 rgba(229, 171, 137, 1);
	box-shadow: 0 0 1px 0 rgba(229, 171, 137, 1)
}

.kosar-kor:active, .kosar-kor:hover {
	background-color: #edb89a;
	cursor: pointer
}

.kosar-kor i {
	color: #fff;
	position: absolute;
	right: 14px;
	bottom: 12px;
	font-size: 26px;
	text-shadow: 0 0 2px #a05e38
}
.kosar th.text-right {
	min-width: 110px;
}
.cloudimage-360-fullscreen-modal {
	z-index: 999999 !important;
}
.cloudimage-360-fullscreen-modal .cloudimage-360-close-fullscreen-icon, .cloudimage-360-fullscreen-modal .cloudimage-360-magnifier-icon {
    width: 35px !important;
    height: 35px !important;
	margin-bottom: 15px !important;
}
.cloudimage-360-fullscreen-modal .cloudimage-360-icons-container {
    top: 25px !important;
    right: 35px !important;
}
.cloudimage-360-fullscreen-modal {
    background-color: rgb(0 0 0 / 85%) !important;
}
/*.cloudimage-360-view-360-icon,*/
.imgs-360 {
	display: none;
}
.cloudimage-360 .cloudimage-360-right {
	/*padding: 8px !important;
	background: none !important;
	border: none !important;*/
}
.cloudimage-360 .cloudimage-360-right:focus {
	outline: none !important;
}
.cloudimage-360 .cloudimage-360-right {
	/*display: none;
	position: absolute !important;
	z-index: 100 !important;
    bottom: -23px !important;
    top: unset !important;
	right: 20px !important;
	cursor: pointer;*/
	right: -8px !important;
    background: url(../images/next.png) right 0% no-repeat !important;
    background-size: 36px !important;
	z-index: 999 !important;
	cursor: pointer;
}
.cloudimage-360 .cloudimage-360-left {
	left: 0px !important;
    width: 12%;
    background: url(../images/prev.png) right 0% no-repeat !important;
    background-size: 36px !important;
	z-index: 999 !important;
	cursor: pointer;
}
.cloudimage-360 .cloudimage-360-right:before, .cloudimage-360 .cloudimage-360-left:before {
	content: '' !important;
	display: block !important;
	width: 60px !important;
	height: 45px !important;
	background: 50% 50% / cover no-repeat !important;
}
.cloudimage-360 .cloudimage-360-right:before {
	/*background-image: url('https://kezmuves-hobby.hu/images/360.png') !important;*/
}
.cloudimage-360 .cloudimage-360-right.not-active {
	opacity: 0.4 !important;
	cursor: pointer !important;
}
.kep-kor {
	width: 50px;
	height: 50px;
	background: #f9caae;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	position: relative;
	color: #fff;
	border: 1px solid #efbc9e;
	-webkit-box-shadow: 0 0 1px 0 rgba(229, 171, 137, 1);
	-moz-box-shadow: 0 0 1px 0 rgba(229, 171, 137, 1);
	box-shadow: 0 0 1px 0 rgba(229, 171, 137, 1);
	top: -30px;
	left: -10px
}

.kep-kor:active, .kep-kor:hover,.kep-kor-360:active, .kep-kor-360:hover {
	background-color: #edb89a;
	cursor: pointer
}

.kep-kor i {
	color: #fff;
	position: absolute;
	right: -25px;
	bottom: 4px;
	font-size: 18px;
	text-shadow: 0 0 2px #a05e38
}

.kep-kor span {
	color: #fff;
	position: absolute;
	left: 4px;
	bottom: 12px;
	font-size: 18px;
	text-shadow: 0 0 2px #a05e38
}
.kep-kor-360 {
    width: 50px;
    height: 50px;
    background: #f9caae;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    color: #fff;
    border: 1px solid #efbc9e;
    -webkit-box-shadow: 0 0 1px 0 rgba(229, 171, 137, 1);
    -moz-box-shadow: 0 0 1px 0 rgba(229, 171, 137, 1);
    box-shadow: 0 0 1px 0 rgba(229, 171, 137, 1);
    top: -80px;
    left: 55px;
}
.btn-warning i {
	margin-right: 10px
}

.float-left {
	float: left
}

.top-nav {
	width: 100%;
    background: #FFFFFF;
    position: fixed;
    top: 0px;
    height: 70px;
}
.non-sticky img, .non-sticky source{
    width: auto;
    height: 150px;
}
.sticky-logo img, .sticky-logo source{
    width: auto;
    height: 150px;
}
#background {
	background-image: url(../img/mini_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 45%;
	width: 100%;
	position: relative
}

.flower-bg, .flower-bg-o {
    /*
	background-image: url(../img/bg-circle.png);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    */
	padding: 0
}


#carousel-example-generic {
	-webkit-box-shadow: 0 2px 10px 4px #fff;
	-moz-box-shadow: 0 2px 10px 4px #fff;
	box-shadow: 0 2px 10px 4px #fff
}


.panel-thumbnail {
	-webkit-box-shadow: 0 0 5px 0 rgba(226, 187, 161, .65);
	-moz-box-shadow: 0 0 5px 0 rgba(226, 187, 161, .65);
	box-shadow: 0 0 5px 0 rgba(226, 187, 161, .65);
	min-height: 336px;
	height: 100%
}
.panel-thumbnail div {
    font-family: Comfortaa !important;
}
.panel-thumbnail a {
	color: #332F2D;
	text-decoration: none;
	font-size: 16px;
}

.panel-thumbnail a:hover {
	color: #130e0e;
	text-decoration: none
}

.panel-thumbnail .text-center>img, .panel-thumbnail .text-center> amp-img img {
	max-width: fit-content;
	max-width: -moz-fit-content;
	max-height: 220px;
	overflow: hidden;
	padding: 25px !important;
	display: block;
	margin: 0 auto;
	min-height: fit-content;
}

.panel-default {
	border-color: transparent!important
}

.panel {
	margin-bottom: 0!important;
	background-color: transparent!important;
	border: 2px solid transparent!important;
	border-radius: 0!important;
	-webkit-box-shadow: 0 0 0 transparent!important;
	box-shadow: 0 0 0 transparent!important
}

.btn-warning.disabled, .btn-warning:disabled {
	background-color: #e2866d;
	border-color: #e2866d
}

.btn-warning, .btn-warning:visited {
	color: #fff;
	background-color: #cd9f89;
    border-color: #ab9082;
	border-radius: 0
}

.btn-warning:active, .btn-warning:hover {
	color: #fff;
	background-color: #9d7d6d;
    border-color: #83685a;
	cursor: pointer;
	border-radius: 0;
}

.miert-mi {
	background: #fff;
	padding: 13px 0 10px 0;
	position: relative;
    border-top: 1px solid rgba(181, 181, 181, 0.35);
	border-bottom: 1px solid rgba(181, 181, 181, 0.35);
	-webkit-box-shadow: 0 0 10px 0px rgba(177, 177, 177, 0.49);
	-moz-box-shadow: 0 0 10px 0px rgba(177, 177, 177, 0.49);
	box-shadow: 0 0 10px 0px rgba(177, 177, 177, 0.49);
    height: 140px;
    z-index: 1;
}

.miert-mi strong {
		font-size: 34px;
		line-height: 36px;
    font-weight: normal;
    font-family: Carattere!important;
	color: #554A45;
}
.miert-mi span {
		font-size: 16px;
		font-weight: normal;
    font-family: Comfortaa!important;
	color: #7e6356;
}
.miert-mi .col-12 p {
    z-index: 1;
    position: relative;
}
.miert-mi-1 {
    padding-left: 50px;
}
.miert-mi-2 {
    padding-left: 90px;
}
.miert-mi-3 {
    padding-left: 70px;
}
.miert-mi-4 {
    padding-left: 60px;
}
.miert-mi .col-12 img {
    position: absolute;
    top: -20px;
    left: 25px;
    width: 125px;
}
.circles-2 {
    transform: rotate(270deg);
}
.circles-3 {
    transform: rotate(90deg);
}
.circles-4 {
    transform: rotate(180deg);
}

.circles {
    background: url("../img/circles.png?verz=1.001");
    background-repeat: no-repeat;
    background-position-x: 10px;
}

.circles-2 img {
    transform: rotate(270deg);
}
.circles-3 img {
    transform: rotate(90deg);
}
.circles-4 img {
    transform: rotate(180deg);
}

.miert-mi .fa {
	font-size: 36px!important;
	vertical-align: bottom!important
}

.bread-crumbs {
	color: #be4534
}

ol.bread-crumbs, ol.bread-crumbs li {
	list-style: none;
	display: inline-block;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	font-size: 14px;
}

footer {
	padding: 40px 0;
	position: relative;
	background-color: #FFF1EB;
    font-size: 16px !important;
}

footer li, footer ul {
	list-style: none
}

footer li {
	display: block
}

footer a, footer a:visited {
	color: #554A45!important
}

footer a:active, footer a:hover {
	color: #4e000b!important;
	text-decoration: none!important
}

.sticky-header {
	position: fixed!important;
	top: 0;
	margin-top: 0;
	width: 100%;
	background: #FFFFFF;
	z-index: 99999;
    box-shadow: 0px 0px 6px 0px rgb(157 125 109 / 45%);
}

.cart-icon {
	margin: 0;
	position: absolute;
	right: 6%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.cart-number {
	position: absolute;
	top: 2px;
	left: 35px
}

.form-check div {
	float: left;
	margin-right: 10px
}

.form-check input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0;
	margin-top: 8px
}

.alert-secondary {
	position: absolute;
	z-index: 99999999999;
	width: 96%;
	margin-left: -15px;
	color: inherit;
	background-color: #f7eee6;
	border-color: #f3ddca;
	border-radius: 0
}

.alert-secondary .fa-plus, table .fa-plus {
	color: #ca755e!important;
	margin-right: 10px;
	margin-left: 10px
}

.alert-secondary .fa-trash, table .fa-trash {
	color: #c12900!important;
	margin-right: 10px;
	margin-left: 10px
}

.alert-secondary .fa-minus, table .fa-minus {
	color: #dc3609!important
}

.table-warning, .table-warning>td, .table-warning>th {
	background-color: #ffe8ce
}

.table td, .table th {
	border-top: 1px solid #ffe0cb
}

.table thead th {
	border-bottom: 2px solid #ffe0cb
}

.form-control {
	border-radius: 0;
	border: 1px solid #f4ded3
}

.alert-primary {
	color: #cc5d49;
	background-color: #fedfc3c4;
	border-color: #f7d4b5;
	border-radius: 0
}

.modal {
	display: none;
	position: fixed;
	z-index: 999999;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, .9)
}
.flower-bg-o.lazy .container {
	margin-top: 108px;
	background: rgb(255 255 255 / 80%);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    height: 100%;
}
.flower-bg-o .container {
	margin-top: 108px;
}

.alert {
	margin: auto;
	width: 80%
}

.alert-secondary {
	position: relative
}

.close {
	cursor: pointer
}

footer .dropdown ul {
	display: block;
	width: 100%;
	position: relative;
    font-size: 16px !important;
    background-color: unset !important;
    border: unset !important;
    box-shadow: unset !important;
}

footer .dropdown ul a {
	color: #554A45!important
}

footer .dropdown ul a:active, footer .dropdown ul a:hover {
	color: #4e000b!important;
	text-decoration: none!important
}

footer .dropdown-menu>li:hover {
	background: 0 0!important
}

.display-inline.font-size-42 {
	font-size: 42px
}

footer .dropdown-menu {
	font-size: 14px!important;
	background-color: #fff!important;
	border: 1px solid rgba(210, 118, 95, 0)!important;
	box-shadow: 0 2px 3px 1px rgba(195, 103, 77, 0)!important;
	border-radius: 0!important
}
.copyright-link {
  font-family: Carattere;
  font-size: 42px;
}
.dropdown-menu {
    font-size: 18px!important;
    background-color: #fff!important;
    border: 1px solid rgb(157 125 109 / 21%)!important;
    border-radius: 0!important;
}

.dropdown-menu>li>a {
	display: block;
	padding: 1px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #554A45!important;
	white-space: nowrap
}
.dropdown-menu>li>ul {
    list-style: none
}
.dropdown-menu>li>ul>li>a {
	color: #554A45
}
.dropdown-menu>li>ul>li>a:hover {
	color: #ab6644;
	text-decoration: none;
}

.dropdown-menu>li:hover {
	color: #ab6644
}

.dropdown-menu>li:hover>a {
	color: #ab6644!important
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #ab6644;
	text-decoration: none;
	background-color: transparent!important
}

.dropdown-submenu {
	position: relative
}

.dropdown-submenu i {
	vertical-align: middle!important
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -1px
}

.dropdown-toggle::after {
	vertical-align: middle
}

.dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border: 0 solid transparent!important
}

.dropdown-menu .sub-menu {
	padding-left: 20px;
}

.dropdown-menu .sub-menu .sub-menu {
	position: relative;
	left: 0px;
	font-size: 18px !important;
	background-color: #fff!important;
	border: unset !important;
	box-shadow: unset !important;
	border-radius: 0!important;
	visibility: visible!important;
}

.panel-thumbnail {
    background: #FFFFFF;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .10);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .10);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .10);
	min-height: 418px;
	height: 100%
}

.panel-thumbnail .text-center>img, .panel-thumbnail .text-center> amp-img img {
	width: -webkit-fill-available;
	width: -moz-available;
	max-height: unset;
	overflow: hidden;
	padding: 25px;
	display: block;
	margin: 0 auto;
	min-height: fit-content;
}
.carousel-item img {
  width: inherit;
}
.size-1905 {
  display: block;
}
.size-425, .size-1024, .size-1440 {
  display: none;
}
.carousel-inner {
	height: 100%
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  color: #5A4C45;
  font-size: 85px;
  background-image: unset;
}
.carousel-control-next, .carousel-control-prev {
  width: 5%;
}
.carousel-inner {
  margin-top: 95px;
  background: #FFFFFF;
}

.cover-image {
	background: url('../img/cover-circles-1905.png');
	height: 210px;
	margin-top: 95px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	text-align: center;
	position: relative;
	z-index: 1;
}
.bread-crumbs {
	color: #635E5C;
}
.cover-image i, .cover-image a, .cover-image a:visited {
	color: #635E5C;
}
.cover-image a:hover, .cover-image a:active, .cover-image a:focus {
	color: #635E5C;
	text-decoration: underline;
}
.cover-image .main-text {
	font-size: 36px;
}

.cover-image h1 br {
	position: relative;
	margin-top: 20px;
	display: block;
	content: '';
}

@media (max-width: 1904px) {
  .size-1440 {
    display: block;
  }
  .size-425, .size-1024, .size-1905 {
    display: none;
  }
  .cover-image {
	background: url('../img/cover-circles-1440_1.png');
	height: 230px;
	margin-top: 70px;
  }
  .cover-image .main-text {
	padding-top: 58px !important;
  }
}
@media (max-width: 1339px) {
  .size-1024 {
    display: block;
  }
  .size-425, .size-1440, .size-1905 {
    display: none;
  }
  .cover-image {
	background: url('../img/cover-circles-1024_1.png');
	height: 230px;
	margin-top: 70px;
  }
}
@media (max-width: 880px) {
  .cover-image {
	background: url('../img/cover-circles-768_1.png');
	height: 230px;
	margin-top: 70px;
  }
}
@media (max-width: 525px) {
  .cover-image {
	background: url('../img/cover-circles-425_1.png');
	height: 230px;
	margin-top: 70px;
  }
  .cover-image .main-text {
	font-size: 30px;
  }
  .cover-image a span {
	font-size: 16px;
  }
}
@media (max-width: 425px) {
  .size-425 {
    display: block;
  }
  .size-1024, .size-1440, .size-1905 {
    display:none;
  }
}

@media (max-width: 991px) {
    .miert-mi {
        min-height: 310px;
    }
	.quilling-webshop.sticky img {
		height: 120px;
		margin-top: -25px !important;
	}
}

@media (min-width:769px) and (max-width: 991px) {
	.quilling-webshop.sticky img {
		height: 120px;
		margin-top: -5px !important;
	}
}
@media (max-width:768px) {
	.navbar-nav {
		float: left!important
	}
	.top-nav {
		height: 70px;
	}
	.carousel-inner {
		margin-top: 70px;
	}
}
@media (max-width: 767px) {
		
    .col-12:has(> .miert-mi-1) {
        margin-left: 60px;
    }
    .miert-mi-2 {
        padding-left: unset;
        padding-right: 35px;
        text-align: right;
    }
    .circles-2 {
        left: unset !important;
        right: 135px;
    }
    .miert-mi-4 {
        padding-left: unset;
        padding-right: 35px;
        text-align: right;
    }
    .circles-4 {
        left: unset !important;
        right: 135px;
    }
    .miert-mi {
        min-height: 480px !important;
    }
}
@media (max-width: 575px) {
    .col-12:has(> .miert-mi-1) {
        margin-left: 0px;
    }
    .miert-mi {
        min-height: 600px !important;
    }
}
.top-nav {
	z-index: 9999;
}
@media (max-width: 364px) {
    .bg-white-80 .main-text {
        font-size: 34px;
    }
}
@media (max-width: 364px) {
    .bg-white-80 h2.main-text {
        font-size: 28px;
    }
}
#carousel-example-generic {
	background: url(../img/slider_bubi_csik.jpg);
	background-size: cover;
	background-repeat: no-repeat
}

@media (max-width:1025px) {
	.quilling-webshop {
		left: 30px;
		top: 0
	}
	.quilling-webshop img {
		/*width: 240px*/
	}
	.quilling-webshop.sticky {
		left: 30px;
		top: -25px
	}
	.quilling-webshop.sticky img {
		/*width: 240px*/
	}
	.font-size-42 {
		font-size: 34px
	}
	.font-size-32 {
		font-size: 24px
	}
	.cart-icon {
		margin: 0;
		position: absolute;
		right: unset;
		-ms-transform: translate(-50%, -50%);
		transform: unset
	}
    .main-text {
        font-size: 34px;
    }
}

@media (max-width:1080px) {
	.alert-secondary {
		position: absolute;
		z-index: 99999999999;
		width: calc(96% - 15px);
		margin-left: -15px;
		color: inherit;
		background-color: #feebda;
		border-color: #f3ddca;
		border-radius: 0
	}
}

@media (min-width:992px) and (max-width:1025px) {
	.quilling-webshop.sticky img {
		margin-top: 5px !important;
		margin-left: -50px !important;
		height: 120px !important;
	}
	.navbar-nav>li>a, .navbar-nav>li>a:visited {
		font-size: 16px;
	}
	.top-nav .cart-icon {
		font-size: 26px;
    	top: 17px;
	}
}
@media (min-width:1026px) and (max-width:1199px) {
	.quilling-webshop.sticky img {
		margin-top: -20px !important;
		margin-left: -85px !important;
		height: 120px !important;
	}
	.navbar-nav>li>a, .navbar-nav>li>a:visited {
		font-size: 16px;
	}
	.top-nav .cart-icon {
		font-size: 26px;
    	top: 36px;
	}
}
@media (min-width:1199px) and (max-width:1299px) {
	.quilling-webshop.sticky img {
		margin-top: -28px !important;
		margin-left: -82px !important;
		height: 135px !important;
	}
	.navbar-nav>li>a, .navbar-nav>li>a:visited {
		font-size: 18px;
	}
}
@media (min-width:1299px) and (max-width:1439px) {
	.quilling-webshop.sticky img {
		margin-top: -40px !important;
		margin-left: -50px !important;
	}
}
@media (min-width:992px) and (max-width:1099px) {
    .miert-mi strong {
        font-size: 32px;
        line-height: 34px;
    }
    .miert-mi span {
        font-size: 14px;
        font-weight: normal;
    }
    .miert-mi-1 {
        padding-left: 15px;
    }
    .miert-mi-2 {
        padding-left: 85px;
    }
    .miert-mi-3 {
        padding-left: 70px;
    }
    .miert-mi-4 {
        padding-left: 35px;
    }
}
@media (min-width:1100px) and (max-width:1280px) {
    .miert-mi strong {
        font-size: 34px;
        line-height: 36px;
    }
    .miert-mi span {
        font-size: 14px;
        font-weight: normal;
    }
    .miert-mi-1 {
        padding-left: 40px;
    }
    .miert-mi-2 {
        padding-left: 85px;
    }
}
.main_menu .collapse.show {
	display: block;
	z-index: 9000;
	background: #FFFFFF;
	margin-top: 70px;
	position: relative;
	padding-top: 20px;
	padding-bottom: 30px
}

.sticky-header .collapse.show {
	display: block;
	z-index: 9000;
	background: #FFFFFF;
	margin-top: 70px;
	position: relative;
	padding-top: 20px;
	padding-bottom: 30px
}

.main_menu.navbar-light .navbar-toggler {
	color: rgba(255, 255, 255, .5);
	border-color: rgba(255, 255, 255, .37);
	margin-left: calc(100% - 120px);
	z-index: 9999999
}

.quilling-webshop-mini {
	margin: 0;
	position: absolute;
	left: 20px;
	top: 15px;
	font-size: 38px;
	display: none
}

.sticky-header li.margin-left-15 {
	margin-left: 0
}

.sticky-header li.sticky {
	padding-right: 30px
}

.sticky-header li:last-child {
	padding-right: 20px
}

#show-cookie {
	position: fixed;
	bottom: 0;
	background: #333;
	color: #eee;
	padding: 10px 20px;
	display: none;
	z-index: 9999999999;
	font-size: 14px
}

#show-cookie a, #show-cookie a:visited {
	color: #eee;
	text-decoration: underline
}

#show-cookie a:active, #show-cookie a:focus, #show-cookie a:hover {
	color: #fff;
	text-decoration: underline
}

@media (max-width:600px) {
	.font-size-52 {
		font-size: 26px
	}
	.font-size-42 {
		font-size: 22px
	}
	.quilling-webshop {
		left: 10%;
		-ms-transform: translate(-10%, -50%);
		transform: translate(-10%, -50%);
		font-size: 40px
	}
	footer h1 {
		display: block!important
	}
	footer span span {
		display: none
	}
	.sticky-header {
		background-size: 100% 70px
	}
}

@media (max-width:768px) {
	.navbar {
		padding: 0
	}
	.bg-light {
		width: 100%
	}
	.sticky-header .quilling-webshop-mini {
		display: inline-block
	}
	footer {
		text-align: center
	}
	.flower-bg-o .container {
		margin-top: 0;
		position: relative
	}
	#carousel-example-generic .font-size-52 {
		font-size: 26px
	}
	#carousel-example-generic .font-size-42 {
		font-size: 26px
	}
	#carousel-example-generic .font-size-32 {
		font-size: 20px
	}
	.carousel-control .fa-angle-left, .carousel-control .fa-angle-right {
		font-size: 46px!important
	}
	.quilling-webshop {
		left: 5px;
		top: 30px
	}
	.quilling-webshop img {
		/*width: 200px*/
	}
	.quilling-webshop.sticky {
		left: 5px;
		top: -3px
	}
	.quilling-webshop.sticky img {
		/*width: 200px*/
	}
	.navbar {
		border-radius: 0!important;
		border-top: 0 dotted rgba(130, 59, 45, .8)!important;
		border-bottom: 0 dotted rgba(130, 59, 45, .8)!important;
		min-height: 70px!important;
		font-size: 22px;
		margin: 0 auto;
		margin-top: 0;
		margin-bottom: 0
	}
	#background {
		display: none
	}
	.non-sticky {
		display: none
	}
	.collapse.show {
		max-height: 280px;
		overflow-y: auto
	}
	.dropdown-menu {
		font-size: 20px!important;
		background-color: transparent!important;
		border: 0 solid rgba(210, 118, 95, .26)!important;
		box-shadow: 0 0 0 0 rgba(195, 103, 77, .3)!important;
		border-radius: 0!important
	}
	.dropdown-menu>li>a {
		color: #5a463c!important
	}
	footer .dropdown ul.dropdown-menu.sub-menu {
		width: 100%
	}
	.sticky-header {
		background-size: auto
	}
}

@media (max-width:600px) {
	#carousel-example-generic .font-size-52 {
		font-size: 22px
	}
	#carousel-example-generic .font-size-42 {
		font-size: 22px
	}
	#carousel-example-generic .font-size-32 {
		font-size: 16px
	}
	.carousel-control .fa-angle-left, .carousel-control .fa-angle-right {
		font-size: 46px!important
	}
	.quilling-webshop {
		left: 30px;
		top: 85px
	}
	.quilling-webshop img {
		/*width: 200px*/
	}
	.quilling-webshop.sticky {
		left: 30px;
		top: 43px
	}
	.quilling-webshop.sticky img {
		/*width: 200px*/
	}
}

@media (min-width:979px) {
	.dropdown-menu .sub-menu {
		left: 100%;
		position: absolute;
		top: 0;
		visibility: hidden;
		margin-top: -1px
	}
	.dropdown-menu {
		white-space: nowrap
	}
	.dropdown-menu li:hover>.sub-menu {
		visibility: visible
	}
	.dropdown:hover .dropdown-menu {
		display: block
	}
	.nav-pills .dropdown-menu, .nav-tabs .dropdown-menu, .navbar .dropdown-menu {
		margin-top: 0
	}
}

.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
	display: table;
	content: " "
}

body span, body div, body p {
	font-family: inherit !important;
}
.product-description h2, .product-description h3 {
	font-family: 'Carattere';
	color: #554A45;
    font-size: 38px;
    text-shadow: 2px 1px 3px rgb(150, 150, 150);
}
.product-description a, .product-description a:visited {
	color: #ab6644 !important;
}
.product-description a:hover, .product-description a:focus, .product-description a:active {
	color: #ab6644 !important;
    text-decoration: underline !important;
}
@media (max-width: 364px) {
    .bg-white-80 .main-text {
        font-size: 34px;
    }
}