:root {
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
  
  }
  *,
  *::before,
  *::after {
	box-sizing:border-box
  }
  html {
	font-family:sans-serif;
	line-height:1.15;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:transparent
  }
  body {
	padding:0;
	margin:0;
	font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
	font-size:1rem;
	font-weight:400;
	line-height:1.5;
	color:#655d49;
	text-align:left;
	background-color:#f7f3e5
  }
  hr {
	margin-top:1rem;
	margin-bottom:1rem;
	border:0;
	border-top:1px solid rgba(0,0,0,.1);
	box-sizing:content-box;
	height:0;
	overflow:visible
  }
  p,
  ol,
  ul,
  dl {
	margin-top:0;
	margin-bottom:1rem
  }
  img {
	vertical-align:middle;
	border-style:none
  }
  input,
  button {
	margin:0;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit
  }
  .container,
  .container-fluid {
	max-width:1170px!important;
	width:100%;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
  }

  header {
	height: 85px;
	background: #8a7e63 url(../assets/kanva.png);

}
.header-logo{max-height: 85px;}
.header-row{display: flex;align-items: center;}
.search_group {
	height: 32px;
}

.icon_search {
	width: 32px;
	height: 32px;
	background: url(../svg/lupa.svg);
	background-size: 24px;
	background-position: center;
	background-repeat: no-repeat;
}
.header-right {
	min-width: 200px;
	width: 25% !important;
	flex-grow: 1;
}
.header-left{min-width: 100px;}

  @media(min-width:576px) {
	.container {
	  max-width:540px
	}
  }
  @media(min-width:768px) {
	.container {
	  max-width:720px
	}
	.header-row{height: 100%;}
	.header-logo {
		max-height: 125px;
	}
  }
  @media(min-width:992px) {
	.container {
	  max-width:960px
	}
  }
  .row {
	display:flex;
	flex-wrap:wrap;
	margin-right:-15px;
	margin-left:-15px
  }
  .col-lg-6,
  .col-md-8,
  .col-md-6,
  .col-sm-4,
  .col,
  .col-12,
  .col-7,
  .col-5,
  .col-4,
  .col-3 {
	position:relative;
	width:100%;
	padding-right:15px;
	padding-left:15px
  }
  .col {
	flex-basis:0;
	flex-grow:1;
	max-width:100%
  }
  .col-3 {
	flex:0 0 25%;
	max-width:25%
  }
  .col-4 {
	flex:0 0 33.333%;
	max-width:33.333%
  }
  .col-5 {
	flex:0 0 41.667%;
	max-width:41.667%
  }
  .col-7 {
	flex:0 0 58.333%;
	max-width:58.333%
  }
  .col-12 {
	flex:0 0 100%;
	max-width:100%
  }
  @media(min-width:576px) {
	.col-sm-4 {
	  flex:0 0 33.333%;
	  max-width:33.333%
	}
	.col-sm-5 {
	  flex:0 0 41.666%;
	  max-width:41.666%
	}
	.col-sm-6 {
	  flex:0 0 50%;
	  max-width:50%
	}
	.col-sm-7 {
	  flex:0 0 58.333%;
	  max-width:58.333%
	}
	.col-sm-12 {
	  flex:0 0 100%;
	  max-width:100%
	}
  }
  @media(min-width:768px) {
	.col-md-6 {
	  flex:0 0 50%;
	  max-width:50%
	}
	.col-md-8 {
	  flex:0 0 66.667%;
	  max-width:66.667%
	}
	.offset-md-2 {
	  margin-left:16.667%
	}
  }
  @media(min-width:992px) {
	.col-lg-6 {
	  flex:0 0 50%;
	  max-width:50%
	}
	.offset-lg-3 {
	  margin-left:25%
	}
  }
  .collapse:not(.show) {
	display:none
  }
  .nav {
	display:flex;
	flex-wrap:wrap;
	padding-left:0;
	margin-bottom:0;
	list-style:none
  }
  .navbar {
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	padding:.5rem 1rem;
	background:#f3ecd9;
	border-bottom:1px solid #7f7358;
	background:linear-gradient(180deg,rgba(243,236,217,1) 50%,rgba(230,223,199,1) 52%,rgba(242,235,216,1) 89%);
	height:46px;
	font-weight:700;
	font-size:.9rem
  }
  .navbar a {
	color:#655d49
  }
  .navbar-collapse {
	flex-basis:100%;
	flex-grow:1;
	align-items:center
  }
  .navbar-toggler {
	padding:.25rem .75rem;
	line-height:1;
	background-color:transparent;
	border:1px solid transparent;
	border-radius:.25rem;
	font-size:1rem
  }
  .navbar-toggler:hover,
  .navbar-toggler:focus {
	text-decoration:none
  }
  .navbar-toggler-icon {
	display:inline-block;
	width:1.5em;
	height:1.5em;
	vertical-align:middle;
	content:"";
	background:no-repeat 50%;
	background-size:100% 100%;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBzdHJva2U9InJnYmEoMCwgMCwgMCwgMC41KSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTQgN2gyMk00IDE1aDIyTTQgMjNoMjIiLz48L3N2Zz4=)
  }
  @media(min-width:768px) {
	.navbar-expand-md {
	  flex-flow:row nowrap;
	  justify-content:flex-start
	}
	.navbar-expand-md .navbar-collapse {
	  display:flex!important;
	  flex-basis:auto
	}
	.navbar-expand-md .navbar-toggler {
	  display:none
	}
  }
  .navbar-toggler {
	cursor:pointer;
	border-color:rgba(0,0,0,.1)
  }
  .border {
	border:1px solid #dee2e6!important
  }
  .rounded {
	border-radius:.25rem!important
  }
  .d-none {
	display:none!important
  }
  .d-inline-block {
	display:inline-block!important
  }
  .d-block {
	display:block!important
  }
  @media(min-width:768px) {
	.d-md-none {
	  display:none!important
	}
	.d-md-block {
	  display:block!important
	}
  }
  .float-left {
	float:left!important
  }
  .float-right {
	float:right!important
  }
  .shadow {
	box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important
  }
  .w-100 {
	width:100%!important
  }
  .w-auto {
	width:auto!important
  }
  .h-auto {
	height:auto!important
  }
  .m-0 {
	margin:0!important
  }
  .mt-0,
  .my-0 {
	margin-top:0!important
  }
  .mr-0,
  .mx-0 {
	margin-right:0!important
  }
  .mb-0,
  .my-0 {
	margin-bottom:0!important
  }
  .ml-0,
  .mx-0 {
	margin-left:0!important
  }
  .m-1 {
	margin:.25rem!important
  }
  .mt-1,
  .my-1 {
	margin-top:.25rem!important
  }
  .mr-1,
  .mx-1 {
	margin-right:.25rem!important
  }
  .mb-1,
  .my-1 {
	margin-bottom:.25rem!important
  }
  .ml-1,
  .mx-1 {
	margin-left:.25rem!important
  }
  .m-2 {
	margin:.5rem!important
  }
  .mt-2,
  .my-2 {
	margin-top:.5rem!important
  }
  .mr-2,
  .mx-2 {
	margin-right:.5rem!important
  }
  .mb-2,
  .my-2 {
	margin-bottom:.5rem!important
  }
  .ml-2,
  .mx-2 {
	margin-left:.5rem!important
  }
  .m-3 {
	margin:1rem!important
  }
  .mt-3,
  .my-3 {
	margin-top:1rem!important
  }
  .mr-3,
  .mx-3 {
	margin-right:1rem!important
  }
  .mb-3,
  .my-3 {
	margin-bottom:1rem!important
  }
  .ml-3,
  .mx-3 {
	margin-left:1rem!important
  }
  .m-4 {
	margin:1.5rem!important
  }
  .mt-4,
  .my-4 {
	margin-top:1.5rem!important
  }
  .mr-4,
  .mx-4 {
	margin-right:1.5rem!important
  }
  .mb-4,
  .my-4 {
	margin-bottom:1.5rem!important
  }
  .ml-4,
  .mx-4 {
	margin-left:1.5rem!important
  }
  .m-5 {
	margin:3rem!important
  }
  .mt-5,
  .my-5 {
	margin-top:3rem!important
  }
  .mr-5,
  .mx-5 {
	margin-right:3rem!important
  }
  .mb-5,
  .my-5 {
	margin-bottom:3rem!important
  }
  .ml-5,
  .mx-5 {
	margin-left:3rem!important
  }
  .p-0 {
	padding:0!important
  }
  .pt-0,
  .py-0 {
	padding-top:0!important
  }
  .pr-0,
  .px-0 {
	padding-right:0!important
  }
  .pb-0,
  .py-0 {
	padding-bottom:0!important
  }
  .pl-0,
  .px-0 {
	padding-left:0!important
  }
  .p-1 {
	padding:.25rem!important
  }
  .pt-1,
  .py-1 {
	padding-top:.25rem!important
  }
  .pr-1,
  .px-1 {
	padding-right:.25rem!important
  }
  .pb-1,
  .py-1 {
	padding-bottom:.25rem!important
  }
  .pl-1,
  .px-1 {
	padding-left:.25rem!important
  }
  .p-2 {
	padding:.5rem!important
  }
  .pt-2,
  .py-2 {
	padding-top:.5rem!important
  }
  .pr-2,
  .px-2 {
	padding-right:.5rem!important
  }
  .pb-2,
  .py-2 {
	padding-bottom:.5rem!important
  }
  .pl-2,
  .px-2 {
	padding-left:.5rem!important
  }
  .p-3 {
	padding:1rem!important
  }
  .pt-3,
  .py-3 {
	padding-top:1rem!important
  }
  .pr-3,
  .px-3 {
	padding-right:1rem!important
  }
  .pb-3,
  .py-3 {
	padding-bottom:1rem!important
  }
  .pl-3,
  .px-3 {
	padding-left:1rem!important
  }
  .p-4 {
	padding:1.5rem!important
  }
  .pt-4,
  .py-4 {
	padding-top:1.5rem!important
  }
  .pr-4,
  .px-4 {
	padding-right:1.5rem!important
  }
  .pb-4,
  .py-4 {
	padding-bottom:1.5rem!important
  }
  .pl-4,
  .px-4 {
	padding-left:1.5rem!important
  }
  .p-5 {
	padding:3rem!important
  }
  .pt-5,
  .py-5 {
	padding-top:3rem!important
  }
  .pr-5,
  .px-5 {
	padding-right:3rem!important
  }
  .pb-5,
  .py-5 {
	padding-bottom:3rem!important
  }
  .pl-5,
  .px-5 {
	padding-left:3rem!important
  }
  .m-auto {
	margin:auto!important
  }
  .mt-auto,
  .my-auto {
	margin-top:auto!important
  }
  .mr-auto,
  .mx-auto {
	margin-right:auto!important
  }
  .mb-auto,
  .my-auto {
	margin-bottom:auto!important
  }
  .ml-auto,
  .mx-auto {
	margin-left:auto!important
  }
  @media(min-width:768px) {
	.ml-md-0,
	.mx-md-0 {
	  margin-left:0!important
	}
	.mr-md-2 {
	  margin-right:.5rem!important
	}
	.mr-md-3 {
	  margin-right:1rem!important
	}
	.mt-md-5 {
	  margin-top:3rem!important
	}
	.pl-md-0 {
	  padding-left:0!important
	}
	.pt-md-2 {
	  padding-top:.5rem!important
	}
  }
  .d-flex {
	display:flex!important
  }
  .btn {
	display:inline-block;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
	user-select:none;
	background-color:transparent;
	border:1px solid transparent;
	padding:.375rem .75rem;
	font-size:1rem;
	line-height:1.5;
	border-radius:.25rem;
	transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
  }
  .btn:hover {
	color:#fff;
	text-decoration:none
  }
  .btn-dark {
	color:#fff;
	background-color:#343a40;
	border-color:#343a40
  }
  .btn-dark:hover {
	background-color:#23272b;
	border-color:#1d2124
  }
  .btn-warning {
	color:#212529;
	background-color:#ffc107;
	border-color:#ffc107
  }
  .btn-warning:hover {
	background-color:#e0a800;
	border-color:#d39e00
  }
  h1,
  .h1 {
	font-size:1.6rem
  }
  h2,
  .h2 {
	font-size:1.4rem
  }
  h5,
  .h5 {
	font-size:1.3rem
  }
  h6 {
	font-size:1rem
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
	margin-top:0;
	margin-bottom:.5rem;
	font-weight:500;
	line-height:1.2
  }
  .text-danger {
	color:#dc3545!important
  }
  .text-muted {
	color:#6c757d!important
  }
  .text-center {
	text-align:center!important
  }
  .text-left {
	text-align:left!important
  }
  .text-right {
	text-align:right!important
  }
  .text_black {
	color:#1b1e21
  }
  .deal_header {
	background-color:#f8e5d5
  }
  .font-weight-bold {
	font-weight:700!important
  }
  @media(min-width:576px) {
	.text-sm-right {
	  text-align:right!important
	}
	.text-sm-left {
	  text-align:left!important
	}
  }
  .card-footer {
	padding:.75rem 1.25rem;
	background-color:rgba(0,0,0,.03);
	border-top:1px solid rgba(0,0,0,.125)
  }
  a {
	text-decoration:none;
	color:#c14f27
  }
  a:hover {
	color:#c14f27;
	text-decoration:underline
  }
  h5 a,
  h5 a:hover {
	color:#c14f27
  }
  .active {
	color:#c14f27
  }
  header {
	border-bottom:1px solid #7f7358
  }

  .header-right-xl{display: none;}


  @media only screen and (max-width:768px) {
	.navbar {
	  z-index:1041
	}
	.navbar-collapse {
	  background:#efe7ce;
	  border-color:#cbba95;
	  border-radius:10px
	}
	#top_bar {
	  padding-left:0!important
	}

  }
  @media only screen and (min-width:768px) {
	header {
	  height:125px;
	}
	.site_logo {
	  height:125px
	}

	.s_cart {
	  cursor:pointer;
	  width:221px;
	  height:125px;
	  background-position:100% -1px
	}
	.s_cart_e_1 {
	  background:url(/_assets/cart_empty1.png) no-repeat
	}
	.s_cart_e_2 {
	  background:url(/_assets/cart_empty2.png) no-repeat
	}
	.s_cart_e_3 {
	  background:url(/_assets/cart_empty3.png) no-repeat
	}
	.s_cart_e_4 {
	  background:url(/_assets/cart_empty4.png) no-repeat
	}
	.s_cart_f_1 {
	  background:url(/_assets/cart1.png) no-repeat
	}
	.s_cart_f_2 {
	  background:url(/_assets/cart2.png) no-repeat
	}
	.s_cart_f_3 {
	  background:url(/_assets/cart3.png) no-repeat
	}
	.s_cart_f_4 {
	  background:url(/_assets/cart4.png) no-repeat
	}
    .header-right-xl {
    display: block;
	background: url(../assets/basket.png);
	background-size: 100px auto;
	background-repeat: no-repeat;
	height: 125px;
	width: 300px;
	
	background-position: 200px bottom;
}
.corzina-oblako {
	width: 200px;
	height: 125px;
	background: url(../assets/oblaka.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	justify-content: center;
	display: flex;
	align-items: center;
}
  }
  div.separator {
	margin:10px 0;
	height:1px;
	background:linear-gradient(90deg,#F7F3E5 0%,#c14f27 5%,#c14f27 50%,#F7F3E5 100%)
  }
  main {
	box-shadow:inset 0 0 6px 1px rgba(0,0,0,.15)
  }
  .currency_off {
	padding:.15rem .3rem;
	border-radius:3px;
	border:1px solid #bf7f68;
	color:#655d49;
	font-size:.9rem;
	cursor:pointer
  }
  .currency_on {
	background-color:#ffff86;
	padding:.15rem .3rem;
	border-radius:3px;
	border:1px solid #bf7f68;
	color:#655d49;
	font-size:.9rem;
	cursor:pointer
  }
  .site-footer {
	border-top:1px solid #655d49;
	line-height:1.8rem
  }
  
  .icon_flag {
	display:inline-block;
	width:16px;
	height:11px
  }
  .cad {
	background-position:-249px -11px
  }
  .usd {
	background-position:-249px 0
  }
  .icon_pinterest {
	display:inline-block;
	width:64px;
	height:64px;
	background-position:-64px 0
  }
  .icon_facebook {
	display:inline-block;
	width:64px;
	height:64px;
	background-position:0 0
  }
  .icon_instagram {
	display: inline-block;
	width: 64px;
	height: 64px;
	background-position: left -128px top 0;
  }
  .icon_pin_it {
	display:inline-block;
	width:45px;
	height:26px;
	background-position:-265px 0
  }
  .icon_payments {
	display:inline-block;
	width:310px;
	height:48px;
	background-position:0 -65px
  }
  .cart_qty {
	display:inline-block;
	position:relative;
	top:-14px;
	padding:0 5px;
	border-radius:7px;
	background:#e57800;
	color:#fff;
	font-size:11px;
	line-height:14px
  }
  #cart_qty_small {
	left:-10px
  }
  #cart_qty_big {
	left:-5px
  }
  .product_card {
	width:290px;
	height:380px;
	box-shadow:0 5px 11px 0 rgba(0,0,0,.15);
	background-color:#ffffed
  }
  .product_card_small {
	width:200px;
	height:280px;
	box-shadow:0 5px 11px 0 rgba(0,0,0,.15);
	background-color:#ffffed
  }
  .card img {
	max-height:220px;
	max-width:270px
  }
  .card-title {
	margin-bottom:.1rem!important
  }
  .card-body {
	flex:1 1 auto;
	padding:.3rem!important
  }
  .wrapper {
	align-items:stretch;
	display:flex;
	overflow:hidden;
	width:100%;
	position:relative
  }
  @media(max-width:970px) {
	.sidebar {
	  margin-left:-270px
	}
	.sidebar.toggled {
	  margin-left:0
	}
  }
  @media(min-width:970px) {
	.sidebar {
	  margin-left:0
	}
	.sidebar-toggle-hide,
	.sidebar-toggle-container {
	  display:none
	}
  }
  .sidebar {
	min-width:260px;
	max-width:260px;
	transition:margin-left .3s ease-in-out,left .3s ease-in-out,margin-right .3s ease-in-out,right .3s ease-in-out;
	background:0 0;
	border-right:0;
	z-index:1
  }
  @media(max-width:970px) {
	.main {
	  overflow-y:hidden;
	  width:100vw;
	  min-width:100vw;
	  padding-left:1rem!important;
	  padding-right:1rem!important
	}
  }
  .main {
	width:100%;
	min-height:60vh;
	transition:margin-left .3s ease-in-out,left .3s ease-in-out,margin-right .3s ease-in-out,right .3s ease-in-out
  }
  @media(max-width:970px) {
	.main {
	  min-width:100vw
	}
  }
  #body_left {
	width:260px!important;
	padding-top:.5rem;
	border-right:1px solid #d4cb9d;
	border-top:1px solid #d4cb9d;
	border-bottom:1px solid #d4cb9d;
	border-radius:5px;
	background:#f7f3e5;
	background:linear-gradient(90deg,rgba(247,243,229,1) 2%,rgba(235,227,204,1) 6%,rgba(233,224,199,1) 9%,rgba(244,238,224,1) 18%)
  }
  .left_menu_item {
	border:1px solid #d4cb9d;
	border-radius:2px;
	margin-left:4px;
	margin-right:4px;
	background:linear-gradient(#F8DDC3,#FCF5E9);
	font-weight:700;
	height:22px;
	line-height:12px;
	margin-bottom:10px
  }
  .left_menu_item a::before {
	content:"";
	display:inline-block;
	width:22px;
	height:22px;
	background:url(/_assets/bfly.png) no-repeat;
	position:relative;
	left:-10px;
	top:0
  }
  .left_menu_item a {
	position:relative;
	top:-7px
  }
  #body_left a {
	color:#655d49
  }
  #body_left a.active {
	color:#c14f27
  }
  #body_left a.catalog {
	display:inline-block;
	margin-bottom: 0.15rem;
  }
  #body_left div.catalog {
	cursor:pointer;
	margin-bottom: 0.15rem;
  }
  .pagination-link {
	display:inline-block;
	margin:.2rem;
	font-size:1.1rem;
	width:1.6rem
  }
  .pagination-link.active {
	font-weight:700
  }
  .update_inputs {
	padding:.1rem .2rem;
	font-size:.9rem;
	height:1.5rem;
	border-color:#bf7f68
  }
  .number {
	height:1.6rem
  }
  .number div {
	margin:0;
	cursor:pointer;
	font-size:1.3rem;
	line-height:1.3rem;
	width:1.2rem;
	padding:0;
	border:1px solid #bf7f68;
	height:1.6rem;
	display:inline-block;
	vertical-align:middle;
	text-align:center
  }
  .minus {
	border-top-left-radius:4px;
	border-bottom-left-radius:4px
  }
  .plus {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px
  }
  .number input {
	width:2.5rem;
	text-align:center;
	color:#495057;
	border-top:1px solid #bf7f68;
	border-bottom:1px solid #bf7f68;
	border-left:0;
	border-right:0;
	display:inline-block;
	vertical-align:middle;
	height:1.6rem
  }
  .search_group {
	height:32px
  }
  .search_group .icon {
	margin:0;
	display:inline-block;
	cursor:pointer;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	width:32px;
	height:32px;
	vertical-align:middle
  }
  .simple_field {
	padding:.375rem .75rem;
	font-size:1rem;
	font-weight:400;
	line-height:1.5;
	color:#495057;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid #ced4da;
	border-radius:.25rem;
	display:inline-block;
	width:75%;
	height:32px;
	margin:0;
	text-align:left;
	vertical-align:middle
  }
  #search_field:focus {
	color:#495057;
	background-color:#fff;
	border-color:#80bdff;
	outline:0;
	box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
  }
  .add_to_cart_button {
	border-radius:10px;
	background-color:#f5d8b8;
	color:#655d49;
	font-weight:700;
	cursor:pointer
  }
  .add_to_cart_button:hover {
	color:#212529
  }
  #sorting_options {
	height:calc(1.5em + 0.5rem + 2px);
	padding:.375rem .75rem;
	font-size:1rem;
	font-weight:400;
	line-height:1.5;
	color:#495057;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid #ced4da;
	border-radius:.25rem
  }
  

