html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
* {box-sizing: border-box;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none;}
table {	border-collapse: collapse;border-spacing: 0;}
textarea { font:13px/1.4 Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; }

body {
	font:13px/1.4 Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-weight: 400;
	color:#333;
	background:#f2f2f2;
}

a {
	text-decoration:none;
	color: #000000;
}

input {
	font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:16px;
	padding: 8px;
	outline: 0;
	border:1px solid #cccccc;
	background: #FFFFFF;	
}
.error-input { border: 1px solid red!important; }
.text-ad { display: none!important; }

/* 1200 px grid - responsive */

.container {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;  
}
@media (min-width: 768px) {
  .container {
    width: 760px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 980px;
  }
}
@media (min-width: 1200px) {
  .container {
    /* rtjf *//*width: 1200px;*/
    /* kqky */width: 1100px;
  }
}


@media (min-width: 1199px) {
	#main-container { background: #fff !important; }	
	
	/* kqky */.container-full {
		background: #f2f2f2;
	    border-top: 4px solid #dedede;
		padding-top: 10px;
	}
}
.container-fluid {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -10px;
  margin-left: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
/* end 1200 px grid */


.mobile-stuff {
	display: none;
}
.smartphone-stuff {
	display: none;
}
.desktop-stuff {
	display: inherit;
}
.tablet-stuff {
	display: inherit;
}
#small-logo {display:none;}
#small-logo a {
    float: left !important;
    padding-right: 31px !important;
    padding-left: 0 !important;
}
#small-logo img {
	height: 100% !important;
}

