:root {
    --input-padding-x: .75rem;
    --input-padding-y: .65rem;
  --vh: 1vh; /* Fallback */
  --view-color: #1b2854;
  }

.wsmenu {
  /* These will be handled by JS, but good to have as fallbacks */
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}

body.wsactive {
  touch-action: none; /* Additional iOS scroll prevention */
}
body {
    font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	background-color: #fff;
    color: #28201e;
    overflow-x: hidden;
}
html, body {
    height: 100%;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
	-moz-appearance:textfield; /* Firefox */
}
header small {
	color: #999999;
	display: block;
	margin-left: 37px;
	font-size: 14px;
	margin-top: 5px;
}
.box_header {
    border-bottom: 1px solid #999;
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
.kom .list-group-item {
    padding: 40px 25px 50px 25px;
    margin-bottom: 20px;
}
.kom .list-group-item .fas {
    margin-bottom: 15px;
}
.headertopright.komercijalist {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.topnavbar .wsmenu-list.komercijalist {
    text-align: left;
    margin-top: 0!important;
	float: left;
	margin-left: 15px;
    width: auto;
}
.box_header .topnavbar .wsmenu {
    margin-top: 0!important;
}
.box_header .headertopleft {
    left: 20%!important;
}
.box_header .vertline {
    margin-right: 3px;
}
.boxkomercijalistiheader .navbar-brand {
    margin-top: -45px;
    width: 90px;
}
.box_header .topnavbar{
    font-size: 15px;
    background-color: #F2F3F7;
    padding: 5px;
}
.form-label-group {
    position: relative;
    margin-bottom: 1rem;
  }
  .form-label-group > input,
  .form-label-group > label {
    padding: var(--input-padding-y) var(--input-padding-x);
    height: 45px;
  }
  .form-label-group > label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    text-align: left;
    width: 100%;
    margin-bottom: 0; /* Override default `<label>` margin */
    line-height: 1.5;
    color: #495057;
    border: 1px solid transparent;
    border-radius: .25rem;
    transition: all .1s ease-in-out;
  }
  
  .form-label-group input::-webkit-input-placeholder {
    color: transparent;
  }
  
  .form-label-group input:-ms-input-placeholder {
    color: transparent;
  }
  
  .form-label-group input::-ms-input-placeholder {
    color: transparent;
  }
  
  .form-label-group input::-moz-placeholder {
    color: transparent;
  }
  
  .form-label-group input::placeholder {
    color: transparent;
  }
  
  .form-label-group input:not(:placeholder-shown) {
    padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
    padding-bottom: calc(var(--input-padding-y) / 3);
  }
  
  .form-label-group input:not(:placeholder-shown) ~ label {
    padding-top: calc(var(--input-padding-y) / 3);
    padding-bottom: calc(var(--input-padding-y) / 3);
    font-size: 12px;
    color: #777;
    pointer-events:none;
  }
  .list-group-item h4 {
    color: inherit !important;
    font-size: 18px;
    text-align: center;
    padding-top: 25px;
}  
.boxsearchkom .search {
    width: 100%;
    margin-left: 0;
    border: 1px solid #ced4da;
}
.boxsearchkom .search:focus {
    box-shadow: none;
    color: #333;
    transition: all 0.3s ease 0s;
    width: 100%;
    background-color: #f4f4f4;
}
.btn-trazi {
    cursor: pointer;
    display: block;
    height: 40px;
    position: absolute;
    right: 2px;
    top: 2px;
    border-radius: 0;
    background-color: #fff;
    color: #B07515;
    font-size: 20px;
}  
.cijenavpc {
	color: #3F1F22;
	font-size: 16px;
    white-space: nowrap;
}
.inline {
    display: inline !important;
}
.headerkosarica {
    color: #3F1F22 !important;
    position: relative;
    display: inline-block;
    margin-left: 35px;
    font-size: 15px;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.headerkosarica i {

    color: #3F1F22 !important;
    /* height: 50px; */
    margin-right: 15px;
    padding-right: 10px;
    letter-spacing: 2px;
    position: relative;
}
.headerkosarica div {
    background-color: #B07515;
    color: #fff;
    border-radius: 50px;
    position: absolute;
    right: -6px;
    top: -15px;
    font-weight: 700;
    font-size: 15px;
    padding: 3px 6px;
}
.headerkosaricascroll {
	position: absolute;
    right: 0;
    margin-right: 0;
    font-size: 14px;
    margin-top: 49px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-transition: all .800s;
    -moz-transition: all .800s;
    -o-transition: all .800s;
      transition: all .800s;
}
.dostava {
	color: #808080;
    font-size: 14px;
    margin: 0 25px;
    border-left: 1px solid rgba(0, 0, 0, 0.3);
display: inline-block;
padding-left: 30px;
}
.dostava i {
	color: #EFBF75;
    margin-right: 10px;
}
.space5 { margin-top:5px; }
.space7 { margin-top:7px; }
.space10 { margin-top:10px; }
.space15 { margin-top:15px; }
.space17 { margin-top:17px; }
.space20 { margin-top:20px; }
.space30 { margin-top:30px; }
.space40 { margin-top:40px; }
.space50 { margin-top:50px; }
.space100 { margin-top:100px; }

.opacity {
        opacity: 0.7;  /* Opacity for Modern Browsers */
        filter: alpha(opacity=70);  /* Opacity for IE8 and lower */
        zoom: 1;  /* Fix for IE7 */
    }

a, a:hover, a:focus {
	color: #3F1F22;
    text-decoration: none;
}
table a {
    text-decoration: underline;
}

h1 {
	margin-top: 5px;
	margin-bottom: 10px;
	text-decoration: none;
	display: inline-block;
}

hr {
	margin-top:10px;
	margin-bottom: 10px;
    border-top: 1px solid #3F1F22;
}
.table > tbody > tr > td {
    vertical-align: middle!important;
    font-size: 14px;
}
.table h3 a{
    font-size: 17px;
    line-height: 1;
    color: #232323;
    font-weight: bold;
}
.table h3 a:hover{
    color: #28201e;
    text-decoration: none;
}
.price-xs {
  white-space: nowrap;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
	#wrap {
  min-height: 100%;
	height: auto !important;
  margin: 0 auto 0px;
  padding: 0px;
}
#notifications {
	top: 0;
	cursor: pointer;
	margin-top: 22px;
	margin-right: 15px;
	max-width: 300px;
	position: fixed;
	right: 0;
	z-index: 9999;
	color: #FFF;
}
#notifications .alert{
  margin: 0;
	background-color: #5cb85c;
}
.main {
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.main h4{
	text-align: center;
	font-weight: 700;
	padding: 15px 120px;
	color: #333;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 50px;
}
.mainhome {
    margin-top: 15px;
    padding-top: 0;
    margin-right: -15px !important;
    padding-bottom: 0px;
    margin-left: -15px !important;
}
.mainw {
	margin-top: 15px;
	padding-top:0;
	margin-right: -30px!important;
	padding-bottom: 0px;
	margin-left: -30px!important;
}
.mainview {
	padding: 35px 0 50px 0;
    line-height: 23px;
font-size: 15px;
}
.mainview h1{
    display: block;
    font-weight: 700;
    max-width: 90%;
    color: #fff;
    font-size: 55px;
    text-transform: uppercase;
    margin: 0;
}

.mainview .promotion {
  width: 80px;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  right: 100%;
  left: auto;   
  transform: translate(50%, -50%);
  font-size: 26px;
  position: absolute;
  padding: 25px 10px;
  border-radius: 50%;
  z-index: 1;
  font-weight: 400;
}
.mainviewsecond {
	background-color: #F6F7FB;
    margin: 120px 0 70px 0;
    width: 100%;
}
.mainview2 {
	/* color: #333; */
    font-size: 16px!important;
}
.mainview2 h1{
	font-size: 32px;
    margin-bottom: 45px;
    display: block;
    font-weight: 700;
}
.mainview2 h3 {
color: #e0225f;
font-size: 1.25em;
font-weight: 700;
}
.mainview2 ol {
  counter-reset: item;
}
/* .mainview2 li {
  display: block;
} */
/* .mainview2 li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  margin-right: 5px;
  margin-top: 15px;
  font-weight: 700;
  display: inline-block;
} */
.mainview2 ol li > ol li{
    list-style-type: disc;
}
.form-reservation span {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}
.form-reservation2 span {
  margin-bottom: 0;
}
.tooltip-inner {
    max-width: 350px;
    width: 350px;
		font-size: 15px;
		font-weight: 400;
		padding: 10px;
}
.yt-video-view {
    width: 550px;
    height: 400px;
    max-height: 100%;
}
.box1 {

  padding:15px 15px;
	color: #666666;
	font-weight: 100;

	width: 100%;
	display: block;
	margin-bottom: 15px;
	margin-top: 15px;
	font-size: 15px;
}
.box1 h3 {
	color: #333!important;
	font-weight: 700;
	font-size: 24px!important;
	margin-top: 0;
	margin-bottom: 20px;
}
.box1 a{
	text-decoration: none;
	color: #555;
}
.box1 a:hover{
	text-decoration: underline;
	color: #C00;
}
.box1 .col-lg-1, .box1 .col-lg-10, .box1 .col-lg-11, .box1 .col-lg-12, .box1 .col-lg-2, .box1 .col-lg-3, .box1 .col-lg-4, .box1 .col-lg-5, .box1 .col-lg-6, .box1 .col-lg-7, .box1 .col-lg-8, .box1 .col-lg-9, .box1 .col-md-1, .box1 .col-md-10, .box1 .col-md-11, .box1 .col-md-12, .box1 .col-md-2, .box1 .col-md-3, .box1 .col-md-4, .box1 .col-md-5, .box1 .col-md-6, .box1 .col-md-7, .box1 .col-md-8, .box1 .col-md-9, .box1 .col-sm-1, .box1 .col-sm-10, .box1 .col-sm-11, .box1 .col-sm-12, .box1 .col-sm-2, .box1 .col-sm-3, .box1 .col-sm-4, .box1 .col-sm-5, .box1 .col-sm-6, .box1 .col-sm-7, .box1 .col-sm-8, .box1 .col-sm-9, .box1 .col-xs-1, .box1 .col-xs-10, .box1 .col-xs-11, .box1 .col-xs-12, .box1 .col-xs-2, .box1 .col-xs-3, .box1 .col-xs-4, .box1 .col-xs-5, .box1 .col-xs-6, .box1 .col-xs-7, .box1 .col-xs-8, .box1 .col-xs-9 {
padding: 15px;
	background-color: #D6EBF2 !important;
border: 2px solid #fff;
min-height: 182px;
text-align: center;
}
.boxsivo {
	background-color: #F6F7FB;
  padding:0 15px;
	width: 100%;
	display: block;
	margin-bottom: 15px;
	margin-top: 15px;
}
.boxsivo h3 {
	color: #333!important;
	font-weight: 700;
	font-size: 24px!important;
	margin-top: 0;
}
.boxsivo a{
	text-decoration: none;
	color: #555;
}
.boxsivo a:hover{
	text-decoration: underline;
	color: #C00;
}
.boxsivo .jackbox {
    margin-right: 0px;
}
.hide-cart{display:none}
.quickcart{width:500px;height:auto;z-index:50000;border:1px solid #CCAA71;padding:8px 10px 10px;text-align:left;color:#fff; position: absolute; background: #28201e;right: 0;box-shadow: 0px 10px 19px -16px rgba(0, 0, 0, 0.75);}
#searchbox .form-group{
	padding-top: -1px;
	display: inline-block;
}
.search {
    font-size: 16px;
	box-shadow: none;
	color: #333;
    background-color: #f4f4f4;
	/* transition: all 0.3s ease 0s; */
	width: 200px;
	height: 35px;
	border-radius:0px;
	background-attachment: scroll;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 45px;
	margin-left: 15px;
	margin-top: -8px;
	margin-right: 0px;
	padding-top: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.search:focus {
	box-shadow: none;
	color: #333;
	font-weight: 300;
	/* transition: all 0.3s ease 0s; */
	width: 200px;
    background-color: #f4f4f4;
}
.search input {
	color: #333;
}
.form-group select {
    height: 48px;
    padding: 8px 15px;
    padding-right: 25px;
    font-size: 15px;
    /* border: 0 none; */
    border-radius: 0;
    -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */
  background: url("../images/if_icon-arrow-down-b_211614.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("../images/if_icon-arrow-down-b_211614.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}
#defaultForm select.form-control {
    position: relative;
    right: 0;
    top: 0;
    font-size: 15px;
}
.btn-default {
    background-color: #f7f7f7!important;
    background-image: none!important;
    color: #3F1F22!important;
    text-shadow: none!important;
    border: 1px solid #ccc;
}
.btn-default:hover {
    color: #fff!important;
    background-color: #3F1F22!important;
    background-image: none!important;
}
.btn-default span {
    margin-bottom: 0;
}
.voucher {
	background-color: #3F1F22;
    color: #fff;
    vertical-align: middle!important;
}
.voucher div {
    vertical-align: middle!important;
}
.voucher h4 {
    font-weight: 700;
    margin: 0;
    text-align: right;
    padding: 12px 0;
    color: #fff;
}
.boxw {
	background-color: #fff;
	padding: 20px;
	padding-top: 0;
	padding-left: 5px;
}
.boxw hr {
    border-top: 1px solid #eee;
}
.boxw h1 {
    margin-top: 0;
    margin-bottom: 0;
		font-weight: 700;
}
.boxw h3 {
    color: #C51425;
}
/* .boxw  li{
	line-height: 26px;
	margin-left: 40px;
} */
.boxw2 {
	background-color: #fff;
	padding: 20px;
	position: relative;
	width: 100%;
	display: inline-block;
}
.kosarica-container form {
	padding-top: 39px;
}
.kosarica-container .input-group {
	width: 70%;
	float: left;
}

.red {
	color: #e3010f;
	}
.red1  {
	background-color: #333;
	color: #fff;
	display:block;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	}
.red1:hover  {
	background-color: #fff;
	color: #333;
	text-decoration: none;
	}
.big {
	font-size: 33px;
	}
.inline-block {
	display: inline-block !important;
	}
.addbasket {
	background-color: #3F1F22;
	border: 0px none;
	color: #FFF!important;
	text-decoration: none;
    letter-spacing: 2px;
	font-size: 15px!important;
	font-weight: 400!important;
	padding-top: 15px;
	padding-right: 50px;
	padding-bottom: 12px;
	padding-left: 50px;
    margin-top: 10px;
	margin-bottom: 0;
    display: inline-block;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
}
.addbasket:hover {
	background-color: #333;
	background-image: none;
	color: #FFF;
	text-decoration: none;
	border: 0px none;
}

a.link_red {
	color: #F00;
	font-weight: bold;
	text-decoration: none;
}
a.link_red:hover {
	text-decoration: underline;
}
.link {
	color: #333;
	text-decoration: none;
}
.borderless td {
    border: none !important;
}

.navbar-custom a {
	color: #777;
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
	font-size: 15px;
}
.navbar-custom .tel {
	color: #3F1F22;
}
.navbar-text{
	color: #777;
	padding: 13px;
	margin: 0px;
	}
.navbar-top li{
	padding: 0px;
	color: #777;
	}

.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li.active {
	background-color: rgba(255, 255, 255, 0.2);
	outline: 0 none;
}
.navbar-brand {
	padding: 0;
	float: left;
	/* height: auto;
	width: 105px; */
  height: 100%;
  width: auto;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    /* box-shadow: 0 2px 8px 0 rgba(0,0,0,.46); */
}
.navbar-brand-footer {
  display: inline-block;
	width: 130px;
  max-width: 100%;
}
.navbar-brand-footer > img{
  max-width: 100%;
}
 .bottom-align-text {
    position: absolute;
    bottom: 0;
    right: 0;
  }
.topnavbar {
  	margin-left: 0px;
  	margin-right: 0px;
  	margin-bottom: 0;
  	margin-top: 0px;
  	background-color: #F2F3F7;
  	width: 100%;
  	z-index: 3;
    display: inline-block;
    font-size: 14px;
  }
  .topnavbar a {
      padding: 0 10px;
  }
  .topnavbar.navbar-fixed-top .navbar-brand {
      width: 85px;
      margin-top: -25px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
  }
 .topnavbar .wsmenu {
     margin-top: 5px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
 }
.headertopleft {
    float: left;
    left: 15%;
position: relative;
padding-top: 7px;
}
.headertopright {
    float: right;
}
.lang > a {
    /* line-height: 35px; */
    text-transform: uppercase;
}
.vertline {
    display: inline;
    border-left: 1px solid #ccc;
    height: 100%;
    margin-right: 15px;
}
.sel-currency-sort {
    border: 0;
    box-shadow: none;
    font-size: 13px;
    width: auto;
    display: inline;
    margin-right: 20px;
    -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

}
select.form-control {
    padding-right: 20px;
    padding-top: 8px;
    /* background-image: url("data:image/svg+xml,\ */
      /* <svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='14px'\ */
           /* height='14px' viewBox='0 0 1200 1000' fill='rgb(51,51,51)'>\ */
        /* <path d='M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z'/>\ */
      /* </svg>"); */
    background-repeat: no-repeat;
    background-position: calc(100% - 7px) 50%;
    -moz-appearance: none;
    appearance: none;
  }
.checkbox {
    margin-bottom: 2px;
}
.checkbox > [type="checkbox"],
	.checkbox > label{
		margin-bottom:3px !important;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		font-weight: 400;
	}
	.checkbox > [type="checkbox"]:not(:checked),
	.checkbox > [type="checkbox"]:checked {
		position: absolute;
		left: -9999px;
	}
	.checkbox > [type="checkbox"]:not(:checked) + label,
	.checkbox > [type="checkbox"]:checked + label {
		position: relative;
		padding-left: 25px;
		cursor: pointer;
	}
	.checkbox > [type="checkbox"]:not(:checked) + label:before,
	.checkbox > [type="checkbox"]:checked + label:before {
		content: '';
		position: absolute;
		left:0;
		top: 50%;
		margin-top:-9px;
		width: 17px;
		height: 17px;
		border: 1px solid #ccc;
		background: #ffffff;
		border-radius: 2px;
	}
	.checkbox > [type="checkbox"]:not(:checked) + label:after,
	.checkbox > [type="checkbox"]:checked + label:after {
		font: normal normal normal 9px/1 'Glyphicons Halflings';
		content: '\e013';
		padding:3px;
		position: absolute;
		top: 50%;
		margin-top:-9px;
		left:0;
		color: #fff;
		background: #3F1F22;
		border: 1px solid #3F1F22;
		xtransition: all .2s;
		border-radius: 2px;
	}

	.checkbox > [type="checkbox"]:not(:checked) + label:after {
		opacity: 0;
		transform: scale(0);
	}
	.checkbox > [type="checkbox"]:checked + label:after {
		opacity: 1;
		transform: scale(1);
	}

	.checkbox > [type="checkbox"][data-indeterminate] + label:after,
	.checkbox > [type="checkbox"][data-indeterminate] + label:after {
		content: '\2212';
		left: 2px;
		opacity: 1;
		transform: scale(1);
	}

	.checkbox > [type="checkbox"]:disabled:not(:checked) + label:before,
	.checkbox > [type="checkbox"]:disabled:checked + label:before {
	  	box-shadow: none;
	  	background-color: #eeeeee;
		border-color: #eeeeee;
		cursor: not-allowed;
		opacity: 1;
		color: #dadada;
	}
	.checkbox > [type="checkbox"]:disabled:checked + label:after {
	  color: #dadada; cursor: not-allowed;
	}
	.checkbox > [type="checkbox"]:disabled + label {
	  color: #aaa; cursor: not-allowed;
	}
	.checkbox > [type="checkbox"]:checked:focus + label:before,
	.checkbox > [type="checkbox"]:not(:checked):focus + label:before {
		border: 1px solid #66afe9;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	}
	.checkbox > label:hover:before {
  		border: 1px solid #88D2FF !important;
	}
	.checkbox > [type="checkbox"]:disabled:not(:checked) + label:hover:before,
	.checkbox > [type="checkbox"]:disabled:checked + label:hover:before{
		border: 1px solid #E4E4E4 !important;
	}
	.stylish-input-group .input-group-addon{
        border-radius:0px;
        background-color: #3F1F22;
        color: #FFF;
    }
    .stylish-input-group .form-control{
        border-right:0;
        box-shadow:0 0 0;
        border-color:#ccc;
        padding-left: 16px;
    }
    .stylish-input-group button{
        border:0;
        background:transparent;
    }
/* .sidebarmob {
	display: none;
} */
.advsearch .podnaslov{
	background-color: #eee;
	padding: 5px 10px;
	margin-bottom: 5px;
	display: block;
}
.headersearch .search-circle{
	display: none;
}
.toggle-search {
	color: #333;
	text-align: center;
	right: 0;
}
.toggle-search:hover {
	color: #333;
}
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
	font-size: 17px;
}

.nav-wizard {
	margin-top:1px;
}
.nav-wizard li {
    width: auto;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background-color: #3F1F22!important;
	background-image: none;
	color: #FFF;
}
.navbar .sub-menu:before {
	border-bottom: 7px solid transparent;
	border-left: none;
	border-right: 7px solid rgba(0, 0, 0, 0.2);
	border-top: 7px solid transparent;
	left: -7px;
	top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
.menu-wrapper {
	position: relative;
    display: inline-block;
    width: 100%;
}
.menu-wrapper h5 {
	color: #3F1F22;
    border-bottom: 2px solid #666666;
    text-align: left;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.absolute-wsmenu {
    position: absolute !important;
    top: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    max-width: 100% !important;
    z-index: 999;
}

.fixed-wsmenu {
    position: fixed !important;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    max-width: 100% !important;
    z-index: 999;
}
.nav-pills {
    margin-top: 0px;
    min-height: 50px;
    border-radius: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-weight: normal;
    color: #fff;
    font-size: 15px;
    z-index: 9999;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 120px;
    padding-top: 25px;
    padding-bottom: 25px;
    -webkit-transition: background .5s;
    transition: background .5s, height 0.5s;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.nav-pills.sticky {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-animation: fadeInDown .7s ease-in-out 0s 1 normal none running;
    animation: fadeInDown .7s ease-in-out 0s 1 normal none running;
    background: #28201e;
}
.nav-pills.sticky .navbar-brand{
    position: relative;
    z-index: 999;
    /* top: 2px; */
    -webkit-transition: none;
    transition: none;
    /* width: 65px; */
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.nav-pills.sticky .smllogo {
    width: 15%;
    margin-top: 0;
    justify-content: center;
display: flex;
}
.nav-pills li a{
  color: #fff;
}
.nav-pills .wsmegamenu a{
  color: #fff;
}
.nav-pills li a i{
  font-size: 14px;
}
.twoColumns{
    -webkit-column-gap: 100px;
       -moz-column-gap: 100px;
            column-gap: 100px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    text-align: justify;
}
@keyframes fadeInDown {
   0% {
      opacity: 0;
      transform: translateY(-100px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}
label.error1 {
	font-weight:normal;
	color:#F00 !important;
	text-align:center;
	font-size: 1.4em;
	display: block;
	margin-top: -10px;
	margin-bottom: 10px;
}
form.cmxform label.error1 { display: none; }
.breadcrumb {
	border-radius: 0px;
  background: none;
	font-size: 14px;
    margin-bottom: 0;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}
.breadcrumb a{
	color: #fff;
	text-decoration: none;
}
.breadcrumb a:hover{
	color: #fff;
	text-decoration: underline;
}
.breadcrumb li:last-child a{
	color: #fff!important;
}
.breadcrumb > li {
    margin-left: 0!important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-transform: uppercase;
}
.breadcrumb li i{
  color: #fff;
}
.breadcrumb>li+li:before{
  display: none;
}
.label-lacroa {
    background-color: #B07515!important;
    padding: 5px;
    border-radius: 10px;
    display: inline-block;
}
.filter {
    background-color: #3F1F22!important;
    text-align: center;
    margin-bottom: 30px;
    padding: 15px 35px;
}
.filter h4 a {
    text-transform: uppercase;
    background: -webkit-linear-gradient(45deg, #B07515, #FFFFD7, #B07515);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    font-size: 18px;
}
.filter h4 a:hover{
    color: #3F1F22 !important;
text-decoration: none;
}
.thumb-img6 {
	width:auto;
	height:80px;
	padding:0px;
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 0px;
	display: inline-block;
    /* border: 1px solid #f7f7f7; */
    text-align: center;
}
.thumb6 {
	width:auto;
    height: 100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-img5 {
	width:100%;
	padding:0px;
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 10px;
    position: relative;
}
.thumb5 {
	height:100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-img4 {
	width:100px;
	height:100px;
	padding:0px;
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 0px;
	display: inline-block;
	float: left;
}
.thumb4 {
	width:100px;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-img3 {
	width:100%;
	height: 170px;
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	display: flex;
	text-align: center;
    filter: brightness(80%);
}

.thumb3 {
	width:100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-img2 {
    /* background-color: #F3F4F8; */
	width:auto;
    height:450px;
    min-height: 450px;
    max-height: 450px;
	padding:0px;
	overflow: hidden;
	margin-right: 0px;
	/* margin-bottom: 5px; */
  margin-bottom: 0;
    position: relative;
}
.thumb2 {
	height:100%;
  width: 100%;
  object-fit: contain;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-img1 {
    background-color: #F3F4F8;
	width:100%;
	height:330px;
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
	text-align: center;
}
.thumb1 {
	height: 100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-img0 {
    background-color: #F3F4F8;
    position: relative;
    width: 100%;
    height:auto;
    min-height: 330px;
    max-height: 330px;
    padding: 0px;
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 10px;
}
.thumb0 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
	text-align: center;
}
.thumb-img7 {
    filter: brightness(80%);
	text-align: center;
	width:100%;
	height:auto;
	max-height: 200px;
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
}
.thumb-img5 {
	text-align: center;
	width:100%;
	height:auto;
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
}
.thumb5 {
	width: auto;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
	text-align: center;
}
.thumb-imgkat {
	width:auto;
	height: 170px;
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	display: flex;
	text-align: center;
    filter: brightness(80%);
}
.thumbkat {
	width:auto;
    height: 170px;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
    left: 50%;
    transform: translateX(-50%)!important;
    position: relative;
}
.thumb-main {
    height: 100%;
  width: 100%;
}

.thumb-mainvideo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.thumb-mainvideo a {
  display: block;
  width: 100%;
  height: 100%;
}

.thumb-mainvideo iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  pointer-events: none;
  will-change: transform;
  backface-visibility: hidden;
}

.thumb-mainvideo a {
  pointer-events: auto;
}

.thumbmain {
    height: 100%;
width: 100%;
-o-object-fit: cover;
   object-fit: cover;
}

.thumb-img-gal {
	width:100%;
	height:145px;
	padding:0px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline-block;
}
.thumbgal {
	width:100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}
.thumb-list {
	width:100%;
	padding:0px;
	overflow: hidden;
	margin: 10px;
	height: auto;
}
.thumblist {
	width:100%;
	padding: 0px;
	margin: 0px;
	transition: all 0.5s ease 0s;
}

#imageGalleryModal .carousel {
    margin-bottom: 0!important;
}
#imageGalleryModal .modal-body {
    padding: 0!important;
}
.portofino {
    margin: 50px 0;
    position: relative;
}
.portofino .carousel-control-prev{
    left: 0;
}
.portofino .carousel-control-next{
    right: 0;
}
.product {
	text-align: center;
	transition: all 0.5s ease 0s;
	margin-bottom: 35px;
	border-radius: 0px;
	position: relative;
	padding: 0;
	font-size: 15px;
	font-weight: normal;
	color: #848484;
	overflow: hidden;
    /* height: 485px; */
    /* height: 530px; */
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
}
.product:hover {
	/* background: none repeat scroll 0 0 #fff;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	box-shadow: 0px 0px 15px #ddd; */
}
.product:hover .btn-add {
    visibility: visible;
}
.product:hover .btn-add span {
    text-transform: uppercase;
    /* background: -webkit-linear-gradient(45deg, #B07515, #FFFFD7, #B07515);
        background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: #AD946B;
}
.product .form-reservation {
    position: absolute;
    bottom: 10px;
    width: 95%;
    left: 13px;
    padding: 0 15px;
}
.product .input-group {
    width: 75%;
    float:left;
}
.product  .input-group .form-control {
    margin: 0;
    padding: 5px;
    border: 0px none;
    font-size: 18px;
    height: 100%;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
    z-index: 0;
}
.product .btn-default1 {
    background-color: #fff;
	color: #3F1F22;
    border: 0px none;
    padding-top: 12px;
    padding-right: 13px;
    padding-bottom: 10px;
    padding-left: 11px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
    z-index: 1;
    border-radius: 0;
}
.product .btn-default1:hover {
    background-color: #3F1F22;
	color: #fff;
}
.kosarica-container .form-reservation {
    margin-top: 0;
    bottom: 0;
    width: 100%;
}
.kosarica-container .input-group {
    width: 75%;
    float:left;
}
.kosarica-container  .input-group .form-control {
    margin: 0;
    padding: 5px;
    border: 0px none;
    font-size: 18px;
    height: 100%;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
    z-index: 0;
}
.kosarica-container .btn-default1 {
    background-color: #fff;
    color: #3F1F22;
    border: 0px none;
    padding-top: 11px;
    padding-right: 13px;
    padding-bottom: 10px;
    padding-left: 11px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
    z-index: 1;
    border-radius: 0;
}
.kosarica-container .btn-default1:hover {
    background-color: #3F1F22;
	color: #fff;
}
.addbasket1 {
    background-color: #3F1F22;
    border: 0px none;
    color: #FFF!important;
    padding-top: 11px;
    padding-right: 13px;
    padding-bottom: 10px;
    padding-left: 11px;
    margin: 0;
    float: left;
    border-radius: 0;
    margin-top: 1px;
}
.addbasket1:hover {
	background-color: #333;
	color: #fff!important;
}
.product:hover a img {
    transform: scale(1.1) rotate(-0.5deg);
}
.product h3 {
	margin:0;
  /* text-align: left; */
  text-align: center;
  padding: 10px;
  /* display: flex; */
    /* margin-bottom: 15px;
    min-height: 45px; */
}
.product h3 a{
	font-size: 20px;
  text-transform: uppercase;
    /* line-height: 20px; */
	color: #232323;
	font-weight: bold;
  transition: 0.3s ease;
}
.product h3 a:hover{
	color: #B99C7A;
	/* text-decoration: underline; */
}
.product h5{
	color: #C51425;
	font-size: 16px;
	margin-top:5px;
	margin-bottom: 15px;
}
.paybox {
    min-height: 285px;
}
.nostock {
    background-color: rgba(0, 0, 0, 0.45) !important;
position: absolute;
text-align: center;
top: 42%;
left: 0;
right: 0;
color: #fff;
font-size: 16px;
padding: 5px 8px;
padding-top: 7px;
font-weight: 700;
text-shadow: 1px 1px 0px #333;
z-index: 1111;
}
.kolona2-cont {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 50px 0;
    width: 100%;
}
.kolona2-cont img{
    position: relative;
    left: 40%;
    transform: translateX(-60%);
    -webkit-transform: translateX(-60%);
    /* -moz-transform: translateX(-25%);
   -o-transform: translateX(-25%); */
    width: auto;
    height: 530px;
}
.kolona2-cont .swiper-container{
    width: 100%;
    max-width: 500px;
    position: absolute;
    top: 50%;
    /* transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
   -o-transform: translateY(-50%); */
   -webkit-transform: translate(-35%,-50%);
   transform: translate(-35%,-50%);
   /* transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%); */
   left: 60%;
    height: unset;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.kolona2-cont .swiper-wrapper {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
   -o-transform: translateX(-50%);
    position: relative;
}
.kolona2-cont .swiper-slide {
    width: 500px;
    height: unset;
    padding: 20px 30px;
    background-color: #3F1F22;
}
.kolona2-cont h2 {
    font-family: 'Cormorant Upright', serif;
    margin-top: 10px;
    text-transform: uppercase;
    background: -webkit-linear-gradient(45deg, #B07515, #FFFFD7, #B07515);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.kolona2-cont p {
    margin: 10px 0px;
    font-size: 15px;
    color: #fff;
}
.kolona2-cont .more {
    margin: 15px 0px;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
}
.kolona2-cont .more:hover {
    color: #B07515;
    text-decoration: none;
}
.kolona2-cont .verticalline{
	display: block;
	width: 100%;
    content:"";
    background: -webkit-linear-gradient(left, #B07515 0%, #FFFFD7 25%, #B07515 50%, #FFFFD7 75%, #B07515 100%);
    height: 1px;
    left: 0;
    margin: 15px 0;
}
.kolona2-cont .verticalline span{
	width: 10px;
    height: 10px;
    background-color: #CD9F42;
    border-radius: 50%;
    position: relative;
    display: block;
left: 0;
top: -4px;
}
.kolona1-cont {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 50px 0;
    width: 100%;
}
.kolona1-cont img{
    position: relative;
    left: 40%;
    transform: translateX(45%);
    -webkit-transform: translateX(45%);
    /* -moz-transform: translateX(50%);
   -o-transform: translateX(50%); */
    width: auto;
    height: 500px;
}
.kolona1-cont .swiper-container{
    width: 100%;
    max-width: 500px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-45%,-50%);
    transform: translate(-45%,-50%);
    /* transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
   -o-transform: translateY(-50%); */
    height: unset;
    left: 40%;
    /* transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
   -o-transform: translateX(-50%); */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
/* .kolona1-cont .swiper-wrapper {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
   -o-transform: translateX(-50%);
    position: relative;
} */
.kolona1-cont .swiper-slide {
    width: 500px;
    height: unset;
    padding: 20px 30px;
    background-color: #fff;
}
.kolona1-cont h2 {
    font-family: 'Cormorant Upright', serif;
    margin-top: 10px;
    text-transform: uppercase;
    color: #3F1F22;
}
.kolona1-cont p {
    margin: 10px 0px;
    font-size: 15px;
    color: #3F1F22;
}
.kolona1-cont .more {
    margin: 15px 0px;
    font-size: 15px;
    color: #3F1F22;
    font-weight: 700;
}
.kolona1-cont .more:hover {
    color: #B07515;
    text-decoration: none;
}
.kolona1-cont .verticalline{
	display: block;
	width: 100%;
    content:"";
    background: -webkit-linear-gradient(left, #B07515 0%, #FFFFD7 25%, #B07515 50%, #FFFFD7 75%, #B07515 100%);
    height: 1px;
    left: 0;
    margin: 15px 0;
}
.kolona1-cont .verticalline span{
	width: 10px;
    height: 10px;
    background-color: #CD9F42;
    border-radius: 50%;
    position: relative;
    display: block;
left: 0;
top: -4px;
}
#deklaracija tr{
    border-bottom: 1px solid #ddd;
}
#deklaracija td{
	padding: 3px;
}
.anime {
	position: absolute;
	margin-top: -280px;
	width: 100%;
}
.anime a p{
	text-decoration: underline;
	color: #0D72B1;
}
.anime a p:hover, .anime a:hover{
	text-decoration: none;
	color: #333;
}
.animhome {
	text-align: center;
	transition: all 0.5s ease 0s;
	margin: 10px;
	border-radius: 0px;
	background-color: rgba(255,255,255,0.75);
	padding: 20px 50px;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	overflow: hidden;
	box-shadow: 0px 0px 10px #666666;
	min-height: 230px;
}
.animhome:hover {
	background: none repeat scroll 0 0 #fff;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	box-shadow: 0px 0px 10px #333;
	transform: scale(1.05);
}
.animhome h1 a{
	font-weight: 700;
	color: #0D72B1;
	font-size: 32px;
}
.product-related-header1 {
    text-align: left;
    background-color: #ef4130;
    background-image: -webkit-linear-gradient(left,#ef4130,#c61d23);
    background-image: -moz-linear-gradient(left,#ef4130,#c61d23);
    background-image: -ms-linear-gradient(left,#ef4130,#c61d23);
    background-image: linear-gradient(left,#ef4130,#c61d23);
    color: #FFF!important;
    font-size: 16px;
    line-height: 25px;
	margin-bottom: 10px;
	margin-top: 30px;
	padding:15px 15px;
}
.product-related-header1 h4 {
	font-size: 22px!important;
	padding-left: 10px;
}
.product-related-header {
	background-color: #28201e;
background-image: none;
color: #FFF!important;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 5px;
	padding-left: 20px;
    font-size: 14px;
}
.product-related-header th{
  padding: 15px !important;
}
.product-related-header h3 {
color: #FFF!important;
}
/* Prallax image */
.parallax {
  background-color: #333;
  position: relative;
  /* opacity: 0.75; */
  overflow: auto;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  min-height: 600px;
}
.parallax .caption {
  margin-top: 200px;
  text-align: center;
  color: #333;
}
.parallax .caption span.border {
  color: #fff;
  padding: 15px !important; /* To override .full */
  font-size: 38px;
  text-shadow: 0px 2px 2px #333;
}
.parallax .col-xs-12 {
  position: static;
}
.parallax .caption {
  transform: translateY(-50%);
}
.content img {
	height: auto;
	max-width: 100%;
	margin-bottom: 15px;
}
.content, .content h4 {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}
.content1 li {
	margin-left: 40px;
}
.well {
    background-color: #fff;
    background-image: none;
    color: #3F1F22!important;
    display: inline-block;
    border: 0;
    border-radius: 0;
    position: relative;
    width: 100%;
    text-align: center;
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0;
    box-shadow: none;
}
.well p{
    font-family: 'Cormorant Upright', serif;
	font-size: 24px;
    margin: 10px 0;
}
.well h2{
    margin-top: 0;
}
.well img{
	margin-bottom: 15px;
}
.well-toggle {
	display: block;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
}
.well-toggle a {
	background-color: #333;
	color: #fff;
	padding: 5px 15px;
	font-size: 16px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.well .well-toggle {
	background-color: #333;
	color: #fff;
	padding: 5px 15px;
	font-size: 16px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: inherit;
	position: relative;
	padding-bottom:-20px !important;
	margin-top: 15px;
}
.headerakcije {
color: #FFF!important;
position: absolute;
top: 0;
left:50%;
z-index: 10;
}

.headerakcijetitle {
color: #FFF!important;
background-color: #3F1F22;
padding: 7px 13px;
position: relative;
left: -50%;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
display: inline-table;
font-size: 15px;
z-index: 10;
}
.thumbnail {
padding: 0;
transition: all 0.5s ease 0s;
}
.thumbnail:hover {
	background: none repeat scroll 0 0 #fff;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	box-shadow: 0px 0px 10px #999;
}
.thumbnail h4 a {
	font-weight: 700;
	color: #333;
}
.cijenatooltip {
	font-size: 24px;
	margin-left: 5px;
	display: inline-block;
}
.cijena{
	color: #AD946B;
	font-size: 25px;
    font-weight: 700;
	/* padding-top: 5px; */
  padding-top: 0;
	padding-right: 0;
	/* padding-bottom: 10px; */
  padding-bottom: 0;
	padding-left: 0px;
  white-space: nowrap;
}
.cijena span:not(.price-euro){
	color: #848484;
	font-weight: 400;
	font-size: 15px;
    text-decoration: line-through;
}
.cijena span .price-tooltip{
  color: #848484;
  font-size: 15px;
}
.cijenapopust{
    color: #958285;
    font-size: 17px;
	margin-bottom: 10px;
	display: inline;
	text-decoration: line-through;
}
.cijenausteda{

	color: #333;
	display: inline;
	font-weight: 700;
	text-decoration: none;
}

.kosarica{
	color: #333;
}
.kosarica .alert {
	display: inline-block;
    padding: 15px 15px;
    margin-bottom: 2px;
	padding-top: 7px;
}
.kosarica .cijena {
    /* display: inline; */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.thumbnail-responsive {
	min-height: 625px;
	border-radius: 0px;
	position:relative;
}
.thumbnail1-responsive {
	max-height: 625px;
	min-height: 565px;
	border-radius: 0px;
	position:relative;
	height: auto;
}
.basket {
	background-image: none;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	padding: 0px;
}
.basket:hover {
	background-color: #BBD558;
	background-image: none;
	color: #FFF;
	text-decoration: none;
}
.basket2 {
	color: #777 !important;
}
.basket2:hover {
	color: #e3010f !important;
	text-decoration: none;
}
.basket2 .glyphicon {
	color: #333 !important;
}
.basket2 div {
	color: #fff !important;
	background-color: #3F1F22;
	display: inline;
	border-radius: 50px;
	padding-right:15px;
	padding-left:15px;
	padding-top:8px;
	padding-bottom:8px;
	margin-left: 20px;
}
.gallery {
	display: block;
	height: 250px;
	text-align: center;
	transition: all 0.5s ease 0s;
	margin-bottom: 20px;
}
.gallery a {
    color: #2871ad;
}
.gallery:hover {
	box-shadow: 0px 0px 10px #999;
}
.gallery:hover a img {
    transform: scale(1.1) rotate(0deg);
}
.gallery .label{
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	background-color: #3F1F22;
	border-radius: 0px;
	margin-top: 0px;
	position: absolute;
	display: inline-block;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
.label-default{
	background-color: #3F1F22;
	letter-spacing: 0.05em;
	background-image: none;
	border-radius:0px;
}
.description, .price_naslov_container {
	margin-top: 0;
  padding: 0;
}
.promotion {
    /* background-color: #3F1F22;
    color: #F2D27A; */
    background: radial-gradient(ellipse at center, #666 0%, #444 35%, #333 65%, #232323 100%);
    width: 70px;
top: 120px;
left: 50%;
transform: translateX(-125%);
font-size: 20px;
position: absolute;
padding: 20px 10px;
border-radius: 50%;
z-index: 1;
font-weight: 400;
}
.discount{
  color: #C9B797;
}
.discount span{
    font-size: 13px;
}
.discount2 {
	background: none repeat scroll 0 0 rgba(255, 0, 0, 0.8) !important;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 300;
	height: 100%;
	padding: 3px 8px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.home {
	display: block;
	height:170px;
	text-align: center;
	transition: all 0.5s ease 0s;
	margin-bottom: 25px;
	padding: 0px;
	overflow: hidden;
	position: relative;
	border-radius:10px;
	color: #999;
	font-size: 15px;
	background-color: #fff;

}
.home .more {
    visibility: hidden;
	opacity: 0;
margin: 20px;
	-webkit-transition: opacity 0.35s,visibility 0.35s;
-o-transition: opacity 0.35s,visibility 0.35s;
transition: opacity 0.35s,visibility 0.35s;
}
.home:hover .more {
	background: none repeat scroll 0 0 #fff;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	/* box-shadow: 0px 0px 10px #999; */
	color: #3F1F22;
	visibility: visible;
	opacity: 1;
}
.home:hover a img {
    transform: scale(1.1) rotate(-0.5deg);
}
.home h3 {
    font-family: 'Cormorant Upright', serif;
    font-size: 24px;
    padding: 0 20px;
    color: #fff;
    font-weight: 400;
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    text-align: left;
}
.home h3:before{
	display: block;
	width: 40%;
    content:"";
    background: -webkit-linear-gradient(left, #B07515 0%, #FFFFD7 50%, #B07515 100%);
    height:2px;
    margin-bottom: 4px;
}
.home h3:hover , .home a:hover, .home i {
	color: #fff;
	text-decoration: none;
}

.home p {
	color: #999;
}
.home .description {
	margin-left: 15px;
	margin-right: 15px;
}
.home .cijena {
	bottom: 15px;
position: absolute;
left: 15px;
}
.homeakcija {
    min-height: 330px;
    margin-bottom: 35px;
}
.homeakcija h3 {
    font-size: 18px;
    font-weight: 700;
}

.homeakcija img {
    background-color: #F3F4F8;
    width: 100%;
    object-fit: contain;
}
.homeakcija .input-group {
    width: 50%;
}
.homeakcija .bv-form {
    margin-top: 10px;
}
.panel {
	border: 1px solid #ddd;
}
.panel-default > .panel-heading {
	background-color: #3F1F22;
	background-image: none;
	color: #fff;
	border-radius: 0px;
	padding: 8px 15px;
}
.panel-default > .panel-heading strong {
	font-size: 18px;
	color: #fff!important;
	padding: 0 5px;
}
.panel-title {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 15px;
    color: inherit;
}
	.panel-title > a {color: #FFF;}

	.panel-title > a:hover{
	color: #FFF;
	text-decoration: underline;
}
.grey-kosarica .panel-body{
	background-color: #28201e;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCAA71;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	padding:10px;
    margin-bottom: 15px;
}
.grey-kosarica h4 {
    font-size: 16px!important;
	margin-top: 0;
	font-weight: bold;
}
.grey-kosarica h4 a {
	color: #fff;
}
.quickcart h3 {
	font-size: 18px!important;
	font-weight: bold;
    padding: 5px 0;
}
.grey-kosarica a {
    padding: 0!important;
    border-left: 0 none!important;
    border-right: 0 none!important;
}
.grey-kosarica a:first-child {
    border-right: 0 none!important;
}
.box-kosarica {
    padding: 10px 10px 0 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.panel-body2  .checkbox {
    margin-right: 5px;
    margin-left: 5px;

}
.panel-default1 > .panel-body {
	padding: 15px;
}
.registracija .panel-body {
	padding: 15px;
}
/* .form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
} */
.form-horizontal .form-group {
	font-size: 14px;
    margin-right: 0px;
    margin-left: 0px;
		margin-bottom: 5px;
		padding-bottom: 5px;
	padding-top: 0!important;
}
.form-horizontal .checkbox {
    padding-top: 0;
}
.load-more, .load-less {
	font-size: 13px;
}
.carousel-indicators {
	position: absolute;
  bottom: 0;
  left: auto;
  margin: 0;
  width: 100%;
	background: none;
	padding: 15px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.carousel-indicators li {
  height: 24px;
  width: 24px;
  border-radius: 100%;
	background-color: #fff;
  border: 3px solid #b6aa9a;
  margin: 0;
  cursor: pointer;
  opacity: 0.7;
}
.carousel-indicators li.active{
  height: 24px;
  width: 24px;
  background-color: #e7dcc0;
  border: 3px solid #b2a6a1;
}
.carousel {
	margin-bottom: 50px;
}
#fw_al_005, #fw_al_004{
  height: 100vh;
}
#fw_al_005 .carousel-inner, #fw_al_005 .carousel-item, #fw_al_005 .carousel-item a, #fw_al_004 .carousel-inner, #fw_al_004 .carousel-item, #fw_al_004 .carousel-item a{
  height: 100%;
  display: block;
}
.carousel a {
	font-weight: 300;
}
.carousel-item img {
	max-width: 100% !important;
	width: 100% !important;
}
.carousel>.carousel-inner>.carousel-item>.circleElement {
	background-color: #333;
	border-radius: 50%;
	position: absolute;
	top: 11%;
	left: 39%;
	width: 400px;
	height: 400px;
	opacity: .5;
}

.carousel-control-next, .carousel-control-prev {
	top: 45%;
	background: none !important;
	border: none;
	font-weight: 300;
    text-shadow: none;
    color: #CCAA71;
    border-radius: 100%;
    border: 1px solid #CCAA71;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    transition: 0.3s ease;
}
.carousel-control-prev:hover, .carousel-control-next:hover{
  color: #CCAA71;
}
.carousel-control-prev{
  left: 20px;
}
.carousel-control-next{
  right: 20px;
}
.carousel-caption {
	padding: 20px;
	text-align: center;
	top: 30%;
	left: 0;
	right: 0;
    text-shadow: none;
    font-size: 20px;
    width: 100%;
    position: absolute;
}
.carousel-caption h1 a{
	font-size: 46px;
	font-weight: 400;
	color: #3F1F22;
    margin-bottom: 0;
    text-shadow: 1px 1px 2px #fff;
    text-transform: uppercase;
    max-width: 500px;
}
.carousel-caption h1 a:hover{
	text-decoration: none;
}
.carousel-caption h2 {
	letter-spacing: 7px;
	font-size: 32px;
	font-weight: 700;
	color: #3F1F22;
	margin-top: 135px;
}
.carousel-caption p {
	margin-top: 0px;
	font-size: 20px;
	margin-bottom: 0px;
	font-weight: 300;
	line-height: 32px;
	color: #3F1F22;
    text-shadow: none;
    max-width: 500px;
    display: inline-block;
    text-shadow: 1px 0 0 #fff;
}
.full-screen {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#carousel-header-slider {
    top: 0;
    left: 0;
    margin-top: 0;
    padding: 0;
    height: 90vh;
    width: 100%;
}
#carousel-header-slider .carousel-inner {
    height: 100%;
}
.logobox {
	max-width: 225px!important;
	margin-top: 10px;
	margin-bottom: 20px;
	display: inline-block;
	position: relative;
}
.col-md-gallery {
    /* background-color: #fff; */
    padding: 0 20px 50px 0;
}
.col-md-gallery > ul{
  padding-left: 0;
}
.big_img {
	max-width: 350px!important;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
.big_img_p {
	max-width: 100%!important;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
  /* transform: rotate(-10deg) scale(0.8); */
  transition: 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 15px !important;
}
.big_img_p:first{
  transform: rotate(-10deg);
}
/* .big_img_p:hover{
  transform: scale(1);
} */
.socicon {
	color: #4C6CB4;
	margin-right: 10px;
}

 
.social2 {
	margin-top: 0;
}
.social2::before {
    display: block;
    width: 100%;
    content: "";
    background: -webkit-linear-gradient(left, #FFFFD7 0%, #B07515 50%, #FFFFD7 100%);
    height: 1px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.social2::after {
    display: block;
    width: 100%;
    content: "";
    background: -webkit-linear-gradient(left, #FFFFD7 0%, #B07515 50%, #FFFFD7 100%);
    height: 1px;
    margin-bottom: 0;
    margin-top: 15px;
}

.tabbable {
    margin-top: -49px;
}
.tabs-group{
	display: block;
}
/* .full-width-tabs > ul.nav.nav-tabs {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.full-width-tabs > ul.nav.nav-tabs > li {
    float: none;
    display: table-cell;
} */
/* .full-width-tabs > ul.nav.nav-tabs > li:first-child {
    width: 45%;
}
.full-width-tabs > ul.nav.nav-tabs > li:last-child {
    width: 65%;
    margin-left: -1px;
} */
.full-width-tabs > ul.nav.nav-tabs > li > a {
    text-align: center;
    font-size: 17px;
}
/* .take-all-space-you-can{
    width:100%;
} */
.nav-tabs {
    border-bottom: 0 none;
}
.nav-tabs > li {
	margin-right: -1px;
	margin-left: 0;
    font-weight: 700;
}
.nav-tabs > li.active {
	width: auto;
}
.nav-tabs > li.active > a {
	background-image: none;
	border-radius: 0px;
    background-color: #3F1F22!important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.nav-tabs > li.active > a span {
    background: -webkit-linear-gradient(45deg, #B07515, #FFFFD7, #B07515);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.nav-tabs > li > a {
    width: 100%;
	border-radius: 0px;
	margin-right: 0;
    border-bottom: 0px none!important;
    display: inline-block;
    font-size: 15px;
padding: 13px 70px;
border-top: 1px solid #E0DCDE;
border-left: 1px solid #E0DCDE;
border-right: 1px solid #E0DCDE;
background-color: #fff;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.nav-tabs > li:hover, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus  {
	background-image: none;
    background-color: transparent;
	color: #3F1F22!important;
}
.tab-content > .active {
	border: 0 none;
	padding: 35px;
	font-size: 16px!important;
	border-top: 0px none;
}
.tab-content span {
	font-size: 16px!important;
}
.tab-content h4 {
	font-size: 16px;
}
.testimonial_091_wrapper img {
    width: auto;
    -webkit-filter: none;
    max-height: 260px;
    max-height: 100%;
    filter: none;
}
.testimonial_091_wrapper:hover .btn-add {
    visibility: visible;
}
.testimonial_091_wrapper:hover .btn-add span {
    text-transform: uppercase;
    /* background: -webkit-linear-gradient(45deg, #B07515, #FFFFD7, #B07515);
        background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: #232323;
}
.testimonial_091_wrapper h3 {
    margin-top: 0;
    /* margin-bottom: 15px; */
    margin-bottom: 0;
    padding: 10px;
/* min-height: 45px; */
}
.priceold {
	font-size: 20px;
	color: #999;
	text-decoration: line-through;
	margin-right: 30px;
	display: inline;
}
.price {
	font-size: 25px;
	display: inline;
	border-radius: 0px;
}
.btn-small {
	background-color: #3F1F22;
	color: #FFF;
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 1px;
	margin-left: 5px!important;
	border-radius: 4px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: 400;
	border: 0 none!important;
}
.btn-small:hover
{
	background-color: #333!important;
	color: #fff !important;
}

.btn-custom {
    background-color: #3F1F22 !important;
    font-size: 14px!important;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px!important;
    border-radius: 20px;
    padding: 10px 30px;
    font-weight: 400;
    border: 0 none!important;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    /* position: absolute;
    bottom:0;
    left: 50%;
    transform: translateX(-50%); */
}
.btn-custom span {
    text-transform: uppercase;
    background: -webkit-linear-gradient(45deg, #B07515, #FFFFD7, #B07515);
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-custom:hover {
    background-color: #3F1F22!important;
}
.btn-custom:hover span {
    background: -webkit-linear-gradient(45deg, #fff, #fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-custom1 {
    color: #CCAA71!important;
    background-color: #FFF !important;
    font-size: 14px!important;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px!important;
    border-radius: 20px;
    padding: 10px 30px!important;
    font-weight: 400;
    border: 0 none!important;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    position: relative;
    bottom:0;
    left: 50%;
    transform: translateX(-50%);
}
.btn-custom1 span {
    text-transform: uppercase;
    /* background: -webkit-linear-gradient(45deg, #CCAA71, #28201e, #CCAA71);
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: #CCAA71!important;
    -webkit-transition: all 0.7s ease 0s!important;
    -moz-transition: all 0.7s ease 0s!important;
    -o-transition: all 0.7s ease 0s!important;
    transition: all 0.7s ease 0s!important;
}
.btn-custom1 i{
  -webkit-transition: all 0.7s ease 0s!important;
    -moz-transition: all 0.7s ease 0s!important;
    -o-transition: all 0.7s ease 0s!important;
    transition: all 0.7s ease 0s!important;
}
.btn-custom1:hover {
    background-color: #FFF!important;
}
.btn-custom1:hover i{
  color: #28201e!important;
}
.btn-custom1:hover span {
    /* background: -webkit-linear-gradient(45deg, #28201e, #CCAA71, #28201e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: #28201e!important;
}
.btn-custom2 {
    background-color: #CCAA71!important;
    background-image: none!important;
    color: #FFFFD7!important;
    padding: 10px 30px!important;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px!important;
    border-radius: 35px!important;
    font-size: 14px!important;
    text-transform: uppercase;
    font-weight: 400!important;
    text-shadow: none!important;
    z-index: 1!important;
    cursor: pointer!important;
    border: none 0px!important;
    -webkit-transition: all 0.7s ease 0s!important;
    -moz-transition: all 0.7s ease 0s!important;
    -o-transition: all 0.7s ease 0s!important;
    transition: all 0.7s ease 0s!important;
}
.btn-custom2 i{color: #FFFFD7!important;-webkit-transition: all 0.7s ease 0s!important;
    -moz-transition: all 0.7s ease 0s!important;
    -o-transition: all 0.7s ease 0s!important;
    transition: all 0.7s ease 0s!important;}
.btn-custom2:hover {
    background-color: #fff!important;
    background-image: none!important;
    color: #CCAA71!important;
}
.btn-custom2:hover i{color: #CCAA71!important;}
.btn-custom3 {
    text-transform: uppercase;
    /* background: -webkit-linear-gradient(0deg, #B07515, #FFFFD7, #B07515);
    background-clip: border-box; */
    /* -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    background: #A1875D;
    font-size: 15px!important;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px!important;
    border-radius: 15px;
    padding: 15px 25px;
    font-weight: 700;
    border: 0 none!important;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.btn-custom3 span {

}
.btn-custom3:hover {
    /* background: -webkit-linear-gradient(45deg, #3F1F22, #3F1F22, #3F1F22);
    background-color: #3F1F22!important; */
    background: #28201e;
    color: #fff!important;
}
/* .btn-custom3:hover span {
    background: -webkit-linear-gradient(45deg, #fff, #fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} */
.btn-custom4 {
    background-color: #fff!important;
    background-image: none!important;
    color: #28201e!important;
    padding: 10px 30px!important;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0px;
    margin-left: 0px!important;
    border-radius: 0!important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    font-size: 14px!important;
    text-transform: uppercase;
    font-weight: 400!important;
    text-shadow: none!important;
    z-index: 1!important;
    cursor: pointer!important;
    border: none 0px!important;
    -webkit-transition: all 0.7s ease 0s!important;
    -moz-transition: all 0.7s ease 0s!important;
    -o-transition: all 0.7s ease 0s!important;
    transition: all 0.7s ease 0s!important;
    width: 100%;
}
.btn-custom4:hover {
    background-image: none!important;
    color: #CCAA71!important;
}
.btn-custom5 {
    background-color: #B07515!important;
    background-image: none!important;
    color: #FFFFD7!important;
    padding: 7px 25px!important;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0px;
    margin-left: 0px!important;
    border-radius: 18px!important;
    font-size: 14px!important;
    text-transform: uppercase;
    font-weight: 400!important;
    text-shadow: none!important;
    text-decoration: none;
    z-index: 1!important;
    cursor: pointer!important;
    border: none 0px!important;
    -webkit-transition: all 0.7s ease 0s!important;
    -moz-transition: all 0.7s ease 0s!important;
    -o-transition: all 0.7s ease 0s!important;
    transition: all 0.7s ease 0s!important;
}
.btn-custom5:hover {
    background-color: #3F1F22!important;
    background-image: none!important;
    color: #CB9E3C!important;
}
#signin_submit.btn-custom3 {
    margin-top: -120px;
}
.btn-add {
    /* position: absolute; */
    /* top: -20px; */
    /* left: 50%;
    transform: translateX(-50%); */
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    width: auto;
    max-width: fit-content;
    text-align: center;
    display: inline-block;
    color: #232323;
    /* background-color: #3F1F22!important; */
    background: transparent;
    border: 1px solid #AD946B;
    transition: 0.3s ease;
}
.btn-add span{
  transition: 1s ease;
  text-transform: uppercase;
}
.portfolio_078a_wrapper:hover .btn-add {
    visibility: visible;
}
.portfolio_078a_wrapper:hover .btn-add span {
	text-transform: uppercase;
    background: -webkit-linear-gradient(45deg, #B07515, #FFFFD7, #B07515);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.btn-add1 {
    position: relative;
    padding: 10px 20px;
    border-radius: 20px;
    margin-top: 20px;
text-align: center;
display: initial;
color: #FFFFD7!important;
background-color: #3F1F22!important;
}
.btn-add1 span {
	text-transform: uppercase;
    background: -webkit-linear-gradient(45deg, #B07515, #FFFFD7, #B07515);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.btn-add1:hover {
background-color: #3F1F22!important;
}
.btn-add1:hover span {
background: -webkit-linear-gradient(45deg, #fff, #fff, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.btn-quantity {
    background: #fff !important;
    border-radius: 0 !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border: 2px solid #979797 !important;
    color: #979797;
    height: 40px;
}
.form-control {
    color: #3F1F22;
    background-color: transparent;
}
.voucher .form-control {
    color: #fff!important;
}
.br-0 {
    display: block;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0 none;
    border-radius: 0px;
    margin-right: 20px;
}
.br-1 {
    display: block;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    float: left;
}
.btn-home
{
	background: transparent;
	color: #333;
	font-size:16px!important;
	margin-bottom: 10px;
	margin-top: 30px;
	border-radius: 0px;
	padding: 10px 50px;
	border: 2px solid #fff;
	position: relative;
    letter-spacing: 2px;
}
.btn-home:hover
{
	background-color: #CA2F5E;
	color: #fff !important;
}
.btn-kosarica {
	background-color: #3F1F22;
	border: 0px;
	color: #FFF;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	border-radius: 0px;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: 700;
	width: 100%;
}
.btn-kosarica:hover
{
	background-image: none;
	background-color: #333!important;
	color: #FFF;
}
.btn-kosarica1 {
	background-color: #3F1F22;
	border: 0px;
	color: #FFF;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	border-radius: 0px;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: 700;
}
.btn-kosarica1:hover
{
	background-image: none;
	background-color: #333!important;
	color: #FFF;
}
.btn-upit {
	background-color: #fff;
	color: #666666;
	font-size:18px;
	font-weight: 700;
	border-radius: 4px;
	margin-left: 15px;
	margin-right: 1px;
	padding: 7px 15px;
	box-shadow: 0 0 5px #ddd;
}
.btn-upit:hover
{
	background-color: #3F1F22;
	color: #fff !important;
}
.back-to-top {
	position: fixed;
	bottom: 10px;
	right: 15px;
	text-decoration: none;
	color: #FFF;
	/* background-color: rgba(0, 0, 0, 0.5); */
	background-color: #3F1F22;
	border-radius: 0;
	font-size: 14px;
	display: inline;
    padding-top: 10px;
    padding-right: 14px;
    padding-bottom: 8px;
    padding-left: 14px;
    z-index: 1;
		}

		.back-to-top:hover {
	background-color: rgba(135, 135, 135, 0.50);
	color: #333;
	text-decoration: none;
		}
        .pagination > li > a,
        .pagination > li > span {
        	color: #28201e;
            border: 0 none;
        }
        .pagination > .active > a,
        .pagination > .active > span,
        .pagination > .active > a:hover,
        .pagination > .active > span:hover,
        .pagination > .active > a:focus,
        .pagination > .active > span:focus {
        	color: #28201e;
            font-weight: 700;
        	border: 0 none;
            background: transparent;
        }
        .pagination h5 {
            font-size: 16px;
        	color: #28201e;
            font-weight: 700;
            padding: 8px 12px;
            margin: 0;
        }
label.error1 {
	font-weight:normal;
	color:#F00 !important;
	text-align:center;
	font-size: 14px;
	display: block;
	margin-top: -10px;
	margin-bottom: 10px;
}
label.error1 { display: none; }

.price-euro { font-weight: normal!important; font-size: 14px; color: grey!important; }
.price-tooltip i { font-size: 14px; text-decoration: none; color: #848484; margin-right: 5px; }

.privacy_table{
  max-width: 100%;
}
.privacy_table td{
  padding: 10px;
}

.card_container{
  display: flex;
  justify-content: center;
  gap: 5px;
  flex-wrap: wrap;
  padding: 15px;
  /* padding-bottom: 0; */
  /* padding-top: 0; */
}
.view_card_container{
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-bottom: 0px;
  padding: 0;
  margin-top: 0;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
  text-align: center;
}

.view_card_container::after {
  display: block;
  width: 100%;
  content: "";
  background: -webkit-linear-gradient(left, #FFFFD7 0%, #B07515 50%, #FFFFD7 100%);
  height: 2px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.custom_card{
  margin-bottom: 5px;
  background: -webkit-linear-gradient(left, #a78c62 0%, #FFFFD7 50%, #a78c62 100%);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  color: #232323;
  font-size: 14px;
  padding: 5px 10px;
  text-transform: uppercase;
  font-weight: bold;
}
.price_naslov_container{
  /* display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px; */
}
.description_container{
  /* padding: 10px; */
  /* padding-top: 20px; */
  text-align: center;
  min-height: 135px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: auto;
}
.producthome {
	display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: nowrap;
	width: 100%;
	transition: all 0.5s ease 0s;
	margin-bottom: 10px;
	border-radius: 0px;
	position: relative;
}
.producthome h3{
  font-family: 'Cormorant Upright', serif;
	text-align: center;
	padding: 15px;
  font-size: 30px;
  text-transform: uppercase;
}
.producthome:after{
	display: block;
	width: 50%;
}

/*--------------------------------------REDIZAJN--------------------------------------*/
.home_info_container{display: flex; flex-wrap: wrap; row-gap: 30px;}
.home_info_item_container{padding: 40px; background: #f0ebe5; border-radius: 25px; display: flex; align-items: flex-end; justify-content: space-between; position: relative;}
.home_info_item_text_container{height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 15px;}
.home_info_item_title{margin: 0; font-size: 22px; color: #3F1F22; font-weight: bold;}
.home_info_item_title a{transition: 0.3s ease; color: #3F1F22}
.home_info_item_title a:hover{opacity: 0.7;}
.home_info_item_text_container p{margin: 0; color: #3F1F22; font-size: 16px; position: relative; z-index: 2;}
.home_info_more_button{padding: 8px 20px; background: #3F1F22; border-radius: 12px; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 14px; cursor: pointer; transition: 0.3s ease;}
.home_info_more_button:hover{color: #f0ebe5;}
.home_info_item_img_container img{position: absolute; right: 20px; bottom: 20px; z-index: 1;}
.home_info_item_small_container{padding: 40px; background: #f0ebe5; border-radius: 25px; display: flex; align-items: flex-end; justify-content: space-between; position: relative;}
.home_info_item_small_text_container{display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 30px; height: 100%; position: relative; z-index: 2;}
.home_info_small_item_title{font-size: 32px; color: #3F1F22; margin: 0; text-transform: uppercase;}
.home_info_more_small_button{padding: 8px 20px; font-size: 14px; font-weight: bold; color: #000; background: #fff; border-radius: 12px; text-transform: uppercase; border: 2px solid #A1875D; border-left: none; border-right: none; transition: 0.3s ease;}
.home_info_more_small_button:hover{color: #A1875D;}
.home_info_item_small_img_container img{position: absolute; right: 20px; bottom: 20px; z-index: 1;}
.home_blog_content_container{background: #f6f6f6; padding: 100px 0;}
.home_blog_content_products{display: flex; flex-wrap: wrap; row-gap: 40px;}
.home_hair_type_container{border-radius: 25px; background: #ebe1d5; display: flex; overflow: hidden;}
.home_hair_type_left_container{flex: 30%; padding: 30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 30px; transition: all 0.5s ease; opacity: 1;}
.home_hair_type_left_container h2{color: #3F1F22; font-size: 30px; font-weight: 500; line-height: 1.3; margin: 0;}
.home_hair_type_left_more_button{border-radius: 100%; height: 60px; width: 60px; display: flex; justify-content: center; align-items: center; background: none; border: 2px solid #d8c8b1; transition: 0.3s ease;}
.home_hair_type_left_more_button:hover{background: #d8c8b1;}
.home_hair_type_left_more_button i{color: #d8c8b1; font-size: 25px; transition: 0.3s ease;}
.home_hair_type_left_more_button:hover i{color: #3F1F22;}
.home_hair_type_right_container{display: flex; justify-content: flex-end; position: relative; flex: 70%; --last-width: 115px; --extra-width: 45px; --overlap: 80px; transition: all 0.5s ease;}
.home_hair_type{position: relative; flex: 0 0 auto; height: 450px; width: calc(var(--last-width) + var(--extra-width)); margin-right: calc(var(--overlap) * -1); border-radius: 25px; overflow: hidden; transition: all 0.5s ease; z-index: 1;}
.home_hair_type:last-child{margin-right: 0; width: var(--last-width);}
.home_hair_type a{display: block; height: 100%;}
.home_hair_type_img_container{height: 100%; width: 100%; border-radius: 25px; overflow: hidden;}
.home_hair_type_img_container img{height: 100%; width: 100%; object-fit: cover;}
.home_hair_type .view_all_products_container{position: absolute; left: calc(50% - (var(--overlap) / 2)); bottom: 20px; display: flex; flex-direction: column; gap: 15px; transition: 0.3s ease;}
.home_hair_type h3{transform: rotate(-90deg); font-size: 23px; margin: 0; color: #fff; transform-origin: left; text-align: center; white-space: nowrap; transition: all 0.5s ease;}
.home_hair_type .view_all_products{display: none; color: #fff; opacity: 0; transition: 0.3s ease;}
.home_hair_type:last-child .view_all_products_container {left: 50%;}
@media(min-width: 1200px){
  .home_hair_type_left_container:has(~ .home_hair_type_right_container .home_hair_type:hover){flex: 0; width: 0; padding: 0; opacity: 0; pointer-events: none;}
  .home_hair_type_right_container:has(.home_hair_type:hover){flex: 100%; transition: all 0.5s ease;} 
  .home_hair_type_container:hover .home_hair_type:hover {flex-grow: 1;}
  .home_hair_type_container:hover .home_hair_type:hover .view_all_products_container{left: 20px;}
  .home_hair_type_container:hover .home_hair_type:hover h3{transform: rotate(0); font-size: 40px; animation: expandWhiteSpace 0s steps(1, end) 0.3s forwards; text-align: left; padding-right: var(--overlap);}
  .home_hair_type_container:hover .home_hair_type:hover .view_all_products{display: flex; align-items: center; gap: 10px; animation: showButton 0s steps(1, end) 0.3s forwards;}
}
@keyframes expandWhiteSpace {
  to {
    white-space: normal;
  }
}
@keyframes showButton {
  to {
    opacity: 1;
  }
}
.background1{background-image: url(../images/background1.png);}
.background2{background-image: url(../images/background2.png);}
.background3{background-image: url(../images/background3.png);}
.background1, .background2, .background3{background-position: center; background-repeat: no-repeat; background-size: cover;}

.roundpoint{position: absolute;top: -10px;right: -15px;background: #28201e; border-radius: 100%; z-index: 2;width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;}

.login_container{min-height: 450px; display: flex; justify-content: center; margin-top: -80px; position: relative; z-index: 99; max-width: 900px; margin-left: auto; margin-right: auto; border: 1px solid #28201e;}
.login_child_container{background: #fff; padding: 35px; flex: 1;}
.login_child_container h1{font-size: 40px; color: #28201e; margin-bottom: 30px; text-transform: uppercase;}
.login_child_body_container .form-group > div{position: relative;}
.login_child_body_container input, .login_child_body_container select{padding: 12px 20px; border-radius: 10px; height: auto;}
.login_child_body_container input:focus, .login_child_body_container select:focus{border-color: #28201e; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,35,75,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,35,75,.6);}
.login_child_bottom_container{display: flex; gap: 20px; align-items: center;}
.login_child_bottom_container a{text-decoration: underline; color: #28201e; transition: 0.3s ease;}
.login_child_bottom_container a:hover{color: #A1875D;}
.login_button{background: #A1875D; color: #fff; font-size: 15px; padding: 10px 20px; border-radius: 10px; text-transform: uppercase; border: none; transition: 0.3s ease;}
.login_button:hover{background: #28201e; color: #fff;}
.register_child_container{background: #28201e; padding: 35px; flex: 1;}
.register_child_container h1{font-size: 40px; color: #fff; margin-bottom: 30px; text-transform: uppercase;}
.register_child_body_container{display: flex;}
.register_button{background: #A1875D; color: #fff; font-size: 15px; padding: 10px 20px; border-radius: 10px; text-transform: uppercase; border: none; transition: 0.3s ease;}
.register_button:hover{background: #fff; color: #A1875D;}

.lost_password_container{display: flex; justify-content: center; margin-top: -80px; position: relative; z-index: 999; max-width: 900px; margin-left: auto; margin-right: auto; border: 1px solid #28201e;}
.lost_password_child_container{background: #fff; padding: 35px; flex: 1;}
.lost_password_child_container h1{font-size: 40px; color: #28201e; margin-bottom: 30px; text-transform: uppercase;}
.lost_password_child_body_container .form-group > div{position: relative;}
.lost_password_child_body_container input{padding: 12px 20px; border-radius: 10px; height: auto;}
.lost_password_child_body_container input:focus{border-color: #28201e; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,35,75,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,35,75,.6);}
.lost_password_child_bottom_container{display: flex; gap: 20px; align-items: center;}
.lost_password_child_bottom_container a{text-decoration: underline; color: #28201e; transition: 0.3s ease;}
.lost_password_child_bottom_container a:hover{color: #A1875D;}

.captcha_container{display: flex; flex-wrap: wrap; align-items: center; gap: 10px;}
.captcha_container label {white-space: nowrap;  flex: 0 0 auto;}
.captcha_container::before, .captcha_container::after{display: none !important;}
.captcha_container > div{flex: 1; display: flex; align-items: center;}
.captcha_container .fv-plugins-message-container {flex-basis: 100%;}
.custom_warning{background: #28201e; color: #fff; padding: 10px 20px; border-radius: 10px; margin-top: 10px;}
.custom_warning2{background: #28201e; color: #fff; padding: 20px; border-radius: 10px; margin-top: 15px;}
.login_child_body_container label, .lost_password_child_body_container label{color: #28201e;}
.control-label{color: #28201e;}

.mainview h3{font-size: 20px;display: block;margin: 0 0 50px 0; line-height: 30px;}
.view_news_images_container{margin-bottom: 50px; display: flex; flex-wrap: wrap; row-gap: 30px;}
.view_news_img_container img{width: 100%; height: auto;}
.view_details_container h1, .view_details_container h2, .view_details_container h3, .view_details_container h4, .view_details_container h5, .view_details_container h6, .view_details_container a{color: #D3BD99}
.view_details_container a{transition: 0.3s ease;}
.view_details_container a:hover{color: #28201e;}
.view_badge_container{display: flex; justify-content: flex-start;}
.view_badge{border-radius: 20px; color: #fff; background: #D3BD99; text-transform: uppercase; display: inline-block; padding: 5px 15px}
.socialIcon{color:#D7C3A3; font-size: 14px;}
.socialIcon a:hover .fa-facebook-f {color:#3C599F;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.socialIcon a:hover .fa-twitter {color:#00ADEF;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.socialIcon a:hover .fa-pinterest-p {color:#e60023;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.socialIcon a {display: inline-block;font-size: 17px;margin-right: 10px;padding: 6px 3px;text-align: center;transition: all 0.15s ease-in-out 0s;}
.socialIcon a i{width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; color: #fff;background: #D7C3A3;border-radius: 100%;}
.view_related_content_title_container, .bestseller_title_container {display: flex;justify-content: center;align-items: center;gap: 20px;flex-wrap: nowrap;width: 100%;transition: all 0.5s ease 0s;position: relative;}
.view_related_content_title_container h3, .bestseller_title_container h3{text-align: center;padding: 15px;margin: 0;font-size: 30px;color: #A1875D;text-transform: uppercase;white-space: nowrap;}
.verticallineLeft{display: block;width: 50%;content:"";background: -webkit-linear-gradient(left, #B07515 0%, #FFFFD7 25%, #B07515 50%, #FFFFD7 75%, #B07515 100%);height:2px;}
.verticallineRight{display: block;width: 50%;content:"";background: -webkit-linear-gradient(left, #B07515 0%, #FFFFD7 25%, #B07515 50%, #FFFFD7 75%, #B07515 100%);height:2px;}
.news_related_container{display: flex; flex-wrap: wrap; align-items: stretch; row-gap: 50px;}
.news_related_reverse_container{display: flex; flex-direction: row-reverse; flex-wrap: wrap; align-items: stretch; row-gap: 50px;}
.category_news .news_related_container, .category_news .news_related_reverse_container{margin-bottom: 100px;}
.news_related_main_card_container{position: relative; height: 100%;}
.news_related_main_img_container{height: 100%;}
.news_related_main_img_container img{border-radius: 10px; width: 100%; height: 100%; object-fit: cover; filter: brightness(80%);}
.news_related_main_text_container{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; padding: 30px;}
.news_related_badge{border-radius: 30px; background: #D3BD99; display: inline-block; padding: 5px 15px; margin-bottom: 20px;}
.news_related_badge a{color: #fff; text-transform: uppercase; font-size: 14px; transition: 0.3s ease;}
.news_related_badge a:hover{color: #28201e;}
.news_related_main_text_container h3{color: #fff; font-size: 35px; text-transform: uppercase; margin-bottom: 0; margin-top: 0;}
.news_related_main_text_container h3 a{color: #fff; transition: 0.3s ease;}
.news_related_main_text_container h3 a:hover{color: #D3BD99;}
.news_related_view_more{position: absolute; bottom: 30px; right: 30px; color: #fff; font-size: 25px; transition: 0.3s ease;}
.news_related_view_more i{transform: rotate(30deg);}
.news_related_view_more:hover{color: #D3BD99;}
.news_related_side_img_container img{width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 10px; margin-bottom: 20px;}
.news_related_side_text_container h3{color: #232323; font-size: 25px; text-transform: uppercase; margin-bottom: 10px; margin-top: 0;}
.news_related_side_text_container h3 a{color: #232323; transition: 0.3s ease;}
.news_related_side_text_container h3 a:hover{color: #D3BD99;}
.news_side_related_view_more{color: #D3BD99; font-size: 25px; transition: 0.3s ease;}
.news_side_related_view_more i{transform: rotate(30deg);}
.news_side_related_view_more:hover{color: #232323;}
.news_related_side_card_container{margin-bottom: 50px;}
.news_related_view_all_container{margin-top: auto; display: flex;}
.news_related_view_all_container a{background: transparent;border-radius: 12px;border: 1px solid #D3BD99;transition: 0.3s ease;color: #D3BD99;padding: 10px 15px;}
.news_related_view_all_container a:hover{background: #D3BD99;color: #fff;}

.category_kosarica2 {position: relative;width: 100%;margin: 0;width: 100%;height: 250px;overflow: hidden;}
.category_kosarica2 h2{font-size: 40px;text-transform: uppercase;position: absolute;bottom: 20%; left: 50%; transform: translateX(-50%);color: #fff;text-align: left;z-index: 1;display: flex;align-items: flex-end;justify-content: flex-start;margin: 0;}
.thumbkosarica2 {filter: brightness(70%);width: 100%;height: 100%;object-fit: cover;margin-top: 0;}
.custom_table{overflow-x: hidden; border: none !important;}
.custom_table table{margin-bottom: 0;}
.custom_table tbody:not(.cart_table_continue_button_container), .custom_table thead{border: 1px solid #28201e;}
.custom_table th{border: none !important;}
.custom_table .table>tbody+tbody{border-top: 1px solid rgba(365,365,365,0.2) !important;}
.custom_table button.btn-default{border-radius: 0; border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important;}
.custom_table button.btn-default i{color: #979797}
.custom_table button.btn-default:hover{background-color: #28201e !important}
.custom_table button.btn-default:hover i{color: #fff}
.custom_table .input-group{display: flex; justify-content: center; align-items: center; gap: 5px;}
.custom_table span{display: inline-block; width: auto;}
.custom_table input{box-shadow: none !important; border: 1px solid #E6E6E6 !important; border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important; color: #979797;}
.custom_table2{background-color: #28201e; color: #fff;}
.custom_table2 td{border-top: none !important; padding: 0 !important;}
.custom_table_total td{border-top: 1px solid rgba(365,365,365,0.2) !important; padding: 20px 8px !important; text-transform: uppercase;}
.custom_table_delete a i{color: #28201e; transition: 0.3s ease;}
.custom_table_delete a:hover i{color: #D3BD99;}
.custom_ukupno_container td{padding-top: 20px !important;}
.custom_ukupno{font-size: 20px; margin-bottom: 10px;}
.custom_dostava_container td{padding-bottom: 20px !important;}
.custom_dostava{font-size: 15px;}
.custom_table_total h2{font-size: 28px; margin: 10px 0;}
td.cart_img_container{padding-left: 50px !important;}
td.kosarica_naslov h3{line-height: 1;}
td.kosarica_naslov h3 a{text-decoration: none; color: #28201e; transition: 0.3s ease;}
td.kosarica_naslov h3 a:hover{color: #A1875D;}
td.kosarica_naslov h3 small{font-size: 17px; color: #B3B5BA;}
td.voucher_container{padding: 0 0 0 50px !important;}
.voucher_container form{display: flex; flex-wrap: wrap; gap: 20px; align-items: stretch;}
.voucher_container form input{height: 100%; border-radius: 0 !important; border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important; text-transform: uppercase;}
.voucher_container form button{height: 100%;}
.voucher_container2 td{padding: 10px 0 !important;}
.cart_table_continue_button_container td{padding: 20px 8px;}
.cart_table_continue_button_container form{display: flex; justify-content: flex-end;}

.delivery_container{display: flex; justify-content: center; position: relative; border: 1px solid #28201e; padding: 0;}
.delivery_child_container{background: #fff; padding: 35px; flex: 1;}
.delivery_child_container h1{font-size: 40px; color: #28201e; margin-bottom: 30px; text-transform: uppercase;}
.delivery_child_body_container .form-group > div{position: relative;}
.delivery_child_body_container input, .delivery_child_body_container select{padding: 12px 20px; border-radius: 10px; height: auto;}
.delivery_child_body_container input:focus, .delivery_child_body_container select:focus{border-color: #28201e; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,35,75,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,35,75,.6);}
.delivery_child_bottom_container{display: flex; gap: 20px; align-items: center;}
.delivery_child_bottom_container a{text-decoration: underline; color: #28201e; transition: 0.3s ease;}
.delivery_child_bottom_container a:hover{color: #A1875D;}
.delivery_register_child_container{background: #28201e; padding: 35px; flex: 1;}
.delivery_register_child_container h1{font-size: 40px; color: #fff; margin-bottom: 30px; text-transform: uppercase;}
.delivery_register_child_body_container{color: #fff; display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}
.delivery_register_child_body_container > div{display: flex; align-items: center; gap: 10px;}

.payment_container{display: flex; justify-content: center; position: relative; border: 1px solid #28201e; padding: 0;}
.payment_child_container{background: #fff; flex: 1; display: flex; padding: 10px;}
.payment_child_container2{background: #28201e; flex: 1; display: flex;}
.payment_child_container a, .payment_child_container2 a{display: block; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px;}
.payment_child_container img, .payment_child_container2 img{transition: 0.3s ease;}
.payment_child_container:hover img, .payment_child_container2:hover img{transform: scale(1.05);}
.payment_child_container h3, .payment_child_container small{color: #28201e;}
.payment_child_container2 h3{color: #fff;}
.payment_child_container h3, .payment_child_container2 h3{margin-bottom: 0;}

.menu_container{display: flex; justify-content: center; margin-top: -80px; position: relative; z-index: 99; max-width: 900px; margin-left: auto; margin-right: auto; border: 1px solid #28201e;}
.menu_child_container:nth-child(odd){background: #fff; padding: 35px; flex: 1; display: flex; justify-content: center; align-items: center; text-align: center;}
.menu_child_container:nth-child(odd) h1 a{font-size: 30px; color: #28201e; margin: 0; text-transform: uppercase; transition: 0.3s ease;}
.menu_child_container:nth-child(even){background: #28201e; padding: 35px; flex: 1; display: flex; justify-content: center; align-items: center; text-align: center;}
.menu_child_container:nth-child(even) h1 a{font-size: 30px; color: #fff; margin: 0; text-transform: uppercase; transition: 0.3s ease;}
.menu_child_container h1 a:hover{color: #A1875D;}
.menu_child_container h1{line-height: 1; font-weight: bold;}

.order_container{display: flex; justify-content: center; align-items: center; margin-top: -80px; position: relative; z-index: 99; max-width: 900px; margin-left: auto; margin-right: auto; border: 1px solid #28201e;background: #28201e; padding: 35px;}
.order_container h4{color: #fff; text-align: center;}

.order_list_container{display: flex; flex-direction: column; gap: 20px;}
.order_list_item{display: flex;}
.order_list_item:nth-child(odd){background: #fff; border: 1px solid #28201e;}
.order_list_item:nth-child(odd) a{color: #28201e;}
.order_list_item:nth-child(even){background: #28201e;}
.order_list_item:nth-child(even) a{color: #fff;}
.order_list_item a{display: flex; justify-content: flex-start; align-items: center; gap: 10px; padding: 10px;}
.order_list_item h4{font-size: 20px; font-weight: bold; margin: 0; line-height: 1;}
.order_list_item p{font-size: 15px; margin: 0; line-height: 1;}
.order_list_info_container{display: flex; flex-direction: column; gap: 10px;}
.order_list_img_container img{height: 100px; width: 100px; object-fit: contain; transition: 0.3s ease;}
.order_list_item:hover img{transform: scale(1.05);}

.order_verify_container{margin-bottom: 30px; border: 1px solid #28201e; padding: 30px;}
.order_verify_container h1{margin-top: 0; font-size: 30px;}
.order_table .custom_table2 td{padding-right: 8px !important;}

.product_message_container{display: flex; justify-content: center; margin-top: -80px; position: relative; z-index: 99; max-width: 900px; margin-left: auto; margin-right: auto; border: 1px solid #28201e;}
.product_message_child_container{background: #fff; padding: 35px; flex: 1;}
.product_message_child_container h1{font-size: 30px; color: #28201e; margin-bottom: 30px; text-transform: uppercase;}
.product_message_child_container .form-group > div{position: relative;}
.product_message_child_container input, .product_message_child_container select{padding: 12px 20px; border-radius: 10px; height: auto;}
.product_message_child_container input:focus, .product_message_child_container select:focus{border-color: #28201e; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,35,75,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,35,75,.6);}
.product_message_child_bottom_container{display: flex; gap: 20px; align-items: center;}
.product_message_child_bottom_container a{text-decoration: underline; color: #28201e; transition: 0.3s ease;}
.product_message_child_bottom_container a:hover{color: #A1875D;}

.view_box {position: relative;padding: 150px 0 0 0;background-color: var(--view-color);overflow: hidden;}
.view_box::before {content: "";position: absolute;inset: 0;background: radial-gradient(circle at 20% 20%,rgba(255, 255, 255, 0.20) 0%,rgba(255, 255, 255, 0.10) 30%,rgba(255, 255, 255, 0) 60%);pointer-events: none;}
@media(min-width: 767px){
  .mainviewcontainer > .col-md-5{padding-right: 0;}
  .mainviewcontainer > .col-md-7{padding-left: 0;}
}
.view_nav_container{display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}
.socialIcon2{color:#ffffff; font-size: 14px; text-transform: uppercase;}
.socialIcon2 a:hover .fa-facebook-f {color:#3C599F;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.socialIcon2 a:hover .fa-twitter {color:#00ADEF;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.socialIcon2 a:hover .fa-pinterest-p {color:#e60023;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.socialIcon2 a {display: inline-block;font-size: 17px;margin-right: 10px;padding: 6px 3px;text-align: center;transition: all 0.15s ease-in-out 0s;}
.socialIcon2 a i{width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; color: #28201e;background: #ffffff;border-radius: 100%;}
.view_price_container{background: #fff; border-radius: 15px; margin: 40px 0; display: flex; padding: 20px; position: relative;}
.view_price_package_container{flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 10px;}
.view_package_container span{font-size: 16px; color: #232323;}
.view_package_container select {border: none;outline: none;   background: transparent; appearance: none;  -webkit-appearance: none;-moz-appearance: none; font-size: 16px;color: #232323;}
.view_quant_buy_container{flex: 1; display: flex; justify-content: flex-end; align-items: flex-end; gap: 10px;}
.addbasketview {background: #A1875D; color: #fff; font-size: 15px; padding: 10px 20px; border-radius: 15px; text-transform: uppercase; border: none; white-space: nowrap; transition: 0.3s ease;position: relative;}
.addbasketview:hover{background: #28201e; color: #fff;}
.view_quant_container{display: flex; align-items: center; gap: 10px;}
.view_quant_input{border-radius: 0 !important; border-bottom-left-radius: 5px !important; border-bottom-right-radius: 5px !important; border: 2px solid #979797 !important; color: #979797 !important; height: 40px; aspect-ratio: 1.2 / 1; text-align: center;}
.discount_container{padding-left: 70px;}
.view_description_container{color: #ffffff; font-size: 20px; line-height: 1.3;}
.view_detail_container{position: relative;display: flex;flex-direction: column;gap: 20px;margin-top: 50px;}
.view_detail_container .accordion{cursor: pointer;}
.view_detail_container .accord-btn {background: transparent;border: 1px solid #747B93; color: #fff;padding-left: 30px;padding-right: 50px;padding-top: 16px;padding-bottom: 16px;border-radius: 15px; transition: all 200ms linear;}
.view_detail_container .accord-btn h4{margin-bottom: 0;}
.view_detail_container .accord-btn.active {border-bottom: none;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.view_detail_container .accord-btn::after {top: 50%;left: auto;right: 30px;width: auto;height: auto;color: #fff;}
.view_detail_container .accord-btn.active h4 {color: #fff;margin-bottom: 0;}
.view_detail_container .accord-content p {color: #ffffff;font-size: 16px;line-height: 28px;font-weight: 400;margin: 0;}
.view_detail_container .accord-content {color: #fff;padding-top: 0px;padding-bottom: 21px;padding-left: 30px;padding-right: 50px;display: none;border: 1px solid #747B93;border-top: none;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
.view_detail_container .accord-content.collapsed {display: block;}
.youtube_video_container{margin: 50px 0;}
.youtube_video_container iframe{width: 100%; aspect-ratio: 16 / 9; border: none; border-radius: 15px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.lSSlideOuter.vertical {display: block !important;position: relative; padding-left: 110px !important; padding-right: 0 !important;}
.lSSlideOuter.vertical .lSPager.lSGallery {left: 0 !important; right: auto !important; margin: 0 !important;}
@media(min-width: 767px){
  .lSSlideOuter.vertical .lSPager.lSGallery {top: 50%; transform: translateY(-50%) !important;}
}
.lSPager.lSGallery li.active {opacity: 1;}
.lSPager.lSGallery li {opacity: 0.6;cursor: pointer; border-radius: 15px !important; transition: opacity 0.3s ease;}
.lSPager.lSGallery li:hover {opacity: 0.9;}
.lSSlideOuter .lSPager li img {pointer-events: none;}
.lSSlideOuter .lSPager.lSGallery img{height: 100%; width: 100%; object-fit: contain; border-radius: 15px !important;}
.view_before_after_content_container{padding: 50px 0;}
.view_related_basket_container{text-align: center; padding: 50px 0; background: rgba(255, 255, 255, 0.15);}
.view_related_basket_title_container h3, .view_reviews_title_container h3{color: #fff; text-transform: uppercase; font-size: 30px;}
.verticallineBottom{display: inline-block; width: 150px; height: 2px; background: -webkit-linear-gradient(left, #B07515 0%, #FFFFD7 25%, #B07515 50%, #FFFFD7 75%, #B07515 100%);}
.related_product .cijena, .related_product h3 a, .related_product .btn-add span{color: #fff;}
.view_related_content_container{text-align: center; padding: 50px 0 0 0; background: #fff; border-bottom: 1px solid #F7F7F7;}
.related_content{display: flex; align-items: flex-start; overflow: visible;}
.before_after_content{flex-direction: column; gap: 15px;}
.before_after_content > div{position: relative;}
.related_content > a, .related_content > .description_container2{flex: 1; position: relative;}
.description_container2 h3{padding-top: 0; text-align: left; font-size: 25px;}
.description_container2 h3 a{font-size: 25px;}
.view_before_after_content_container .description_container2 h3{text-transform: uppercase; color: #fff;}
.related_content .thumb-img2{border-radius: 15px; min-height: 300px; max-height: 300px;}
.related_content .thumb-img2 img{width: 100%; height: 100%; object-fit: cover;}
.related_content .related_category_badge_container{position: absolute; top: 30px; left: -10px; display: flex; justify-content: center; z-index: 2;}
.related_content .related_category_badge_container2{position: absolute; bottom: 30px; left: -10px; display: flex; justify-content: center; z-index: 2;}
.related_content .related_category_badge{border-radius: 20px; color: #fff; background: #D3BD99; text-transform: uppercase; display: inline-block; padding: 5px 15px}
.related_content .related_category_view_more{color: #fff; font-size: 35px; transition: 0.3s ease; position: absolute; bottom: 25px; right: 30px;}
.related_content .related_category_view_more i{transform: rotate(30deg); transform-origin: bottom;}
.related_content .related_category_view_more:hover{color: #D3BD99;}

.review_total_rating_container{margin-bottom: 35px; display: flex; align-items: center; gap: 10px;}
.review_total_rating_container > span{color: #fff; font-size: 18px; font-weight: 600; line-height: 1;}
.review_total_rating_container .rating_stars_container{display: flex; gap: 5px; align-items: center; justify-content: flex-start; color: #A0865D;}
.review_total_rating_container .rating_stars_container i{line-height: 0 !important;}
.view_reviews_container{text-align: center; padding: 50px 10px;}
.view_review_info_message{color: #fff; font-size: 18px; margin: 20px 0;}
.review_button{background: none; border: 2px solid #C9B797; color: #fff; font-size: 14px; border-radius: 15px; padding: 10px 20px; transition: 0.3s ease;}
.review_button:hover{background: #C9B797; color: #fff;}
.comments-wrapper{margin: 20px 0 50px 0; display: flex; flex-direction: column; align-items: center;}
.comment{width: 500px; max-width: 90%; text-align: center; padding: 20px 0; border-bottom: 1px solid #454F6F; display: flex; flex-direction: column; align-items: center; gap: 20px;}
.comment .username{color: #fff; font-size: 18px; text-transform: uppercase;}
.user_rating_stars_container{display: flex; gap: 5px; align-items: center; justify-content: flex-start; color: #A0865D; font-size: 18px;}
.comment > p{font-size: 15px; color: #fff; line-height: 1.3;}
.review_form_container {display: none; position: fixed; top: 0; left: 0; z-index: 9999999; width: 100%; height: 100%; background: rgba(23, 35, 75, 0.5); display: flex; align-items: center; justify-content: center; padding: 10px;}
.review_form{width: 600px; max-width: 100%; background: #fff; border-radius: 15px; padding: 50px; position: relative;}
.review_form_close{position: absolute; top: 15px; right: 15px; color: #A0865D; cursor: pointer;}
.review_form_close i{font-size: 20px; transition: 0.3s ease;}
.review_form_close:hover i{transform: scale(1.1);}
.review_form .form-group2 > div{position: relative;}
.review_form input, .review_form textarea{padding: 12px 20px; border-radius: 10px; height: auto;}
.review_form input:focus, .review_form textarea:focus{border-color: #28201e; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,35,75,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,35,75,.6);}
.review_form p.text-danger {width: 100%;font-size: 14px;margin-top: 5px;}
.review_form .rate-wrapper {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0px 0px 15px 0px; gap: 7px;}
.review_form .rate-wrapper .rate-label {font-weight: bold;margin-right: 10px; text-transform: uppercase;}
.review_form .rate-star-container {display: -webkit-box;display: -ms-flexbox; display: flex; gap: 5px;}
.review_form .rate-star-container .rate-star {color: #999999;cursor: pointer;}
.review_form .rate-star-container:hover .rate-star {color: #28201e;}
.review_form .rate-star-container .rate-star:hover,.review_form .rate-star-container .rate-star:hover ~ span {color: #999999;}
.review_form .rate-star-container .rate-star:hover {color: #28201e;}
.review_form .rate-star-container .rate-star.active {color: #28201e !important;}

.newsletter_form_container {display: none; position: fixed; top: 0; left: 0; z-index: 9999999; width: 100%; height: 100%; background: rgba(23, 35, 75, 0.5); display: flex; align-items: center; justify-content: center; padding: 10px;}
.newsletter_form{width: 600px; max-width: 100%; background: #fff; border-radius: 15px; padding: 50px; position: relative;}
.newsletter_form_close{position: absolute; top: 15px; right: 15px; color: #A0865D; cursor: pointer;}
.newsletter_form_close i{font-size: 20px; transition: 0.3s ease;}
.newsletter_form_close:hover i{transform: scale(1.1);}
.newsletter_form h2{margin-bottom: 20px; text-transform: uppercase; font-size: 20px;}
.newsletter_form .form-group2 > div{position: relative;}
.newsletter_form input, .newsletter_form textarea{padding: 12px 20px; border-radius: 10px; height: auto;}
.newsletter_form input:focus, .newsletter_form textarea:focus{border-color: #28201e; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,35,75,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23,35,75,.6);}
.newsletter_form p.text-danger {width: 100%;font-size: 14px;margin-top: 5px;}

.added-to-cart-overlay{display: none; position: fixed; top: 0; left: 0; z-index: 9999999; width: 100%; height: 100%; background: rgba(23, 35, 75, 0.5); display: flex; align-items: center; justify-content: center; padding: 10px;}
.added_to_cart_container{max-height: 80vh; max-width: 95vw; width: 1200px; background: #fff; border-radius: 15px; padding: 30px; position: relative; text-align: center; display: flex; flex-direction: column; gap: 15px; align-items: center;}
.added_to_cart_icon_container i{color: #a8dd89; font-size: 70px;}
.added_to_cart_title_container{color: #28201e; font-size: 28px; text-transform: uppercase; margin-top: 0;}
.added_to_cart_subtitle_container{display: flex; flex-direction: column; align-items: center; gap: 15px;}
.added_to_cart_subtitle{color: #a78c62; font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 0;}
.added_to_cart_vertical_line{width: 100px; height: 2px; background: -webkit-linear-gradient(left, #a78c62 0%, #FFFFD7 25%, #a78c62 50%, #FFFFD7 75%, #a78c62 100%);}
.added_to_cart_related_container{margin: 0;}
.added_to_cart_related_container .related_product{margin: 0;}
.added_to_cart_related_container .thumb-img2{height: 150px; min-height: 150px; max-height: 150px;}
.added_to_cart_related_container .description_container{min-height: auto;}
.added_to_cart_related_container .description_container h3 a{font-size: 17px; color: #232323;}
.added_to_cart_related_container .description_container .cijena{color: #AD946B;}
.added_to_cart_button_container{display: flex; gap: 15px; align-items: center;}
.continue_shopping_button{text-decoration: underline; color: #979797; transition: 0.3s ease;}
.continue_shopping_button:hover{color: #A1875D;}
.added-to-cart-overlay .promotion{top: 0;}

.category_header {position: relative;width: 100%;margin: 0;width: 100%;height: 250px;overflow: hidden;}
.thumbcategory {filter: brightness(80%);width: 100%;margin-top: 0;}
.category_header h2{font-size: 42px;text-transform: uppercase;position: absolute;color: #fff;width: 100%;text-align: center;display: flex;z-index: 1;height: 100%;align-content: center;align-items: center;justify-content: center;margin: 0;}
.category_kosarica {position: relative;width: 100%;margin: 0;width: 100%;height: 200px;overflow: hidden;margin-bottom: 20px;text-align: center;}
.thumbkosarica {filter: brightness(80%);width: 100%;height: 100%;object-fit: cover;margin-top: 0;}
.category_kosarica h2{font-size: 32px;text-transform: uppercase;position: absolute;color: #fff;width: 100%;text-align: center;display: flex;z-index: 1;height: 100%;align-content: center;align-items: center;justify-content: center;margin: 0;}
.category_cart_header {position: relative;width: 100%;margin: 0;width: 100%;height: 100vh;overflow: hidden;}
.thumbcartcategory {filter: brightness(80%);width: 100%;height: 100%;object-fit: cover; object-position: center 20%;}
.category_cart_header div{position: absolute;bottom: 200px;left: 50%;transform: translateX(-50%);text-align: center;display: flex;flex-direction: column;z-index: 1;align-content: center;align-items: center;justify-content: center;margin: 0;}
.category_cart_header h2{font-size: 80px;text-transform: uppercase;color: #fff;margin: 0 !important;line-height: 1;}
.category_cart_header .kosarica_seperator{margin: 30px 0;width: 100px;height: 2px;background: -webkit-linear-gradient(left, #B07515 0%, #FFFFD7 25%, #B07515 50%, #FFFFD7 75%, #B07515 100%);}
.category_cart_header p{font-size: 18px;color: #fff;margin: 0;}
.news_header {position: relative;width: 100%;margin: 0;height: 100vh; overflow: hidden;}
.news_header h2{font-size: 50px; font-weight: bold; text-transform: uppercase;position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);color: #fff;text-align: left;z-index: 1;display: flex;align-items: flex-end;justify-content: flex-start; padding: 0 50px}
.news_image {filter: brightness(70%);width: 100%;height: 100%;object-fit: cover;margin-top: 0;}
.news_category_header{position: relative; width: 100%; margin: 0; height: 250px; margin-top: 170px; overflow: hidden; display: flex;}
.news_category_header .container::before, .news_category_header .container::after{display: none;}
.news_category_header .container{display: flex; justify-content: space-between; align-items: center; gap: 100px;}
.news_category_header h2{color: #28201e; font-size: 60px; font-weight: normal; text-transform: uppercase; margin: 0;}
.news_category_header p{color: #5e5e5e; font-weight:500; font-size: 20px; margin: 0;}

.not_transparent .nav-pills{background: #28201e;}

footer {font-size: 14px;position: relative;color: #ACACAC;margin: 0;padding: 50px 0 20px 0;}
footer a{transition: 0.3s ease;text-decoration: underline;}
footer h5:first-child  {border-top: 0px none;}
footer h5 a{color: #ACACAC;font-size: 16px;}
footer h5 a:hover {color: #28201e;}
.footer_top_container{margin-bottom: 100px;}
.footerbottomcontainer::after, .footerbottomcontainer::before{display: none;}
.footerbottomcontainer{display: flex;align-items: center;flex-wrap: wrap;}
.footercard {text-align: right;margin: 20px;display: flex;justify-content: flex-end;align-items: center;position: relative;gap: 5px;}
.footercard img {height: 40px;}
.footerbottom {z-index: 1;color: #ACACAC!important;padding: 10px 10px 10px 0;}
.footerbottom a{color: #ACACAC !important;}
.footerbottom a:hover{color: #28201e !important;}
.kartice {text-align: center;margin: 1.5em auto 0;padding: 0.5em 0.5em 0.3em;vertical-align: top;background: #ffffff;border: 1px solid #ccc;}
.kartice a {display: inline-block;margin: 0 0.2em;border-radius: 0;padding: 4px;min-height: 50px;}
.karticesmall img{margin-top:10px;width: 35px;}

@media(max-width: 1200px){
  .home_hair_type_container{flex-direction: column;}
  .home_hair_type_left_container{flex: 100%;}
  .home_hair_type_right_container{flex: 100%; --last-width: 10%; --extra-width: 5%; --overlap: 5%;}
  .home_hair_type .view_all_products_container{left: calc(50% - var(--last-width) - var(--extra-width))}
  .footer_top_container{margin-bottom: 30px;}
  .socialIcon a, .socialIcon2 a{margin-right: 0;}
  .navbar-brand{width: 180px; height: auto; max-width: 100%;}
  .wsmenu>.wsmenu-list>li>.navtext{padding: 22px 10px;}
  .wsmenu>.wsmenu-list>li.wscarticon a{padding: 0 10px 0 10px;}
  .view_quant_buy_container{flex-direction: column;}
}
@media(max-width: 992px){
  .home_hair_type_right_container{flex-direction: column; margin-bottom: 30px;}
  .home_hair_type{margin-bottom: -30px;}
  .home_hair_type{margin-right: 0; width: 100%; height: 200px;}
  .home_hair_type:last-child{width: 100%; height: 170px;}
  .home_hair_type .view_all_products_container{left: 50%; bottom: calc(50% + 15px); transform: translate(-50%, 50%);} 
  .home_hair_type:last-child .view_all_products_container{left: 50%; bottom: 50%; transform: translate(-50%, 50%);}
  .home_hair_type h3, .home_hair_type:last-child h3{transform: none; font-size: 30px; white-space: wrap;}
  .home_blog_content_products > .col-md-6:nth-child(even) .related_content {flex-direction: row-reverse;}
  .home_blog_content_products > .col-md-6:nth-child(even) .related_content .description_container2 h3{text-align: right;}

  .news_category_header{height: 150px; margin-top: 110px;}
  .news_category_header .container{flex-direction: column; gap: 15px; justify-content: center; align-items: center;}
  .category_news .news_related_container, .category_news .news_related_reverse_container{margin-bottom: 0;}
  .category_news .news_related_container::before, .category_news .news_related_container::after, .category_news .news_related_reverse_container::before, .category_news .news_related_reverse_container::after{display: none;}

  .login_container, .lost_password_container, .delivery_container, .menu_container, .order_container, .product_message_container{max-width: 100%;}
  .delivery_container{flex-direction: column;}
  .footer_main_container{display: flex;gap: 20px;flex-direction: column;align-items: center;}
  .footerbottomcontainer{flex-direction: column-reverse;gap: 20px;text-align: center;}
  .view_badge_container{margin-bottom: 20px; margin-top: 20px;}
  .news_header{height: 350px; margin-top: 0;}
  .category_kosarica2{height: 180px;}
  /* .category_cart_header{height: 500px;} */
  .view_price_container{flex-direction: column; gap: 15px; align-items: center; padding-left: 40px; padding-right: 40px;}
  .view_quant_buy_container{align-items: center; gap: 15px;}
  .view_price_package_container{align-items: center;}
  .footercard{justify-content: center;}
  .navbar-brand-footer {float: none;}
  .navbar-brand-footer > img{width: 100%;}
}
@media(min-width: 768px) and (max-width: 992px){
  .cart_table_continue_button_container .btn-custom3{position: absolute;right: 90px;}
}
@media(max-width: 767px){
  .home_info_item_container{flex-direction: column; gap: 15px;}
  .home_info_item_small_container{flex-direction: column; align-items: flex-start; gap: 15px;}
  .home_info_item_text_container{justify-content: flex-start;}
  /* .home_info_item_small_text_container{justify-content: center;} */
  .home_info_item_small_img_container{width: 100%; text-align: right;}
  .home_info_item_img_container img,.home_info_item_small_img_container img{bottom: 15px; right: 15px;}
  .related_content, .home_blog_content_products > .col-md-6:nth-child(even) .related_content{flex-direction: column; gap: 15px;}
  .related_content > a, .related_content > a > img{width: 100%;}
  .portfolio_078_control_button .carousel-control-next{right: 0 !important;}
  .portfolio_078_control_button .carousel-control-prev{left: 0 !important;}

  .news_category_header{margin-top: 50px; height: auto;}
  .news_category_header h2{font-size: 50px;}
  .news_category_header p{font-size: 17px;}

  .news_related_main_text_container h3{font-size: 25px; padding-right: 15px;}
  .news_related_side_text_container h3{font-size: 25px;}

  .added_to_cart_container{max-height: 95vh;}
  .added_to_cart_title_container{font-size: 22px;}
  .added_to_cart_subtitle{font-size: 16px;}
  .added_to_cart_button_container{flex-direction: column;}
  .added_to_cart_icon_container i{font-size: 50px;}

  .login_container{flex-direction: column; min-height: 600px;}
  .login_child_container h1{font-size: 30px;}
  .register_child_container h1{font-size: 30px;}
  .lost_password_child_container h1{font-size: 30px;}
  .login_child_bottom_container{flex-direction: column; align-items: flex-start;}
  .news_header{height: 200px;}
  .news_header h2{font-size: 30px; padding-left: 27px; padding-right: 27px; width: 100%;}
  .category_kosarica2{height: 120px;}
  .category_kosarica2 h2{font-size: 30px; width: 100%; justify-content: center;}
  .view_related_content_title_container h3{padding: 0; white-space: normal;}
  .bestseller_title_container h3{padding: 0; white-space: normal;}
  .footer_main_container{text-align: center;}
  footer {height: auto;padding: 0;}
  .news_related_side_card_container{margin-bottom: 30px;}
  .custom_table2 td, .cart_table_continue_button_container td{width: 50%;float: left;display: block;white-space: normal !important;border-top: 0 none !important; padding: 10px !important;}
  .voucher_info_container td, .cart_table_continue_button_container td{width: 100%;}
  td.voucher_container{width: 100%;}
  .emptytd{display: none !important;}
  .custom_table h3{margin-bottom: 0 !important; text-align: center;}
  .custom_table .cijena{text-align: center;}
  td.cart_img_container{padding-left: 0 !important; text-align: center;}
  .btn-custom3 {font-size: 14px !important;margin-top: 10px;padding: 12px 20px;font-weight: 700;width: auto;}
  .cart_table_continue_button_container form{display: flex; justify-content: flex-end;}
  /* .category_cart_header{height: 350px;} */
  .category_cart_header{height: calc(100vh - 55px);}
  .category_cart_header h2{font-size: 45px; word-wrap: break-word;}
  .category_cart_header div{bottom: 100px;}
  .delivery_child_container h1{font-size: 30px;}
  .delivery_register_child_container h1{font-size: 30px;}
  .payment_container{flex-direction: column;}
  .menu_container{flex-direction: column;}
  .order_table .col1{padding-left: 0 !important;}
  .product_message_container{flex-direction: column;}
  .product_message_child_container h1{font-size: 25px;}
  .view_box{padding: 50px 0 0 0;}
  .mainview{position: inherit; padding-top: 0;}
  .view_nav_container{position: absolute; top: 15px; left: 0; width: 100%; padding: 10px; flex-direction: column; align-items: flex-start;}
  .col-md-gallery{padding: 0;}
  /* .lSSlideOuter.vertical{padding: 0 !important;} */
  .mainview .promotion{right: 0; top: -40px; transform: none;}
  .voucher_container form{justify-content: flex-end;}
}
@media(max-width: 480px){
  .login_container, .lost_password_container{margin-top: -130px;}
}
/*--------------------------------------REDIZAJN END--------------------------------------*/

@media (max-width: 767px) {

header {
z-index: 9999;
position: relative;
height: 55px;
}
.wsmobileheader>.smllogo img {
    height: auto;
    width: 100px;
  }

.yt-video-view {
    width: 100%;
    height: auto;
    max-height: 100%;
}
td[data-th]:before  {
       content: attr(data-th);
   }
.headertopleft {
    float: none!important;
}
.topnavbar .wsmenu-list.komercijalist {
    width: 260px;
    margin-left: auto;
}
.list-group-horizontal {
  flex-direction: column;
}
.kom .list-group-item {
  padding: 5px 25px 15px 25px;
  margin-bottom: 0;
}
select.form-control {
    position: absolute;
    right: 50px;
    top: 11px;
    font-size: 15px;
}
.nav-pills {
    visibility: hidden;
}
.mobileheader {
    margin: 0;
    margin-top: 60px;
    position: relative;
display: block;
width: 100%;
}
.quantity-xs {
    display: block;
    width: 100%;
    float: left;
}
.price-xs {
    white-space: nowrap;
}
.mobileheader .lang {
    /* text-align: left;
    line-height: 45px;
    margin-left: 7px; */
}
.mobileheader .lang a{
    /* padding: 5px 7px; */
}
.mobileheader .mobileuser {
    text-align: right;
    display: block;
    padding-right: 25px;
}
.mobileheader .mobileuser a{
    padding: 10px 15px;
    float: right;
}
.h-show-cart {
    position: relative;
}
.mobileuser em.roundpoint {
    top: 7px;
    left: 25px;
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #CB9E3C;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 13px;
    text-align: center;
    font-style: normal;
    line-height: 16px;
    color: #fff;
}
.mobile-dostava {
    width: 100%;
    color: #F2F3F7;
    background-color: #3F1F22;
    margin: 0;
    border: 0 none;
    font-size: 13px;
    padding: 7px 10px;
    text-align: center;
}
.mobile-dostava i {
	color: #EFBF75;
    margin-right: 10px;
}
.newsletter-modal .modal-container {
	max-width: 90%;
}
.well img{
    width: auto;
		max-width: 100%;
}
.mainw {
    margin-top: 0;
}
.mainview {
    padding: 0 12px 35px 12px;
}
.mainview h1 {
    font-size: 26px;
}
.mainviewsecond {
    margin: 75px 0 40px 0;
}
#pakiranje {
    margin-top: 6px;
}
.testimonial_091 {
    padding: 0px 5px 60px 5px!important;
    height: 100%!important;
}
.stylish-input-group .form-control{
	padding-left: 35px;
}
.headersearch {
	display: none;
	margin-top: -7px;
}
.headerarrow {
    display: none
}
.category_header {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.thumbcategory {
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    height: 75px;
    width: auto;
}
.category_header h2 {
    font-size: 26px;
}
.advsearch-circle span{
	margin-left: 15px;
}
.nav > li > a {
    padding: 5px 13px;
}
.nav-wizard > li:not(:last-child) > a::after {
    border-top: 17px inset transparent!important;
    border-bottom: 16px inset transparent!important;
}
.nav-wizard > li:not(:first-child) > a::before {
    border-top: 17px inset transparent!important;
    border-bottom: 16px inset transparent!important;
}
.nav-wizard li {
    width: auto;
    margin-top: 3px;
}
.openadvsearch {
	display: block!important;
	width: 100%;
	left: 0px;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.45);
	-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
/* overflow: hidden; */
}
.showsearch {
	display: block;
	width: 100%;
	position: absolute;
	-webkit-animation: fadein 0.75s; /* Safari, Chrome and Opera > 12.1 */
	  -moz-animation: fadein 0.75s; /* Firefox < 16 */
	   -ms-animation: fadein 0.75s; /* Internet Explorer */
		-o-animation: fadein 0.75s; /* Opera < 12.1 */
		   animation: fadein 0.75s;

}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.headersearch .search-circle{
	display: inline;
	margin-right: 25px;
	position: absolute;
	left: 8px;
	top:12px;
	z-index: 98;
}
.headerakcije {
    padding: 10px 13px;
    left: 17%;
    border-radius: 0px;
    z-index: 102;
	border-right: 1px solid #fff;
}

h1 {
    font-size: 30px;
}

.footerblack {
    padding: 5px 15px;
}
.footerblackimg {
    max-height: 100%;
}
.soc {
    margin-top: 40px;
    margin-bottom: 40px;
}
.soc a {
    margin: 0 7px;

}

.main h4 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 50px;
    padding: 0;
}
.main {
    margin-right: -15px;
    margin-left: -15px;

}
.tittle {

    margin-top: 25px;
    padding-bottom: 10px;
    position: relative;

}
.logo-footer {
    text-align: center;
    display: flex;
float: none;
justify-content: center;
}
footer h5 a {
    font-size: 15px;
    line-height: 21px;
}
footer h5 {
    margin-bottom: 14px;
}
footer h2 {
    font-size: 21px;
    margin-top: 25px;
}
.footeregida li {
margin-bottom: 30px;
    text-align: center;
    display: block;

}
.footeregida img {
    margin-right: 15px;
    margin-bottom: 10px;

}
.carousel {
    min-height: auto!important;
    width: 100%;
    overflow:hidden;
}
.carousel-inner {
    height: 100%;
}
.carousel-caption h1 {
    font-size: 24px;
}
.carousel-caption h1 a {
    font-size: 24px;
}
.carousel-caption h2 {
    letter-spacing: 3px;
    font-size: 22px;
    margin-top: 5px;
}
.carousel-caption {
	/* position: relative!important; */
    font-size: 16px!important;
	top: auto!important;
	right: 0%!important;
left: 0%!important;
bottom: 0%!important;
/* background-color: rgba(0, 0, 0, 0.4)!important; */
padding-top: 10px!important;
padding-bottom: 3px!important;
width: auto;
}
.carousel-caption p {
    font-size: 15px;
line-height: 22px;
}

.carousel .carousel-inner {
    height:100%;
}
/* .carousel .carousel-inner img {
    object-fit: cover;
} */
.portfolio_078a_wrapper img {
    display: inline !important;
}
.boxkomercijalistimobile {
    position: fixed;
    z-index: 111111;
    top: 8px;
    color: #fff !important;
}
.boxkomercijalistimobile a {
    color: #fff !important;
}
.headerkosaricamob {
    color: #fff !important;
    position: absolute;
    margin-right: 15px;
    font-size: 24px;
    margin-top: 6px;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    right: 80px;
top: 0;
z-index: 1000;
}
.headerkosaricamob div {
	position: absolute;
    right: 0;
top: 3px;
font-weight: 700;
font-size: 18px;
}
.btn-custom5 {
    padding: 7px 14px !important;
}
.boxforma {
	background-repeat:no-repeat;
background-size:contain;
}
.boxforma h1 {
    font-size: 28px;
    padding-top: 205px;
}
.boxnewsletter {
    font-size: 16px;
}
.boxnewsletter h2 {
    padding-top: 0px;
    padding-bottom: 0px;
}
.boxnewsletter img {
    width: 50%;
    padding-bottom: 10px;
}
.mainw {
    margin-right: -15px !important;
    margin-left: -15px !important;
}
.mainhome {
    margin-top: 6px;
}
.parallax.bg3 {
    min-height: 500px;
}
.parallax .caption {
    margin-top: 150px;
}
.parallax .caption span.border {
    padding: 12px !important;
    font-size: 24px;
    text-shadow: 0px 3px 3px #333;
}
.nav-wizard {
    margin-top: 5px;
}
.btn-add {
    visibility: visible;
}
.btn-add span {
    text-transform: uppercase;
    /* background: -webkit-linear-gradient(45deg, #B07515, #FFFFD7, #B07515);
        background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}
.btn-add:hover span {
    text-transform: uppercase!important;
    /* background: -webkit-linear-gradient(45deg, #fff, #fff, #fff)!important;
        background-clip: border-box!important;
    background-clip: border-box!important;;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important; */
}
.category_kosarica {
    margin-top: 0;
}
.category_kosarica h2 {
    font-size: 26px;
}
.thumbkosarica {
    left: 50%;
    transition: translateX(-50%);
    -webkit-transform: translateX(-50%);
    position: relative;
}
.table .col1 {
	width: 50%;
	clear: left;
	float: left;
 display: block;
 white-space: normal!important;
 border-top: 0 none !important;
}
.table .custom_col {
	width: 50%;
	float: left;
 display: block;
 white-space: normal!important;
 border-top: 0 none !important;
 text-align: center !important;
}
td.kosarica_naslov{
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
td.kosarica_naslov h3 a{
  margin-bottom: 7px;
  display: inline-block;
  line-height: 1.3;
}
.thumb-img6 {
height: 150px;
}
.table .col2 {
	width: 100%;
	clear: left;
	float: left;
 display: block;
 white-space: normal!important;
 border-top: 0 none !important;
}
.table .col3 {
	width: 100%;
 border-top: 0 none !important;
}
.table .col4 {
	width: 100%;
     display: block;
 white-space: normal!important;
 text-align: center!important;
}
.table h2 {
    font-size: 20px;
    font-weight: 700;
}
.table h3 {
    font-size: 18px;
    font-weight: 700;
}
.table h3 a {
    font-size: 14px;
}
.cijena {
    font-size: 15px;
}
.boxw {
    padding-bottom: 15px;
    padding-top: 0px;
	padding-left: 0;
    padding-right: 0;
    margin-top: 0px;
}
.boxw h1 {
    font-size: 25px;
}
.boxw h3 {
    font-size: 18px;
}

.col-parent-mob {
	background-color: #fff;
	z-index: 1111;
}
.product-related-header{
  display: none;
}
.product-related-header1 .text-right{
    text-align: center!important;
}
.kosarica-absolute {
    position: relative;
	bottom: 0;
left: 0;
right: 0;
}
.thumbnail-responsive {
    min-height: auto;
}
.btn-upit {
    display: block;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
.headeradvsearch {
	position: fixed;
	right: 107px;
    color: #FFF !important;
    background-color: #1084CC;
    text-decoration: none;
	padding: 11px 15px;
}

.basket2 div {
	color:#fff !important;
	position: absolute;
	background-color: #333!important;
	padding-right: 8px;
padding-left: 8px;
padding-top: 0px;
padding-bottom: 0px;
margin-left: -5px;
margin-top: -8px;
border: 1px solid #fff;
}

#cookiesdisplay p {
    color: #CCC;
    font-size: 14px;
    line-height: 20px;
    margin: 10px 162px 10px 9px;
    padding: 10px 0;
    position: relative;
    text-align: left;
}
.table, .table .priceold {
font-size: 13px!important;
}
.table .price {
font-size: 14px!important;
font-weight: bold;
}
.addbasket {
    margin-top: 10px;
    margin-bottom: 0;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
}
.table .input-group-btn {
    float: none;
    display: inline;
}
.price {
	display: block;
}
.btn-default {
    margin-bottom: 15px;
}
.breadcrumb {
    padding: 8px 0px;
}
.search {
    width: 100%;
    margin: 10px 0;
    float: none;
    display: block;
}
.search:focus {
	width: 100%;
    margin: 10px 0;
    float: none;
    display: block;
}
#searchbox .form-group {
    margin-top: 10px;
    width: 100%;
}
.br-0 {
    margin-right: 14px;
}
.navbar-brand {
	padding: 0;
}
.navbar-right{
	float: right;
}
.nav > li {
	float: none;
	}

.navbar-top{
	display: inline-block;
}
.navbar-top > li:first-child {
    margin-left: 15px;
}
.navbar-header  li  {
float: left;
	padding: 15px;
}
  .navbar-default {
		position: absolute;
	}
	.nav-pills > li:first-child {
    margin-left: 0px;
}
	.navbar-custom .nav li a {
   background-color: #333;
   display:block;
}
.navbar-custom .nav li a {
	padding: 10px;
	float: none;
}
.nav-pills > li {
	display: block !important;
	float:none;
}
	#slidingbar-area {
		display: none;
	}
	#topbar {
		display: none;
	}
	.navbar-default {
		top: 0 !important;
		height: auto !important;
		float: none !important;
	}
	.navbar-collapse .nav {
		float: none !important;
	}
	.navbar-default .navbar-nav li > a, .navbar-default .navbar-nav li > a:hover, .navbar-default .navbar-nav li > a:focus {
		border-top-color: #E1E1E1 !important;
		border-top-width: 1px !important;
		border-top-style: solid !important;
		line-height: 20px !important;
		height: auto !important;
		margin: 0;
	}
	.navbar-default .navbar-nav li > a:hover, .navbar-default .navbar-nav li > a:focus {
		background-color: #007AFF !important;
		color: #FFFFFF !important;
	}
	.navbar-nav, .dropdown-menu {
		margin-top: -1px !important;
		padding-top: 0;
		margin-bottom: 0 !important;
	}
	.navbar-toggle {
		background: #333;
		border: medium none;
		border-radius: 0;
		margin-top: 8px;
		padding: 10px;
	}
	.navbar-toggle .icon-bar {
		background-color: #FFFFFF !important;
		height: 3px;
	}
	.navbar-default .navbar-nav .menu-search > a:hover, .navbar-default .navbar-nav .menu-search > a:focus {
		background: none !important;
		color: #007AFF !important;
	}
	.search-box {
		top: 3px;
		right: 3px;
		bottom: auto;
		margin: 0 !important;
		border: none !important;
		box-shadow: none;
		background: none;
	}
	.search-box .arrow {
		display: none;
	}
	.search-box .popover-content {
   		padding: 0 !important;
	}

	.grid-container {
		display: block;
	}
    .boxsivo {
    padding: 0;
}
    .boxsivo h3 {
    font-size: 20px !important;
    margin: 0;
    margin-bottom: 15px;
}
.twoColumns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    text-align: left;
}
    .tabbable {
    margin-top: -40px;
}
    .nav-tabs > li > a {
    padding: 10px 10px;
}
.nav-tabs > li > a {
    width: auto;
    margin-right: 5px;
    float: left;
    font-size: 14px!important;
}
.tab-content > .active {
    padding: 17px 12px;
    font-size: 15px !important;
}
	/* Tabs Left*/
	.tabs-left .nav-tabs li.active a, .tabs-left .nav-tabs li.active a:hover, .tabs-left .nav-tabs li.active a:focus {
		border-right-color: #dddddd;
	}
	.tabs-left .nav-tabs {
		float: none;
	}
	.tabs-left .tab-content {
		border-top: none;
	}
	.carousel {
    margin-top: 0!important;
}
.thumb5 {
    width: 100%;
}
  .thumb-img0 {
	height:auto !important;
}
.thumb0 {
    width: 100%;
    padding: 0px;
    margin: 0px;
    transition: all 0.5s ease 0s;
    text-align: center;
    height: auto;
}
.thumb3 {
    height: auto;
    width: 100%;
}
.thumb-img3 {
  height:auto !important;
}
.thumb-img4 {
  height:auto !important;
}
.thumb-img5 {
	height:auto !important;
    min-height: 180px;
}
.btn-home {
    font-size: 15px !important;
    margin-top: 14px;
    padding: 7px 30px;
    padding-top: 9px;
    border: 2px solid #fff;
    position: relative;
    letter-spacing: 1px;
}
.btn-custom {
    font-size: 18px;
    margin-bottom: 15px;
    margin-right: 0px;
    margin-left: 0px !important;
    margin-top: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    left: auto;
    transform: none;
    position: relative;
}
.btn-custom1 {
    margin-bottom: 0px;
    margin-right: 0;
    width: 100%;
    box-shadow: 0 0 5px #999;
    position: relative;
    top: none;
    left: 0;
    bottom: 0;
	float: left;
font-size: 15px !important;
padding: 5px 50px;
padding-top: 10px;
border: 1px solid #CCAA71;
letter-spacing: 2px;
}
.btn-custom2 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-right: 0;
    position: relative;
    top: none;
    right: 0;
    bottom: 0;
    width: auto;
    float: right;
}
.carousel-inner1 {
    margin-top:0;
    margin-bottom:0;
}
.big_img {
    width: 100%;
    margin-bottom: 20px;
}
.jackbox {
    margin-left: 0px!important;
}
/* .promotion {
    left: 25px;
} */
.product {
	/* height: auto !important; */
}
.product1 {
    padding: 15px;
}
.product .form-reservation {
    position: relative;
    bottom: 10px;
    width: 85%;
    left: auto;
    padding: 0 15px;
    right: auto;
    display: inline-flex;
}
.kosarica .cijena {
    /* display: block; */
    /* margin-bottom: 20px; */
}
.producthome h3 {
    margin-top: 0;
    font-size: 24px;
    padding: 11px;
}
.portofino {
    margin: 5px 0 20px 0;
}
.kolona2-cont {
    display: block;
    height: auto;
}
.kolona2-cont img {
    width: 100%;
    height: auto;
    left: 0;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}
.kolona2-cont .swiper-container {
    width: 88%;
    max-width: 88%;
    position: relative;
    top: -20px;
    height: auto;
    left: 50%;
transform: translateX(-50%);
}
.kolona2-cont .swiper-slide {
    width: 100%;
    padding: 15px 25px;
}
.kolona2-cont h2 {
    margin-top: 5px;
    font-size: 24px;
}
.kolona1-cont {
    display: block;
    position: relative;
    overflow: visible;
    margin: 50px 0;
}
.kolona1-cont img {
    left: 0;
    transform: none;
    width: 100%;
    height: auto;
}
.kolona1-cont .swiper-container {
    width: 88%;
    max-width: 88%;
    position: relative;
    top: -20px;
    height: auto;
    left: 50%;
transform: translateX(-50%);
}
.kolona1-cont .swiper-slide {
    width: 100%;
    padding: 15px 25px;
}
.kolona1-cont h2 {
    margin-top: 5px;
    font-size: 24px;
}
.btn-kosarica {
    margin-bottom: 15px;
}
.home {
	height: auto !important;
}
.home .cijena {
    bottom: 0;
    position: relative;
    left: 0;
	float: right;
}
.homeakcija .col-sm-7{
  text-align: center;
}
.homeakcija .bv-form{
  display: flex;
  flex-direction: column;
  align-items: center;
}
}
@media (min-width: 768px) and (max-width: 991px) {
    header {
    z-index: 100;
    position: relative;
    height: 25px;
    }
select.form-control {
    float: right;
    margin-left: 10px;
    font-size: 15px;
    margin-top: 4px;
    margin-right: 5px;
}

.topnavbar .wsmenu-list.komercijalist {
    width: 260px;
    margin-left: auto;
    float: none;
}
.boxkomercijalistimobile {
    position: fixed;
    z-index: 111111;
    top: 8px;
  }
.paybox {
    min-height: 325px;
}
    .nav-pills {
        visibility: hidden;
    }
    .mobileheader {
        margin: 0;
        margin-top: 60px;
        position: relative;
    display: block;
    width: 100%;
    }
    .mobileheader .lang {
        /* text-align: left;
        line-height: 45px;
        margin-left: 7px; */
    }
    .mobileheader .lang a{
        /* padding: 5px 7px; */
    }
    .mobileheader .mobileuser {
        text-align: right;
        display: block;
        padding-right: 25px;
    }
    .mobileheader .mobileuser a{
        padding: 10px 15px;
        float: right;
    }
    .h-show-cart {
        position: relative;
    }
    .mobileuser em.roundpoint {
        top: 7px;
        left: 25px;
        position: absolute;
        width: 18px;
        height: 18px;
        background-color: #CB9E3C;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        font-size: 13px;
        text-align: center;
        font-style: normal;
        line-height: 16px;
        color: #fff;
    }
    .mobile-dostava {
        width: 100%;
        color: #F2F3F7;
        background-color: #3F1F22;
        margin: 0;
        border: 0 none;
        font-size: 13px;
        padding: 7px 10px;
        text-align: center;
    }
    .mobile-dostava i {
    	color: #EFBF75;
        margin-right: 10px;
    }
.logo-footer {
    display: flex;
    text-align: center;
    width: 100%;
    align-content: center;
    justify-content: center;
}
.navbar-brand-footer {
	float: none;
}
.category_header {
    height: auto;
}
/* .search {
    padding-left: 0;
    margin-left: 0;
    margin-top: 10px;
    padding-top: 15px;
    display: inline-block;
} */
.footeregida li {
    padding: 0 26px;
}
.boxkomercijalistimobile a {
    color: #fff !important;
}
.headerkosaricamob {
    color: #fff !important;
    position: absolute;
    margin-right: 15px;
    font-size: 24px;
    margin-top: 6px;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    right: 120px;
top: 0;
z-index: 1000;
}
.headerkosaricamob div {
	position: absolute;
    right: -15px;
top: 3px;
font-weight: 700;
font-size: 16px;
padding-right: 12px;
padding-left: 12px;
padding-top: 4px;
padding-bottom: 5px;
border: 1px solid #fff;
}
.headerarrow {
    display: none
}
.nav-pills > li > a {
    font-size: 14px;
}
.main {
    margin-right: -15px;
    margin-left: -15px;
}
.main h4 {
    padding: 5px 50px;
    line-height: 27px;
}
.basket2 div {
    margin-left: 5px;
}
.boxw {
    padding-bottom: 15px;
    padding-top: 15px;
	padding-left: 0;
    padding-right: 0;
    margin-top: 10px;
}
.mainw {
    margin-right: -25px !important;
    margin-left: -25px !important;
}
  .visible-sm {
    display: block !important;
  }

.carousel {
    margin-bottom: 0px;
}
.carousel-caption {
    padding: 20px 55px;
	top: 33%;
}
.thumb-img1 {
    height: 200px;
}
.panel-title {
    margin-top: 5px;
    margin-bottom: 3px;
    font-size: 16px;
}
.panel-body .thumb-img3 {
  height:auto !important;
}
.thumb3 {
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}
.thumb-img5 {
	height:auto !important;
    min-height: 435px;
}
.home h3 {
    font-size: 22px;
}
.cijena {
    font-size: 18px;
}
.table h2 {
    margin-top: 10px;
    font-size: 24px;
}
.btn-custom3 {
    font-size: 17px !important;
    padding: 13px 35px;
}
.category_kosarica {
    margin-top: 0;
}
/* .btn-add {
    visibility: visible;
}
.btn-add span {
    text-transform: uppercase;
    background: -webkit-linear-gradient(45deg, #B07515, #FFFFD7, #B07515);
        background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-add:hover span {
    text-transform: uppercase!important;
    background: -webkit-linear-gradient(45deg, #fff, #fff, #fff)!important;
        background-clip: border-box!important;
    background-clip: border-box!important;;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
} */
.list-group h3 {
    font-size: 18px;
}
.portofino {
    margin-top: 0;
}
.producthome h3 {
    padding: 12px;
    font-size: 26px;
    margin-top: 50px;
}
.kolona2-cont img {
    left: 25%;
    height: 400px;
}
.kolona2-cont .swiper-container {
    max-width: 450px;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    left: auto;
    right: 0;
}
.kolona2-cont .swiper-slide {
    width: 450px;
}
.kolona2-cont .swiper-wrapper {
    right: 0;
    left: auto;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
}
.kolona2-cont {
    margin: 5px 0;
}
.kolona1-cont .swiper-container {
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    left: 0;
    max-width: 450px;
}
.kolona1-cont .swiper-slide {
    width: 450px;
}
.kolona1-cont img {
    left: 25%;
    height: 400px;
}
.btn-custom {
    display: block;
    margin-bottom: 10px;
	width: 100%;
}
.btn-custom2 {
    font-size: 15px;
}

}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  .category_header {
    height: 175px;
}
.paybox {
    min-height: 320px;
}
      .navbar-brand {
	font-size: 32px;
}
.addbasket {
    letter-spacing: 1.5px;
    padding-right: 35px;
    padding-left: 35px;
}
.addbasket1 {
    padding: 10px;
}

.boxlist .addbasket1 {
    padding: 14px;
}
.main h4 {
    padding: 0px 60px;
    line-height: 30px;
    margin-bottom: 50px;
}
.testimonial_091_control_button .carousel-control-next, .testimonial_091_control_button .carousel-control-prev{
    top: 45%;
}
.product .form-reservation {
    padding: 0 0px;
    width: 90%;
    left: 15px;
}
.product .input-group .form-control {
    padding: 5px;
}
.product .btn-default1 {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.list-group h3 {
    font-size: 22px;
}
.thumb-img0 {
	height: 215px;
}
.thumb-img5 {
    min-height: 580px;
}
.kolona2-cont img {
    left: 10%;
    transform: translateX(-20%);
}
.kolona2-cont .swiper-container {
    -webkit-transform: translate(-25%,-50%);
    transform: translate(-25%,-50%);
}
.kolona1-cont img {
    left: 20%;
}
.kolona1-cont .swiper-container {
    left: 25%;
}


}

@media (max-width: 480px) {
    .footerbackdownimg {
       left: 50%;
       width: 500px;
       height: 100%;
       margin-left: -250px;
    }

.input-group-btn  .btn-default {
    margin-bottom: 0;
}
}

.numbers .page-link{
  border: 1px solid #dee2e6 !important;
}

/* .container{
  width: 1320px;
}
@media(max-width: 1400px){
  .container{
    width: 1140px;
  }
}
@media(max-width: 1200px){
  .container{
    width: 960px;
  }
  .wsmenu>.wsmenu-list>li>.navtext{
    padding: 22px 12px;
  }
}
@media(max-width: 992px){
  .container{
    width: 720px;
  }
}
@media(max-width: 768px){
  .container{
    width: 540px;
  }
}
@media(max-width: 576px){
  .container{
    width: 100%;
  }
} */

/*-------------------------------------NAGRADNA IGRA CSS POČETAK-------------------------------------*/
/*Općenito*/
.nagradna_igra_body h1, .nagradna_igra_body h2, .nagradna_igra_body p{
  color: #392D31;
}
.nagradna_igra_btn{
  color: #fff;
  padding: 10px 15px;
  background-color: #392D31;
  transition: 0.3s ease;
}
.nagradna_igra_btn:hover{
  background-color: #fff;
  color: #392D31;
}
/*Općenito*/
/*Prva sekcija*/
.nagradna_igra_section_one{
  background: linear-gradient(to right, 
    #FEF2E2 0%, 
    #FEF2E2 70%, 
    #392D31 70%, 
    #392D31 100%);
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    min-height: 90vh;
    display: flex;
}
.nagradna_igra_section_one .container{
  display: flex;
  align-items: center;
}
.nagradna_igra_section_one_text_container{
  max-width: 500px;
  padding-top: 100px;
  padding-bottom: 100px;
}
.nagradna_igra_section_one_text_container h1{
  font-size: 60px;
  font-weight: bold;
  margin-bottom: 30px;
}
.nagradna_igra_section_one_img_container{
  position: absolute;
  bottom: 0;
  left: 60%;
}
.nagradna_igra_section_one_img_container img{
  height: 550px;
}
/*Prva sekcija*/
/*Druga sekcija*/
.nagradna_igra_container_one{
  background-color: #CFB070;
  text-align: center;
  padding: 30px;
}
.nagradna_igra_container_one p, .nagradna_igra_container_one p a{
  color: #fff;
  margin-bottom: 0;
}
/*Druga sekcija*/
/*Treća sekcija*/
.nagradna_igra_section_two{
  background-color: #FEF2E2;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
}
.nagradna_igra_section_two_text_container{
  max-width: 70%;
  padding-top: 100px;
  padding-bottom: 100px;
}
.nagradna_igra_section_two_text_container h2{
  font-size: 55px;
  font-weight: bold;
  margin-bottom: 30px;
}
.nagradna_igra_section_two_text_container .custom-bullets{
  list-style: none;
  padding-left: 0;
}
.nagradna_igra_section_two_text_container .custom-bullets li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}

.nagradna_igra_section_two_text_container .custom-bullets li::before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px; 
  width: 30px;
  height: 30px;
  background-image: url('../images/nagradna_igra/star.png'); 
  background-size: contain;
  background-repeat: no-repeat;
}
.nagradna_igra_section_two_img_container{
  position: absolute;
  bottom: 0;
  right: 5%;
}
.nagradna_igra_section_two_img_container img{
  height: 500px;
}
.nagradna_igra_section_two_img_container .nagradna_igra_btn{
    position: absolute;
    bottom: 50%;
    right: 70%;
    width: 210px;
}
/*Treća sekcija*/
/*Četvrta sekcija*/
.nagradna_igra_section_three{
  background: linear-gradient(to right, 
    #FEF2E2 0%, 
    #FEF2E2 50%, 
    #392D31 50%, 
    #392D31 100%);
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  height: 550px;
}
.nagradna_igra_section_three h2{
  font-size: 55px;
  font-weight: bold;
  margin-bottom: 30px;
}
.nagradna_igra_section_three h2.custom_header{
  margin-bottom: 0;
  font-size: 65px;
  position: absolute;
  left: 25%;
  bottom: 50px;
}
.nagradna_igra_section_three h2.custom_header2{
  margin-bottom: 0;
  font-size: 65px;
  position: absolute;
  right: 25%;
  top: 50px;
  color: #FEF2E2;
}
.nagradna_igra_section_three_text_container{
  position: relative;
  z-index: 2;
  height: 550px;
}
.nagradna_igra_section_three_img_container{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.nagradna_igra_section_three_img_container img{
  height: 500px;
}
/*Četvrta sekcija*/
/*Peta sekcija*/
.nagradna_igra_section_four{
  background-color: #cfb070;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
}
.nagradna_igra_section_four_text_container{
  max-width: 70%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.nagradna_igra_section_four_text_container h2{
  font-size: 55px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #fff;
}
.nagradna_igra_section_four_text_container p{
  color: #fff;
  margin-bottom: 30px;
}
.nagradna_igra_section_four_img_container{
  position: absolute;
  right: 0;
  bottom: 0;
}
.nagradna_igra_section_four_img_container img{
  height: 600px;
}
/*Peta sekcija*/
/*Šesta sekcija*/
.nagradna_igra_section_five{
  padding-top: 50px;
  padding-bottom: 50px;
  background-position: center;
  background-size: 70%;
  background-repeat: no-repeat;
}
.nagradna_igra_section_five_text_container{
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nagradna_igra_section_five_text_container h2{
  font-size: 45px;
  font-weight: bold;
  margin-bottom: 30px;
}
.nagradna_igra_section_five_text_container ol{
  list-style: none;
  counter-reset: item;
  padding: 0;
}
.nagradna_igra_section_five_text_container ol li {
  counter-increment: item;
  display: flex;
  align-items: flex-start;
  gap: 5px;
  margin-bottom: 0.5em;         
}
.nagradna_igra_section_five_text_container ol li::before {
  content: counter(item) ".";
  min-width: 40px;
  text-align: left;
  font-variant-numeric: tabular-nums;        
}
/*Šesta sekcija*/
/*Sedma sekcija*/
.nagradna_igra_container_two{
  background-color: #392d31;
  padding: 100px 50px;
  position: relative;
  height: 200px; 
}
.nagradna_igra_container_two_img_container{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 180px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.nagradna_igra_container_two_img_container img {
  object-fit: contain;
}
/*Sedma sekcija*/
/*Osma sekcija*/
.nagradna_igra_section_six{
  background: #FEF2E2;
  padding: 100px 0;
}
.nagradna_igra_section_six_text_container{
  text-align: center;
}
.nagradna_igra_section_six_text_container h2{
  margin-bottom: 30px;
}
.nagradna_igra_section_six_text_container a{
  font-weight: bold;
  text-decoration: underline;
}
.seperator_container{
  position: relative;
  height: 600px;
}
.seperator{
  height: 100%;
  width: 1px;
  background-color: #cfb070;
}
.nagradna_igra_section_six_form{
  margin-top: 30px;
}
.nagradna_igra_section_six_form .form-group{
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.nagradna_igra_section_six_form .form-group > div{
  position: relative;
}
.nagradna_igra_section_six_form .form-group > div i{
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
.nagradna_igra_section_six_form .form-group2{
  display: flex;
  align-items: flex-start;
  text-align: left;
  max-width: none;
}
.nagradna_igra_section_six_form .form-group2 .checkbox{
  margin-right: 10px;
}
.nagradna_igra_section_six_form .control-label{
  display: block;
  text-align: left;
}
.nagradna_igra_section_six_form input.form-control{
  background-color: #392d31;
  color: #fff;
  border-radius: 0;
  height: 50px;
  box-shadow: none !important;
  outline: none !important;
}
.nagradna_igra_submit_btn{
  width: 100%;
  height: 50px;
  background-color: #cfb070;
  border: none;
  margin-top: 15px;
  margin-bottom: 30px;
  color: #fff;
  transition: 0.3s ease;
}
.nagradna_igra_submit_btn:hover{
  color: #fff;
  background-color: #392d31;
}

/*Osma sekcija*/
/*Uvjeti stranica*/
.nagradna_igra_uvjeti_body{
  background-color: #fef2e2;
}
/*Uvjeti stranica*/
@media(max-widtH: 1200px){
  .nagradna_igra_section_one{
    min-height: auto;
  }
  .nagradna_igra_section_one_img_container img{
    height: 420px;
  }
  .nagradna_igra_section_two_text_container{
    max-width: 60%;
  }
  .nagradna_igra_section_two_img_container img{
    height: 420px;
  }
  .nagradna_igra_section_three_img_container img{
    height: 390px;
  }
  .nagradna_igra_section_four_text_container{
    position: relative;
    z-index: 2;
    max-width: 65%;
  }
  .nagradna_igra_section_four_img_container{
    z-index: 1;
  }
  .nagradna_igra_container_two_img_container{
    gap: 100px;
  }
}
@media(max-width: 992px){
  .nagradna_igra_section_one,.nagradna_igra_section_one .container{
    display: block;
  }
  .nagradna_igra_section_one_img_container img{
    height: 330px;
    z-index: 1;
  }
  .nagradna_igra_section_one_text_container{
    position: relative;
    z-index: 2;
    max-width: 460px;
  }
  .nagradna_igra_section_two_text_container{
    max-width: 70%;
    position: relative;
    z-index: 2;
  }
  .nagradna_igra_section_two_img_container{
    right: 0;
    z-index: 1;
  }
  .nagradna_igra_section_two_img_container .nagradna_igra_btn{
    bottom: 10%;
  }
  .nagradna_igra_section_three, .nagradna_igra_section_three_text_container{
    height: 500px;
  }
  .nagradna_igra_section_three h2.custom_header{
    left: 10%;
  }
  .nagradna_igra_section_three_img_container img{
    height: 300px;
  }
  .nagradna_igra_section_four_text_container{
    max-width: none;
    text-align: center;
  }
  .nagradna_igra_section_four_img_container{
    right: 50%;
    transform: translateX(50%);
  }
  .nagradna_igra_container_two_img_container{
    gap: 50px;
  }
  .seperator_container{
    height: auto;
    padding: 30px 0 10px 0;
  }
  .seperator{
    height: 1px;
    width: 100%;
  }
}
@media(max-widtH: 768px){
  .nagradna_igra_section_one{
    background: linear-gradient(to bottom, 
    #FEF2E2 0%, 
    #FEF2E2 70%, 
    #392D31 70%, 
    #392D31 100%);
    padding-left: 0;
    padding-right: 0;
    height: 625px;
  }
  .nagradna_igra_section_one_text_container{
    max-width: none;
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
    z-index: 2;
  }
  .nagradna_igra_section_one_text_container h1{
    font-size: 35px;
  }
  .nagradna_igra_section_one_text_container h1 img{
    height: 50px;
  }
  .nagradna_igra_section_one_img_container{
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
  .nagradna_igra_section_one_img_container img{
    height: 240px;
  }
  .nagradna_igra_section_two{
    padding: 0;
    padding-bottom: 25px;
  }
  .nagradna_igra_section_two_text_container{
    max-width: none;
    padding-top: 25px;
    padding-bottom: 65px;
  }
  .nagradna_igra_section_two_text_container h2{
    font-size: 35px;
  }
  .nagradna_igra_section_two_img_container img{
    display: none;
  }
  .nagradna_igra_section_two_img_container .nagradna_igra_btn{
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
  }
  .nagradna_igra_section_two_img_container{
    right: 50%;
  }
  .nagradna_igra_section_three{
    background: linear-gradient(to bottom, 
    #FEF2E2 0%, 
    #FEF2E2 50%, 
    #392D31 50%, 
    #392D31 100%);
    padding: 0;
    height: 400px;
  }
  .nagradna_igra_section_three h2{
    font-size: 35px;
  }
  .nagradna_igra_section_three h2.custom_header, .nagradna_igra_section_three h2.custom_header2{
    display: none;
  }
  .nagradna_igra_section_three_img_container img{
    height: 180px;
  }
  .nagradna_igra_section_four{
    padding: 0;
  }
  .nagradna_igra_section_four_text_container h2{
    font-size: 35px;
  }
  .nagradna_igra_section_four_img_container img{
    height: 540px;
  }
  .nagradna_igra_section_five{
    background-size: 100%;
  }
  .nagradna_igra_section_five_text_container h2{
    font-size: 35px;
  }
  .nagradna_igra_container_two{
    height: auto;
    padding: 30px;
  }
  .nagradna_igra_container_two_img_container{
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    gap: 30px;
  }
  .nagradna_igra_container_two_img_container img{
    height: 70px;
  }
}
/*-------------------------------------NAGRADNA IGRA CSS KRAJ-------------------------------------*/