header {background-color:#fff; position:relative;z-index: 500;}
header .container {
	position:relative;
	height: 62px;
}
header .navigator .container {
	height: 36px;
}
.container {position:relative;}
header .logo img {margin-top:10px;}
header .logo img.logoImg {width:80%;}
@media (max-width: 768px) {
	header .logo img.logoImg {width:100%;}
}
@media (max-width: 992px) {
	header .container {
		height: 80px;
	}
}
header .logo img.christmass {
    width: 39px;
    position: absolute;
    top: -12px;
    left: -6px;
}
header .slogan {
	font:13px/1.4 Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;	
	font-size: 14px; font-weight: 100; color: #999; 	
	text-align: center;
	width: 71%; margin: -4px 0 4px 0;
}

#headpanel { width: 100%; background: #fff; }

/* rtjf *//*header .search-box {padding-top:19px;} nije se koristilo jer je bilo inline na 9px*/
/* kqky */header .search-box {padding-top:9px;}

header .search-box input.search-field {
	/*background: url(../img5/magnifier12.png) no-repeat scroll 9px 14px;*/
	background-color: #fcfcfc;
	border: 1px solid #88b737!important;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:13px 10px 10px 33px;
	width: 100%;
	font-size: 16px;
	-webkit-box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
	box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
	color:#333;
	
}
header .search-box-icon {
	position: absolute;
    top: 53%;
    transform: translate(0, -50%);
    margin-left: 6px;
    color: #888;
}
header .search-box a.search-btn {
    position: absolute;
    top: 0px;
    right: 1px;
    text-align: center;
    font-size: 16px;
    width: 120px;
    height: 43px;
    background-color: #88b737;
    color: #fcfcfc;
    -webkit-border-radius: 0 2px 3px 0;
    border-radius: 0 2px 3px 0;
    line-height: 44px;
    box-shadow: 1px 1px 0px 0px rgba(102,140,35,1);
}
header .search-box a.search-btn:hover {
    background-color: #81ae34!important;
    box-shadow: 1px 1px 0px 0px rgba(102,140,35,1);
}

@supports (-webkit-overflow-scrolling: touch) {
	/* CSS specific to iOS devices */
  	header .search-box a.search-btn { top: 2px!important; }
}

header .navigator .container .menu-item > a {	
	/* rtjf */padding: 9px 20px;
	font-size: 14px;
}

@media (min-width: 1199px) {
	header .navigator .container .menu-item > a {	
	/* kqky */padding: 9px 10px !important;
		transition: background-color 250ms ease;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1198px) { /*ipad menu fix*/
	header .navigator .container ul {
	    display: flex !important;
	    justify-content: space-between;
	}
	header .navigator .container .menu-item > a {
	    padding: 9px 0px;
	    max-width: 135px;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	}
	header .slogan { display: none !important; }
	
	.owner-phone { margin-top: 0; } 
	.owner-phone i { display: none; } 
	
	.price-vat-info { float: right; }
}

::-webkit-input-placeholder { color:#777; }
::-moz-placeholder { color:#777; } /* firefox 19+ */
:-ms-input-placeholder { color:#777; } /* ie */
input:-moz-placeholder { color:#777; }

header .social {
	float:right;
	padding: 10px 0 0 0;
}
@media (min-width: 1199px) {
	header .social {
		padding: 21px 0 0 11px;
	}
}

header .social a {
	/*width:24px;
	height:24px;
	display:block;
	overflow:hidden;	 
	float:left;
	margin-left:1px;*/
	text-align: center;        
    border-radius: 50px;
}
header .social a i {
	line-height: 24px;
    display: block;
    padding-top: 1px;
}
header .social a#blog {background: #4F4F4F; color: #fff;/*background:url(../img5/r_blog24.png) top left;*//*text-indent: 0px; width: 26px; padding-top: 4px; margin-right: 1px; 
	background: #bebebe; color: #fff!important; padding-left: 1px; font-size: 12px;*/}
/*header .social a#blog:hover {background-color: #f7961a;}*/
header .social a#facebook {color: #fff; background: #4463b1;/*background:url(../img5/r_fb24.png) top left;*/}
header .social a#twitter {background:url(../img5/twitter.png) top left;}
header .social a#googlep {background:url(../img5/googlep.png) top left;}
header .social a#instagram {background: #4C81A4; color: #fff; /*background:url(../img5/r_instagram24.png) top left;*/}
header .social a#facebookX:hover, header .social a#twitter:hover, header .social a#googlep:hover, header .social a#instagram:hover {background-position:bottom left;}

header .navigator {
	background-color: #4f4f4f;
	width: 100%;		
	height: 36px;	
}
header .navigator .container .row {
	height: 36px;
}
header .navigator .container .row .col-sm-9 {
	height: 36px;
}
header .navigator .container ul {
	position: relative;
	height: 36px;
	display: block;
    width: 100%;
}
header .navigator .container ul {
	height: 36px;
	float: left;
	z-index:91;
}

header .navigator .container li {
	height: 36px;
	z-index:91;
}

div.submenu {
	display: none;			
	position: absolute;
	top: 100%;	
	z-index:1291;
}
.basket-menu div.submenu::before {
    right: 70px;
    left: inherit;
}
.basket-menu span span.basket-quantity {
	font-weight: bold;
}

.user-menu-w {height:36px; position:relative; text-align:center;}
.user-menu-w .shadow-l {position:absolute; top:0; left:-7px; height:36px; width:7px; display:block;}
.user-menu-w .shadow-r {position:absolute; top:0; right:-7px; height:36px; width:7px; display:block;}
.user-menu {
	display: inline-block;
	height: 36px;
	color: #f7961a;
}
div.user-menu a {
	padding: 8px 8px 10px 8px;	
	line-height:22px;
}
div.user-submenu {
	top: 100%;	
	text-align:left;
}
div.user-submenu a {
	font-size: 16px;
    color: #333;
    display: block;
    padding: 0px 0 6px 16px;
    line-height: 30px;
    height: 30px;
}
div.user-menu a:hover {background-color:transparent;}
div.user-submenu a:hover {background-color:#eaeaea;}
div.user-submenu .new_msgs_cnt {color:#444; font-weight:bold;}

div.user-menu a span {	
	line-height:22px;
	color:rgba(255,255,255,0.85);
}
div.user-menu a .fa {
	font-size:20px;	
	line-height:22px;
	color:#f7961a;
	vertical-align: top;
	margin-right:5px;
}
div.user-menu a:hover span, div.user-menu a:hover .fa{	
	color:#f7961a;
}
div.user-submenu a .fa {
    font-size: 16px;
    line-height: 30px;
    color: #444;
    margin-right: 0;
	width:25px;
}
div.user-submenu a:hover .fa {
    color: #333;
}
div.user-menu img {

}
div.login-menu {
	right: 110px;	
}
div.messages-menu a { padding: 8px 0 10px 0; position: relative; }
div.basket-menu {
	right: 0px;	
}
div.user-menu:hover > div .submenu {
	display: block;
}
div.user-menu:hover > .submenu {
	display: block;
}
ul li:hover > div .submenu {
	/*display: block;	*/
}
ul li:hover > .submenu {
	/*display: block;*/	
}
.wishlist-menu, div.wishlist-menu a span, .wishlist-menu i { color: #f7961a; }
.menu-hover-pad {
	position: absolute;
	width: 100px;
    height: 70px;
    top: -50px;
    left: -50px;
	z-index: -1;
	cursor: pointer;
}
.submenu .submenu-header {
	height: 18px;
}
.submenu .submenu-header img {
	margin-bottom: -5px;
}
.submenu .submenu-content {
	position: relative;
	height: auto;
	background-color: #fff;
	-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.75);
	box-shadow: 0 0 18px 0 rgba(0,0,0,0.75);
	padding: 20px 0 20px 0;
	text-align: left;
}
.submenu .submenu-content .left-side {
	width: 280px;
	float: left;
}
.submenu .submenu-content .left-side a {
	font-size: 16px;
	color: #333;
	display: block;
	padding: 0px 0 6px 16px;
    line-height: 30px;
    height: 30px;
}
.submenu .submenu-content .left-side a.sve-ponude {
	color: #222;
	font-weight:500;
}
.submenu .submenu-content .left-side a span{
	font-size: 14px;
	color: #aaa;
}
.submenu .submenu-content .left-side a:hover { background-color:#eaeaea; }
.submenu .submenu-content .right-side {
	float: left;
	margin-right:20px;
}
.submenu .submenu-content .right-side .offer {
	width:280px;
	height:306px;
	margin:0 0 0 20px;
	border-radius: 6px;
	float: left;
}
.owner-phone {
	display: inline-block;position: absolute;
}
.owner-phone a {
    font-size: 17.5px !important;
    padding: 7px;
    font-weight: 200;
    color: #999;
    height: 30px;
    font-weight: normal;
    cursor: default;
    overflow: hidden;
}
.navigator2 {
	background: #fff !important;
	border-bottom: 1px solid #eee !important;
}
.navigator2 .row {
	margin: 0;
}
.navigator2 .container div.user-submenu a {
    font-size: 16px;
    color: #333;
    display: block;
    padding: 0px 0 6px 16px;
    line-height: 30px;
    height: 30px;
}


.navigator2 div.submenu::before {
	position: absolute;
    top: -5px;
    left: 16px;
    display: inline-block;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ccc;
    border-left: 5px solid transparent;
    border-bottom-color: #fff;
    content: '';
	z-index:1291;
}
.navigator2 .basket-menu div.submenu::before {
    right: 70px;
    left: inherit;
}
#header-categories-list2 .fa:not(.fa-search) {
    color: #bebebe;
    font-size: 16px;
}

header .navigator .container a {
	color: #fff;
	font-size: 14px;
	display: block;
	padding: 9px;
	height:36px;
}
header .navigator .container a:hover, header .navigator .container a.active {
	text-decoration: none;
	background-color:#373737;
}
@media only screen and (max-width: 1024px) {
	header .navigator .container a:hover, header .navigator .container a.active {
		/* kqky */background-color:#fff;
	}
	/* kqky */#header-categories {
		/*width: 0;*/
	}
}
header .navigator .container input {
	font-size: 12px;	
}

header .pointer:before {
	position: absolute;
    left: 23px;
    display: inline-block;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ccc;
    border-left: 5px solid transparent;
    border-bottom-color: #999;
    content: '';
    z-index: 91;
    bottom: 0;
    margin: 0 auto;
}


/*** new **/
.navigator2 .container a {
    color: #999;
    font-size: 14px;
    display: block;
    /* padding: 9px 10px 9px 10px; */
    padding: 8px;
    height: 35px;
}

#header-categories-list2 a:hover, #header-categories-list2 a:hover > .fa {
    color: #88b737;
}


header .navigator .container ul {
	/*display: table;*/
	width: 100%;
	list-style: none;
}

header #navigator { z-index: 0; }
header .navigator .container li {
	/*display: table-cell;*/
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

header .navigator .container li a {
	display: block;
}

header .navigator2 .container ul {
    display: table;
    width: 100%;
    list-style: none;
}

header .navigator2 .container ul {
    height: 36px;
    float: left;
    z-index: 91;
}
header .navigator2 .container ul {
    position: relative;
    height: 36px;
    display: block;
    width: 100%;
}

@media (max-width: 768px) {
	header .navigator .container li {
		/*min-width: 60px;*/
	}
	#top-headpanel {
		/*height: 100px;*/
		width: 100%;
	}
	/*
	.search-box .search-c {
	    margin-top: 26px;
	}
	*/
	.mobile-icons-label { width: 100%; }
}

@media only screen and (max-width: 560px) {	
	.search-box .search-c {
		margin-top: 0;
	}
	header .search-box a.search-btn {
		font-size: 14px;
		width: 101px;
	}
}
.search-c {
	/* rtjf *//*z-index: 1400;*/
	/* kqky */z-index: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {	
	#top-headpanel .top-headpanel-row {
		display: flex;
	    align-items: center;
	}
	#top-headpanel .search-box {
	    flex: 1;
	}
}

.container2 {
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

header .navigator2 {
	background-color: #4f4f4f;
	width: 100%;		
	height: 36px;	
}
header .navigator2 .container2 .row {
	height: 36px;
}
header .navigator2 .container2 .row .col-sm-9 {
	height: 36px;
}
header .navigator2 .container2 ul {
	position: relative;
	height: 36px;
	display: block;
    width: 100%;
}
header .navigator2 .container2 ul {
	height: 36px;
	float: left;
	z-index:91;
}

header .navigator2 .container2 li {
	height: 36px;
	z-index:91;
}

header .navigator2 .container2 a {
	color: #fff;
	font-size: 14px;
	display: block;
	/*padding: 9px 10px 9px 10px;*/
	padding: 9px;
	height:36px;
}
header .navigator2 .container a:hover, header .navigator2 .container2 a.active {
	text-decoration: none;
}


#header-categories-list2 li:hover {
	color: #88b737;
}

/*** end new **/

.user-msgs-cnt {
	text-align: center;
	background-color: #DA4935;
	position: absolute;
	left: 18px;
	top: 2px;
	padding: 0px 2px 0px 2px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	/* kqky */color:#fff;
}

.ornament {
    /* rtjf */background: #f2f2f2; /*url(/img5/ornament-1200.png) repeat-y;   */ 
    background: #fff; /*url(/img5/ornament-1200.png) repeat-y*/
	background-position-x: center;
	background-position-y: 125px;
}

@media (min-width: 1199px) {
	.ornament {
	    /* rtjf *//*background: #f2f2f2 /*url(/img5/ornament-1200.png) repeat-y; */   
	    background: #fff; /*url(/img5/ornament-1200.png) repeat-y*/
		background-position-x: center;
		background-position-y: 125px;
		/* kqky */height:100%;
	}
	
	.ornament-giveaway {
		background: url(/img5/gifts_pattern_full_l.jpg), url(/img5/gifts_pattern_full_r.jpg);
	    background-repeat: no-repeat;
	    background-position: calc(50% - 650px) 0, calc(50% + 650px) 0;
	    height: 100%;
	}
	
}

.search-results {
    background-color: #fff;
    box-shadow: -2px 2px 10px #555;
    padding: 10px 20px 10px 20px;
    z-index: 300;
    top: -63px;
}
.search-results ul li {	
	display: block!important;
	cursor: pointer;	
	padding: 10px;
} 
.search-results ul li:hover {	
	background-color: #eee;	
}
.search-results ul li.active {
	background-color: #eee;
}
.search-results ul li a {	
	color: #000!important;
	text-decoration: none!important;
}
.search-results ul li a:hover {	
	color: #000!important;
	text-decoration: none!important;	
}    
.search-results ul li img {	
	float: left;
	margin-right: 4px;
}
.search-results ul li a.search-result-link {
	font-size: 13px;	
}

.search-panel {
	padding: 20px;
	text-align: center;
	font-size: 20px;
}

.arrow-left { position:fixed; left:20px; top:40%; z-index:20; }
.arrow-right { position:fixed; right:20px; top:40%; z-index:20; }

.link { color: #81ae34!important; }

.width100p {
	width: 100%;
}
.border-bottom-delim:not(:last-child) {
	border-bottom: solid 1px #cacaca;
}
.mr-top5 {
	margin-top: 5px!important;
}
.mr-top8 {
	margin-top: 8px!important;
}
.mr-top10 {
	margin-top: 10px!important;
}
.mr-top14 {
	margin-top: 14px!important;
}
.mr-top20 {
	margin-top: 20px!important;
}
.mr-top30 {
	margin-top: 30px!important;
}
.mr-bottom10 {
	margin-bottom: 10px!important;
}
.mr-bottom20 {
	margin-bottom: 20px!important;
}
.mr-bottom60 {
	margin-bottom: 60px!important;
}
.mr-right5 {
	margin-right: 5px!important;
}
.mr-right10 {
	margin-right: 10px!important;
}
.mr-right20 {
	margin-right: 20px!important;
}
.mr-left20 {
	margin-left: 20px!important;
}
.mr-left10 {
	margin-left: 10px!important;
}
.mr-left5 {
	margin-left: 5px!important;
}
.center-text {
	text-align: center!important;
}
.left-text {
	text-align: left!important;
}
.right-text {
	text-align: right!important;
}
.text-italic {
	font-style: italic;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.font12 {
	font-size: 12px!important;
}
.font-white {
	color: #fff!important;
}
.font-bold {
	font-weight: bold!important;
}
.pdtb6 { padding: 6px 0 4px 0!important; }

.bg-white {
	background: #fff !important;
}
.bg-gray {
	background: #f2f2f2 !important;
}
.border-gray {
	border: 1px solid #f2f2f2;
}
.border-gray-md {
	border: 4px solid #f2f2f2;
}
.border-b-gray {
	border-bottom: 1px solid #f2f2f2;
}

.border-b-gray-md {
	border-bottom: 4px solid #f2f2f2;
}
.line-through {
	text-decoration: line-through;
}
@media (min-width: 1199px) {
	.lg\:bg-white {
		background: #fff !important;
	}
	.lg\:bg-gray {
		background: #f2f2f2 !important;
	}
	.lg\:border-gray {
		border: 1px solid #f2f2f2;
	}
	.lg\:border-b-gray {
		border-bottom: 1px solid #f2f2f2;
	}
	.lg\:border-gray-md {
		border: 4px solid #f2f2f2;
	}
	.lg\:border-b-gray-md {
		border-bottom: 4px solid #f2f2f2;
	}
	
	.lg\:p-10 {
		padding: 10px !important;
	}		
	.lg\:p-l-10 {
		padding-left: 10px !important;
	}
	
	.lg\:p-r-10 {
		padding-right: 10px !important;
	}
	
	.lg\:p-t-10 {
		padding-top: 10px !important;
	}
	
	.lg\:p-b-10 {
		padding-bottom: 10px !important;
	}
	
	.lg\:p-20 {
		padding: 20px !important;
	}	
	.lg\:p-l-20 {
		padding-left: 20px !important;
	}
	
	.lg\:p-r-20 {
		padding-right: 20px !important;
	}
	
	.lg\:p-t-20 {
		padding-top: 20px !important;
	}
	
	.lg\:p-b-20 {
		padding-bottom: 20px !important;
	}
	
	.lg\:no-p {
		padding: 0 !important;
	}
	
	.lg\:no-p-l {
		padding-left: 0 !important;
	}
	
	.lg\:no-p-r {
		padding-right: 0 !important;
	}
	
	.lg\:no-p-t {
		padding-top: 0 !important;
	}
	
	.lg\:no-p-b {
		padding-bottom: 0 !important;
	}
	
	.lg\:m-10 {
		margin: 10px !important;
	}		
	.lg\:m-l-10 {
		margin-left: 10px !important;
	}
	
	.lg\:m-r-10 {
		margin-right: 10px !important;
	}
	
	.lg\:m-t-10 {
		margin-top: 10px !important;
	}
	
	.lg\:m-b-10 {
		margin-bottom: 10px !important;
	}
	
	.lg\:no-m {
		margin: 0 !important;
	}
	
	.lg\:no-m-l {
		margin-left: 0 !important;
	}
	
	.lg\:no-m-r {
		margin-right: 0 !important;
	}
	
	.lg\:no-m-t {
		margin-top: 0 !important;
	}
	
	.lg\:no-m-b {
		margin-bottom: 0 !important;
	}
}

@media only screen and (max-width: 560px) {
	.sm\:hidden { display: none !important; }
	.sm\:left-text { text-align: left!important; }
	.sm\:right-text { text-align: right!important; }
	
	.sm\:w-1\/4 { width: 25% !important; }
	.sm\:w-3\/4 { width: 75% !important; }
	.sm\:w-3\/4 { width: 75% !important; }
		
	.sm\:m-t-20 { margin-top: 20px !important; }
}

.featured-offers {
	margin-top:25px;	
}
.featured-offer {
	position: relative;	
}
.featured-offer img {height:auto;}
@media only screen and (min-width: 768px) {
    .featured-offer .main-featured a img {width: 117%;}
}
.featured-offer a {
	padding: 0;
	margin: 0;
	position: static!important;
}
.featured-slider-wrapper, .featured-slider-wrapper .featured-slider, .featured-slider .slider-item {
	max-height: 312px;
	height: 38vw!important;
}
#featured-slider { margin-bottom: 10px; }
@media only screen and (min-width: 768px) {

  	#featured-slider img::before {
		content: '';
		display: block;
		padding-top: 38.757764%; 
		background: transparent;
		max-height: 305px;
  	}
}
.featured-slider-wrapper .slider-item img {
	width: 100%;
	height: auto;
}
.featured-slider .slick-dots {
	bottom: 14px;
}
.featured-slider .slick-dots li button::before {
    font-family: slick;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: black;
    -webkit-font-smoothing: antialiased;
}
.subscribe-c {padding:0 10px;}
.subscribe-panel {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color:#88b737;
	font-size: 18px;
	margin-top: 25px;
	width: 100%;
	padding:10px 25px;
	text-align:center;
}
@media (min-width: 560px) {
	.subscribe-panel {
		display: flex;
	    align-items: center;
	}
}
.subscribe-shadow {padding:0; margin-top:-1px;}
@media (min-width: 1199px) {
	.subscribe-shadow {
		/* kqky */display: none;

	}
	.subscribe-panel {
		/* kqky */margin-bottom: 15px;
	}
}

.subscribe-shadow img {width:100%;}
.subscribe-panel p {
	/*line-height:44px;*/
	vertical-align:middle;
	color:#fff;
	/* rtjf */font-size:18px;
	font-weight:500;
	display:inline-block;
	margin-right:15px;
	
}
@media (min-width: 1199px) {
	.subscribe-panel p {
		/* kqky */font-size:16px;
		/* kqky */font-size:18px;
	}
}

.subscribe-panel input {
	background-color: #fff;
    border: none/*!important*/;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 13px 12px 10px 12px;
    font-size: 16px;
    -webkit-box-shadow: 1px 2px 0 0 rgba(0,0,0,0.15);
    box-shadow: 1px 2px 0 0 rgba(0,0,0,0.15);
    color: #333;
	display:inline-block;
	margin: 0 12px 0 10px/*!important*/;
	/* rtjf */width:612px;
}

@media (min-width: 1199px) {
	.subscribe-panel input {
		/* kqky */width: 560px;
		/* kqky */width: 510px;
	}
}


.subscribe-panel a {
	background-color: #88b737;
    border: 1px solid rgba(255,255,255,0.7)!important;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 11px 25px 9px 25px;
    font-size: 14px;
    -webkit-box-shadow: 1px 2px 0 0 rgba(0,0,0,0.15);
    box-shadow: 1px 2px 0 0 rgba(0,0,0,0.15);
    color: #fff;
	text-transform:uppercase;
	line-height:20px;
	display:inline-block;
	vertical-align: top;
	cursor: pointer;
}

.subscribe-panel a:hover {
	background-color: #81ae34;
}

.subscribe-consent { padding: 10px 20px 10px 20px;text-align: center; }
.subscribe-consent .subscribe-consent-panel { width: 600px; margin-left: auto; margin-right:auto; }

.subscribe-option-panel {
	width: 100%;
	padding: 4px;
	font-size: 18px;	
}
.subscribe-option-panel label {
	margin-left: 10px;
	cursor: pointer;
}
.vertical-featured, .main-featured {
	/*height: 340px;*/
	height: 312px; 
	overflow:hidden;
	-webkit-transition: transform .2s ease-in-out;
	-moz-transition: transform .2s ease-in-out;
	-o-transition: transform .2s ease-in-out;
	-ms-transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.small-featured {
	/*height: 160px;*/
	height: 146px;
	position:relative; overflow:hidden;
	-webkit-transition: transform .2s ease-in-out;
	-moz-transition: transform .2s ease-in-out;
	-o-transition: transform .2s ease-in-out;
	-ms-transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.small-featured a img {
    width: 120%;
}
.small-featured-first {margin-bottom:20px;}
.main-featured:hover, .vertical-featured:hover, .small-featured:hover {
	-webkit-transform: translate3d(0, -3px, 0);
	-moz-transform: translate3d(0, -3px, 0);
	-o-transform: translate3d(0, -3px, 0);
	-ms-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.3)
}
@media (min-width: 1199px) {
	/* kqky */.vertical-featured, .main-featured, .small-featured  { border-radius: 6px; }
	/* kqky */.main-featured:hover, .vertical-featured:hover, .small-featured:hover {
		-webkit-box-shadow: unset;
		box-shadow: unset;
	}
	.smaller-featured .featured-txt a h2 { font-size: 16px; }
	
	.featured-slider { border-radius: 6px; overflow: hidden; }
}


@media (max-width: 1199px) {
	.subscribe-panel a {
		margin-top: 8px;
	}
	.vertical-featured, .main-featured {height: 273px;}
	.small-featured {height: 127px;}
	.small-featured-first {margin-bottom:19px;}
	.subscribe-panel input {width: 410px;}
	.ornament {
	    background: #f2f2f2; /*url(/img5/ornament-980.png) repeat-y;*/
		background-position-x: center;
		background-position-y: 125px;
	}
}
@media (max-width: 992px) {
	.subscribe-panel a {
		margin-top: 8px;
	}	
	.subscribe-panel input {width: 190px;}
	.ornament {
	    background: #f2f2f2;/* url(/img5/ornament-920.png) repeat-y;*/
		background-position-x: center;
		background-position-y: 125px;
	}
}
.featured-panel {
	width: 100%;    
    position: absolute;
    bottom: 0px;
    left: 0px;
	padding: 0;
	text-align:right;
}
.small-featured .featured-panel {padding:0;}
.featured-txt {
	padding:4px 8px 5px 8px;
	background-color: rgba(0, 0, 0, 0.5);
	text-align:left;
}
.featured-txt a h2 {
	color:#fff;
	text-shadow: 0 0 3px #000000;
	font-size:19px;
	font-weight:500;
	line-height:26px;
}
.featured-txt a h3 {
	color:#eeeeee;
	font-size:14px;
	font-weight:400;
	line-height:19px;
}
.main-featured .featured-txt a h2 {font-size:24px;line-height:30px;}
.main-featured .featured-txt a h3 {font-size:15px;line-height:20px;}
.featured-price {padding:2px 7px 0px 8px; background-color:rgba(0, 0, 0, 0.5); display:inline-block; margin-bottom:1px;}
.featured-price .regular-price {	
	font-size: 14px;
	text-decoration: line-through;
	color:#e1e1e1;
}
.featured-price .reduced-price {
	color: #95c30c;
	font-size: 16px;
	font-weight:500;
	margin-left:6px;
}
.main-featured .featured-price .reduced-price {font-size: 21px;}

.transparent-panel, .transparent-panel a {
    width: 100%;    
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url(/img5/b50.png) repeat;    
    font-size: 16px;
    color: #fff;   
}

.main-featured-container .discount-star {
	background: url(../img5/popust-s.png) no-repeat; 
	width: 81px; 
	height: 81px; 
	font-size: 30px; 
	font-weight: 500; 
	color: #fff; 
	text-align: center; 
	right: 1px;
   	top: -8px;
	z-index: 10; 
	position: absolute; 
	padding-top: 24px; 
	text-shadow: 1px 1px 2px #2a3a04; 
	line-height: 32px;
}

.confidence-badge {
	display: none !important; /* ne prikazujemo trenutno */
	position: absolute;
    z-index: 100;
    width: 60px;
    height: 60px;
    right: 66px;
    top: 104px;
}

.confidence-badge--booking {
	top: 100px;
}

.t-panel100 {
    height: 100px;          
}
.t-panel80 {
    height: 80px;          
}
.t-panel60 {
    height: 60px;          
}
.t-panel40 {
    height: 40px;          
}
.t-panel30 {
    height: 30px;          
}

.ponude h1, .ponude h1 a, .ponude h2, .ponude h2 a {color:#88b737; font-size:24px;} 
.ponude .ponude-sve {display:inline-block; float:right; padding-top:10px;}
.ponude .ponude-sve a {color:#fcfcfc; font-size:18px; background-color:#82b540;-webkit-border-radius: 2px;border-radius: 2px; padding: 8px 37px;transition:all 0.2s ease-in;}
.ponude .ponude-sve a:hover {color:#666; background-color:#ddd;}
.ponude .ponude-sve a i {margin-left:4px;}

.offer {
	margin: 10px 0 20px 0;
	background-color: #fff;
	/* rtjf *//*overflow: hidden;*/
	-webkit-transition: transform .2s ease-in-out;
	-moz-transition: transform .2s ease-in-out;
	-o-transition: transform .2s ease-in-out;
	-ms-transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	/* rtjf *//*-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);*/
	/* rtjf *//*box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);*/
	text-align:center;
	/* rtjf *//*height: 330px;*/
	/* kqky height: 285px;*/
	height: 300px;
	min-height: 300px;
	/* rtjf *//*min-height: 288px;*/
	position: relative;
}

@media (max-width: 1199px) {
	.offer {
		margin: 10px 0 20px 0;
		background-color: #fff;
		/* rtjf */overflow: hidden;
		-webkit-transition: transform .2s ease-in-out;
		-moz-transition: transform .2s ease-in-out;
		-o-transition: transform .2s ease-in-out;
		-ms-transition: transform .2s ease-in-out;
		transition: transform .2s ease-in-out;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		/* rtjf */-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);
		/* rtjf */box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);
		text-align:center;
		/* rtjf */height: 330px;
		/* rtjf */min-height: 330px;
		position: relative;
	}
}

/**** .offer line animation bottom ****/
.offer:after {
  position: absolute;
  content: "";
  right: 6px;
  bottom: 0;
  background: #ccc;
  transition: all 0.3s ease;
}

.offer:after {
  width: 0%;
  height: 1px;
}

.offer:hover:after {
  width: 100%;
}

.offer .discount-star-s60 {
  max-width: 100%;
}

.offer:hover > .offer-bottom > .remove-ulo {
	display: inline-block !important;
}

.offer .offer-bottom {
	position: absolute;
	bottom: 0;
	height: 30px;
    padding: 6px 4px;
}
@media (min-width: 768px) {
	.offer-bottom .remove-ulo {
		display: none;
	}
}
@media (max-width: 768px) {
	.offer .offer-bottom {
		position: relative;
		height: 50px;
	}
	
	.offer-bottom .remove-ulo {
		position: absolute;
		right: 10px;
	}
}
.offer-bottom .icon-btn-txt {
	margin-left: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #999;
}
.offer-bottom .fa {
	font-size: 16px;
    color: #666;
}
.icon-btn.icon-btn--primary .icon-btn-txt, .icon-btn.icon-btn--primary .fa { color: #88b737; } 

.offer .last_reviews {
	position: absolute;
	bottom: 0px;	
	border-right: 1px #ccc solid;
	/* rtjf *//*border-top: 1px #ccc solid;*/
	border-bottom: 1px #ccc solid;
	height: 30px;
	padding: 6px 4px 6px 4px;
	/* kqky */right: 0;
    /* kqky */border-radius: 0 0 6px 0;
}

.offer .last_reviews a {
    font-size: 14px;
    font-weight: 500;
    color: #999;
}
.offer .last_reviews a span {
    color: #fff;
    font-size: 13px;
}
.offer .last_reviews a .fa {
	font-size: 16px;
    color: #666;
}

@media (max-width: 1199px) {
	.offer .last_reviews {
		position: absolute;
		bottom: 0px;	
		border-right: 1px #ccc solid;
		/* rtjf */border-top: 1px #ccc solid;
		/* kqky */border-bottom: unset;
		height: 30px;
		padding: 6px 4px 6px 4px;
		/* kqky */right: unset;
	    /* kqky */border-radius: unset;
	}
}

.offer .last_orders {
	position: absolute;
	bottom: 0px;	
	border-right: 1px #ccc solid;
	border-top: 1px #ccc solid;	
	height: 30px;
	padding: 6px 4px 6px 4px;
}

.offer .new-indicator {
    text-align: center;
    background-color: #DA4935;
    position: absolute;
    /* rtjf *//*left: 34px;*/
    /* kqky */right: 0;
    top: -11px;
    padding: 2px 2px 0px 2px;
    border-radius: 50%;
    width: 20px;
    color: #fff;
    height: 20px;
}

@media (min-width: 1199px) {
	.offer .new-indicator {
	    text-align: center;
	    background-color: #DA4935;
	    position: absolute;
	    /* rtjf */right: 1px;
	    /* kqky */left: unset;
	    top: -15px;
	    padding: 2px 2px 0px 2px;
	    border-radius: 50%;
	    width: 20px;
	    color: #fff;
	    height: 20px;
	}
}

@media screen and (min-width: 1025px) {

	.offer .discount-star-s60 {
	  -moz-transition: all 0.2s;
	  -webkit-transition: all 0.2s;
	  transition: all 0.2s;
	}
	.offer:hover .discount-star-s60 {
	  -moz-transform: scale(1.2);
	  -webkit-transform: scale(1.25);
	  transform: scale(1.2);
	}
}

.discount-star-s60 {
	background: url(../img5/popust-s60.png) no-repeat; 
	width: 60px; 
	height: 60px; 
	font-size: 20px; 
	font-weight: 500; 
	color: #fff; 
	text-align: center; 
	right: 0px;	
	top: 0px;
	z-index: 50; 
	position: absolute; 
	padding-top: 14px; 
	text-shadow: 1px 1px 2px #2a3a04; 
	line-height: 32px;
}

.discount-star-xs {
	background: url(../img5/popust-xs.png) no-repeat; 
	width: 40px; 
	height: 40px; 
	font-size: 16px; 
	font-weight: 500; 
	color: #fff; 
	text-align: center; 
	right: 0px;	
	top: 0px;
	z-index: 50; 
	position: absolute; 
	padding-top: 4px; 
	text-shadow: 1px 1px 2px #2a3a04; 
	line-height: 32px;
}

.fotka {
    margin: 10px 0 20px 0;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    -ms-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);
    text-align: center;
    height: 330px;
    min-height: 288px;
    position: relative;
}
.fotka:hover {
	-webkit-transform: translate3d(0, -3px, 0);
    -moz-transform: translate3d(0, -3px, 0);
    -o-transform: translate3d(0, -3px, 0);
    -ms-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
}

.fotke .fotka {
	margin: 0 0 20px 0;
}
.fotke .fotka p {
    max-height: 36px;
    overflow: hidden;
}
.fotka img {
	width: 100%;
}

.fotka p {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 1px 8px 2px 8px;
}

.fotka h3 {
	color: #222;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    padding: 4px 8px 2px 0px;
}

.img-wrap { max-height: 170px; min-height: 170px; overflow: hidden; }

.offer a {
	padding: 0!important;	
}
.offer:hover {
	-webkit-transform: translate3d(0, -3px, 0);
	-moz-transform: translate3d(0, -3px, 0);
	-o-transform: translate3d(0, -3px, 0);
	-ms-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);
	/* rtjf *//*-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);*/
	/* rtjf *//*box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);*/
}
@media (max-width: 1199px) {
	.offer:hover {
		/* rtjf */-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
		/* rtjf */box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
	}
}


.offer img {
	width: 100%;	
	/* kqky *//*border-radius: 6px;*/
	
}
@media (min-width: 1199px) {
	.offer img {
		width: 100%;	
		/* kqky */border-radius: 6px;
	}
}

.offer h1, .offer h2 {
	color:#222;
	/* rtjf *//*font-size:18px;*/
	/* kqky */font-size:17px;
	font-weight:400;
	line-height:24px;
	/* rtjf *//*padding:4px 8px 2px 8px;*/
	/* kqky */padding:4px 8px 2px 0px;
	/* kqky */text-align: left;
}

@media (max-width: 1199px) {
	.offer h1, .offer h2 {
		color:#222;
		/* rtjf */font-size:18px;
		/* kqky *//*font-size:17px;*/
		font-weight:400;
		line-height:24px;
		/* rtjf */padding:4px 8px 2px 8px;
		/* kqky *//*padding:4px 8px 2px 0px;*/
		/* kqky */text-align: unset;
	}
}

@media (min-width: 1199px) {
	/* kqky */.offer h2 {
	    position: relative;
		/*width: 100%;*/
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	    left: 0%;
	}
	
	.offer h2.hovered {
	    /*left: -90%;*/
	    display: table;
	    text-overflow: initial !important;
	    overflow: initial;
		/*background: yellow;*/
	    transition: transform .5s ease;
	}
	
	.offer figure { overflow: hidden; }
}
.offer h3 {
	color:#222;
	font-size:18px;
	font-weight:400;
	line-height:24px;
	/* rtjf *//*padding:4px 8px 2px 8px;*/
	/* kqky */padding:4px 8px 2px 0px;
	
}
@media (max-width: 1199px) {
	.offer h3 {
		/* rtjf */padding:4px 8px 2px 8px;
	}
}

@media (min-width: 1199px) {
	.offer h3 {
	/* kqky */text-align: left;
		width: 100%;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	}
	
	#upsale-offers .offer h3 {
	    text-overflow: initial;
    	white-space: unset;
		max-height: 100px;
    	overflow: hidden;
	}
}

.offer p {
	color:#666;
	font-size:14px;
	font-weight:400;
	line-height:18px;
	/* rtjf */padding:1px 8px 2px 8px;
}
@media (min-width: 1199px) {
	.offer p {
		/* kqky */padding:1px 8px 2px 0px;
		/* kqky */text-align: left;
		word-break: break-word;
	}
}

/*fixiran 2 linije subtitle i height na mobile*/
@media only screen and (max-width: 560px) {
	.offer p { /* only two lines of text */
		line-height: 18px !important;
	    height: 36px !important;
	    overflow: hidden;
	}

}

@media (min-width: 380px) and (max-width: 560px) {
	#mainwrapper .offer { height: 370px !important; min-height: 370px !important; }
}

@media (max-width: 379px) {
	#mainwrapper .offer { height: 350px !important; min-height: 370px !important; }
}

.offer .price {
	/* rtjf */padding:2px 8px 6px 8px;
}
@media (min-width: 1199px) {
	.offer .price {
		/* kqky */padding:2px 8px 6px 0px;
		/* kqky */text-align: left;
		display: flex;
		align-items: center;
	}
}

.offer .price .regular-price {
	text-decoration: line-through;
	font-size: 16px;
	color: #aaa;
	font-weight:300;
	margin-right:8px;
}
.offer .price .reduced-price {
	color: #88b737;
	font-size: 18px;
	font-weight:400;
	vertical-align: middle;
}

.offer-nl-subscription {
	position: relative;	
	overflow:hidden;
	text-align: left;
}
.offer-nl-subscripton-green {
	background: #88b737;
}
.offer-nl-subscription .material-icons {
	color: #fff;
	opacity: 0.3;
	font-size: 250px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-shadow: 0px 5px 5px rgba(0,0,0,0.1);
}
.offer-nl-subscription img, .offer-nl-subscription a img { height:100%; width: auto;}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
     ::i-block-chrome, .offer-nl-subscription img {
        height:auto!important;
    }
}
.submenu-content .offer-nl-subscription img, .submenu-content .offer-nl-subscription a img { height:306px; width: auto;}
.submenu-content .offer-nl-subscription a {height:auto;}
.offer-nl-subscription figcaption.offer-nl-title, .offer-nl-subscription a figcaption.offer-nl-title {
	position: absolute;
	top: 7px; 
	left: 10px;
}
.offer-nl-subscription figcaption.offer-nl-title p, .offer-nl-subscription a figcaption.offer-nl-title p {
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	font-size: 24px;
	font-weight:400;
	display:inline;
	line-height:31px;
	padding:0;
}

.offer-nl-subscription figcaption.offer-nl-title p span, .offer-nl-subscription a figcaption.offer-nl-title p span {
	padding:0;
	box-shadow: 4px 0 0 rgba(0,0,0,0.4), -4px 0 0 rgba(0,0,0,0.4);
	background-color: #000;
	background-color: rgba(0,0,0,0.3);
	box-decoration-break: clone;
}
.offer-nl-subscription input, .offer-nl-subscription a input {
	position: absolute;
	left: 3%;
	bottom: 10px;
	width: 94%;
	background-color: #fff;
    border: none!important;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 13px 12px 10px 12px;
    font-size: 16px;
    color: #333;
}

.offer-nl-subscription .subscription-btn {position: absolute; right: 3%; bottom: 10px; font-size: 16px; text-align: center; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; width: 42px; height: 42px; background-color: #f4f4f4; color: #999; line-height: 43px;}
.offer-nl-subscription .subscription-btn:hover {background-color: #e0e0e0; color:#777;}

.pp-button5 {
	text-shadow: none!important; 
	padding: 11px 10px 10px 10px;
	font-size: 16px;
    font-weight: 400;
	text-align:center;
	width:188px;
	display: inline-block;
	line-height: 18px;
	color: #fff!important;
	text-decoration: none; 
	cursor: pointer;
	border: 0px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	outline: none;
}
.button-icon .fa { float: right; }
.pp-social-login-button {
	padding: 6px!important;
	width: 50%!important;
	font-size: 14px!important;
}
.modal .pp-button5 {
	padding: 14px 10px 12px 10px;
	width:100%;
	text-transform:uppercase;
}
.pp-button5 i {
	font-size: 18px;
	padding-right:8px;
}

.comment-btn .pp-button5 {width:280px;}
.pp-button5 span.button-info {
	font-size: 14px;
	text-transform: none;
	margin-top: 6px;
	display: block;	
}

.zelena5 {background-color: #88b737; -webkit-box-shadow: 1px 2px 0 0 rgba(107,147,37,1);box-shadow: 1px 2px 0 0 rgba(107,147,37,1);}
.zelena5:hover {background: #81ae34!important; -webkit-box-shadow: 1px 2px 0 0 rgba(102,140,35,1);box-shadow: 1px 2px 0 0 rgba(102,140,35,1);}
.plava5 {background-color: #446c99; -webkit-box-shadow: 1px 2px 0 0 rgba(61,95,135,1);box-shadow: 1px 2px 0 0 rgba(61,95,135,1);}
.plava5:hover {background: #416691!important; -webkit-box-shadow: 1px 2px 0 0 rgba(58,90,128,1);box-shadow: 1px 2px 0 0 rgba(58,90,128,1);}
.narancasta5 {background: #f7961a!important; -webkit-box-shadow: 1px 2px 0 0 rgba(193,116,17,1);box-shadow: 1px 2px 0 0 rgba(193,116,17,1);}
.narancasta5:hover {background: #ea8e19!important; -webkit-box-shadow: 1px 2px 0 0 rgba(183,110,16,1);box-shadow: 1px 2px 0 0 rgba(183,110,16,1);}
.siva5 {background: #ccc!important; margin-left:-2px;}
.toggle {background: #ccc!important;}

.btn-ghost--zelena5, btn-ghost--zelena5:hover {
    box-shadow: none !important;
    background: #fff !important;
    border: 1px solid #88b737 !important;
    color: #88b737 !important;
}

.btn-ghost--narancasta5, .btn-ghost--narancasta5:hover {
    box-shadow: none !important;
    background: #fff !important;
    border: 1px solid #f7961a !important;
    color: #f7961a !important;
}

.subscribe-button {
	padding: 8px;
	font-weight: normal;
}
.subscribe-button img {
	width:16px;
	margin:0 6px -1px 0;	
}

.breadcrumbs {
	margin: 12px 0 0 0;
}
.breadcrumbs, .breadcrumbs span a {color: #888;}
.breadcrumbs, .breadcrumbs span a:hover {color: #666;}
.breadcrumbs span:last-child a {color: #666; font-weight:500;}

.breadcrumbs > span:after {font-family: FontAwesome; content: "\f105"; margin:0 3px 0 7px; font-size:14px; color:#aaa;}
.breadcrumbs span:last-child:after {content: "";}

/*OFFER PAGE*/
.offer-data-expiration-note { color: red; display: none; }
.offer-data-expiration-note-offer { font-size: 18px; text-align: left; padding-bottom: 10px; }
.offer-data-expiration-timer { display: inline-block; }

/* rtjf */.offer-title {background-color:#fff; padding:15px 20px 20px 20px; margin:9px 0 20px 0;}

@media (min-width: 1199px) {
	/* kqky */.offer-title {
	background-color:#fff; 
	padding:15px 20px 20px 0px; 
	margin:9px 0 20px 0;
	border-bottom: 1px solid #ddd;
	}
}	
	
/* rtjf */.offer-title h1 {font-size:30px; font-weight:500; color:#333;}
@media (min-width: 1199px) {
	/* kqky */.offer-title h1 {font-size:26px; font-weight:500; color:#333;}

}	

/* rtjf */.offer-title h2 {font-size:18px; margin-top: 6px; font-weight:400; color:#555;}

@media (min-width: 1199px) {
	/* kqky */.offer-title h2 {font-size:16px; margin-top: 6px; font-weight:400; color:#555;}

}

.offer-title .offer-follow { text-align: right; bottom: 30px; right: 20px; margin-top: 6px; }
/* rtjf */.offer-title .offer-follow a { font-size: 21px; font-weight: 400; color: #555; }
@media (min-width: 1199px) {
	/* kqky */.offer-title .offer-follow a { font-size: 18px; font-weight: 400; color: #555; }
	
}

#offer-data-title em, #offer-data-title-mobile em, #offer-data-subtitle em { font-weight: bold; }

.offer-title .offer-follow a i { color: #f7961a; }

.offer-prices .offer-follow { text-align: center; }
.offer-prices .offer-follow a { font-size: 21px; font-weight: 400; color: #555; }
.offer-prices .offer-follow a i { color: #f7961a; }

.offer-info h1 {
	width: 768px;
	text-align:justify;
	font-size: 30px;
	font-weight: 600;
	line-height: 36px;
	color: #333333;
}
.offer-info h2 {
	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
	color: #333333;
	margin-top: 10px;
}
.offer-info .transport {	
	padding-top: 5px;
	font-size: 12px;
	color: #453b26;
	display: inline-block;
	float: left;	
}
.offer-info .transport img {
	margin: 0 6px -6px 10px;
}
.offer-image {
	float: left;
	width: 100%;	
	position: relative;
}
.offer-image .slick-slider {
	margin-bottom: 4px;
}
.slick-slide {
    outline: none;
}
#offer-images-nav {
	margin-bottom: 0;
	display: block;
	max-height: 77px;
}
.offer-image .slick-prev {
	left: 6px;
	width: 50px;
	border-radius: 100px;
	z-index: 1;
}
.category-container .slick-prev {
	left: -58px;
	width: 70px;
	border-radius: 100px;
}
.offer-image .slick-next {
	right: 6px;
	width: 50px;
	border-radius: 100px;
	z-index: 1;
}
.offer-image .slick-prev, .offer-image .slick-next {
    backdrop-filter: blur(2px);
    transition: background .12s ease-in;
}
@media (max-width: 768px)  {
	.offer-image .slick-prev, .offer-image .slick-next {
		background-color: rgba(255, 255, 255, 0.3);
	}
}
.category-container {
	position: relative;
	/* kqky */padding-left: 0;
}
.category-container .slick-next, .category-container .slick-prev {
    width: 70px!important;
    height: 70px!important;
    background-color: rgba(128, 128, 128, 0.2)!important;	
}
.category-container .slick-next {
	right: -58px;
	width: 70px;
	border-radius: 100px;
}
.offer-image .image-container {
	display: none;
}
.offer-image .thumb-container {
	display: none;
	cursor: pointer;
	padding-right: 3px;
}
.offer-image .discount-star {
	background: url(../img5/popust.png) no-repeat; 
	width: 135px; 
	height: 135px; 
	font-size: 44px; 
	font-weight: 500; 
	color: #fff; 
	text-align: center; 
	right: -15px;	
	top: -15px;
	z-index: 50; 
	position: absolute; 
	padding-top: 50px; 
	text-shadow: 1px 1px 2px #2a3a04; 
	line-height: 32px;
}
.payment-note {
	font-size: 14px;
	color: #666;
	line-height: 19px;
	margin: 15px 0 15px 0;
	/*cursor: help;*/
}
.payment-note-icon {
	display: inline-block; vertical-align: middle; font-size: 25px; margin-left: 20px;
}
.payment-note i {margin-right:8px;}
.offer-gallery {
	float: left;
}
.offer-gallery { width: 100%; height: 160px; padding: 0; }
.offer-gallery ul { margin: 0; padding: 0; height: 100%; list-style: none; }
.offer-gallery ul li { float: left; margin: 0 5px 0 0; padding: 0; width: 120px; height: 100%; }
.scrollbar { width: 100%; height: 10px; }
.scrollbar .handle {
    width: 100px; /* overriden if dynamicHandle: 1 */
    height: 100%;
    background: #222;
}
/* rtjf */.offer-prices-w {background:#fff; height: 477.2px; }
@media (min-width: 1199px) {
	/* kqky */.offer-prices-w {background:#fff; height: auto; }
	
}

.offer-prices {background:#fff; padding:20px 20px 17px 20px;}
.prices-other-stuff {margin-top:1px; padding:20px 20px 19px 27px;}
.offer-prices p {
	color:#666;
}

.offer-prices p.ograniceno {
	color: #f7961a;
	font-size: 14px;
	font-weight: 500;
	margin:12px 0 6px 0;
}
.offer-prices .regular-price {
	padding-top: 3px;
	font-size: 21px;
	text-decoration: line-through;
	text-align: left;
	color:#aaa;
	line-height:24px;
	font-weight:400;
}
.offer-prices .button {float:left;}
.offer-prices #offer-data-reduced-price {float:left; display:block; margin-left:20px;}
.offer-prices #offer-data-reservation-price {float:left; display:block; margin-left:20px;}
.offer-prices .reduced-price, .offer-prices .reservation-price {
	padding: 0;
	font-size: 24px;
	color:#373737;
	font-weight:500;
	line-height:26px;
}
.offer-prices .reservation-price {padding-top:12px;}
.offer-prices .buy-button {
	margin: 0;
	/* rtjf *//*width: 188px;*/
	/* kqky */width: 177px;
	font-size: 16px;
	font-weight: 400;
	color:#fff;
	padding: 20px 0 16px 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
    text-align: center;
	line-height:18px;
}

.offer-prices #offer-data-transport, .offer-prices .bought {font-size:16px; color:#666;}
.offer-prices #offer-data-transport i {font-size:18px; margin-right:10px;}
.offer-prices .bought i {font-size:18px; margin-right:6px;}
.offer-prices .bought span {font-size:21px; color:#555; font-weight:500;}

.offer-prices .viewed {font-size:14px; color:#f7961a;}
.offer-prices .viewed i {font-size:18px; margin-right:8px;}
.offer-prices .viewed span {font-size:18px; color:#f7961a; font-weight:500;}

.offer-prices .gift-button, .offer-prices .booking-request-button  {
	margin-top: 10px;
    background-color: #fff!important;
    /*color: #f7961a;
    border: 1px solid #f7961a;*/
    color: #81ae34!important;
    border: 1px solid #81ae34!important;
    box-shadow: none;
    padding: 10px 0 8px 0!important;
}

.offer-prices .button-price {
	font-size: 20px;
}
.offer-prices .button-price span {
	font-size: 12px;
}
.offer-prices .buy-button span.buy-button-info {
	font-size: 14px;
	text-transform: none;
	margin-top: 6px;
	display: block;	
}
.offer-prices .buy-button span.buy-button-currency {
	font-size: 20px;
	text-transform: none;	
}
.offer-prices .buy-button-or {
	text-align: center;
	font-size:16px;
	line-height:18px;
	color:#555;
}
.offer-prices .reservation-supplement {
	font-size: 14px;
	position: relative;
	margin: 14px 0 0 7px;
	width: 181px;
	color:#555;
	font-weight:300;
	line-height:20px;
}
#products-container .reservation-supplement {
	font-size: 14px;
	/*position: relative;*/
	margin: 0 0 0 7px;
	color:#555;
	font-weight:300;
	line-height:20px;
}
.offer-prices .reservation-supplement span, #products-container .reservation-supplement span {font-weight:500;}
.offer-prices .reservation-supplement img {
	position: absolute;
	top: -17px;
	right: -36px;
}
.offer-prices .hurry img {
	margin: 10px 4px -8px 0;
}
.offer-prices .time {font-size:14px; color:#666;}
.offer-prices .time-expiring-today {font-size:14px; color:red!important;}
.offer-prices .time i {font-size:18px; margin-right:10px;}

.offer-prices .time span#offer-data-timer {font-size:20px; color:#555; margin-left:5px;}
.offer-prices .time span#offer-data-timer span {font-size:17px; color:#777; margin:0 2px 0 1px;}
.offer-prices .time-expiring-today span#offer-data-timer {color:red!important;}
.offer-prices .time-expiring-today span#offer-data-timer span {color:red!important;}
.offer-prices .security {
	margin: 20px 0 0 10px;
}

.choose-order-type { padding: 0 0 0 0; }

.price-vat-info {
	color: #555;
	font-size: 12px;
	margin-left: 0;
	font-weight: 300;
	position: relative;
}

#products-container .price-vat-info {
	position: relative!important;
}
.column-vat-info {
	text-align: right;
	font-size: 12px;
	margin-top: 46px;
}

.price-stuff { padding-left: 20px; }

.promo-price {
	color: #555;
	background-color: #ddd;
	padding: 6px 10px 6px 10px;
    text-align: center;
    font-size: 13px;
    border-radius: 5px;
}
.social-share-wrapper {
	margin: 5px 0px 0px 3px;
	color: #333;
	padding-bottom: 0px;
}
#booking-price { padding-top: 12px !important; }

.price-prefix {	display: block; margin-bottom: -12px !important; cursor: help; }

@media screen and (min-width: 1025px) {
	.price-vat-info {
		position:absolute !important;
	    line-height: 14px;
    	margin-top: 4px;
    	margin-left: 20px;
	}
}
@media screen and (max-width: 1024px) {
	.price-vat-info {
	    position: relative!important;
	}
}

@media screen and (max-width: 768px) {
	
	.price-stuff { padding-left: 0px; }
	
	.price-prefix {	display: inline; }
	
	.offer-prices .booking-reduced-price { margin-left: 0px !important; }
	
	#booking-price {
		display: inline;
		padding-top: 0px !important;
		font-size: 20px;
	}

	.price-vat-info {
	    position: relative!important;
	    float: right;
	    margin-right: 20px;
	}
	
	.payment-help ul li {
	    margin: 20px;
	}
}

/* tablet */
@media only screen and (min-width: 1023px) and (max-width: 1199px) {
	.offer-prices #offer-data-gift-url, .offer-prices #buy-btn { width: 160px !important; }
	.price-stuff .regular-price, .price-stuff .reduced-price { font-size: 1.1rem !important; }
	.reservation-supplement.reservations-stuff { font-size: 12px; } 
}    

.offer-details {
	/*height: 930px;*/
	height: auto; 
	margin-bottom: 0;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/ 	
 	overflow: hidden;	 	
}
.offer-details .payment-notif {
	font-size: 18px;
}
.user-img-gallery { display: none; margin: 20px 0 10px 0; }
.user-img-gallery h4 { text-align: center; color: #88b737; margin: 0 0 10px 0; font-size: 18px; }
.user-img-gallery h4 i { font-style: normal; }
.user-img-gallery .image-container { display: none; }
.user-img-gallery .thumb-container { display: none; cursor: pointer; padding-right: 3px; }
.user-img-gallery .user-images { margin-bottom: 4px!important; }
.user-img-gallery .user-images .slick-next { right: 26px!important; }
.user-img-gallery .user-images .slick-prev { left: 26px!important; }
.user-img-gallery .user-images-nav .slick-next { right: 6px!important; margin-top: -24px!important; }
.user-img-gallery .user-images-nav .slick-prev { left: 6px!important; margin-top: -24px!important; }
.user-gallery-image {
	text-align: center;	
	position: relative;
	background-color: #333;
}
.user-gallery-image img { display: inline!important; }
.user-gallery-image-info { /*height: 70px;*/ padding: 4px; font-size: 14px; }
.sold-out { display: none; position: absolute; top: 0px; left: 0px; z-index: 100; }

.sold-ribbon {
	display: none;
    position: absolute;
    top: 30%;
    right: -8%;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    font-size: 80px;
    font-weight: bold;
    letter-spacing: 4px;
    line-height: 82px;
    color: #eb8eaa;
    z-index: 99;
    text-shadow: -3px 3px 16px rgb(0, 0, 0);
    opacity: 0.95;
    transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
}

@media screen and (max-width: 768px) {
	.sold-ribbon {
		right: 2%;
	    font-size: 35px;
	    top: 10%;
	}
}

.ribbon--outer {
    min-width: 148px;
    max-width: 250px;
}

.ribbon {
	background: #ddd;
    position: absolute;
    top: 8px;
	left: -8px;
    padding: 8px 16px;
    z-index: 10;
    border-radius: 0px 4px 4px 0;
    -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.32);
    box-shadow: 1px 2px 1px rgba(0,0,0,0.32);
    text-align: center;
    line-height: 1.3;
    font-size: 14px;
    cursor: default;
}
.ribbon:before {   
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 0;
    height: 0;
    border: 4px solid #477214;
    border-bottom-color: transparent;
    border-left-color: transparent;
    z-index: -1;
    white-space: normal;
}

.ribbon-narancasta-5 {
	background: #f7961a;
	color: #6a3a00;
}

.ribbon-narancasta-5:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 0;
    height: 0;
    border: 4px solid #a9650f;
    border-bottom-color: transparent;
    border-left-color: transparent;
    z-index: -1;
    white-space: normal;
}

.customer-reviews {background-color:#fff; width:100%; padding:20px 20px 0px 20px; margin-bottom: 0px;}
.customer-reviews .reviews-container {
	width: 100%;
}

/*.customer-reviews .review:after {
    content: "";
    border: 0;
    height: 1px;
    background: #f2f2f2;
    margin: 14px -20px 15px -20px;
    display: block;
}*/
.customer-reviews .child-review {
	padding-top: 15px;
	padding-left: 40px;
}
.customer-reviews .review .review-body {
	margin-left: 40px;
	margin-right: 5px;
}

.customer-reviews .review i {
	float: left;
	font-size: 24px;
	margin-top:6px;
	margin-left: 6px;

}

.customer-reviews .review .contentment i {
	position: relative;
	top: 15px;
	left: 3px;
	margin: 0;
	font-size: 22px;
}

.customer-reviews .happy i {color:#88b737;}
.customer-reviews .angry i {color:#808080;}

.customer-reviews .review .review-text {
	font-size: 16px;
	color: #333;
	font-style: italic;
	white-space: normal;
	word-break: break-word;
}
.customer-reviews .review .customer,.review-date {
	font-size: 16px;
	color: #999;
	font-style: italic;
}
.customer-reviews .comment-btn {text-align:center;}
.customer-reviews .comment-form {margin-top: 20px;}
.customer-reviews .comment-form p {padding:0; margin-bottom:15px; color:#333;}
.customer-reviews .comment-form p input {width:100%;}
.customer-reviews .comment-form p input.checkbox {width:auto;}
.customer-reviews .comment-form p input#comments-submit {width:188px;}
.customer-reviews .comment-form textarea {
	width:100%;
	height: 100px;
	border: 1px solid #ccc;
}

.customer-reviews .review {
    position: relative;
    background-color: #fff;
    padding-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
}
.company .customer-reviews .review {
	margin-bottom: 7px;
    padding-bottom: 7px;
}

.review.fresh {
    animation: highlight 4s !important;
}

@keyframes highlight {
  from {background-color: #fffce0;}
  to {background-color: #fff;}
}

.customer-reviews .review .avatar {
	box-shadow: inset 0 2px 1px 0 rgba(157, 157, 157, 0.5);
	display: inline;
	top: 0px;
	left: 0;
}
.review-avatar {
	/*float: left; margin-right: 10px;*/
	top: 18px;
    position: relative;
}

#offer-data-eval-score-div1 {
	background: #fff; margin: 0; display: inline-block; margin-right: 20px;
}

.evaluation_score {
	color: #453b26; 
	font-size: 14px;	
	margin: 0 0 15px 0;
}
.evaluation_score img {
	margin: 0 0 -2px 0;
}
.evaluation_score .evaluation-stars {
	font-size:16px;
	color:#333;
	font-weight:400;
	display: inline-block;
	cursor: pointer;
}
.evaluation_score .evaluation-stars b {
	font-weight:500;
}
.evaluation_score .evaluation-stars .evaluation-details, #customer-reviews-heading .evaluation-stars .evaluation-details {
	display: none;
	position: absolute;
	left: 140px;	
	z-index: 250;
	background-color: #fff;
	padding: 20px;
	box-shadow: -2px 2px 20px #555;
	cursor: default;
}
#customer-reviews-heading .evaluation-stars .evaluation-details {
		font-size:16px !important;
}
#load-more-reviews { margin-top: 15px; }
.evaluation_score .evaluation-stars:hover > .evaluation-details, #customer-reviews-heading .evaluation-stars:hover > .evaluation-details {
	display: block;
}
/** ovo staviti u slucaju redizajna oooo maknuti **/
.oooooffer-stars {-webkit-border-radius:3px; border-radius:3px; position:absolute; /*top:8px; left:8px;*/bottom: auto; padding:5px 4px 1px 5px; margin:0; line-height:16px;}
/** end ovo*/

.offer-stars {background-color:rgba(0,0,0,0.4);-webkit-border-radius:3px; border-radius:3px; position:absolute; top:8px; left:8px; padding:5px 4px 1px 5px; margin:0; line-height:16px;}
.offer-stars img {width:auto;} 
.social-share {
 	margin: 30px 10px 0 18px;
 	color: #536579; 	
}

.social-share-wrapper {
	margin: 5px 0px 0px 3px;
	color: #333;
	padding-bottom: 0px;
}

@media (max-width: 768px) {
	.evaluation_score .evaluation-stars { font-size: 14px; }
	.social-widget { padding-bottom: 10px; }
}
.offer-text {
	background-color:#fff;	
	padding: 22px 20px 20px 20px;
	font-size: 16px;
	white-space: normal;
}
/*
.offer-more-button-w {margin-bottom:15px;}
.offer-more-button {background-color:#fff;	
	padding: 23px 20px 26px 20px;
}
*/
.offer-text h1 {font-size: 20px; color:#88b737; font-weight:400; padding:2px 0 22px 0;}
.offer-text h2 {font-size: 17px; color:#88b737; font-weight:400; padding:2px 0 18px 0;}
.offer-text p {font-size: 16px; color:#333; font-weight:400; padding:2px 0 18px 0; text-align:justify; line-height:24px;}
/*.offer-text p b {font-weight:500;}*/
.offer-text p a {color:#88b737;}
.offer-text p a:hover {text-decoration:underline;}
/*.offer-text img {width: 100%;}*/
.offer-text b { font-weight: bold;}
.offer-text font b { font-weight: normal; }
#offer-data-text b { font-weight: bold !important; }
.offer-text i { font-style: italic; }
.offer-text u { text-decoration: underline; }
 .offer-notes-top, .offer-notes {
	background-color:#fff;
	padding: 20px 0px;
	white-space: normal;
}
.add-submenu { 
	background-color:#fff;
	padding: 20px;
}
.offer-notes-top hr, .offer-notes hr {border:0; height:1px; background:#ddd; margin: 12px -20px 15px -20px;}
.offer-notes-top .buttons, .offer-notes .buttons {
	margin-bottom: 10px;
}
.offer-notes-top .button, .offer-notes .button {
	margin: 0;
	width: 188px;
	font-size: 16px;
	font-weight: 400;
	color:#fff;
	padding: 11px 10px 10px 10px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
    text-align: left;
	line-height:18px;
}
.offer-notes-top .button i, .offer-notes .button i {
	margin-right: 8px;
	font-size: 18px;
}

.partneri-header h1 {font-size: 24px; color:#88b737; font-weight:400; padding:0 0 4px 0;}
.partneri-header h2 {font-size: 18px; color:#333; font-weight:400; padding:0 0 6px 0;}
.partneri {background-color:#fff; padding: 22px 20px 20px 20px; font-size: 16px;}
.partneri h1 {font-size: 20px; color:#88b737; font-weight:400; padding:0 0 22px 0;}
.partneri h2 {font-size: 18px; color:#88b737; font-weight:400; padding:0 0 18px 0;}
.partneri h3 {font-size: 16px; font-weight:500; padding:0 0 16px 0;}
.partneri p {text-align: left; font-size: 16px; color:#333; font-weight:400; padding:2px 0 18px 0; line-height:24px;}
.partneri p b {font-weight:500;}
.partneri p a {color:#88b737;}
.partneri p a:hover {text-decoration:underline;}
.partneri img {width:100%; height:auto; margin-bottom:20px;}
.partner-logo {margin:20px 20px 20px 20px;}

.add-submenu {font-size:16px; font-weight:400;}
.add-submenu ul li { margin-bottom:5px;}
.add-submenu ul li a {color: #88b737;}
.add-submenu ul li a:hover {text-decoration:underline;}

.offer-notes ul {
	margin: 0 0 0 0;
}
.offer-notes li {
	font-size: 16px;
	list-style: disc;
    margin-left: 20px;
}
.offer-notes ul > li:not(:last-child):after { content: ""; border: 0;height: 1px;background: #ddd;margin: 14px -20px 15px -20px;display: block; }
.offer-notes ul#offer-data-notes-1 > li:after { content: ""; border: 0;height: 1px;background: #ddd;margin: 14px -20px 15px -20px;display: block; }
.offer-notes li p {
	font-size: 16px;
	color:#333;
	line-height:28px;
}
.payment-thank-you .offer-details .offer-notes li {
	font-size: 16px;
	line-height:28px;
}
.offer-notes li p b {
	color:#e08613;
	font-weight:500;
}
.offer-notes li p a {
	color:#88b737;
}
.offer-notes li p a:hover { text-decoration:underline;}
.offer-notes li.hidden-note {
	display: none;	
}
.offer-notes li.three-dots {
	text-align: left!important;
}
.offer-notes li:last-child {border-bottom: none; padding-bottom:0;}
.offer-notes li.offer-notes-header {
	margin-left: -2px;
	list-style: none;	
	color: #fff;
	border: 0px;
	padding: 4px 10px 4px 10px;
	width: 210px;	
	cursor: pointer;
}
.offer-notes li.offer-notes-header img {	
	margin: 0 10px -1px 0;
}
.offer-notes li.booking-header {
	margin-left:-2px;
}
.offer-notes li.booking-header a {
	color: #fff;	
}
.offer-notes li.delivery-header {	
	list-style: none;	
	color: #fff;
	border: 0px;
	padding: 4px 10px 4px 10px;
	width: 210px;	
	cursor: pointer;
}
.offer-notes li.delivery-header img {	
	margin: 0 10px -1px 0;
}
.offer-notes-submenu {	
	display: none;
	margin-top:20px!important;
}
.offer-notes-submenu li:last-child:after {
	height: 0px!important;

}
.offer-notes-submenu li a {color: #88b737;}
.offer-notes-submenu li a:hover {text-decoration:underline;}
.travel-insurance-panel {
	text-align: center; margin-top: 20px;
} 

/* rtjf */.notifyme-button { display: inline-block; width: 162px!important; font-size: 14px!important; border: 1px solid #fff!important; background-color: #88b737!important; text-transform: uppercase; }

@media (min-width: 1199px) {
	/* kqky */.notifyme-button { display: inline-block; width: 150px!important; font-size: 14px!important; border: 1px solid #fff!important; background-color: #88b737!important; text-transform: uppercase; }
}

.upload-photos-panel {	
	position: relative;		
	width: 100%;
	margin-bottom:20px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	min-height:80px;
}
.upload-photos-panel a {
	color:#fff;
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.upload-photos-panel a .fa-camera, 
.upload-photos-panel a .fa-money,
.upload-photos-panel a .fa-shopping-cart {	
	font-size:32px;
	position: absolute;
	top: 24px;
	left: 21px;
}
.upload-photos-panel .fa-angle-right {	
	font-size:32px;
	position: absolute;
	top: 24px;
	right: 24px;
}
.upload-photos-panel img {	
	position: absolute;
	top: 24px;
	left: 80px;
}
.upload-photos-panel .upload-photos-text {
	font-size: 24px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    position: absolute;
    left: 70px;
    width: 70%;
    top: 50%;
    transform: translate(0, -50%);	
}
.upload-photos-panel .upload-photos-text span {
	display: inline-block;
	font-size: 16px;
	color:#f3f8eb;	
}
@media only screen and (max-width: 560px) {
	.upload-photos-panel .upload-photos-text {
    	font-size: 22px;
    }
	.upload-photos-panel .upload-photos-text span {
		margin-top: 5px;
		font-size: 14px;
		line-height: 14px;
		max-width: 80%;
	}  
}
.offer-data-other {
	margin-bottom:20px;
}

@media (min-width: 1199px) {
	/* kqky */.offer-data-other {
		background: #fff;
	}
	
	/* kqky */.container-full .subscribe-c { background: #fff; }
	
	/* kqky */#similar-offers-bottom {
		background: #fff;
		margin: 0 -10px;
		margin-top: 10px !important;
		padding: 10px;
	}
}

.company-locations {
	background-color:#fff;
	padding:20px 20px 0 20px;	
	font-size: 16px;
	word-wrap: break-word;
}
.company-locations p {
	padding: 0 0 26px 0;
	color:#333;
}
.company-locations a {
	color: #88b737;
}
.company-locations a:hover {text-decoration:underline;}
.company-locations p strong {font-weight:500;}
.company-locations .company-name {
	font-size: 18px;
	font-weight:500;
}
.company-map {
	width: 100%;
	overflow:hidden;
}

@media (max-width: 767px) {
  .blog-navigation {/*margin-top:20px;*/padding: 0 20px!important;}  
}

/*POPUP*/
#overlay {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; display: none; background:url(../img5/overlay.png) repeat; z-index: 100;}

.fixed {position: fixed;}
.p400 {width:400px;}
.p500 {width:560px;}
.pu500 {width:520px;}
.pu540 {width:540px;}
.p620 {width:680px;}
.pu620 {width:640px;}
.p650 {width:710px;}
.pu650 {width:670px;}
.pu680 {width:680px;}
.pu750 {width:810px;}
.pu800 {width:860px;}
.txtField {width:380px; border:1px solid rgba(44,80,121,0.3); padding:6px 5px;  font-size: 16px; color:#333; margin:0 auto;}

/*FORM*/
.error-notify {text-align:left;background: #ef7373; padding: 13px 15px; margin: 15px 0; color: #fff; font-size: 14px;}
.error-notify h3 {margin:0 0 10px 0; padding:0; font-size:18px; color:#fff;}
.error-notify ul {margin:0; padding:0; list-style:none;}
.error-notify li {margin:5px 0 0 0; padding:0; color:#fbe7e7; font-weight:400; font-size:15px;}
.error-notify a {color:#fbe7e7; text-decoration: none;}
.error-notify a:hover {color:#fff;}
.small-notify {text-align:left;background-color: #FFFDE6; color: #333;}
.form {
	text-align: left;	
}
.form a {
	color: #666;
}
.form p {
	padding: 10px;
}
.form p.two-col-p {
	width: 48%;		
	float: left;	
	padding-right: 10px; 
	padding-left: 10px;		
}
.form p.two-col-p input {
	width: 193px;
}
.form p.four-col-p {
	width: 20%;	
	float: left;	
}
.form p.six-col-p {
	width: 15%;	
	float: left;	
}
.form p label {
	font-size: 16px;
	color:#333;
}
.form p label a {
	color: #88b737!important;
	font-size: 16px!important;
}
.form p input {

}
.form textarea {
	width: 100%;
	padding: 8px;
	font-size: 16px;
	margin: 0 0 0 0;	
	min-height: 100px;
	border:1px solid #cccccc;
	-webkit-box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
    box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
}
.form input.pp-button5 {
	cursor: pointer;
}
.form select {
	font-size: 16px;
	padding: 6px;
}
.form .checkbox {
	width: 20px;
	border: 0px;	
}

.login-form {
	padding:0 20px;	
}
.page-login-form {
	width: 660px; 
	margin: 0 auto 0 auto;
} 
.login-social-form {
	padding: 20px 20px 0 20px;
}
.login-social-form p {
	padding-top: 6px;
}
.prijava-page .login-social-form p {
	padding-top: 26px;
}
.login-social-form .social-login-button {
	padding: 6px;
	padding-bottom: 12px;
	color: #555!important;
	text-align: left!important;
	text-transform:none;
	display: block;
	line-height: 18px;
}
.login-social-form .social-login-button span {
	display: block;
	margin-top: 6px;
}
.login-social-form .social-login-button img {
	float: left;
	margin-right: 10px;
}


/*GRID*/
.grid { 	
	cursor: pointer;
}
.grid:hover {
	background-color: #ccc;
}
.grid .column {
	float: left;
	padding: 10px;
}
.grid .column-header {
	float: left;
	padding: 10px;
	font-size: 18px;
}
.grid .column-footer {
	float: left;
	padding: 10px;
	background-color: #F2F2F2; 
}
#footer .pixel_cert a img {
	width: 120px;
	height: 120px;
}
.category-award {	max-width: 165px;} 
@media only screen and (max-width: 768px) {	
	.category-award {	max-width: 155px;} 
}

.awards .pixel_cert img {
	width: 50px !important;
	height: 50px !important;
}

.offer-prices-w .payment-note {
    padding: 0 0 0 25px;
    margin: 0;
    font-size: 18px;
}
.payment-note img {
	max-width: 50px;
}


/*PRODUCTS GRID*/
.products-loader {
	text-align: center;
}
.products-grid {
	width: 630px;
	font-size: 16px;
}
.products-grid .product-description {
	width: 240px;
}
.products-grid .product-price {
	width: 200px;
}
.products-grid .product-price .regular-price {
	text-decoration: line-through;
	color: #555;
}
.products-grid .product-price .reduced-price {
	color: #8EC63F;
}
.products-grid .product-price .reservation-price {
	font-size: 14px;	
}
.products-grid .product-price .reservation-price span {	
	color: #8EC63F;
}
.products-grid .product-selection {
	width: 100px;
}
.products-grid .authorized-orders {
	font-size: 12px;
}
.products-grid .authorized-orders img {
	margin: 0 4px -4px 0;
}
.products-grid .sold-out {
	text-decoration: line-through;
}


/*BASKET*/
.offers-table-container {
	background-color:#fff;
	padding:20px;
}
.offers-table-container a:hover {
	text-decoration: underline;
}
.offers-table-container .offers-table-filter {
	text-align: left;
	padding: 10px 0 20px 0;
	font-size: 16px;
	border-bottom: 1px solid #F2F2F2;
}
.offers-table-container .offers-table-filter a {
	display: inline-block;
}
.offers-table-container .offers-table-filter span {
	color:#aaa;
	margin:0 5px;
}
.offers-table-container .offers-table-filter a.active {
	font-weight: 600;
}
.offers-table-container .offers-table-column-header {
	font-size: 18px;
	cursor: default;
	border-bottom: 1px solid #F2F2F2;
}
.offers-table-container .offers-table-column {
	font-size: 16px;
	cursor: default;
}
.offers-table-container .column-offer {
	width: 70%;	
}
.offers-table-container .column-offer img {
	width: 120px;	
	float: left;
	margin-right: 10px;
}
.offers-table-container .supplement {
	font-style: italic;
	padding-left: 50px;
}
.offers-table-container .supplement span {
	font-weight: bold;
}
.offers-table-container a {
	color: #456996;	
}
.offers-table-container .column-price {
	width: 10%;
	text-align: right;
}
.offers-table-container .column-quantity {
	width: 10%;
	text-align: right;
}
.offers-table-container .column-price-quantity {
	width: 20%;
	text-align: right;
}
.offers-table-container .column-quantity select {
	font-size: 16px;
	padding: 4px;
	float: right;
	width:60%;
}
.offers-table-container .column-quantity img {
	float: right;
	margin: -10px 0 0 4px;
}
.offers-table-container .column-amount {
	width: 10%;
	text-align: right;
}
.offers-table-container .column-details {
	width: 10%;
	text-align: right;
}
.offers-table-container .column-details a {
	display: block;
	margin: 1px 3px 3px 3px;
	float:right;
}
.offers-table-container .column-details a span {
	display: none;
}
.offers-table-container .column-details a:hover {
	color:#2e435c;
	text-decoration:none;
}
.offers-table-container .column-date {
	width: 15%;
	text-align: left;
}
.offers-table-container .column-description {
	width: 60%;
	text-align: left;
}
.offers-table-container .column-border-top {
	border-top: solid 1px #cacaca;
}
.empty-basket-notif {
	padding: 20px;
}
.basket-load-notif {
	text-align: center;
	padding: 20px;
}
.payment-help h3 {
	padding-bottom: 2px;
}
.payment-method .active {background-color: #88b737!important; -webkit-box-shadow: 1px 2px 0 0 rgba(107,147,37,1); box-shadow: 1px 2px 0 0 rgba(107,147,37,1); cursor: default;}

.payment-help {background-color:#FFF; padding:20px; border: 1px solid #ddd;}
.payment-help p {
	padding: 4px 0 20px 0;
	margin: 0;
	font-size:16px;
}
.payment-help a {
	color: #88b737;
	text-decoration: none;
}
.payment-help a:hover {
	text-decoration: underline;
}
.payment-progress {
	text-align: center;
	vertical-align: middle;
	padding: 160px 0 200px 0;
}
.payment-progress h1 {
	font-size: 16px;
	color:#333;
}
.payment-thank-you {background-color:#FFF; padding:20px;}
.payment-thank-you h1 {
	text-align:center;
	margin: 20px 0 20px 0;
	font-size: 24px;
}
.payment-thank-you h1 i {color:#88b737; font-size:40px; margin-right:6px;}
.payment-thank-you h2 {
	font-size: 21px;
	margin-top: 10px;
}
.payment-thank-you .coupons-editor div {
	float: left;
	padding: 10px;
}
.coupons-editor select {	
    background-color: #fcfcfc;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 0 10px 4px;
    font-size: 16px;
    -webkit-box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
    box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
    color: #333;        
}
.payment-thank-you .form {margin:10px 0 20px 0;}
.payment-thank-you .form input[type='text'], .payment-thank-you .form input[type='email'] {
	background-color: #fcfcfc;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 13px 10px 11px 10px;
    font-size: 15px;
    -webkit-box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
    box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
    color: #333;
    margin: 2px 0 4px 0;
    width: 100%;
}
.payment-thank-you .form p.four-col-p {width: 20%; padding-left:0}
.payment-thank-you ul {
	margin: 20px 0 0 20px;
}
.payment-thank-you li {
	list-style: none;
	font-size: 16px;
	margin: 20px 0 0 0;
}
@media (min-width: 1199px) {
	/* kqky */.payment-thank-you li {
		margin: 0;
	}
	.payment-thank-you ul { margin: 20px 0 0 0px; }
	
	.payment-thank-you ul.offer-data-notes {
		margin: 20px 0 0 20px;
	}
}
.payment-thank-you li a {
	color: #456996; 
}
.payment-thank-you li .slip-container {
	width: 100%;
	text-align: center;
	display: block;
	margin-bottom: 50px;	
}
.payment-thank-you .offer-btn {
	width: 100%;
	text-align: center;
	display: block;
	margin-top:20px;
}
.payment-thank-you li .slip-container img {
	margin: 30px auto 10px auto;
	width: 600px;	
}
.payment-thank-you .offer-details {height:auto;}
.payment-thank-you .offer-details .offer-notes {
	padding:0;
} 
.payment-thank-you .offer-details .offer-notes ul {
	margin: 0;
} 
.payment-thank-you .offer-details .offer-notes li {
	list-style: none;
	margin:0 0 10px 0;
}
.payment-thank-you .offer-details .offer-notes li b {
	color: #e08613;
    font-weight: 500;
}
.payment-thank-you .offer-details .offer-notes li a {
	color: #88b737;
}
.payment-thank-you .offer-details .offer-notes li a:hover {text-decoration:underline;}
.payment-thank-you .ebank-payment-info {
	font-size: 18px;
	margin: 20px 0 0 20px;
}
.payment-thank-you .ebank-payment-info p span {
	color: #555;
}
.payment-thank-you .barcode {
	width: 100%;
	text-align: center;
	font-size: 14px;
}
.payment-thank-you .barcode a {
	color: #456996; 
}

.ebank-payment-info .pinfo-label {
    color: #f7961a;
    font-weight: bold;
}

.fotke-votes { padding: 0 0 0 0; font-size: 16px; position: absolute; bottom:4px; right:0px;}
.fotke-votes span { font-size: 18px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 6px; }
.fotke-social {	position: absolute; left: 0px; bottom: 0px; }

.notification-footer-panel {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	/*height: 60px*/;	
	color: #555;
	z-index: 1000;
}
.notification-footer-panel .notification-footer-panel-content {
	width: 650px;
	margin: 0 auto 0 auto;
	font-size: 22px;
	/*padding: 10px 0 20px 0;*/
	text-align: center;
	background-color: #fff;
	position: relative;
	border: 1px solid #ddd;
}
.notification-footer-panel .notification-footer-panel-content input {
	padding: 8px;
	font-size: 17px;
	width: 280px;
}
.notification-footer-panel .notification-footer-panel-content .close {
	position: absolute;
	top: 0px;
	right: 0px;
}

footer #footer-container {
	clear:both;
	width:100%;
	background:#666666;
	line-height: 160%; 
	margin-top: 20px;
	padding:34px 0 25px 0;
	color: #ADADAD;
	-webkit-box-shadow:inset 0 5px 6px 0 rgba(0,0,0,0.3);
	box-shadow:inset 0 5px 6px 0 rgba(0,0,0,0.3);
	border-top:4px solid #d9d9d9;
}
@media (min-width: 1199px) {
	footer {
	/* kqky */margin-top: 0px;
	}
}
footer h2 {color:#e0e0e0; padding: 10px 0; font-size: 21px; font-weight:500; line-height: 120%; margin: 0;}
footer a, footer p {color: #ccc; text-decoration: none; font-size: 14px;}
footer ul li a::before { font-family: FontAwesome; content: "\f105"; margin-right:5px; font-size:12px; color:#8e8e8e;}
footer a:hover {text-decoration: none; color:#eee;}
footer p {margin:0;}
footer p b {color:#e0e0e0; font-weight:500;}
footer .more a {color:#b3b3b3; text-transform:uppercase; font-size:11px;}
footer .more a:hover {color:#ccc;}
footer span {color: #fff;}
footer .logo img {margin:5px 0 8px 0;}
footer .rgt {text-align: right;float: right; margin:0;}

.clear {
	clear:both;
}
.clear:after {
    content:"";
    display:table;
    clear:both;
}

#notification {
    width:0px;
    height:0px;
    padding:10px;
    background-color:#fff;    
    position:fixed;
    bottom:220px;
    right:10px;    
    -moz-box-shadow:-2px 0px 5px #aaa;
    -webkit-box-shadow:-2px 0px 5px #aaa;
    box-shadow:-2px 0px 5px #aaa;
    opacity:1;
    z-index: 100!important;
}

.small-recommended a h2 { font-size: 15px !important; }

/*MOBILE*/
@media only screen and (max-width: 1200px) {	
	.natjecaj-label { display: none; }
	.header-categories-menu ul li a, .user-menu a { 
		font-size: 13px!important;
		/*padding: 9px 1px 9px 1px!important;*/ 
	}
	.header-categories-menu ul li a i.fa-home, .user-menu a i.fa-home { 
		font-size: 20px!important;				
		padding-top: 4px!important;
	}
	.payment-container .payment-type-button img { display: none!important;}
	.user-msgs-cnt {font-size:16px!important; /*left:30px!important;*/}	
	
	.form p.two-col-p input {
		width: 100%!important;
	}	
}

@media only screen and (max-width: 1023px) {
	header .logo img.logoImg {width:70%;float:left;}
	header .slogan {font-size: 12px;margin: 0px 0 4px 0;}
	
	header .search-box input.search-field {
		font-size: 14px; padding: 15px 10px 10px 30px;
		/* kqky */-webkit-box-shadow: unset;
    	/* kqky */box-shadow: unset;
	
	}
	header .search-box a.search-btn	{ font-size: 14px; }	
	
	/* kqky */ body.pt100 {
		padding-top: 100px !important;
	}
	
	/* kqky */ body.pt50 {
		padding-top: 50px !important;
	}
	
	/* kqky */#headpanel {
		position: fixed;
		height: 100px;
		top: -100px;
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
		transition: all 300ms ease-in-out;
		/*-webkit-transition: top 0.18s ease 0s;
	    -moz-transition: top 0.18s ease 0s;
	    -o-transition: top 0.18s ease 0s;
	    transition: top 0.18s ease 0s;
	    transition-delay: 0.1s;*/
	}
	
	/* kqky */#headpanel.headpanel-pinned {
		top: 0px;
	}	
	
	/* kqky */#headpanel.headpanel-compact {
		height: 50px !important; 
	}
	
	.subscribe-panel input {width: 380px;}
		
	.offer-prices .gift-button, .offer-prices .booking-request-button { margin-top: 20px!important; }			
		
	/*.desktop-stuff { display: block; }*/	
}
@media only screen and (max-width: 1023px) {	
	
	.mobile-width100p { width: 100%!important; }
	.mobile-font12 { font-size: 12px!important; }
	.mobile-font14 { font-size: 14px!important; }
	.mobile-stuff {
		display: block;
	}
	.desktop-stuff {
		display: none!important;
	}
	.tablet-stuff { 
		display:block!important;
	}
	header .logo {
    	position: relative;
	}
	header .header-container, header .navigator .navigator-container, section.container,
		.left-featured-offer, .right-featured-offer, .footer-container, 
		.offer-info h1, .offer-image, .offer-image .main-image, .company-info, .company-info h1, .offer-company-info .company-map, 
		.company-info .company-map, .offer-company-info .company-map img, .company-info .company-map img {
		width: 100%!important;
		max-width: 100%!important;	
	}
	.container .banner {
		width: 100%;
	}
	.banner-container-900 img {
		width: 100%;
	}	
	.offer, .offer220, .offer440 {
		width: 100%;
		height: 350px;
	}
	
	.offer:hover {
		top: 0px!important;
	}
	.offer figcaption {
		font-size: 22px;
	}	
	.offer-image .discount-star {
		right: 0px;		
	}	
	.offer-company-info .company-locations {
		padding-left: 10px;
	}
	
	
	/*basket*/	
	.offers-table-container .column-offer { width: 64%; }
	.offers-table-container .column-offer img {  }
	.offers-table-container .column-price { width: 12%; }
	.offers-table-container .column-quantity { width: 12% }
	.offers-table-container .column-amount { width: 12% }
	.offers-table-container .column-quantity select { width:auto;}
	.offers-table-container .column-date { width: 30%!important; }
	.offers-table-container .column-description { width: 40%!important; }

	.payment-container .payment-type-button { width: 100%!important;}
	.payment-container .payment-type-button img { display: block!important;}
	.payment-container .right-button {margin-left: 0;}	
	.payment-container .payment-type-button span.text { width: 70%; font-size: 14px!important; position: absolute; top: 20px; left: 14px; line-height: 19px;}	
	.payment-container .payment-type-button span { font-size: 12px!important; }
	.payment-container .payment-method { width: 100%; }
	.payment-container .right-form .two-col-p {width: 100%;}
	.payment-thank-you li .slip-container img { width: 100%; }	
	.payment-thank-you ul li div.form { width: 100%!important; }
	.static-content .our-partners-pdlogo { width: 160px; margin-bottom: -5px; }
	.static-content .static-content-menu { width: 100%; }	
	.page-login-form { width: 100%; padding: 20px 0 0 0;}
	.profile-form, .profile-container-header { width: 100%; }
	.profile-container .profile-container-header .pp-button5 { width: 43%; padding-top: 12px; margin: 4px 2px 0 0;}
	.profile-container .profile-container-body .offers-table-container .column-offer { width: 70%; }	
	.profile-container .profile-container-body .offers-table-container .column-quantity { width: 15%; }
	.offers-table-container .column-details { width: 15%; }
	.offers-table-container .offers-table-filter { font-size: 12px; }	
	.profile-container .offers-table-container .offers-table-filter { font-size: 16px; }
	.payment-thank-you .form p.four-col-p {width: 24%;}
	
	.offer-details { height: auto!important;}
	.offer-more-button-w { display: none;}
	
	.user-img-gallery .user-images-nav img {width: auto!important;}
	
	.offer-text img {width: 100%!important;}
	
	.prizes-button { width: 130px!important;}
	.img-wrap { max-height: 270px; min-height: 170px; overflow: hidden; }
	.upload-photo {width:auto!important;}
	
	.poklon-bon-header {padding:120px 0 120px 0; text-align:center;}
	
	header .navigator .container a {height: 50px;}
	header .navigator .container li {height: auto;}
	#mobile-left-side-menu ul li a { height: 40px; }
	#mobile-right-side-menu ul li a { height: 40px; }
	.ponude .ponude-sve a {font-size:16px;}
	
	#header-categories-list li a {font-size: 10px!important;}
	.user-msgs-cnt {font-size:16px!important; /*left:30px!important;*/left:22px!important;}	
	.offer-title .offer-follow {margin-top:20px!important; position: relative!important; bottom: auto!important; top:auto!important;}
	
	.form p.two-col-p input {
		width: 100%!important;
	}		
	
	/*header .logo img.logoImg {width:80%!important;float:left;margin-top:16px!important;}*/	
	header .slogan {margin: 26px 0 0 0!important;}
	
	.subscribe-panel input {width: 184px!important; font-size: 14px;}
	.subscribe-panel p {font-size:14px;}				
}

@media only screen and (max-width: 991px) {		
	.tab-pane { display: none; }

	header .logo img.christmass {
		width:40px;
		position: absolute;
		top: -4px;
		left: 5px;
	}		
	
	.offer-prices-w { height: auto; }	
	
	.coupons-editor div { width: 100%; }
	.coupons-editor select { width: 100%; }
}
@media only screen and (max-width: 776px) {		
	
	.offer, .offer220, .offer440 {
		width: 100%;
		height: 350px;
	}
	
	.ponude h2, .ponude h2 a {font-size:18px; margin-top: 10px;}
	.kategorija .kategorija-naslov h1, .kategorija .kategorija-naslov .title {font-size:16px!important; margin-top: 10px!important;}	
	
}

@media only screen and (max-width: 772px) {
	
	.offer, .offer220, .offer440 {
		width: 100%;
		height: auto;
	}
	.user-gallery-image img { height: auto!important; }
	
	.ponude h2, .ponude h2 a {font-size:16px; margin-top: 10px;	}
	.kategorija .kategorija-naslov h1, .kategorija .kategorija-naslov .title {font-size:16px!important; margin-top: 10px!important;}
}
@media only screen and (max-width: 768px) {		
	header .logo img.logoImg {
    	width: 40%!important;    	
	}
	.desktop-stuff { display: none!important; }
	.tablet-stuff { display:none!important; }   	
}
@media only screen and (max-width: 560px) {
				
	
	/*.booking-offer-single-buy-button { display: none; } nije potrebno */
	
	header .logo img.christmass {
		width:24px;
		position: absolute;
		top: -4px;
		left: 3px;
	}	
	
	header .search-box input.search-field { font-size: 16px; padding: 13px 10px 10px 30px; }
	
	.ponude h2, .ponude h2 a {font-size:17px; margin-top: 5px; font-weight: bold; }
	.kategorija .kategorija-naslov h1, .kategorija .kategorija-naslov .title {font-size:16px!important; margin-top: 10px!important;}

			
	.smartphone-stuff { display: block; }
	.smartphone-width100p { width: 100%!important; }
	
	.prijava h3.modal-title, .prijava-header h3 { font-size: 22px!important; margin: 10px 0 0 0!important; line-height: 24px!important; }
	.prijava h4, .prijava-header h4 { font-size: 16px; }
	
	.payment-container .payment-type-button {width: 100%!important;}	
	.payment-container .payment-type-button img { display: block!important;}
	.payment-container .right-button {margin-left: 0;}
	.payment-container .payment-type-button span.text { width: 70%; font-size: 14px!important; position: absolute; top: 20px; left: 14px; line-height: 18px;}
	.payment-container .left-form, .payment-container .right-form {width: 100%;padding: 20px 0 0 0;float: none;}
	.offers-table-container .column-offer {width: 50%;}
	.profile-container .offers-table-container .column-offer {width: 100%!important;}
	.profile-container .offers-table-container .column-quantity {display: none;}
	.profile-container .offers-table-container .offers-table-column {width: 100%; text-align:center;}
	.profile-container .offers-table-container .column-details a {float:none; display:inline-block;}
	.profile-container .offers-table-container .column-details a span {display:inline-block;}
	.profile-container .offers-table-container .column-header.column-details {display: none;}
	.profile-container .profile-container-header .pp-button5 {width: 48%;}
	.offers-table-container .column-price {display: none!important;}
	.offers-table-container .column-quantity {width: 25%!important;}
	.offers-table-container .column-amount {width: 25%!important; font-size: 15px;}
	.offers-table-container .column-date { width: 30%!important; text-align: left!important; }
	.offers-table-container .column-description { width: 25%!important; text-align: left!important;  }
	.offers-table-container .offers-table-column {font-size: 15px!important;}
	.offers-table-container .offers-table-column a i {font-size: 18px!important;}
	.offers-table-container .offers-table-column-header {font-size: 15px!important;}
	.offers-table-container a {font-size: 13px; line-height:16px;}
	.offers-table-container .column-quantity a {display:block; float:right; width:100%; margin-top:4px;}
	.offers-table-container .column-offer img {margin:0 0 8px 0; width:100%;}
	.payment-thank-you .form p.four-col-p {width: 100%;}
	.ponude .ponude-sve a {font-size:14px; padding: 8px 10px;}
	.user-msgs-cnt {font-size:16px!important; /*left:30px!important;*/left:63px!important;}	
	.offer-title .offer-follow {margin-top:20px!important; position: relative!important; bottom: auto!important; top:auto!important;}	
	
	.offer-image .thumb-container img { width: 100px!important; }			
	.form p.two-col-p input {
		width: 100%!important;
	}	
	
	.pinfo-label { font-size: 16px; }
	.pinfo-content { font-size: 16px; }	
	
	header .logo img.logoImg {width:50%!important;float:left;margin-top: 6px!important;}
	
	/* kqky */.logoImg {
	    width: 170px;
	    min-width: 170px;
	    padding-left: 0px;
	    padding-right: 0px;
	    display: block;
	    margin-top: 7px;
	}
	
	
	header .slogan {float: left; padding: 10px 0 0 4px; font-size: 14px; margin: 0px 0px 4px 20px!important; width: 40%!important;}
	/* rtjf *//*header .search-box {padding-top:8px;}*/
	/* kqky */header .search-box {padding-top:0px;}
	
	.offer-title h1 {/*font-size:22px;*/ font-size:20px;}
	.offer-title h2 {/*font-size:16px;*/ font-size:14px; margin-top:10px;}
	.show-all-reviews { display: inline-block; margin-top:10px;}
	.offer-title .offer-follow a {font-size:16px;}
	.offer-prices .regular-price { /*margin-top: 4px;*/ }
	.offer-prices .button {width:100%;}
	.offer-prices .buy-button {width:100%;}
	.offer-notes-top .button, .offer-notes .button {width:100%!important;}
	.offer-prices .reservation-supplement { width: 100%;/*40%;*/ float: left;}
	
	/*#single-buy-button {
		position: fixed;
	    bottom: 0px;
	    left: 0px;
	    background: #fff;
	    z-index: 1049;
	    width: 100%;
	    display: none;
	}*/
	
	#single-buy-button { bottom: -100px; }
	
	#single-buy-button.single-buy-btn-fixed {
		position: fixed;
	    bottom: 0px;
	    left: 0px;
	    background: #fff;
	    z-index: 100 !important;
	    width: 100%;
   		box-shadow: 0 0 3px 0 rgba(0,0,0,0.15);
	    -webkit-transition: bottom 0.18s ease 0s;
	    -moz-transition: bottom 0.18s ease 0s;
	    -o-transition: bottom 0.18s ease 0s;
	    transition: bottom 0.18s ease 0s;
	    transition-delay: 0.1s;
	}
	
	/*.single-buy-btn-fixed #single-buy-button {

	   -webkit-transition: all 0.2s ease-in;
	    -moz-transition: all 0.2s ease-in;
	    -o-transition: all 0.2s ease-in;
	    transition: all 0.2s ease-in;
	}*/
	
	.single-buy-btn-fixed #buy-btn {
		box-shadow: none  !important;
		-webkit-box-shadow: none !important;
		border-radius: 0px  !important;
		-webkit-border-radius: 0px !important; 
	}
	
	#single-buy-button { padding: 8px!important; }
	/*#single-buy-button .button { width: 50%!important; }*/
	/* samo kad je .single-buy-btn-fixed button na mobile
		#single-buy-button .button a { border-radius: 0px; -webkit-border-radius: 0px; }
		#single-buy-button .button .zelena5 { -webkit-box-shadow: none; box-shadow: none; }
	*/
	/*.offer-prices .button-price { width: 50%; float: left;} vidjeti za ovo, !!!!boooooking */
	.offer-prices .regular-price { font-size: 18px!important; }
	/*.offer-prices .offer-data-reduced-price { font-size: 20px!important; }*/ 
	/*.offer-prices .reservation-price  { font-size: 20px!important; padding-top: 0px!important; }*/
	/*#single-buy-button .button-price { width: 50%; float: left; }*/
	#single-buy-button .reservation-supplement { width: 100%; }
	.price-vat-info { float: none; }
	.booking-price-stuff .price-vat-info { float: right; max-width: 110px; margin-right: 0px; }
	.product-price .price-vat-info { float: right; }
	.buy-buttons-panel { /*top: 60px!important;*/ z-index: 90!important; }
	.buy-buttons-panel .price-info, .buy-buttons-panel .reservation-supplement { float: left; width: 120px; }
	.buy-buttons-panel .buy-button-or { text-align: center; padding-left: 0px;}
	.buy-buttons-panel .reservation-price { margin-left: 20px;}
	
	.buy-buttons-panel .reservation-price, .buy-buttons-panel .reduced-price, .buy-buttons-panel .regular-price {
		width: 130px!important;
		float: left;
	}
	/*.buy-buttons-panel--active { position: fixed!important; }*/
	.notifyme-button { margin: 20px 0 10px 0!important; }

	.modal-body .product-price .regular-price {float:none!important; text-align:left!important;}
	
	#products-container .reservation-supplement { margin-bottom: 10px; }
	
	#mobile-recommendations { display: block!important; height: 600px; visibility: hidden; }
}

@media only screen and (max-width: 330px) {
	.ponude .ponude-sve a {
	    font-size: 14px;
	    padding: 8px 10px;
	}
}

@media only screen and (max-width: 300px) {
	.ponude .ponude-sve a {
	    font-size: 12px;
	    padding: 8px 10px;
	}
}

@media only screen and (min-width: 560px) and (max-width: 992px) {

	.offer-prices-w #single-buy-button, 
	.offer-prices-w .offer-prices .buy-button,
	.offer-prices-w .offer-prices div.button,
	.offer-prices-w .button-price,
	.offer-prices .gift-button, .offer-prices .booking-request-button {
		width: 100% !important;
	}
	
	.offer-data-booking .button {
	    width: 100% !important;
	    text-align: center;
	}
	
	.offer-prices-w .offer-prices div.mobile-stuff {
		width: 100% !important;
	}
	
	.offer-prices-w #offer-data-gift-panel {
		float: none;
		width: 100% !important;
	}
	
	.price-vat-info.mobile-stuff {
		float: none;
	}

	.filter-panel-booking.no-inputs {
		 width: 100%;
	}
	
	#booking-price-initial {
	    width: 100%;
	}
	

}
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.filter-panel-booking .filter-h.filter-date {
	    flex-basis: 100%;
	}
}
/*bootstrap modal - popupovi*/
.glyphicon-modal-window:before {
  content: "\e237";
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.close {
	display: block;
	width: 24px;
	height: 24px;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0;
    /*text-indent: -9999px;*/
    z-index: 1000;
    /*background: transparent url(../img5/hide.png) no-repeat;*/
    cursor: pointer;
    background: #000;
    color: #fff;
    border-radius: 50%;
    margin-right: 7px;
    margin-top: 7px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
button.close {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
  padding: 3px;
  cursor: pointer;
  border: 0;
  display: flex; 
  align-items: center;
  justify-content: center;
  transition: all 0.1s ease-in; 
  transition: transform .2s,opacity .2s!important;
  transform-origin: center center;
}
button.close svg {
	width: 100%;
	height: 100%
}
button.close .material-icons {
	font-size: 16px;
}
@media only screen and (min-width: 1024px) {
	button.close:hover {
	    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	    transform: scale(1.15)/* rotate(-90deg)*/;
	    background: #333;
	    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
	}
}

.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	        background-clip: padding-box;
	outline: 0;
	-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.75);
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.75);
	border-radius: 6px;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background:url(../img5/overlay.png) repeat;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=100);
  opacity: 1;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.prijava-page {margin-bottom:80px;}
.prijava-page .pp-button5 {text-transform:uppercase;}
.prijava-page .form {background-color:#fff; padding: 22px 20px 20px 20px; font-size: 16px;}
.prijava {padding: 35px 40px 30px 40px;}
.prijava h1.modal-title, .prijava-header h1, .prijava h3.modal-title, .prijava-header h3 {font-size: 26px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    line-height: 30px;
    text-align: center;
	margin-bottom:10px;
	color:#333;
}
.prijava h3 {font-size: 18px; font-weight: 500; line-height: 26px;}
.prijava .login-form p {padding:4px 0 8px 0;}
.prijava .login-form a {
	color: #777;
	font-size:13px;
}
.prijava .form a:hover {
	color: #555;
	text-decoration:none;
}
.prijava h1.modal-title span, .prijava-header h1 span, .prijava h3.modal-title span, .prijava-header h3 span {color:#88b737;}
.prijava input[type='text'], .prijava input[type='password'], .prijava select, .payment-method input[type='text'], .payment-method select, .prijava textarea {
    background-color: #fcfcfc;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 13px 10px 11px 10px;
    font-size: 15px;
    -webkit-box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
    box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
    color: #333;
    margin: 2px 0 4px 0;
	width:100%;
}
.prijava textarea {outline:none;}
ul.contact-popup-list li {font-size: 16px; margin-bottom:8px;}
ul.contact-popup-list li span {font-size: 14px; color:#999; margin-left:26px;}
ul.contact-popup-list li i {color:#999; width:26px; font-size:18px; font-style: normal;}
ul.contact-popup-list li a {color: #88b737;}
.payment-method select {width:auto;}
.prijava input[type="checkbox"] {margin: 3px 0 3px 0;}
.prijava .form p label, .prijava .login-form a {padding-left:2px;}
	
h4.modal-title {
  font-size:24px;
  color:#333;
  font-weight:400;
}

.modal-body {
  position: relative;
  padding: 45px 40px 50px 40px;
}
.modal-body .row {
  padding-bottom: 40px;
}
.prijava .row {
  padding-bottom: 10px;
}
.modal-body .row:last-child {
  padding-bottom: 0;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 700px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
/*end bootstrap modal - popupovi*/

.modal-body .product-description {font-size:16px; color:#333; font-weight:400;}
.modal-body .product-price {text-align:right;}
.modal-body .product-price .regular-price {
    padding: 0;
    font-size: 21px;
    text-decoration: line-through;
    text-align: right;
    color: #aaa;
    line-height: 24px;
    font-weight: 400;
}
.modal-body .product-price .reduced-price, .modal-body .product-price .reservation-price {
    padding: 0;
    font-size: 24px;
    color: #373737;
    font-weight: 500;
    line-height: 26px;
}
@media (max-width: 992px) {
  .modal-body .product-price {text-align:left;}
  .modal-body .product-price:after {display: table;content: " ";clear: both;}
  .modal-body .product-price .regular-price {float:left; margin-right:15px;}
  .modal-body .product-price .reduced-price, .modal-body .product-price .reservation-price {float:left;}
  .modal-body .product-description, .modal-body .product-price {padding-bottom:15px;display: flex;gap: 0 10px;align-items: center;justify-content: center;}
}

/*kategorija*/
.kategorija {
    color: #8db91d;
    padding: 10px 17px 10px 0px;
    -webkit-border-radius: 3px;
    border-radius: 3px;	
}
.kategorija .kategorija-naslov a { color: #88b737; }
.filter-panel .kategorija {
	/* rtjf */padding: 10px 17px 0px 17px;
}

@media (min-width: 1199px) {
	.filter-panel .kategorija {
		/* kqky */padding: 10px 17px 10px 0px;
	}
}
.kategorija:after {display: table;content: " ";clear: both;}
.kategorija .kategorija-naslov {display:block;}
.kategorija .kategorija-naslov h1, .kategorija .kategorija-naslov .title {font-size:23px; font-weight:400; margin:0 0 0 3px;}
.kategorija .kategorija-naslov h3 {font-size:24px; font-weight:400; margin:0 25px 0 3px;}
.kategorija .podkategorije {display:block;}
.kategorija .podkategorije ul li {display:block; /*float:left;*/ margin-top:7px;}
/*.category-wrapper > .kategorija .podkategorije ul li {float:left;}*/

.kategorija .podkategorije ul li a {height: initial; color:#333; padding:2px 6px 2px 6px; margin:0 3px; font-size:16px; font-weight:300;}
.kategorija .podkategorije ul li a:hover, .kategorija .podkategorije ul li a.active {color: #fff; background-color: #88b737; -webkit-border-radius: 3px; border-radius: 3px;}
#cat-fixed > #category-container {box-shadow: 0 5px 6px 0 rgba(80, 80, 80, 0.72);}
/*end kategorija*/

/*kategorija mobile*/
.mobile-stuff .kategorija {background-color:#999; color:#fff; padding:10px 17px 10px 17px; -webkit-border-radius: 3px; border-radius: 3px; margin-top:20px;}
.mobile-stuff .kategorija:after {display: table;content: " ";clear: both;}
.mobile-stuff .kategorija .kategorija-naslov {display:block; float:left;}
.mobile-stuff .kategorija .kategorija-naslov h1, .mobile-stuff .kategorija .kategorija-naslov .title {font-size:24px; font-weight:400; margin:0 25px 0 3px; line-height:1;}
.mobile-stuff .kategorija .kategorija-naslov h3 {font-size:24px; font-weight:400; margin:0 25px 0 3px;}
.mobile-stuff .kategorija .podkategorije {display:block; float:left;}
.mobile-stuff .kategorija .podkategorije ul li {display:block; float:left; margin-top:7px;}
.mobile-stuff .kategorija .podkategorije ul li a {height: initial; color:#fff; padding:2px 6px 2px 6px; margin:0 3px; font-size:16px; font-weight:300;}
.mobile-stuff .kategorija .podkategorije ul li a:hover,
.mobile-stuff .kategorija .podkategorije ul li a.active {background-color:#7b7b7b; -webkit-border-radius: 3px; border-radius: 3px;}
/*end kategorija mobile*/

.search-box .search-c {position:relative;}
.search-box .search-results {
    display: none;
    position: absolute;
    top: 44px;
    left: 0px;
    background-color: #fff;
    box-shadow: -2px 2px 10px #555;
    padding: 10px;
    z-index: 250;
    width: 100%;
}
.search-box .search-results ul li {
    display: block!important;
    cursor: pointer;
    padding: 8px;
	margin-bottom:4px;
}
.search-box .search-results ul li:hover {
    background-color:#f8f8f8;
    border-radius: 4px;
}
.search-box .search-results ul li.s-buttons:hover {
    background-color:transparent;
}
.search-box .search-results ul li.s-buttons .zelena5 {
    margin-right:8px;
}
.search-box .search-results ul li a {
    color: #000!important;
    text-decoration: none!important;
}
.search-box .search-results ul li a:after {
    content:"";
    display:table;
    clear:both;
}
.search-box .search-results ul li img {margin-right:6px;border-radius: 4px;}
.search-box .search-results .keyword {font-weight:500; font-size:16px;}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  color:rgba(255,255,255,0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 1000;
}
.cd-top-push-left {
  left: 15px;
}
.cd-top-push-right {
   right: 15px;
}
.cd-top:before { width: 100%; content: '\f106'; font-size:24px; font-family: 'FontAwesome'; color: #fff; top: 3px; left: 12px; position: absolute;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 0.5;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 0.5;
}
.cd-top:hover {
  opacity: 0.8;
}
.no-touch .cd-top:hover {
  background-color: #333;
  opacity: 1;
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    /*bottom: 40px; */
    bottom: 120px;
  }
  .cd-top-push-left {
	  left: 20px;
  }
  .cd-top-push-right {
	  right: 20px;
  }
  .cd-top:before { width: 100%; content: '\f106'; font-size:24px; font-family: 'FontAwesome'; color: #fff; top: 13px; left: 22px; position: absolute;}
}
@media only screen and (min-width: 768px) {
  /*.cd-top {
    bottom: 20px;
  }
  */
  .cd-top-push-left {
	left: 20px;
  }
  .cd-top-push-right {
	right: 20px;
  }
}
@media only screen and (max-width: 560px) {
	.cd-top {
		bottom: 100px;
    	right: 24px;
	}
	.cd-top:before { width: 100%; content: '\f106'; font-size:24px; font-family: 'FontAwesome'; color: #fff; top: 3px; left: 12px; position: absolute;}
}
.tooltip-templates { display: none; }

/*bootstrap tooltip mod*/
.tooltip {
    position: absolute;
    z-index: 99999 !important;
    display: block;
    font-size: 14px;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0
}

.tooltip.in {
    filter: alpha(opacity=95);
    opacity: .95
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip-inner {
    max-width: 270px;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #82B540;
    border-radius: 4px;
    
    	
	text-shadow: 1px 2px 1px rgba(0,0,0,0.2);
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #82B540
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #82B540
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #82B540
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #82B540
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #82B540
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #82B540
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #82B540
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #82B540
}
/*end bootstrap tooltip mod*/

/*map ol3 infobubble*/
.ol-popup {
  position: absolute;
  background-color: white;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  padding: 15px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  width: 240px;
}
.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}
.ol-popup-closer:after {
  content: "✖";
}
.ua-photos-panel {
	font-weight: 400; color: #f7961a; font-size: 14px;
}
.ua-photos-panel .thumbnail {
    background-color: white;
    width: 50px;
    height: 32px;
    display: inline-block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 3px;
    border-radius: 2px;
}
.ua-photos-panel .ua-gallery {
	max-height: 80px; overflow: hidden;
}
.ua-gallery .thumbnail {
    background-color: white;
    width: 50px;
    height: 32px;
    display: inline-block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 3px;
    border-radius: 2px;
}
.vcenter {
	display: inline-block;
    vertical-align: middle;
    float: none;
}
/*photo slider*/
.fancy-prev, .fancy-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 50px;
    margin-top: -25px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.fancy-next {
    right: 0;
}
.fancy-prev {
    left: 0;
}
.fancy-prev:before, .fancy-next:before {
    font-family: 'FontAwesome';
    font-size: 25px;
    line-height: 1;
    opacity: .7;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fancy-prev::before {
    content: "";
}
.fancy-prev:before {
    padding-right: 2px;
}
.fancy-next::before {
    content: "";
}
.fancy-next:before {
    padding-left: 2px;
}
#btn-prev, #btn-next {
	display: none;
}	
@media only screen and (max-width: 768px) {	
	#photo-large-preview .row  {
		margin: 0 10px;
	}
	#photoPanel img, #photo-preview-panel img {
	    border: 0;
	    padding: 0px;
	}
	#btn-prev, #btn-next {
		display: inherit;
	}
	#photo-large-preview .modal-body {
	    position: relative;
	    padding: 10px;
	}
}
/*end photo slider*/
#photoPanel img {
    display: block !important;
    margin: 0 auto !important;
    max-height: 700px !important;
    width: auto !important;
    max-width: 100%;
}

#cat-fixed .kategorija {
    background-color: #88b737;
    color: #fff;
    padding: 9px 17px 10px 9px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#cat-fixed .kategorija .podkategorije ul {
	display: table;
}

#cat-fixed .kategorija .podkategorije ul li {
    margin-top: 5px;
    display: table-cell;
    white-space: nowrap;
}
#cat-fixed .kategorija .podkategorije ul li a {
	cursor: pointer;
	font-size: 13px;
	height: initial;
	color: #777;
	padding: 2px 6px 2px 6px;
	/*margin: 2px -1px;*/
	font-weight: 300;
}
#cat-fixed .kategorija .podkategorije ul li a:hover, #cat-fixed .kategorija .podkategorije ul li a.active {
    background-color: #6d9528;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#cat-fixed h1 {
	font-size: 19px;
    line-height: 34px;
}
header .pointer-green:before {
	color: #88b737 !important;
	border-bottom: 5px solid #88b737;
    border-bottom-color: #88b737;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
@keyframes slide-up {
	0% {
        opacity: 1;
        transform: translateY(0);
    } 
    100% {
        opacity: 0 ;
        transform: translateY(-100%);
    } 
}

#header-categories-list input {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	line-height: inherit;
	margin: 0;
  outline: 0;
	padding: 0;
}

#header-categories-list input:focus {
	outline: none;
}

#header-categories-list input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#header-categories-list input[type="search"]::-webkit-search-cancel-button,
#header-categories-list input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

#header-categories-list input::-moz-focus-inner {
    border: 0;
}

#header-categories-list #subnav-search {
	display: inline;
    width: 150px;
    overflow: hidden;
    padding: 2px 18px;
    background: #919191;
    color: #fefefe !important;
    font-size: 15px;
    margin-top: 5px;
    border-radius: 2px;
}

/* -- deprecated -- */

#sub-search {
	display: none;
	position: absolute;
	/*right: 0;*/
	right: -16px;
}
#sub-search input {
	outline: none;
}
#sub-search input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
#sub-search input::-webkit-search-decoration,
#sub-search input::-webkit-search-cancel-button {
	display: none; 
}
#sub-search input:-moz-placeholder {
	color: #999;
}
#sub-search input::-webkit-input-placeholder {
	color: #999;
}
#sub-search #sub-search-frm input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#sub-search #sub-search-frm input:-moz-placeholder {
	color: transparent;
}
#sub-search #sub-search-frm input::-webkit-input-placeholder {
	color: transparent;
}
#sub-search #sub-search-frm input[type=search] {
    width: 15px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
    margin-top: 3px;
    /* background: #4f4f4f; */
    border: none;
}
#sub-search input[type=search] {
    /*background: #4f4f4f url(../img5/magnifier12.png) no-repeat 9px center;*/
    background: rgba(79, 79, 79, 0) url(../img5/magnifier12.png) no-repeat 9px center;    
    border: solid 1px #ccc;
    padding: 6px 5px 6px 32px;
    width: 55px;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
#sub-search #sub-search-frm input[type=search]:hover {
	background: #c5c5c5 url(../img5/magnifier12.png) no-repeat 9px center;
    width: 185px;
    padding-left: 32px;
    cursor: auto;
    color: #444;
    border-radius: 2px;
}
#sub-search #sub-search-frm input[type=search]:focus {
	background: #c5c5c5 url(../img5/magnifier12.png) no-repeat 9px center;
}

p.excerpt { font-size: 13px; font-weight: 300; font-style: italic; color: #888; }
p.excerpt strong { font-weight: bold; }

/* -- end deprecated -- */


/* mini search */
.mini-search {
	display: none;
	float: left;
	margin-right: 10px;
	position: relative;
}
.mini-search input {
	outline: none;
}
.mini-search input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 14px;
}
.mini-search input::-webkit-search-decoration,
.mini-search input::-webkit-search-cancel-button {
	display: none; 
}

.mini-search input[type=search] {
	background: #f3f3f3;
	border: 0px;
	padding: 7px 10px 7px 32px;
	/*width: 40px;*/
	width: 135px;
	border-radius: 3px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
    	margin-top: 2px;
    	color: #333;
    	position: relative !important;
    	/*box-shadow: inset 0 3px 1px 0 rgba(157, 157, 157, 0.5) /*rgba(0, 0, 0, 0.14) -1px 3px 5px 0px inset*/;
	box-shadow: inset 0px 2px 5px 0 rgba(157, 157, 157, 0.5);
	border: 1px solid #fff;
}
.mini-search input[type=search]:focus {
	/*width: 50px;*/
    border: 1px solid #81b540;
    background: #fff !important;
    box-shadow: unset;
	/*-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);*/
}
/*.mini-search input[type=search]:focus~.mini-search-magnifier { color: #81b540 !important; }*/
.mini-search input:-moz-placeholder {
	color: #999;
}
.mini-search input::-webkit-input-placeholder {
	color: #999;
}
.mini-search .search-box-icon {
    z-index: 3 !important;
}
.contest-menu:hover {
	text-decoration: none;
    background-color: #373737;
}

/* bootstrap carousel */
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.3s ease-in-out left;
  -o-transition: 0.3s ease-in-out left;
  transition: 0.3s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /*-webkit-perspective: 1000px;
    perspective: 1000px;*/
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
  
}

.slide-control {
	color: #4f4f4f;
	position: absolute;
	right: -33px;
	top: 105px;
	font-size: 53px;
	width: 28px;
	background: #fff;
	z-index: 50;
	width: 65px;
	height: 65px;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.04), 0 4px 8px 0 rgba(0,0,0,0.20);
	text-align: center;
	border-radius: 100px;
	opacity: 0.5;
	transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	-webkit-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
}
@media (max-width: 1024px) {
	.slide-control { display: none; }
}
.slide-control:not(.arrow-disabled):hover {	
	opacity: 1;
}
.slide-control > .fa {
	margin: 0 auto;
	position: absolute;
	left: 0;
	top: 5px;
}
.slide-control > .fa-angle-left {
    right: 5px;
}
.slide-control > .fa-angle-right {
	right: -8px;
}
.arrow-disabled {
	color: #ddd !important;
	cursor: default !important;	
}
.arrow-inactive {
	color: #ddd !important;
	cursor: default !important;
	display: none;
}

.carousel:hover > .slide-control {
	opacity: 0.9 !important;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 0.2s !important;
    animation-duration: 0.2s !important;
}

/*recenzije 2017.*/
 .review .testimony-offer-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.review .testimony-offer-title a > i {
	font-size: 14px;
	color: #999;
	margin-right: 5px;
	padding-top: 2px;
	margin-left: 0;
}
.review .testimony-offer-title a {
	max-width: 100%;
	font-size: initial;
	color: #999;
	cursor: pointer;
	font-style: italic;
	font-size: 15px;
	line-height: 29px;
}

.evaluation-details .see-reviews {
    color: inherit;
    margin-top: 10px;
    display: block;
}
.see-reviews .fa {
	margin-left: 3px;
}
.show-all-reviews {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: #88b737;
}
.evaluation-details .show-all-reviews {
	margin-top: 10px;
}

@media (min-width: 1024px) {
	#customer-reviews-panel .modal-dialog {
	    width: 900px !important;
	    margin: 30px auto !important;
	}
}
#customer-reviews-container h4 {
    font-size: 16px;
    font-weight: 500;
}

#customer-reviews-container .evaluation-stars {
	/*font-size: 22px !important;*/
	font-size: 18px !important;
}
#customer-reviews-heading {
	padding: 10px 0;
}
.tag-label {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    color: #88b737;
    background-color: #fff;
    border: 1px solid #88b737;
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
    text-align: left;
    line-height: initial;
    margin: 0 10px 0 0;
    text-overflow: ellipsis;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
}
.tag-label:hover, .tag-label-a {
	background-color: #88b737;
	color: #fff;
}

.filters {
	position: relative;
	max-height: 250px;
	/*overflow-y: scroll;*/
	margin-bottom: 10px;	
}
#customer-reviews-panel #choose-filter-label {
	 font-size: 16px; font-weight: 500; display: none;
}
#customer-reviews-panel .modal-dialog  .modal-body .row {
    padding-bottom: 0;
}
#customer-reviews-panel .customer-reviews {
	width: inherit !important;
}
#customer-reviews-panel #reviewsGroupType {
	background: none;
    padding: 7px 10px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    -moz-appearance:none;
    text-indent: 0.01px;
    text-overflow: '';
    border: 1px solid #999;
}
#customer-reviews-panel .customer-reviews .reviews-container {
	max-height: 700px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#offer-data-reviews-container {
	padding: 0; box-shadow: 0px 10px 6px -7px #e8e8e8 inset;
}

#offer-data-reviews-container #reviews-loading-progress { position: relative; }
/*end recenzije 2017.*/

/*email check*/
.email-check-info {
	display: none;
	float: right;
	color: #88b737 !important;
	font-style: normal !important;
	font-size: initial;
}
.email-check-info .checked-email {
	text-decoration: underline;
	cursor: pointer;
}
.email-check-info i {
	font-style: normal !important;
	font-size: initial;
}


/*tooltipster light theme (mod)*/
.tooltipster-sidetip.tooltipster-light .tooltipster-box {
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #ededed
}

.tooltipster-sidetip.tooltipster-light .tooltipster-content {
    color: #777;
    font-size: 16px;
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow {
    height: 9px;
    margin-left: -9px;
    width: 18px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow {
    height: 18px;
    margin-left: 0;
    margin-top: -9px;
    width: 9px
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background {
    border: 9px solid transparent
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #ededed;
    top: 1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #ededed;
    left: -1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #ededed;
    left: 1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #ededed;
    top: -1px
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border {
    border: 9px solid transparent
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -9px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped {
    left: -9px
}
/*end tooltipster light theme*/


/* new mobile menu */
.w3-image{max-width:100%;height:auto}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;outline:none;display:block}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;outline:none;white-space:normal;float:none}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
/*.w3-button:hover{color:#000!important;background-color:#ccc!important}*/
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#bbb!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#ffeb3b!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-amber{color:#ffc107!important}
.w3-text-aqua{color:#00ffff!important}
.w3-text-light-blue{color:#87CEEB!important}
.w3-text-brown{color:#795548!important}
.w3-text-cyan{color:#00bcd4!important}
.w3-text-blue-grey,.w3-text-blue-gray{color:#607d8b!important}
.w3-text-light-green{color:#8bc34a!important}
.w3-text-indigo{color:#3f51b5!important}
.w3-text-khaki{color:#b4aa50!important}
.w3-text-lime{color:#cddc39!important}
.w3-text-orange{color:#ff9800!important}
.w3-text-deep-orange{color:#ff5722!important}
.w3-text-pink{color:#e91e63!important}
.w3-text-purple{color:#9c27b0!important}
.w3-text-deep-purple{color:#673ab7!important}
.w3-text-sand{color:#fdf5e6!important}
.w3-text-teal{color:#009688!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important}

.w3-sidebar {
    min-height: calc(100% + 60px) !important;
    max-width: 400px;
    width: 50%;
    background-color: #fff;
    position: fixed !important;
    z-index: 1;
    /*overflow: auto; //ovo stvara problem na flatpicker mobile prikazu */
    /*overflow: initial;*/
    z-index: 9999;
    top: 0;
}
.w3-btn, .w3-button {
    border: none;
        border-top-width: medium;
        border-top-style: none;
        border-top-color: currentcolor;
    display: inline-block;
    outline: 0;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: inherit;
}
.w3-button:hover {
    color: #fff !important;
    background-color: #4f4f4f !important;
}
#mm-left-sidebar {
	height: 100vh;
	/*overflow-y: scroll;*/
    left: 0 !important;
    width: 100%;
    max-width: 415px;
}
.not-scrollable { /*position: fixed;*/ overflow-y: hidden; }
.mm-left-container {
	overflow-y: scroll;
    height: 100vh;
    padding-bottom: 100px;
}
#mm-right-sidebar {
	right: 0 !important; 
}
#mm-right-sidebar .user-msgs-cnt {
	position: inherit;
	display: inline-block;	
}
.mm-sidebar {
    background: #4f4f4f;
    width: 218px;
}
.mmenu-item-parent {
    background-color: #4f4f4f !important;
    border-top: 1px solid #9a9a9a;
    color: #fff !important;
    font-size: 14px;
    display: block;
    padding: 0 !important;
    font-family: Roboto;
    font-weight: 500;
    height: 40px !important;
    position: relative;
}
.mmenu-item-parent-blank {
    border: none !important;
}
.mmenu-item-container {
    background: #3a3a3a;
}
.mmenu-item-container a:first-child {
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3) inset !important;
}
.mm-sidebar .mmenu-item-child {
	height: initial !important;
	padding: 9px 9px 9px 23px !important;
	border-bottom: 1px solid #444;
}
.mmenu-close {
    font-size: 42px !important;
    color: #8dc540;
    width: 200px !important;
    position: fixed !important;
    height: 50px !important;
    padding: 0 10px !important;
    z-index: 99;
    background: #4f4f4f !important;
}
#mmenu-close-l { width: 100% !important; max-width: 415px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.43), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }
#mm-filter .mmenu-close { width: 200px !important; }
#mm-right-sidebar .mmenu-close {
	text-align: right;
}

.mmenu-icon-outter {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #9a9a9a;
}
.mmenu-icon-inner {
	position: relative;
    display: block;
    top: 0;
}
.mmenu-icon {
	/*float: right;*/
	color: #ccc;
	display: block;
    padding: 13px !important;
}
.mmenu-icon-toggle-down {
  /*padding: 10px 14px !important;*/
  transform: rotate(0deg);
  transition: transform 150ms ease;
  /*position: absolute;
  right: 0;*/
}
.mmenu-icon-toggle-up {
  transform: rotate(180deg);
  transition: transform 150ms ease;
  /*padding: 10px 14px !important;
  position: absolute;
  right: 0;*/
}

header .navigator .container .mm-sidebar .mmenu-item-parent a {
	width: 100%;
	padding: 10px 14px !important;
	display: inline-block !important;
	/*padding: initial !important;*/
}
header .navigator .container .mm-sidebar .mmenu-item-parent a.single-menu {
	width: 100% !important;
	/*padding: initial !important;*/
}
header .navigator .container .mm-sidebar .mmenu-item-parent a:hover {
	background-color: transparent;
}
@media only screen and (max-width: 1023px) {
	header .navigator .container .mm-sidebar a {
	    height: initial !important;
	}
}
#mm-right-sidebar .mmenu-item-parent a {
	width: 100%;
}
.mmenu-badge-parent {
    background: #757575;
    font-size: 0.8em;
    padding: 2px 6px;
	border-radius: 3px;
	color: #ccc;
}
.mmenu-badge-child {
    background: #555;
    font-size: 0.8em;
    padding: 2px 6px;
    border-radius: 3px;
    color: #ddd;
    margin-left: 2px;
    float: right;
}
/* end mobile menu */


.filter-panel {
	margin: 10px 0 20px 0;
	background-color: #fff;
	min-height: 500px;
	padding: 0px;
	/* rtjf *//*box-shadow: 0 5px 6px 0 rgba(186, 172, 172, 0.3);*/
	/* rtjf *//*border-bottom: 4px solid #eee;*/
	border-radius: 3px;
}

@media (min-width: 1199px) {
	.filter-panel {
		/* kqky */border-right: 1px solid #eee;
		/* rtjf */box-shadow: unset;
		/* rtjf */border-bottom: unset;
	}
}
.filter-panel-mobile {
    margin: 50px 0 20px 0;
    background-color: #fff;
	padding: 10px;
}
.sticky-10 {
	position: -ms-sticky;
	position: sticky;
      top: 10px;
	/*top: 125px;*/
}
.sticky-120 {
	position: -ms-sticky;
	position: sticky;
	top: 120px;
	/*top: 132px;*/
}

.sticky-90 {
	position: -ms-sticky;
	position: sticky;
	top: 65px;
}

.sticky-ie-90 {
    position: fixed;
    /*top: 90px;*/
    top: 65px;
    width: 280px;
}
.sticky-ie-120 {
    /*top: 120px;*/
    top: 132px;
    position: fixed;
    width: 280px;
}

.sticky-right {
	position: -ms-sticky;
	position: sticky;
	top: 70px;
}

.filter-panel label {
	color: #333;
	font-size: 16px;
	font-weight: 500;
}

.filter-panel label > i {
    margin: 0 10px 10px 0;
    background: #eee;
    border-radius: 3px;
    padding: 4px 10px;
    width: 33px;
    height: 24px;
    text-align: center;
}
.filter-panel .filter-radio-labels input[type='radio'], .filter-panel .filter-radio-labels label {
	cursor: pointer;
}

#mm-filter .flatpickr-wrapper, .filter-panel .flatpickr-wrapper { display: inline !important; }
#mm-filter .flatpickr-calendar.open { zoom: 0.8; }
.filter-date .flatpickr-wrapper { display: none; }
.filter-date .flatpickr-wrapper .flatpickr-prev-month svg { display: none; max-height: 28px !important; }
.filter-date .flatpickr-wrapper .flatpickr-next-month svg { display: none; max-height: 28px !important; }

.range-slider {
	margin: 0 20px;
}

.filter {	
	position: relative;
	padding: 10px;
}
@media (min-width: 1199px) {
	.filter {
		/* kqky */padding-left: 0px;
	}
}
.filter select {
	cursor: pointer;
}
@media (min-width: 1024px) {
	.filter:hover:not(#category-filter) {
		background: #fdfdfd; 
		/* rtjf *//*padding-left: 6px;*/
		/* rtjf *//*border-left: 4px solid #ddd;*/
	}
}
#category-filter {
	padding: 0;
}
.filter-panel > .filter:not(:last-child), .filter-panel-mobile > .filter:not(:last-child) {
	border-bottom: 1px solid #eee;	
}

.filter p input { padding-left: 0px; background: none;}

#accommodation-select label, #m-accommodation-select label,
#accommodation-package-select label, #m-accommodation-package-select label,
#offertype-select label, #m-offertype-select label,
#amenities-select label, #m-amenities-select label {
	display: block;
	cursor: pointer;
	font-weight: normal;
	margin-left: 15px;
}

.filter-input {
    display: inline;
    max-width: 40%;
    padding: 5px;
    border-radius: 3px;
    text-align: center;
    color: #777;
}

.filter-panel-select {
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
    color: #777;
    padding: 10px;
    font-size: 14px;
    width: 95%;
    margin: 0 auto;
    display: block;
    text-align-last:center; /* only Chrome */
}
.clear-filter-all,
.clear-filter-all-standard,
.clear-filter-all-travel {
	display: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #88b737;
	background: #88b737;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #88b737;
	background-color: #ffffff;
}
.ui-slider-horizontal .ui-slider-handle {
    cursor: all-scroll;
    background: #8db91d;
    border-radius: 50px;
    border: 1px transparent;
    top: -3px;
    width: 17px;
    height: 17px;
}
.slider-range-price.ui-widget.ui-widget-content,
.slider-range-price-blank.ui-widget.ui-widget-content {
    max-width: 90%;
    margin: 0 auto;
    border: 1px transparent;
    background: #eee;
    border-radius: 50px;
}
input.filter-price {
    border: 0px;
    color: rgb(53, 53, 53);
    font-weight: 500;
    font-size: 13px;
    width: 100%;
    padding: 8px;
    padding-top: 0;
    text-align: center;
}
.ui-slider-range.ui-corner-all.ui-widget-header {
    width: 100%;
    background: rgb(211, 225, 175);
    left: 0%;
}
.filter-btn-mobile {     
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    background: #F79619;
    color: #fff;
    width: 20%;
    min-width: 100px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    border-radius: 10px 10px 0 0;
    opacity: 0.8;
    font-size: 14px;
    cursor: pointer;
}
.filter-btn {
	margin-top: 10px !important;
	text-align: center;
	padding: 5px;
	max-width: 80%;
	margin: 0 auto;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
}
.filter-btn-sm {
    font-size: 23px;
    position: absolute;
    top: 7px;
    right: 5px;
    color: #f8962c;
    cursor: pointer;
    margin: 0 !important;
    padding: 0px;
    z-index: 11;
}

.filter-btn-price {
	display: none;
	margin-top: 10px;
}
.clear-btn {
	display: none/*!important*/;
}

@media (min-width: 1024px) and (max-width: 1366px) {
	.filter {
		margin-bottom: 5px;
		padding-bottom: 5px;
		position: relative !important;	
	}
	.filter-input {
    	font-size: 12px;
	}
	.filter-panel label {
		font-size: 12px;
	}
	.filter-panel-select {
	    padding: 5px !important;
	    font-size: 12px !important;
	}
	.clear-btn { 
		margin-top: 0px !important;
		padding: 5px;
		position: absolute;
	    top: 0;
	    right: 5px;
	}
	.clear-filter-all .clear-btn {
		position: initial;
	
	}
	.kategorija .kategorija-naslov h1, .kategorija .kategorija-naslov .title {
    		font-size: 18px;
    }
    .filter-panel .kategorija {
	    padding: 0px 17px 0px 17px;
	}
}

#mm-filter {
	left: 0 !important;
}

.mm-sidebar-light {
    background: #fff;
    /*width: 200px;*/
}

#mm-filter.mm-sidebar-light .mmenu-close,
#mm-filter.mm-sidebar-light {
    width: 80% !important;
    max-width: 80% !important;
}

@media (max-width: 767px) {
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	    border: 1px solid #c5c5c5;
	    background: #f6f6f6;
	    font-weight: normal;
	    color: #454545;
	    padding: 12px;
	    top: -8px;
	}
	.ui-slider-range.ui-corner-all.ui-widget-header { background-color: initial; }
	.slider-range-price.ui-widget.ui-widget-content {
	    margin: 15px 0;
	    margin-left: 10px;
	}
	#m-sort-select, .filter-panel-select, .filter-input {
	    font-size: 14px;
	}
}
/* end mobile menu */



/*style-x5-dev.css*/



.header-categories-menu { display: block; }
.mobile-header-menu { display: inline-block; }

@media only screen and (max-width: 400px) {
    header .navigator .container .right-links li a {
        font-size: 22px;
        padding-left: 0px;
        padding-top: 12px;
    }

    .logoImg {
        width: 140px;
        min-width: 140px;
        padding-left: 0px;
        padding-right: 0px;
        display: block;
        margin-top: 10px;
        margin-right: -10px;
    }
}

/*.ornament {
    background: #f2f2f2;	
}*/


.header-basket .open-basket-button {
	float: right;
	margin-top: 20px;
	font-size: 15px!important;
	text-decoration: none!important;
	width: 140px!important;
	text-align: center!important;
	padding: 11px 10px 10px 10px!important;
	line-height: 18px!important;
	height: auto!important;
}

.ponude h2 a span {color: #999; font-size: 18px;}

/*.featured-offer img:not(.offer-stars img) {height:100%!important;}*/

.mobile-stuff-inline { display: none; }
.offer-image { float: none!important;}

/*current buy button*/
/*.offer-prices #offer-data-regular-price1 {float:left; display:block; margin-left:20px;}
.offer-prices #offer-data-regular-price2 {float:left; display:block; margin-left:20px;}*/
/*end current buy button*/

/*single buy button*/

.offer-prices .regular-price {float:left; display:block; margin-left:20px;}
.offer-prices .reduced-price {/*float:left;*/ display:block; margin-left:20px;}

.price-info {
	width: 181px;
	float: left;
	font-size: 14px;
	color: #888;
	font-weight: 300;
	line-height: 20px;
	margin: 14px 0 0 7px;
}

.choose-order-type .price-info, .choose-order-type .reservation-supplement { font-size: 16px; color: #555; }

.price-info_amount { font-weight: 500!important; }
/*end singe buy button*/

.offer-prices .regular-price, .offer-prices .reduced-price:not(.booking-reduced-price), .offer-prices .reservation-price {
	width: 130px;
}
.offer-data-booking .button {
	width: 230px;
}
.booking-reduced-price { width: 100%; }
#offer-data-banner-text img { margin-right:10px; max-width: 25px; display: inline-block; vertical-align: middle; }
@media (max-width: 1024px) {
	#offer-data-banner-text img { margin-right:1px; }
	.ponude .ponude-sve a {
	    padding: 8px 7px;
	}
}

.offer.online-booking-offer {
	height: auto;
}
.online-booking-mainwrapper {
	display: none;
}


.text-line-through { text-decoration: line-through; }

.popups-logo { width: 400px;}

.location-container { padding-bottom: 20px; }
.pt12 { padding-top: 12px!important; }
.customer-reviews .reviews-container {
	/*max-height: 365px;*/	
	/*overflow-y: scroll;*/
	overflow-x: hidden;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  /*position: relative;*/
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

#single-buy-button .row { margin: 0 !important; }

#single-buy-button .col-xs-1, #single-buy-button .col-sm-1, #single-buy-button .col-md-1, #single-buy-button .col-lg-1, #single-buy-button .col-xs-2, #single-buy-button .col-sm-2, #single-buy-button .col-md-2, #single-buy-button .col-lg-2, #single-buy-button .col-xs-3, #single-buy-button .col-sm-3, #single-buy-button .col-md-3, #single-buy-button .col-lg-3, #single-buy-button .col-xs-4, #single-buy-button .col-sm-4, #single-buy-button .col-md-4, #single-buy-button .col-lg-4, #single-buy-button .col-xs-5, #single-buy-button .col-sm-5, #single-buy-button .col-md-5, #single-buy-button .col-lg-5, #single-buy-button .col-xs-6, #single-buy-button .col-sm-6, #single-buy-button .col-md-6, #single-buy-button .col-lg-6, #single-buy-button .col-xs-7, #single-buy-button .col-sm-7, #single-buy-button .col-md-7, #single-buy-button .col-lg-7, #single-buy-button .col-xs-8, #single-buy-button .col-sm-8, #single-buy-button .col-md-8, #single-buy-button .col-lg-8, #single-buy-button .col-xs-9, #single-buy-button .col-sm-9, #single-buy-button .col-md-9, #single-buy-button .col-lg-9, #single-buy-button .col-xs-10, #single-buy-button .col-sm-10, #single-buy-button .col-md-10, #single-buy-button .col-lg-10, #single-buy-button .col-xs-11, #single-buy-button .col-sm-11, #single-buy-button .col-md-11, #single-buy-button .col-lg-11, #single-buy-button .col-xs-12, #single-buy-button .col-sm-12, #single-buy-button .col-md-12, #single-buy-button .col-lg-12 {
	padding: 0 !important;
}

#overlay {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; display: none; background:url(/img5/overlay.png) repeat; z-index: 100;}
#overlay-nav {position:fixed;top: 0px;left: 0px;width: 100%;height: 100%; display: none; opacity: 0.8; background:url(/img5/overlay.png) repeat; z-index: 90;}

.f-popup .hide {display: block; width: 30px; height: 30px; position: absolute; right: -15px; top: -15px; padding: 0; text-indent: -9999px; z-index: 1000; background: transparent url(/img5/hide.png) no-repeat; cursor: pointer;}

.width130px { width: 130px!important; } 
.width150px { width: 150px!important; }
.transform-none {
	-webkit-transform: none!important;
	-moz-transform: none!important;
	-o-transform: none!important;
	-ms-transform: none!important;
	transform: none!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}

.authorized-orders img {
	margin: 4px 4px -4px 0;
}
.profile-form p label {display: inline!important;}

.toggle-group a { background: #fff;	cursor: pointer; padding: 15px 20px; float: left; width: 140px; text-align: center; margin: 8px 8px 0 0; color: #666; }

.order-details h1 {
	font-size: 20px;
}
.order-details .coupon-owners {
	width: 100%;
}
.order-details .coupon-owners th {
	font-weight: 600;
	background-color: #456996;
	color: #fff;
	padding: 4px 8px 4px 8px;	
}
.order-details .coupon-owners td {
	padding: 4px 8px 4px 8px;
}
.order-details .coupon-owners .coupon-options span {
	display: none;
}

ul.static-page-list li {
	list-style: disc;
	margin: 0 0 0 20px;
}
ul.static-page-list li a:hover {
	color: #88b737;
	text-decoration: underline;
}
ul.contact-popup-list li a {
	font-size: 16px;
	color: #88b737;
}
ul.contact-popup-list li a:hover {
	text-decoration: underline;
}

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

.expired-popup-subscribe { width: 300px!important;}

.cookies-footer-panel {
	display: none;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	background: url(/img5/b70.png) repeat;
	color: #fff;
	z-index: 999999;
}
.cookies-footer-panel .cookies-footer-panel-content {
	width: 900px;
	margin: 0 auto 0 auto;
	font-size: 16px;
	padding: 15px 0 18px 0;
	text-align: center;
}
.cookies-footer-panel-content .pp-button5 {margin-top: 15px;}

.offers-table-container .column-quantity select {				
	background-color: #fcfcfc;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 0 10px 4px;
    font-size: 16px;
    -webkit-box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
    box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
    color: #333;
    margin: -10px 0 6px 0;
	width:60%;
}

.prijava input[type='email'], .prijava input[type='number'], .payment-method input[type='number'], .payment-method input[type='email'] {
    background-color: #fcfcfc;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 13px 10px 11px 10px;
    font-size: 15px;
    -webkit-box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
    box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
    color: #333;
    margin: 2px 0 4px 0;
	width:100%;
}

.payment-help ul li {font-size: 16px; list-style: square; margin: 0 0 0 20px;}
.payment-help ul li p {display: none;}
 
 .offers-table-container .supplement {
	font-style: italic;
	padding-left: 0px;
}

#mobile-menu-msgs-btn {position:relative;}

#gift-popup-o {padding: 0 !important;}
.gift-editor-bg { background: #ffffff url('/img5/gift-background.jpg') repeat left top; }
.gift-editor {
	background: #ffffff;
}
.gift-editor .gift-input { border: none!important; border-bottom: 1px solid #777!important; }
.gift-editor input, .gift-editor textarea { background: none; background-color: transparent!important; border: 1px solid #ccc; width: 90%; font-size: 16px!important; box-shadow: none!important; -webkit-box-shadow: none!important;}
.gift-editor textarea { border: 0px; resize: none;}
.gift-editor textarea:focus { outline: none; outline-offset: 0px;}
.gift-editor .first-row-left, .gift-editor .first-row-right {margin-top:30px;}
.gift-editor .column {padding:0 20px 0 20px;}
/*
.gift-editor .error {border-bottom: 2px solid red !important;}
.gift-editor .error-message {display: none; color: red;}
*/


/*MOBILE*/
@media only screen and (max-width: 1200px) {
	.confidence-badge {
	    position: absolute;
	    z-index: 100;
	    width: 50px;
	    height: 50px;
	    right: 36px;
	    top: 142px;
	}
	
	.confidence-badge--booking {
		top: 60px;
	}
}
@media only screen and (max-width: 1023px) {	
	.mobile-stuff-inline {
		display: inline-block;
	}
	.popups-logo { width: 100%!important;}
	.header-categories-menu { display: inline-block; }	
	.offer-image .discount-star {
		background: url(../img5/popust-s.png) no-repeat;
		width: 81px; 
		height: 81px; 
		font-size: 30px; 
		text-align: center; 
		right: -3px;	
		top: -3px;
		padding-top: 24px; 
		line-height: 32px;
	}
	.offer-prices .regular-price, .offer-prices .reduced-price, .offer-prices .reservation-price {
		width: 100%;
	}	
	.offer:hover {
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-o-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;		
	}
	.payment-method #firstName, .payment-method #lastName, .payment-method #city, .payment-method #postalNumber, .payment-method #deliveryFirstName, .payment-method #deliveryLastName,
		 .payment-method #deliveryPostalNumber,  .payment-method #deliveryCity {width: 100%!important;}
	.coupons-editor input {width: 100%!important;}
	
	header .navigator {
		height: 50px;
		/* kqky */background: #fff;
	}
	header .navigator .container li a { 
		font-size: 26px;
	    /* kqky */color: #777;	
	}
	/* kqky */ /*#top-headpanel { width: 100%; }*/
	/* kqky */#headpanel {
    	display: -webkit-box !important;
    	display: -ms-flexbox !important;
    	display: flex !important;
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: reverse;
    	-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	
	/*header .logo img { margin-top: 25px; }*/
	#mobile-menu-btn { overflow-x: visible; }
	#mobile-menu-user-btn { overflow-x: visible; }
	#mobile-menu-msgs-btn { overflow-x: visible; }
	.expired-popup-subscribe { width: 100%!important; }
	.subscribe-shadow { display: none!important; }
	.cookies-footer-panel .cookies-footer-panel-content { width: 100%!important; }	
	.offers-table-container .column-quantity select { width:100%; }
	.close { right: 0px!important; top: 0px!important; }
	
	.dark-alpha {width: 100%!important;}	
	
	.confidence-badge {
	    position: absolute;
	    z-index: 100;
	    width: 50px;
	    height: 50px;
	    right: 36px;
	    top: 92px;
	}
	
	.confidence-badge--booking {
		top: 45px;
	}
}
@media only screen and (max-width: 900px) {	
	/*header .logo img { margin-top: 25px; }*/
	header .container { height: auto; margin-bottom: 6px; }
	#mobile-menu-btn {overflow-x: visible;}
	#mobile-menu-user-btn {overflow-x: visible;}
	#mobile-menu-msgs-btn { overflow-x: visible; }
	.offers-table-container .column-quantity select { width:100%; }
	.close { right: 0px!important; top: 0px!important; }
			
}
@media only screen and (max-width: 560px) {	
	.order-details .coupon-owners .coupon-options span {display:inline-block;}	
	.order-details .coupon-owners .coupon-options .fa {margin-top: 4px;}
	.payment-method #firstName, .payment-method #lastName, .payment-method #city, .payment-method #postalNumber, .payment-method #deliveryFirstName, .payment-method #deliveryLastName,
		 .payment-method #deliveryPostalNumber,  .payment-method #deliveryCity {width: 100%!important;}		
	.coupons-editor input {width: 100%!important;} 
	
	header .navigator {height: 50px;}
	header .navigator .container li a { font-size: 26px; }
	header .logo img { margin-top: 6px; }
	header .container { height: auto; margin-bottom: 6px; }
	#mobile-menu-btn {overflow-x: visible;}
	#mobile-menu-user-btn {overflow-x: visible;}
	#mobile-menu-msgs-btn { overflow-x: visible; }
	.offers-table-container .column-quantity select { width:100%; }
	.close { right: 0px!important; top: 0px!important; }	
	
	.gift-editor .first-row-left {/*margin-top:324px!important;*/}
	.gift-editor .first-row-right {margin-top:30px!important;}
	#gift-save-button {font-size:12px!important;}
	
	.confidence-badge {
		position: absolute;
	    z-index: 100;
	    width: 60px;
	    height: 60px;
	    right: 66px;
	    /*top: 26px;*/
	}
	
	.confidence-badge--booking {
		top: 100px;
	    right: 10px;
	}
}

.social a {
	width:24px;
	height:24px;
	display:block;
	overflow:hidden;	
	float:left;
	margin-left:1px;
}
.social a.facebook {background:url(../img5/facebook.png) bottom left;}
.social a.twitter {background:url(../img5/twitter.png) bottom left;}
.social a.googlep {background:url(../img5/googlep.png) bottom left;}
.social a.instagram {background:url(../img5/instagram.png) bottom left;}
.social a.facebook:hover, .social a.twitter:hover, .social a.googlep:hover, .social a.instagram:hover {background-position: top left;}
    	a .email-i .fa {
            display: block;
            font-size: 13px !important;
		    font-style: normal !important;
            width: 24px;
            height: 24px;
            background: #848484;
            color: #fff;
            text-align: center;
            line-height: 24px;
            border-radius: 50px;
    	}
    	a .email-i-lg .fa {
		    display: block;
		    font-size: 18px !important;
		    font-style: normal !important;
		    width: 32px;
		    height: 32px;
		    background: #848484;
		    color: #fff;
		    text-align: center;
		    line-height: 32px;
		    border-radius: 50px;
    	}

#photoPanel img, #photo-preview-panel img {border: 15px solid #eee; padding: 10px;}

.company-profile {
    color: #88b737;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 2px 8px 4px 8px;
    font-style: italic;
}
.company-profile:hover {
	text-decoration: underline;
}

/*TU SAM STAO NASTAVITI NASTAVAK*/
.pagination a {
	color: #88B737;
	font-size: 14px;
}

/* Bootstrap 3.~ additional css */

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

.special-sale, .special-sale-x {	
    padding-top: 3px;
    font-size: 13px;
    text-align: right;
    line-height: 24px;
    font-weight: 400;
}
.special-sale {
    color: #AAA;	
}
.special-sale-x {
    color: #F44336 !important;	
}

@media only screen and (max-width: 1023px) {
	.special-sale-container .regular-price, .special-sale-container .reduced-price, .special-sale-container .reservation-price {
	    width: inherit;
	}
}


.special-sale-container #offer-data-regular-price1 {
    display: inline-block;
    font-size: 15px;
    margin-right: 3px;
}
.special-sale-container .offer-data-regular-pricex {
    display: inline-block;
    font-size: 15px;
    margin-right: 3px;
    color: #F44336!important;
}
.special-sale-container .regular-price, .special-sale-container .reduced-price, .special-sale-container .reservation-price {
   width: inherit;
}
.special-sale-container .regular-price {
    padding-top: 3px;
    font-size: 21px;
    text-decoration: line-through;
    text-align: left;
    line-height: 24px;
    font-weight: 400;
    float: none;
}

.special-sale-container #offer-data-reduced-price {
    display: inline-block;

}
.special-sale-container .regular-price, .special-sale-container .reduced-price, .special-sale-container .reservation-price {
   width: inherit;
}
.special-sale-container .reduced-price, .special-sale-container .reservation-price {
    padding: 0;
    font-size: 24px;
    color: #373737;
    font-weight: 500;
    line-height: 26px;
    float: none;
}

.price-red {
	color: #F44336 !important;
}
.special-price {
	font-size: 18px !important;
}
.final-price {
	font-size: 21px !important;
}

.subs-row1 {
  padding: 0 50px;
}
.subs-row2 {
  margin: 0 auto; width: 70%;
}
#counter {
	 font-size: 31px;
}


@media (max-width: 991px) {
  .subs-row1 {
    padding: 0;
  }
  .subs-row2 {
    margin: 0 auto; width: 100%;
  }
  #counter {
	font-size: 28px;
  }
}

.loading-spinner {
	display:none;
    font-size: 2.7em;
    color: rgb(79, 79, 79);
    position: relative;
    z-index: 1000000;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -16px;
    opacity: 1 !important;
}

input[type=button], input[type=submit] {
	-webkit-appearance: none !important;
	-webkit-border-radius: 3px !important;
}

.menu-item {
	position: relative;
}

.menu-item-triangle {
	display: none;
	position: absolute;
	bottom: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-right: 5px solid transparent;
	border-bottom: 5px solid #ccc;
	border-left: 5px solid transparent;
	border-bottom-color: #fff;
	content: '';
	z-index: 1391;
}

.menu-item:hover > .menu-item-triangle {
	display: inline-block;
}

h2 a .material-icons {    
    max-width: 34px;
    color: #fff;
    font-size: 25px;
    padding: 3px 2px 3px 0;
    vertical-align: middle;
    margin-bottom: 7px;
    /* border: 1px solid #d2d6e0; */
    background: #88b737;
    border-radius: 3px;
    width: 32px;
    padding-left: 4px;
    box-shadow: 0 1px 0 rgba(12,13,14,0.1), 0 1px 3px rgba(12,13,14,0.1), 0 4px 20px rgba(12,13,14,0.035), 0 1px 1px rgba(12,13,14,0.025);
    text-shadow: 1px 2px #657b3e40;
}

.avatar, .avatar-blog {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 0;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover !important;
    height: 100px;
    width: 100px;	
}
.avatar-l, .avatar-blog-l {
    background-size: 110px;
    height: 100px;
    width: 100px;	
    border: 3px solid #eee;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}
.avatar-s, .avatar-post-s {
    max-width: 32px;
    max-height: 32px;
    background-size: 30px;  
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    left: -30px;
    top: 0;
    border: 0px solid #ddd;
    position: absolute;
    	transition: transform .5s;
    	    top: 4px;
    	max-width: 25px;
    max-height: 25px;
    
}

.login-menu:hover .avatar-s {
	transition: transform .1s;
 	transform: scale(1.15);
 }

.remove-avatar {display: none;position: absolute;z-index: 300;background: #ddd;cursor: pointer;padding: 1px 5px;border-radius: 3px;color: #515151;}

.avatar-panel {position: relative;}
.avatar-panel:hover > .remove-avatar {
	display: block;
}
.payment-help { border: none; text-align: center; margin-bottom: 10px; padding: 10px 20px 10px 20px!important; }

.payment-help h3 { font-size: 14px; }

.tooltip-content { font-size: 14px; color: #333; }
.zoom-container {
	position: absolute;
	width: 100%;
	background: #fff;
	height: 100%;
	z-index: 9;
	overflow: hidden;
	display: none;
}
.img-zoom {
	width: auto;
	position: relative;
	user-select: none;
	-webkit-user-drag: none;
}
.datepickerContainer {
    background: #121212;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    padding: 10px;
    box-shadow: -2px 2px 10px #555;
    padding: 10px 20px 10px 20px;
    width: initial !important;
    height: initial !important;
}

.datepickerBorderT,
.datepickerBorderB,
.datepickerBorderL,
.datepickerBorderR,
.datepickerBorderTL,
.datepickerBorderTR,
.datepickerBorderBL,
.datepickerBorderBR {
	display: none !important; width: 0px;	height: 0px;
}
div.datepicker table td { padding: 2px;}

.body-football {
	background-repeat: repeat;
	background-image: url(http://www.ponudadana.hr/img5/vatreni.jpg);
	background-color: rgb(200, 2, 3);
	background-position-y: -65px;
	background-size: 100%;
	background-attachment: fixed;
}

.container-football {
	min-height: 600px;
	background: #f9f9f9;
	box-shadow: 0px 9px 20px 8px rgba(0, 0, 0, 0.13);
}


.buy-buttons-panel .price-info, .buy-buttons-panel .reservation-supplement {
	width: 100%;
}
.buy-buttons-panel .reservation-price, .buy-buttons-panel .reduced-price, .buy-buttons-panel .regular-price {
	width: auto;
}
.buy-buttons-panel .reservation-price {
	float: left; margin-left: 20px; padding-top:0px;
}



@media (max-width: 768px) {
	.buy-buttons-panel--active { left: 0; right: 0; }
	.buy-buttons-panel--active  #offer-data-buy-url { margin-top: 20px; }
}

#photo-upload-panel .ui.selection.dropdown { min-width: 100% !important; }

@media (min-width: 768px) {
	#connected-offers-bottom .carousel-inner .row {
		/* rtjf *//*width: 90%;*/
		/* rtjf *//*margin: 0 auto;*/
	}
}

@media (min-width: 1199px) {
	#connected-offers-bottom .row.mr-top30 {
		margin-top: 10px !important;
	}
}

.connected-offer-bottom_element { display: none; }

#connected-offers-bottom .slide-control {
	width: 35px;
	height: 35px;
}

#connected-offers-bottom .slide-control > .fa-angle-right {
	left: -4px;
	top: 4px;
}

#connected-offers-bottom .slide-control > .fa-angle-left {
	left: 2px;
	top: 4px;
}

.arrow-left > .slide-control.left {
	cursor:pointer !important; 
	position: absolute;
	left: -5px;
	top: 0;
	font-size: 53px;
	color: #222!important;
}

.arrow-right > .slide-control.right {
	cursor:pointer !important;  position: absolute;
    right: -5px;
    top: 0;
    font-size: 53px;
    color: #222!important;
}

@media (min-width: 768px) {
	.slick-wrapper {
		height: 500px !important;
	}
}
.header-filter_label i {
	margin-right: 10px;
	font-size: 20px;
}

#header-filter-panel {
	padding-top: 50px;
}

#header-filter-panel .filter-input {
	font-size: 12px;	
}
#header-filter-panel .filter-panel-select {
	margin: 0;
	padding: 5px;
	max-width: 180px;
	font-size: 12px;
	font-family: 'Roboto';
}

#header-filter-panel .accommodation-select > label {
	margin-right: 4px;
	cursor: pointer;
}

#header-filter-panel .filter-controls {
	display: table-cell;
	vertical-align: middle;
}

.header-filter {
	padding-top: 7px;
	padding-bottom: 7px;
}

#header-filter-panel .header-filter:not(:first-child) {
	border-top: 1px solid #eee;
}


.header-filter:hover {
    background: #fafafa;	
}

.header-filter > div {
	display: table;
	min-height: 50px;
}

.header-filter_label {
	vertical-align: middle;
	display: table-cell;
	font-size: 14px;
}
.filter-price-from, .filter-price-to {
	background: none !important;
}
.filter-btn-x {
    background: rgb(240, 151, 0);
    display: block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    border-radius: 100%;
    font-size: 24px;
    line-height: 23px;
    display: inline-block;
    margin-top: 0 !important;
}

.blink {
  animation: blinker 1s step-start infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.blink-fade {
	-webkit-animation: blink-fade 2s infinite both;
	animation: blink-fade 2s infinite both;
}

@-webkit-keyframes blink-fade {
	0%,
	50%,
	100% {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
}
@keyframes blink-fade {
	0%,
	50%,
	100% {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
}

#category-container {
	cursor:pointer;
}
#offer-text-box ul, #offer-text-box ol  {
    list-style: initial;
    margin-left: 0px;
}

#offer-data-text ul, #offer-data-text ol {
    margin-left: 20px;
}

/*w3c css btn-group, dropdown */
.btn-group {
	display: inline-block;
}
.btn-group .button-container {
	background-color: #fff; 
	border: 1px solid #88b737; 
	color: #88b737;
	cursor: pointer;
	float: left;
}

.btn-group .button-container:first-child {
	border-radius: 4px 0px 0px 4px;
}

.btn-group .button-container:last-child {
	border-radius: 0px 4px 4px 0px;
}

.button-container .button,  .button-container .dropdown {
	padding: 6px 24px;
}

.btn-group .button-container:not(:last-child) {
    border-right: none; /* Prevent double borders */
}

/* Clear floats (clearfix hack) */
.btn-group:after {
    content: "";
    clear: both;
    display: table;
}

/* Add a background color on hover */
.btn-group .button-container:hover {
    background-color: #f9f9f9;
}
.dropbtn {
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: -10px;
}

.dropdown-content a {
	color: #333;
	padding: 7px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover {
    background-color: #88b737;
    color: #fff;
}
/*end w3c css btn-group, dropdown*/

/*animated speeds*/
.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
}
/*end animated speeds*/

#offer-data-text b, .offer-data-notes b {
	font-weight: bold !important;
}
.offer-data-notes {
	padding-right: 40px;
}
@media (max-width: 768px) {
	.offer-data-notes {
		padding-right: 0;
	}
}
.social-share a {
	display: inline-block;
    position: relative;
    line-height: 1;
    vertical-align: middle;     
}

.social-share i.fa {
    font-size: 48px;
	font-style: normal !important;
}
.social-share img {
    /*position: absolute;*/
    top: 0;
    width: 24px;
    height: auto;
    left: 50%;
    background: #fff;
    border-radius: 100px;
    /*transform: translate(-50%, 42%);*/
}
.invisible { display: none; }
.full-visible { display: initial; }

.offer-text-container { background: #fff; }

/* kqky */#offer-text-box .social-share.desktop-stuff { right:0 !important; }

#offer-text-box .social-share img, .offer-notes .social-share img { width: 16px; }

#offer-text-box .social-share i.fa, .offer-notes .social-share i.fa { font-size: 30px; }

.podkategorije li li { margin-left: 25px; }

.podkategorije li li a { font-size: 13px !important; }

.podkategorije ul ul { border-left: 1px solid #ddd; margin-left: 5px; }

#notification {
	width: 0px;
	height: 0px;
	padding: 10px;
	background-color: #fff;
	position: fixed;
	bottom: 220px;
	right: 10px;
	-moz-box-shadow: -2px 0px 5px #aaa;
	-webkit-box-shadow: -2px 0px 5px #aaa;
	box-shadow: 0px 2px 15px #0000009c;
	opacity: 1;
	z-index: 100!important;
	height: 171px;
	width: 280px;
	overflow: hidden;
	top: 370px;
	right: 10px;
	display: block;
	border-radius: 6px;
}

#notification .small-featured-first {
    height: 132px;
    margin-bottom: 0px;
}

#notification .small-featured-first .small-featured-img {
    width: 100%;
    height: auto;
}

@media (min-width: 1199px) {
	#offer-data-subtitle { max-width: 85%; }
	
	#offer-title-d { position: relative; }
	
	#offer-title-d .show-all-reviews {
		/*display: inline-block;*/
		height: 30px;
		line-height: 50px;
	}
	#offer-title-d .offer-follow {
		position: absolute;
		bottom: 17px;
		right: 20px;
		margin-top: auto;
	}
	
	#offer-data-terms-notes-button { width: 150px; margin: 0 50%; transform: translate(-50%, 0); }
}

.reviews-container .review:first-child {
	padding-top: 0;
	margin-top: 20px;
}

/*#offer-data-subtitle b { font-weight: 500 !important; } maknuti */

/*OFFER TABS*/

#offer-tabs {
	position: relative;
	margin: 0;
	padding: 20px 20px 10px 20px;
	background: #fff;
}
/* kqky */@media (min-width: 1199px) {
	#offer-tabs {
		padding: 20px 0px 10px 0px;
	}
}
.tabs-panel-nav {
	list-style: none !important;
	margin: 0 !important;
	overflow: hidden;
	border-bottom: 1px solid #88b737;
	/* rtjf */box-shadow: 0px 2px 4px 0px #e4e4e4;
	margin-right: -20px !important;
	margin-left: -20px !important;
	/* rtjf */padding-left: 20px;
}
@media (min-width: 1199px) {
	.tabs-panel-nav {
		/* rtjf */box-shadow: unset;
		/* rtjf */padding-left: 0;
		/* kqky */margin-left: 0px !important;
		/* kqky */margin-right: 0px !important;
	}
}

@media (max-width: 992px) {
	.tabs-panel-nav {
	    display: none !important;
	}
}

.tabs-panel-nav  li {
	float: left;
}
.tabs-panel-nav li a {
	background: #fff;
	position: relative;
	display: block;
	padding: 8px 20px;
	text-transform: uppercase;
	font-size: 15px;
	margin-right: 2px;
	border-radius: unset;
	height: 36px;
}
@media (min-width: 1199px) {
	.tabs-panel-nav li a {
		/* kqky */padding: 8px 16px;
	}
}

.tabs-panel-nav a { color: #88b737; }
.tabs-panel-nav-item--active a, .tabs-panel-nav a:hover {
	background: #88b737 !important;
	color: #fff !important;
}
.tabs-panel-content { margin-top: 10px; min-height: 500px; }
.tabs-panel-content .offer-prices { padding-top: 0px !important; }

.tabs-panel-content .tab-pane:not(.tab-pane--active) { display: none; }

.tab-pane #offer-data-text { padding: 20px 0 0 0 !important; }
.tab-pane .company-locations { padding: 20px 0 0 0 !important; }
.tab-pane .location-data-container {
	float: left;
	width:50%;
}
.tab-pane .location-container {
	padding-bottom: 20px;
	overflow: hidden;
	margin-bottom: 10px;
}
.tab-pane .location-container:not(:last-child) {
	border-bottom: 1px solid #ddd;
}
.tab-pane .payment-help {
	padding: 10px 0 !important;
}

.accordion-nav-item {
	position: relative;
	padding: 8px 20px;
	text-transform: uppercase;
	font-size: 18px;
	height: 40px;
	font-weight: normal;
	background: #88b737 !important;
	color: #fff !important;
	width: 100%;
	box-shadow: 1px 2px 0 0 rgba(229,229,229,1);
	margin-bottom: 3px;
	margin-left: -20px;
	width: calc(100% + 40px);
}

.accordion-icon {
	position: absolute;
	right: 0;
	top: 0;
	color: transparent;
	color: #fff;
	text-shadow: 0px 2px 0px #5d7e36;
}

.accordion-icon.mmenu-icon-toggle-up {
	text-shadow: 0px -2px 0px #5d7e36 !important;
}

#user-photos .ua-photos-panel {
	font-size: 16px;
}

#user-photos #userAttachedPhotos {
	margin-top: 10px;
	margin-bottom: 10px;
}

#user-photos .ua-gallery .thumbnail {
	width: 110px;
	height: 72px;
}

.userAttachedPhotos .fa-camera { margin-right: 5px !important; }

/* -- mobile --*/
@media (max-width: 768px) {
	.tabs-panel-nav { padding-left: 0px !important; }
	.tabs-panel-nav li {
	    float: none;
	    width: 100%;
	    display: block;
	}
	.tab-pane #offer-data-locations .location-data-container, .tab-pane #offer-data-locations .company-map {
	    float: none !important;
	    width: 100% !important;
	}
	.tabs-panel-content {
		min-height: auto;
	}	
	#offer-tabs {
		padding-top: 0px;
	}
	.tab-pane {
		margin-top: 10px;
	}
	.tab-pane.slideInUp {
	    -webkit-animation-name: none !important;
	    animation-name: none !important;
	}
	.tab-pane .customer-reviews {
	    padding: 20px 0px 0px 0px !important;
	}
	
}
/* -- end mobile */

/*END OFFER TABS*/

#customer-reviews-heading .evaluation-stars, #customer-reviews-filter-panel .filters { white-space: normal; }
.accordion-nav-item .fa-icon {
	margin-right: 10px;
	width: 20px;
	text-align: center;	
}

@media (min-width: 1024px) {	
	#offer-data-text img {
	    margin-left: 50% !important;
	    transform: translate(-50%, 0);
	    /* rtjf *//*width: 740px !important;*/
	    /* kqky */width: 640px !important;
	}
	
	#offer-data-text iframe {
	    margin-left: 50% !important;
	    transform: translate(-50%, 0);
	    width: 740px !important;
    	max-width: 100%;
	}
	.user-img-gallery {
		width: 740px;
		margin: 0 auto;
	}
		
}

.faq-title { font-size: 18px!important; }
.tab-pane .faq-title { display: none; }
.no-reviews { display: none; font-size: 16px; margin-top: 20px; }
	
.pd-chat-button { 
	z-index: 60;
	position: fixed; 
	bottom: 0px; 
	right: 10px; 	
	color: #fff;
	min-width: 180px;    
    max-width: 300px;
    height: 30px;    
    background: #ff5c5c;
    border-radius: 5px;
    border-radius: 5px;
    padding-left: 46px;
    font-weight: bold;
    line-height: 30px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;   
    cursor: pointer; 
}	
@media only screen and (max-width: 560px) {
	.pd-chat-button { min-width: 87px; width: 87px; right: 14px; bottom: 15px; font-size: 14px; }
}

.pd-chat-button .pd-chat-icon {
	position: absolute;
    height: 100%;
    left: 0;
    vertical-align: text-top;
    text-align: center;    
    width: 36px;
    background: #ef4d50;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 16px;
}
	
.slick-slide .offer figure img { display: inline-block !important; }

/*toggle buttons*/
.toggle-group a { background: #fff;	cursor: pointer; border-top: solid 1px #eaeaea;	border-left: solid 1px #eaeaea;	border-bottom: solid 1px #777; border-right: solid 1px #777; padding: 15px 20px;
    margin: 8px 8px 0 0;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    border: none;
 }
.toggle-group a:hover {text-decoration: none; background: #efefef;}
.toggle-group a.down { color: #fff; border-top: solid 1px #777; border-left: solid 1px #777; border-bottom:solid 1px  #eaeaea; border-right: solid 1px #eaeaea;


    border-radius: 4px;
    box-shadow: inset 0 3px 1px 0 rgba(47, 44, 44, 0.42);
    border: none;

}
.toggle-group a.mrsavljenje-h-down,
.toggle-group a.putovanja-h-down,
.toggle-group a.zabava-h-down,
.toggle-group a.rekreacija-h-down,
.toggle-group a.hrana-h-down,
.toggle-group a.ljepota-h-down,
.toggle-group a.moda-h-down,
.toggle-group a.zdravlje-h-down,
.toggle-group a.edukacije-h-down,
.toggle-group a.auti-h-down,
.toggle-group a.dom-h-down,
.toggle-group a.ljubimci-h-down,
.toggle-group a.djeca-h-down { background: #f09700; }


#edit-avatar {
	background: #fff;
    box-shadow: initial;
    border: 1px solid #88b737;
    color: #88b737 !important;
    font-size: 13px;
}
#edit-avatar:hover {
	color: #fff !important;
}
.avatar-social-media a {
	display: inline-block;
	color: #88b737 !important;
}

.upload-btn-wrapper {
  position: relative;
  display: inline-block;
}

.btn {
  border: 1px solid #88b737;
  color: #88b737;
  background-color: white;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}
#avatar-upload {
  color: #88b737 !important;
  font-size: 16px;
	font-weight: normal;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.choose-avatar-source hr {
    border: 0;
    height: 1px;
    background: #ddd;
    margin: 25px 0;
}

.social-avatar img {
	vertical-align: middle;
}

.social-avatar span {
	font-size: 16px;
    margin-left: 10px;
    display: inline-block;
}

/*achievements removed unused CSS - see achievements.css*/

/* NEW */
/* offer booking */
@media only screen and (max-width: 768px) {
	.offer-booking .calendar-panel {
	    margin-left: -10px;
	    margin-right: -10px;	
	}
}

.offer-booking .option {
    cursor: pointer;
    font-weight: 700;
    list-style-type: none;
    padding: 5px 0;
}

.offer-booking .option-unavailable {
    cursor: not-allowed;
}

.option-unavailable .title {
	color: #ddd !important;
}

.offer-booking li.option label {
    display: block;
    margin: 0;
}

.offer-booking .info-container>div {
    float: left;
}

.offer-booking .option .selection {
    float: left;
    margin-top: 2px;
    text-align: center;
    width: 10%;
    position: relative;
}

.offer-booking .option .info-container {
    color: #333;
    cursor: pointer;
    font-size: .55em;
}

.offer-booking .option .selection input {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    font-size: 1.2rem;
    line-height: normal;
    margin: 5px;
    visibility: visible;
}

.offer-booking .option .title {
    font-size: 14px;
    color: #373737;
    font-weight: 500;
    margin-top: .2em;
    /*width: 60%;*/
}

.offer-booking .option .title .description {
    color: #777;
    font-weight: 300;
    font-size: 13px;
}

.offer-booking .option .person-icons { color: #888; font-size: 12px; margin-left: 3px; letter-spacing: -1px; }
.person-icons .adult { font-size: 14px; }
.person-icons .child { font-size: 10px; }

.offer-booking .option .price {
	color: #88b737;
	font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-left: 0;
    margin-top: .2em;
    padding-right: 10px;
    text-align: right;
    white-space: nowrap;
    /*width: 25%;*/
	width: auto;
}

.offer-booking .option-unavailable .price {
	color: #ddd;
}

.offer-booking .option .minimum-nights {
    color: #727578;
}


.offer-booking .date-info-container {
    text-align: center;
}

.offer-booking .date-info-container {
    /*border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
    display: none;
}

.offer-booking .selected-dates ul.checked-dates {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

#travel-.offer-booking li {
    list-style: none;
}
.offer-booking .selected-dates ul.checked-dates li.check-in {
    border-left: 0;
}
.offer-booking .selected-dates ul.checked-dates li {
    border-left: 1px solid #ddd;
    color: #3c3f40;
    float: left;
    font-size: 14px;
    margin: 0;
    padding: 4px 0;
    text-align: center;
    width: 33%;
}
.offer-booking .selected-dates ul.checked-dates li.nights {
	border: 0;
	padding: 5px 10px;
    width: 50%;
    line-height: 1;
    padding-top: 11px;
    text-align: left;
}
.offer-booking .selected-dates ul.checked-dates li span {
    display: block;
    font-weight: 700;
    margin-bottom: -2px;
	font-size: 13px;
}

.offer-booking .date-info-container>div {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    
}
.offer-booking .clear-dates {
    font-weight: 400;
    padding: 2px 0;
    text-align: center;
}
.offer-booking .clear-dates a {
    color: red !important;
    font-size: 14px;
    padding: 5px 10px;
    display: inline-block;
}
.offer-booking li.option label {
    display: block;
    margin: 0;
}

.offer-booking li.option:hover {
    background: #fafafa;
	border-radius: 5px;
}

.offer-booking .option label {
    line-height: 18px;
}

.offer-booking .muted, .offer-booking .option .per-night--muted {
	color: #777;
	font-weight: 300 !important;
	margin-right: 4px;
}

.choose-date-header .text {
	font-size: 14px;
	color: #777;
}

/*flatpickr theme overrides*/
/* load externaly flatpickr-theme-override.css */
/*end theme*/

.event {
    position: absolute;
    width: 4px !important;
    height: 4px !important;
    bottom: 1px;
    left: calc(50% - 2.5px);
    content: " ";
    display: block;
    z-index: 1000;
}

.booking-legend {
	/*font-size: 11px;*/
    font-size: 13px;
    font-weight: 300;	
}
.booking-legend-item {
    vertical-align: middle;
	height: 20px;
	margin-right: 5px;
	display: inline-block;
}
.booking-legend-event {
    width: 5px !important;
    height: 5px !important;
    /* border-radius: 150px; */
    content: " ";
    display: inline-block;
    z-index: 1000;
	/*line-height: 20px;*/
	vertical-align: middle;
	/*margin: 0px 0px 4px 0px;*/
} 
.booking-legend-event-description {
    line-height: 20px;
    vertical-align: middle;
}                       
/*.reserved { maknuti
    background: #c7dced;
    border: 1px solid #03A9F4;
    opacity: 0.4;
}*/
.reserved {
    background: #03A9F4;
    border: 1px solid #03A9F4;
}
.taken {
    background: #f64747;
    /*opacity: 0.8;*/
}
.available {
    background: #fff;
    border: 1px solid #444;
    /*opacity: 0.8;*/
}	

.half-width { width: 50%; }
.inline-block { display: inline-block !important; }
.inline { display: inline; }
.booking-person-number {
    padding: 5px;
    border: 1px solid #ddd;
}
.booking-select-wrapper {
    display: inline-block;
    width: 60%;
    position: relative;
}
.booking-person-age .booking-select-wrapper {
    display: block;
    width: 100%;
    margin-top: 0px;
}
.booking-select-label {
    width: 100%;
    font-weight: 300;
    font-size: 14px;
}
.child-select-label {
    font-size: 14px;
    font-weight: 300;
    color: #333;
    margin-left: 10px;
    font-family: Roboto;
}  
@media (min-width: 560px) {
	.child-select-label-w-bed-sm { display: inline; }
	.child-select-label-w-bed-xs { display: none; }
}
@media (max-width: 560px) {
	.child-select-label-w-bed-sm { display: none; }
	.child-select-label-w-bed-xs { display: inline; }
}
.booking-chevron {
    width: 20px;
    height: 30px;
    pointer-events: none;
    position: absolute;
    right: 5px;
    bottom: 5px;
}        
.booking-select-wrapper select {
    display: flex;
    width: 100%;
    text-align: center;
    background: none;
    cursor:pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 20px 10px 20px;
    color: #333;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 2px;
}
.booking-select-wrapper select::-ms-expand {
    display: none !important;
}

.booking-person-age .booking-select-wrapper select {
    padding: 10px 40px 10px 50% !important;
	width: 100%;
	border: 0;
	border-radius: 0;
}
.booking-person-age .booking-bed-option .booking-select-wrapper.wrapper-col-1 select {
	padding: 10px 40px 10px 60% !important;
	border-right: 1px solid #ddd;
}

.booking-select-icon {
    position: absolute;
    bottom: 10px;
    left: 5px;
    font-size: 20px;
    color: #555;
}
.booking-age-item { 
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.wrapper-col-1, .wrapper-col-2 { float: left; }
.wrapper-col-2 { width: 30% !important; }

.wrapper-bed { font-weight: 300; display: none; }
.wrapper-bed label { display: flex; padding: 0 10px; align-items: center; cursor: pointer; }
.wrapper-bed .children-bed-label { color: #333; }

.booking-bed-option .wrapper-col-1 { width: 70% !important; }
.booking-bed-option .wrapper-bed { display: block; border-left: 1px solid #ddd; margin-left: -1px; text-align: left; }

.children-bed-label {
	display: inline-block;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    text-align: left;
    line-height: 14px;
    padding-top: 4px;
}

.booking-person-number .half-width:first-child { border-right: 1px solid #ddd; }

.booking-units-container { margin-top: -1px; }

.offer-booking .option label { padding: 10px 0; }

.offer-booking .offer-prices {
    background: #88b737;
    padding: 10px 20px;
    border-radius: 4px;
}

.offer-prices .booking-price, .booking-price-top {
    padding: 0;
    font-size: 24px;
    color: #373737;
    font-weight: 500;
    line-height: 26px;  
}

.booking-price-top.booking-price-top--total {
	color: #fff;
}
.offer-prices .booking-price span, .booking-price-top span {
    font-size: 14px;
}
.offer-booking {
	position: relative;
}
@media (min-width: 1024px) {	
   .offer-booking {
        /*border: 3px solid #88b737;*/
        border: none;
        padding: 15px;
        border-radius: 10px;
        margin: -5px;
    } 
}

.booking-info {
	display: none;
	text-align: right;
	margin-top: 2px;
	margin-bottom: -10px;
	font-size: 12px;
}

#booking-calendar-input {
	width: 100%;
} 
.offer-booking .flatpickr-calendar.inline {
    margin: 0 auto !important;
    width: 100% !important;
    margin-bottom: 5px;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #ddd;
}

.booking-reserved-note-tooltip, .booking-taken-note-tooltip {
	display: none;
    font-size: 25px;
    vertical-align: middle;
    cursor: pointer;
}
.booking-reserved-note-tooltip { color: #3ca9f4; }
.booking-taken-note-tooltip { color: red; }

#booking-reserved-note-tooltip, #booking-taken-note-tooltip {
    max-width: 400px;
}

#booking-reserved-note-tooltip .form p label, #booking-taken-note-tooltip .form p label {
    font-size: 12px !important;
}

#booking-reserved-note-tooltip .form p label a, #booking-taken-note-tooltip .form p label a {
    font-size: 12px!important;
}

/*custom radio button*/

/* Customize the label (the container) */
.check-container {
  display: block;
  position: relative;
  padding-left: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.radiobtn {
    position: absolute;
    top: 4px;
    left: 4px;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 50%;
    top: 50%;
    
}

/* On mouse-over, add a grey background color */
.check-container:hover .radiobtn {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.check-container input:checked ~ .radiobtn {
	background-color: #f4faff;
    border: 1px solid #81ae34;	
}

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

/* Show the indicator (dot/circle) when checked */
.check-container input:checked ~ .radiobtn:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.check-container .radiobtn:after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #81ae34;
    right: 0;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*end custom radio button*/

@media (min-width: 1024px) {	
	.float-r-d {
		float: right !important;
	}
	.mr-top-20-d {
		margin-top: 20px !important;
	}
}

.booking-progress {
    display: none;
    text-align: center;
    font-weight: 300;
    font-size: 14px;
}

.calculation-tooltip .right-text { padding: 3px 5px; }

.price.tooltipstered, #booking-price.tooltipstered { cursor: help; }

.booking-section .input-err {
	outline: none;
    border: 2px solid red;
    border-radius: 3px;
    animation: shake 0.6s ease-in-out;
}
/*end booking */

.profile-icon-user { max-width: 120px; color: #aaa; cursor: pointer; }
.profile-icon-user--active { color: #88b737; cursor: pointer; }
        
.toggle {
	position: relative;
	display: inline-block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-radius: 9999px;
	cursor: pointer;
	height: 1.5rem;
	width: 3rem;
	outline: none;
}
.toggle:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 0 4px rgba(136, 183, 55, 0.2);
	box-shadow: 0 0 0 4px rgba(136, 183, 55, 0.2);
}
.toggle:before {
	display: inline-block;
	border-radius: 9999px;
	height: 100%;
	width: 100%;
    background-color: #dadada;
	content: "";
	-webkit-box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
.toggle[aria-checked="true"]:before {
    background-color: #88b737;
}
.toggle:after {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 9999px;
	height: 1.5rem;
	width: 1.5rem;
	background-color: #fff;
	border-width: 1px;
	border-color: #dae1e7;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
	content: "";
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.toggle[aria-checked="true"]:after {
	-webkit-transform: translateX(1.5rem);
	transform: translateX(1.5rem);
}
hr.separator {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.social-share .share-label {
    margin-left: 10px;
    font-size: 14px;
    color: #222;
}

.share-btn {
	color: #81ae34;
	width: auto;
}
 
@media only screen and (max-width: 1023px) {	
	.mobile-stuff.mobile-fa {
		display: inline;
	}
	.offer-prices .social-share  {
	    border: unset !important;
	} 
 	.social-share a { margin-bottom: 7px; }
}

/*new share btns */
.social-share .share-i {
	display: inline;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.share-btn {
    height: 40px;
    line-height: 41px;
    padding: 0 20px;
    font-family: "Roboto";
    font-weight: 500;
    font-size: 14px;
    overflow: hidden;
    border: none;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    background: #ff0000;
    background: -moz-linear-gradient(top, #ff0000 0%, #d02128 100%);
    background: -webkit-linear-gradient(top, #ff0000 0%, #d02128 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#d02128));
    background: -o-linear-gradient(top, #ff0000 0%, #d02128 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #d02128 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#d02128',GradientType=0 );
    color: #fff;
    display: inline-block;
    margin: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;        
}

.share-btn:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
    background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15)));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));
}

.share-btn-gmail {
    background: #D44638;
    color: #fff;
    width: 40px;
    padding: 0;
}
.share-btn-yahoo {
    background: #400090;
    color: #fff;
    width: 40px;
    padding: 0;        
} 
.share-btn-viber {
    background: #665CAC;
    color: #fff;
    width: 40px;
    padding: 0;        
}  
.share-btn-whatsapp {
    background: #25d366;
    color: #fff;
    width: 40px;
    padding: 0;        
}
.share-btn-sms {
    background: #FFBB00;
    color: #fff;
    width: 40px;
    padding: 0;
}  
.share-btn-email {
    background: #999999;
    color: #fff;
    width: 40px;
    padding: 0;     
}
.share-btn-facebook {
    background: #3b5998;
    color: #fff;
    width: 40px;
    padding: 0;      
}
.share-btn-twitter {
    background: #55acee;
    color: #fff;
    width: 40px;
    padding: 0;    
}
.share-btn-messenger {
    background: #2494fd;
    color: #fff;
    width: 40px;
    padding: 0;       
}	



.body-giveaway:after {
    width: 100%;
    content: "";
    display: block;
    height: 105%;
    position: absolute;
    top: -3%;
    left: 0;
    -webkit-transform: skewY(-4deg);
    -moz-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    -o-transform: skewY(-4deg);
    transform: skewY(167deg);
    z-index: -1;
    background: #bfcebd;
    background: -webkit-linear-gradient(to right, #FFFFFF, #6DD5FA, #2980B9);
    background: linear-gradient(to bottom right, #bfcebd, #6578ca, #f1d6c0);
    
    background: linear-gradient(to bottom right, #bfcebd, #3cb7a8, #f2e29a);
}

.main-giveaway-title {
    text-align: center;
    font-size: 30px;
    font-family: Atma;
    font-weight: 600;
    color: #567cbb;
    text-shadow: 1px 1px 0px #567cbb;
    
    color: #2c917e;
    text-shadow: 1px 1px 0px #2c6f62;
    letter-spacing: 1px;
}

@media only screen and (max-width: 560px) {
    .main-giveaway-title {
        line-height: 30px;
        margin-top: 16px;
    }
}

/*rating stars*/
.disaaaaableeeeeed-offer-stars {
    background-color: rgba(0,0,0,0.4);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 5px 3px 4px 6px;
    margin: 0;
    line-height: 17px;
}
.star {
	position: relative;
    display: inline-block;
    font-size: 14.6px;
    /* letter-spacing: 1.9px; */
    margin-right: 2.5px;
}

.star-under {
	color: #b6b6b6;
    text-shadow: 1px 1px 1px #0000003b;
}

.star-over {
  color: #f7961a;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.star-visible {
  display: inline-block;
}

.new-booking-note-primary {
	background: #f7961a;
	color: #111;
	display: inline-block;
	padding: 1px 8px;	
    border-radius: 3px;
	font-size: 12px;
	text-shadow: none;
	margin-top: 2px;
}

.new-booking-note-secondary {
	font-size: 12px;
	color: #f7961a;
	text-shadow: 0px 0px 1px #be6500;
}

.new-booking-note {
    position: absolute;
    top: -6px;
    right: 6px;
}

.offer-gallery-note {
	z-index: 1;
	top: -9px;
	position: absolute;
    right: 5px;
	outline: 3px #39530a;
}

.offer-gallery-note span {
	display: inline-block;
    padding: 1px 8px;
    border-radius: 3px;
    text-shadow: none;
    margin-top: 2px;
	color: #fff;
    background: #88b737;
    font-size: 19px;
    border-left: 3px solid #39530a;
    box-shadow: 0 1px 2px 0 rgb(74 74 74 / 30%), 0 2px 6px 2px rgb(60 64 67 / 0%);
}

.offer-note-card {
    position: absolute;
    top: -6px;
    right: 6px;
}

.offer-note-card span {
	background: #88b737;
    color: #fff;
    display: inline-block;
    padding: 1px 8px;
    border-radius: 3px;
    font-size: 12px;
    text-shadow: none;
    margin-top: 2px;
}

@media (max-width: 1024px) {
	.new-booking-note, .offer-note-card {
	    top: 6px;
	}	
}


.n-popup-o-logo {
	margin: 0 auto;
    display: block;
    margin-bottom: 20px;
    width: 80%;
    max-width: 200px;
}

@media (max-width: 1199px) {
	.ponude h2, .ponude h2 a, .ponude h2 a span.category-name {
	    color: #88b737;
	}
}
/* start old zakomentirati nakon redizajna*/
@media (min-width: 1199px) {
	
	.ponude h2, .ponude h2 a, .ponude h2 a span.category-name {
	    color: #88b737;
	    font-size: 24px;
	}
}
/**end old*/


/** start redesign*/
/*
@media (max-width: 1199px) {
	.offer-stars {
		background-color: rgba(0,0,0,0.4);
	    top: 8px;
	    left: 8px;
	}
}

@media (min-width: 1199px) {
	
	.category-container .slick-slide {
	    margin: 10px 0 0 -10px !important;
	}

	.category-container .offer-row {
	    margin-top: 10px;
	    margin-bottom: 30px;
	}
	
	.offer-col {
	    border-bottom: 1px solid #e6e6e6;
	}
	
	.offer-col:not(:last-child) {
	    border-right: 1px solid #e6e6e6;
	}
	
	.category-container .offer {
    	margin: 0px 0 20px 0;
	}

	.offer-stars {
	    background-color: rgb(0,0,0,4%);
	    bottom: 8px;
	    left: 0px;
	}
	
	.featured-offers .offer-stars, .small-featured .offer-stars {
	    background-color: rgba(0,0,0,0.4);
		top: 8px;
		left: 8px;
		padding: 5px 4px 1px 5px;
		bottom: auto;
	}
	
	.star-under {
		text-shadow: none !important;
	}
	
	.featured-offers .star-under, .small-featured .star-under {
	    text-shadow: 1px 1px 1px #0000003b !important;
	}

	.offer h2 {
	    font-weight: 500;
	}

	.offer .price {
	    position: absolute;
	    bottom: 28px;
	}
	
	.ponude h2, .ponude h2 a .category-name {
	    color: #4f4f4f;
	    font-size: 24px;
	    font-family: 'Baloo Da 2';
	    font-style: normal;
	    font-weight: 600;
	    text-transform: uppercase;
	}

	.offer-col.col-sm-4 .offer p, .offer-col.col-sm-3 .offer p {
	    max-height: 58px;
	}

	.offer-col.col-sm-6 .offer p, .offer-col.col-sm-8 .offer p {
	    max-height: 20px;
	}

	.offer .offer-data-expiration-note {
	    color: red;
	    display: none;
	    margin-top: -23px;
	    position: relative;
	    background: #ffffff !important;
	    border-top: 1px solid red;
	    border-bottom: 1px solid red;
	}

	.offer .new-booking-note {
	    margin-top: -50px;
	    background: #ffffffe0;
	    position: relative;
	    border-bottom: 1px solid #f7961a;
	}
	
	.offer .last_reviews {
		border: none;
	    right: 0;
	    border-radius: unset;
	}
	
	.category-container .col-sm-3 .offer img {
	    max-height: 130px;
	}

}

h2 a .material-icons {
    max-width: 47px;
    color: #fff;
    font-size: 35px;
    padding: 3px 2px 3px 0;
    vertical-align: middle;
    margin-bottom: 7px;
    background: #88b737;
    border-radius: 3px;
    width: 41px;
    padding-left: 4px;
    box-shadow: 0 1px 0 rgb(12 13 14 / 10%), 0 1px 3px rgb(12 13 14 / 10%), 0 4px 20px rgb(12 13 14 / 4%), 0 1px 1px rgb(12 13 14 / 3%);
    text-shadow: 1px 2px #0000003d;
}
*/


/*maknuti offer after*/

/* continue redesign
.offer:after {
    width: 0%;
    height: 1px;
}
.offer:after {
    position: absolute;
    content: "";
    right: 6px;
    bottom: 0;
    background: none;
    transition: all 0.3s ease;
}
h2 a .material-icons {
	margin-right: 6px;
}
h2 a .material-icons.putovanja {
	background: #3eb1a6;
	background: linear-gradient(to top, #3eb1a6 50%, #3e9990 50% 100%);
}

h2 a .material-icons.dom {
	background: #b56b8c;
	background: linear-gradient(to top, #b56b8c 50%, #8d566f 50% 100%);
}

h2 a .material-icons.auti {
	background: #4f95dc;
	background: linear-gradient(to top, #4f95dc 50%, #4f80b2 50% 100%);
}

h2 a .material-icons.ljepota {
	background: #f54dac;
	background: linear-gradient(to top, #f54dac 50%, #d5509b 50% 100%);
}

h2 a .material-icons.gastro {
	background: #f9c109;
	background: linear-gradient(to top, #f9c109 50%, #d9a90d 50% 100%);
}

h2 a .material-icons.obrazovanje {
	background: #84a9d6;
	background: linear-gradient(to top, #84a9d6 50%, #6486b0 50% 100%);
}

h2 a .material-icons.zdravlje {
	background: #f67c93;
	background: linear-gradient(to top, #f67c93 50%, #e55b75 50% 100%);
}

h2 a .material-icons.najnovije, h2 a .material-icons {
	background: #f7961a;
	background: linear-gradient(to top, #88b737 50%, #749c2f 50% 100%);
}

h2 a .material-icons.zabava {
	background: #4caf50;
	background: linear-gradient(to top, #4caf50 50%, #449147 50% 100%);
}



*/
/** end redesign */


#offer-images .slick-slide img {
	height: auto !important;
}
.banner-wrapper img { max-width: 100% !important; height: auto !important;}

@media (max-width: 560px) {
	.offer-title {
		/*min-height: 150px;*/
	    margin: 0 !important;
    	padding-bottom: 0;
	}
}

/*loading bar*/
.spinner {
	position: absolute;
	width: 100%;
	height: 3px;
	opacity: 1;
	background-color: #e7f2d4;
	overflow: hidden;
    top: 0;
    z-index: 1;
}

.spinner .bar {
	height: 7px;
	background-color: #88b738;
	position: absolute;
}

.spinner .bar1 {
	left: 50%;
	width: 10%;
	-webkit-animation: bar1 7s infinite linear;
	-moz-animation: bar1 7s infinite linear;
	-ms-animation: bar1 7s infinite linear;
	animation: bar1 7s infinite linear;
}

.spinner .bar2 {
	left: 0%;
	width: 0%;
	-webkit-animation: bar2 7s infinite;
	-moz-animation: bar2 7s infinite;
	-ms-animation: bar2 7s infinite;
	animation: bar2 7s infinite;
}

@-webkit-keyframes bar1 {
	0% {
		width: 0%;
		left: 0%;
	}
	10% {
		width: 30%;
		left: 100%;
	}
	19.99% {
		width: 30%;
		left: 100%;
	}
	20% {
		width: 0%;
		left: 0%;
	}
	30% {
		width: 80%;
		left: 100%;
	}
	30.01% {
		width: 0%;
		left: 0%;
	}
	40% {
		width: 5%;
		left: 30%;
	}
	50% {
		width: 50%;
		left: 100%;
	}
	50.01% {
		width: 0%;
		left: 0%;
	}
	60% {
		width: 60%;
		left: 20%;
	}
	70% {
		width: 5%;
		left: 100%;
	}
	70.01% {
		width: 0%;
		left: 0%;
	}
	80% {
		width: 50%;
		left: 30%;
	}
	90% {
		width: 10%;
		left: 80%;
	}
	100% {
		width: 20%;
		left: 100%;
	}
}

@-moz-keyframes bar1 {
	0% {
		width: 0%;
		left: 0%;
	}
	10% {
		width: 30%;
		left: 100%;
	}
	19.99% {
		width: 30%;
		left: 100%;
	}
	20% {
		width: 0%;
		left: 0%;
	}
	30% {
		width: 80%;
		left: 100%;
	}
	30.01% {
		width: 0%;
		left: 0%;
	}
	40% {
		width: 5%;
		left: 30%;
	}
	50% {
		width: 50%;
		left: 100%;
	}
	50.01% {
		width: 0%;
		left: 0%;
	}
	60% {
		width: 60%;
		left: 20%;
	}
	70% {
		width: 5%;
		left: 100%;
	}
	70.01% {
		width: 0%;
		left: 0%;
	}
	80% {
		width: 50%;
		left: 30%;
	}
	90% {
		width: 10%;
		left: 80%;
	}
	100% {
		width: 20%;
		left: 100%;
	}
}

@-ms-keyframes bar1 {
	0% {
		width: 0%;
		left: 0%;
	}
	10% {
		width: 30%;
		left: 100%;
	}
	19.99% {
		width: 30%;
		left: 100%;
	}
	20% {
		width: 0%;
		left: 0%;
	}
	30% {
		width: 80%;
		left: 100%;
	}
	30.01% {
		width: 0%;
		left: 0%;
	}
	40% {
		width: 5%;
		left: 30%;
	}
	50% {
		width: 50%;
		left: 100%;
	}
	50.01% {
		width: 0%;
		left: 0%;
	}
	60% {
		width: 60%;
		left: 20%;
	}
	70% {
		width: 5%;
		left: 100%;
	}
	70.01% {
		width: 0%;
		left: 0%;
	}
	80% {
		width: 50%;
		left: 30%;
	}
	90% {
		width: 10%;
		left: 80%;
	}
	100% {
		width: 20%;
		left: 100%;
	}
}

@keyframes bar1 {
	0% {
		width: 0%;
		left: 0%;
	}
	10% {
		width: 30%;
		left: 100%;
	}
	19.99% {
		width: 30%;
		left: 100%;
	}
	20% {
		width: 0%;
		left: 0%;
	}
	30% {
		width: 80%;
		left: 100%;
	}
	30.01% {
		width: 0%;
		left: 0%;
	}
	40% {
		width: 5%;
		left: 30%;
	}
	50% {
		width: 50%;
		left: 100%;
	}
	50.01% {
		width: 0%;
		left: 0%;
	}
	60% {
		width: 60%;
		left: 20%;
	}
	70% {
		width: 5%;
		left: 100%;
	}
	70.01% {
		width: 0%;
		left: 0%;
	}
	80% {
		width: 50%;
		left: 30%;
	}
	90% {
		width: 10%;
		left: 80%;
	}
	100% {
		width: 20%;
		left: 100%;
	}
}

@-webkit-keyframes bar2 {
	0% {
		width: 0%;
		left: 0%;
	}
	10% {
		width: 60%;
	}
	19.99% {
		width: 40%;
		left: 100%;
	}
	20% {
		width: 0%;
		left: 0%;
	}
	25% {
		width: 10%;
		left: 10%;
	}
	30% {
		width: 40%;
		left: 30%;
	}
	40% {
		width: 60%;
		left: 100%;
	}
	40.01% {
		width: 0%;
		left: 0%;
	}
	50% {
		width: 10%;
		left: 40%;
	}
	60% {
		width: 30%;
		left: 100%;
	}
	60.01% {
		width: 0%;
		left: 0%;
	}
	70% {
		width: 10%;
		left: 40%;
	}
	80% {
		width: 5%;
		left: 100%;
	}
	80.01% {
		width: 0%;
		left: 0%;
	}
	90% {
		width: 70%;
		left: 10%;
	}
	100% {
		width: 10%;
		left: 100%;
	}
}

@-moz-keyframes bar2 {
	0% {
		width: 0%;
		left: 0%;
	}
	10% {
		width: 60%;
	}
	19.99% {
		width: 40%;
		left: 100%;
	}
	20% {
		width: 0%;
		left: 0%;
	}
	25% {
		width: 10%;
		left: 10%;
	}
	30% {
		width: 40%;
		left: 30%;
	}
	40% {
		width: 60%;
		left: 100%;
	}
	40.01% {
		width: 0%;
		left: 0%;
	}
	50% {
		width: 10%;
		left: 40%;
	}
	60% {
		width: 30%;
		left: 100%;
	}
	60.01% {
		width: 0%;
		left: 0%;
	}
	70% {
		width: 10%;
		left: 40%;
	}
	80% {
		width: 5%;
		left: 100%;
	}
	80.01% {
		width: 0%;
		left: 0%;
	}
	90% {
		width: 70%;
		left: 10%;
	}
	100% {
		width: 10%;
		left: 100%;
	}
}

@-ms-keyframes bar2 {
	0% {
		width: 0%;
		left: 0%;
	}
	10% {
		width: 60%;
	}
	19.99% {
		width: 40%;
		left: 100%;
	}
	20% {
		width: 0%;
		left: 0%;
	}
	25% {
		width: 10%;
		left: 10%;
	}
	30% {
		width: 40%;
		left: 30%;
	}
	40% {
		width: 60%;
		left: 100%;
	}
	40.01% {
		width: 0%;
		left: 0%;
	}
	50% {
		width: 10%;
		left: 40%;
	}
	60% {
		width: 30%;
		left: 100%;
	}
	60.01% {
		width: 0%;
		left: 0%;
	}
	70% {
		width: 10%;
		left: 40%;
	}
	80% {
		width: 5%;
		left: 100%;
	}
	80.01% {
		width: 0%;
		left: 0%;
	}
	90% {
		width: 70%;
		left: 10%;
	}
	100% {
		width: 10%;
		left: 100%;
	}
}

@keyframes bar2 {
	0% {
		width: 0%;
		left: 0%;
	}
	10% {
		width: 60%;
	}
	19.99% {
		width: 40%;
		left: 100%;
	}
	20% {
		width: 0%;
		left: 0%;
	}
	25% {
		width: 10%;
		left: 10%;
	}
	30% {
		width: 40%;
		left: 30%;
	}
	40% {
		width: 60%;
		left: 100%;
	}
	40.01% {
		width: 0%;
		left: 0%;
	}
	50% {
		width: 10%;
		left: 40%;
	}
	60% {
		width: 30%;
		left: 100%;
	}
	60.01% {
		width: 0%;
		left: 0%;
	}
	70% {
		width: 10%;
		left: 40%;
	}
	80% {
		width: 5%;
		left: 100%;
	}
	80.01% {
		width: 0%;
		left: 0%;
	}
	90% {
		width: 70%;
		left: 10%;
	}
	100% {
		width: 10%;
		left: 100%;
	}
}
/*end loading bar*/
.stickers {
    position: absolute;
    min-height: 50px;
    right: 5px;
    top: 76px;	
    display: flex;
    align-items: flex-end;
}

#main-image-container .stickers {
	display: none;
	top: unset;
	bottom: 95px;
    right: 20px;
	z-index: 1;
	transform: scale(1.3);
}

@media (max-width: 560px) {
	#main-image-container .stickers {
	    right: 0px;
	    bottom: 0px;
		transform: scale(0.7);
	}
}
@media (max-width: 768px) {
	#main-image-container { min-height: 173px; margin-top: 10px; }
}
.child-sticker {
    width: 50px;
    height: 50px;
    color: #fff;
    background: #f7961a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #fffa;
}

.child-st-wrap {
    width: 20px;
    display: inline-block;
}

.child-sticker.one > .child-two {
    display: none;
}

.pet-sticker {
    width: 30px;
    height: 30px;
    color: #fff;
    background: #9559ff;
	display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #fffa;
}
.gold-class-sticker svg { 
  width: 100%;
  max-width: 100%;
  padding: 4px;
}
.gold-class-sticker {
    width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    background: #212121b8;
    color: #d3b468;
    margin: 0 5px;
    box-sizing: content-box;
    border-radius: 6px;
    border: 2px solid #d3b468;
}

#main-image-container .gold-class-sticker {
    width: 40px;
    height: 40px;
    transform: none !important;
}

.sticker-plus {
	font-size: 11px;
    padding-right: 2px;
}

.offer-certs {
    position: absolute;
    z-index: 1;
    max-width: 20%;
    top: 0;
    left: 0;
}

.offer-cert { margin-bottom: 4px; }

.offer-cert img { display: block; width: 100%; }

.pd-tooltip:not(#templateBody .pd-tooltip) { display: none; cursor: help; font-size: 18px; color: #88b737; }

@media (max-width: 768px) {
	.pd-tooltip { font-size: 22px; }
}

body .cnj-property-card { display: none !important; }

.travel-insurance-promo {
	color: #88b737;
	font-size: 16px;
}

.filter-panel-select {
	font-family: 'Roboto';
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #88b737 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 13px;
    color: #444;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}

.select2-search__field::placeholder {
	color: #999;
}

.select2-dropdown {
    border: 1px solid #ddd !important;
    border-top: none !important;
}

span#select2-destination-select-desktop-container,
span#select2-destination-select-mobile-container {
	text-align: center !important;
}

.filter.destination .select2-container .select2-selection--single {
	height: 40px !important;
	border: 1px solid #ddd !important;
}

.filter.destination .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px !important;
	font-size: 16px !important;
	color: #777 !important;
}

.filter.destination .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px !important;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
}

.filter.adults .filter-radio-labels {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.filter.filter-adults .filter-radio-labels label {
	padding: 8px 20px;
	border: 1px solid #ddd;
	border-radius: 4px;
	transition: background .2s ease-in;
}

.filter.filter-adults .filter-radio-labels label:hover {
	background: #eee;
}

@media (max-width: 768px) {

	span.select2-container.select2-container--default.select2-container--open {
	    z-index: 10000 !important;
	}
	
	.filter.filter-adults .filter-radio-labels label {
	    padding: 5px 5px;
	    border: 1px solid #ddd;
	    border-radius: 4px;
	    transition: background .2s ease-in;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    line-height: 1;
	    vertical-align: middle;
	}
	
	.filter.filter-adults input {
    	vertical-align: middle;
	    display: inline;
	    margin: 0;
	    margin-left: 7px;
	}
}

/* read more button */
.read-more { display: none; }
@media (max-width: 768px) {
    #tab-pane-t2 { position: relative; }

    .read-more-label, .read-more-icon {
        background: transparent;
        transition: color .15s ease-in;
    }
    
    .read-more:hover .read-more-label,
    .read-more:hover .read-more-icon {
        color: #88b737;
        background: #fff;
    }
         
    .read-more {
        border: none;
        font-family: 'Roboto';
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: inherit;
        padding: 95px 0 7px 0;
        background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 88%) 45%, rgb(255 255 255) 100%);
        position: absolute;
        width: 100%;
        bottom: 0;
        font-size: 18px;
        font-weight: 500;
        cursor: pointer;
        border-bottom: 1px solid #ddd;
    }

	.offer-notes.offer-data {
	    margin-bottom: 30px;
	    max-height: 500px;
	    overflow: hidden;
	}
}
/* end read more button */

/* maknuti
a#buy-btn {
    background: linear-gradient(180deg, #88b737 50%, #668929) !important;
    border: none;
    box-shadow: none;
    text-shadow: 1px 1px 2px #00000042;
  	font-weight: 500;
}
@media (max-width: 768px) {
	a#buy-btn {
	    font-size: 20px;
	    font-weight: 500;
	}
}*/

.hide-price { display: none !important; } 
		
/* main categories */
.category-item-container {
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	padding: 10px 0 0 10px;
}

.category-item {
	width: 100%;
}

.category-item-container .category-item {
	position: relative;
	flex: calc(50% - 20px);
	border: 1px solid #f0f0f0;
	margin-bottom: 10px;
	background: #fff;
	margin-right: 10px;
	padding: 10px 10px;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: start;
}

.category-item-icon {
	height: 100%;
	margin-right: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.category-item-icon svg, .category-item-icon img {
	width: 38px;
	height: 38px;
	color: #656565;
}

.category-item-label {
	font-weight: 500;
}

.category-item:after {
	content: "\f105";
	font-family: 'FontAwesome';
	font-size: 20px;
	line-height: 1;
	opacity: .7;
	color: #555;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	right: 5px;
}
/* main categories */


/* filter todo */

#filter-btn-mobile { /*display: none !important; */ }

.filter-btn-mobile-new {
	display: none !important;
    background: #88b737;
    color: #fff;
    min-width: auto;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    border-radius: 3px;
    /* margin: 0 10px; */
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%);
    margin: 10px;
    border: 1px solid #88b737;
}

#mm-filter .kategorija { 
	display: none !important; 
	
	margin-top: 0;
}
	
.filter-panel-mobile {
	overflow-y: 'auto';
	height: '100%';
	padding-bottom: 60px;
}

/* end filter todo */

.price-separator {
	border-right: 1px solid #ddd;
    margin: 0 7px;
    line-height: 1;
    vertical-align: middle;
    position: relative;
}
@media (max-width: 768px) {

	#products-container .product-price {
	    display: flex;
	    flex-direction: column;
	    margin: 0 auto;
	    align-items: center;
	}
}

@media (min-width: 768px) {
	#upsale-offers .offer .price .reduced-price {
		font-size: 14px !important;
	}
}

@media (max-width: 768px) {
	.offer-prices-w .payment-note {
	    padding: 0 25px 0 25px !important;
	}
}

.installment-banner-wrapper {
	border-top: 1px solid #ddd;
}

.installment-banner {
	font-size: 12px;
	color: #666;
	font-weight: 300;
    padding: 9px 0 9px 0;
}

.installment-banner-amount {
	font-weight: 500;
}

.booking-optional-items {
    padding: 14px 7px;
    font-size: 14px;
    font-weight: 500;
}

.booking-optional-items label {
    line-height: 9px;
    vertical-align: middle;
    top: -1px;
    position: relative;
    cursor: pointer;
    display: block;
    padding: 3px 0;
}

.booking-optional-items input[type=checkbox] {
	accent-color: #6b9b18;
    vertical-align: middle;
    margin-right: 8px;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.booking-inquiry-dates { padding: 10px; }

.booking-inquiry-stuff .flatpickr-calendar {
	box-shadow: none;
    border: 1px solid #d9d9d9;
}

/*booking mode search */

#online-booking-search-notif {
	text-align: center;
}
   
/*#mainwrapper.online-booking-mainwrapper {
	padding-right: 20%;
}*/

.offer.online-booking-offer {
	border: 1px solid #eee;
	border-radius: 6px;
	transition: all .2s ease-in-out;
}

.online-booking-offer .new-booking-note { margin-top: 5px; }

.online-booking-offer .price { padding: 0; }
            
.offer.online-booking-offer:hover:after {
    width: 0 !important;
    border-color: #ccc;
}

.offer.online-booking-offer:hover {
    border-color: #ccc;
}

.offer.online-booking-offer h2 {
    font-size: 20px;
    line-height: 32px;
}

.offer.online-booking-offer > a {
    display: block;
    padding: 20px !important;
}

.offer.online-booking-offer figure {
    position: relative;
}

.booking-room-items {
    display: grid;
    gap: 10px;
    background: #fafafa;
    padding: 10px;
    /*background-image: linear-gradient(to bottom, rgb(248 248 248), rgb(234 234 234), rgb(232 232 232));*/
    background-image: linear-gradient(to bottom, rgb(242 242 242), rgb(230 230 230));
}

.booking-room-item {
    background: #fff;
    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 2%), 0px 1px 1px 0px rgb(70 70 70 / 23%), 0px 1px 3px 0px rgb(0 0 0 / 3%);
    /* box-shadow: 0 1px 3px 0px rgb(0 0 0 / 17%); */
    /*border: 1px solid #eee3;*/
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-height: 100px;
    border-left: 5px solid #c6c6c6;
    transition: border-color .2s ease-in;
}

.booking-room-item:hover {
    border-left: 5px solid #88b737;
}

.booking-room-item .room-title-wrapper {
    display: flex;
    align-items: center;
    flex: 1;
    text-align: left;
}

.booking-room-item .room-details {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: end;
    color: #555;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 1px 10px 2px 8px;
}

.room-details .room-price {
    font-size: 17px;
    font-weight: 500;
    color: #88b737;
    min-width: 112px;
    padding: 2px 8px 6px 0px;
    text-align: right;
}

.room-details .room-tariff {
    text-align: left;
    font-size: 12px;
    color: #555;
}

.booking-room-item .book-room-btn {
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 5px !important;
    font-weight: 500;
    box-shadow: 2px 2px 2px #72727229;
    max-height: 36px !important;
    line-height: 36px;
    background-color: #88b737;
    color: #fff;
}
        
.room-title-wrapper h4 {
    width: 100%;
    display: inline-block;
    color: #444 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 0 0 0 8px;
}

.booking-rooms-container .tab-menu {
    border-bottom: 1px solid #eee;
    padding: 0 20px;
}

.booking-rooms-container .tab-menu a.tab-menu-item {
    padding: 5px 10px !important;
    border-radius: 3px 3px 0 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-right: -1px;
    display: inline-block;
    color: #616161 !important;
    font-size: 15px;
}

.booking-rooms-container .tab-menu a.tab-menu-item.active {
    font-weight: 500;
    border-bottom: 1px solid transparent;
    margin-bottom: -1px;
    background: #f2f2f2;
}
    
.booking-room-item .room-details {
    display: flex;
}

.booking-room-item .booking-room-item-wrapper {
    display: none;
}

.booking-room-item .booking-room-item-wrapper.active {
    display: flex;
    flex: 1;   
}

.online-booking-offer .grid-images {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 2fr;
    grid-gap: 15px;
}
        
.online-booking-offer .grid-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.grid-images .grid-image-1 {
    grid-column: span 2;
    grid-row: span 2;
}

.online-booking-offer .stickers {
    left: 5px;
    top: 0;
    right: unset;
} 

@media (max-width: 560px) {
	#mainwrapper .offer.online-booking-offer {
	    height: auto !important;
	    border: none !important;
	}
	
	.room-title-wrapper h4 {
	    font-size: 12px;
	    line-height: 12px;
	    padding: 0;
	}
	
	.room-details .room-price {
	    font-size: 14px;
	    min-width: unset;
	}
	
	.room-details .room-tariff {
	    display: none;
	}
	
	.online-booking-offer .grid-images { display: block; }
	
	.online-booking-offer .grid-images img:not(img.grid-image-1) {
	    display: none;
	}
}
     
@media (max-width: 350px) {
    .booking-room-item {
        min-height: 115px;
    }
    
    .booking-room-item .booking-room-item-wrapper {
        flex-direction: column;
    }
    
    .booking-room-item .room-title-wrapper {
        padding-right: 7px;
    }
            
    .booking-room-item .room-details {
        justify-content: start;
        padding: 1px 10px 2px 0px;
    }
    
    .booking-room-item .room-details {
        padding: 1px 10px 2px 0px;
    }
    .room-details .room-price {
        text-align: left;
    }
}


.filter-panel-booking {
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
	margin: 10px 0px;
	margin-top: 20px;
	border: 2px solid #88b737;
    border-radius: 8px;
    background-color: #fff;
    min-height: initial; 
}
@media (max-width: 550px) {
	.filter-panel-booking:not(.filter-panel-booking.no-inputs):not(.modal__content .filter-panel-booking):not(.filter-panel-booking.filter-panel-booking-check) {
		height: 390px;
		transition: height .2s ease-in;
	}
	.filter-panel-booking.filter-panel-booking-sm {
	    max-height: 120px;
	    height: 120px;
	    overflow: hidden;
	}
}

.filter-panel-booking.desktop-stuff .booking-person-age {
    position: absolute;
    padding: 10px;
	margin-top: 10px;
    background: #fff;
    z-index: 1000;
	width: 90%;
    left: 50%;
}

.filter-panel-booking .filter-h {
	flex: 1;
    padding: 10px 15px !important;
}

.filter-panel-booking .filter-outter {
    padding: 10px 15px !important;
}

/*.filter-panel-booking .filter-h:not(:last-child) {
    border-bottom: 1px solid #eee;
}*/

.filter-panel-booking .filter-h label {
	display: block;
    color: #333;
    font-size: 16px;
    font-weight: 500;
}

@media only screen and (min-width: 768px) {
	.filter-panel-booking .filter-h label {
	    margin-top: 10px;
	}
}

.filter-panel-booking .destination.filter-h label {
	color: #fff;
}

.filter-panel-booking .filter-date-wrapper { 
    display: flex;
    align-items: center;
    position: relative;
}
.filter-panel-booking .filter-date-wrapper .fa {
    position: absolute;
    margin-left: 6px;

}

.filter-panel-booking .filter-wrapper { 
    display: flex;
    align-items: center;
    position: relative;
}
.filter-panel-booking .filter-wrapper .fa {
    position: absolute;
    margin-left: 6px;
    z-index: 1;
    color: #555;
    font-size: 17px;
}

.filter-panel-booking .booking-adults-children {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    /*max-height: 37px;
    height: 37px;*/
    background: transparent;
    text-align: center;
    background: none;
    cursor: pointer;
    appearance: none;
    /*padding: 10px 20px 10px 20px;*/
	color: #777;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 2px;
    /*line-height: 37px;*/
   	
    height: 45px;
    max-height: 45px;
    line-height: 45px;
    background: #f3f3f3;
    border-radius: 6px !important;
    padding: 5px 20px 5px 20px;
}

.filter-panel-booking .filter-dropdown {
	display: none;
    position: absolute;
    width: 100%;
    top: 64px;
    background: #fff;
    z-index: 1;
    padding: 0 10px 10px 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0 0 2px 2px;
    overflow: hidden;
}

.filter-panel-booking .filter-dropdown.active {
	display: block;
	z-index: 10;
}

.filter-panel-booking .filter-date-wrapper input,
.filter-panel-booking .filter-wrapper input { 
	width: 100%;
    max-width: 100%;
    max-height: 37px;
    padding: 10px 2px;
    text-align: center;
    font-size: 14px;
    color: #444;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.filter-panel-booking .filter-wrapper input {
	height: 45px;
    max-height: 45px;
    background: #f3f3f3;
    border-radius: 6px !important;
    padding: 15px 20px 15px 20px;
}

.filter-panel-booking .booking-select-wrapper select {
   width: 100% !important;
   max-height: 37px;
   background: transparent;
   font-size: 14px;
   /*overflow: hidden;*/
}

.filter-panel-booking .booking-select-wrapper {
    display: block;
    position: relative;
    width: 100%;
}

.filter-panel-booking #booking-person-age {
    border-top: 1px solid rgb(221, 221, 221);
    margin-top: 10px;
    border-radius: 6px;
    overflow: hidden;
}
        
.booking-search-btn {
    display: flex;
    align-items: center;
    justify-content: space-around;
 	width: 100%;
    margin: 10px 0 10px 0;
 	padding: 14px 10px 12px 10px;
	border: none;
	outline: 0;
	font-size: 15px;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
}

.filter-panel-booking .filter-panel-select {
    border: 1px solid #ddd;
    /*border-radius: 2px;*/
    /*background: #fff;*/
    color: #777;
    /*padding: 10px;*/
    font-size: 14px;
    /*height: 37px;
    max-height: 37px;*/
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align-last: center;
    appearance: none;
    
    height: 45px;
    max-height: 45px;
    background: #f3f3f3;
    border-radius: 6px !important;
    padding: 15px 20px 15px 20px; 
}
     
.filter-panel-booking .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; }

.filter-panel-booking .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #777;
    line-height: 37px;
    max-height: 37px;
    font-size: 14px;
}

.filter-panel-booking .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 37px;
    user-select: none;
    -webkit-user-select: none;
}

.filter-panel-booking .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    height: 45px;
    max-height: 45px;
    background: #f3f3f3;
    border-radius: 6px !important;
    padding: 15px 20px 15px 20px; 
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

span#select2-destination-select-desktop-container, span#select2-destination-select-mobile-container {
	line-height: 1;
}

.filter-panel-booking .booking-select-icon.fa { z-index: 1; }


@media only screen and (max-width: 768px) {
	
	.filter-panel-booking {
		flex-direction: column;
    	align-items: start;
		flex-wrap: nowrap;
	}
	
	.filter-panel-booking .filter-h {
		width: 100%;
	}
	
	.filter-panel-booking .filter-outter {
	    flex: 1;
	    width: 100%;
	    flex-shrink: 0;
	}
	
	.filter-panel-booking .destination {
		border-radius: 3px 3px 0 0;
	}
	
	.filter-panel-booking .filter-date-wrapper {
	   	margin-bottom: 10px;
	}
		  	
	.filter-panel-booking .filter-date-wrapper input {
		padding: 10px 20px 10px 20px;
		width: 100%;
	}
	           	
	.booking-search-btn { 
		width: 100% !important;
		justify-content: center;
	}
	  	
	.booking-search-btn svg { 
		margin-right: 15px;
	}
	
	.filter-panel-booking .booking-adults-children {
		display: none;
	}
	
	.filter-panel-booking .booking-select-wrapper .booking-persons-select-label {
		display: none;
	}
	
	.filter-panel-booking .booking-select-adult-icon,
	.filter-panel-booking .booking-select-child-icon {
		display: none;
	}
	
	.filter-panel-booking .filter-dropdown {
	    display: grid !important;
	    grid-template-columns: 1fr 1fr;
	    gap: 10px;
	    justify-content: space-between;
	    z-index: 10;
	    position: relative;
	    top: 0;
	    overflow: initial;
	    padding: 0;
	    border: none;
	}
	
	.filter-panel-booking #booking-person-age {
		grid-column: 1 / -1;
	}
	
	.clear-filter-wrapper {
		display: none;
	}
	
}
.filter-panel-booking .booking-select-icon.booking-select-adult-icon.fa.fa-male,
.filter-panel-booking .booking-select-icon.booking-select-child-icon.fa.fa-child {
	z-index: 1 !important;
}

.booking-select-icon.booking-select-adult-icon.fa.fa-male {
    left: 13px;
    bottom: 11px;
    font-size: 20px;
    color: #555;
}

.booking-select-icon.booking-select-child-icon.fa.fa-child {
    font-size: 17px;
	left: 26px;
    bottom: 12px;
}

.booking-persons-label-separator { margin: 0 10px; }

.adults-filter-label-value, 
.children-filter-label-value {
	margin-left: 5px;
}
 	
/*end booking mode search */

.filter-panel-booking .filter-h {
	position: relative;
}

span.flatpickr-day.hidden {
    display: initial !important;
}

span.flatpickr-day {
    border: unset !important;
    border-right: 1px solid #e9e9e9 !important;
    border-bottom: 1px solid #e9e9e9 !important;
}

.dayContainer {
    align-items: center !important;
    justify-content: start !important;
    border: unset !important;
    border-left: 1px solid #e9e9e9 !important;
    border-top: 1px solid #e9e9e9 !important;
}

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
    background: #88b737 !important;
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
}
    
.booking-input-wrapper input, 
.booking-input-wrapper select {
    max-height: 37px;
}

.booking-input-wrapper input, 
.booking-input-wrapper select,
.booking-input-wrapper textarea {
    display: flex;
    background: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 16px;
    appearance: none;
    padding: 10px 20px;
    width: 100%;
    max-width: 100%;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 2px;
    transition: border .2s ease-in;
    /*outline: none;*/
}

.booking-input-wrapper input:focus,
.booking-input-wrapper select:focus,
.booking-input-wrapper textarea:focus {
    outline: 2px solid #333 !important;
}

.filter-panel-booking.filter-panel-booking-check {
        flex-direction: column;
}

.filter-panel-booking-check .booking-age-item {
    border: none !important;
}

#booking-check-buy-btn.disabled {
    background: #939393!important;
    box-shadow: none !important;
    opacity: 0.7;
    cursor: not-allowed;
}

#online-booking-check-notif {
    display: flex;
    align-items: center;
    text-align: center;
    text-align: left;
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    #booking-check-popup-o .modal-body { 
        padding: 25px 10px 0 10px;
    }
}

/* MULTISTEP MODAL */

/*=============== VARIABLES CSS ===============*/
:root {
	/*========== Colors ==========*/
	--hue: 240;
	--first-color: #88b737;
	--first-color-alt: hsl(var(--hue), 16%, 12%);
	--title-color: hsl(var(--hue), 8%, 15%);
	--text-color: hsl(var(--hue), 8%, 35%);
	--body-color: hsl(var(--hue), 100%, 99%);
	--container-color: #FFF;

	/*========== Font and typography ==========*/
	--body-font: 'Roboto', sans-serif;
	--big-font-size: 20px;
	--normal-font-size: 15px;

	/*========== z index ==========*/
	--z-modal: 1200;
}

@media screen and (min-width: 968px) {
	:root {
		--big-font-size: 22px;
		--normal-font-size: 15px;
	}
}

/*=============== MODAL ===============*/
.modal__button, .modal__button-link {
	cursor: pointer;
	border: none;
	outline: none;
}

.modal__container,
.modal__button,
.modal__button-link {
	font-family: var(--body-font);
	font-size: var(--normal-font-size);
}

.modal__button {
	display: inline-block;
	background-color: var(--first-color);
	color: #fff;
	padding: 1rem 1.25rem;
	border-radius: .5rem;
	transition: .3s;
}

.modal__button-link {
	display: block;
	margin: 1rem auto 0;
	background-color: transparent;
	color: var(--first-color);
	font-weight: 500;
}
.modal__button:disabled {
	background-color: #ccc;
	cursor: not-allowed;
}
.modal__button:hover:not(:disabled) {
	/*background-color: var(--first-color-alt);*/
	filter: brightness(1.1);
}

.modal__close.close-modal:hover {
    filter: brightness(1.1);
    transform: translateY(-2px);
}

.modal__container {
	position: fixed;
	top: 0;
	left: 0;
	/*background-color: hsla(var(--hue), 18%, 75%, .8);*/
	background-color: #000000ad;
    /*backdrop-filter: blur(2px);*/
	width: 100%;
	height: 100%;
	/*display: grid;*/
	align-items: flex-end;
	overflow: hidden;
	transition: all .3s;
	z-index: var(--z-modal);
	visibility: hidden;
	opacity: 0;
	
	/*=== Effect 3 ===*/
	/* perspective: 1000px; */
}

.modal__content {
	position: relative;
	height: 90%;
	/*height: auto;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
	background-color: var(--container-color);
	text-align: center;
	padding: 4rem 2rem 2rem;
	border-radius: 1rem 1rem 0 0;
	transition: all .3s;
	box-shadow: rgba(20, 20, 20, 0.35) 0px 12px 40px 0px;
	/*=== Effect 1 ===*/
	transform: translateY(10%);

	/*=== Effect 2 ===*/
	/* transform: scale(.5) translateY(10%); */

	/*=== Effect 3 ===*/
	/* transform: rotateX(65deg) scale(.75) translateY(10%);
  transform-origin: 50% 100%; */
}

.modal__footer {
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	padding-top: 5px;
}

.modal__img {
	width: 50% !important;
	margin-bottom: .75rem;
}

.modal__close {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 25px;
	background-color: var(--first-color);
	border-radius: 50%;
	color: #fff !important;
	position: absolute;
	top: 1rem;
	right: 1rem;
	cursor: pointer;
	padding: 10px;
	transition: all .15s ease-in;
}

.modal__close svg {
	width: 100%;
    height: 100%;
	stroke: currentColor;
    z-index: 1;
}

.modal__title {
	font-size: var(--big-font-size);
	color: var(--title-color);
	font-weight: 500;
}

.modal__description {
	margin-bottom: 1.5rem;
}
.modal__inner {
	height: 100%;
	overflow-y: auto;
    overflow-x: hidden;
}
.modal__inner, .modal__inner > * {
	width: 100%;
}

.modal__button-width {
	width: 90%;
}

/* Show modal */
.show-modal {
	visibility: visible;
	opacity: 1;
}

.show-modal .modal__content {
	/*=== Effect 1 ===*/
	transform: translateY(0);

	/*=== Effect 2 ===*/
	/* transform: scale(1) translateY(0); */

	/*=== Effect 3 ===*/
	/* transform: rotateX(0) scale(1) translateY(0); */
}

/*=============== BREAKPOINTS ===============*/

@media screen and (min-width: 768px) {
	.modal__content {
		margin: auto;
		width: 960px;
		max-width: 100%;;
		border-radius: 1.25rem;
	}
	
	#booking-inquiry-modal-container .modal__content {
		margin: auto;
		width: 600px;
	}

	.modal__img {
		width: 50px !important;
	}
	
    .modal__close.back-modal {
		left: 1rem;
		right: unset;
	}
	
	.slide-track .slide-item {
	    display: block;
	    position: initial;
	    flex: 1;
	    flex-shrink: 0;
	    min-width: 50%;
    }
    
    .slide-track .slide-item:nth-child(2) {
		padding-left: 20px;
	}
	
	#booking-modal-container .modal__footer {
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	.modal__content {
		height: 100%;
		padding: 3rem 1rem 1rem;
	}
	
	#booking-inquiry-modal-container .modal__content {
		max-height: 100vh;
	}
	
	.modal__close {
	    width: 32px;
	    height: 32px;
	    right: unset;
	    left: 1rem;
	    padding: 5px;
    }
    
    .show-modal .modal__content.slide-1 .close-modal {
		display: none;
	}
}

.floating {  
    animation-name: floating;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-top: 5px;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    35%  { transform: translate(0, 4px) rotate(-3deg); }
    75%  { transform: translate(0, 0px) rotate(6deg); }
    to   { transform: translate(0, 0px) rotate(0deg); }    
}

/*new shade inputs*/
#booking-modal-container .filter-panel-booking .filter-date-wrapper input,
#booking-modal-container .filter-panel-booking .booking-select-wrapper select,
#booking-inquiry-modal-container .filter-panel-booking .booking-input-wrapper input,
#booking-inquiry-modal-container .filter-panel-booking .booking-input-wrapper select {
    max-height: 45px;
}
#booking-inquiry-modal-container .filter-panel-booking .booking-input-wrapper select {
	text-align: center;
}
#booking-modal-container .filter-panel-booking .filter-date-wrapper input,
#booking-modal-container .filter-panel-booking .booking-select-wrapper select,
#booking-inquiry-modal-container .filter-panel-booking .booking-input-wrapper input,
#booking-inquiry-modal-container .filter-panel-booking .booking-input-wrapper select,
#booking-inquiry-modal-container .filter-panel-booking .booking-input-wrapper textarea {
    background: #f3f3f3;
    border-radius: 6px !important;
    height: 45px;
    padding: 5px 20px 5px 20px;
    text-align: center;
    text-align-last: center;
}

#booking-modal-container .filter-panel-booking #booking-person-age,
#booking-inquiry-modal-container .filter-panel-booking #booking-inquiry-person-age
{
    background: #f3f3f3;
    border-radius: 6px !important;
    border: 1px solid #ddd;
    margin-top: 10px;
    /*overflow: hidden;*/
}

#booking-modal-container #booking-filter-tariff {
    padding: 0px 20px 0px 20px;
    height: 45px;
}

#booking-modal-container .booking-age-item,
#booking-inquiry-modal-container .booking-age-item { 
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #ddd;
	border-left: none;
}

#booking-inquiry-modal-container #booking-inquiry-person-age .booking-select-wrapper select {
	border: none;
}


#booking-modal-container .booking-age-item:last-of-type,
#booking-inquiry-modal-container .booking-age-item:last-of-type { 
	border-bottom: transparent !important;
}

#booking-modal-container .offer-product-list .product-item {
	justify-content: space-between;
	flex-basis: 100%;
}

.booking-inquiry-message-label {
	text-align: left;
	font-size: 13px;
    font-weight: 400;
    opacity: 0.8;
    line-height: 1.2em;
    display: block;
    margin-bottom: 5px;
}

.booking-inquiry-consent-panel .error-message {
	display: block;
}

#booking-inquiry-modal-container .error-notify { display: none; }
#booking-inquiry-modal-container .error-message br,
#booking-inquiry-modal-container .booking-inquiry-consent-panel br:nth-of-type(2) { display: none; }

#booking-inquiry-modal-container .consent {
    font-size: 0.9rem;
}

#booking-inquiry-modal-container .filter-panel-booking .filter-date-wrapper .fa {
    position: absolute;
    margin-left: 0;
    left: 11px;
    top: 13px;
}

#booking-inquiry-modal-container .filter-panel-booking .filter-date-wrapper {
    display: block;
    align-items: center;
    position: relative;
}

#booking-modal-container .filter-panel-booking .booking-person-age .booking-select-wrapper select,
#booking-inquiry-modal-container .filter-panel-booking .booking-person-age .booking-select-wrapper select {
    height: 37px;
}


/*END MULTISTEP MODAL*/


/* offer product redesign */

.offer-product-list-panel {
    margin-left: 20px;
}

@media only screen and (max-width: 768px) {
    .offer-product-list-panel {
        margin: 0 10px 0 10px;
        padding-top: 20px;
    }
    
    .offer-product-list-panel h4 {
        text-align: center;
    }
                
    .offer-product-list li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    
}
        
.offer-product-list-panel h4 {
    color: #88b737;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.offer-product-list {
    list-style: none;
    margin-top: 10px;
}

.offer-product-list .reduced-price.price-secondary {
    color: #777;
}
    
.offer-product-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offer-product-list li:not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.offer-product-list .product-item {
    display: flex;
    flex: 1;
    position: relative;
    gap: 13px;
    padding: 5px 5px 5px 0;
    border-radius: 5px;
    /*border: 1px solid transparent;*/
    cursor: pointer;
}

.offer-product-list .product-item.sold-out {
    opacity: 0.5;
    cursor: not-allowed;
}

.offer-product-list .product-item-disabled .product-item-price .price-secondary {
	display: none;
}

.product-item-input[type="radio"]:checked + .product-item { 
    background: #fafafa;
    border: 1px solid #88b737;
} 

.offer-product-list .product-item-input {
    position: absolute;
    top: 6px;
    cursor: pointer;
    accent-color: #709a27;
    transform: scale(1.3);
}

.product-item .product-item-desc {
    flex-basis: 75%;
    padding-left: 30px;
    text-align: left;
    font-weight: 500;
    font-size: 15px;
    color: #333;
    word-break: break-word;
}

.product-item-disabled .product-item-desc {
	opacity: 0.5;
}

.product-item .product-item-price {
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    color: #88b737;
}

.product-booking-calendar {
	display: flex;
    justify-content: end;
    align-items: center;
    flex-wrap: nowrap;
    cursor: pointer;
}

.product-booking-calendar-label {
	font-size: 9px;
    flex-basis: 33%;
    margin-right: 10px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #555;
    line-height: 120%;
}
.product-booking-calendar input,
.product-booking-calendar input.active {
    opacity: 0;
    padding: 0;
    margin: 0;
    height: 0;
    width: 0;
    border: 0;
}

.product-booking-calendar .input-button {
    display: inline-flex;
    background: #efefef;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #444;
    cursor: pointer;
}

.calendar-loader {
    display: none;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-bottom-color: #444;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

@media only screen and (max-width: 768px) {

    .product-item .product-item-desc {
        font-size: 13px;
    }
    
    .product-item .product-item-price {
        font-size: 14px;
    }
}   

/* end offer product redesign */


.modal__inner .filter-panel-booking {
	display: block;
	flex-wrap: unset;
    align-items: unset;
    justify-content: unset;
    border: none;
    margin-top: 0px;
    margin-bottom: 20px;
}

.modal__inner .offer-product-list-panel { margin: 0; }
.modal__footer .footer-btns,
.modal__footer .slide-btns { 
	width: 100%;
}
.slide-btns { display: none; }
.slide-btns.active-btns { display: block; }

.slide-track { 
	position: relative;
	width: 100%;
	height: 100%;
	transition: all .2s ease-in;
}

.slide-track .slide-item {
	 display: none;
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 width: 100%;
}
.slide-track .slide-item.current-slide { display: block; }

.booking-summary-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
	position: relative;
    font-size: 18px;
    font-weight: 500;
    opacity: 0.6;
    background: #fdfdfd;
    border: 3px dashed #eee;
    border-radius: 30px;
    padding: 30px 10px;
    flex: 1;
	text-align: center;
}

#booking-modal-container .astro {
	filter: grayscale(1) brightness(1.5) opacity(0.3);
	width: 100%;
    height: auto;
    display: block;
}

@media only screen and (min-width: 768px) {
	.slide-track { display: flex; }
	
	.slide-track .slide-item {
	    display: block;
	    position: initial;
    }
    
	.booking-summary-selected-state { 
		display: none;
		justify-content: space-between;
    	flex-direction: column;
		flex: 1;
	}
	
	.booking-summary .modal__button { 
		margin: 0 auto;
	}
	
	.booking-summary .summary-btn-wrapper {
		margin: 0 auto;
		margin-top: 20px;
		width: 100%;
	}
	
	.booking-summary-title { padding: 10px !important; }
	.booking-summary-description {
		padding: 0 10px !important;
	}
	
	.booking-summary-details {
		padding: 20px 10px 0 10px !important;
	}
	
}
@media only screen and (max-width: 768px) {
	.booking-summary-selected-state {
	    flex: 1;
	    display: flex;
	    flex-direction: column;
	}
}

.booking-summary { 
    display: flex;
    flex-direction: column;
	text-align: left; 
	padding: 20px;
	height: 100%;
}
.booking-summary-image img { 
	border-radius: 6px;
	max-width: 100%;
}
.booking-summary-title {
    font-size: 22px;
    padding: 10px 0;
    margin-top: 10px;
}

.booking-summary-description {
    margin-bottom: 20px;
}

.booking-summary-check-in,
.booking-summary-check-out,
.booking-summary-duration,
.booking-summary-persons {
    margin-bottom: 10px;
    font-size: 16px;
    display: flex;
    flex-direction: column;

}

.booking-summary-children-info .children-ages-info { 
	font-size: 15px;
	opacity: 0.8;
}

.children-ages-info .children-ages {
	font-size: 12px;
}

.booking-summary-details .summary-label {
	font-weight: 500;
    color: #333;
}

.booking-summary-details .summary-value {
	opacity: 0.8;
}

.booking-summary .terms-and-conditions {
    font-size: 12px;
    margin: 5px 0;
    background: #f8f8f8;
    color: #555;
    padding: 10px;
    border-radius: 5px;
}

.booking-summary-adults-info,
.booking-summary-children-info {
	position: relative;
    flex: 1;
}

.booking-summary-persons {
    display: flex;
    flex-direction: column;
    justify-content: space-around;    
}

.booking-summary-persons .booking-select-icon {
    top: 0;
    left: -25px;
}

.booking-summary-persons,
.booking-summary-check-out {
	padding-left: 50px;
}

.booking-summary-total {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: auto;
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.booking-summary-total.offer-prices { border-top: 0; }

.booking-filter-date-blank,
.booking-filter-adults-blank,
.booking-filter-children-blank,
.booking-filter-room-blank {
    display: flex;
    height: 47px;
    background: #f3f3f3;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: #777;
    border: 1px solid #ddd;
    border-radius: 6px;
}
.booking-filter-room-blank {
	padding-left: 40px;
	padding-right: 40px;
    line-height: 1;
}
.filter-panel-booking.no-inputs {
    border: none;
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    margin-top: 0;
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
	.filter-panel-booking.no-inputs .col-md-12 {
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.booking-filter-date-blank {
		padding-left: 15px;
	}
}
.filter-panel-booking.no-inputs .booking-select-icon {
    bottom: 14px;
}

.select-booking-product-btn:disabled {
    background: #bbb;
    cursor: not-allowed;
}

.booking-summary-details {
    display: grid;
/* display: inline-grid; */
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    margin-top: 20px;
}


#booking-price-calculated {
	display: none;
    flex-direction: column;
}

#booking-price-calculated .price-vat-info.desktop-stuff {
    position: relative !important;
    margin: 5px 0 0 0;
}

.booking-offer-card-select {
	display: none;
    position: absolute;
    bottom: 6px;
    left: 0;
    background: transparent;
    max-width: 70%;
    text-align: left;
}

.booking-offer-card-select .fa {
    color: #aaa;
    font-size: 17px;
    margin-left: 3px;
}

.booking-offer-card-select select {
	border: 1px #ccc solid;
	padding: 3px;
	border-radius: 6px;
	background: #fff;
	height: 30px;
	max-width: 80%;
}

.filter-panel-booking .filter-date-wrapper .fa {
	font-size: 16px;
}
 
.filter-panel-booking .filter-date-wrapper .fa,
.filter-panel-booking.no-inputs .booking-select-icon {
	color: #555 !important;
}

.filter-panel-booking-desktop-container .filter-panel-booking .booking-select-wrapper select {
	background: #f3f3f3;
}

.filter-panel-booking-desktop-container .filter-panel-booking .booking-select-wrapper select.booking-children,
.filter-panel-booking-desktop-container .filter-panel-booking .booking-select-wrapper select.booking-adults {
	height: 45px;
    max-height: 45px;
    background: #f3f3f3;
    border-radius: 6px !important;
    padding: 5px 20px 5px 20px;
    text-align-last: center;
}

.filter-panel-booking-desktop-container .booking-select-icon { z-index: 1; }

.booking-mobile-filters-info {
	display: none;
    padding: 0 10px;
    opacity: 0.6;
    align-items: center;
    justify-content: space-evenly;
    font-size: 14px;
    margin-top: -4px;
}

@media screen and (max-width: 550px) {
	.booking-mobile-filters-info { display: flex; }
}

.filter-panel-booking:not(.filter-panel-booking.filter-panel-booking-sm) .booking-mobile-filters-info { display: none; }

.booking-mobile-filters-info .fa { margin-right: 5px; }

@media screen and (min-width: 768px) {
	.booking-search-btn {
	    position: relative;
	    top: 12px;
	}
}

.travel-search-items {
    display: flex;
    gap: 20px;
	padding: 10px 0;
}

.travel-search-item {
	color: #444;
	background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgb(74 74 74 / 30%), 0 2px 6px 2px rgb(60 64 67 / 0%);
    max-width: 25%;
    width: 25%;
    transition: all .15s ease-in;
    overflow: hidden;
}
@media only screen and (max-width: 768px) {
	.travel-search-items {
    	overflow-x: auto;
    }
	.travel-search-item {
		min-width: 200px;
	}
}
.travel-search-item:hover {
	opacity: 0.9;
	transform: translateY(-2px);
	box-shadow: 0 1px 2px 0 rgb(74 74 74 / 60%), 0 2px 6px 2px rgb(60 64 67 / 0%);
    animation-play-state: paused;
}

.travel-search-item-inner {
    display: flex;
    align-items: center;	
}

.ts-icon-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.travel-search-item .ts-icon {
    width: 30px;
    height: 30px;
    color: #777;
}

@media only screen and (min-width: 768px) {
	.travel-search-item .main-icon {
		transition: all .13s ease-in;
		transform: translateY(0px);
	    opacity: 1;
	}
	
	.travel-search-item:hover .main-icon {
		transform: translateY(40px);
	    opacity: 0;
	}
	
	.travel-search-item .delete-icon {
	    position: absolute;
		transition: all .13s ease-in;
		transform: translateY(-40px);
	    opacity: 0;
	}
	
	.travel-search-item:hover .delete-icon {
	    transform: translateY(0);
	    opacity: 1;
	}
}

@media only screen and (max-width: 768px) {
	.travel-search-item .main-icon {
		display: none;
	}
}
.travel-search-item-data {
    margin-left: 10px;
}
.travel-search-item-title {
    font-size: 15px;
    font-weight: 500;
}
.travel-search-item-date {
    font-weight: 500;
    opacity: 0.6;
}
.travel-search-item-persons {
    font-size: 11px;
    opacity: 0.6;
}

.featured-destination-label {
    padding: 0 4px;
    color: #999;
}

.featured-destination-wrapper {
    margin-bottom: 4px;
}

.featured-destination-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-size: 13px;
}

li.featured-destination {
    padding: 5px;
}

li.featured-destination a {
    display: block;
    background: #88b737;
    color: #fff;
    padding: 5px 12px;
    border-radius: 50px;
}

.travel-destination-items {
    display: flex;
    gap: 15px;
    padding: 10px 0;
    width: 100%;
    z-index: 1;
    /* background: #ffffff6e; */
    /* padding: 15px; */
    border-radius: 8px;
    overflow-x: scroll;
	scroll-snap-type: x mandatory;
}

.travel-destination-wrapper {
	position: relative;
}

.travel-destination-wrapper .destination-scroll-btn {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 50px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 2px solid #00000012;
    outline: none;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 3px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    z-index: 111;
    background: #fff;
}

.travel-destination-wrapper .destination-next {
    right: 0;
}
.travel-destination-wrapper .destination-prev {
    left: 0;
}

.destination-next:before {
    content: "\f105";
}

.destination-next:before {
    padding-left: 2px;
}

.destination-prev:before {
    content: "\f104";
}

.destination-prev:before {
    padding-right: 2px;
}

.destination-prev:hover, .destination-prev:focus, .destination-next:hover, .destination-next:focus {
    color: transparent;
    outline: none;
    background-color: rgba(255, 255, 255, 0.8);
}

.destination-prev:before, .destination-next:before {
    font-family: 'FontAwesome';
    font-size: 20px;
    line-height: 1;
    opacity: .7;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 768px) {	
	.travel-destination-wrapper {
		margin-top: -15px;
		margin-left: -25px;
    	margin-right: -25px;
    	padding: 0 25px;
	    overflow: hidden;
	}
	.travel-destination-items {
		position: relative;
	    top: 15px;
    }
}

.travel-destination-item {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 17px;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgb(74 74 74 / 30%), 0 2px 6px 2px rgb(60 64 67 / 0%);
	max-width: 40%;
	width: 40%;
	transition: all .15s ease-in;
	overflow: hidden;
	height: 130px;
	background-image: var(--background);
	background-position: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	flex-shrink: 0;
	scroll-snap-align: start;
}

.travel-destination-flag {
	object-fit: cover;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 2px;
}

.travel-destination-item:hover {
	opacity: 0.9;
	transform: translateY(-2px);
	box-shadow: 0 1px 2px 0 rgb(74 74 74 / 60%), 0 2px 6px 2px rgb(60 64 67 / 0%);
    animation-play-state: paused;
}

.travel-destination-item-inner {
    display: flex;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 5px;
    background: #000000a1;
    padding: 5px 18px;
}

.travel-destination-item-data {
	display: flex;
    align-items: center;
    margin-left: 10px;
    color: #fff;
}
.travel-destination-item-title {
    font-size: 21px;
    font-weight: 500;
}
.travel-destination-item-label {
    font-weight: 500;
}

.travel-destination-cta-icon-btn {
    width: 30px;
    height: 30px;
    color: #fff;
    background: #88b737;
    margin-left: 16px;
    flex-shrink: 0;
}

.destination-page-title {
	text-align: center;
	font-size: 29px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    padding: 20px 0;
    color: #363636;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 768px) {
	.travel-destination-items {
    	overflow-x: auto;
    }
	.travel-destination-item {
		min-width: 200px;
	}
	.travel-destination-item-title {
	    font-size: 16px;
    	line-height: 1.1rem;
    }
	.travel-destination-item-label {
	    line-height: 1rem;
	    font-size: 12px;
	}
	.travel-destination-item-data {
    	margin-left: 0;
	}
}

.destinations .root-destination-item h3 a {
    color: #88b737 !important;
    font-size: 24px;
}

.destination-list-wrapper { 
	padding: 20px 0;
}

.destination-list-children-wrapper > .destination-list-children-wrapper {
   margin-left: 10px;
}

.item-wrapper-0 > a {
    display: block;
    font-size: 17px;
    margin-left: 10px;
    padding: 4px 0;
}

.destinations a {
    color: #88b737 !important;
    margin-right: 10px;
    transition: all 0.2s ease;
    font-size: 15px;
}

.destinations a:hover {
    transform: translateY(-2px);
}

.destinations .item-wrapper-1 > .destination-item {
    /*font-weight: bold;*/
    font-size: 14px;
    border-bottom: 1px dotted #88b737;
}

.item-wrapper-1, 
.item-wrapper-2,
.item-wrapper-3 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
 }
 
.item-wrapper-0 .item-wrapper-1 {
    margin-left: 50px;
    padding: 10px 0;
    border-bottom: 3px solid #ddd;
    margin-bottom: 10px
}
    
.destinations .root-destination-item {
    margin-bottom: 20px;
}

.destination-item.destination-city { font-weight: normal !important; }

a.destination-item.destination-country { display: inline-flex !important; align-items: center; margin-top: 20px; font-size: 18px;}

.destination-flag {
    display: inline-block; width: 30px; height: 30px; object-fit: cover; margin-right: 10px; border-radius: 4px;
}

.popular-destinations-panel {
    margin-top: 20px;
    background: #f4f4f4;
    padding: 25px 20px;
    border-radius: 10px;
}

.destination-container { background: #fff; }

.destination-container .destination-page-title { text-align: left; }

.category-tags,
.destination-tags { margin: 10px 0 30px 0; }

.category-tag-btn-pill {
   	display: inline-block;
    padding: 4px 10px;
    border: 1px solid #88b737;
    border-radius: 6px;
    font-size: 12px;
    background: #fff;
    color: #88b737;
    transition: transform .15s ease-in;
    margin-right: 4px;
    margin-top: 10px;
}

.category-tag-btn-pill:hover {
    transform: translateY(-2px);
}

.material-symbols-outlindestination-page-titleed:before { display:none; }

.filter-panel .material-symbols-outlined {
    vertical-align: middle;
    margin: 4px 4px 4px 0;
    max-width: 24px;
    max-height: 24px;
    overflow: hidden;
}

.filter-panel input {
    accent-color: #709a27;
}

.filter-panel .filter-label,
.filter-panel-mobile .filter-label {
	display: flex;
    align-items: center;
    margin-bottom: 5px;
    line-height: 1;
}
.filter-panel-mobile .filter-label {
    font-weight: 500;
    font-size: 15px;
}

.filter .filter-label .filter-i {
	display: inline-flex;
    align-items: center;
    justify-content: center;
	height: 26px;
	margin: 0;
    margin-right: 5px;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

.filter .filter-i svg {
	height: 100%;
    width: 100%;
}

.price-tooltip {
    margin-left: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 3px;
    font-size: 22px;
}

/*responsive fixes*/
@media only screen and (max-width: 1024px) {
	.tabs-panel-nav li a {
	    font-size: 13px;
	}
}


@media only screen and (max-width: 992px) {
	.fixed-ratio {
	    display: block;
	    position: relative;
	    height: 0;
	    /*overflow: hidden;*/
	}
	
	.fixed-ratio-content {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    max-width: inherit;
	}
	
	.fixed-ratio-65by33 {
	    /* ratio: 100% / (780 / 396) = */
	    padding-bottom: 50.77%;
	}
}
/*end responsive fixes*/

.additional-payment-note {
	display: block;
    position: relative;
	top: 1px;
    font-size: 11px;
    color: #ff9800;
}
@media only screen and (min-width: 1024px) {
	.additional-payment-note {
	    margin-left: 15px;
	}
}

.pswp__logo-img {
	display: inline-block;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 8px);
	text-align: center;
	z-index: 111;
}
.pswp__logo-img img {
	width: 100%;
	max-width: 205px;
}

@media only screen and (max-width: 560px) {
	.pswp__logo-img {
		max-width: 120px;
		transform: translate(-50%, 14px);
	}
}

.offer .location-label {
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 768px) {
	.offer .location-label {
		justify-content: center;
		position: relative;
    	left: -13px;
	}
}
.offer .location-label span { color: #666; }
.offer .location-label svg { color: #88b737; width: 15px; margin-right: 3px; }

.travel-search-result-label {
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 15px;
    margin: 10px;
    color: #888;
}

@media only screen and (max-width: 560px) {
	.travel-search-result-label { font-size: 13px; }
	.travel-search-result-label svg { display: none; }
}


.offer-list {
    margin-top: 20px;
	background: #fff;
}

.offer-list-head {
	color: #88b737;
    font-size: 24px;
    padding: 15px 10px;
}

.offer-list-item {
    border-radius: 6px;
    margin-bottom: 10px;
    background: #f2f2f2;
}

.offer-list-item a {
    display: flex;
    gap: 15px;
    padding: 15px;
    transition: transform .1s ease-in;
}

.offer-list-item img {
    max-width: max-content;
    height: 80px;
    object-fit: cover;
    border-radius: 5px;
    outline: 2px solid #fff;
}

.offer-list-description-item {
    display: flex;
    flex-shrink: 0;
    align-items: center;
}

.offer-list-description-item svg {
    width: 28px;
    margin-right: 4px;
    background: #f5f5f5;
    padding: 4px;
    border-radius: 5px;
}

.offer-list-description {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}

.offer-list-details {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.offer-list-img {
    display: flex;
}

.offer-list-title h4 {
    color: #222;
    font-size: 17px;
    font-weight: 400;
}

.offer-list-main {
    display: flex;
    gap: 15px;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 15px;
}
.offer-list-title p {
    color: #444;
    font-size: 14px;
}

.offer-list-item .reduced-price {
    color: #88b737;
    font-size: 18px;
    font-weight: 400;
    vertical-align: middle;
    white-space: nowrap;
}

.offer-list-price {
    display: flex;
    align-items: center;
    gap: 15px;
    /*padding-top: 15px;*/
}

.offer-list-price.offer-list-price-m {
	display: none;
}

.offer-list-price .pp-button5 {
	display: inline-block;
	width: auto;
	min-width: 100px;
}

.offer-list-amenities.offer-list-amenities-m {
	display: none;
}

.amenity {
    color: #666;
    display: inline-block;
    padding: 1px 2px;
    margin-right: 10px;
    border-bottom: 1px solid #dedede;
}

.amenity i.fa {
    color: #88b737;
}

.offer-list-item a:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

.offer-list-terms {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 4px;
}

.offer-term {
    font-size: 11px;
    flex-shrink: 0;
    margin-right: 14px;
    margin-top: 5px;
    color: #222;
    font-weight: 500;
}

@media only screen and (max-width: 768px) {
	
	.offer-list-img {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    flex-wrap: wrap;
	}

	.offer-list-item a {
	    flex-direction: column;
	}
	
	.offer-list-main {
		flex-direction: row;
	}
	
	.offer-list-price.offer-list-price-m {
		display: flex;
		flex-direction: column;
	}

	.offer-list-price.offer-list-price-d {
		display: none;
	}	
	
	.offer-list-amenities.offer-list-amenities-d { display: none; }
	
	.offer-list-amenities.offer-list-amenities-m {
		display: inline-block;
		margin-top: 10px;
	}
	
	.offer-list-description { flex-wrap: wrap; }
}

@media only screen and (max-width: 400px) {
	.offer-list-description, .offer-list-img { gap: 10px; }
}

.cookies-consent-panel {
    display: none;
    position: fixed;
    right: 0;
    left: 0;
    top: 50%;
    width: 100%;
    margin: 0 auto;
	transform: translateY(-50%);
    max-width: 550px;
    background: #f2f2f2;
    color: #222;
    z-index: 9999;
    border-right: 1px solid #d8d8d8;
    box-shadow: 3px 5px 20px 0 rgba(0, 0, 0, .5);
    border-radius: 3px;
}

.cookies-consent-panel .consent-content {
    font-size: 16px;
    padding: 20px;
}

.cookies-consent-panel .constent-title {
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 10px;
}

.cookies-consent-panel .consent-cookie-settings {
	display: none;
	margin-bottom: 10px;
}

.cookies-consent-panel .consent-description {
	font-size: 14px;
}

.cookies-consent-panel .link {
	text-decoration: underline;
	color: unset !important;
}

.cookies-consent-panel .constent-footer {
	margin-top: 30px;
	display: flex;
	gap: 15px;
}

@media only screen and (max-width: 390px) {
	.cookies-consent-panel .constent-footer {
	    /*flex-direction: column;*/
    	align-items: center;
    	gap: 4px;	
	}

	.cookies-consent-panel .pp-button5 {
		font-size: 12px!important;
	}
}
@media only screen and (max-width: 320px) {
	.cookies-consent-panel .consent-content {
		padding: 20px 10px;
	}
}

.cookies-consent-panel .pp-button5 {
	font-weight: 500;
	font-size: 14px;
	box-shadow: unset !important;
}

.cookie-consents-panel-btn {
	position: fixed;
    appearance: none;
    border: none;
    bottom: 17px;
    right: 20px;
    width: 40px;
    height: 40px;
    z-index: 9998;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    border-radius: 100%;
    color: #6b6b6b;
    background: #fafafacf;
}

.consent-cookie-settings li {
    padding: 6px 0px;
    border-bottom: 1px solid #ddd;
}

.consent-cookie-settings li .cookie-w {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.cookie-description {
	color: #444;
	font-size: 13px;
    margin: auto 33px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
}

.cookie-description.show {
	max-height: 100px;
}

.cookie-info-i svg { width: 100%; height: 100%; }

.cookie-info-i {
	display: inline-block;
	line-height: 0;
    width: 22px;
	cursor: pointer;
}

.consent-cookie-settings input[type="checkbox"] {
    position: relative;
	top: 3px;
    width: 1.1em;
    height: 1.1em;
    margin-right: 0.65rem;
    line-height: 0;
    accent-color: #75a02b00;
}

#cookieAcceptSelectedBtn { display: none; }

@media only screen and (max-width: 768px) {
	.cookies-consent-panel {
		border-radius: 0;
	    border-right: 0;
	    border-bottom: 1px solid #d8d8d8;
    }
}
.input-cb-label {
	display: flex;
	gap: 5px;
	padding-left: 20px;
}
.input-cb-label input {
	align-self: self-start;
}
.input-cb-label + .error-message {
	display: block;
    margin-left: 45px;
    padding-bottom: 5px;
}