/*
#903961
#5e5950
#264653
#e1ded7 - tabovi bg
#8a8377 - tabovi inactive font
#d2cec5 - tabovi border
#061526
#903961
#81a4ca
#ffffff
#e7711b

#bb7e38
#cd9759
#002663
#003666
#004b79
#f47721
#f48924
#ffb310
#fbb034
#ffc845
#ffdd00
*/
@font-face {
	font-family: 'Quattrocento', serif;
	font-display: auto;
	font-style: normal;
	font-weight: 400;
	src: local('Quattrocento'), url(fonts/Quattrocento-Regular.woff2) format('woff2'), url(fonts/Quattrocento-Regular.woff) format('woff'), url(fonts/Quattrocento-Regular.ttf) format('truetype'), url(fonts/Quattrocento-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/Quattrocento-Regular.svg#QuattrocentoRegular) format('svg');
}
@font-face {
	font-family: 'Roboto', sans-serif;
	font-display: auto;
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'), url(fonts/Roboto-Regular.woff2) format('woff2'), url(fonts/Roboto-Regular.woff) format('woff'), url(fonts/Roboto-Regular.ttf) format('truetype'), url(fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/Roboto-Regular.svg#RobotoRegular) format('svg');
}
html {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}
/*body,
html {
  width: 100%;
  height: 100%;
}*/

body {
	color: #4d5055;
	background-color: #fff;
	font-weight: 400;
    font-size: 14px;
	font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}
hr {
	max-width: 50px;
	border-width: 1px;
	border-color: #903961;
}
.zlatna {
	color: #903961;
}
.plava {
	color: #4995a0;
}
hr.light {
	border-color: #fff;
}
hr.cta-hr {
	border-color: #fff;
	border-width: 3px;
	max-width: 40%;
}
section.masthead hr {
	margin-top: 15px;
	margin-bottom: 30px;
}
a {
	color: #903961;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
a:hover {
	color: #903961;
}
.narancasta {
	color: #eba600;
}
.silver {
	color: #dcdcdc;
}
h1, h2, h3, h4, h5  {
	font-family: 'Quattrocento', 'Helvetica Neue', Arial, serif;
}
h6 {
	font-weight: 400;
	font-size: 14px;
}
.table-responsive {
    display: table;
}
.table thead:nth-of-type(2) th {
    border-bottom: 1px solid #efefef;
}
.guest-info-table {
    display: table;
}
.table.guest-info-table td,
.table.guest-info-table th {
    padding: .6rem .75rem;
    border: none;
}
.table.guest-info-table .thead-light th {
    background-color: transparent;
	padding: 5px .75rem;
}

@media only screen and (max-width: 780px) {

	.padtoper {
    padding-top: 0 !important;

}

.table-responsive {
    display: block;
}
.basket-content .table-responsive {
    overflow: visible;
}
}
@media only screen and (min-width: 1440px) {
h6 {
	font-size: 16px;
}
}
h1.main-title {
	margin-top: 25px;
	text-transform: uppercase;
	color: #264653;
	margin-bottom: 0.4rem !important;
    margin-top: 0.2rem !important;
}
.navbar-brand {
    margin-left: 3px;
}
.cc-link {
    opacity: 1 !important;
	color: #4995a0 !important;
	text-decoration: none !important;
	font-weight: 500 !important;
}
.cc-link:hover {
	text-decoration: underline !important;
}
.results {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 300;
}
.text-muted {
    padding-left: 3px;
}
.card .text-muted {
    color: #264653 !important;
}
.py-sekcija h5 {
	font-family: 'Roboto', sans-serif;
}
.tab-content h5 {
	margin-top: 5px;
}
.availability {
	margin-top: 30px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.availability h5 {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
}
.availability span {
	margin-left: 40px;
	line-height: 22px;
}
.availability .available:before,
.availability .unavailable:before,
.availability .optional:before,
.availability .unknown:before {
	display: inline-block;
	content:"";
	height: 20px;
  	width: 20px;
	margin-right: 5px;
	float: left;
}
.availability .available:before {
  	background-color: #55a903;
	border: 1px solid #55a903;
}
.availability .unavailable:before {
  	background-color: #bb0303;
	border: 1px solid #bb0303;
}
.availability .unavailable.half:before {
  	background-color: #bb0303;
	border: 1px solid #bb0303;
}
.availability .optional:before {
  	background-color: #f2dcb2;
	border: 1px solid #f2dcb2;
}
.availability .unknown:before {
  	background-color: #fff;
	border: 1px solid #dbd5cc;
}

@media only screen and (max-width: 768px) {
.availability {
    justify-content: flex-start;
    flex-wrap: wrap;
}
.availability h5 {
    margin-bottom: 20px;
    display: block;
    width: 100%;
}
.availability span {
	margin-left: 0;
    margin-right: 20px;
}
}

.zaglavlje-vrh {
	background-color: #4995a0;
	padding: 4px 0;
	height: 35px;
}
ul.gornji-meni {
	padding: 0 10px 0 0;
	margin: 0;
	list-style: none;
	float: left;
}
.gornji-meni > li {
	line-height: 25px;
	margin-right: 3px;
	font-size: 14px;
	float: left;
	position: relative;
}
/*.gornji-meni li:last-child{margin-}*/
.gornji-meni a {
	text-transform: uppercase;
	color: #5e5950;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	text-decoration: none;
	padding: 5px 5px 6px 5px;
	border-bottom: 3px solid transparent;
}
.gornji-meni a:hover {
	color: #903961;
	border-bottom: 3px solid #903961;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.gornji-meni a.active {
	color: #ffffff;
	border-bottom: 3px solid #903961;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.gornji-meni a.active:hover {
	color: #fff;
	border-bottom: 3px solid #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
select.padajuci {
	background: transparent;
	border-right: 0px;
	color: #903961;
	border-bottom: none;
	margin: -6px 0 0 0;
}
.zaglavlje-vrh select.padajuci {
    padding-left: 17px;
}
.zaglavlje-vrh select.padajuci option {
    background-color: #061526;
	border: none;
	outline: none;
}
.okrugli {
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
ul.gornji-meni-desno {
	padding: 0;
	margin: 0;
	list-style: none;
	float: right;
}
.gornji-meni-desno > li {
	line-height: 25px;
	margin-right: 15px;
	margin-left: 15px;
	font-size: 14px;
	float: left;
	position: relative;
}
.gornji-meni-desno li:first-child {
}
.gornji-meni-desno a {
	color: #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	text-decoration: none;
}
.gornji-meni-desno a:hover {
	color: #fff;
}
/*
35
210x80
*/

.navbar-toggler {
    border-radius: 0;
}
#myHeader {
	background: #ffffff;
	height: 80px;
	padding-left: 0;
	padding-right: 0;
}
/*.listing #myHeader {
	height: 150px;
	align-items: flex-start;
	padding-top: 13px;
}*/
.nav-link {
    display: block;
    padding: .3rem 1rem;
}
#myHeader .dropdown-toggle:after {
    display: none;
}
.navbar-nav li a.nav-link {
	color: #264653;
	border-bottom: 3px solid transparent;
	font-weight: 400;
	font-size: 18px;
}
.navbar-nav li a.nav-link:hover,
.navbar-nav li a.nav-link:focus {
	color: #903961;
}
.navbar-nav li {
	 padding: 1px 8px 0px 8px;
}
.navbar-nav li ul.dropdown-menu li a.nav-link.active {
	color: #fff;
}
.navbar-nav li ul.dropdown-menu li a.nav-link.active:hover {
}
#myHeader .navbar-nav > li.nav-item > a.nav-link.active:hover, #myHeader .navbar-nav > li.nav-item > a.nav-link:focus.active:hover {
	color: #903961;
}
#myHeader.navbar-shrink .navbar-nav>li.nav-item>a.nav-link.active, #myHeader.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus.active {
	color: #fff;
}
#myHeader .navbar-nav>li.nav-item>a.nav-link.active, #myHeader .navbar-nav>li.nav-item>a.nav-link:focus.active {
	color: #903961;
	font-weight: bold;
	/* border-bottom: 3px solid #fff; */
}
.navbar-toggler {
	cursor: pointer;
}
#myHeader .navbar-toggler {
	font-size: 12px;
	right: 0;
	padding: 13px;
	text-transform: uppercase;
	color: #fff;
	border: 0;
	background-color: #903961;
}
#myHeader .navbar-toggler:hover {
	background-color: #fff !important;
	border-color: #fff !important;
	color: #903961;
}
#myHeader .navbar-toggler:active {
	color: #903961;
	background-color: #fff!important;
	border-color: #903961!important;
}
#myHeader .navbar-toggler:focus, #myHeader .navbar-toggler:active {
	outline: thin dotted;
}
.fll {
	float: left;
}
.flr {
	float: right;
	padding-left: 4px
}
#myHeader .navbar-toggler {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.bottom-bar, .middle-bar, .top-bar {
	transition: all .2s;
}
.navbar .navbar-toggler-bar {
	display: block;
	position: relative;
	width: 15px;
	height: 1px;
	border-radius: 1px;
	background: #fff;
	transition: all 0.2s;
}
.navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar {
	background: #888;
}
.navbar .navbar-toggler-bar + .navbar-toggler-bar {
	margin-top: 4px;
}
.navbar .navbar-toggler .navbar-toggler-bar.middle-bar {
	width: 18px;
}
.navbar .navbar-toggler:hover .navbar-toggler-bar.middle-bar {
	width: 18px;
}
.navbar-toggler .top-bar {
	transform: rotate(45deg);
	transform-origin: 10% 10%;
	width: 18px;
	transition: all 0.2s;
}
.navbar-toggler .middle-bar {
	opacity: 0;
}
.navbar-toggler .bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
	width: 18px;
	transition: all 0.2s;
}
.navbar-toggler.collapsed .top-bar {
	transform: rotate(0);
}
.navbar-toggler.collapsed .middle-bar {
	opacity: 1;
}
.navbar-toggler.collapsed .bottom-bar {
	transform: rotate(0);
}
#myHeader .navbar-toggler:hover .top-bar, #myHeader .navbar-toggler:hover .middle-bar, #myHeader .navbar-toggler:hover .bottom-bar {
	background: #903961;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.show > .dropdown-menu {
	display: block;
}
.navbar-nav > li > .dropdown-menu {
	margin-top: 0; /*.125rem*/
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	 background: #4995a0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-box-shadow: none;
	border: none;
}
#myHeader .dropdown-menu {
	padding-bottom: 10px;
    padding-top: 15px;
}
#myHeader .dropdown-item:first-child,
#myHeader .dropdown-item:last-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
#myHeader .dropdown-item {
    padding: .25rem 1.15rem;
    font-weight: 400;
    color: #fff;
    background-color: transparent;
	font-size: 14px;
}
#myHeader .dropdown-item:hover {
    color: #264653;
}
.dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #000;
	white-space: nowrap;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #903961;
}
.dropdown, .dropup {
	position: relative;
}
.navbar-nav > .show > a, .navbar-nav > .show > a:focus, .navbar-nav > .show > a:hover {
	color: #fff;
	background-color: #903961;
}
.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}
.dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #000;
	white-space: nowrap;
}
.dropdown-item {
	color: #903961;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #fff;
	text-decoration: none;
	background-color: #903961;
}
.navbar-nav .show .dropdown-menu > li > a:hover {
	color: #fff
}
.sticky {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	border-bottom: 1px solid rgba(33, 37, 41, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}
.padnula {
	padding: 0px;
	margin: 0px;
}
.lokacije .padnula {
	overflow: hidden;
}
.sticky+.sadrzaj {
	margin-top: 80px;
}
 @media screen and (min-width: 992px) {
 li.dropdown:hover > .dropdown-menu, li.dropdown:focus-within > .dropdown-menu {
 display: block;
}

.container.mobile {
    display: none;
}

section.zaglavlje-vrh-mobile {
    display: none;
}

.contact-wrapper-mobile.row {
    display: none;
}


}
 @media screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-nav .show .dropdown-menu .dropdown-header, .navbar-nav .show .dropdown-menu > li > a {
	padding: 5px 15px 5px 25px;
}
.navbar-nav .show .dropdown-menu > li > a {
	line-height: 20px;
}
.navbar-nav .show .dropdown-menu > li > a {
	color: #000;
}
}
.navbar-nav li ul.dropdown-menu li a.nav-link {
	font-size: 18px;
	text-transform: none;
	padding: 10px 20px;
	color: #dddddd
}
.navbar-nav li ul.dropdown-menu li a.nav-link:hover, .navbar-nav li ul.dropdown-menu li a.nav-link:focus {
	color: #fff;
}
.searchbar-wrapper {
	background-color: #fff;
	padding-bottom: 20px;
}
.searchbar-wrapper .row {
	align-items: center;
}
.booking-form-wrapper {
    display: block !important;
}
.booking-form .searchbar,
.searchbar-wrapper .searchbar {
	background-color: #fff;
	height: 52px;
	border-radius: 54px;
	display: flex;
	align-items: center;
	border: 1px solid;
	justify-content: space-between;
	float: none;
  width: 85%;
  margin: 0 auto;
}
.booking-form .form-control,
.booking-form button,
.searchbar-wrapper .form-control,
.searchbar-wrapper button {
	height: 52px;
}
.booking-form .form-control,
.searchbar-wrapper .form-control {
	display: inline-block;
	width: auto;
	font-size: 17px;
	color: #264653;
	background: transparent;
	border: none;
	padding: .375rem 10px;
}
.searchbar-wrapper .searchbar ::placeholder,
.booking-form-wrapper .searchbar ::placeholder {
  color: #264653;
  opacity: 1;
}
.searchbar-wrapper .searchbar :-ms-input-placeholder,
.booking-form-wrapper .searchbar :-ms-input-placeholder {
  color: #264653;
}
.searchbar-wrapper .searchbar :focus::placeholder,
.booking-form-wrapper .searchbar :focus::placeholder {
  text-indent: -999px;
}
.searchbar-wrapper .searchbar :focus:-ms-input-placeholder,
.booking-form-wrapper .searchbar :focus:-ms-input-placeholder {
  text-indent: -999px;
}
.booking-filter {
	margin-top: 31px;
}
.booking-filter .date_range_picker .calendar  {
	left: auto;
    right: -1px;
}
.date_range_picker .calendar .container {
    padding-right: 0;
    padding-left: 0;
	left: -264px;
	max-width: 960px !important;
}
.date_range_picker {
    display: inline-block;
	width: 100%;
}
.date_range_picker .calendar table caption {
    padding-top: 0;
    padding-bottom: 0;
    color: #6c757d;
    text-align: center;
    caption-side: top;
	font-size: 16px;
	font-weight: 400;
	color: #903961;
}
.date_range_picker .values .value,
.date_range_picker .values .to,
.date_range_picker .values .clear {
    margin-right: 5px;
}
.date_range_picker .values {
    box-shadow: none;
	padding: 15px 10px;
}
.date_range_picker .values .to {
    width: 20px;
    height: 13px;
    padding-top: 24px;
    background-size: 20px 13px;
    opacity: 0.5;
}
.date_range_picker .values .clear {
    width: 12px;
    height: 12px;
    margin-top: 6px;
	margin-right: 0;
	margin-left: 10px;
}
.date_range_picker.active .values {
    box-shadow: none;
	padding: 15px 10px;
}
.date_range_picker.active .calendar {
    border-top: 1px solid #903961;
	height: 300px;
	width: 565px;
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,.1);
}
.date_range_picker .calendar table th {
    font-size: 12px;
}
.date_range_picker .calendar td {
    width: 32px;
    height: 31px;
    font-size: 13px;
    line-height: 29px;
}
.date_range_picker .values .value span {
    cursor: pointer;
    font-size: 17px;
    color: #264653;
}
.date_range_picker .calendar .button {
    border-radius: 0;
}
.date_range_picker .calendar td.valid.start,
.date_range_picker .calendar td.valid.end {
    background: #903961;
    border: 1px double #903961;
    color: #fff;
}
.date_range_picker .calendar td.valid.start:hover,
.date_range_picker .calendar td.valid.end:hover,
.date_range_picker .calendar td.valid.intermediate:hover,
.date_range_picker .calendar td.valid.intermediate-hover:hover,
.date_range_picker .calendar td.valid.hovered:hover {
    color: #4d5055;
}
.date_range_picker .calendar td.valid.intermediate,
.date_range_picker .calendar td.valid.intermediate-hover,
.date_range_picker .calendar td.valid.hovered {
    background: #bfbfbf;
    border: 1px double #bfbfbf;
    color: #fff;
}
.date_range_picker .calendar td.valid:hover {
    background: #e5e5e5;
}
.booking-form button,
.searchbar-wrapper button {
	border-radius: 0 54px 54px 0;
	margin-right: -3px;
	font-weight: 500;
	font-size: 17px;
	text-transform: uppercase;
	padding-left: 30px;
    padding-right: 30px;
}
.booking-form .destination,
.searchbar-wrapper .destination {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 17px;
	width: 33%;
}
.booking-form .date,
.searchbar-wrapper .date {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-right: 15px;
}
.booking-form .guests,
.searchbar-wrapper .guests {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-width: 100px;
}

.date_range_picker .values {
    min-width: 220px;
		text-align: left;
}

.booking-form i,
.searchbar-wrapper i {
	font-size: 26px;
	color: #903961;
}
.booking-form .date i,
.searchbar-wrapper .date i {
  	font-size: 21px;
	padding-bottom: 2px;
}
.booking-form .guests i,
.searchbar-wrapper .guests i {
  	font-size: 20px;
}
.booking-form .favorites,
.searchbar-wrapper .favorites {
	text-align: right;
	padding-right: 27px;
}
.booking-form .favorites a,
.searchbar-wrapper .favorites a {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #903961;
	display: inline-block;
}
/* .searchbar-wrapper .favorites a {
	border-bottom: 1px solid #264653;
} */
.booking-form .favorites a:first-of-type,
.searchbar-wrapper .favorites a:first-of-type {
	margin-right: 30px;
}
.booking-form .favorites a i,
.searchbar-wrapper .favorites a i {
	font-size: 19px;
	margin-right: 9px;
	color: #fff;
	-moz-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.booking-form .favorites a:hover,
.searchbar-wrapper .favorites a:hover,
.booking-form .favorites a:hover i,
.searchbar-wrapper .favorites a:hover i {
	color: #903961;
	text-decoration: none;
}
.searchbar-wrapper .favorites a.active i {
	color: #903961;
}
.searchbar-wrapper .favorites a.active {
	color: #903961;
	border-bottom: 3px solid #903961;
}
.favorites .badge {
    display: inline-block;
    padding: .3em .4em .2em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .15rem;
	background-color: #e64747;
	color: #fff;
	margin-top: -5px;
	margin-left: 2px;
	float: right;
}
.booking-form .btn.dropdown-toggle,
.booking-form .btn.dropdown-toggle:active,
.searchbar-wrapper .btn.dropdown-toggle,
.searchbar-wrapper .btn.dropdown-toggle:active,
.modal-body .btn.dropdown-toggle,
.modal-body .btn.dropdown-toggle:active {
	font-size: 17px;
    color: #264653;
	font-weight: 400;
    background-color: transparent;
    border: none;
	padding-left: 10px;
    padding-right: 0px;
	text-transform: none;
	border-radius: 0;
	outline: none !important;
	box-shadow: none !important;
}
.booking-form .btn.dropdown-toggle:focus,
.searchbar-wrapper .btn.dropdown-toggle:focus,
.modal-body .btn.dropdown-toggle:focus {
	box-shadow: none !important;
	outline: none !important;
}
.booking-form .dropdown-menu,
.searchbar-wrapper .dropdown-menu,
.modal-body .dropdown-menu,
.booking-filter .dropdown-menu {
    margin: 1px 0 0 0;
    font-size: 17px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,.1);
	padding: 20px;
	width: 170px;
}
.booking-form .dropdown-toggle::after,
.searchbar-wrapper .dropdown-toggle::after,
.modal-body .dropdown-toggle::after,
.booking-filter .dropdown-toggle::after {
    display: none;
}
.booking-form .dropdown-menu .form-control,
.searchbar-wrapper .dropdown-menu .form-control,
.modal-body .dropdown-menu .form-control,
.booking-filter .dropdown-menu .form-control {
    width: 40px;
	height: auto;
	padding: 0;
	border-top: 1px solid #e4e7e7;
	border-bottom: 1px solid #e4e7e7;
	font-size: 15px;
}
.booking-form .dropdown-menu .input-group
.searchbar-wrapper .dropdown-menu .input-group,
.modal-body .dropdown-menu .input-group,
.booking-filter .dropdown-menu .input-group {
	padding: 0;
	border-bottom: 0;
}
.booking-form .dropdown-menu span,
.searchbar-wrapper .dropdown-menu span,
.modal-body .dropdown-menu span,
.booking-filter .dropdown-menu span {
    display: block;
	font-size: 16px;
    font-weight: 400;
    color: #903961;
	margin-top: 3px;
	margin-bottom: 5px;
	margin-right: 10px;
}
.booking-form .dropdown-menu button,
.searchbar-wrapper .dropdown-menu button,
.modal-body .dropdown-menu button,
.booking-filter .dropdown-menu button {
    border-radius: 0;
    margin-right: 0;
    font-weight: 500;
    font-size: 17px;
    text-transform: none;
    padding-left: 0;
    padding-right: 0;
	height: 35px;
	width: 35px;
	border: 0;
	padding: 0;
    background-color: #4995a0;
	min-width: 0;
}
.booking-form .dropdown-menu button i,
.searchbar-wrapper .dropdown-menu button i,
.modal-body .dropdown-menu button i,
.booking-filter .dropdown-menu button i {
    font-size: 11px;
	font-weight: 300;
	color: #fff;
}
.booking-form .dropdown-menu .input-group-append,
.booking-form .dropdown-menu .input-group-prepend,
.searchbar-wrapper .dropdown-menu .input-group-append,
.searchbar-wrapper .dropdown-menu .input-group-prepend,
.modal-body .dropdown-menu .input-group-append,
.modal-body .dropdown-menu .input-group-prepend,
.booking-filter .dropdown-menu .input-group-append,
.booking-filter .dropdown-menu .input-group-prepend {
    margin-right: 0;
    display: inline-block;
}
.booking-form .dropdown-menu .children-number,
.searchbar-wrapper .dropdown-menu .children-number,
.modal-body .dropdown-menu .children-number,
.booking-filter .dropdown-menu .children-number {
    margin-top: 20px;
}
.booking-form .dropdown-menu .btn-outline:not(:disabled):not(.disabled):active,
.booking-form .dropdown-menu .btn-outline-secondary:not(:disabled):not(.disabled):active,
.searchbar-wrapper .dropdown-menu .btn-outline:not(:disabled):not(.disabled):active,
.searchbar-wrapper .dropdown-menu .btn-outline-secondary:not(:disabled):not(.disabled):active,
.modal-body .dropdown-menu .btn-outline:not(:disabled):not(.disabled):active,
.modal-body .dropdown-menu .btn-outline-secondary:not(:disabled):not(.disabled):active,
.booking-filter .dropdown-menu .btn-outline:not(:disabled):not(.disabled):active,
.booking-filter .dropdown-menu .btn-outline-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #903961;
    border-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #903961;
    border-color: #903961;
}
.booking-form .dropdown-menu .btn-outline:not(:disabled):not(.disabled).active:focus,
.booking-form .dropdown-menu .btn-outline:not(:disabled):not(.disabled):active:focus,
.booking-form .dropdown-menu .show>.btn-outline.dropdown-toggle:focus,
.searchbar-wrapper .dropdown-menu .btn-outline:not(:disabled):not(.disabled).active:focus,
.searchbar-wrapper .dropdown-menu .btn-outline:not(:disabled):not(.disabled):active:focus,
.searchbar-wrapper .dropdown-menu .show>.btn-outline.dropdown-toggle:focus,
.modal-body .dropdown-menu .btn-outline:not(:disabled):not(.disabled).active:focus,
.modal-body .dropdown-menu .btn-outline:not(:disabled):not(.disabled):active:focus,
.modal-body .dropdown-menu .show>.btn-outline.dropdown-toggle:focus,
.booking-filter .dropdown-menu .btn-outline:not(:disabled):not(.disabled).active:focus,
.booking-filter .dropdown-menu .btn-outline:not(:disabled):not(.disabled):active:focus,
.booking-filter .dropdown-menu .show>.btn-outline.dropdown-toggle:focus {
    box-shadow: none;
}
.booking-form .dropdown-menu .close-dropdown,
.searchbar-wrapper .dropdown-menu .close-dropdown,
.modal-body .dropdown-menu .close-dropdown,
.booking-filter .dropdown-menu .close-dropdown {
    margin-top: 15px;
	margin-bottom: -5px;
	text-align: center;
	font-size: 14px;
}
.booking-form .dropdown-menu .close-dropdown a,
.searchbar-wrapper .dropdown-menu .close-dropdown a,
.modal-body .dropdown-menu .close-dropdown a,
.booking-filter .dropdown-menu .close-dropdown a {
    color: #264653;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.booking-form .dropdown-menu .close-dropdown a:hover,
.searchbar-wrapper .dropdown-menu .close-dropdown a:hover,
.modal-body .dropdown-menu .close-dropdown a:hover,
.booking-filter .dropdown-menu .close-dropdown a:hover {
    text-decoration: none;
}
.booking-form .dropdown-menu .close-dropdown i,
.searchbar-wrapper .dropdown-menu .close-dropdown i,
.modal-body .dropdown-menu .close-dropdown i,
.booking-filter .dropdown-menu .close-dropdown i {
    font-size: 12px;
	margin-left: 4px;
	color: #264653;
}
.booking-form .dropdown-menu .close-dropdown span,
.searchbar-wrapper .dropdown-menu .close-dropdown span,
.modal-body .dropdown-menu .close-dropdown span,
.booking-filter .dropdown-menu .close-dropdown span {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #264653;
    margin-top: 0;
    margin-bottom: 0;
}
.booking-filter .guests {
    margin-bottom: 1rem;
}
.filter-wrapper {
	background-color: #efefef;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 20px;
	margin-left: 0;
}
.filter-wrapper .filter-row {
	align-items: center;
	min-height: 40px;
	position: relative;
	width: 100%;
}
.filter-wrapper .filter-heading {
	font-size: 16px;
	color: #903961;
	font-weight: 600;
	text-transform: uppercase;
}
.filter-wrapper .filter-map {
	font-size: 20px;
    color: #903961;
    background-color: #efefef;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -25px;
    width: 108px;
    padding-top: 9px;
    padding-left: 17px;
	border-right: 1px solid #fff;
}
.filter-wrapper .filter-map i:first-of-type {
	margin-right: 15px;
}
.filter-wrapper .filter-map input[type=checkbox] {
	display: none !important;
}
.filter-wrapper .filter-map input[type=checkbox] + label:before {
	font-family: FontAwesome;
	display: block;
	width: 22px;
	height: 22px;
	float: left;
}
.filter-wrapper .filter-map input[type=checkbox] + label {
	margin-left: 0;
	cursor: default;
}
.filter-wrapper .filter-map input[type=checkbox] + .label-map {
	margin-right: 28px;
}
.filter-wrapper .filter-map input[type=checkbox] + label.label-map:before {  /* unchecked icon */
	content: "\f279";
	cursor: pointer;
	opacity: 0.5;
	color: #903961;
}
.filter-wrapper .filter-map input[type=checkbox]:checked + label.label-map:before {  /* checked icon */
	content: "\f279";
	cursor: pointer;
	opacity: 1;
	color: #903961;
}
.filter-wrapper .filter-map input[type=checkbox] + label.label-update:before {  /* unchecked icon */
	content: "\f021";
	cursor: pointer;
	opacity: 0.5;
	color: #903961;
}
.filter-wrapper .filter-map input[type=checkbox]:checked + label.label-update:before {  /* checked icon */
	content: "\f021";
	cursor: pointer;
	opacity: 1;
	color: #903961;
}
.filter-wrapper .filter-map .custom-control-label::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-color: transparent;
    border: none;
	cursor: pointer;
}
.filter-wrapper .filter-map .custom-control-label::after {
    position: relative;
    top: 2px;
    left: 0;
    display: block;
    width: 22px;
    height: 22px;
	cursor: pointer;
}
.filter-wrapper .filter-map .custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #903961;
    background-color: transparent;
    border-color: none;
	outline: none;
	box-shadow: none;
}
.filter-delimiter {
    position: absolute;
    width: 1px;
    background-color: #fff;
    top: 0px;
    left: 54px;
    bottom: 0px;
}
.found-sort {
    margin-left: auto;
}
.filter-wrapper button,
.filter-wrapper button:focus {
	otline: none;
	box-shadow: none;
}
.filter-wrapper .dropdown-menu {
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,.1);
	padding: 20px;
}
.filter-wrapper .btn-group {
    margin-right: 3px;
}
.filter-wrapper .btn-group.first-group {

		margin-left: 7px;
    padding-left: 5px;
}
.filter-wrapper .btn-group .dropdown-toggle:after {
	content: "\f078";
	border: none;
	font-family: FontAwesome;
	font-size: 12px;
	position: absolute;
    top: 30%;
}

.btn-group.goto-id .dropdown-toggle:after {

    top: 12%;
}

@-moz-document url-prefix() {
	.filter-wrapper .btn-group .dropdown-toggle:after {
		top: 30%;
	}
}

.filter-wrapper .btn-group.show .dropdown-toggle:after {
	content: "\f077";
}
.filter-results-wrapper {
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 12px;
	padding-bottom: 6px;
    margin-left: 0.75%;
    width: calc(100% - 0.75%);
}
.filter-results-wrapper .row {
	align-items: center;
	width: 100%;
	margin-right: 0;
	margin-left: -8px;
}
.filter-results-wrapper .row .col-lg-8,
.filter-results-wrapper .row .col-lg-4 {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	align-items: center;
	padding-right: 0;
    padding-left: 0;
}


.filter-results-wrapper .alert {
	margin-bottom: 0;
	position: relative;
    padding: 5px 25px 5px 10px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0;
	margin: 0 5px;
}
.filter-results-wrapper .alert-primary {
    color: #212529;
    background-color: #efefef;
    border-color: #efefef;
	margin-top: 6px;
    margin-bottom: 0;
}
.filter-results-wrapper .alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px;
    color: inherit;
	text-shadow: none;
}
.filter-results-wrapper .alert-dismissible .close {
    position: absolute;
	color: #212529 !important;
    top: 2px;
    right: 4px;
    padding: 3px;
    color: inherit;
	text-shadow: none;
	font-size: 1.25rem;
    font-weight: 400;
}
.filter-results-wrapper .clear-filters {
	width: 36px;
    font-size: 17px;
    background-color: #efefef;
    text-align: center;
    height: 33px;
	margin-top: 6px;
    margin-left: 5px;
    padding-top: 4px;
}
.filter-results-wrapper .clear-filters i {
	color: #8a8377;
}
.filter-results-wrapper .clear-filters a:hover {
	text-decoration: none;
}
.filter-wrapper .dropdown-menu label span {
	font-size: 13px;
    color: #264653;
    font-weight: 300;
}

.filter-wrapper .per-night-days {
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.filter-wrapper .per-night-days span:nth-of-type(1) {
	margin-right: 5px;
}
.filter-wrapper .per-night-days span:nth-of-type(3) {
	margin-left: 5px;
}
/* .filter-wrapper .dropdown-price {
	min-width: 290px;
} */
.filter-wrapper .per-night-days strong a:hover {
	cursor: auto;
	text-decoration: none;
}
.filter-wrapper .per-night-days strong a {
	color: #903961;
}
.filter-wrapper .pricing-range:after {
	display: table;
	content: "";
	clear: both;
}
.filter-wrapper .pricing-range b {
	font-size: 13px;
	font-weight: 500;
	color: #55524d;
}
.filter-wrapper .pricing-range b:first-of-type {
	float: left;
}
.filter-wrapper .pricing-range b:nth-of-type(2) {
	float: right;
}
.filter-wrapper .btn.dropdown-toggle {
    padding: 6px;
}
.filter-wrapper .btn-group-vertical>.btn.active,
.filter-wrapper .btn-group-vertical>.btn:active,
.filter-wrapper .btn-group-vertical>.btn:focus,
.filter-wrapper .btn-group>.btn.active,
.filter-wrapper .btn-group>.btn:active,
.filter-wrapper .btn-group>.btn:focus {
    background-color: none;
	/* -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,.1); */
}
.filter-wrapper .sorting .btn-group>.btn:focus {
    background-color: transparent;
	-webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
}
.filter-wrapper .btn-outline-secondary {
    color: #6c757d;
    border: none;
	padding-left: 0;
}
.filter-wrapper .btn-outline-secondary:hover,
.filter-wrapper .btn-outline-secondary:not(:disabled):not(.disabled):active {
    color: #903961;
    background-color: transparent;
    border: none;
}
.filter-wrapper .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.filter-wrapper .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.filter-wrapper .show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: none;
}
/* .filter-wrapper .dropdown-stars {
	min-width: 180px;
} */
.filter-wrapper .dropdown-stars label,
.filter-wrapper .dropdown-accommodation-types label,
.filter-wrapper .dropdown-bedrooms label,
.filter-wrapper .dropdown-distances label,
.filter-wrapper .dropdown-extras label,
.filter-wrapper .dropdown-facilities label {
	font-size: 14px;
}
.filter-wrapper .dropdown-stars label em {
	margin-right: 2px;
}
/* .filter-wrapper .dropdown-accommodation-types {
	min-width: 199px;
}
.filter-wrapper .dropdown-bedrooms {
	min-width: 156px;
}
.filter-wrapper .dropdown-distances {
	min-width: 200px;
} */
.filter-wrapper .dropdown-subtitle {
	font-size: 13px;
    text-transform: uppercase;
	color: #903961;
	font-weight: bolder;
	margin-bottom: 10px;
}
/* .filter-wrapper .dropdown-extras {
	min-width: 240px;
}
.filter-wrapper .dropdown-facilities {
	min-width: 270px;
} */

.tooltip.in {
  opacity: 1;
}
.listing-wrapper {
  background-color: #fff;
  color: #444;
  display: flex;
	padding-top: 10px;
	height: calc(100vh - 170px);
}
.listing-wrapper .box {
  box-sizing: border-box;
  flex: 1 1 auto;
}
.listing-wrapper .box.map {
	width: 33.3333%;
	position: relative;
	border-top: 6px solid #fff;
}
.listing-wrapper .handler {
	width: 0;
	padding: 0;
	cursor: ew-resize;
	flex: 0 0 auto;
	align-self: center;
}
.listing-wrapper .handler:before {
	content: "\f07e";
	display: block;
    color: #903961;
    margin: 0 auto;
    font-family: FontAwesome;
    font-size: 24px;
    width: 45px;
    height: 45px;
    background-color: #fff;
    margin-left: -24px;
    position: relative;
    z-index: 100;
    border-radius: 50%;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    padding-top: 3px;
    padding-left: 10px;
    border: 1px solid #DCC79E;
}
.listing-wrapper .box.listings-wrapper {
	width: 66.3333%;
	min-width: 700px;
	padding-top: 0;
}
.listing-wrapper .box.listings-wrapper *::selection {
	background: transparent;
}
.listing-wrapper .box.listings-wrapper *::-moz-selection {
	background: transparent;
}
.listing-wrapper .listings-wrapper .listings-scroll {
	width: 100%;
	overflow-y: auto;
}
.listing-wrapper .box.map .update-list {
	position: absolute;
	z-index: 9999;
	font-weight: 300;
	top: 15px;
	right: 15px;
	background-color: #fff;
	padding: 10px;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
}
.listing-wrapper .listing-top > div {
	width: 33.3333%;
}
.filter-wrapper .found-sort .properties-found {
	display: inline-block;
    line-height: 35px;
    margin-right: 30px;
    color: #903961;
    font-size: 15px;
}
.filter-wrapper .found-sort .sorting {
	display: inline-block;
	padding-top: 8px;
    float: right;
}
.filter-wrapper .found-sort .btn-group {
    margin-right: 0;
}
.filter-wrapper .found-sort strong {
	font-weight: 700;
}
.filter-wrapper .found-sort .btn,
.filter-wrapper .found-sort .btn:focus {
	padding: 2px 17px 2px 2px;
	font-size: 14px;
	outline: none;
	box-shadow: none;
	font-weight: 400;
}
.filter-wrapper .found-sort .sorting .btn-group {
	float: right;
}
.filter-wrapper .found-sort .dropdown-menu {
	font-weight: 300;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: none;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.15);
	min-width: 100px;
	right: -12px;
    left: auto !important;
	padding: 5px;
	transform: translate3d(0, 27px, 0px) !important;
}
.service-name .dropdown-menu {
	font-weight: 300;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: none;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.15);
    left: -9px !important;
	padding: 5px;
	transform: translate3d(0, 27px, 0px) !important;
	min-width: 100px;
}

@media screen and (max-width: 780px){
.service-name .dropdown-menu {
	left: auto !important;
    right: 0px;
}
}
.filter-wrapper .found-sort .dropdown-item,
.service-name .dropdown-item {
	color: #444;
	font-size: 13px;
	font-weight: 400;
	padding: .25rem 10px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.filter-wrapper .found-sort .dropdown-item:focus,
.filter-wrapper .found-sort .dropdown-item:hover,
.service-name .dropdown-item:focus,
.service-name .dropdown-item:hover {
    text-decoration: none;
    background-color: #efefef;
}
.filter-wrapper .found-sort .dropdown-toggle:after {
    content: "\f078";
    border: none;
    font-family: FontAwesome;
    font-size: 10px;
    position: absolute;
    top: 5px;
	right: 0;
}
.filter-wrapper .found-sort .btn-group.show .dropdown-toggle:after {
	content: "\f077";
}
.listing-wrapper .listings-wrapper .property-selected {
	padding-left: 10px;
	padding-top: 0;
    padding-bottom: 6px;
}
.listing-wrapper .listings-wrapper .property-selected .container {
	max-width: 100% !important;
}
.listing-wrapper .listings-wrapper .property-selected .container .row {
	margin-right: 0;
    margin-left: 0;
	width: 100%;
}
.listing-wrapper .listings-wrapper .property-selected .container .property-selected-info {
	padding-left: 1px;
}
.listing-wrapper .listings-wrapper .property-selected .personel-speaks img {
	margin-right: 10px;
}
.listing-wrapper .listings-wrapper .property-selected .app-booking-table.selected-property table tr td:first-of-type {
	width: 50%;
}
.listing-wrapper .listings-wrapper .property-selected .property-selected-table {
	padding-left: 15px;
	padding-right: 15px;
}
.listing-wrapper .listings-wrapper .property-selected .property-selected-table td {
	line-height: 1.4;
}
.listing-wrapper .listings-wrapper .property-selected .property-selected-table td a {
	font-size: 14px;
	font-weight: 500;
	display: block;
	margin-top: 2px;
	margin-bottom: 5px;
}
.listing-wrapper .listings-wrapper .property-selected .property-selected-table td strong {
	font-weight: 500;
}
.listing-wrapper .listings-wrapper .property-selected .property-selected-table td a.btn {
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
}
.listing-wrapper .listings-wrapper .property-selected .property-selected-table .fa {
	font-size: 16px;
	margin: 0 3px;
	color: #8a8377;
}

span.card-price span {
    font-size: 9px;
}

@media (max-width: 1200px) {
.listing-wrapper .listings-wrapper .selected-property {
	margin-top: 25px;
}
}
.listing-wrapper .listings-wrapper .property-selected .other-information {
	font-family: 'Roboto', sans-serif;
    color: #903961;
    font-weight: 500!important;
    font-size: 1.2rem;
    margin-left: 15px;
    margin-top: 20px !important;
}
.listing-wrapper .listings-wrapper .property-selected .app-booking-table.selected-property.property-selected-info table tr td:first-of-type {
    width: 70%;
}
.listing-wrapper .listings {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	padding: 0 12px 30px 12px;
}
.listing-wrapper .listings .card {
	width: 48%;
	 margin: 0 0.5% 1% 0.5%;
	 padding-bottom: 0px;
	 height: 200px;
}
.listing-wrapper .listings .card.hoveredUnit {
	background-color: #248f9f;
	border-color: #248f9f;
}
.listing-wrapper .listings .card.hoveredUnit .card-img-top {
	background-color: #248f9f;
}
.listing-wrapper .listings .card.hoveredUnit .card-property-title h3,
.listing-wrapper .listings .card.hoveredUnit .card-bottom .card-price,
.listing-wrapper .listings .card.hoveredUnit h4.property-desc,
.listing-wrapper .listings .card.hoveredUnit h5.property-desc,
.listing-wrapper .listings .card.hoveredUnit .property-desc i,
.listing-wrapper .listings .card.hoveredUnit .card-property-title em.fa {
	color: #fff;
}

.listing-wrapper .listings .card.hoveredUnit .card-bottom .card-favorite i {
	color: #903961;
}
.listing-wrapper .listings .card.hoveredUnit td {
	color: #fff;
}
.listing-wrapper .listings .card.hoveredUnit td.card-price {
	color: #fff;
}

.card.hoveredUnit .card td.card-price {
	color: #fff;
}


/*.listings[min-width~="480px"] .card {
	width: 96%;
    margin: 0 2% 4% 2%;
}
.listings[min-width~="640px"] .card {
	width: 46%;
    margin: 0 2% 4% 2%;
}
.listings[min-width~="900px"] .card {
	width: 31.3333%;
    margin: 0 1% 2% 1%;
}
.listings[min-width~="1300px"] .card {
	width: 23%;
    margin: 0 1% 2% 1%;
}
.listings[min-width~="1700px"] .card {
	width: 18%;
    margin: 0 1% 2% 1%;
}*/
@media screen and (max-width: 1600px){
.listing-wrapper .listings .card {
	width: 48%;
    margin: 0 1% 2% 1%;
}
.filter-results-wrapper {
    margin-left: 1.25%;
    width: calc(100% - 1.25%);
}
}

@media screen and (max-width: 960px){
.listing-wrapper .listings {
    padding-top: 30px;
}
h5.property-desc {
    font-size: 14px !important;
}
}

@media screen and (max-width: 890px){
.listing-wrapper .listings .card {
	width: 46%;
    margin: 0 2% 4% 2%;
}
}

@media screen and (max-width: 640px){
.listing-wrapper .listings .card {
	width: 96%;
    margin: 0 2% 4% 2%;
}
}

.listing-wrapper .load-more {
	text-align: center;
	margin-top: -30px;
    margin-bottom: 60px;
}
.listing-wrapper .load-more .btn {
	color: #903961 !important;
    background-color: transparent;
    border: 1px solid #903961;
    padding: 10px 40px;
    margin-top: 20px;
}
.listing-wrapper .load-more .btn:hover {
	color: #903961;
	background-color: transparent;
}

@media screen and (max-width: 991px){
.page-listing #myHeader {
    position: relative;
}
.page-listing .sticky#myHeader {
    position: fixed;
}
.listing-wrapper .listings-wrapper .property-selected .app-booking-table.selected-property table tr td:first-of-type {
    width: 70%;
}
.listing-wrapper .listings-wrapper .property-selected .app-booking-table.selected-property.property-selected-info table tr td:first-of-type {
    width: 70%;
}

}

@media screen and (max-width: 960px) {
/* .filter-wrapper,
.filter-results-wrapper,
.listing-wrapper .box.map,
.listing-wrapper .handler,
.searchbar-wrapper .favorites,
.listing-wrapper .listing-top .update-list {
	display: none;
} */

/*listing, mapa na mobitelu*/
div#dropdownFacilities {
    margin-bottom: 28px;
}

.filter-wrapper .btn-group.first-group {
    margin-left: 0;
}

.found-sort, .filter-wrapper .filter-map, .filter-results-wrapper, .listing-wrapper .box.map, .listing-wrapper .handler, .searchbar-wrapper .favorites, .listing-wrapper .listing-top .update-list {
    display: none;
}

.box.map {
    display: block !important;
    width: 100% !important;
    height: 300px;
    padding: 10px 19px 0 19px;
    margin-bottom: -10px;
}

.listing-wrapper {
    flex-wrap: wrap;
}

.listing-wrapper .box.listings-wrapper, .listing-wrapper .listings-wrapper .listings-scroll {
    overflow-y: visible !important;
}

.listing-wrapper .box.listings-wrapper {
    min-width: 200px !important;
}

.box.listings-wrapper {
    width: 100% !important;
}

/*kraj listing, mapa na mobitelu*/

.listing-wrapper .listing-top > div {
    width: 50%;
}
.searchbar-wrapper .col-10,
.booking-form-wrapper .col-10,
.searchbar-wrapper .col-9,
.booking-form-wrapper .col-9 {
    width: 100%;
	flex: 0 0 100%;
    max-width: 100%;
}
.listing-wrapper .listing-top .properties-found {
    text-align: left !important;
}
.listing-wrapper .box.listings-wrapper,
.listing-wrapper .listings-wrapper .listings-scroll {
    overflow-y: visible !important;
}
.listing-wrapper .box.listings-wrapper {
    min-width: 200px !important;
}
.booking-form-wrapper .booking-form {
    border-radius: 0;
}
.searchbar-wrapper .searchbar,
.booking-form-wrapper .searchbar {
    height: auto;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
	flex-wrap: wrap;
}
.searchbar-wrapper .searchbar .destination,
.booking-form-wrapper .searchbar .destination {
    width: 100% !important;
	border-bottom: 1px solid #092341;
}
.searchbar-wrapper .date,
.booking-form-wrapper .date {
    padding-left: 17px;
}
.searchbar-wrapper button,
.booking-form-wrapper button  {
    border-radius: 0;
    margin-right: 0px;
    padding-left: 30px;
    padding-right: 30px;
}
.page-home .masthead .booking-form {
    padding: 10px;
}
}

@media screen and (max-width: 768px){
.booking-form .searchbar > div,
.searchbar-wrapper .searchbar > div {
    width: 100% !important;
	border-bottom: 1px solid #092341;
}
.booking-form .destination,
.searchbar-wrapper .destination {
    padding-left: 15px;
}
.booking-form .date,
.booking-form .guests,
.searchbar-wrapper .date,
.searchbar-wrapper .guests {
    padding-left: 17px;
	margin-right: 0;
}
.booking-form .searchbar .search-button,
.searchbar-wrapper .searchbar .search-button {
	border-bottom: none;
}
.booking-form .searchbar .search-button button,
.searchbar-wrapper .searchbar .search-button button {
	width: 100%;
}
.booking-form .guests .dropdown,
.booking-form .guests .dropdown button,
.searchbar-wrapper .guests .dropdown,
.searchbar-wrapper .guests .dropdown button {
    width: 100%;
	text-align: left;
}
.booking-form .guests .dropdown .input-group button,
.searchbar-wrapper .guests .dropdown .input-group button {
	text-align: center;
}
}

@media screen and (max-width: 576px){
.page-listing .searchbar-wrapper {
    padding-top: 20px;
}
}

@media screen and (max-width: 360px){
.card .card-bottom .btn {
    width: 100%;
}
}

@media (min-width: 576px){
.page-home .masthead .container,
.page-listing .searchbar-wrapper >.container {
    max-width: 100%;
}
/* .page-listing .searchbar-wrapper {
    padding-top: 20px;
} */
}

@media (min-width: 768px){
.page-home .booking-form-wrapper,
.page-listing .searchbar-wrapper > .container {
    max-width: 100%;
}
/* .page-listing .searchbar-wrapper {
    padding-top: 20px;
} */
}

@media (min-width: 992px){
.page-home .booking-form-wrapper,
.page-listing .searchbar-wrapper > .container {
    max-width: 960px;
}
/* .page-listing .searchbar-wrapper {
    padding-top: 22px;
} */
}

@media (min-width: 1200px){
.page-home .booking-form-wrapper {
    max-width: 1140px;
}
.page-listing .searchbar-wrapper > .container {
    max-width: 1415px;
}
.container {
    max-width: 1415px;
}
}


.masthead {
	position: relative;
	background-color: #fff;
	height: 75vh;
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
}
.ribbon {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
	z-index: 100;
}
.ribbon-top-left {
	top: -10px;
	left: -10px;
}
.ribbon::before, .ribbon::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 5px solid #903961;
}
.ribbon-top-left::before, .ribbon-top-left::after {
	border-top-color: transparent;
	border-left-color: transparent;
}
.ribbon-top-left::before {
	top: 0;
	right: 0;
}
.ribbon-top-left::after {
	bottom: 0;
	left: 0;
}
.ribbon span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 15px 0;
	background-color: #903961;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	color: #fff;
	font: 700 18px/1 'Roboto', sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-transform: uppercase;
	text-align: center;
}
.ribbon-top-left span {
	right: -25px;
	top: 30px;
	transform: rotate(-45deg);
}
.card {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.card .map-link {
	position: absolute;
	background-color: #fff;
	top: 3px;
	right: 3px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.card .map-link img {
	width: 27px;
	height: 28px;
	margin: 7px;
}
.card:hover {
	border-color: #903961;
}
.guest-info .card {
	border: 1px solid #efefef;
}
.guest-info .card:hover {
	border-color: #efefef;
}
.guest-info .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    color: inherit;
    background-color: #F5F3EE;
	border: none;
}
.guest-info .card-header h5 {
    padding: 0;
}
.guest-info .card-body {
	border-top: 1px solid #efefef;
}
.guest-info .btn-link {
    color: #3168a5;
}
.guest-info .card .btn {
    padding: 3px 0 3px 0;
    display: block;
    width: 100%;
    text-align: left;
}
.guest-info .card .btn:hover,
.guest-info .card .btn-link:hover {
    text-decoration: underline !important;
}
.guest-info .card .btn-link:focus  {
    text-decoration: none;
}
.guest-info .card .btn i {
    font-size: 20px;
    margin: 1px 7px 0 0;
    float: left;
	transform: none;
}
.card-body {
	padding: 0px;
	margin-top: -3px;
}
.guest-info .card-body {
	padding: 21px;
}
.card h4, .card h5, .card h6 {
	padding: 0 1rem;
}
.card-property-title {
	display: flex;
	align-items: center;
	padding: 10px 10px 0 9px;
	width: 100%;
	justify-content: space-between;
}
.card-property-title h3 {
	color: #903961;
	font-size: 15px;
	font-weight: 600;
	font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	margin-top: 3px;
}
.card-property-title h3 span {
	float: left;
    margin-right: 5px;
}
.card-property-title em.fa {
	font-size: 12px;
    color: #EBA600;
    margin-right: 1px;
    margin-top: -1px;
    display: block;
    float: left;
}
h4.card-title {
    margin-bottom: 4px;
    margin-top: 8px;
}
.property-desc i {
    color: #bbb7ad;
    font-size: 16px;
    margin-left: 1px;
    cursor: pointer;
}
.popover-table tr td:first-of-type {
	padding-right: 10px;
}
.popover-table tr td strong {
	font-weight: 500;
}
h3.popover-header {
     font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
     font-size: 14px;
     font-weight: 600;
     padding: 7px 15px 4px 15px;
     color: #903961;
}
h4.property-desc,
h5.property-desc {
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #55524d;
	margin-top: 0;
	margin-bottom: 4px;
}
h5.property-desc {
    font-size: 13px;;
		padding-right: 0px;
		padding-left: 10px;
}
h4.property-desc {
	color: #55524d;
	padding-left: 9px;
	margin-top: 0;
	margin-bottom: 9px;
	font-weight: 400;
	font-size: 13px;
}
h6.card-title {
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #264653;
}
h6.card-title.narancasta {
    color: #eba600;
}
.card-img-top {
    padding: 10px;
}
.card-bottom {
	display: flex;
	align-items: center;
	padding: 0 0 0 10px;
	margin-top: -4px;
}
.card-bottom .card-price {
	font-size: 20px;
	font-weight: 600;
	color: #4995a0;
}
.card-bottom .card-price del {
	font-size: 14px;
	font-weight: 400;
	opacity: 0.7;
	text-decoration: line-through;
	padding-right: 3px;
}
.card-bottom .card-favorite i {
	font-size: 19px;
	margin-left: 6px;
	margin-top: 3px;
	margin-right: 5px;
}
.card a .card-favorite i {
	font-size: 19px;
	margin-left: 7px;
	margin-top: 3px;
	position: absolute;
	top: -7px;
	right: 0px;
	background-color: #fff;
	padding: 5px 3px 3px 5px;
}
/*.card-text:nth-of-type(2n+1){margin:auto auto auto 1.25rem;}
.card-text:nth-of-type(2n){margin:auto 1.25rem auto auto;}*/
.card-text span {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.card-text {
	margin: auto 1rem;
	padding: 4px 0;
	border-bottom: 1px dotted #903961;
}
.card a {
	text-decoration: none;
}
.card-text {
	color: #6c757d
}
.card h4 a:hover {
	color: #264653;
}
.rubnik {
	padding: 0px;
}
.page-link:hover {
    border-color: #903961;
}
.cijena {
	font-weight: bold;
	background-color: #b2c0cb;
	text-align: center;
	color: #903961;
	width: auto;
	display: inline-block;
    padding: .5rem 1.231rem;
	margin-top: 1rem;
}
.cijena .ponoci {
	font-weight: normal;
	font-size: 10px;
	display: block
}
.card .btn {
	padding: 6px 10px 6px 12px;
}
.card .btn i {
	font-size: 13px;
    font-weight: 300;
    margin-left: 5px;
}
.btn-primary {
	color: #fff !important;
	background-color: #903961;
	border-color: #903961;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #4995a0;
    border-color: #4995a0;
}
/* .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
 box-shadow: 0 0 0 .2rem rgba(187,126,56,.5);
 -moz-box-shadow: 0 0 0 .2rem rgba(187,126,56,.5);
 -webkit-box-shadow: 0 0 0 .2rem rgba(187,126,56,.5);
} */
.btn {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.card-img-top {
	background: #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	opacity: 1;
	height: 100%;
}
.card-img-top:hover {
	opacity: .8;
	background: #fff;
}
section.masthead {
	position: relative;
	background-image: url(img/kroatiendirekt-naslovna1.jpg);
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
 -o-background-size: cover  background-size: cover;
}
section.masthead {
	height: 70vh;
    min-height: 530px;
	padding-top: 0;
	padding-bottom: 0;
	/* margin-bottom: 35px; */
	/* overflow: visible; */
	overflow: hidden;
}
.pt-4,
.py-4 {
    padding-top: 1.2rem !important;
}
.video {
	position: relative;
}
.video .container {
	z-index: 10;
	margin-top: 120px !important;
    margin-bottom: 120px !important;
}
.pokreni em {
	font-size: 5rem;
	font-weight: normal;
}
.masthead .overlay, .py-sekcija .overlay, .video .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.4);
	opacity: .5;
	z-index: 1;
	filter: alpha(opacity=50);
}
select {
	cursor: pointer;
	display: inline-block;
	line-height: 1.5em;
	padding: 0.5em 1.8em 0.5em 4px;
	border-left: 1px solid #1d2935;
	margin: 0;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}
select.minimal {
	background-image: linear-gradient(45deg, transparent 50%, #903961 50%),  linear-gradient(135deg, #903961 50%, transparent 50%),  linear-gradient(to right, transparent, transparent);
	background-position: calc(100% - 20px) calc(1em + 2px),  calc(100% - 15px) calc(1em + 2px),  calc(100% - 2.5em) 0.5em;
	background-size: 5px 5px,  5px 5px,  1px 1.5em;
	background-repeat: no-repeat;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
select.minimal:focus {
	background-image: linear-gradient(45deg, #903961 50%, transparent 50%),  linear-gradient(135deg, transparent 50%, #903961 50%),  linear-gradient(to right, transparent, transparent);
	background-position: calc(100% - 15px) 1em,  calc(100% - 20px) 1em,  calc(100% - 2.5em) 0.5em;
	background-size: 5px 5px,  5px 5px,  1px 1.5em;
	background-repeat: no-repeat;
	border-color: #903961;
	outline: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.zaglavlje-vrh select.padajuci:focus {
	border-color: #1d2935;
}
.form-control:focus {
    border-color: #903961;
    outline: 0;
    box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
select:-moz-focusring {
 color: transparent;
 text-shadow: 0 0 0 #000;
}
.topa {
	position: relative !important;
	color: #fff;
	height: 100%;
}
.topa .date_range_picker {
	color: #4d5055;
}
.naslov-sijena {
	text-shadow: 0 0 5px #000;
}
.topa h1 {
	line-height: 1.4;
}
section.masthead h1 {
	font-size: 2rem;
}
section.masthead h4 {
	font-size: 1.5rem;
}
.lokacije h6.zlatna,
.naslovnica h6.zlatna {
	font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 400;
	font-size: 22px;
}
.lokacije h1 {
    margin-bottom: 25px;
}
.mb-4,
.my-4 {
    margin-bottom: 1.2rem !important;
	margin-top: 1.2rem !important;
}
#photos .my-4 {
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-bottom: 10px !important;
    margin-top: 10px !important;
}
/*.booking-form-wrapper {
	position: absolute;
	bottom: 7px;
}*/
.filter-arrows {
	margin-bottom: 0px;
}
.filter-title {
	margin-top: 20px;;
}
.filter-arrows .fa {
	font-size: 20px;
	color: #d6d1c4;
}
.filter-arrows .fa.active-arrow {
	color: #903961;
}
.filter-arrows span {
	padding-left: 10px;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mobile-label {
	font-size: 20px !important;
}

@media screen and (min-width: 992px) {
section.masthead h1 {
	font-size: 3.5rem;
}
section.masthead h4 {
	font-size: 1.7rem;
}
}
@media screen and (min-width: 1280px) {
section.masthead h1 {
	font-size: 4rem;
}
section.masthead h4 {
	font-size: 2rem;
}
}
.tekst-sijena {
	text-shadow: 0 0 10px #000;
}
.text-faded {
	color: #fff;
}
.masthead .container {
	position: relative;
	z-index: 12;
	padding-top: 11%;
}
.masthead .calendar .container {
	padding-top: 0;
}
.lokacije a {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 1
}
/*.lokacije a:hover {
	opacity: .8
}*/

.lokacije a img {
	transition: all .5s ease-in-out;
	transform: scale(1.01);
}
.lokacije a:hover img {
	transform: scale(1.1);
}

/* .lokacije h2 {
	z-index: 10;
	position: absolute;
	color: #fff;
	top: 5%;
	left: 5%;
	font-size: 30px;
} */
.lokacije h4 {
	z-index: 10;
	position: absolute;
	color: #fff;
	bottom: 5%;
	right: 5%;
	text-align: center;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
.lokacije h4 span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
}
.my-4.lokacije {
    margin-bottom: 0 !important;
}
.lokacije .my-4 {
    margin-bottom: 12px !important;
}
@media screen and (min-width: 768px) {
section.masthead p {
	font-size: 1.25rem;
}
section.masthead h1 {
    font-size: 3rem;
		text-shadow: 1px 2px 8px #00000078;
}
}
.bgc {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .25) 100%), url(img/video-home-page-background.jpg);
	background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .25) 100%), url(img/video-home-page-background.jpg);
	background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .25) 100%), url(img/video-home-page-background.jpg);
	background-size: cover;
}
.padtoper {
	padding-top: 55px;
	padding-bottom: 57px;
}
.footer-home .padtoper {
	padding-top: 70px;
}
.bgc, .bgd, .panel-image {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bgc, .bgd {
	min-height: 400px;
	padding: 0;
}
.mtop {
	margin-top: 10px;
}
.nav-pagination {
	width: 100%;
}
.pagination {
    margin: 20px 17px 40px 0;
    justify-content: flex-end;
}
.footer {
	background: #efefef;
	/*margin-top: 40px;*/
}
.page-listing .footer .container {
	padding-left: 25px;
	padding-right: 25px;
}
@media screen and (max-width: 576px) {
.page-listing .footer .container {
	padding-left: 15px;
	padding-right: 15px;
}
}
.footer-home {
	background: #fff;
	margin-top: 0;
}
.footer .container-fluid.copy .container .row {
	align-items: center;
}
@media screen and (max-width: 768px) {

	.container.my-auto.topa {
    height: 230px;
}

	section.masthead.text-center.sadrzaj.text-bijelo.d-flex {
	    background-image: url(/img/dental-home-mobile.jpg) !important;
			    background-size: cover;
	}

.footer .container-fluid.copy .container .row .text-right {
	text-align: center !important;
	margin-bottom: 20px;
}
}
.footer .copy {
	background: #264653;
}
.footer .copy p {
	font-size: 13px;
	color: #fff;
	line-height: 40px;
	text-transform: none;
	font-family: montserrat, helvetica neue, Helvetica, Arial, sans-serif;
}
.podnozje-kraj {
	padding-top: 15px;
}
.footer p {
	font-size: 14px;
	font-weight: 300;
}
.footer h3 {
	font-size: 24px;
	font-weight: 400;
}
.footer ul.list {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0 0 0 12px;
}
.footer ul.list li {
	position: relative;
	padding: 2px;
}
.footer ul.list li::before {
	content: "\f054";
	color: #65625e;
	font-family: FontAwesome;
	font-weight: 200;
	display: inline-block;
	width: 1em;
	font-size: 10px;
	margin-left: -1.3em;
	margin-right: 3px;
}
.footer ul.list li a {
	position: relative;
	font-size: 15px;
	font-weight: 300;
	color: #1a1a1a;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	padding: 5px 0;
}
.footer ul.list li a:hover {
	color: #903961;
	text-decoration: none;
	background: none;
}

.footer ul.list li a.dropdown-item.active {
    background: transparent;
    color: #903961;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}
.dropdown-divider {
    border-top: 1px solid #1e3f64;
}

@media print {
* {
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
a,  a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
.ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after {
	content: "";
}
pre,  blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr,  img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
@page {
 margin: 0.5cm;
}
p,  h2,  h3 {
	orphans: 3;
	widows: 3;
}
h2,  h3 {
	page-break-after: avoid;
}
}
@media screen and (max-width: 991px) {
.zaglavlje-vrh {
	display: none;
}

.container.desktop {
    display: none;
}

#myHeader {
	padding-left: 15px;
	padding-right: 15px;
	position: fixed;
	top: 35px;
	z-index: 110;
	width: 100%;
	height: auto;
	border-bottom: 1px solid rgba(33, 37, 41, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}
.navbar-nav li {
    padding: 0;
}
.sticky+.sadrzaj {
	margin-top: 0px;
}
.navbar-nav ul.gornji-meni {
	float: none;
	text-align: center;
}
.navbar-nav ul.gornji-meni li {
	float: none;
	display: inline-block;
}
.navbar-nav ul.gornji-meni li a {
	color: #fff
}
.navbar-nav ul.gornji-meni li a.active {
	color: #903961
}
#myHeader .navbar-nav>li.nav-item>a.nav-link.active,
#myHeader .navbar-nav>li.nav-item>a.nav-link:focus.active {
    color: ##903961;
    border-bottom: none;
    font-weight: 700;
}
}
@media screen and (max-width: 360px) {
.rubnik {
	padding: 0;
}
.card .btn {
	width: 68.1%
}
}
.booking-form {
	background: rgba(255,255,255,0.3);
    padding: 20px;
    border-radius: 54px;
}
.booking-form>form .row.no-margin {
	margin-right: 0;
	margin-left: 0
}
.booking-form>form .row.no-margin>[class*=col-] {
padding-right:0;
padding-left:0
}
.booking-form .form-group {
	position: relative;
	padding: 15px;
	margin-bottom: 0
}
.booking-form .form-group:after {
	content: '';
	background: #e1ded7;
	position: absolute;
	top: 0px;
	bottom: 0;
	right: 0;
	width: 1px;
	height: 100%
}
.booking-form .form-control {
	background-color: transparent;
	border-radius: 0;
	-webkit-box-shadow: none;
	font-weight: 400;
}
.booking-form input[type=date].form-control:invalid {
	color:#968a73 !important;
}
.booking-form select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.booking-form select.form-control+.select-arrow {
	position: absolute;
	right: 14px;
	bottom: 20px;
	width: 32px;
	line-height: 32px;
	height: 32px;
	pointer-events: none;
	color: #948872;
	font-size: 13px;
	font-family: FontAwesome;
}
.booking-form select.form-control+.select-arrow:after {
	content: "\f078";
	display: block;/*-webkit-transform:rotate(90deg);transform:rotate(90deg)*/
}
.booking-form .form-label {
	text-align: left;
	color: #903961;
	display: block;
	font-weight: 700;
	height: 25px;
	line-height: 20px;
	font-size: 16px;
	margin-top: 10px;
}
.booking-form .form-btn {
	padding: 15px;
}
.booking-form .submit-btn, .submit-btn {
	cursor: pointer;
	text-transform: uppercase;
	background: #903961;
	border: none;
	display: block;
	width: 100%;
	height: 75px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}
.booking-form .submit-btn:hover,
.submit-btn:hover,
.booking-form .submit-btn:focus,
.submit-btn:focus,
.booking-form .submit-btn:active,
.submit-btn:active {
	background: #4995a0;
}
button.gumbek {
	height: 50px;
	margin-top: 17px;
	outline: none;
}
button.gumbek.add-to-basket {
    display: inline-block;
	width: auto;
	padding-left: 25px;
	padding-right: 25px;
}
.form-control {
    border-radius: 0;
}
.pb7 {
	padding-bottom: 7px;
}
.filter-group label {
    font-weight: 500;
	padding-bottom: 0;
	margin-bottom: 4px;
}


/*single*/
.breadcrumb {
	font-size: 13px;
	border-radius: 0px;
	border-top: 1px solid #dedede;
	background: transparent;
    padding: .2rem 0 0.6rem 0;
	/*border-bottom: 1px solid #dedede;*/
    margin-top: .5rem;
	font-family: 'Roboto', sans-serif;
}
.breadcrumb li {
	font-family: 'Roboto', sans-serif;
}
.breadcrumb li a {
	font-family: 'Roboto', sans-serif;
	color: #4d5055;
}
.breadcrumb-item.active {
    color: #903961;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: "\f054";
	font-size: 10px;
	font-family: FontAwesome;
	padding-top: 3px;
}
.nav-pills > li {
	float: left;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
}
.nav-pills > li > a {
	border-radius: 4px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	color: #fff;
	background-color: #337ab7;
}
.nav-pills > li + li {
	margin-left: 2px;
}
.tab-content {
	padding-top: 30px;
}
.tab-content.payment-methods-tabs {
	padding-top: 20px;
}
.tab-content > .tab-pane {
	display: none;
}
.tab-content > .active {
	display: block;
}
.map-container {
	margin-top: 15px;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}
.map-container iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}
.rslides {
	margin: 0 auto 40px;
}
#slider2, #slider3 {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0 auto;
}
.rslides_tabs {
	list-style: none;
	padding: 0;
	list-style: none;
	margin: 0 auto 20px;
	max-width: 1200px;
	padding: 10px 0;
	text-align: center;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.rslides_tabs li {
	display: block;
	width: 14.6666666%;
	margin: 0.65% 1%;
}
.rslides_tabs a {
	width: auto;
	line-height: 20px;
	padding: 9px 20px;
	height: auto;
	background: transparent;
	display: inline;
}
.rslides_tabs .rslides_here a {
	background: rgba(255,255,255,.1);
	color: #fff;
	font-weight: bold;
}
#slider3-pager a {
	display: inline-block;
}
#slider3-pager img {
	float: left;
	width: 100%;
	height: auto;
}
#slider3-pager .rslides_here a {
	background: transparent;
	box-shadow: 0 0 0 3px #903961;
}
#slider3-pager a {
	padding: 0;
}
a.rslides_nav.rslides1_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 50%;
	left: auto; /*0*/
	opacity: 0.9;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;
	background: transparent url("img/themes.png") no-repeat left top;
	margin-top: -45px;
}
a.rslides_nav.rslides1_nav.next {
	left: auto;
	background-position: right top;
	right: 0;
}
.rslides_container {
	margin-top: 20px;
	margin-bottom: 5px !important;
	position: relative;
	float: left;
	width: 100%;
}
/*
.nav-tabs {
	background: #e1ded7;
}
.nav-tabs .nav-item {
	background: #e1ded7;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	border-right: 1px solid #d2cec5
}
.nav-tabs .nav-item:last-child {
	border: 0px;
}
.nav-tabs .nav-link {
	color: #495057;
	padding: 1.25rem
}
.nav-tabs .nav-link:hover {
	background: #d7d3ca;
}
.nav-tabs .nav-link.active {
	background: #903961;
	color: #fff;
	border-color: transparent;
	border-radius: 0px;
}
.nav-tabs .nav-link.active::after {
	border-top: 18px solid #903961;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	content: "";
	display: block;
	height: 0;
	left: 50%;
	margin-left: -18px;
	position: absolute;
	bottom: -10px;
	width: 0;
	animation: cssAnimation 0s .12s forwards;
    visibility: hidden;
}
.nav-tabs .see-all {
	position: absolute;
	top: 11px;
	right: 0px;
}
.nav-tabs .see-all a {
	text-decoration: underline;
	color: #903961;
}
.nav-tabs .see-all a:hover {
	text-decoration: none;
}*/
.calendar {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}
.calendar .calendar-month {
	/* width: 24%; */
	margin-bottom: 30px;
}
.calendar .calendar-month table {
	width: 100%;
}
.calendar .calendar-month .calendar-title {
    line-height: 34px;
    font-weight: 500;
    color: #8a8377;
    text-align: center;
    background-color: #efefef;
}
.calendar .calendar-month table th {
	font-weight: normal;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #efefef;
	text-align: center;
}
.calendar .calendar-month table td {
	text-align: center;
	line-height: 30px;
	border: 1px solid #efefef;
}
.calendar .calendar-month table .available {
	background-color: #55A903;
	color: #FFF;
}
.calendar .calendar-month table .available.half {
	background: rgb(187,3,3);
	background: linear-gradient(315deg, rgba(187,3,3,1) 25%, rgba(85,169,3,1) 25%, rgba(85,169,3,1) 100%);
	color: #FFF;
}
.calendar .calendar-month table .unavailable {
	background-color: #BB0303;
	color: #FFF;
}
.calendar .calendar-month table .unavailable.half {
	background: rgb(85,169,3);
	background: linear-gradient(315deg, rgba(85,169,3,1) 75%, rgba(187,3,3,1) 75%, rgba(187,3,3,1) 100%);
	color: #FFF;
}
.calendar .calendar-month table .optional {
	background-color: #F2DCB2;
	color: #4d5055;
}
/*@media (max-width: 1200px) {
.calendar .calendar-month {
	width: 32%;
}
}*/
@media (max-width: 768px) {
/*.calendar .calendar-month {
	width: 48%;
}*/
.nav-tabs .nav-item {
    width: 100%;
	border-right: none;
}
.nav-tabs .nav-link {
    padding: 0.6rem 0.8rem;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav-tabs .nav-link.active:after {
    display: none;
}
}
/*@media (max-width: 480px) {
.calendar .calendar-month {
	width: 100%;
}
}*/
.td-min-width {
	min-width: 200px;
}
.tooltip-span {
	border-bottom: 1px dotted #8a8377;
}
.tooltip-inner {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 4px 10px 6px 10px;
	background-color: #061526;
}
.tooltip .arrow:before {
	border-bottom-color:#061526;
	border-top-color:#061526;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent;
}
.app-info .row {
	padding-top: 18px;
	border-bottom: 1px solid #efefef;
}
.app-info .col-md-3 {
	font-weight: 600;
	padding-left: 0;
}
.app-info .col-md-12 {
	padding-left: 0;
}
.app-info .col-md-9 {
	padding-left: 0;
}
.app-info .row .col-md-9 ul,
.app-info .row .col-md-12 ul {
	display: flex;
	flex-wrap: wrap;
	padding-left: 1px;
	list-style-type: none;
}
.app-info .row .col-md-9 ul li {
	width: 33.333333%;
	position: relative;
	padding-left: 15px;
}
.app-info .row .col-md-12 ul li {
	width: 25%;
	position: relative;
	padding-left: 15px;
}
.app-info .row ul li:before  {
	content: "";
    display: block;
	position: absolute;
	left: 0;
    top: 7px;
    background: #E1DED7;
    border-radius: 0;
    height: 7px;
    width: 7px;
}
.app-info .row ul.personnel-languages li  {
    padding-left: 0;
	width: 10%;
}
.app-info .row ul.personnel-languages li .tooltip-span  {
    border-bottom: none;
}
.app-info .row ul.personnel-languages li:before  {
    display: none;
}

@media (max-width: 900px) {
.app-info .row .col-md-9 ul li {
	width: 50%;
}
.app-info .row .col-md-12 ul li {
	width: 33.333333%;
}
}

@media (max-width: 768px) {

	#naslovnica_listing .col-md-6.col-lg-4.pb-1.pb-md-0.my-4 {
	    padding-left: 0;
	    padding-right: 0;
	}

	.about-us.row .col-md-4.col-lg-4.pb-1.pb-md-0.my-4.home-form {
	    padding-left: 0;
	    padding-right: 0;
	}

.tab-content {
    margin-bottom: 20px;
}
.app-info .row .col-md-9 ul li {
	width: 100%;
}
.app-info .row .col-md-12 ul li {
	width: 100%;
}
.app-info .row ul.personnel-languages li  {
    width: 10%;
}
.app-info .row:first-of-type  {
	padding-top: 5px;
}
.app-info .col-md-3 {
    margin-bottom: 5px;
}
}
.opacity-3 {
	opacity: 0.3;
}
.opacity-6 {
	opacity: 0.6;
}



@keyframes cssAnimation {
  to { visibility: visible; }
}
.inquiry {
	font-size: 1.25rem;
	padding: 1rem 1rem;
	width: 100%;
	background-color: #903961;
	border: 5px solid #903961;
	color: #fff !important;
	padding: 10px;
	margin-bottom: 19px;
}
.send-inquiry-box-2 .inquiry {
	margin-left: 15px;
}
#buttonConfirmChanges {
	margin-left: 0 !important;
}
.booking-for-villa .send-inquiry-box-2 p {
    margin-bottom: 0;
}
.cancel-order {
	font-size: 1.25rem;
	padding: 1rem 1rem;
	width: 100%;
	background-color: #fff;
	border: 5px solid #dadada;
	color: #cccccc;
	padding: 10px;
}
.inquiry.book-now {
	font-size: 1.25rem;
	width: 100%;
	color: #fff;
	background-color: #4995a0;
  border-color: #4995a0;
}
.inquiry.book-now:hover,
.inquiry.book-now:active,
.inquiry.book-now:not(:disabled):not(.disabled):active {
	background-color: #903961;
	border-color: #903961;
}
.inquiry.book-now:focus,
.inquiry.book-now:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(116,1,1,.5);
    -moz-box-shadow: 0 0 0 .2rem rgba(116,1,1,.5);
    -webkit-box-shadow: 0 0 0 0.2rem rgba(116,1,1,.5);
}
.cancel-order:hover,
.cancel-order:active,
.cancel-order:not(:disabled):not(.disabled):active {
	background-color: #cccccc;
	border-color: #cccccc;
	color: #fff;
}
.recalculation {
	padding: 0 12px;
}
.recalculation:after {
	display: table;
	content: "";
	clear: both;
}
.recalculation span {
	color: #BB0303;
	font-size: 12px;
	width: 80%;
	display: inline-block;
	float: left;
}
.recalculation button {
	float: right;
    display: inline-block;
    width: auto;
    height: 27px;
    font-size: 14px;
    text-transform: none;
    margin-top: -6px;
    padding-left: 7px;
    padding-right: 7px;
	background-color: #fff;
    color: #903961;
    border: 2px solid #903961;
}
.recalculation button:hover {
	color: #fff;
}
@media only screen and (max-width: 768px) {
.recalculation {
	text-align: center;
}
.recalculation span {
	width: 100%;
	display: block;
	float: none;
	text-align: center;
}
.recalculation button {
	float: none;
    margin-top: 15px;
}
}
.clear-top:before {
	display: table;
	content: "";
	clear: both;
}
.app-booking-info {
	padding-right: 0;
    padding-left: 0;
}
.app-booking-photo img {
	object-fit: cover;
max-width: 100%;
height: 100%;
}
.app-booking-table table td {
	padding-left: 0 !important;
	border: none !important;
	border-bottom: 1px solid #efefef !important;
}
.app-booking-table table tr td:first-of-type {
	width: 30%;
}

.app-booking-table.selected-property table tr td:first-of-type {
	width: 55%;
	text-align: left;
}

.app-booking-table table td strong {
	font-weight: 500;
}
@media only screen and (max-width: 990px) {
.app-booking-table table {
	margin-top: 20px;
}
}
@media only screen and (max-width: 640px) {
.app-booking-table table tr td:first-of-type {
	width: 40%;
}
}

h5.fonter {
	font-family: 'Quattrocento', 'Helvetica Neue', Arial, serif;
}
.fontmanji {
	font-size: 13px;
}
@media only screen and (min-width: 1440px) {
.fontmanji {
	font-size: 14px;
}
}
.h5, h5 {
    font-size: 1.25rem;
}
@media only screen and (min-width: 1440px) {
.h5, h5 {
    font-size: 1.4rem;
}
}
hr.siva {
	border-color: #dedede;
	max-width: 100%;
	margin-top: 1.5rem;
	margin-bottom: 1.7rem;
}
.agent {
	margin-bottom: 8px;
}
.agent:after {
	display: table;
	content: "";
	clear: both;
}
.agent img {
	float: left;
	margin-left: 10px;
	margin-right: 15px
}
.contact-details {
	margin-bottom: 37px;
}
.contact-details hr.siva {
	margin-top: 1.2rem;
	margin-bottom: 1.3rem;
}
.agent h5 {
	padding-top: 26px;
    margin-bottom: 0;
    font-size: 16px;
}
@media only screen and (min-width: 1440px) {
.agent h5 {
    font-size: 20px;
}
}
.agent p {
    font-size: 14px;
}
@media only screen and (min-width: 1440px) {
.agent p {
    font-size: 15px;
}
}
.no-flex {
	display: block !important;
	position: relative !important;
	height: 100%;
}
.klasa {
	border: 1px solid #dedede;
    padding: 1rem .75rem .75rem .75rem;
}
.send-inquiry-box {
	margin-top: 2.5rem !important;
    margin-bottom: 35px;
	position: relative;
}
.send-inquiry-box .klasa {
    padding: 15px 15px 2px 15px;
	background-color: #fff;
	position: relative;
}
body .sticky-wrapper {
    position: relative;
    top: 0;
	z-index: 10;
	/*transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;*/
}
body.scrolled-down .sticky-wrapper {
    position: sticky;
    top: 90px;
}


@media only screen and (max-width: 992px) {
body.scrolled-down .sticky-wrapper {
    position: relative;
    top: 0;
}
}
.send-inquiry-box .klasa p.zlatna {
    margin-bottom: 7px;
	font-size: 16px;
}
.send-inquiry-box .klasa p.plava {
	font-size: 16px;
}
.send-inquiry-box .klasa .edit-order {
	position: absolute;
	top: 0;
	right: 0;
}
.send-inquiry-box .klasa .edit-order i {
	position: absolute;
    top: -1px;
    right: -1px;
    width: 27px;
    height: 27px;
    background-color: #903961;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding-top: 4px;
}
.mt3r {
	margin-top: 3.5rem;
}
.payment-conditions-wrapper {
	margin-top: 2.5rem !important;
}
.payment-conditions {
    background-color: #F5F3EE;
	border: 1px solid #DEE2E6;
	padding: 15px 15px 0 15px;
}
.payment-conditions h6 {
    margin-bottom: 14px !important;
}
.payment-conditions .table td,
.payment-conditions .table th {
    padding: .6rem 0;
	border: none;
    border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
/*.payment-conditions .table tr:last-of-type td {
	border-bottom: none;
	padding-bottom: 0;
}*/
.payment-conditions i {
    color: #bbb7ad;
    font-size: 16px;
	margin-left: 2px;
	cursor: pointer;
}
.popover.show {
    border: none;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);
    box-shadow: 0 0 15px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.15);
	-moz-border-radius: none !important;
	-webkit-border-radius: none !important;
	border-radius: none !important;
}
.popover-body {
    padding: 12px 15px 12px 15px;
    color: #4d5055;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	border-radius: none;
}
.bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::before {
    border-top-color: transparent;
}
#slajder img {
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: auto;
}
.carousel-indicators {
	bottom: -40px
}
.carousel-indicators li {
	border-radius: 50px;
	border: 0;
	width: 15px;
	height: 15px;
	background: #dedede;
	opacity: 1
}
.carousel-indicators li.active {
	background: #903961;
	opacity: 1
}
.carousel-item h5 {
	margin-top: 15px;
    margin-bottom: 7px;
}
.carousel-item h6 {
	margin-bottom: 10px;
}
#slajder {
	margin-top: 15px;
}
#slider3-pager img, .carousel-item a img, #photos a img {
	transition: all .3s ease;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}
#slider3-pager img:hover, .carousel-item a:hover img, #photos a:hover img {
	opacity: 0.75;
}
.carousel-item a {
	text-decoration: none;
}
.robotofont {
	font-family: 'Roboto', sans-serif;
}
.velikifont {
	font-size: 24px;
}
.naslov-app {
	width: auto;
	float: left;
}
.naslov-id {
	width: auto;
	float: right;
	margin-top: 0.6rem;
}
.naslov-app .title-favorite {
	margin-left: 15px;
    padding-bottom: 5px;
}
.naslov-app .title-favorite i {
	font-size: 24px;
    margin-top: 5px;
    display: inline-block;
    float: right;
}
@media only screen and (max-width: 990px) {

	.heading-villa {
	display: inline-block !important;
	}

	.heading-villa h1.mb-4.naslov-app.main-title {
	font-size: 36px;
	}

	h6.location {
	display: inline-grid;
	margin-top: 19px;
	}

	.heading-villa sup.narancasta em {
	font-size: 13px;
	}

h1.naslov-app {
    margin-top: 0px !important;
	margin-bottom: 4px !important;
	width: 100%;
}
.naslov-id {
    float: left;
    margin-top: 0;
    margin-left: 1px;
	width: 100%;
}
}
.kategorija span.cijena {
	padding: .5rem 1.66rem
}
.single-middle {
	margin-top: 5px !important;
}
.page-link {
	color: #903961;
	background: #fff;
	border-color: #903961;
	border-radius: 0px
}
.page-item.disabled .page-link, .page-item:last-child .page-link {
	border-color: #903961;
	border-radius: 0px
}
.page-link:hover {
	color: #fff;
	background: #903961
}
.page-link.active {
	color: #fff;
	background: #903961
}
.page-link.active:hover {
	color: #fff;
	background: #b79043
}
.page-link:focus {
	box-shadow: 0 0 0 .2rem rgba(195,160,92,.25);
	-moz-box-shadow: 0 0 0 .2rem rgba(195,160,92,.25);
	-webkit-box-shadow: 0 0 0 .2rem rgba(195,160,92,.25)
}
.nowrap {
	white-space: nowrap;
}
.fs14 {
	font-size: 14px
}
.kptsf {
	padding: .75rem 0;
	margin-top: 30px;
	font-size: 24px;
}
.naslovnica .vanjski,
.kategorija .vanjski {
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
	display: table;
	text-align: center;
	align-items: stretch;
	justify-content: center;
}
.naslovnica .vanjski a,
.kategorija .vanjski a {
	width: 70%;
	height: auto;
	align-self: center;
	display: table-cell;
	float: none;
	vertical-align: middle;
	padding: 15px 20px;
}
.naslovnica .vanjski .btn-primary:focus,
.naslovnica .vanjski .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.naslovnica .vanjski span.cijena,
.kategorija .vanjski span.cijena {
	width: 30%;
	height: auto;
	padding: 0 5px;
	display: table-cell !important;
	vertical-align: middle;
}
.cc-banner .cc-message {
	font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    font-weight: 300;
}
.cc-theme-classic .cc-btn {
    border-radius: 0 !important;
}
.cc-theme-classic .cc-btn:hover {
    background-color: #4995a0 !important;
	text-decoration: none;
}
.contact-details a {
	color: #4d5055;
	/* text-decoration: underline; */
}
.contact-details a:hover {
	text-decoration: none;
}
.custom-control-label {
    padding-top: 2px;
}
.custom-control-input~.custom-control-label::before {
	border-color:#bdc1c4;
	border-radius: 0;
}
.custom-radio .custom-control-input~.custom-control-label::before {
	border-color:#bdc1c4;
	border-radius: 50%;
}
.custom-control-input~.custom-control-label {
	cursor: pointer;
}
.custom-control-input:checked~.custom-control-label::before {
	color:#fff;
	border-color:#903961;
	background-color:#903961;
	box-shadow: none;
}
.filter-map .custom-control-input:checked~.custom-control-label::before {
	color:#fff;
	border-color:#efefef;
	background-color:#efefef;
	box-shadow: none;
}
.custom-control-input:focus~.custom-control-label::before {
	box-shadow: none;
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
	border-color:#bdc1c4;
	box-shadow: none;
}
.table td,
.table th {
    padding: .6rem .75rem;
	border: 1px solid #efefef;
}
.table .thead-light th {
    color: #4d5055;
    background-color: #f5f3ee;
    font-size: 15px;
    font-weight: 500;
}
.table thead th {
    border-bottom: 1px;
}
.modal-body .filter-group .guests .dropdown-toggle,
.booking-filter .filter-group .guests .dropdown-toggle {
	width: 100%;
	height: 38px;
	text-align: left;
	color: #495057;
	border: 1px solid #ced4da;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.modal-body .filter-group .guests .dropdown-toggle:focus,
.booking-filter .filter-group .guests .dropdown-toggle:focus {
	border: 1px solid #903961;
	box-shadow: none;
}
.modal-body .filter-group .date,
.booking-filter .filter-group .date {
	border: 1px solid #ced4da;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.modal-body .filter-group .date:focus,
.booking-filter .filter-group .date:focus {
	border: 1px solid #903961;
}
.modal-body .filter-group .date_range_picker .values .value span,
.booking-filter .filter-group .date_range_picker .values .value span {
    color: #495057;
	font-size: 1rem;
}
.modal-body .filter-group .date_range_picker.active .calendar,
.booking-filter .filter-group .date_range_picker.active .calendar {
    border-top: none;
    margin-top: 2px;
}
.modal-body .filter-group .date_range_picker .values,
.modal-body .filter-group .date_range_picker.active .values,
.booking-filter .filter-group .date_range_picker .values,
.booking-filter .filter-group .date_range_picker.active .values {
    padding: 6px 10px 5px 10px;
}
.modal-body .filter-group textarea {

	height: auto;
}

.dental table#preventivo-odabir-up td img, .dental table#preventivo-odabir-up-property td img, .dental table#preventivo-odabir-up-services td img {
    width: 104px;
}

.dental .preventivo-listing-single h3 img {
    width: 104px;
}

.preventivo-listing-single.inq.premium {
    background: #f5f5f5;
}

.preventivo-listing-single.inq.premium table tr td{
    background: #f5f5f5;
}

.preventivo-listing-single.inq {
    padding-bottom: 8px;
    padding-top: 12px;
}
/*.basket-title {
	background-color: #903961;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    padding: 7px 10px 6px 10px;
}
.basket-title i {
	background-color: #fff;
    color: #903961;
    font-size: 20px;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    text-align: center;
    float: left;
    border-radius: 50%;
    margin-top: 2px;
    padding-top: 6px;
}*/
.basket-title {
	background-color: #903961;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 10px 5px 15px;
    text-transform: uppercase;
    line-height: 37px;
}
.basket-title i {
    background-color: #fff;
    color: #903961;
    font-size: 17px;
    margin-right: 7px;
    width: 28px;
    height: 28px;
    text-align: center;
    float: left;
    border-radius: 50%;
    margin-top: 4px;
    padding-top: 5px;
}
.basket-content {
	border: 1px solid #903961;
	padding: 5px 15px 15px 15px;
	margin-bottom: 20px;
}
.basket-content table {
    margin-bottom: 0;
}
.basket-content table td,
.basket-content table th {
    border: none;
	padding-left: 0;
}
.basket-content table td,
.basket-content table th {
    border-bottom: 1px solid #efefef;
}
.basket-content table thead {
	display: table-footer-group;
}
.basket-content table td i {
    margin: 0 6px 0 0;
    width: 15px;
    height: 15px;
    padding-top: 0;
	color: #a9a5a2;
}
.basket-content table td .actions {
	float: right;
	margin-right: -0.75rem;
	margin-top: 2px;
}
.basket-content table td .actions .btn {
	padding: 0;
	background-color: #BBB7B3;
	line-height: 1.3;
}
.basket-content table td .actions .dropdown-toggle i {
	color: #fff;
	margin: 0;
    width: 20px;
    height: 20px;
    padding-top: 3px;
}
.basket-content table td .actions .dropdown-toggle:after {
	display: none;
}
.basket-content table td .tooltip-span {
    border-bottom: none;
}
.basket-steps {
	margin-bottom: 80px !important;
}

@media (max-width: 1199px) {
.payment-conditions {
    margin-bottom: 40px;
}
}
@media (min-width: 992px) {
.basket-steps {
	justify-content: space-between;
}
.basket-steps .col-lg-6 {
	flex: 0 0 48%;
    max-width: 48%;
}
}
@media (max-width: 991px) {
.basket-steps .step-1 {
	margin-bottom: 40px;
}
}
.basket-step-title {
	padding: 10px 0;
	margin-bottom: 20px;
    color: #903961;
    font-size: 20px;
    font-weight: 400;
	border-bottom: 2px solid #903961;
	opacity: 0.65;
}
.basket-step-title span {
	display: inline-block;
	width: 32px;
	height: 32px;
	text-align: center;
	border: 2px solid #903961;
	margin-right: 10px;
	line-height: 28px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.basket-step-current .basket-step-title {
	opacity: 1;
}
.basket-step-current .basket-step-title span {
    background-color: #903961;
    color: #fff;
}
#paymentMethods .custom-control {
    padding-top: 7px;
}
#paymentMethods .payment-selectors {
    display: flex;
}
.step-content h3 {
	font-size: 18px;
	font-weight: 400;
	font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}
.step-content h5 {
	font-size: 14px;
	font-weight: 400;
	font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}
.step-content h3.disabled,
.step-content h5.disabled {
	opacity: 0.5;
}
.other-information {
    margin-top: 0 !important;
}
label .required {
	color: #BB0303;
}
.step-content label {
	line-height: 38px;
    margin-bottom: 0;
    min-width: 110px;
	font-weight: 600;
}
.step-content button {
    position: relative;
    z-index: 9;
}
.step-content .input-group {
	margin-bottom: 15px;
}
.step-content .input:disabled,
.step-content .form-control:disabled,
.step-content .form-control[readonly] {
	background-color: #f3f3f3;
}
.step-content .input-group.disabled label {
	opacity: 0.5;
	cursor: default;
}
.step-content .input-group.woman-man {
	padding-left: 100px;
}
.step-content .check-terms {
	margin-top: 30px;
}
.proceed {
  justify-content: flex-end;
}
.step-content .check-terms label,
.step-content .input-group.woman-man label,
.step-content .custom-radio label {
	line-height: 23px;
}
.step-content .check-terms label {
	font-weight: 400;
}
.btn-primary.disabled,
.btn-primary:disabled {
   background-color: #d4b67c;
   border-color: #d4b67c;
}
select.disabled,
select:disabled {
   cursor: default;
   color: #a2a2a2;
}
.step-content select {
    background-image: linear-gradient(45deg, transparent 50%, #903961 50%), linear-gradient(135deg, #903961 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 15px) calc(1em + 1px), calc(100% - 10px) calc(1em + 1px), calc(100% - 2.25em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
}
.step-content select:disabled {
    background-image: linear-gradient(45deg, transparent 50%, #dbc395 50%), linear-gradient(135deg, #dbc395 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
}
.custom-control-input:disabled~.custom-control-label {
    color: #4d5055;
	opacity: 0.5;
	cursor: default;
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #903961;
}
.credit-card {
    margin-top: 26px;
}
.crypto-payment {
    margin-top: 20px;
}
.bank-transaction {
    margin-top: 20px;
}
.bank-transaction-details {
    margin-top: 20px;
}
.security-code a {
	line-height: 40px;
}
.security-code i {
	font-size: 25px;
    margin-top: 7px;
    margin-left: 15px;
    margin-right: 8px;
    color: #CED4DA;
    cursor: pointer;
    float: left;
}
#security-code .modal-header {
    padding: 10px 1rem 8px;
	text-align: center;
}
#security-code .modal-header h6 {
    margin-left: 0;
	line-height: 1.3;
	width: 100%;
}
#security-code .modal-body img {
    max-width: 100%;
	height: auto;
}
.cvv-desc {
	margin-top: 27px;
}
.expiry-month {
	margin-right: 15px;
}
.card-amounts {
    background-color: #903961;
	margin-top: 21px;
	margin-bottom: 24px;
	color: #fff;
	padding: 15px;
}
.basket-step-disabled .card-amounts {
    opacity: 0.5;
}
.basket-step-disabled .nav-tabs {
    opacity: 0.5;
}
.card-amounts .handling-fee {
    display: block;
	text-align: right;
}
.card-amounts .on-request {
	display: block;
    text-align: left;
    font-size: 1.25rem;
    font-weight: 400;
}
.service-name {
    min-width: 200px;
}
.book-services td {
    position: relative;
}
.book-services td a {
    position: absolute;
    top: 9px;
    right: -23px;
}
.book-services td i {
    margin: 0 4px;
    width: 19px;
    height: 19px;
    text-align: center;
    padding-top: 2px;
    color: #fff;
}
.book-services td .fa-times {
	background-color: #BBB7AD;
}
.book-services .tooltip-span {
    border-bottom: none;
}
.partner-login {
    float: right;
    margin-right: 2px;
    display: block;
    background-color: #903961;
    color: #fff;
    padding: 5px 10px 5px 8px;
    margin-top: -49px;
    margin-bottom: 10px;
}
.partner-login:hover {
    background-color: #b79043;
    color: #fff;
	text-decoration: none;
}
.partner-login i {
    font-size: 18px;
    margin-right: 7px;
    float: left;
    margin-top: 2px;
}
#partnerLogin {
    border-bottom: 1px solid #dedede;
}
#partnerLogin .card {
    border: none;
	margin-bottom: 33px;
}
#partnerLogin input:not(.custom-control-input) {
    min-width: 325px;
}
.basket-steps .basket-container {
	margin-bottom: 1rem;
	margin-top: 3px;
}
.basic-info-2 i {
	margin-left: 7px;
	margin-right: 17px;
}


/* MODAL Inguiry */

.modal {
	padding-right: 0 !important;
}
.modal-content {
    border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: none;
	padding: 25px;
}
#login-register .modal-content,
#login-register-partner .modal-content {
	padding: 0;
}
.modal-header {
    background-color: #903961;
	color: #fff;
	padding: 10px 1rem;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	align-items: center;
}
#login-register .modal-header,
#login-register-partner .modal-header {
    background-color: transparent;
	padding: 0;
	height: 0;
	margin-bottom: -1px;
}
.modal-header .modal-title {
    text-transform: uppercase;
}
.modal-header .close {
    background-color: #061526;
    opacity: 1;
    text-shadow: none;
	color: #fff;
	padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
	-moz-border-radius: 50%;
	-moz-border-radius: 50%;
    font-size: 23px;
    margin: 0;
    border: 2px solid #fff;
	position: absolute;
	top: -16px;
    right: -15px;
}
.modal-header .close:hover {
    background-color: #903961;
	color: #fff;
}
.modal-header .close:not(:disabled):not(.disabled):focus,
.modal-header .close:not(:disabled):not(.disabled):hover {
    opacity: 1;
}
.modal-header h6 {
    margin-left: 12px;
    margin-bottom: 0;
}
.modal-header .title-id {
	color: #264653;
	font-size: 12px;
	margin-left: auto;
}
#login-register .modal-dialog-centered,
#login-register-partner .modal-dialog-centered {
	align-items: flex-start;
}
#login-register,
#login-register-partner {
	top: 8.9vh;
}
.modal-body {
    padding: 0;
}
.modal-body .col-lg-6,
.modal-body .col-lg-12 {
    padding: 20px 0;
}
.modal-body .modal-row-padding .col-lg-6 {
    padding: 0 15px;
}
.modal-body .col-lg-6:nth-of-type(1) {
    padding-right: 20px;
}
.modal-body .col-lg-6:nth-of-type(2) {
    padding-left: 20px;
}
.modal-body .custom-control-label {
    padding-top: 4px;
    font-weight: 300;
    line-height: 130%;
}
.modal-body .custom-control-label a {
    color: #4d5055;
	text-decoration: underline;
}
.modal-body .custom-control-label a:hover {
	text-decoration: none;
}
.modal-footer {
    padding: 0 1rem 10px 1rem;
    border-top: none;
    border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.modal-footer.text-center {
    justify-content: center;
}
.modal-footer .btn {
    text-transform: uppercase;
	padding: 10px 20px;
}
#videoModal .modal-content {
    padding: 0;
}
#videoModal .modal-dialog {
  max-width: 960px;
  margin: 60px auto;
}
#videoModal .modal-body {
  position:relative;
  padding:0px;
}
#videoModal .close {
  position:absolute;
  right:-20px;
  top:-20px;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}
/* END OF MODAL Inguiry */

@media screen and (max-width: 991px) {
.modal-dialog {
    margin: 0 auto;
}
.modal-body .row .col-lg-6 {
	padding-bottom: 0;
}
.modal-body .col-lg-6:nth-of-type(2) {
    padding-top: 0;
}
.date_range_picker .calendar {
    left: -70px;
}
.booking-filter .date_range_picker .calendar  {
	left: -25px;
    right: auto;
}
.date_range_picker.active .calendar {
    height: 214px;
    width: 370px;
}
.date_range_picker .calendar .container {
    left: -175px !important;
}
.date_range_picker .calendar table {
    width: 160px;
}
.date_range_picker .calendar table caption {
    line-height: 18px;
	font-size: 13px;
}
.date_range_picker .calendar table th {
    width: 22px;
    font-size: 10px;
    line-height: 20px;
}
.date_range_picker .calendar td {
    width: 22px;
    height: 21px;
    font-size: 11px;
    line-height: 18px;
}
.date_range_picker .calendar .button-prev {
    left: 15px;
}
.date_range_picker .calendar .button-next {
    right: 15px;
}
.date_range_picker .calendar .button {
    top: 20px;
    width: 20px;
    height: 16px;
    background-size: 14px 9px;
}
.partner-login {
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 1px;
}
.basic-info-1 table {
	margin-bottom: 0;
}
.basic-info-2 table {
	margin-top: 0;
}
}
@media screen and (max-width: 640px) {
.page-home .container.my-auto.topa {
	padding-left: 0;
	padding-right: 0;
}
.page-home .booking-form .date_range_picker .calendar {
    left: -80px;
}
.travel-period-persons .date_range_picker .calendar {
		left: -40px !important;
}
.filter-wrapper .goto-id .dropdown-extras {
    min-width: 315px;
    left: -20px !important;
}
}
@media (max-width: 768px){
#partnerLogin .form-inline .form-control {
    display: block;
    width: 100%;
	margin-right: 0 !important;
}
#partnerLogin input:not(.custom-control-input) {
    min-width: auto;
}
#partnerLogin .form-inline button {
	margin-left: auto !important;
}
#partnerLogin .form-inline .form-control {
    display: inline-block;
    width: 100%;
	margin-right: 0 !important;
}
#partnerLogin .form-inline button {
	margin-left: auto !important;
}
#partnerLogin .form-inline .custom-control-label {
    margin-bottom: 0;
}
#partnerLogin .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: .25rem;
    margin-left: 0;
}
#partnerLogin .form-inline .form-check {
    width: auto;
}
#partnerLogin .custom-control {
    padding-left: 0;
}
}
.property-gallery {
	position: relative;
    float: left;
    width: 100%;
	margin-top: 18px;
	margin-bottom: 20px;
}
.property-gallery .big-thumbnails {
}
.property-gallery .big-thumbnails img {
	/* max-width: 100%;
	height: 220px;
	padding-right: 16px; */
	max-width: 100%;
	height: auto;
  padding-right: 0;
}
.property-gallery .big-thumbnails .left-thumbnails {
	/* float: left;
	display: flex;
	width: 100%; */
	float: left;
  width: calc(33.4% - 12px);
  margin-right: 12px;
}
.property-gallery .big-thumbnails .left-thumbnails a {
	display: block;
}
.property-gallery .big-thumbnails .left-thumbnails a:first-of-type {
	margin-bottom: 14px;
}
.property-gallery .big-thumbnails .right-thumbnails {
	float: right;
	width: calc(66.6% - 1px);
	margin-left: 1px;
}
.property-gallery .small-thumbnails {
	display: flex;
	justify-content: space-between;
	float: left;
	margin-top: 14px;
}
.property-gallery .small-thumbnails a {
	display: block;
	width: 18.97%;
}
.property-gallery .small-thumbnails img {
	max-width: 100%;
	height: auto;
}
.property-gallery .last-gallery-thumbnail {
	position: relative;
}
.property-gallery .last-gallery-thumbnail span {
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	text-align: center;
	padding: 0 10px;
}
.property-gallery .last-gallery-thumbnail span strong {
    position: relative;
    top: 42%;
    transform: translateY(-42%);
	font-weight: 500;
}
.property-gallery .hidden-thumbnails {
	display: none;
}

.property-availability .slider {
    display: flex;
}

.fancybox-container .fancybox-thumbs {
  top: auto;
  width: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 95px;
  padding: 10px 10px 5px 10px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
}
.fancybox-container .fancybox-show-thumbs .fancybox-inner {
  right: 0;
  bottom: 95px;
}
.fancybox-container.fancybox-show-thumbs .fancybox-inner {
    right: 0;
	bottom: 80px;
}
.fancybox-container .fancybox-thumbs__list {
    text-align: center;
    margin: auto;
}
.fancybox-thumbs__list a {
    float: none;
    display: inline-block;
}
@media screen and (max-width: 780px) {
.property-gallery .big-thumbnails .left-thumbnails {
    display: none;
}
.property-gallery .big-thumbnails .right-thumbnails {
    float: none;
    width: 100%;
    margin-left: 0;
}
.property-gallery .small-thumbnails {
    display: block;
    width: 100%;
}
.property-gallery .small-thumbnails a:not(.last-gallery-thumbnail) {
    display: none;
}
.property-gallery .small-thumbnails .last-gallery-thumbnail {
    width: 100%;
}
.property-gallery .small-thumbnails img {
    width: 100%;
}
.property-gallery .small-thumbnails .last-gallery-thumbnail img {
    display: none;
}
.property-gallery .last-gallery-thumbnail span {
    background-color: #903961;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    text-align: center;
    padding: 10px 10px;
    width: 100%;
    display: block;
	margin-top: -14px;
	font-size: 16px;
}
/*.property-gallery .last-gallery-thumbnail span strong {
    top: 45%;
    transform: translateY(-45%);
}*/
.nav-tabs .see-all {
    position: relative;
	top: auto;
    bottom: 0;
    right: 0px;
    width: 100%;
	background-color: #fff;
    text-align: center;
}
.fancybox-navigation {
	display: none;
}
}
#return-to-list {
    margin-top: 6px;
    margin-bottom: -8px;
    padding-bottom: 0;
    margin-left: 25px;
}
#return-to-list>div {
    margin-bottom: 20px;
    margin-top: 13px;
}
#return-to-list i {
    margin-right: 3px;
}

/* START - Google maps markeri */
.customKlasa {
	display: inline-block;
	position:relative;
	background-color: #fff;
	padding: 5px 12px 4px 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
}
.hoveredMarker {
	background-color: #248f9f;
	cursor: pointer;
        z-index: 99999
}
.customKlasa span {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #212529;
}
.hoveredMarker span {
	color: #fff;
}

 .card .hoveredUnit td.card-price {
	 color: #fff;
 }

.hoveredMarker .card td.card-price {
	color: #fff;
}

.hoveredUnit .card td {
	color: #fff !important;
}

.customKlasa:after {
    content:'';
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-bottom: solid 5px #fff;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}
.hoveredMarker:after {
    border-bottom: solid 5px #248f9f;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}
.customKlasa i {
	margin-right: 1px;
}
.customKlasa .fa-eye {
	color: #248f9f;
	font-size: 14px;
}
.customKlasa .fa-heart {
	color: #E64747;
	font-size: 13px;
}
.hoveredMarker i {
	color: #fff !important;
}
/* END - Google maps markeri */


/*
@media screen and (max-width: 768px){.kategorija span.cijena{padding: .5rem 1.04rem;}.naslovnica span.cijena{padding: .5rem .538rem}}
@media screen and (max-width: 640px){.kategorija span.cijena{padding: .5rem 2.73rem;}.naslovnica span.cijena{padding: .5rem 2.52rem}}
@media screen and (max-width: 568px){.kategorija span.cijena{padding: .5rem 2.99rem;}.naslovnica span.cijena{padding: .5rem 1.98rem}}
@media screen and (max-width: 480px){.kategorija span.cijena{padding: .5rem 2.16rem;}.naslovnica span.cijena{padding: .5rem 1.32rem}}
@media screen and (max-width: 375px){.kategorija span.cijena{padding: .5rem 1.18rem;}.naslovnica span.cijena{padding: .5rem .538rem}}
@media screen and (max-width: 360px){.kategorija span.cijena{padding: .5rem 1.231rem;}.naslovnica span.cijena{padding: .5rem 1.23rem}}*/


@media screen and (max-width: 991px) {
.py-sekcija.sadrzaj {
    margin-top: 70px;
}
.breadcrumb {
	display: none
}
#slider3-pager {
	display: none
}
.mt3r {
	margin-top: 0px
}
.mb5r {
	margin-bottom: 5em;
}
/*.breadcrumb{display: none}*/
.kategorija {
	margin-top: 70px;
}
.kategorija .breadcrumb {
	display: none;
}
.booking-form .form-btn {
    padding-top: 0;
}
.masthead .container {
    padding-top: 17%;
}
.masthead .calendar .container {
	padding-top: 0;
}
.modal-dialog {
    width: 100%;
}
.modal-header {
    display: block;
}
.modal-header h6 {
    margin-left: 1px;
    margin-bottom: 5px;
}
.modal-body .col-lg-6:nth-of-type(1) {
    padding-right: 0;
	padding-bottom: 0;
}
.modal-body .modal-row-padding .col-lg-6:nth-of-type(1) {
    padding-right: 15px;
}
.modal-body .col-lg-6:nth-of-type(2) {
	padding-left: 0;
}
.modal-body .modal-row-padding .col-lg-6:nth-of-type(2) {
	padding-left: 15px;
}
}
@media screen and (max-width: 767px) {



	.filter-wrapper .dropdown-all {
min-width: 220px !important;
    margin-top: 40px
}

.masthead .container {
    padding-top: 35%;
}

ul.dropdown-menu.atd {
    display: block;
}

.masthead .calendar .container {
	padding-top: 0;
}

header.py-5.bg-image-full.atd {
    margin-top: 50px;
}

.booking-wrapper {
    position: absolute;
	bottom: 7px;
}
.modal-header .close {
    top: 0;
    right: 0;
}
.navbar-brand {
    margin-left: 0px;
}
.video .container {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}
.pokreni em {
    font-size: 3.5rem;
}
}
@media screen and (max-width: 480px) {
.nav-tabs .nav-item {
	width: 100%;
}

ul.navbar-nav {
	text-align: right;
}

.modal-content {
	margin-top: 35px !important;
}

.naslov-app {
	width: 100%;
	float: none;
	text-align: center;
	font-size: 2rem;
}
.naslov-id {
	float: none;
	text-align: center;
	width: 100%;
	padding-bottom: 15px;
}
}
@media screen and (max-width:320px) {
.navbar-brand img {
	width: 180px;
}
}


.loader-overlay {
	position: fixed;
	z-index: 9999999;
	background-color: rgb(6,21,38,0.5);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.loader-wrapper {
	position: fixed;
	z-index: 9999999;
	background-color: #fff;
	width: 95%;
	max-width: 500px;
	position: fixed;
	top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	padding: 20px 25px 25px 25px;
}
.loader-wrapper h4 {
    font-size: 18px;
	line-height: 1.3;
    color: #903961;
    text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 12px;
}
.loader-wrapper .animated-images {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}
.loader-wrapper .animated-images img {
    width: calc(25% - 2px);
	margin: 1px;
	position: relative;
}
.loader-wrapper h4 span {
    font-size: 24px;
	font-weight: 600;
}
.loader-wrapper h4 span:nth-of-type(1) {
	-webkit-animation: dots-1 1.8s;
    animation: dots-1 1.8s;
    animation-iteration-count: infinite;
	animation-delay: 0s;
}
@keyframes dots-1 {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}
.loader-wrapper h4 span:nth-of-type(2) {
	-webkit-animation: dots-2 1.8s;
    animation: dots-2 1.8s;
    animation-iteration-count: infinite;
	animation-delay: 0.6s;
}
@keyframes dots-2 {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}
.loader-wrapper h4 span:nth-of-type(3) {
	-webkit-animation: dots-3 1.8s;
    animation: dots-3 1.8s;
    animation-iteration-count: infinite;
	animation-delay: 1.2s;
}
@keyframes dots-3 {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}

.loader-wrapper .animated-line {
    height: 3px;
	width: 1px;
	background-color: #903961;
	margin-top: 0;
	margin-bottom: 5px;
	-webkit-animation: increase 30s;
	-moz-animation:    increase 30s;
	-o-animation:      increase 30s;
	animation:         increase 30s;
	animation-fill-mode: forwards;
	animation-name: line;
}
@keyframes line {
  100% {width: 100%;}
}

/* Loader images animation START */

.loader-wrapper .animated-images img:nth-of-type(1) {
  -webkit-animation: img-1 3s;
  -webkit-animation-direction: alternate;
  animation: img-1 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
@keyframes img-1 {
  0%   {opacity: 0;}
  50%  {opacity: 0.6;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(2) {
  -webkit-animation: img-2 3s;
  -webkit-animation-direction: alternate;
  animation: img-2 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 1s;
}
@keyframes img-2 {
  0%   {opacity: 0;}
  50%  {opacity: 0.5;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(3) {
  -webkit-animation: img-3 3s;
  -webkit-animation-direction: alternate;
  animation: img-3 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
@keyframes img-3 {
  0%   {opacity: 0;}
  50%  {opacity: 0.3;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(4) {
  -webkit-animation: img-4 3s;
  -webkit-animation-direction: alternate;
  animation: img-4 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 2s;
}
@keyframes img-4 {
  0%   {opacity: 0;}
  50%  {opacity: 0.4;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(5) {
  -webkit-animation: img-5 3s;
  -webkit-animation-direction: alternate;
  animation: img-5 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 1.5s;
}
@keyframes img-5 {
  0%   {opacity: 0;}
  50%  {opacity: 0.5;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(6) {
  -webkit-animation: img-6 3s;
  -webkit-animation-direction: alternate;
  animation: img-6 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
@keyframes img-6 {
  0%   {opacity: 0;}
  50%  {opacity: 0.3;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(7) {
  -webkit-animation: img-7 3s;
  -webkit-animation-direction: alternate;
  animation: img-7 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
@keyframes img-7 {
  0%   {opacity: 0;}
  50%  {opacity: 0.4;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(8) {
  -webkit-animation: img-8 3s;
  -webkit-animation-direction: alternate;
  animation: img-8 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 0.7s;
}
@keyframes img-8 {
  0%   {opacity: 0;}
  50%  {opacity: 0.3;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(9) {
  -webkit-animation: img-9 3s;
  -webkit-animation-direction: alternate;
  animation: img-9 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 2.5s;
}
@keyframes img-9 {
  0%   {opacity: 0;}
  50%  {opacity: 0.6;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(10) {
  -webkit-animation: img-10 3s;
  -webkit-animation-direction: alternate;
  animation: img-10 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
@keyframes img-10 {
  0%   {opacity: 0;}
  50%  {opacity: 0.4;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(11) {
  -webkit-animation: img-11 3s;
  -webkit-animation-direction: alternate;
  animation: img-11 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 0.7s;
}
@keyframes img-11 {
  0%   {opacity: 0;}
  50%  {opacity: 0.6;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(12) {
  -webkit-animation: img-12 3s;
  -webkit-animation-direction: alternate;
  animation: img-12 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 0.4s;
}
@keyframes img-12 {
  0%   {opacity: 0;}
  50%  {opacity: 0.5;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(13) {
  -webkit-animation: img-13 3s;
  -webkit-animation-direction: alternate;
  animation: img-13 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 0.6s;
}
@keyframes img-13 {
  0%   {opacity: 0;}
  50%  {opacity: 0.3;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(14) {
  -webkit-animation: img-14 3s;
  -webkit-animation-direction: alternate;
  animation: img-14 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
@keyframes img-14 {
  0%   {opacity: 0;}
  50%  {opacity: 0.5;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(15) {
  -webkit-animation: img-15 3s;
  -webkit-animation-direction: alternate;
  animation: img-15 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 1.7s;
}
@keyframes img-15 {
  0%   {opacity: 0;}
  50%  {opacity: 0.8;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(16) {
  -webkit-animation: img-16 3s;
  -webkit-animation-direction: alternate;
  animation: img-16 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
@keyframes img-16 {
  0%   {opacity: 0;}
  50%  {opacity: 0.3;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(17) {
  -webkit-animation: img-17 3s;
  -webkit-animation-direction: alternate;
  animation: img-17 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 1.3s;
}
@keyframes img-17 {
  0%   {opacity: 0;}
  50%  {opacity: 0.6;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(18) {
  -webkit-animation: img-18 3s;
  -webkit-animation-direction: alternate;
  animation: img-18 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 1.1s;
}
@keyframes img-18 {
  0%   {opacity: 0;}
  50%  {opacity: 0.4;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(19) {
  -webkit-animation: img-19 3s;
  -webkit-animation-direction: alternate;
  animation: img-19 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}
@keyframes img-19 {
  0%   {opacity: 0;}
  50%  {opacity: 0.7;}
  100% {opacity: 1;}
}
.loader-wrapper .animated-images img:nth-of-type(20) {
  -webkit-animation: img-20 3s;
  -webkit-animation-direction: alternate;
  animation: img-20 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-delay: 0.5s;
}
@keyframes img-20 {
  0%   {opacity: 0;}
  50%  {opacity: 0.5;}
  100% {opacity: 1;}
}

/* Loader images animation END */


@media screen and (max-width:480px) {
.loader-wrapper {
	padding: 15px 15px 15px 15px;
}
.loader-wrapper h4 {
	font-size: 18px;
	margin-bottom: 10px;
}
}

/* Added 22.01.2020. */

.icons-main {
	padding-bottom: 14px;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 0px !important;
}
.icons-main svg {
	width: 36px;
	height: 36px;
	display: block;
	margin: 0 auto 10px auto;
	fill: #4d5055;
}
.icons-main svg#house {
	margin: -4px auto 14px auto;
}
.icons-main span {
	text-transform: uppercase;
	font-weight: 600;
	display: block;
}

.icons-main img {
    width: 45px;
}

.property-rooms {
	padding-top: 15px;
	margin-bottom: 35px;
}
.property-rooms > div {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 25px !important;
	padding-right: 25px !important;
	border-right: 1px solid #c8c9ca;
	border-bottom: 1px solid #c8c9ca;
}
.property-rooms > div:nth-of-type(1),
.property-rooms > div:nth-of-type(2),
.property-rooms > div:nth-of-type(3) {
	padding-top: 0;
}
.property-rooms > div:nth-child(3n+1) {
	padding-left: 0 !important;
}
.property-rooms > div:nth-child(3n+3) {
	border-right: none;
	padding-right: 0 !important;
}
.property-rooms > div:last-of-type {
	border-right: none;
}
.property-rooms h5 {
	font-size: 18px;
	font-weight: 600;
}
.property-rooms h5 span {
	float: right;
	font-weight: 600;
}
.property-rooms ul li span {
	font-weight: 600;
}
.property-rooms ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}
.property-rooms ul li span {
    font-weight: 600;
    padding-left: 10px;
}
.property-rooms ul li i {
	font-size: 12px;
	margin-right: 5px;
}
.property-description {
	margin-bottom: 15px;
}
.property-description h5 {
	margin-bottom: 10px;
	font-size: 24px;
}
.property-prices h5 {
	margin-bottom: 15px;
	font-size: 24px;
}
.property-features {
	margin-bottom: 40px;
}
.property-features h5 {
	font-size: 24px;
	margin-bottom: 20px;
}
.features-info-wrapper {
	margin-bottom: 30px;
}
.features-info-wrapper:last-of-type {
	margin-bottom: 0;
}
.features-info {
	display: flex;
	margin-top: -1px;
	border-bottom: 1px solid #c8c9ca;
}
.features-info div {
	padding: 15px;
}
.features-info div:first-of-type {
	width: 15%;
	border-right: none;
	padding-left: 0;
}
.features-info div:last-of-type {
	width: 75%;
}
.features-info h6 {
	font-weight: 600;
}
.features-info ul {
	margin-bottom: 0;
	padding-left: 17px;
	columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}
.features-info ul li {
	line-height: 1.6;
  word-break: break-word;
}
.show-hide-desc-button {
	text-align: right;
}
.show-hide-desc-button .btn {
	font-size: 12px;
	box-shadow: none !important;
}
.btn-light {
    color: #212529;
    background-color: #eef0f1;
    border-color: #eef0f1;
}
.icons-additional {
	padding-bottom: 14px;
	border-bottom: 1px solid #c8c9ca;
	text-align: left;
}
.icons-additional div {
	padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
	border-right: 1px solid #e7e7e7;
}
.icons-additional div:nth-of-type(1),
.icons-additional div:nth-of-type(4),
.icons-additional div:nth-of-type(7){
    padding-left: 0 !important;
}
.icons-additional div:nth-of-type(3),
.icons-additional div:nth-of-type(6),
.icons-additional div:nth-of-type(9) {
    padding-right: 0 !important;
	border-right: none;
}
.icons-additional div span {
    float: right;
	font-weight: 600;
}
.icons-additional svg {
	width: 20px;
	height: 20px;
	display: block;
	margin: 0 7px 0 0;
	fill: #4d5055;
	float: left;
}
.property-availability h5 {
    margin-bottom: 15px;
    font-size: 24px;
}
.distances-wrapper {
	margin-bottom: 25px;
}
.distances-wrapper h5 {
	margin-bottom: 20px;
	font-size: 24px;
}
.content-distances {
	column-count: 3;
	column-width: 250px;
	column-gap: 40px;
}
.content-distances .distances {
	break-inside: avoid;
}
.content-distances .distances:before,
.content-distances .distances:after {
    content: " ";
    display: table;
}
.content-distances ul {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 20px;
}
.content-distances ul li {
	border-bottom: 1px solid #E7E7E7;
	line-height: 1.8;
}
.content-distances ul li span {
	float: right;
}
.content-distances h6 {
	font-size: 15px;
}
.property-prices {
    margin-bottom: 20px;
}
.property-map {
    margin-top: 70px;
}
.vertical-separator {
	border-left: 1px solid #c4bfb5;
	margin-left: 25px;
}
.filter-wrapper .btn-group.goto-id .btn.dropdown-toggle {
	margin-left: 0px;
	color: #212529;
	padding: 0;
}
/* .filter-wrapper .btn-group.goto-id .dropdown-toggle:after {
    content: "\f0b0";
	font-family: FontAwesome;
	font-size: 12px;
    margin-left: 5px;
		margin-top: -5px;
		display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
} */
.filter-wrapper .goto-id .btn-outline-secondary {
    padding-right: 0;
	margin-right: 0 !important;
}
.filter-wrapper .goto-id .dropdown-extras {
    padding-bottom: 8px;
}
.filter-wrapper .btn-group.goto-id>.btn:active,
.filter-wrapper .btn-group.goto-id>.btn:focus  {
	color: #212529;
}
.property-map .container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.property-map + footer {
	margin-top: 0;
}

/*SLIDER */

.slider {
	margin: 0 auto;
}
.slider .calendar-month {
	width: 24%;
	margin-bottom: 30px;
}
.slider .calendar-month table {
	width: 100%;
}
.slider .calendar-month .calendar-title {
    line-height: 34px;
    font-weight: 500;
    color: #8a8377;
    text-align: center;
    background-color: #efefef;
}
.slider .calendar-month table th {
	font-weight: normal;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #efefef;
	text-align: center;
}
.slider .calendar-month table td {
	text-align: center;
	line-height: 30px;
	border: 1px solid #efefef;
}
.slider .calendar-month table .available {
	background-color: #55A903;
	color: #FFF;
}
.slider .calendar-month table .available.half {
	background: rgb(187,3,3);
	background: linear-gradient(315deg, rgba(187,3,3,1) 25%, rgba(85,169,3,1) 25%, rgba(85,169,3,1) 100%);
	color: #FFF;
}
.slider .calendar-month table .unavailable {
	background-color: #BB0303;
	color: #FFF;
}
.slider .calendar-month table .unavailable.half {
	background: rgb(85,169,3);
	background: linear-gradient(315deg, rgba(85,169,3,1) 75%, rgba(187,3,3,1) 75%, rgba(187,3,3,1) 100%);
	color: #FFF;
}
.slider .calendar-month table .optional {
	background-color: #F2DCB2;
	color: #4d5055;
}
.icons-main span em {
    text-transform: none;
	font-style: normal;
}
.icons-additional .fa-star-o {
    font-size: 16px;
    margin-left: 3px;
    margin-right: 8px;
}
.icons-additional .fa-star {
    margin-left: 1px;
}

@media screen and (max-width:960px) {
.content-distances div {
	width: 45%;
}
}
@media screen and (max-width:780px) {
.icons-main div {
	width: 33.3333% !important;
	margin: 10px 0;
}
.features-info ul {
	columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
}
@media screen and (max-width:768px) {
.property-rooms > div {
	padding-top: 25px !important;
	padding-bottom: 25px;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-right: none;
}
.property-rooms > div:first-of-type {
	padding-top: 0 !important;
}
.content-distances div {
	width: 100% !important;
}
.icons-additional div {
    border-right: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
}
@media screen and (max-width:640px) {
.icons-main div {
	width: 50% !important;
}
.availability {
	display: block;
}
.availability span {
  display: block;
  margin-bottom: 5px;
}
.bx-wrapper {
  padding: 0 0;
}
.bx-controls {
	display: none;
}
.features-info {
    display: block;
	margin-bottom: 20px;
}
.property-description {
    margin-bottom: 30px;
}
.property-features {
    margin-bottom: 20px;
}
.property-features h5 {
    margin-bottom: 15px;
}
.features-info-wrapper {
    margin-bottom: 10px;
}
.features-info div {
    display: block;
	padding: 0;
	width: 100% !important;
	border: none;
	margin-bottom: 20px;
}
.features-info div:first-of-type {
	margin-bottom: 0px;
}
.features-info h6 {
    line-height: 1.5;
}
.features-info ul {
	columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
}
@media screen and (max-width:480px) {
.content-distances {
	flex-wrap: wrap;
}
}


/* Added 27.01.2020. */

.filter-wrapper .goto-id .dropdown-extras {
    min-width: 360px;
}
.filter-wrapper .goto-id .dropdown-extras ::-webkit-input-placeholder {
  color: #b3b3b3;
  font-size: 14px;
  font-weight: 400;
}
.filter-wrapper .goto-id .dropdown-extras :-ms-input-placeholder {
  color: #b3b3b3;
  font-size: 14px;
  font-weight: 400;
}
.filter-wrapper .goto-id .dropdown-extras ::placeholder {
  color: #b3b3b3;
  font-size: 14px;
  font-weight: 400;
}
.booking-form .choose-destination .dropdown-menu,
.searchbar-wrapper .choose-destination .dropdown-menu {
    width: auto;
	padding: 10px;
}
.booking-form .choose-destination .dropdown-menu .dropdown-item,
.searchbar-wrapper .choose-destination .dropdown-menu .dropdown-item {
    color: #264653;
	padding: 5px 10px;
	font-weight: 400;
}
.booking-form .choose-destination .dropdown-menu .dropdown-item:focus,
.booking-form .choose-destination .dropdown-menu .dropdown-item:hover,
.searchbar-wrapper .choose-destination .dropdown-menu .dropdown-item:focus,
.searchbar-wrapper .choose-destination .dropdown-menu .dropdown-item:hover {
    color: #fff;
}
.booking-form .choose-destination .dropdown-menu .dropdown-item,
.searchbar-wrapper .choose-destination .dropdown-menu .dropdown-item {
    -moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}
.send-inquiry-box-2 {
    margin-top: 2.5rem !important;
    margin-bottom: 30px;
    position: relative;
}
.send-inquiry-box-2 .klasa {
    padding: 12px 15px 2px 15px;
    background-color: #fff;
    position: relative;
}
.send-inquiry-box-2 .klasa p.zlatna {
    margin-bottom: 7px;
	font-size: 16px;
}
.send-inquiry-box-2 .klasa p.plava {
	font-size: 16px;
}
.inquiry-top {
    display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 8px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DEDEDE;
}
.inquiry-top .inquiry-top-id strong {
    font-weight: 400;
	color: #903961;
}
.inquiry-top .inquiry-top-forward-save a {
    margin-left: 15px;
	display: block;
	float: left;
	font-size: 12px;
	text-transform: none;
	text-align: center;
}
.inquiry-top .inquiry-top-forward-save a:nth-of-type(2) i {
    margin-bottom: 1px;
}
.inquiry-top .inquiry-top-forward-save a:hover {
    text-decoration: none;
	color: #903961;
}
.inquiry-top .inquiry-top-forward-save i {
    font-size: 20px;
	display: block;
}
.inquiry-top .inquiry-top-forward-save i.fa-share-square-o {
    font-size: 21px;
}
.inquiry-top-property-info ul {
    text-align: left;
	padding-left: 0;
	list-style-type: none;
	text-transform: none;
	margin-bottom: 0;
}
.inquiry-top-property-info ul li {
    padding: 2px 0;
}
.inquiry-top-property-info ul li:first-of-type {
    font-size: 16px;
}
.inquiry-top-property-info ul li.rating-info {
    font-weight: 600;
}
.inquiry-top-property-info ul li.rating-info i {
    margin-left: 2px;
}
.naslov-id span {
    color: #6c757d;
}
.rating-info {
    display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	padding-top: 3px;
	padding-bottom: 15px;
}
.rating-info div {
    margin-right: 3px;
}
.rating-info .rating-desc {
    font-weight: 600;
	text-transform: none;
}
.rating-info .rating-counts {
    font-weight: 400;
	font-size: 12px;
	text-transform: none;
	color: #6c757d;
}
.inquiry-top-property-info .rateit {
	margin-right: 0;
}
.travel-period-persons h5 {
	background-color: #F5F3EE;
	color: #495057;
	font-size: 14px;
	padding: 10px;
	text-align: left;
	text-transform: none;
	border: 1px solid #efefef;
	border-bottom: none;
	margin-bottom: 0;
}
.travel-period-persons .date_range_picker .values {
    padding: 8px 10px;
	border: 1px solid #efefef;
}
.travel-period-persons .date_range_picker .calendar {
	left: inherit;
	right: 0;
	border-top: 0;
}
.property-rooms h5 i {
    font-size: 16px;
    margin-right: 2px;
    margin-top: 1px;
    padding-bottom: 3px;
    vertical-align: top;
}
.property-rooms h5 i:first-of-type {
    margin-left: 4px;
}
.property-rooms h5 em {
    font-style: normal;
	font-weight: 500;
	margin-left: 4px;
	margin-right: 2px;
}
.property-rooms h5 em + i:first-of-type {
    margin-left: 0px;
}
.property-rooms .fa-check,
.icons-additional .fa-check {
	color: #55A903;
}
.property-rooms .fa-times,
.icons-additional .fa-times {
	color: #BB0303;
}
.short-desc p {
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.long-desc p {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.property-rooms ul li i {
    font-size: 14px;
    margin-top: 2px;
    padding-bottom: 3px;
    vertical-align: top;
}
.travel-period-persons .form-group {
    margin-bottom: -1px;
}
.travel-period-persons .guests .dropdown-toggle {
	width: 100%;
	height: 44px;
	text-align: left;
	color: #264653;
	border: 1px solid #efefef;
	padding-left: 10px;
}
.travel-period-persons .guests .dropdown-toggle:focus {
	border: 1px solid #efefef;
	box-shadow: none;
}
.travel-period-persons .guests .btn.dropdown-toggle:focus {
	box-shadow: none !important;
	outline: none !important;
}
.travel-period-persons .guests .dropdown-menu{
    margin: 1px 0 0 0;
    font-size: 17px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.1);
    box-shadow: 0 4px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,.1);
	padding: 20px;
	width: 100%;
}
.travel-period-persons .guests .dropdown-toggle::after {
    display: none;
}
.travel-period-persons .guests .dropdown-menu .form-control {
    width: 40px;
	height: auto;
	padding: 0;
	border-top: 1px solid #e4e7e7;
	border-bottom: 1px solid #e4e7e7;
	font-size: 15px;
}
.travel-period-persons .guests .dropdown-menu .input-group {
	padding: 0;
	border-bottom: 0;
}
.travel-period-persons .guests .dropdown-menu span {
    display: block;
	font-size: 16px;
    font-weight: 400;
    color: #903961;
	margin-top: 3px;
	margin-bottom: 5px;
}
.travel-period-persons .guests .dropdown-menu button {
    border-radius: 0;
    margin-right: 0;
    font-weight: 500;
    font-size: 17px;
    text-transform: none;
    padding-left: 0;
    padding-right: 0;
	height: 35px;
	width: 35px;
	border: 0;
	padding: 0;
    background-color: #4995a0;
	min-width: 0;
}
.travel-period-persons .guests .dropdown-menu button i {
    font-size: 11px;
	font-weight: 300;
	color: #fff;
}
.travel-period-persons .guests .dropdown-menu .close-dropdown {
    margin-top: 15px;
	margin-bottom: -5px;
	text-align: center;
	font-size: 14px;
}
.travel-period-persons .guests .dropdown-menu .close-dropdown a {
    color: #264653;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.travel-period-persons .guests .dropdown-menu .close-dropdown a:hover {
    text-decoration: none;
}
.travel-period-persons .guests .dropdown-menu .close-dropdown i {
    font-size: 12px;
	margin-left: 4px;
	color: #264653;
}
.travel-period-persons .guests .dropdown-menu .close-dropdown span {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #264653;
    margin-top: 0;
    margin-bottom: 0;
		text-align: right;
}
.travel-price {
    color: #495057;
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #efefef;
    border-top: none;
    margin-bottom: 17px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.travel-price span:nth-of-type(2) {
    font-size: 12px;
	font-weight: 300;
}
.travel-price span:nth-of-type(2) strong {
    font-size: 20px;
	  font-weight: 600;
	  float: right;
    color: #903961;
}
.back-to-list {
    margin-right: 50px;
	padding-top: 3px !important;
}
.back-to-list .nav-link {
    background-color: #903961;
	color: #fff !important;
	font-size: 12px !important;
	padding: 5px 10px 2px 10px;
}
.back-to-list i {
    margin-right: 4px;
	font-size: 14px;
	margin-top: 2px;
	float: left;
}
.page-content {
    margin-bottom: 12px;
}
h1.main-title.page-title {
	margin-bottom: 20px !important;
}
h4.subheading {
	margin-bottom: 10px;
    font-size: 24px;
	color: #903961;
	font-weight: 500 !important;
	font-family: 'Roboto', sans-serif;
	margin-top: 12px;
	margin-bottom: 20px;
}
h5.subheading {
	margin-bottom: 10px;
    font-size: 20px;
	color: #903961;
	font-weight: 500 !important;
	font-family: 'Roboto', sans-serif;
	margin-top: 20px;
	margin-bottom: 10px;
}
.contact-right ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 18px;
}
.contact-right ul li {
	padding: 2px 0;
	font-weight: 500;
	font-size: 16px;
}
.contact-right p {
	color: #92969b;
}
.contact-right .contact-details li {
	padding: 0;
	font-weight: 400;
	font-size: 14px;
}
.contact-right .contact-details li.social-contact {
	margin-top: 10px;
}
.contact-right .contact-details li.social-contact a {
	margin-left: 6px;
}
.contact-right .contact-details li.social-contact i {
	background-color: #903961;
	width: 30px;
	height: 30px;
	color: #fff;
	font-size: 19px;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 6px;
	-moz-transition: background-color 0.2s ease;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
.contact-right .contact-details li.social-contact i:hover {
	background-color: #b79043;
}
@media screen and (max-width:768px) {
.contact-us .contact-name {
	margin-bottom: 15px;
}
}
.basket-step-title {
    font-size: 26px;
}
.basket-step-title strong {
    float: right;
	font-weight: 400;
	color: #903961;
}
.basket-step-title strong em {
    font-style: normal;
	font-weight: 600;
}
.payment-confirmation-details {
	margin-top: 30px;
	margin-right: 0;
}
.payment-confirmation-details .col-md:first-of-type {
	padding-top: 3px;
}
.payment-confirmation-details ul {
	padding-left: 0;
	list-style-type: none;
}
.payment-confirmation-details ul li {
	margin-bottom: 3px;
	font-size: 16px;
}
.payment-confirmation-details ul li span {
	float: right;
}
.payment-confirmation-details ul li span em {
	font-size: 12px;
    font-style: normal;
    border: 1px solid #DEE2E6;
    padding: 4px 6px;
    margin-right: 7px;
}
.payment-confirmation-details ul li.comment {
	margin-top: 10px;
	font-size: 14px;
}
.payment-confirmation-details .download-pdf {
	margin-top: 12px;
}
.payment-confirmation-details .download-pdf i {
	margin-right: 8px;
}
.payment-confirmation-details .col-md-7 {
	padding-right: 30px;
}
.payment-confirmation-details .col-md-3 {
	border-left: 1px solid #DEDEDE;
	padding-left: 30px;
}
.payment-confirmation-details h5 {
	font-size: 20px;
	color: #903961;
}
.payment-confirmation-details .col-md-3 ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
.payment-confirmation-details .col-md-3 ul li {
	font-size: 14px;
	margin-bottom: 0;
}
@media screen and (max-width:768px) {
.basket-step-title strong {
    float: none;
	display: block;
    margin-top: 10px;
    padding-bottom: 10px;
}
.payment-confirmation-details .col-md-7 {
    padding-right: 15px;
}
.payment-confirmation-details .col-md-3 {
    border-left: none;
    padding-left: 15px;
	margin-top: 20px;
    margin-bottom: 30px;
}
}

.property-order {
	margin-top: 5px;
}
.property-order-info {
    background-color: #F5F3EE;
	border: 1px solid #DEE2E6;
	padding: 22px 15px 7px 15px;
}
.property-order-info h6 {
    margin-bottom: 20px !important;
}
.property-order-info h5 {
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	margin-bottom: 10px;
	font-size: 16px;
    color: #903961;
}
.property-order-info h5 i {
	font-size: 18px;
    margin-right: 4px;
}
.property-order-info ul {
	padding-left: 19px;
}
.property-order-info ul li {
	margin: 2px 0;
}
.property-order-info ul li strong {
	font-weight: 500;
}
.property-order-info ul li a {
	color: #4d5055;
	text-decoration: underline;
}
.property-order-info ul li a:hover {
	text-decoration: none;
}
.payment-confirmation-details .col-md-2 {
    border: 1px solid #DEE2E6;
}
.payment-confirmation-details .col-md-2 h5 {
    background-color: #F5F3EE;
	border-bottom: 1px solid #DEE2E6;
    color: #903961;
    font-size: 14px;
	font-weight: 500;
    margin: 0 -15px;
    padding: 10px 15px 9px 15px;
}
.payment-confirmation-details .col-md-2 h5 i {
    margin-right: 8px;
}
.payment-confirmation-details .col-md-2 ul {
    margin-top: 15px;
}
.payment-confirmation-details .col-md-2 ul li {
    margin: 5px 0;
}
.payment-confirmation-details .col-md-2 ul li i {
	margin-right: 7px;
}
.basket-steps.payment-steps {
	margin-bottom: 20px !important;
}
.payment-instructions {
	border: 1px solid #903961;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 80px !important;
}
.payment-instructions > div {
	padding: 20px;
}
.payment-instructions > div h6 {
    color: #903961;
    font-size: 24px;
    font-weight: 500;
}
.payment-instructions > div:nth-of-type(2) {
	padding-left: 0;
}
.payment-instructions > div:last-of-type {
	padding-left: 25px;
}
.payment-instructions > div:last-of-type ul {
	padding-left: 15px;
	margin-bottom: 0;
	list-style-type: none;
}
.payment-instructions > div:last-of-type table td {
	padding: 1px 0;
}
.payment-instructions > div:last-of-type table td.nowrap {
	padding-right: 5px;
}
.payment-instructions > div:last-of-type .iban-info {
	font-size: 16px;
	padding-bottom: 10px;
}
.payment-instructions > div:last-of-type .iban-info td {
	padding-bottom: 10px;
}
.payment-instructions > div:last-of-type .reference-no-info {
	font-size: 14px;
}
.payment-instructions .col-md-4 ul {
    list-style-type: none;
	padding-left: 0;
	margin-bottom: 30px;
}
.payment-instructions .col-md-4 ul li {
    margin: 3px 0;
}
.payment-instructions .col-md-4 ul:last-of-type {
	margin-bottom: 0;
}
.payment-instructions .payment-order {
	background-color: #903961;
	color: #fff;
	width: 20px;
	height: 20px;
	text-align: center;
	margin-right: 3px;
	display: inline-block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.payment-instructions .payment-amount {
	font-size: 16px;
	color: #903961;
	margin-left: 3px;
}

@media screen and (max-width:1200px) {
.property-order-info {
    margin-bottom: 25px;
}
.payment-instructions {
    margin-left: -15px;
}
.payment-instructions > div:nth-of-type(1) {
    padding-bottom: 10px;
}
.payment-instructions > div:nth-of-type(2) {
    padding-left: 20px;
    padding-top: 0;
    padding-bottom: 0;
}
.payment-confirmation-details .col-md-2 {
    margin-left: 15px;
    margin-right: 0;
}
.payment-instructions {
    margin-left: 0;
    margin-right: 0;
}
}
@media screen and (max-width:768px) {
.text-center .searchbar .date_range_picker {
    text-align: left !important;
}
}
.destination-propertylink {
	float: left;
	width: 100%;
}
.destination-propertylink h6 {
	font-size: 18px;
	margin-bottom: 0;
	color: #903961;
}
.destination-propertylink .btn-sm {
	font-size: 12px;
}
.property-units-table {
	margin-bottom: 35px;
}
.property-units-table td {
	line-height: 1.4;
	font-size: 14px;
}
.property-units-table td a {
	font-size: 14px;
	font-weight: 500;
	display: block;
	margin-top: 2px;
	margin-bottom: 5px;
}
.property-units-table td strong {
	font-weight: 500;
}
.property-units-table td a.btn {
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
}
.property-units-table .fa {
	font-size: 16px;
	margin: 0 3px;
	color: #8a8377;
}
.icons-main.icons-single-object {
    padding-bottom: 14px;
    border-bottom: none;
}

/* Added 03.02.2020. */

.blog-posts {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: auto auto auto;
}
.blog-posts .card-body {
	position: relative;
	padding-bottom: 50px !important;
}
.blog-posts .card-body .btn {
	position: absolute;
	left: 1rem;
	bottom: 1rem;
}
.blog-posts + .load-more {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}
.blog-posts + .load-more .btn {
    color: #903961;
    background-color: transparent;
    border: 1px solid #903961;
    padding: 10px 40px;
    margin-top: 20px;
}
.blog-posts + .load-more .btn:hover {
    color: #903961;
    background-color: transparent;
}
.blog-posts .post-date {
	font-size: 12px;
	color: #92969b;
}
.blog-posts .post-date i {
  float: left;
  margin-top: 4px;
  margin-right: 5px;
}
.popular-posts {
	margin-top: 19px;
    margin-bottom: 33px;
}
.popular-posts h3 {
	font-size: 24px;
    margin-bottom: 15px;
}
.popular-posts .card {
    margin-bottom: 15px;
}
.blog-posts .card-title,
.popular-posts .card-title {
	margin-top: 10px;
    margin-bottom: 5px;
	padding: 0;
}
.popular-posts .card {
    position: relative;
}
.popular-posts .card-body {
	position: absolute;
	top: 10px;
	left: 0;
	background-color: #fff;
    padding: 0 15px 8px 15px;
}
.popular-posts .card-body h5 {
	margin-top: 5px;
	margin-bottom: 1px;
	font-size: 18px;
}
.popular-posts .card-body .post-date {
	font-size: 12px;
	color: #92969b;
}
.popular-posts .card-body .post-date i {
  float: left;
  margin-top: 4px;
  margin-right: 5px;
}
.blog-posts .card-body {
	padding: 0 1rem 1rem 1rem;
}
.blog-posts .card-text,
.popular-posts .card-text {
    border-bottom: none;
	padding: 0;
	margin: 0 0 15px 0;
}
.blog-posts .read-more
.popular-posts .read-more {
    border-bottom: none;
}
.carousel-indicators li {
    padding: 0 !important;
}
.featured-offer-column {
    margin-top: 10px;
	margin-bottom: 55px;
}
.featured-offer-column h3 {
	font-size: 24px;
    margin-bottom: 15px;
		color: #4995a0;
}
.post-content .featured-image {
	position: relative;
	margin-top: 25px;
}
.post-content .featured-image .post-intro {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px 20px 0 0;
	background-color: #fff;
	z-index: 99;
	width: 75%;
}
.post-content .featured-image .post-intro h1 {
	margin-bottom: 5px !important;
}
.post-content .featured-image .post-date {
	display: block;
	color: #92969b;
	padding-left: 1px;
	margin-bottom: 15px;
}
.post-content .featured-image .post-intro i {
	float: left;
	margin-top: 2px;
	margin-right: 5px;
}
.post-content .featured-image .post-intro .excerpt {
	font-size: 18px;
}
.post-content .post-text {
	margin-top: 30px;
}

@media screen and (max-width:991px) {
.blog-posts {
	grid-template-columns: auto auto;
}
}
@media screen and (max-width:768px) {
.post-content .featured-image .post-intro {
	position: relative;
	padding: 20px 20px 0 0;
	width: 100%;
}
}
@media screen and (max-width:640px) {
.blog-posts {
	grid-template-columns: auto;
}
}

.agent img {
    -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/* Reviews - START */
.reviews-column {
	margin-top: 70px;
}
.reviews-column h5 {
	font-size: 18px;
	font-weight: 500;
	border-bottom: 2px solid #903961;
	padding-bottom: 7px;
	margin-bottom: 20px;
}
.reviews-column .rating-column {
	margin-bottom: 10px;
}
.reviews-column .rating-column:after {
	display: table;
	content: "";
	clear: both;
}
.reviews-column .rating-column span {
	display: block;
	float: left;
	width: 50px;
	height: 40px;
	line-height: 41px;
	text-align: center;
	color: #fff;
	background-color: #903961;
	font-size: 22px;
	font-weight: 600;
	margin-right: 10px;
	margin-top: 4px;
}
.reviews-column .rating-column strong {
	font-size: 18px;
	color: #903961;
	font-weight: 500;
	display: block;
	margin: 0;
}
.reviews-column .review-column {
	margin-top: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E7E7E7;
}
.reviews-column .review-text {
	font-size: 13px;
	margin-bottom: 5px;
}
.reviews-column .review-author {
	margin-bottom: 9px;
	font-size: 14px;
	display: flex;
	align-items: center;
}
.reviews-column .review-author .author-photo img {
	float: left;
	margin-right: 10px;
	width: 36px;
	height: 36px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.reviews-column .review-author .author-photo strong {
	float: left;
	margin-right: 10px;
	width: 36px;
	height: 36px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #2367b4;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	padding-top: 3px;
}
.reviews-column .review-author .author-name {
	line-height: 130%;
}
.reviews-column .review-author .author-name strong {
	font-size: 14px;
	font-weight: 500;
	margin: 0;
}
.reviews-column .review-author .author-name em {
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
}
.reviews-column .review-author .author-rating {
	margin-left: auto;
	color: #248f9f;
	font-weight: 600;
	display: inline-block;
	border-right: 1px solid #248f9f;
	border-bottom: 1px solid #248f9f;
	padding: 0 6px 1px 2px;
}
/* Reviews - END */

.send-inquiry-box .inquiry-top .inquiry-top-forward-save a {
    margin-left: 0;
	margin-right: 15px;
}
.send-inquiry-box .klasa .edit-order i {
    top: 12px;
    right: 15px;
    width: 33px;
    height: 33px;
    font-size: 20px;
    padding-top: 6px;
}
.send-inquiry-box .klasa {
    padding: 12px 15px 2px 15px;
}
.inquiry-top {
    padding-bottom: 6px;
}
.send-inquiry-box .travel-period-persons {
    margin: 11px 0 17px 0;
}
.send-inquiry-box .travel-period-persons + h5 {
    margin-bottom: 14px;
}
.property-units-list .dropdown-toggle {
    font-size: 16px;
	color: #6c757d;
}
.property-units-list .dropdown-toggle::after {
    vertical-align: .15em;
	border-top: .27em solid;
    border-right: .25em solid transparent;
    border-bottom: 0;
    border-left: .25em solid transparent;
}
.property-units-list .dropdown-menu {
    font-size: 16px;
	padding: 5px;
	min-width: 100px;
    background-color: #fff;
	margin-top: 7px;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.15);
}
.property-units-list .dropdown-item {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    padding: .25rem 10px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.property-units-list .dropdown-item:focus,
.property-units-list .dropdown-item:hover {
    text-decoration: none;
    background-color: #e5e5e5;
}


.select-unit .dropdown-toggle {
	color: #264653;
	margin-bottom: 15px;
	width: 100%;
	text-align: left;
	border: 1px solid #efefef;
	font-size: 20px;
}
.select-unit .dropdown-toggle:focus {
	box-shadow: none;
}
.select-unit .dropdown-toggle::after {
    vertical-align: bottom;
    border-top: .28em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    float: right;
    margin-top: 12px;
}
.select-unit .dropdown-menu {
    font-size: 16px;
	padding: 5px;
	margin-top: -1px;
	min-width: 100px;
	width: 100%;
    background-color: #fff;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.15);
}
.select-unit .dropdown-item {
    color: #444;
    font-size: 16px;
    font-weight: 400;
    padding: .25rem 10px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.select-unit .dropdown-item:focus,
.select-unit .dropdown-item:hover {
    text-decoration: none;
    background-color: #e5e5e5;
}
.naslov-app .view-property {
	margin-left: 10px;
    padding-bottom: 5px;
}
.naslov-app .view-property i {
	font-size: 27px;
    margin-top: 4px;
    display: inline-block;
    float: right;
}
.unit-titles {
    margin-bottom: 0;
}
.unit-titles:after {
    display: table;
	content: "";
	clear: both;
}
.unit-heading {
    width: auto;
    float: right;
    margin-top: 3px;
	font-size: 2rem;
	font-weight: 500;
	font-family: 'Quattrocento', 'Helvetica Neue', Arial, serif;
	text-transform: uppercase;
}
.unit-heading span {
    float: right;
	margin-left: 4px;
}
.destination-propertylink + .property-gallery {
    margin-top: 15px;
}
.unit-type {
    font-size: 16px;
	font-weight: 400;
	color: #6c757d;
}
.unit-type span {
    font-size: 14px;
	font-weight: 400;
	color: #6c757d;
	padding-left: 5px;
}
h1.main-title {
    font-size: 30px;
}

@media screen and (max-width:1200px) {
h1.main-title {
    display: inline-block;
}
.naslov-app {
    float: none;
}
.unit-heading {
    float: none;
	margin-top: 0.1rem;
	margin-bottom: 0;
}
.unit-type {
    margin-top: 15px;
}
}
@media screen and (max-width:768px) {
.destination-propertylink {
    float: none;
    display: block;
}
.property-units-list {
    margin-top: 12px;
}
}

.property-rooms-2 {
    padding-top: 15px;
    margin-bottom: 30px;
}
.property-rooms-2 h5 {
    margin-bottom: 20px;
    font-size: 24px;
}
.property-rooms-2 h4 {
    font-size: 16px;
	padding-bottom: 4px;
    font-weight: 600;
	font-family: 'Roboto', sans-serif;
	border-bottom: 1px solid #c8c9ca;
}
.property-rooms-2 h4 span {
    float: right;
    font-weight: 600;
}
.property-rooms-2 ul li span {
    font-weight: 600;
	padding-left: 10px;
}
.property-rooms-2 h4 span {
    font-size: 15px;
}
.property-rooms-2 h4 em {
    font-style: normal;
    font-weight: 500;
    margin-left: 4px;
    margin-right: 0px;
}
.property-rooms-2 h4 i {
    font-size: 15px;
    margin-right: 2px;
    margin-top: 1px;
    padding-bottom: 3px;
    vertical-align: top;
}
.property-rooms-2 h4 i:first-of-type {
    margin-left: 4px;
}
.property-rooms-columns {
    column-count: 3;
    column-width: 316px;
    column-gap: 40px;
}
.property-rooms-columns > div {
    break-inside: avoid;
}
.property-rooms-columns ul {
    list-style-type: none;
	padding-left: 0;
}
.property-rooms-columns ul li i {
    margin-right: 5px;
}
.property-rooms-columns .fa-check {
	color: #55A903;
}
.property-rooms-columns .fa-times {
	color: #BB0303;
}
.property-special-offer {
    margin-top: 45px;
}
.property-special-offer h5 {
    font-size: 18px;
	text-transform: uppercase;
	background-image: url(img/discount.png);
	background-repeat: no-repeat;
	line-height: 26px;
	padding-left: 31px;
}
.property-special-offer .table {
    border: 2px solid #903961;
	margin-bottom: 0;
}
.property-special-offer .table td {
	padding: .4rem .75rem;
}

/* Added 11.02.2020. */

.other-information.mt-5 {
	margin-top: 30px !important;
}
@media screen and (max-width:1200px) {
.other-information.mt-4:first-of-type {
	margin-top: 25px !important;
}
.other-information.mt-5 {
	margin-top: 35px !important;
}
}
.bottom-note .required {
	color: #BB0303;
	padding-right: 5px;
	font-size: 16px;
}
.bottom-note em,
.bottom-note strong {
	color: #BB0303;
	font-style: normal;
	font-weight: 500;
}
.heading-set-password {
	margin-bottom: -7px;
}
.heading-set-password i {
	color: #BBB7AD;
	cursor: pointer;
}
.other-conditions {
	margin-top: 20px;
}
.other-conditions h6 {
	margin-bottom: 10px !important;
}
.other-conditions p {
	font-size: 12px;
}


/* Added 17.02.2020. */

.property-units-table .btn-sm {
	font-size: 14px;
	padding: 3px 15px !important;
}
.unit-details {
	position: relative;
}
.ribbon {
    width: 57px;
    height: 57px;
    overflow: hidden;
    position: absolute;
}
.ribbon::before,
.ribbon::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: none;
}
.ribbon span {
    position: absolute;
    display: block;
    width: 120px;
    padding: 4px 0;
    background-color: #BB0303;
    box-shadow: none;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    text-shadow: none;
    text-transform: uppercase;
    text-align: center;
}
.ribbon-top-left {
    top: -1px;
    left: -1px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
	border-top-color: transparent;
	border-left-color: transparent;
}
.ribbon-top-left::before {
	top: 0;
	right: 0;
}
.ribbon-top-left::after {
	bottom: 0;
	left: 0;
}
.ribbon-top-left span {
	left: -39px;
	top: 13px;
	transform: rotate(-45deg);
}
.button-outline {
	color: #903961 !important;
    background-color: transparent;
    border: 1px solid #903961;
}
.button-outline:hover,
.button-outline:focus {
	color: #fff !important;
    background-color: #903961;
    border: 1px solid #903961;
}
.property-units-table .unit-price {
	display: block;
	margin-bottom: 0;
	color: #903961;
	font-size: 16px;
	font-weight: 600;
}
.property-units-table .unit-available,
.property-units-table .unit-not-available {
	display: block;
	margin-bottom: 2px;
	color: #55A903;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
.property-units-table .unit-not-available {
	color: #BB0303;
}
.property-units-table .unit-available.wrong-date {
	color: #BB0303;
	font-weight: 400;
	font-size: 10px;
}
.footer div .social-list,
.footer div .footer-contact {
	margin-left: 0;
}
.footer div .social-list li {
	display: inline-block;
	margin-right: 4px;
}
.footer div .social-list li:before,
.footer div .footer-contact li:before {
	display: none;
}
.footer div .social-list li i {
	background-color: #a8a7a2;
	color: #efefef;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	font-size: 17px;
	-moz-transition: background-color 0.3s ease;
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
.footer div .social-list li i:hover {
	background-color: #903961;
}

/* Added 25.02.2020. */

.gornji-meni-desno li a i {
	float: left;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align:	center;
	color: #fff;
	background-color: #903961;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-right: 5px;
}
.gornji-meni-desno li a i.fa-user {
	font-size: 16px;
}
.gornji-meni-desno .login-name {
	color: #fff;
}
.gornji-meni-desno .login-name i {
	margin-right: 5px;
}
.gornji-meni-desno .logout i {
	background-color: #903961;
}

/* Added 03.03.2020. */

.basket-steps.member-area {
	margin-bottom: 55px !important;
}
.members-menu .table a {
	font-weight: 400;
	font-size: 16px;
}

/* Added 05.03.2020. */

.member-area-table thead th {
    vertical-align: middle;
	background-color: #F5F3EE;
}
.member-area-table td,
.member-area-table th {
    padding: .4rem .5rem;
	font-size: 13px;
}
.member-area-table .placeno {
    color: #4b9700;
}
.member-area-table .odliv {
    color: #BB0303;
}
.member-area-table .priliv {
    color: #4b9700;
}
.member-area-table .stanje {
    color: #0e64c2;
}
.member-area-table td a {
    font-weight: 500;
	text-decoration: underline;
}
.member-area-table td a:hover {
	text-decoration: none;
}
.members-menu table strong {
    font-weight: 500;
}

/* Added 10.03.2020. */

.property-units-table .table td img {
	float: left;
	max-width: 100px;
	margin-right: 15px;
}

/* Novi kalendar */

.slider {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.slider .calendar-month {
	width: 24%;
}

@media screen and (max-width:990px) {
.slider .calendar-month {
	width: 48%;
}
}

@media screen and (max-width:480px) {
.slider .calendar-month {
	width: 100%;
}
}

/* Style for WP */

.show-gallery-button {
	float: left;
	width: 100%;
	text-align: right;
	margin-top: -19px;
	margin-bottom: 10px;
}

/* Single Gallery 2 */

.property-gallery {
	position: relative;
    float: left;
    width: 100%;
	margin-top: 18px;
	margin-bottom: 20px;
}
.property-gallery .big-thumbnails {
}
.property-gallery .big-thumbnails .thumbnails-2 {
	display: flex;
}
.property-gallery .big-thumbnails .thumbnails-2 a {
	width: 33.3333333333%
}
.property-gallery .big-thumbnails .thumbnails-2 img {
	max-width: 100%;
	height: auto;
}
.property-gallery .big-thumbnails .left-thumbnails a {
	display: block;

}
@media screen and (max-width:768px) {
.property-gallery .big-thumbnails .thumbnails-2 {
	flex-wrap: wrap;
}
.property-gallery .big-thumbnails .thumbnails-2 a {
	width: 100%;
}
.property-gallery .big-thumbnails .thumbnails-2 a:not(:first-of-type) {
	display: none;
}
}

/* What to visit */

.load-more .btn {
	color: #903961 !important;
    background-color: transparent;
    border: 1px solid #903961;
    padding: 10px 40px;
    margin-top: 20px;
}
.load-more .btn:focus,
.load-more .btn:active {
    color: #fff !important;
    background-color: #b79043 !important;
    border-color: #b79043 !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.what-visit {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: auto auto auto auto;
	margin-bottom: 40px;
}
.what-visit a {
	position: relative;
}
.what-visit .card-body {
	position: relative;
	padding-bottom: 50px !important;
}
.what-visit .card-body .btn {
	position: absolute;
	left: 1rem;
	bottom: 1rem;
}
.what-visit + .load-more {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
}
.what-visit + .load-more .btn {
    color: #903961;
    background-color: transparent;
    border: 1px solid #903961;
    padding: 10px 40px;
    margin-top: 20px;
}
.what-visit + .load-more .btn:hover {
    color: #903961;
    background-color: transparent;
}
.what-visit .post-date-location {
	position: absolute;
    bottom: 2px;
    left: 10px;
    background-color: #fff;
    padding: 5px 8px;
	display: block;
}
.what-visit .post-date,
.what-visit .post-location {
	font-size: 12px;
	color: #903961;
	display: block;
}
.what-visit .post-location {
	margin-bottom: 2px;
}
.what-visit .post-date i,
.what-visit .post-location i {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
.what-visit .card-title {
	margin-top: 10px;
    margin-bottom: 5px;
	padding: 0;
}
.what-visit .card-body {
	padding: 0 1rem 1rem 1rem;
}
.what-visit .card-text {
    border-bottom: none;
	padding: 0;
	margin: 0 0 15px 0;
}
.what-visit .read-more {
    border-bottom: none;
}
.subheading-wrapper {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.subheading-wrapper a {
	font-weight: 500;
	font-size: 16px;
}

@media screen and (max-width:991px) {
.what-visit {
	grid-template-columns: auto auto;
}
}
@media screen and (max-width:640px) {
.what-visit {
	grid-template-columns: auto;
}
}

.dms-back {
	font-size: 16px;
    text-transform: none;
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    position: absolute;
    top: 16px;
    font-weight: 500;
    left: 15px;
}
.dms-back.single-back {
	font-size: 16px;
	text-transform: none;
	font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	position: relative;
	top: 15px;
	font-weight: 500;
}
@media screen and (max-width:1200px) {
.dms-back {
	position: relative;
    top: -5px;
    display: block;
    text-align: left;
    left: 1px;
}
}

.page-gallery {
    width: 100%;
	margin-top: 18px;
	margin-bottom: 20px;
	display: flex;
	justify-content: flex-start;
	float: left;
	margin-top: 14px;
	flex-wrap: wrap;
}
.page-gallery a {
	display: block;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 21px;
}
.page-gallery a:nth-of-type(4n+4) {
	margin-right: 0;
}
.page-gallery img {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width:768px) {
.page-gallery a {
	display: block;
	width: 48.5%;
	margin-right: 3%;
	margin-bottom: 17px;
}
.page-gallery a:nth-of-type(2n+2) {
	margin-right: 0;
}
}

.post-content .featured-image .post-intro.visit-intro {
    width: auto;
	padding: 20px 23px 0 0;
}
.event-meta {
	margin-top: 23px;
}
.event-meta span {
	font-size: 18px;
	color: #903961;
	font-weight: 500;
}
.event-meta .post-date-location span {
	background-color: #f2f2f2;
	padding: 12px 18px;
	border: 1px solid #eaeaea;
}
.event-meta .post-date-location span:first-of-type {
	margin-right: 11px;
}
.event-meta i {
  margin-top: 2px;
  margin-right: 16px;
}

@media screen and (max-width:780px) {
.event-meta .post-date-location span {
	display: block;
}
.event-meta .post-date-location span:first-of-type {
	margin-right: 0;
	margin-bottom: 15px;
}
}

.popular-posts.popular-2 .card-body {
    position: relative;
    top: 10px;
    background-color: transparent;
    padding-bottom: 10px;
    padding-left: 10px;
}
.sidebar-date-location {
	padding: 0 10px 10px 10px;
}
.sidebar-date-location span {
	background-color: #f2f2f2;
	padding: 5px 10px;
	display: block;
}
.sidebar-date-location span:first-of-type {
	margin-bottom: 1px;
}
.sidebar-date-location span i {
	margin-top: 2px;
    margin-right: 7px;
}
.sidebar-date-location .post-location i {
    margin-left: 3px;
	margin-right: 9px;
}

.ph-title {
    color: #903961;
    font-size: 24px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: inherit;
}
.total-amount {
	font-size: 16px;
	font-weight: 600;
}
.payment-history {
	margin-bottom: 60px;
}

/* Added 30.04.2020. */

.submit-btn.room-book {
    width: auto;
    height: auto;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 500;
	margin: 0;
}
.bigger {
	font-size: 18px;
}
h2.subtitle {
	font-size: 1.6rem;
    margin-top: 0;
    text-transform: uppercase;
    color: #903961;
    margin-bottom: 0.65rem !important;
    margin-top: 0.2rem !important;
}
h2.subtitle-small {
	font-size: 1.6rem;
    margin-top: 0;
    text-transform: uppercase;
    color: #903961;
    margin-bottom: 0.5rem !important;
    margin-top: -4px !important;
}
.table-room th,
.table-room td {
    padding: .4rem .5rem;
}
.price-list-title {
	font-size: 1.2rem !important;
    margin-top: 0 !important;
    text-transform: uppercase;
    color: #903961 !important;
    margin-bottom: 0.65rem !important;
    margin-top: 0.2rem !important;
    font-weight: 500 !important;
}
.room-separator {
    height: 5px;
    background-color: #efefef;
    margin-bottom: 15px;
}
.room-features {
    font-size: 12px;
}
.room-id {
	font-size: 12px;
	margin-top: 0.1rem;
}
.room-id span {
	padding-top: 5px;
    display: block;
}
.single-room table {
	margin-bottom: 0;
}
.single-room-booking-block {
    background-color: #F5F3EE;
    padding: 10px;
	padding-bottom: 5px;
	/*height: 100%;*/
}
.single-room-booking-block table th,
.single-room-booking-block table td {
    border: none;
	border-bottom: 1px solid #efefef;
}
.single-room-booking-block table tr:last-of-type td {
	border-bottom: none;
}
@media screen and (max-width: 1200px) {
.naslov-app.subtitle-small {
    float: left;
	margin-top: 30px !important;
}
.naslov-id.room-id {
	margin-top: 30px !important;
	float: none;
	width: auto;
}
.booking-room-table {
	margin-bottom: 20px;
}
}

@media screen and (max-width: 991px) {
.naslov-app.subtitle-small {
    float: left;
}
h1.page-title {
	margin-top: 75px !important;
}
}

@media only screen and (max-width: 640px) {
.bigger {
	font-size: 16px;
}
.table-room {
	margin-top: 30px !important;
}
h2.subtitle,
h2.subtitle-small {
    margin-top: 1.2rem !important;
}
}
.single-room-booking-block.single-use {
	margin-top: 5px;
}
.single-room-booking-block.single-use h4 {
	font-size: 16px;
    font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
    color: #903961;
    margin-bottom: 0;
    padding-left: 11px;
	text-transform: uppercase;
}


/* Added 11.05.2020. */

h2.subtitle-small span {
	display: block;
    font-size: 13px;
    margin-top: 0;
    text-transform: none;
    color: #55A903;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
h2.subtitle-small span strong {
	font-weight: 600;
}
h2.subtitle-small span .fa {
	margin-left: 2px;
	margin-right: 4px;
}
.toggle-hotel-rooms {
	float: right;
}
.property-units-table .fa-star {
	color: #eba600;
	font-size: 14px;
	margin-left: 2px;
    margin-right: 1px;
}
.property-units-table .bed-types svg {
	width: 25px;
    height: 25px;
	fill: #4d5055;
	margin: 0 2px;
}
.property-units-table .bed-types svg.bed-double {
	width: 30px;
    height: 30px;
}
.available-services {
	font-size: 16px;
}
.available-services strong {
	font-weight: 600;
	padding-right: 5px;
	color: #903961;
}
.icons-main .multiple-svg svg {
    width: 30px;
    height: 30px;
    display: inline-block;
	margin: 6px 2px 10px 2px;
}
.icons-main .category-svg svg {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin: 14px 2px 15px 2px;
}
.icons-main .multiple-svg span,
.icons-main .category-svg span {
    display: block;
}

/* No. of listing properties - changes */

#breadcrumb {
    position: relative;
}
.back-to-list {
    background-color: #4995a0;
	color: #fff !important;
	font-size: 12px !important;
	padding: 5px 7px 2px 6px;
	display: inline-block;
	margin-right: 0;
    padding-top: 3px !important;
	position: absolute;
	right: 0;
	top: 0;
}
@media only screen and (max-width: 980px) {
#breadcrumb {
    margin-top: 10px;
	margin-bottom: 15px;
}
}

/* Search on top of the Hotel's page */

.searchbar-wrapper.searchbar-hotel {
    background-color: transparent;
    padding-bottom: 20px;
	margin-bottom: 5px;
}
.searchbar-wrapper.searchbar-hotel form {
    margin: 0 auto;
}
.searchbar-wrapper.searchbar-hotel .searchbar {
    border: 1px solid #903961;
}
.searchbar-wrapper.searchbar-hotel .btn.dropdown-toggle {
    background-color: transparent;
}
.searchbar-wrapper.searchbar-hotel .date_range_picker.active .calendar {
    border-top: none;
}
.searchbar-wrapper.searchbar-hotel .dropdown-menu {
    width: auto;
	padding-bottom: 17px;
}
.searchbar-wrapper.searchbar-hotel .dropdown-services label {
	font-size: 14px;
	white-space: nowrap;
}
.searchbar-wrapper.searchbar-hotel .dropdown-services .btn-outline-secondary {
    color: #6c757d;
    border: none;
    padding-left: 0;
	background-color: transparent;
	font-size: 14px;
	font-weight: 400;
	width: auto;
	height: auto;
}
.searchbar-wrapper.searchbar-hotel .dropdown-services .btn-outline-secondary:hover,
.searchbar-wrapper.searchbar-hotel .dropdown-services .btn-outline-secondary:focus,
.searchbar-wrapper.searchbar-hotel .dropdown-services .btn-outline-secondary:not(:disabled):not(.disabled):active {
    color: #903961;
    background-color: transparent;
    border: none;
	box-shadow: none;
}
.searchbar-wrapper.searchbar-hotel .dropdown-services .btn-primary {
    color: #fff;
    background-color: #903961;
    border-color: #903961;
	font-size: 14px;
	font-weight: 400;
	padding: .25rem .5rem;
	width: auto;
	height: auto;
}
.searchbar-wrapper.searchbar-hotel .dropdown-services .btn-primary:hover,
.searchbar-wrapper.searchbar-hotel .dropdown-services .btn-primary:active,
.searchbar-wrapper.searchbar-hotel .dropdown-services .btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #b79043;
    border-color: #b79043;
}
@media screen and (max-width: 960px) {
.searchbar-wrapper.searchbar-hotel .searchbar > div {
    width: 100% !important;
    border-bottom: 1px solid #903961;
}
.searchbar-wrapper.searchbar-hotel form {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
}
.searchbar-wrapper.searchbar-hotel .date {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 15px;
    padding-left: 20px;
}
.searchbar-wrapper.searchbar-hotel .row .col-6:first-of-type {
    padding-left: 0;
}
.searchbar-wrapper.searchbar-hotel .row .col-6:last-of-type {
    text-align: right;
	padding-right: 0;
	display: flex;
	justify-content: flex-end;
}
.searchbar-wrapper.searchbar-hotel .row .col-6:last-of-type div {
    margin-left: 15px;
}

@media screen and (max-width: 1200px) {
.searchbar-wrapper.searchbar-hotel .row .col-6 {
    width: 100%;
	flex: 0 0 100%;
    max-width: 100%;
}
.searchbar-wrapper.searchbar-hotel .row .col-6:first-of-type {
    padding-right: 0;
	margin-bottom: 20px;
}
.searchbar-wrapper.searchbar-hotel .row .col-6:last-of-type {
	justify-content: flex-start;
	padding-left: 22px;
}
.searchbar-wrapper.searchbar-hotel .row .col-6:last-of-type div {
	margin-left: 0;
	margin-right: 15px;
}
}

@media screen and (max-width: 640px) {
.searchbar-wrapper.searchbar-hotel .row .col-6:last-of-type {
	display: block;
	text-align: left;
	padding-left: 1px;
}
}

/* MAP CATEGORIES - Start */
.map-categories .custom-control-label:after {
    top: 18px;
}

.map-categories .custom-control-label:before {
    top: 18px;
}

.map-categories {
	padding: 25px;
	background-color: #e4f3ff;
	border-top: 1px solid #e2f2ff;
	display: flex;
	align-items: center;
}
.map-categories h4 {
	font-family: inherit;
	font-size: 18px;
	font-weight: 500;
	margin: 0 20px 0 0;
}
.map-categories .form-check {
	margin-top: -1px;
	margin-right: 20px;
}
.map-categories .form-check span {
	font-size: 85%;
	opacity: 0.7;
}
.map-categories .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #68aadf;
    background-color: #68aadf;
    box-shadow: none;
}

@media screen and (max-width: 780px) {
.map-categories {
	display: block;
}
.map-categories h4 {
	margin: 0 0 15px 0;
}
}

/*Booking page - for villa */

.booking-for-villa h1.main-title {
	margin-bottom: 25px !important;
}
.booking-for-villa h5 {
	margin-bottom: 15px;
	background-color: transparent;
    color: #495057;
    font-size: 20px;
    padding: 10px;
	padding-left: 0;
    text-align: left;
    text-transform: none;
    border: none;
}
.booking-for-villa h6 {
	margin-bottom: 15px;
}
.booking-for-villa .booking-form-villa {
    margin-top: 20px;
	padding-bottom: 30px;
	width: calc(100% + 30px);
}
.booking-for-villa .send-inquiry-box-2 {
    margin-top: 0 !important;
    margin-bottom: 0;
}
.booking-for-villa .booking-form-villa .villa-properties {
    padding-left: 25px;
}
.booking-for-villa .booking-form-villa .col-lg-5 {
    padding-left: 15px;
}
.booking-for-villa .booking-form-villa .villa-properties>table th,
.booking-for-villa .booking-form-villa .villa-properties>table td {
	border: none;
	border-bottom: 1px solid #ededed;
	font-size: 16px;
	padding-left: 0;
	padding-right: 0;
}
.booking-for-villa .travel-period-persons .guests .dropdown-toggle {
    height: 42px;
	font-size: 17px;
}
.booking-for-villa .included-in-price,
.booking-for-villa .additional-charge,
.booking-for-villa .safety-deposit {
	padding: 0 0 0 16px;
	margin: 0 0 30px 0;
}
.booking-for-villa .included-in-price-wrapper h5 {
	margin-bottom: 15px;
}
.booking-for-villa .availability {
    margin-top: 30px;
}
.booking-for-villa .availability h5 {
    margin-bottom: 0;
}
.booking-for-villa .table td,
.booking-for-villa .table th {
    padding: .4rem .75rem;
    border: 1px solid #efefef;
}
.booking-for-villa .prices-wrapper,
.booking-for-villa .availability-wrapper {
	width: 100%;
}
.booking-for-villa .prices-wrapper>div:nth-of-type(2) {
	padding-left: 30px;
}
.booking-for-villa .included-in-price-wrapper {
	padding-top: 55px;
}
.booking-for-villa .travel-period-persons .guests>.dropdown {
    width: 100%;
    height: 40px;
    text-align: left;
    color: #264653;
    border: none;
    padding-left: 0;
	display: flex;
    justify-content: space-between;
	align-items: center;
}
.booking-for-villa .travel-period-persons .guests .dropdown-toggle {
    width: auto;
    height: 40px;
    text-align: left;
    color: #938770;
    border: 0;
    padding-left: 0 !important;
	padding-right: 0;
	padding-top: 5px;
}
.booking-for-villa .travel-period-persons .inquiry-label {
    line-height: 26px;
    padding-right: 5px;
	color: #495057;
    font-size: 14px;
	font-weight: bold;
}
.booking-for-villa .travel-period-persons .date_range_picker .values {
	padding: 8px 8px;
	border-bottom: 1px solid #dedede;
	text-align: center !important;
	display: block;
}
.booking-for-villa .travel-period-persons .date_range_picker .values .value.date_to {
    margin-right: 0;
}
.booking-for-villa .travel-period-persons .travel-price {
    padding: 5px 0;
    border: none;
}
.booking-for-villa .travel-period-persons h5 {
    background-color: #F5F3EE;
    font-size: 22px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
.booking-for-villa .send-inquiry-box-2 p {
	text-align: center;
}
.booking-for-villa .send-inquiry-box-2 .inquiry.book-now {
    width: auto;
	padding-left: 25px;
	padding-right: 25px;
}
.booking-for-villa .send-inquiry-box-2 .travel-period-persons .guests .dropdown-menu {
	margin-left: -132px;
}
.booking-for-villa .send-inquiry-box-2 .klasa {
    padding: 18px 20px 2px 20px;
}

@media screen and (max-width: 991px) {
.booking-for-villa .booking-form-villa .col-lg-4 {
    margin-bottom: 40px;
}
.booking-for-villa .booking-form-villa .send-inquiry-box-2 {
    padding-right: 0;
    padding-left: 0;
}
.booking-for-villa .booking-form-villa .col-lg-3 {
    padding-left: 15px;
	margin-bottom: 20px;
}
.booking-for-villa .booking-form-villa .col-lg-5 {
    padding-left: 15px;
}
.booking-for-villa .booking-form-villa {
    border-bottom: none;
	margin-bottom: 0;
}
.booking-for-villa .included-in-price-wrapper {
	padding-top: 25px;
}
}


@media screen and (max-width: 780px) {
.booking-for-villa .calendar .calendar-month {
    width: 48%;
}
}
@media screen and (max-width: 480px) {
.booking-for-villa .calendar .calendar-month {
    width: 100%;
}
}


/* REVIEWS - Start */

.review-wrapper {
	max-width: 700px;
	padding: 30px;
}
.review-wrapper .review-heading h1 {
	color: #903961;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-size: 30px;
}
.review-wrapper .review-stars {
	margin-top: 40px;
	display: flex;
}
.review-wrapper .review-stars .rating-text {
	margin-right: 10px;
	font-weight: 600;
	font-size: 16px;
}
.rateit-cell {
	width: 200px;
}
.rateit-cell > div {
	float: left;
	position: relative;
	top: 2px;
}
.rateit-cell span {
	display: block;
	float: left;
	margin-left: 10px;
	font-weight: 600;
	position: relative;
	top: 0;
	font-size: 15px;
}
.payment-reviews-tabs {
	margin-top: 10px;
	margin-bottom: 30px;
}
.payment-reviews-tabs .tab-content {
	padding-top: 35px;
}
.object-review-wrapper {
	display: flex;
	justify-content: space-between;
}
.object-review-wrapper > div:first-of-type {
	width: 30%;
}
.object-review-wrapper > div:nth-of-type(2) {
	width: 70%;
}
.object-review-wrapper h4 {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 25px;
}
.object-review-wrapper .review-stars {
	display: flex;
}
.object-review-wrapper .review-stars .rating-text {
	width: 117px;
	font-weight: 600;
}
.object-review-wrapper .review-stars .rating-text i {
	font-size: 17px;
    color: #BBB7AD;
	margin-right: 5px;
	cursor: pointer;
}

@media screen and (max-width: 1200px) {
.object-review-wrapper > div:first-of-type {
	width: 45%;
}
.object-review-wrapper > div:nth-of-type(2) {
	width: 55%;
}
}

@media screen and (max-width: 1200px) {
.object-review-wrapper {
	display: block;
}
.object-review-wrapper > div:first-of-type,
.object-review-wrapper > div:nth-of-type(2) {
	width: 100%;
}
.object-review-wrapper > div:first-of-type {
	margin-bottom: 40px;
}
}

.overall-review {
	display: flex;
	align-items: center;
}
.overall-review span:first-of-type {
	font-size: 18px;
	font-weight: 400;
	margin-right: 10px;
}
.overall-review span:nth-of-type(2) {
	font-size: 19px;
	font-weight: 600;
}
.choose-language {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.choose-language > div:first-of-type {
	margin-right: 10px;
}
.choose-language .btn {
	font-size: 14px;
	border: 1px solid #E1DED7;
	padding-left: 9px;
	padding-right: 9px;
	box-shadow: none !important;
}
.choose-language .dropdown-menu {
	font-size: 14px;
	border-radius: 0;
	border: none;
	-moz-box-shadow: 0 4px 12px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15);
	box-shadow: 0 4px 12px rgba(0,0,0,.15);
}
.choose-language .dropdown-toggle:after {
    vertical-align: 3px;
}
.choose-language .dropdown-menu > li > a {
	padding: 5px 10px;
	border-bottom: 1px solid #e7e6e2;
}
.choose-language .dropdown-menu > li:last-of-type > a {
	border-bottom: none;
}
.choose-language .dropdown-menu > li > a:hover {
	color: #000;
	background-color: #e7e6e2;
}
.choose-language .dropdown-menu > li > a img {
	margin-right: 8px;
	float: left;
	margin-top: 1px;
}
.choose-language .dropdown-toggle img {
	margin-right: 8px;
	float: left;
	margin-top: 2px;
}



/* Single object- villa */

.villa-top-container {

}
.heading-villa {
	margin-top: 14px;
	margin-bottom: 14px;
}
/* .heading-villa .naslov-id {
    margin-top: 0.9rem;
} */
.villa-intro-image {
	height: calc(100vh - 320px);
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	background-size: cover;
}
.villa-intro-image .villa-highlights {
	position: absolute;
	bottom: 0;
	left: 0;
    right: 0;
	width: 100%;
	max-width: 1385px;
	padding: 25px 3%;
	margin: auto;
	background-color: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
}
.villa-intro-image .villa-highlights div {
	width: 16.66666666%;
	border-right: 1px solid rgba(255,255,255,0.2);
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
}
.villa-intro-image .villa-highlights div:last-of-type {
	border-right: none;
}
.villa-intro-image .villa-highlights strong {
	display: block;
	font-size: 32px;
	font-weight: 500;
	line-height: 120%;
}
.villa-intro-image .villa-highlights sup {
	font-size: 16px;
	top: -18px;
}
.villa-breadcrumb .breadcrumb {
    margin-bottom: 8px;
}
#myTab {
    margin-top: 0;
	position: relative;
}
.nav-tabs {
	border-bottom: 2px solid #c7a666;
}
.nav-tabs .nav-item {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 21px;
	margin-right: 50px;
	position: relative;
}
/*.nav-tabs .nav-item:last-child {
	margin-left: auto;
	margin-right: 0;
}*/
.nav-tabs .nav-item span {
	position: absolute;
    top: -13px;
	right: 7px;
	margin: 0;
	padding: 4px 7px;
	background-color: #4995a0;
	color: #fff;
	font-size: 14px;
}
@media only screen and (max-width: 768px) {
.nav-tabs .nav-item span {
	right: 0px;
	top: 7px;
}
}
/*.nav-tabs .nav-item:last-child .nav-link {
	padding: 11px 20px 10px 20px;
	background-color: #C7A666;
	color: #fff;
	border: none;
	border-radius: 0;
	font-size: 20px;
}
.nav-tabs .nav-item:last-child .nav-link:hover {
	background-color: #b79043;
}*/
.nav-tabs .nav-link {
	color: #dabf8b;
	padding: 10px 0;
	border: none;
    border-bottom: 7px solid transparent;
}
#myTab .nav-tabs .nav-link {
	padding: 1.4rem;
	font-size: 14px;
}
.nav-tabs .nav-link:hover {
	color: #C7A666;
}
.nav-tabs .nav-link.active {
	border: none;
	border-bottom: 7px solid #C7A666;
	border-radius: 0px;
	color: #C7A666;
}
.nav-tabs .nav-link.active::after {
	border-top: 10px solid #C7A666;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    bottom: -15px;
    width: 0;
    animation: cssAnimation 0s .12s forwards;
    visibility: hidden;
}
/*.nav-tabs .nav-item:last-child .nav-link.active::after {
    border-top: 8px solid #C7A666;
    border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	bottom: -18px;
}*/
.nav-tabs .see-all {
	position: absolute;
	top: 11px;
	right: 0px;
}
.nav-tabs .see-all a {
	text-decoration: underline;
	color: #903961;
}
.nav-tabs .see-all a:hover {
	text-decoration: none;
}
.row-narrow {
    max-width: 1390px;
    margin: auto;
}
#prices .row-narrow {
    max-width: 1386px;
}
.booking-for-villa > .col-lg-12{
	padding-right: 14px;
	margin-bottom: 12px;
	padding-left: 0;
}
.gallery-tab {
	background-color: #f5f3ee;
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 50px 0 25px 0;
}
.gallery-tab .gallery-wrapper {
	width: 100%;
	max-width: 1390px;
    margin: auto;
}
.gallery-tab .gallery-thumbnails {
	display: flex;
	justify-content: space-between;
}
.gallery-tab .gallery-thumbnails a {
	display: block;
	width: 22%;
}
.gallery-tab .gallery-thumbnails a img {
	width: 100%;
	height: auto;
}
.gallery-tab .hidden-thumbnails {
	display: none;
}
.gallery-tab > div {
    width: 100%;
    max-width: 1390px;
    margin: auto;
}
.gallery-tab .show-gallery-button {
    text-align: center;
    margin-top: 25px;
	margin-bottom: 0px;
	float: none;
	width: auto;
}
.gallery-tab .show-gallery-button .btn {
    color: #903961 !important;
    background-color: #fff;
	border-color: #903961;
	padding-left: 15px;
	padding-right: 15px;
	outline: none !important;
	box-shadow: none !important;
}
.gallery-tab .show-gallery-button .btn:hover {
    color: #fff !important;
    background-color: #903961;
	border-color: #903961;
}
#highlights .features-info-wrapper {
	padding-left: 0;
	padding-right: 0;
}
#highlights .features-info {
	border-bottom: 1px solid #e1ded6;
}
#prices .table-responsive {
	margin-top: 7px;
}
#prices .villa-calendar {
	margin-top: 20px;
	display: block;
}
#destination .subheading-wrapper {
    width: 100%;
}

@media screen and (max-width: 1440px) {
.booking-for-villa .booking-form-villa {
    margin-top: 20px;
    padding-bottom: 30px;
    width: 100%;
}
}

@media screen and (max-width: 1199px) {
.nav-tabs .nav-item {
    font-size: 19px;
    margin-right: 30px;
}
/*.nav-tabs .nav-item:last-child .nav-link {
    font-size: 18px;
}*/
.row-narrow,
.gallery-tab .gallery-wrapper {
    max-width: 930px;
    margin: auto;
}
#prices .row-narrow {
    max-width: 930px;
}
.booking-for-villa .booking-form-villa .col-lg-5 {
    padding-right: 0;
}
}

@media screen and (max-width: 991px) {
.row-narrow,
.gallery-tab .gallery-wrapper {
    max-width: 690px;
    margin: auto;
}
#prices .row-narrow {
    max-width: 690px;
}
.villa-intro-image .villa-highlights {
    flex-wrap: wrap;
	padding-bottom: 0;
}
.villa-intro-image .villa-highlights div {
    width: 33.33333%;
	margin-bottom: 25px;
}
.villa-intro-image .villa-highlights div:nth-of-type(3) {
    border-right: none;
}
.villa-tabs {
    margin-top: 15px;
}
.gallery-tab {
    padding-top: 10px;
}
.gallery-tab .gallery-thumbnails {
    flex-wrap: wrap;
}
.gallery-tab .gallery-thumbnails a {
    width: 47%;
	margin-top: 40px;
}
}

@media screen and (max-width: 768px) {
.row-narrow,
.gallery-tab .gallery-wrapper {
    max-width: 510px;
    margin: auto;
}
.nav-tabs .nav-item {
    margin-right: 0;
}
.nav-tabs .nav-link {
    border-bottom: none;
}
.nav-tabs .nav-link.active::after {
    display: none;
}
.nav-tabs .nav-link.active {
    border-bottom: none;
	color: #903961;
}

.videoContainer {
    height: 200px !important;
}

.carousel-indicators {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/*.nav-tabs .nav-item:last-child .nav-link {
    margin-top: 14px;
}
.nav-tabs .nav-item:last-child .nav-link.active {
    background-color: #903961;
}*/
.tab-content {
    margin-bottom: 0;
}
}

@media screen and (max-width: 720px) {
.gallery-tab {
    padding-top: 25px;
}
.gallery-tab .gallery-thumbnails a {
	margin-top: 25px;
}
#highlights .features-info:last-of-type {
    margin-bottom: 0;
}
}

@media screen and (max-width: 540px) {
.gallery-tab .gallery-thumbnails {
    padding-left: 15px;
	padding-right: 15px;
}
.villa-intro-image .villa-highlights {
    padding-left: 0;
	padding-right: 0;
}
.villa-intro-image .villa-highlights div {
    font-size: 12px;
}
.villa-intro-image .villa-highlights strong {
    font-size: 20px;
}
.booking-for-villa .prices-wrapper .col-lg-8,
.booking-for-villa .booking-form-villa .col-lg-3,
.booking-for-villa .booking-form-villa .col-lg-4,
.booking-for-villa .availability-wrapper .col-lg-12 {
    padding-right: 0;
}
}

/* Villa Features */
.property-features.villa-features h3 {
	margin-bottom: 20px !important;
	font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 500;
	font-size: 24px;
}
.property-features.villa-features .kitchen-dining-wrapper {
	display: flex;
	border-bottom: 1px solid #c8c9ca;
}
.property-features.villa-features .kitchen-dining-wrapper > div {
	width: 50%;
	padding: 0 20px 30px 0;
}
.property-features.villa-features .kitchen-dining-wrapper > div:nth-of-type(2) {
	padding-left: 35px;
	border-left: 1px solid #c8c9ca;
}
.property-features.villa-features .kitchen-dining-wrapper > div h4,
.property-features.villa-features .bedrooms-bathrooms-wrapper h4,
.property-features.villa-features .other-facilities-wrapper h4 {
	font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 500;
	font-size: 20px;
}
.property-features.villa-features .kitchen-dining-wrapper > div h4 span {
	font-weight: 600;
	font-size: 15px;
}
.property-features.villa-features .kitchen-dining-wrapper > div ul {
	margin: 0;
	padding: 4px 0 0 16px;
	columns: 3;
  	-webkit-columns: 3;
 	-moz-columns: 3;
}
.property-features.villa-features .bedrooms-bathrooms-wrapper {
	padding: 27px 0 0 0;
	border-bottom: 1px solid #c8c9ca;
	display: flex;
}
.property-features.villa-features .bedrooms-bathrooms-wrapper .bedrooms-bathrooms {
	width: 50%;
	padding: 0 20px 27px 0;
}
.property-features.villa-features .bedrooms-bathrooms-wrapper .bedrooms-bathrooms:nth-of-type(2) {
	padding-left: 35px;
	border-left: 1px solid #c8c9ca;
}
.property-features.villa-features .bedrooms-bathrooms-wrapper table td {
	vertical-align: top;
	padding-bottom: 5px;
}
.property-features.villa-features .bedrooms-bathrooms-wrapper table td strong {
	margin-right: 7px;
	white-space: nowrap;
}
.property-features.villa-features .bedrooms-bathrooms-wrapper table td span {
	font-size: 13px;
	font-weight: 300;
}
.property-features.villa-features .bedrooms-bathrooms-wrapper table td i {
	font-size: 15px;
	margin-right: 4px;
}
.property-features.villa-features .flex-1,
.property-features.villa-features .flex-2,
.property-features.villa-features .flex-3 {
	padding-bottom: 15px;
	border-bottom: 1px solid #c8c9ca;
}
.property-features.villa-features .flex-1 {
	display: block;
}
.property-features.villa-features .flex-1 .other-facilities-wrapper ul {
    columns: 6;
    -webkit-columns: 6;
    -moz-columns: 6;
}
.property-features.villa-features .flex-2 {
	display: flex;
	flex-direction: row;
  flex-wrap: wrap;
}
.property-features.villa-features .flex-2 > div {
	width: 50%;
}
/* .property-features.villa-features .flex-2 > div:last-of-type {
	padding-left: 35px;
} */
.property-features.villa-features .flex-3 {
	display: flex;
}
.property-features.villa-features .flex-3 > div {
	width: 33%;
}
.property-features.villa-features .flex-3 > div:nth-of-type(2),
.property-features.villa-features .flex-3 > div:last-of-type {
	padding-left: 35px;
}

.property-features.villa-features .other-facilities-wrapper {
	padding: 27px 0 15px 0;
}
.property-features.villa-features .other-facilities-wrapper ul {
	margin: 0;
	padding: 5px 0 0 16px;
	columns: 3;
  	-webkit-columns: 3;
 	-moz-columns: 3;
}
.property-features.villa-features .flex-3 .other-facilities-wrapper ul {
	columns: 2;
  	-webkit-columns: 2;
 	-moz-columns: 2;
}
.distances-wrapper .villa-h5 {
    font-weight: 500 !important;
}
.villa-features .content-distances {
    column-count: 3;
    column-width: 430px;
    column-gap: 50px;
}

@media screen and (max-width: 1199px) {
.property-features.villa-features .kitchen-dining-wrapper > div ul {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
.property-features.villa-features .other-facilities-wrapper ul {
	columns: 4;
  	-webkit-columns: 4;
 	-moz-columns: 4;
}
.property-features.villa-features .flex-3 .other-facilities-wrapper ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
}

@media screen and (max-width: 991px) {
.property-features.villa-features .kitchen-dining-wrapper > div ul {
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
}
.property-features.villa-features .other-facilities-wrapper ul {
	columns: 2;
  	-webkit-columns: 2;
 	-moz-columns: 2;
}
.property-features.villa-features .bedrooms-bathrooms-wrapper table tr td {
	display: block;
}
.property-features.villa-features .bedrooms-bathrooms-wrapper table tr td:nth-of-type(2) {
	margin-bottom: 7px;
}
.property-features.villa-features .bedrooms-bathrooms-wrapper table tr td:first-of-type {
    padding-bottom: 0;
}
.property-features.villa-features .flex-1 .other-facilities-wrapper ul {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}
}

@media screen and (max-width: 768px) {
.property-features.villa-features .flex-1,
.property-features.villa-features .flex-2,
.property-features.villa-features .flex-3 {
	padding-bottom: 25px;
}
.property-features.villa-features .flex-2,
.property-features.villa-features .flex-3 {
	display: block;
}
.property-features.villa-features .flex-2 > div,
.property-features.villa-features .flex-3 > div {
	width: 100%;
	padding-left: 0 !important;
	padding-bottom: 0;
}
.property-features.villa-features .flex-1 .other-facilities-wrapper ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
}

@media screen and (max-width: 640px) {
.property-features.villa-features .flex-1,
.property-features.villa-features .flex-2,
.property-features.villa-features .flex-3 {
	margin-bottom: 15px;
}
.villa-features .distances-wrapper {
    margin-bottom: 0;
}
}

@media screen and (max-width: 480px) {
.property-features.villa-features .kitchen-dining-wrapper {
	display: block;
	border-bottom: 1px solid #c8c9ca;
}
.property-features.villa-features .kitchen-dining-wrapper > div {
	width: 100%;
	padding: 0 0 30px 0;
}
.property-features.villa-features .kitchen-dining-wrapper > div:first-of-type {
	padding-bottom: 20px;
}
.property-features.villa-features .kitchen-dining-wrapper > div:nth-of-type(2) {
	padding-left: 0;
	border-left: none;
}
.property-features.villa-features .other-facilities-wrapper ul {
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
}
.property-features.villa-features .bedrooms-bathrooms-wrapper {
    display: block;
}
.property-features.villa-features .bedrooms-bathrooms-wrapper .bedrooms-bathrooms {
	width: 100%;
	padding: 0 0 10px 0;
}
.property-features.villa-features .bedrooms-bathrooms-wrapper .bedrooms-bathrooms:nth-of-type(2) {
    padding-left: 0;
    border-left: none;
}
.property-features.villa-features .flex-1 .other-facilities-wrapper ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
}

/* Reviews tab */

#reviews .rating-column {
	display: flex;
}
#reviews .rating-column:after {
	display: table;
	content: "";
	clear: both;
}
#reviews .rating-column .review-rating {
	display: block;
    float: left;
    width: 60px;
    height: 50px;
    line-height: 51px;
    text-align: center;
    color: #fff;
    background-color: #903961;
    font-size: 26px;
    font-weight: 600;
    margin-right: 10px;
    margin-top: 4px;
}
#reviews .rating-column strong {
	font-size: 22px;
	color: #903961;
	font-weight: 500;
	display: block;
	margin: 0;
}
#reviews .reviews-column {
	margin-top: 10px;
	width: 100%;
}
#reviews .reviews-column .review-author .author-rating {
    font-size: 16px;
}
#reviews .reviews-column .review-text {
    font-size: 14px;
    margin-bottom: 5px;
}
#reviews .reviews-column .review-author .author-name strong {
    font-size: 15px;
}
#reviews .reviews-column .review-author .author-name {
    padding-top: 3px;
}
.reviews-column .review-author .author-rating {
    margin-left: auto;
    color: #fff;
    border-right: none;
    border-bottom: none;
    padding: 3px 6px 2px 6px;
    background-color: #248f9f;
}
#reviews .reviews-column .review-column:last-of-type {
	border-bottom: none;
	padding-bottom: 10px;
}
#reviews .load-more {
	width: 100%;
	text-align: center;
}
.review-tab {
    background-color: #f5f3ee;
    margin-top: 40px;
    margin-bottom: -70px;
    padding: 45px 15px 70px 15px;
}
.review-tab .review-wrapper {
    width: 100%;
    max-width: 1390px;
	margin: auto;
	padding: 0;
}
.review-tab .reviews-highlight {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.review-tab .reviews-highlight > div {
	width: 31%;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.03);
	-moz-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.03);
	box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.03);
	position: relative;
	padding: 25px 25px 24px 25px;
	display: flex;
}
@media only screen and (max-width: 780px) {
.review-tab .reviews-highlight {
	flex-wrap: wrap;
}
.review-tab .reviews-highlight > div {
	width: 100%;
	margin-bottom: 15px;
}
.review-tab .reviews-highlight > div:last-of-type {
	margin-bottom: 0;
}
}
.review-tab .reviews-highlight > div .review-image-wrapper {
	width: 25%;
	padding-right: 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.review-tab .reviews-highlight > div .review-image-wrapper img {
	width: 100%;
	height: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.review-tab .reviews-highlight > div .review-text-wrapper {
	width: 75%;
}
.review-tab .reviews-highlight > div .review-text-wrapper .review-name {
	display: block;
	font-size: 17px;
	font-weight: 500;
	color: #903961;
	margin-bottom: 5px;
}
.review-tab .reviews-highlight > div .review-text-wrapper .review-name img {
	margin-left: 9px;
	position: relative;
    top: -1px;
}
.review-tab .reviews-highlight > div .review-text-wrapper .review-text {
	display: block;
}
.all-reviews-button {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 0;
}
.all-reviews-button .btn {
    color: #903961 !important;
    background-color: #fff;
    border-color: #903961;
    padding-left: 15px;
    padding-right: 15px;
    outline: none !important;
    box-shadow: none !important;
}
.all-reviews-button .btn:hover {
    color: #fff !important;
    background-color: #903961;
    border-color: #903961;
}

/* Calendar select colors */

.day_calendar.available, .day_calendar.unavailable.half {
	cursor: pointer;
}
/*
.active_start,
.active_end,
.day_calendar.available:hover,
.day_calendar.unavailable.half:hover {
	background: #2f7c00 !important;
}
.active_between {
	background: #358e00 !important;
}*/

.active_start:before, .active_end:before, .active_between:before {
    border: 1px solid rgb(255 255 255) !important;
    border-radius: 20px;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    margin-top: 2px;
    margin-left: -4px;
}

.day_calendar:hover:before{
    border: 1px solid rgb(255 255 255) !important;
    border-radius: 20px;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    margin-top: 2px;
    margin-left: -4px;
}

/* Member area - 02.11.2020. */

.member-menu {
	font-size: 16px;
	margin-bottom: 35px;
}
.member-menu li {
	border: 1px solid #903961;
	margin-left: -1px;
}
.member-menu li:first-of-type {
	margin-left: 0;
}
.member-menu li a {
	padding: 7px 8px 6px 8px;
}
.member-menu li a.active {
	background-color: #903961;
	color: #fff;
}
.member-menu li a:hover {
	color: #903961;
}
.member-area h1.main-title.page-title {
	font-size: 22px;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	color: #903961;
	margin-bottom: 10px !important;
	position: relative;
}
@media screen and (max-width: 1200px) {
.member-area h1.main-title.page-title {
	padding-right: 45px;
	margin-top: 20px !important;
}
}
.member-area h4.company-info {
	font-size: 16px;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	color: #903961;
	font-weight: 400;
    line-height: 150%;
}
.member-area .basket-step-title {
    padding-top: 0;
}
.member-area .basket-step-current {
	margin-top: 5px;
	margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
.member-area .basket-step-current {
	margin-top: 25px;
	margin-bottom: 0;
}
}
.member-area h1.main-title i {
	color: #903961;
	font-weight: normal;
	font-size: 20px;
	width: 33px;
	height: 33px;
	position: absolute;
	right: 0;
	line-height: 33px;
	text-align: center;
	cursor: pointer;
}
@media screen and (max-width: 1200px) {
.member-area h1.main-title i {
	top: -4px;
}
}
.member-area .step-content h5 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
}
.member-area .step-content h5 i {
	color: #903961;
	font-weight: normal;
	font-size: 18px;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	cursor: pointer;
	margin-left: 14px;
}
.member-area .basic-info {
	margin-top: 30px;
}
.member-area .basic-info > div:nth-of-type(1) {
	padding-right: 40px;
}
.member-area .basic-info > div:nth-of-type(2) {
	padding-left: 40px;
}
@media screen and (max-width: 1200px) {
.member-area .basic-info > div:nth-of-type(1) {
	padding-right: 15px;
	margin-bottom: 50px;
}
.member-area .basic-info > div:nth-of-type(2) {
	padding-left: 15px;
}
.member-area .basic-info {
	margin-bottom: 30px;
}
}
.member-area .basic-info .user-info {
	border-bottom: 1px solid #e7e7e7;
	font-size: 16px;
	padding: 10px 0;
}
.member-area .basic-info .user-info span {
	font-weight: 500;
	min-width: 170px;
	display: inline-block;
}
.member-area .basic-info .user-info.lozinka {
	margin-bottom: 45px;
}
.modal .change-info .container > .row  {
    margin-right: 0;
    margin-left: 0;
}
.modal .change-info .container .form-group {
    width: 100%;
}

.modal .change-info .container .form-group label {
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 15px;
}
.modal .change-info .container select {
    appearance: auto;
    -moz-appearance: auto;
	-webkit-appearance: auto;
}
.no-company-info  {
	position: relative;
	font-size: 18px;
	margin-top: 7px;
	margin-bottom: 15px;
}
.no-company-info i {
    color: #903961;
    font-weight: normal;
    font-size: 20px;
    width: 33px;
    height: 33px;
	position: absolute;
	top: -4px;
	right: 0;
    line-height: 33px;
    text-align: center;
    cursor: pointer;
}
@media screen and (max-width: 1200px) {
.no-company-info  {
	position: relative;
	display: inline-block;
	padding-right: 45px;
}
}
.separator  {
	height: 0px;
	width: 100%;
}



.member-menu li a.active:hover {
	background-color: #903961;
	color: #fff;
}
@media (max-width: 1200px) {
	.member-menu {
		justify-content: flex-start;
		margin-bottom: 25px;
	}
}
.nav-tabs .nav-item #correspondence-tab span {
    position: absolute;
    top: -3px;
    right: -22px;
    margin: 0;
	padding: 0;
	width: 25px;
	height: 25px;
	line-height: 26px;
	text-align: center;
    background-color: #903961;
    color: #fff;
	font-size: 12px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.correspondence-wrapper {
	max-height: 500px;
	overflow-y: auto;
	display: flex;
    flex-direction: column-reverse;
}
.correspondence-wrapper::-webkit-scrollbar {
	width: 12px;
	padding-left: 15px;
}
.correspondence-wrapper::-webkit-scrollbar-track {
	background: #fff;
}
.correspondence-wrapper::-webkit-scrollbar-thumb {
	background: #903961;
}
.correspondence-wrapper::-webkit-scrollbar-thumb:hover {
	background: #903961;
}
.correspondence-wrapper h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 25px;
}
.correspondence-wrapper .chat-block {
	position: relative;
	text-align: center;
	display: flex;
    flex-direction: column-reverse;
}
.correspondence-wrapper .chat-block .date {
	position: sticky;
	left: 0;
	right: 0;
	top: 0;
    text-align: center;
    margin: 0 auto 15px auto;
    background-color: #903961;
    color: #fff;
    padding: 5px 15px;
	display: inline-block;
	opacity: 0.9;
}
.correspondence-wrapper .chat-block .chat-1:after,
.correspondence-wrapper .chat-block .chat-2:after {
	display: table;
	content: "";
    clear: both;
}
.correspondence-wrapper .chat-block .chat-1,
.correspondence-wrapper .chat-block .chat-2 {
	margin-bottom: 40px;
	position: relative;
}
.correspondence-wrapper .chat-block:first-of-type > div:first-of-type {
	margin-bottom: 0;
}
.correspondence-wrapper .chat-block .chat-1 span {
	display: inline-block;
	max-width: 50%;
	float: right;
	background-color: #fff;
	padding: 20px;
	border: 1px solid #C7A666;
	text-align: left;
}
.correspondence-wrapper .chat-block .chat-2 span {
	display: inline-block;
	max-width: 50%;
	float: left;
	background-color: #efefef;
	padding: 20px;
	border: 1px solid #efefef;
	text-align: left;
}
.correspondence-wrapper .chat-block .chat-1 b {
	position: absolute;
	top: -20px;
	right: 5px;
	font-size: 12px;
	font-weight: 400;
	opacity: 0.7;
}
.correspondence-wrapper .chat-block .chat-2 b {
	position: absolute;
	top: -20px;
	left: 5px;
	font-size: 12px;
	font-weight: 400;
	opacity: 0.7;
}
.policies-wrapper  {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.policies-wrapper div {
	width: 30%;
}
.policies-wrapper div h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}
.policies-wrapper div ul {
	margin: 0;
	padding: 0 0 0 17px;
}
@media (max-width: 860px) {
	.policies-wrapper div {
		width: 45%;
		margin-bottom: 25px;
	}
	.policies-wrapper div:last-of-type {
		margin-bottom: 0;
	}
}
@media (max-width: 640px) {
	.policies-wrapper div {
		width: 100%;
	}
}

.nadzorna-ploca .intro-text {
	margin-bottom: 21px;
}
.nadzorna-ploca .flex-wrapper {
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
	flex-wrap: wrap;
}
.nadzorna-ploca .flex-wrapper a {
	width: 23%;
	background-color: #fff;
	border: 1px solid #dfcca7;
	padding: 25px;
	display: block;
}
.nadzorna-ploca .flex-wrapper a > div span {
	display: block;
	font-size: 22px;
	font-weight: 500;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 51px;
	text-align: center;
	background-color: #903961;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.nadzorna-ploca .flex-wrapper a > div div {
	margin-top: 15px;
	font-size: 18px;
	font-weight: 500;
	opacity: 0.7;
	color: #4d5055;
}
.nadzorna-ploca .flex-wrapper a:hover {
	border: 1px solid #903961;
}
.nadzorna-ploca .flex-wrapper a:hover,
.nadzorna-ploca .flex-wrapper a:hover > div span,
.nadzorna-ploca .flex-wrapper a:hover > div div {
	text-decoration: none;
}

@media (max-width: 991px) {
.nadzorna-ploca .flex-wrapper a {
	width: 48%;
	margin-bottom: 20px;
}
}

@media (max-width: 550px) {
.nadzorna-ploca .flex-wrapper a {
	width: 100%;
}
.nadzorna-ploca .flex-wrapper a:last-of-type {
	margin-bottom: 0;
}
}

.dashboard-title {
	color: #4d5055;
	font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
	padding: 10px 0;
	margin: 20px 0 10px 0;
}


/* Sitemap css */

.sitemap-container {
}
.sitemap-container > ul {
	padding-left: 17px;
	columns: 4;
	-webkit-columns: 4;
	-moz-columns: 4;
}
.sitemap-container > ul > li {
	text-transform: uppercase;
	list-style-type: disc;
	font-weight: 600;
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
	break-inside: avoid;
}
.sitemap-container > ul > li ul li {
	text-transform: none;
	list-style-type: disc;
	font-weight: 400;
}
.sitemap-container > ul > li ul li ul li {
	text-transform: none;
	list-style-type: circle;
}

@media (max-width: 960px) {
	.sitemap-container > ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
}
@media (max-width: 640px) {
	.sitemap-container > ul {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1
	}
}

/* LOGOUT link */

.gornji-meni-desno .logout {
	margin-left: 50px;
	margin-right: 17px;
}
.gornji-meni-desno .logout a {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
}
#navbarSupportedContent .logged-in {
	color: #903961;
	font-weight: 300;
}
#navbarSupportedContent .logout {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	color: #903961;
}

/* Partner name top stripe */

.parter-name {
	background-color: #00B9DC;
	color: #fff;
	padding: 5px 0;
	font-weight: 500;
	font-family: 'PT Sans', sans-serif;
	font-size: 17px;
}
.parter-name .row {
	margin-right: 0;
	margin-left: 0;
}
.parter-name span {
	font-weight: 600;
}

/* Special - label on listing */

.listings .card a {
	position: relative;
	overflow: hidden;
}

/*
.listings .card .special {
	display: block;
	font-size: 14px;
	background-color: #740101;
	position: absolute;
	color: #fff;
	top: -1px;
	left: -1px;
	padding: 3px 12px;
}
*/

.listings .card .special {
	display: block;
	font-size: 11px;
	position: absolute;
	color: #fff;
	bottom: 10px;
	left: 10px;
	height: 0;
	padding-right: 10px;
	text-align: center;
	text-transform: uppercase;
	border-right: 12px solid transparent;
    border-top: 15px solid #740101;
    border-left: 10px solid #740101;
    border-bottom: 15px solid #740101;
}
.listings .card .special em {
	font-style: normal;
	position: relative;
	top: -10px;
}
.listings .card .special i {
	font-size: 16px;
	color: #fff;
	margin-left: 5px;
	position: relative;
	top: -8px;
}

/* Canceled offer box */

.cancel-offer hr {
	border-top: 1px solid #DEDEDE;
	width: 100%;
	max-width: 100%;
}
.cancel-offer hr:nth-of-type(2) {
	margin-top: 30px;
	margin-bottom: 30px;
}

.cancel-offer h3 {
	font-size: 28px;
	font-weight: 400;
	color: #903961;
	font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	margin-top: 30px;
	margin-bottom: 20px;
}
.cancel-offer .form-wrapper {
	display: flex;
	flex-wrap: wrap;
}
.cancel-offer .cancelation-reason-list {
	padding-top: 5px;
	width: 30%;
}
.cancel-offer .cancelation-reason-comment {
	padding-top: 5px;
	width: 70%;
}
.cancel-offer .cancelation-reason-comment textarea {
	font-size: 14px;
}
.cancel-offer .cancelation-reason-comment .submit-button {
	text-align: right;
}

@media (max-width: 780px) {
	.cancel-offer .cancelation-reason-list {
		width: 100%;
	}
	.cancel-offer .cancelation-reason-comment {
		width: 100%;
		margin-top: 20px;
	}
}

/* Offer Decision checkboxes */

.decision-checkboxes form {
	margin-top: 20px;
	margin-left: 15px;
}
.decision-checkboxes form .custom-radio:first-of-type {
	margin-right: 100px;
}
.decision-checkboxes form .custom-radio label {
	font-size: 20px;
	font-weight: 500;
}
.decision-checkboxes form .custom-radio label.accept-offer {
	color: #4d9b00;
}
.decision-checkboxes form .custom-radio label.dont-accept-offer {
	color: #BB0303;
}
.decision-checkboxes .custom-control-label:before {
    left: -2rem;
    width: 1.5rem;
    height: 1.5rem;
}
.decision-checkboxes .custom-control-label.accept-offer:before {
    border-color: #4d9b00;
}
.decision-checkboxes .custom-control-label.dont-accept-offer:before {
    border-color: #BB0303;
}
.decision-checkboxes .custom-control-label:after {
    top: .25rem;
    left: -2rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}
.decision-checkboxes .custom-control-input.accept-offer:checked~.custom-control-label::before {
    border-color: #4d9b00;
    background-color: #4d9b00;
}
.decision-checkboxes .custom-control-input.dont-accept-offer:checked~.custom-control-label::before {
    border-color: #BB0303;
    background-color: #BB0303;
}
.basket-step-current .basket-step-title.offer-title {
    background-color: transparent;
	color: #903961;
}
.basket-step-title.offer-title strong {
    float: none;
    font-weight: 500;
    color: #903961;
}
.basket-step-current .basket-step-title.offer-title span strong {
	color: #BB0303;
}
.basket-step-current .basket-step-title.offer-title span {
	display: block;
    background-color: transparent;
	color: #903961;
	float: right;
	width: auto;
	height: auto;
	text-align: left;
	border: none;
	margin-right: 0;
	line-height: auto;
	-moz-border-radius: 0;
    -webkit-border-radius: 0;
	border-radius: 0;
	font-size: 20px;
	padding-top: 8px;
}
.row.cancel-offer {
    padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
.basket-step-title.offer-title strong {
    float: none;
    display: inline-block;
    margin-top: 0;
    padding-bottom: 0;
}
.basket-step-current .basket-step-title.offer-title span {
    float: none;
}
}

.decision-checkboxes {
	margin-top: 40px;
}
.decision-checkboxes span {
	font-size: 20px;
    font-weight: 500;
}
.decision-checkboxes span i {
	margin-right: 6px;
	font-size: 28px;
	position: relative;
	top: 2px;
}
.decision-checkboxes span.accepted {
	color: #55A903;
}
.decision-checkboxes span.not-accepted {
	color: #BB0303;
}
.decision-checkboxes span.accepted div,
.decision-checkboxes span.not-accepted div {
	display: inline-block;
}
.accept-offer-wrapper {
	margin-bottom: 60px;
}
.decision-checkboxes span.accepted span,
.decision-checkboxes span.not-accepted span {
	padding-left: 20px;
	font-size: 14px;
	color: #BB0303;
	font-weight: 400;
}
.decision-checkboxes span.accepted span {
	color: #55A903;
}
.decision-checkboxes span.not-accepted span {
	color: #BB0303;
}
.decision-checkboxes .cancel-reservation-button {
	float: right;
}

@media screen and (max-width: 990px) {
	.decision-checkboxes .cancel-reservation-button {
		float: none;
		margin-top: 15px;
	}
}

@media screen and (max-width: 640px) {
	.decision-checkboxes span.accepted div,
	.decision-checkboxes span.not-accepted div {
		display: block;
	}
	.decision-checkboxes span.accepted span:first-of-type,
	.decision-checkboxes span.not-accepted span:first-of-type {
		padding-left: 0;
	}
}

.offer-cancel-reasons {
	padding-left: 16px;
}

.special-offer-type-cell,
.special-offer-type-cell span {
    text-align: center;
    display: block;
    float: none !important;
    text-transform: none;
    font-size: 13px;
    font-weight: 600;
    color: #903961;
}
.special-offer-type-cell span:before {
    content: "\f164";
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: normal;
    margin-right: 5px;
    line-height: 12px;
}

/* Upper right corner - new */

.send-inquiry-box .travel-period-persons.new-box {
    margin: 5px 0 17px 0;
}
.sticky-wrapper .values.text-left:before {
    font-size: 16px;
    font-family: 'FontAwesome';
    content: '\f073';
    margin-right: 10px;
    color: #264653;
    display: inline-block;
    width: 24px;
    text-align: center;
}
.sticky-wrapper .guests #dropdownPersons:before {
    font-family: 'FontAwesome';
    content: '\f007';
    margin-right: 13px;
    font-size: 16px;
    color: #264653;
    display: inline-block;
    width: 24px;
    text-align: center;
}
.btn-refresh-price {
    width: 100%;
    height: 40px;
    text-align: center;
    color: #fff;
    border: 1px solid #efefef;
    padding-left: 10px;
    background: #903961;
    text-transform: uppercase;
	font-size: 14px;
	outline: none !important;
	box-shadow: none !important;
}
.btn-refresh-price i {
    margin-right: 7px;
	font-weight: normal;
}
.btn-refresh-price:hover {
    color: #fff;
    background: #4995a0;
}
button.gumbek.add-to-basket {
    display: block;
	width: 100%;
}

/*bed only*/

.travel-period-persons.new-box .services {
    width: 100%;
    height: 40px;
    text-align: left;
    color: #264653;
    border: 1px solid #efefef;
    padding-left: 10px;
}

.travel-period-persons.new-box .services:before {
    font-family: 'FontAwesome';
    content: '\f236';
    margin-right: 6px;
    font-size: 16px;
    color: #264653;
    display: inline-block;
    width: 24px;
    text-align: center;
}

.travel-period-persons.new-box select#service {
    padding-right: 0;
    border: none;
	padding-left: 0px;
    color: #264653;
    width: 85%;
    font-size: 17px;
	-webkit-appearance: listbox;
}
/* .searchbar-wrapper .favorites a {
    min-width: 270px;
} */

.searchbar .adults-number {
    float: right;
}

.booking-form .dropdown-menu .close-dropdown a {
    float: right;
}

.searchbar .children-number {
    float: right;
}

.searchbar-wrapper .dropdown-menu .close-dropdown {
float: right;
}

.input-group-spinner {
    display: none;
}

.dropdown-menu.dropdownPersons {
    min-width: 280px;
}

.adults-number {
    display: flex;
	margin-bottom: 8px;
}
/* .searchbar-wrapper .favorites a {
    min-width: 280px;
} */

.travel-period-persons .guests .dropdown-menu span {
    padding-right: 5px;
}

.children-number {
    display: flex;
    margin-bottom: 8px;
}

.travel-period-persons .guests .dropdown-menu span {
    font-size: 14px;
    width: 153px;
}


/*jadran holiday destinacije*/
.col-xl-12.mapa {
    padding: 0px;
}

.posebnosti h2 {
    color: #903961;
		font-size: 25px;
}

.posebnosti b {
	color: #264653;
}

h1.mb-4.main-title.page-title.destinacija {
    margin-bottom: 0px !important;
}

.popular-posts.destinacije {
    margin-top: 30px;
}

.post-text.posebnosti {
    margin-top: 3px;
}

.property-gallery.destinacije {
    margin-top: 10px;
}

.property-gallery.destinacije .big-thumbnails .left-thumbnails a {
    width: 33.33%;
}

h3.plava.text-uppercase.fonter.mt-5.destinacije {
    font-size: 22px;
}

.col-lg-12.flex-wrapper.destinacije {
    border-bottom: none;
}

.about-us .cijena {
	float: right;
	margin-top: 0;
}

/*izdvojeni smještaj na listing*/
.izdvojeni-smjestaj h2 {
    text-align: center;
    font-size: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.row.col-md-12.ostala-ponuda p {
    font-size: 20px;
    float: none;
    margin: 0 auto;
    padding: 17px 0px;
}

/*img.card-img-top.istaknuti {
    background: #efefef;
}

.card.istaknuti {
    background: #efefef;
}
*/
.col-lg-6.text-right.ml-auto p {
    padding-top: 3px;
		color: #fff;
}

section.container-fluid.locations h2 {
    font-size: 22px;
    text-align: center;
    padding: 12px 10px;
    color: #fff;
    background: #4995a0;
}

section.container-fluid.locations {
    margin-bottom: 55px;
}

.list-group.text-center p {
    border-bottom: 1px solid #4995a042;
}

/*lista lokacija po regijama na naslovnici*/
.listalokacija .list-group.text-center a {
    border-bottom: 1px solid #4995a042;
    margin-bottom: 20px;
		color: #264653;
}

.listalokacija .list-group.text-center a:hover {
    color: #903961;
    text-decoration: none;
}

/*KRAJ lista lokacija po regijama na naslovnici*/

i.fa.fa-heart-o:before {
    color: #903961;
}

a.navbar-brand img {
    height: 60px;
}

.col-lg-12.text-center p {
    font-size: 16px;
}

a.social.mr-1 {
    font-size: 22px;
    color: #264653;
    padding: 7px;
}

i.fa.fa-eye:before {
    color: #903961;
}

/*2021.3.19.*/
h3.plava.text-uppercase.fonter.istaknuti {
    font-size: 24px;
		margin-bottom: 14px;
}

.row.my-3.about-us {
    margin-top: 0px !important;
}

.post-text.posebnosti {
    font-size: 16px;
    line-height: 26px;
}


h4.property-desc em.fa.fa-star {
    font-size: 12px;
    color: #EBA600;
    margin-top: 2px;
}

/* h4.property-desc span {
    margin-right: 5px;
		color: #EBA600;
} */

.istaknuti span.special {
    display: block;
    font-size: 11px;
    position: absolute;
    color: #fff;
    bottom: 95px;
    left: 10px;
    height: 0;
    padding-right: 10px;
    text-align: center;
    text-transform: uppercase;
    border-right: 12px solid transparent;
    border-top: 15px solid #740101;
    border-left: 10px solid #740101;
    border-bottom: 15px solid #740101;
}

.istaknuti h5.property-desc {
    margin-bottom: 18px;
}

.adults-number .input-group>.form-control {
   flex: auto;
}

.children-number .input-group>.form-control {
    flex: auto;
}

.zaglavlje-vrh .col-lg-6.text-right.ml-auto a {
    color: #fff;
		padding-right: 3%;
}

/*mobilna verzija*/

@media only screen and (max-width: 600px) {

.property-gallery .big-thumbnails img {
    height: auto;
		padding-right: 0;
}

.property-gallery.destinacije .left-thumbnails {
    display: table-row-group;
    width: 100%;
}

section.py-5.atd.plaza {
    margin-top: 75px !important;
}

.col-lg-8.introdetail.oplazi {
    display: block !important;
}

h1.mb-4.main-title.page-title.destinacija {
    padding-top: 32px;
}

.ostale-znacajke {
    display: block !important;
}

.dms-facilities-block-1 {
    width: 100% !important;
}

.dms-facilities-block-2 {
    width: 100% !important;
}

.dms-facilities-block-3 {
    width: 100% !important;
}

.dms-facilities-block-4 {
    width: 100% !important;
}

.dms-facilities-block-5 {
    width: 100%;
}

ul.gornji-meni-desno {
    width: 100%;
		float: inherit;
}

.gornji-meni-desno a {
    color: #903961;
}

.gornji-meni-desno a {
    color: #903961;
    display: table-caption;
}

.gornji-meni a.active {
    color: #903961;
}

a.navbar-brand img {
    height: auto;
		width: 183px;
}

section.masthead h1 {
    font-size: 2rem;
    text-shadow: 1px 1px 2px #8d8d8d;
}

.col-lg-12.labelheader.smjestajtop {
    width: 100%;
}

.container {
overflow-x: hidden;
}

}

/*mapa destinacija*/

.karta .gm-style img {
    max-width: 50%;
    float: left;
    margin-right: 12px;
}

.gm-style-iw.gm-style-iw-c {
    border-radius: 0px;
}

h4.marker_title {
    font-size: 22px;
}


.gm-style-iw-d a.btn.btn-primary.btn-sm {
    float: right;
}


p.marker_text {
    font-size: 14px;
}

.gm-style-iw.gm-style-iw-c {
    max-width: 400px;
}

div#pocp1 {
    z-index: 100;
}

/*destinacije - regije */

header.py-5.bg-image-full.atd h1 {
    text-align: center;
    color: #fff;
}

.labelheader {
    background-color: #ffffff;
    border-color: #FFFFFF;
    color: #2e2f2f;
    padding-top: 12px;
    padding-right: 21px;
    padding-bottom: 21px;
    width: 85%;
    float: none;
    margin: 0 auto;
    padding-left: 21px;
    margin-bottom: 5px;
    text-align: center;
    box-shadow: 0px 2px 3px #d8d2d2;
    font-size: 19px;
}

section.py-5.atd {
    margin-top: -26px;
    padding-top: 0px !important;
}

header.py-5.bg-image-full.atd {
    background-size: cover;
		background-position: center;
}

h5#posjetite a {
    font-size: 20px;
    color: #adadad;
    text-decoration: underline;
}

.introatd {
    margin-top: 45px;
}

.col-lg-8.introdetail {
    margin-top: 60px;
}

.col-lg-4.inforight {
    margin-top: 60px;
		padding-left: 4%;
}

.col-lg-8.introdetail p {
    font-size: 16px;
}

.col-lg-4.inforight .listalokacija h2 {
    font-size: 28px;
    text-align: center;
    padding: 12px 10px;
    color: #fff;
    background: #264653;
}

.listalokacija h2 span {
    display: inherit;
    font-size: 16px;
    color: #4995a0;
}

.col-lg-4.inforight .listalokacija .list-group.text-center a {

    font-size: 18px;
}

/* div.sticky {
    position: sticky;
    top: 25px;
} */

.col-lg-4.brzilinkovi img {
    width: 22%;
    padding-bottom: 12px;
}

.col-lg-4.brzilinkovi {
    text-align: center;
}
.col-lg-4.inforight h3.plava.text-uppercase.fonter {
    text-align: center;
		font-size: 14px;
}

.mapadestinacije {
    margin-top: 5%;
}

section.py-5.atd.region-page {
    padding-bottom: 0px !important;
}

.col-lg-8.introdetail h3 {
    font-size: 26px;
    color: #903961;
}

.col-lg-4.inforight .listalokacija .list-group.text-center a {
    font-size: 18px;
}

a.btn.btn-primary.btn-block img {
    display: flex;
    width: 20%;
    float: none;
    margin: 0 auto;
}

.col-lg-4.destinacijainfo p {
    font-size: 18px;
    line-height: 27px;
    color: #a9a7a7;
}

.col-lg-4.destinacijainfo h3 {
    color: #903961;
    font-size: 22px;
}

h3#advatange {
    padding-bottom: 1%;
}

.col-lg-6.fc p {
    font-size: 18px;
}

.col-lg-6.sc p {
    font-size: 18px;
}

i.fa.fa-check-square {
    color: #903961;
}

.col-lg-4.inforight .featured-offer-column.atd {
    font-size: 18px;
    text-align: center;
}

.OnamaOglasi h4 {
	font-size: 22px;
    color: #903961;
}

.col-lg-4.destinacijainfo img {
    width: 100%;
}

.row.izdvojeni-top {
    margin: 0px 15px 15px 15px;
}

/* h3.plava.text-uppercase.fonter.top {
    float: none;
    margin: 0 auto;
    font-size: 13px;
    padding-bottom: 1%;
} */

.col-lg-12.flex-wrapper.destinacije ol.breadcrumb {
    margin-bottom: 5px !important;
}

p#gold {
	margin-bottom: 4px;
    padding: 0px 5px 0px 5px;
    color: #ffffff;
    font-size: 14px;
    top: 17px;
    position: absolute;
    font-weight: bold;
    background: #343a4070;
		left: 10px;
}

p#gold img {
    width: 17px;
		padding: 1px;
}

.card-price span.on-request {
    font-size: 15px;
}

.fa-trophy:before {
    content: "\f091";
    color: #fff;
    font-size: 16px;
}

/* .card.istaknuti span.card-favorite {
    position: absolute;
    top: 4px;
    right: 4px;
    background: #fff;
} */

span.card-favorite {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #fff;
}

.izdvojeni-top .card-favorite {
    position: absolute;
    top: 4px;
    right: 4px;
}

img.card-img-top.istaknuti {
	padding: 4px 4px 4px 4px;
	border-radius: 0px;
	height: auto;
}

/* .main_listing_gold .card-favorite {
    position: absolute;
    top: 33px;
} */

h3.plava.text-uppercase.fonter.top {
    float: left;
    padding-left: 2%;
    font-size: 13px;
}

hr.solid.foffer {
max-width: 70%;
 margin-bottom: 7px;
 margin-top: 7px;
}

.button-ostalismjestaj.top {
    text-align: center;
    margin-top: 12px;
}

.popular-posts.destinacije.novo {
    margin-top: -2px;
}

.col-lg-12.labelheader.smjestajtop {
	width: 90%;
	padding-bottom: 0px;
}

.col-lg-12.labelheader.smjestajtop3 {
    width: 85%;
    padding-bottom: 0px;
}

/* .col-lg-4.inforight.top .destinacijainfo img {
    width: 100%;
}

.col-lg-4.inforight.top {
    background: #fff;
    padding: 0px 9px;
} */

.col-lg-4.inforight.top .listalokacija {
    width: 90%;
    float: none;
    margin: 0 auto;
}

/* .col-lg-8.introdetail.top {
    padding-right: 5%;
} */

.destinacijainfo.top {
    background: #ededed;
    padding: 25px 19px;
}

.destinacijainfo.top img {
    width: 100%;
}

.row.izdvojeni-top .col-xl-3 {
    padding-left: 4px;
    padding-right: 4px;
}

.row.izdvojeni-top .col-xl-4 {
    padding-left: 4px;
    padding-right: 4px;
}

.button-ostalismjestaj.top a.btn.btn-primary.btn-sm {
    font-size: 14px;
    float: right;
}

.row.rubnik .card-img-top {
    height: 225px;
}

a.pocp_button.pocp_button_left.btn_active:hover {
    text-decoration: none;
}

h5#posjetite {
    font-size: 20px;
    text-decoration: underline;
}

p#posjetite {
    margin-bottom: 10px;
}

#myHeader .dropdown-menu.atd .dropdown-item {
    font-size: 17px;
}

/*image galery css*/
#slajder .carousel-inner {
    max-height: 215px;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
}

#custCarousel .carousel-indicators {
    position: static;
    margin-top: 20px;
}

#custCarousel .carousel-indicators>li {
    width: 100px;
}

#custCarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}

#custCarousel .carousel-indicators li.active img {
    opacity: 1;
}

#custCarousel .carousel-indicators li:hover img {
    opacity: 0.75;
}

.carousel-item img {
    width: 100%;
		height: auto;
}

.gallerydetail .col-md-12 {
    padding: 0;
}

.what-visit.visit-beaches.what-visit-dms img {
    height: auto;
}

.slider-horizontal .slider-selection {
    background: #4995a0;
}

.date_range_picker .values .value.active span {
    color: #903961;
}

/*css za plaže*/
.dms-facilities-block-1 {
    background: #903961;
    padding: 12px;
    width: 33.33%;
}

.dms-facilities-block-2 {
    padding: 12px;
    background: #903961e8;
    width: 33.33%;
}

.dms-facilities-block-3 {
    padding: 12px;
    background: #903961d6;
    width: 33.33%;
}

.dms-facilities-block-4 {
    background: #903961c2;
    padding: 12px;
    width: 33.33%;
}


.dms-facilities-block-5 {
    background: #903961b0;
    padding: 12px;
    width: 33.33%;
}

ul.dms-facilities-list-4 {
    font-size: 16px;
    line-height: 33px;
}

ul.dms-facilities-list-5 {
    font-size: 16px;
    line-height: 33px;
}

ul.dms-facilities-list-1 li {
    font-size: 16px;
    line-height: 33px;
}

ul.dms-facilities-list-2 li {
    font-size: 16px;
    line-height: 33px;
}

ul.dms-facilities-list-3 li {
    font-size: 16px;
    line-height: 33px;
}

.featured-offer-column.atd.plaza {
    margin-top: 0;
}

.plaza .card.istaknuti {
    margin-bottom: 10px;
}

.plaza .col-lg-4.inforight {
    margin-top: 0px;
}

.mapa-plaze div#map_canvas {
    height: 226px;
}

.col-lg-8.introdetail.oplazi {
    display: flex;
		margin-top: 20px;
}

.col-lg-8.introdetail.plazeinfo {
    margin-top: 22px;
}

section.py-5.atd.plaza {
    padding-bottom: 0px !important;
		margin-top: 0px;
}

.col-lg-4.inforight.plaza {
    margin-top: 0px;
}

.col-lg-4.inforight .featured-offer-column.atd.plaza {
    margin-bottom: 0px;
}

.col-lg-6.plaza {
    padding-left: 0px;
}

.col-lg-6.plaza img {
    /* border-left: 12px solid #903961; */
}

table.table.plaza {
    background: #fff;
		font-size: 16px;
}

figcaption {
    font-style: italic;
}

.col-lg-6.plaza span {
    font-size: 17px;
    display: flex;
    font-style: italic;
    color: #903961;
}

.ostale-znacajke {
    display: flex;
		color: #fff;
}

.aktivnosti-plaza, .sadrzaji-plaza, .gastro-plaza {
    width: 33.33%;
}

ul.plaza-info li {
    font-size: 16px;
		line-height: 33px;
}

.ostale-znacajke h4 {
    font-size: 25px;
		text-align: center;
}

.aktivnosti-plaza {
    background: #903961;
    padding: 12px;
}

.sadrzaji-plaza {
    padding: 12px;
    background: #4995a0;
}

.gastro-plaza {
    padding: 12px;
    background: #264653;
}

/*kraj css za plaže*/

.col-lg-12.text-center.text-uppercase.mt3r.send-inquiry-box {
    margin-top: 10px !important;
}

li.nav-item.dropdown:hover, li.nav-item.dropdown:focus, li.nav-item.dropdown:active {
background: #efefef;
}

a.atd.nav-link.dropdown-toggle:hover {
    color: #264653;
		cursor: default;
}

li.nav-item:hover {
    background: #efefef;
}


/*listing dropdown*/
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    z-index: 1000;
}

/*blok adults childer pull down content*/

.travel-persons .guests .dropdown .dropdown-menu {
    position: static !important;
    float: none !important;
    margin-top: -39px;
    margin-bottom: 47px;
		width: 100%;
}

.fontmanji table {
    width: auto !important;
}

.fontmanji tr td {
    font-size: 16px;
}

/*video home page*/
.videoContainer iframe {
    width: 100%;
    height: 100%;
}

.videoContainer {
    width: 100%;
    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
		padding-right: 15px;
    padding-left: 15px;
		margin-bottom: 50px;
}

/*book now disabled*/
a[title="calculate_price"].btn.btn-primary.font-weight-bold.inquiry.book-now {
    background: #e2e0da;
    border: #e2e0da;
		cursor: default;
}

a[title="calculate_price"].btn.btn-primary.font-weight-bold.inquiry.book-now:focus {
    -webkit-box-shadow: none;
}

/*block book now*/
.discounted-price {
    color: rgb(73 80 87);
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid rgb(234 231 225);
    border-top: none;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.special-offer-type {
    text-align: right;
    display: block;
    float: none !important;
    text-transform: none;
    font-size: 13px;
    font-weight: 600;
    color: #903961;
}

.special-offer-type span:before {
    content: "\f164";
    font-family: FontAwesome;
    font-size: 18px;
    font-weight: normal;
    margin-right: 5px;
    line-height: 12px;
}

.col-lg-12.labelheader.smjestajtop.dms-all {
    box-shadow: none;
}


.col-lg-12.labelheader.smjestajtop .card.istaknuti {
    min-height: 310px;
}

span.default-service-price {
    float: right;
		font-size: 20px;
}

table.travel-price-table {
    width: 100%;
}

/*booking basket*/
.basket-steps .mt-4.text-right {
    margin-top: 0px !important;
}

label.form-check-label.custom-control-label {
    line-height: 27px;
    margin-bottom: 0;
}

.single-middle button.submit-btn.gumbek.add-to-basket {
    width: 28%;
    float: none;
    margin: 0 auto;
}

h3#info_stavke_table_title {
    font-size: 19px;
}

table.travel-price-table tr td {
    padding-left: 6px;
}

.filter-buttons.text-right.mt-2 {
    display: inline-flex;
}

p.podnozje-kraj a {
    color: #fff;
		font-weight: bold;
}

.mapa-plaze .gm-style img {
    max-width: 124px;
    float: left;
    padding-right: 6px;
}

.mapa-plaze p.marker_text {
    text-align: left;
}

/*booking vile*/

.row-narrow h3.plava.text-uppercase.mt-2.mb-3 {
    width: 100%;
}

.single-villa .discounted-price {
    border: 0;
    padding: 5px 5px;
}

.single-villa table.travel-price-table {
    margin: 0px 5px;
    border-top: 1px solid #dedede;
}

.booking-for-villa .send-inquiry-box-2 .inquiry {
    margin-left: 0px;
}

/* Payment tabs */

#myTab.nav-tabs {
	background: #efefef;
	margin-top: 9px !important;
    position: relative !important;
	background: #efefef !important;
	border-bottom: 1px solid #efefef !important;
}
#myTab.nav-tabs .nav-item {
	background: #efefef;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	border-right: 1px solid #d2cec5;
	margin-right: 0;
}
#myTab.nav-tabs .nav-item:last-child {
	border: 0px;
}
#myTab.nav-tabs .nav-link {
	color: #495057;
	padding: 1rem 1.25rem;
	font-size: 14px;
	border-bottom: none;
}
#myTab.nav-tabs .nav-link:hover {
	background: #efefef;
}
#myTab.nav-tabs .nav-link.active {
	background: #903961;
	color: #fff;
	border-color: transparent;
	border-radius: 0px;
	border-bottom: none;
}
#myTab.nav-tabs .nav-link.active:after {
	border-top: 18px solid #903961;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	content: "";
	display: block;
	height: 0;
	left: 50%;
	margin-left: -18px;
	position: absolute;
	bottom: -10px;
	width: 0;
	animation: cssAnimation 0s .12s forwards;
    visibility: hidden;
}
#myTab.nav-tabs .see-all {
	position: absolute;
	top: 11px;
	right: 0px;
}
#myTab.nav-tabs .see-all a {
	text-decoration: underline;
	color: #903961;
}
#myTab.nav-tabs .see-all a:hover {
	text-decoration: none;
}
#myTab.nav-tabs .nav-link.active:after {
    border-top: 18px solid #903961;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -18px;
    position: absolute;
    bottom: -10px;
    width: 0;
    animation: cssAnimation 0s .12s forwards;
    visibility: hidden;
}
#myTab.nav-tabs .nav-item:last-child {
    margin-left: 0;
    margin-right: 0;
}
#myTab.nav-tabs .nav-item:last-child .nav-link {
    background-color: inherit;
    color: #495057;
    border: none;
    font-size: 14px;
}
#myTab.nav-tabs .nav-item:last-child .nav-link:hover {
	background: #efefef;
}
#myTab.nav-tabs .nav-item:last-child .nav-link.active {
    background: #903961;
	color: #fff;
}

@media (max-width: 768px) {
#myTab.nav-tabs .nav-link {
    padding: 0.6rem 0.8rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#myTab.nav-tabs .nav-item:last-child .nav-link {
	margin-top: 0;
}
#myTab.nav-tabs .nav-link.active:after {
    display: none;
}
}

.booking-for-villa .col-lg-12.my-4 {
    padding-left: 0;
    padding-right: 0;
}

.row-narrow h3.plava.text-uppercase.mt-2.mb-3 {
    width: 100%;
}

.single-villa .discounted-price {
    border: 0;
    padding: 5px 5px;
}

.single-villa table.travel-price-table {
    margin: 0px 5px;
    border-top: 1px solid #dedede;
}

.booking-for-villa .send-inquiry-box-2 .inquiry {
    margin-left: 0px;
}

.col-lg-6.villa-properties table {
    width: 93% !important;
}

.booking-for-villa .property-special-offer {
    margin-top: 10px;
}

.basket-content th.text-right.nowrap {
    display: flex;
    justify-content: space-between;
    padding-left: 6px;
}

/*footer*/
footer.py-sekcija.footer .nav-link {
    display: inline-block;
    padding: 0rem 0rem;
}

/*spinner*/
.overlay_spinner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
	opacity: 0.5;
	z-index: 1050;
}

.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    width: 75px;
    height: 75px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}

@keyframes spin {
 00% { transform: rotate(00deg); }
 100% { transform: rotate(360deg); }
}

span.notification-box-inquiry-text {
	font-weight: bold;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	z-index: 999;
	text-align: center;
	font-size: 17px;
	width: 40%;
	border: 1px dashed #000;
	margin: 0px;
	background: #f5e2d1;
	line-height: 59px;
}

span.notification-box-inquiry-text:before {
    content: "\f00c ";
		font-family: 'FontAwesome';
    padding-right: 4px;
}

.sendinquiry-property {
    border: 1px solid #dedede;
    margin-top: 10%;
    padding: 5px 15px;
}

.sendinquiry-property a.btn.btn-primary.inquiry {
    margin-bottom: 0;
    margin-top: 18px;
		font-size: 23px;
}

.pets-yn {
    display: block;
    text-align: right;
    padding-top: 12px;
}

.pets-yn svg#dog {
    width: 20px;
    height: 20px;
    margin: 0 0 0 0;
    fill: #4d5055;
}

.row.row-narrow .col-md-6 {
    padding-right: 4%;
}

/*filteri new*/
.filter-wrapper .dropdown-all {
    min-width: 930px;
}

.dental-available .custom-control {
    padding-left: 0px;
}

.col-md-2.dropdown-bedrooms {
    flex: 0 0 14.666667%;
    max-width: 14.666667%;
}

.filter-buttons.close {
    position: absolute;
    bottom: 9px;
    right: 0;
}

.row.filter h6 {
    color: #903961;
}

.fa-filter:before {
    font-size: 20px;
		color: #903961;
}

.fa-sort:before {
    font-size: 15px;
		color: #903961;
}

.sorting button:focus {
    outline: none;
}
.fa-sort-amount-asc:before {
    color: #903961;
}

select#sort {
	padding: 4px;
	border: none;
	font-size: 15px;
	color: #903961;
}

.sortby {
    background: #f3f3f3;
    margin-top: 30px;
    padding: 6px;
}

.sorting label.form-label {
    margin-right: 7px;
    font-size: 17px;
    color: #903961;
}

.sorting button.dropdown-toggle {
    background: transparent;
    border: 0;
    min-width: 100px;
    font-size: 14px;
		padding-right: 12px;
}

.sorting ul.dropdown-menu li a:hover {
    cursor: pointer;
}
.sorting ul.dropdown-menu li a:hover {
    color: #fff;
}

/*zaglavlje favoriti i košarica*/
.zaglavlje-vrh .col-3.favorites a {
	margin-left: 15px;
	margin-right: 15px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ffffff;
    display: inline-block;
}

.zaglavlje-vrh .col-3.favorites i {
    color: #903961;
    font-size: 18px;
}

.zaglavlje-vrh .col-3.favorites {
    padding-top: 6px;
		min-width: 30% !important;
}

.col-lg-6.text-right.ml-auto {
    max-width: 45%;
}

span.shoppingcart {
    float: right;
}

span#display-span {
    color: #fff;
    padding: 0px 3px;
}

.zaglavlje-vrh .col-3.favorites a.active {
    border-bottom: 1px solid #903961;
}

.sorting ul.dropdown-menu.show i {
    padding-right: 4px;
}

a#price-asc-filter.active {
    color: #4995a0;
}

a#price-desc-filter.active {
    color: #4995a0;
}

a#popularity-asc-filter.active {
    color: #4995a0;
}

/*shopping cart header*/

.zaglavlje-vrh .col-3.favorites {
    padding-top: 6px;
    min-width: 30% !important;
}

span.shoppingcart {
    float: right;
}

.shoppingcart-show {
    /* display: none;
    flex-direction: column;
    position: absolute;
    text-align: center;
    top: 100%; */
    width: 360px;
    z-index: 15;
    /* margin: 10px 0 0;
		left: 60%; */
}

.shoppingcart {
    padding-left: 25px;
		z-index: 999;
		padding-top: 1px;
}

.col-3.favorites {
    display: flex;
		justify-content: flex-end;
}

.cart-title {
    display: inline-block;
    border-bottom: 1px solid #e6e6e7;
    font-size: 16px;
    font-weight: 600;
    height: 30px;
    left: 0;
    margin: 0 15px 15px;
    position: absolute;
    width: calc(100% - 30px);
}

.accomodationcontainer {
    background-color: #fff;
    box-shadow: 0 2px 9px rgb(0 0 0 / 10%);
    padding: 15px 0 0;
    position: relative;
}

.scroll-accomodationcontainer {
    max-height: 267px;
    margin-top: 30px;
    overflow-y: auto;
}

.gotocart {
    box-shadow: 0 2px 9px rgb(0 0 0 / 10%);

    margin-top: 5px;
    padding: 10px 60px;
}

td.service-name.cart {
    border: none;
		text-align: left;
}

td.text-right.nowrap.cart {
    border: none;
    font-weight: bold;
    background: #efefef;
}

.gotocart-button {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    font-size: 15px;
    letter-spacing: .8px;
    text-align: center;
    white-space: nowrap;
    line-height: 38px;
    color: #fff;
    background: #4995a0;

    padding: 0 20px;
    margin: 10px 0;
}

a.gotocart-button:hover {
    text-decoration: none;
		    background: #903961;
}

td.removefromcart {
    border: none;
}

td.removefromcart button {
    background: transparent;
    border: 1px solid #4995a0;
}

i.fa.fa-heart-o {
    padding-right: 3px;
}
i.fa.fa-eye {
	padding-right: 3px;
}

i.fa.fa-shopping-cart {
	font-size: 18px;
    padding-right: 7px;
    color: #903961;;
}

td.removefromcart button:hover {
    background: #4995a0;
}

.shoppingcart i.fa.fa-trash:hover {
    color: #fff;
}

/*heading ville old*/

/* .heading-villa span.inquiry-top-forward-save {
display: flex;
padding-top: 13px;
justify-content: flex-end;
}

.heading-villa span.inquiry-top-forward-save a {
font-size: 15px;
}

.heading-villa i.fa.fa-share-alt {
display: block;
text-align: center;
}

.heading-villa a#addToFavorite {
margin-left: 12px;
}

.heading-villa i.fa.fa-heart {
display: block;
text-align: center;
}

.heading-villa h1.mb-4.naslov-app.main-title {
padding: 10px 0;
} */

/*new heading*/
.heading-villa h1.mb-4.naslov-app.main-title {
    text-align: center;
    float: none;
    margin: 0 auto;
}

.heading-villa {
    display: flex;
    margin-top: 22px;
    margin-bottom: 14px;
    align-items: center;
}

.heading-villa sup.narancasta {
    top: -22px;
}

.heading-villa sup.narancasta em {
  font-size: 18px;
}

h6.location {
    display: grid;
		font-weight: 600;
}

h6.location span {
    font-weight: normal;
}

.heading-villa .naslov-id {
    margin-top: 0;
    display: grid;
}

.heading-villa span.inquiry-top-forward-save {
    padding-top: 8px;
		text-align: right;
}

.naslov-id span {
	color: #264653;
font-size: 15px;
}

.heading-villa i.fa.fa-heart-o:before {
	padding-left: 9px;
}

.heading-villa span.zlatna {
    text-align: right;
}

/*novi kalendar*/

@media (min-width: 768px) {

	.calendar .carousel-item {
	margin-right: 0px;
	}

    .calendar .carousel-inner .active,
    .calendar .carousel-inner .active + .carousel-item,
    .calendar .carousel-inner .active + .carousel-item + .carousel-item,
    .calendar .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item  {
        display: block;
    }

    .calendar .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .calendar .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .calendar .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .calendar .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }

    .calendar .carousel-inner .carousel-item-next,
    .calendar .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }

    .calendar .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    .calendar .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .calendar .carousel-item-next.carousel-item-left + .carousel-item,
    .calendar .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .calendar .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .calendar .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    .calendar .carousel-inner .carousel-item-next.carousel-item-left {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    .calendar .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: -25%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    .calendar .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .calendar .carousel-item-prev.carousel-item-right + .carousel-item,
    .calendar .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .calendar .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .calendar .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        display: block;
        visibility: visible;
    }

		.calendar .carousel-control-prev {
    left: -8%;
    }

		.calendar .carousel-control-next {
    right: -8%;
     }

    .calendar .carousel-control-prev-icon {
    filter: brightness(0.5);
    }

    .calendar .carousel-control-next-icon {
    filter: brightness(0.5);
     }

}

/*header listanje*/
.prev-prop {
    position: absolute;
    left: 4%;
    top: 151px;
		padding-left: 12px;
}

.prev-prop a {
    padding-right: 26px;
}

.prev-prop i {
color: #903961;
}

.next-prop {
    position: absolute;
    right: 4%;
    top: 151px;
		padding-right: 12px;
}

.next-prop a {
	    padding-left: 26px;
}

.next-prop i {
color: #903961;
}

/*send inquiry button*/

.sendinquiry-property_unit p {
    margin-bottom: 0px;
}

.sendinquiry-property_unit {
    padding: 15px;
    margin-top: 15px;
    border: 1px solid #dedede;
    background: #fff;
}

.sendinquiry-property_unit p a {
    margin-bottom: 0;
}

a.btn.btn-primary.font-weight-bold.inquiry.book-now {
    margin-bottom: 0;
}

a.villa-inquiry {
	width: 45px;
	    height: 45px;
	    position: absolute;
	    right: 15px;
	    margin-top: 7px;
	    fill: #903961;
}

/*listanje objekata property / unit*/
.col-lg-9 .prev-prop {
    position: absolute;
    left: 0;
    top: 50px;
}

.col-lg-9 div#page-navigation {
    margin-bottom: 25px;
}

.col-lg-9 .next-prop {
    position: absolute;
    right: 0;
    top: 50px;
}

/*location tab mapa*/

#location div#karta-location {
    width: 100%;
}

#location .map-categories {
    margin-top: 0;
}

@media only screen and (max-width: 780px) {
a.villa-inquiry {
    left: 0;
    top: -42px;
    margin-top: 0 !important;
}

.prev-prop {
    top: 222px;
}

.next-prop {
	  top: 222px;
}
}

/*single villa wellness*/

ul.wellness-image img {
    width: 200px;
padding-right: 12px;
padding-bottom: 5px;
}

ul.wellness-image {
    float: left;
}

/*share*/

#socialShare a.btn.btn-info {
    padding: 0;
    background: transparent;
    border: none;
		font-size: 12px;
color: #903961;
}

#socialShare a.btn.btn-info:hover {
text-decoration: underline;
}

i.fa.fa-share-alt.fa-inverse {
    color: #903961;
    font-size: 20px;
}

.heading-villa #socialShare a.btn.btn-info {
		font-size: 15px !important;
}

.heading-villa i.fa.fa-share-alt.fa-inverse {
    font-size: 15px !important;
}

#socialShare ul.dropdown-menu.atd.show {
    width: 52px;
    min-width: 52px;
		border: none;
		left: 18px !important;
}

a#fbShare{
    background-color: #3D5B96;
    width: 52px;
    color:#FFFFFF;
    text-align: center;
		padding: 10px 15px;
}

a#twitterShare {
    background-color: #3399CC;
    width: 52px;
    color:#FFFFFF;
text-align: center;
padding: 10px 13px;
}

a#gplusShare {
    background-color: #DD3F34;
    width: 52px;
    color:#FFFFFF;
text-align: center;
padding: 10px;
}

a#mailShare {
    background-color: #FFC90E;
    width: 52px;
    color:#FFFFFF;
		text-align: center;
		padding: 10px 12px;
}

a#tumblrShare {
    background-color: #35465C;
    width: 52px;
    color:#FFFFFF;
text-align: center;
padding: 10px 15px;
}

a#whatsappShare {
    background-color: #38BF4B;
    width: 52px;
    color:#FFFFFF;
		padding: 10px 13px;
		text-align: center;
}

a#viberShare {
    background-color: #7B519C;
    width: 52px;
    color:#FFFFFF;
		padding: 10px 12px;
		text-align: center;
}

a#copyShare {
    background-color: #FE7B1E;
    width: 52px;
    color:#FFFFFF;
text-align: center;
padding: 10px 12px;
}


a#mailShare:hover, a#fbShare:hover, a#twitterShare:hover, a#tumblrShare:hover, a#copyShare:hover, a#viberShare:hover, a#whatsappShare:hover, a#gplusShare:hover {

	border-bottom: 3px solid #22b536;
}

ul.dropdown-menu.atd.show a#mailShare:hover, ul.dropdown-menu.atd.show a#fbShare:hover, ul.dropdown-menu.atd.show a#twitterShare:hover, ul.dropdown-menu.atd.show a#tumblrShare:hover, ul.dropdown-menu.atd.show a#copyShare:hover, ul.dropdown-menu.atd.show a#viberShare:hover,
ul.dropdown-menu.atd.show a#whatsappShare:hover, ul.dropdown-menu.atd.show a#gplusShare:hover {
	background: #fff;
	color: #903961;
	border-bottom: 0px;
}

.social-share-block-region #socialShare ul {
    display: flex;
}

.social-share-block-region div#socialShare p {
    padding-top: 30px;
}

.social-share-block-region #socialShare ul li {
    list-style: none;
}

/* .social-share-block-region #socialShare ul li a {
padding: 10px 15px;
}

.social-share-block-region #socialShare a:hover i {
    color: #903961;
} */

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 0%) !important;
}

h1.mb-4.main-title.page-title.text-center span {
    text-transform: initial;
    display: block;
    font-size: 20px;
    color: #4995a0;
    margin-top: 8px;
}

.col-lg-8.introdetail.oplazi h1 {
    font-size: 1.9rem;
}

a#viberShare img {
    width: 16px;
}

ul.dropdown-menu.atd.show a#viberShare:hover img {
    filter: invert(1);
}

.heading-villa h1.mb-4.naslov-app.main-title span {
    position: absolute;
    font-size: 15px;
    left: 0;
    line-height: 22px;
		text-align: left;
}

.heading-villa h1.mb-4.naslov-app.main-title span::first-line {
    font-weight: bold;
}

.mapadestinacije p.font-weight-bold.choose-categories {
    margin-bottom: 0;
    padding-right: 12px;
}

.map-categories p.font-weight-bold.choose-categories {
    margin-bottom: 0;
    padding-right: 12px;
}

p.modal-title.inquiry-title-villa {
    font-size: 22px;
    padding-right: 7px;
}

#highlights h2.plava.text-uppercase.mt-2.mb-3 {
    font-size: 30px;
}

.travel-period-persons p {
 background-color: #F5F3EE;
    color: #495057;
    font-size: 14px;
    padding: 10px;
    text-transform: none;
    border: 1px solid #efefef;
    border-bottom: none;
    margin-bottom: 0;
    font-weight: 500;
}

@media screen and (max-width: 767px) {

#socialShare ul.dropdown-menu.atd {
    display: none;
}

#socialShare ul.dropdown-menu.atd.show {
   display: block;
}

}

@media only screen and (max-width: 780px) {
.heading-villa h1.mb-4.naslov-app.main-title {
		text-align: right;
		font-size: 28px;
		padding-top: 28px;
}

.heading-villa h1.mb-4.naslov-app.main-title span {
    bottom: 0;
		left: 8px !important;
	}

	ul.wellness-image img {
    width: 100%;
		padding-right: 12px;
	padding-bottom: 12px;
}

#map_canvas {
    height: 263px !important;
}

ul.wellness-image {
    float: inherit;
}

.social-share-block-region #socialShare ul {
    justify-content: flex-end;
}

.social-share-block-index #socialShare ul {
    justify-content: flex-start;
}

.col-lg-9 .prev-prop {
    top: 15px !important;
}

.col-lg-9 .next-prop {
    top: 15px !important;
}

.unit-titles h1.mb-4.naslov-app.main-title {
    font-size: 22px;
		text-align: left;
}

.unit-titles h6.unit-heading {
font-size: 22px;
}

.view-property a.btn.btn-primary.btn-sm {
    font-size: 14px;
}}

@media only screen and (max-width: 780px) {
	ul.social-share-single {
	    display: flex;
	    float: none;
	    margin: 0 auto;
	    flex-wrap: wrap;
	    margin-top: 12px;
	    margin-bottom: 5px;
	    padding-left: 0;
	    align-content: stretch;
	    justify-content: left;
	}

	ul.social-share-single li {
	    list-style: none;
	}

	.container.villa-top-container {
    overflow-x: visible;
}

ul.social-share-single-property {
		display: flex;
		float: none;
		margin: 0 auto;
		flex-wrap: wrap;
		margin-top: 12px;
		margin-bottom: 5px;
		padding-left: 0;
		align-content: stretch;
		justify-content: left;
}

ul.social-share-single-property li {
		list-style: none;
}
}

@media (min-width: 781px) {
	ul.social-share-single {
	    display: none;
}

ul.social-share-single-property {
		display: none;
}
}

.subheading-wrapper h2.plava.text-uppercase.fonter {
    font-size: 28px;
}

.social-share-block-index #socialShare ul {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.social-share-block-index #socialShare ul li {
    list-style: none;
}

@media all and (min-width: 992px) {
		.mobile_login_languages {
			display: none;
		}
	}

	@media all and (max-width: 991px) {
		.mobile_login_languages {
			display: block;
			    margin-top: 12px;
		}
	}

	section.masthead h1 span {
	    font-size: 2rem;
	    text-transform: initial;
	    text-shadow: 0 0 10px #000;
	}

	.lokacije h5 {
    z-index: 10;
    position: absolute;
    top: 5%;
    left: 5%;
    font-size: 30px;
		font-family: 'Quattrocento', 'Helvetica Neue', Arial, serif;
}

.about-us-homepage .row.rubnik {
    text-align: center;
    display: flex;
    font-size: 16px;
}

.social-share-block-index #socialShare ul {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.slider.slider-horizontal {
    width: 100% !important;
}

header.py-5.bg-image-full.atd h1 span {
    display: flex;
    justify-content: center;
    font-size: 18px;
}

p#posjetite {
    font-size: 18px;
    font-weight: 500;
}

.social-share-block-index {
    width: 100%;
}

.lokacije h5 {
    z-index: 10;
    position: absolute;
    top: 5%;
    left: 5%;
    font-size: 30px;
    font-family: 'Quattrocento', 'Helvetica Neue', Arial, serif;
}

@media (max-width: 780px) {
.dropdown-toggle {
    white-space: pre-wrap;
}}

.row.etixinfo img {
width: 100px;
}

span.no_prices {
    color: red;
    padding-left: 6px;
}

.step-content .mt-4.text-right {
    margin-top: 0 !important;
}

span#infoEtix {
    display: flex;
    color: #4d5055;
    font-size: 15px;
    padding-top: 6px;
}

p.card-title.narancasta {
    margin-left: 15px;
}

.other-facilities-wrapper .hidden-thumbnails {
    display: none;
}

/*404 page*/
.error-404 {
	text-align: center;
  padding-top: 50px;
}

.error-404 h1 {
	font-size: 100px;
	color: #515151;
}

.error-404 h1 span {
	display: flex;
	font-size: 28px;
	justify-content: center;
	color: #515151;
}

.error-404 {
	background-image: url('/img/dental-town.webp');
	height: 800px;
	background-size: cover;
	background-position: 50% 50%;
}

.error-404 p {
	margin-bottom: 15px;
	color: #515151;
	font-size: 18px;
}

.error-404 a {
	background: #515151;
	padding: 6px 17px;
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
}

.error-404 a:hover {
text-decoration: none;
background: #47baa2;
}

.error-404 img {
width: 200px;
height: auto;
display: none;
}

/*share mobile single*/
a#fbShareMobile {
    background-color: #3D5B96;
    width: 52px;
    color:#FFFFFF;
    text-align: center;
		padding: 10px 15px;
}

a#twitterShareMobile {
    background-color: #3399CC;
    width: 52px;
    color:#FFFFFF;
text-align: center;
padding: 10px 13px;
}

a#gplusShareMobile {
    background-color: #DD3F34;
    width: 52px;
    color:#FFFFFF;
text-align: center;
padding: 10px;
}

a#mailShareMobile {
    background-color: #FFC90E;
    width: 52px;
    color:#FFFFFF;
		text-align: center;
		padding: 10px 12px;
}

a#tumblrShareMobile {
    background-color: #35465C;
    width: 52px;
    color:#FFFFFF;
text-align: center;
padding: 10px 15px;
}

a#whatsappShareMobile {
    background-color: #38BF4B;
    width: 52px;
    color:#FFFFFF;
		padding: 10px 13px;
		text-align: center;
}

a#viberShareMobile {
    background-color: #7B519C;
    width: 52px;
    color:#FFFFFF;
		padding: 10px 12px;
		text-align: center;
}

a#copyShareMobile {
    background-color: #FE7B1E;
    width: 52px;
    color:#FFFFFF;
text-align: center;
padding: 10px 12px;
}

a#viberShareMobile img {
    width: 16px;
}

.col-xl-12.step-1.basket-step-current h4 {
    font-size: 19px;
    color: #BB0303;
}

.pocp_show p.font-weight-bold.choose-categories {
    padding-left: 16px;
}

/*prebačeno iz inline css*/

.icons-additional div:nth-of-type(1),
.icons-additional div:nth-of-type(4),
.icons-additional div:nth-of-type(7) {
padding-left: 0 !important;
}
.icons-additional div:nth-of-type(3),
.icons-additional div:nth-of-type(6),
.icons-additional div:nth-of-type(9) {
padding-right: 0 !important;
border-right: none;
}
.property-rooms ul {
list-style-type: none;
padding-left: 0;
}
/*
.active_start:before, .active_end:before, .active_between:before {
border: 1px solid rgb(255 255 255) !important;
border-radius: 20px;
content: "";
width: 25px;
height: 25px;
position: absolute;
margin-top: 2px;
margin-left: -4px;
}

.day_calendar:hover:before{
border: 1px solid rgb(255 255 255) !important;
border-radius: 20px;
content: "";
width: 25px;
height: 25px;
position: absolute;
margin-top: 2px;
margin-left: -4px;
}
*/

.gm-style .controls {
font-size: 35px;
background-color: white;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
box-sizing: border-box;
border-radius: 2px;
cursor: pointer;
font-weight: 300;
height: 1em;
margin: 6px;
text-align: center;
user-select: none;
padding: 2px;
width: 1em;
cursor: pointer;
width: 40px;
height: 40px;
}

  .gm-style .controls button {
    border: 0;
    background-color: white;
    color: rgba(0, 0, 0, 0.6);
  }

  .gm-style .controls button:hover {
    color: rgba(0, 0, 0, 0.9);
  }

  .gm-style .controls.zoom-control {
    display: flex;
    flex-direction: column;
    height: auto;
  }

  .gm-style .controls.zoom-control button {
    font: 0.85em Arial;
    margin: 1px;
    padding: 0;
  }

  .gm-style .controls.maptype-control {
    display: flex;
    flex-direction: row;
    width: auto;
  }
.gm-style .controls.maptype-control button {
    display: inline-block;
    font-size: 0.5em;
    margin: 0 1px;
    padding: 0 6px;
  }

  .gm-style
    .controls.maptype-control.maptype-control-is-map
    .maptype-control-map {
    font-weight: 700;
  }

  .gm-style
    .controls.maptype-control.maptype-control-is-satellite
    .maptype-control-satellite {
    font-weight: 700;
  }

  .gm-style .controls.fullscreen-control button {
    display: block;
    font-size: 1em;
    height: 100%;
    width: 100%;
  }

  .gm-style .controls.fullscreen-control .fullscreen-control-icon {
    border-style: solid;
    height: 0.25em;
    position: absolute;
    width: 0.25em;
  }

  .gm-style
    .controls.fullscreen-control
    .fullscreen-control-icon.fullscreen-control-top-left {
    border-width: 2px 0 0 2px;
    left: 0.1em;
    top: 0.1em;
  }

  .gm-style
    .controls.fullscreen-control.is-fullscreen
    .fullscreen-control-icon.fullscreen-control-top-left {
    border-width: 0 2px 2px 0;
  }

  .gm-style
    .controls.fullscreen-control
    .fullscreen-control-icon.fullscreen-control-top-right {
    border-width: 2px 2px 0 0;
    right: 0.1em;
    top: 0.1em;
  }

  .gm-style
    .controls.fullscreen-control.is-fullscreen
    .fullscreen-control-icon.fullscreen-control-top-right {
    border-width: 0 0 2px 2px;
  }

  .gm-style
    .controls.fullscreen-control
    .fullscreen-control-icon.fullscreen-control-bottom-left {
    border-width: 0 0 2px 2px;
    left: 0.1em;
    bottom: 0.1em;
  }

  .gm-style
    .controls.fullscreen-control.is-fullscreen
    .fullscreen-control-icon.fullscreen-control-bottom-left {
    border-width: 2px 2px 0 0;
  }

  .gm-style
    .controls.fullscreen-control
    .fullscreen-control-icon.fullscreen-control-bottom-right {
    border-width: 0 2px 2px 0;
    right: 0.1em;
    bottom: 0.1em;
  }

  .gm-style
    .controls.fullscreen-control.is-fullscreen
    .fullscreen-control-icon.fullscreen-control-bottom-right {
    border-width: 2px 0 0 2px;
  }

.unit-price .unit-price-span {
font-size:12px;
font-weight: normal;
padding: 0 5px;
text-decoration: line-through;
}

property-units-table .put-first-th {
min-width: 300px;
}


.pets-icon-allow {
color:rgb(85,169,3) !important;
}

.pets-icon-disallow {
color: #BB0303 !important;
}


.property-units-list .dropdown .dropdown-menu {
display: none;
position: absolute;
transform: translate3d(0px, 20px, 0px);
top: 0px;
left: 0px;
will-change: transform;
}

.price-category-acc {
font-size:16px;
}

/* #dropdownExtras {
display: none;
position: absolute;
will-change: transform;
top: 0px;
left: 0px;
transform: translate3d(0px, 48px, 0px);
} */


.infocontact {
text-align: center;
    font-size: 14px;
    color: #4d5055;
    font-weight: 500;
}

button#pay_bank_transfer_skip {
    margin-top: 12px;
}

/*filter booking available*/
.booking-available .custom-control {
    padding-left: 12px;
}

.booking-available h6 {
    margin-top: 25px;
}

.basket-person:before {
    font-family: 'FontAwesome';
    content: '\f007';
    font-size: 16px;
    color: #903961;
    display: inline-block;
    width: 24px;
    text-align: left;
}

a.cc-btn.cc-dismiss {
    background-color: #4995a0;
}

input#promo_code {
    border: 1px solid #ddd;
    width: 100%;
}

label[for="promo_code"] {
    margin-bottom: 0;
    color: #4995a0;
}

/*kontakt forma*/

.contact-info.h-100 {
    background: #264653;
}

.row.align-items-stretch.no-gutters.contact-wrap {
    padding: 45px 0 45px 0;
}

.form.h-100 {
    padding: 45px;
    background: #fff;
}

input.btn.btn-primary.rounded-0.py-2.px-4 {
    background: #903961;
    border: #903961;
}

.contact-info p.mb-5 {
    font-size: 15px;
}

.maincontent1 .btn.btn-info, .maincontent2 .btn.btn-info {
    background: #903961;
    border: #903961;
}

.contact-info.h-100 p {
    margin-bottom: 5px;
    font-size: 15px;
}
.posaljiupit.col-md-12 {
	display: flex;
	margin-bottom: 26px;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}

.posaljiupit.col-md-12 p {
    font-size: 15px;
}

.contact-info.h-100 {
    color: #fff;
    text-align: center;
    padding-top: 32px;
}

.posaljiupit.col-md-12 h1 {
    font-size: 25px;
}

#contactForm button#sendinquiry {
    background: #903961;
    border: none;
    font-size: 20px;
    padding: 7px 26px;
    color: #fff;
}


.card {
    display: flex;
    flex-direction: row;
}

.card-img-top {
	object-fit: cover;
}

.card-property-title h3 span {
    margin-top: 0px;
    font-size: 18px;
}

.card-bottom button.btn.btn-primary {
	position: absolute;
    bottom: 12px;
    text-transform: uppercase;
    font-size: 16px;
    padding: 5px 10px;
}

.card-body hr {
    margin-left: 10px;
    border-width: 1px;
    border-color: #903961;
    max-width: 92%;
		margin-top: 2px;
    margin-bottom: 4px;
}

.preventivo-header span {
    font-size: 16px;
		vertical-align: middle;
    color: #903961;
}

.preventivo-listing {
	width: 33.3333%;
padding: 10px 20px 20px 20px;
margin-right: 3px;
overflow-y: auto;
}

.preventivo-listing h3 {
    color: #903961;
    font-size: 20px;
}

.preventivo-listing table#preventivo-odabir-up td, .preventivo-listing table#preventivo-odabir-up-property td, .preventivo-listing table#preventivo-odabir-up-services td {
    font-size: 12px;
    padding: 5px 10px;
}

.preventivo-listing table#preventivo-odabir-up th, .preventivo-listing table#preventivo-odabir-up-property th, .preventivo-listing table#preventivo-odabir-up-services th {
    font-size: 13px;
}

.preventivo-listing table#preventivo-odabir-up th:first-of-type, .preventivo-listing table#preventivo-odabir-up-property th:first-of-type, .preventivo-listing table#preventivo-odabir-up-services th:first-of-type {
    width: 55px;
}

.preventivo-listing button.btn.btn-primary {
    font-size: 14px;
    margin-top: 10px;
		margin-bottom: 30px;
}

.preventivo-listing table#preventivo-odabir-up, .preventivo-listing table#preventivo-odabir-up-property, .preventivo-listing table#preventivo-odabir-up-services {
    width: 100%;
}

.choosen-clinics .card-img-top {
    width: 150px;
    height: 110px;
}

.choosen-clinics .card-property-title h3 span {
    font-size: 14px;
}

.choosen-clinics h4.property-desc span {
    font-size: 11px;
}

.choosen-clinics .card-body hr {
    margin: 8px;
}

.choosen-clinics button.close {
    position: absolute;
    top: 0;
    right: 6px;
}

.choosen-clinics .card {
    margin-bottom: 5px;
}

i.fa.fa-heart-o {
    font-size: 20px;
}

.listing-prefered {
    display: flex;
		padding: 5px 0;
    /* background: -webkit-linear-gradient(#B08637, #FCEEAD); */
		background: #fff;
		justify-content: center;
}

.container-fluid.filter-wrapper .btn {
    font-size: 14px;
}


.listing-prefered .card-img-top {
	width: 100%;
    height: 160px;
}

.listing-prefered .card-property-title h3 span {
    font-size: 14px;
}

.listing-prefered h4.property-desc span {
    font-size: 11px;
}

.listing-prefered .card-body hr {
    margin: 4px 8px;
}

.listing-prefered button.close {
    position: absolute;
    top: 0;
    right: 6px;
}

.listing-prefered .card {
    background: #ffffff96;
}

.listing-prefered .card-img-top {
    background: none;
}

.listing-prefered span.card-favorite {
    background: none;
}

.listing-prefered .card-bottom .card-price {
	font-size: 15px;
}

.map-preventivo button {
    width: 50%;
    border: none;
}

.map-preventivo button#active {
    background: #4995a0;
    color: #fff;
}

.map-preventivo {
    display: flex;
    width: 34%;
		height: 35px;
}


.filter-sort {
    display: flex;
    justify-content: space-evenly;
    width: 70%;
		padding-right: 15px;
padding-left: 5px;
}

.btn-group.goto-id {
    margin-left: 20px;
		    margin-right: 12px;
}

.listing-prefered .col-md-3.p-1 {
    max-width: 25%;
}

.properties-found {
    text-align: right;
    margin-right: 40px;
    padding: 5px;
    font-size: 12px;
}

.close {
    font-size: 1rem;
	}

	.zaglavlje-vrh .row {
    justify-content: flex-end;
}

.sel-services {
    display: flex;
    justify-content: space-between;
}

.sel-services i.fa.fa-pencil-square-o {
    font-size: 15px;
    margin-top: 10px;
}

.card-body {
    width: 60%;
}


.preventivo-listing-single h3 {
    color: #903961;
    font-size: 18px;
}

.preventivo-listing-single table#preventivo-odabir-up td, .preventivo-listing-single table#preventivo-odabir-up-property td, .preventivo-listing-single table#preventivo-odabir-up-services td {
    font-size: 12px;
    padding: 5px 10px;
		text-align: left;
}

.preventivo-listing-single table#preventivo-odabir-up th, .preventivo-listing-single table#preventivo-odabir-up-property th, .preventivo-listing-single table#preventivo-odabir-up-services th {
    font-size: 13px;
		text-align: left;
}

.preventivo-listing-single table#preventivo-odabir-up th:first-of-type, .preventivo-listing-single table#preventivo-odabir-up-property th:first-of-type, .preventivo-listing-single table#preventivo-odabir-up-services th:first-of-type {
    width: 55px;
}

.preventivo-listing-single button.btn.btn-primary {
    font-size: 14px;
    margin-top: 10px;
		margin-bottom: 30px;
}

.preventivo-listing-single table#preventivo-odabir-up, .preventivo-listing-single table#preventivo-odabir-up-property, .preventivo-listing-single table#preventivo-odabir-up-services {
    width: 100%;
}

.preventivo-listing-single {
    margin-top: 26px;
    border: 1px solid #dedede;
        padding: 20px 10px;
    margin-bottom: 35px;
		background: #fff;
}

.preventivo-listing-single .sel-services i.fa.fa-pencil-square-o {
    font-size: 20px;
    margin-top: 3px;
    color: #903961;
}

/* .single-middle div#shortDesc {
    margin-top: 35px;
} */

.modal-lg, .modal-xl {
    max-width: 850px !important;
}

.modal-body .col-lg-12 {
    padding: 0;
}

.row.rubnik .card {
    display: flex;
    flex-direction: column;
}

.row.rubnik .card-body {
	width: 100%;
}

h4.card-title.zlatna {
    font-size: 20px;
		text-align: center;
}

.row.rubnik p.card-text:last-child {
    margin-bottom: 25px;
}

section.py-sekcija.my-4.py-4.naslovnica.preventivo {
    background: #4995a0;
    margin-bottom: 0 !important;
		padding-bottom: 60px !important;
}

section.py-sekcija.my-4.py-4.naslovnica.preventivo h6.mb-4.text-uppercase.zlatna {
    color: #fff;
}

section.py-sekcija.my-4.py-4.naslovnica.preventivo p {
	color: #fff;

}

/*preventivo online*/
.et_pb_section.et_pb_section_0.et_section_regular {
    background: #f5f5f5;
}

.et_pb_listing_grid.container h3 {
    text-align: center;
    margin-bottom: 16px;
		font-size: 22px;
}

input#documentation {
    font-size: 15px;
}

div#preventivo-service-info {
    padding: 0 !important;
}

#preventivo-service-info .container {
    padding-top: 0 !important;
}

div#listing {
    background: #efefef;
}

div#preventivo-service-info {
    padding: 0 !important;
    background: #f5f5f5;
}

div#listing {
    padding: 0;
}

.et_pb_listing_grid.container {
    padding-top: 0 !important;
}

#preventivo-service-info .container p {
    text-align: center;
}

img.img-fluid {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

/* .service-img {
    height: 180px;
} */

h2 {
    overflow-wrap: break-word;
    text-align: center;
    font-size: 22px;
    color: #903961;
}

/* div#preventivo-service-info {
    margin-bottom: 50px;
} */

div#listing a.button {
    color: #FFFFFF;
    border-width: 0px;
    border-radius: 0px;
    font-size: 20px;
    padding: 10px 30px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #4995a0;
    position: absolute;
    bottom: 8%;
    left: 0;
    margin-left: 5%;
    margin-right: 5%;
    right: 0;
}

.service-body {
    background: #fff;
    position: relative;
        min-height: 280px;
    padding: 10px;
}


div#listing a.button:hover {
    background: #264653;
}


.et_pb_listing_grid.container {
    max-width: 1280px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container {
    max-width: 1280px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.et_listing_content {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.column_1_4.grid-item {
    text-align: center;
    width: 23%;
    margin-bottom: 25px;
}


/*service css*/
h1 {
    text-align: center;
}
h2 {
    margin: 0;
}
#multi-step-form-container {
    margin-top: 0rem;
    margin-bottom: 1rem;
}
.text-center {
    text-align: center;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.pl-0 {
    padding-left: 0;
}
.button {
    padding: 0.7rem 1.5rem;
    border: 1px solid #903961;
    background-color: #903961;
    color: #fff;
    border-radius: 0px;
    cursor: pointer;
}
.submit-btn {
    border: 1px solid #4995a0;
    background-color: #4995a0;
}
.mt-3 {
    margin-top: 2rem;
}
.d-none {
    display: none;
}
.form-step {
    /* border: 1px solid rgba(0, 0, 0, 0.1); */
    margin-top: 35px;
    /* padding: 2rem;
    background: #fff; */
}
.font-normal {
    font-weight: normal;
}
ul.form-stepper {
    counter-reset: section;
    margin-bottom: 1rem;
}
ul.form-stepper .form-stepper-circle {
    position: relative;
}
/* ul.form-stepper .form-stepper-circle span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
} */
.form-stepper-horizontal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
ul.form-stepper > li:not(:last-of-type) {
    margin-bottom: 0.625rem;
    -webkit-transition: margin-bottom 0.4s;
    -o-transition: margin-bottom 0.4s;
    transition: margin-bottom 0.4s;
}
.form-stepper-horizontal > li:not(:last-of-type) {
    margin-bottom: 0 !important;
}
.form-stepper-horizontal li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
/* .form-stepper-horizontal li:not(:last-child):after {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1px;
    content: "";
    top: 32%;
} */
/* .form-stepper-horizontal li:after {
    background-color: #dee2e6;
}
.form-stepper-horizontal li.form-stepper-completed:after {
    background-color: #4da3ff;
} */
.form-stepper-horizontal li:last-child {
    flex: unset;
}
ul.form-stepper li a .form-stepper-circle {
    display: inline-block;
    /* width: 40px; */
    width: auto;
    /* height: 40px; */
    height: auto;
    margin-right: 0;
    line-height: 1.7rem;
    text-align: center;
    /* background: rgba(0, 0, 0, 0.38);
    border-radius: 50%; */
}
.form-stepper .form-stepper-active .form-stepper-circle {
    /* background-color: #903961 !important; */
    color: #fff;
}
.form-stepper .form-stepper-active .label {
    color: #903961 !important;
}
.form-stepper .form-stepper-active .form-stepper-circle:hover {
    /* background-color: #903961 !important; */
    color: #fff !important;
}
/* .form-stepper .form-stepper-unfinished .form-stepper-circle {
    background-color: #f8f7ff;
} */
.form-stepper .form-stepper-completed .form-stepper-circle {
    /* background-color: #4995a0 !important; */
    color: #fff;
}
.form-stepper .form-stepper-completed .label {
    color: #4995a0 !important;
}
.form-stepper .form-stepper-completed .form-stepper-circle:hover {
    /* background-color: #4995a0 !important; */
    color: #fff !important;
}
.form-stepper .form-stepper-active span.text-muted {
    color: #fff !important;
}
.form-stepper .form-stepper-completed span.text-muted {
    color: #fff !important;
}
.form-stepper .label {
    font-size: 1rem;
    margin-top: 0.5rem;
}
.form-stepper a {
    cursor: default;
}

section.single-service-desc h1 {
    color: #903961;
    margin-top: 10px;
    margin-left: 25px;
    word-break: break-word;
    text-align: left;
				font-size: 23px;
}

.opis-usluge-sd {
    padding: 20px 0 0 0;
}

section.single-service-desc p {
    line-height: 1.3;
}


section.single-service-desc {
    background: #fff;
    border-radius: 0px;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

a.button {
    text-decoration: none;
}

.service-img .img-fluid {
  max-width: 100%;
    width: 100%;
    height: 180px;
    object-fit: cover;
    border: 1px solid #ddd;
}

.container.izracun {
    width: 80%;
}

.container.izracun h2 {
    font-size: 28px;
    color: #474747;
    margin-bottom: 30px;
    margin-top: 0px;
    text-align: left;
}

a.back {
	text-decoration: none;
color: #903961;
font-size: 15px;
position: relative;
    display: flex;
    justify-content: flex-end;
}

div#multi-step-form-container {
    text-align: left;
}


/*label*/
.labl {
    display: block;
    width: 100%;
}
.labl > input{ /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}
.labl > input + div {
    cursor: pointer;
    margin-top: 10px;
    padding: 0;
    background-color: #f5f5f5;
    border-radius: 0px;
    /* border: 2px solid transparent; */
        width: 100%;
}

span.step_code {
    display: inline-block;
    width: 46px;
    height: 100%;
    text-align: center;
}

.mt-1 span {
    background: #903961;
    border-radius: 0px;
    padding: 5px;
    font-size: 13px;
    color: #fff;
    margin-right: 10px;
}
.labl > input:checked + div{ /* (RADIO CHECKED) DIV STYLES */
    background-color: #f5f5f5;
}

.labl > input:checked + div {
    padding: 0px;
    background-color: #4995a0;
    color: #fff;
    border-radius: 0px;
}

table#preventivo-odabir-up, table#preventivo-odabir-up-property, tr, td, th, table#preventivo-odabir-up-services {
    /* border: 1px solid #ddd; */
    border-collapse: collapse;
		padding: 0;
    padding-left: 10px;
    font-size: 16px;
}

table#preventivo-odabir-up tr td, table#preventivo-odabir-up-property tr td, table#preventivo-odabir-up-services tr td{
    border: none;
    padding: 2px 24px;
}

table#preventivo-odabir-up th, table#preventivo-odabir-up-property th, table#preventivo-odabir-up-services th {
    border: none;
    padding: 2px 24px;
    font-weight: 500;
}

table#preventivo-odabir-up thead, table#preventivo-odabir-up-property thead, table#preventivo-odabir-up-services thead {
    background: #f5f5f5;
}

div#multi-step-form-container h3 {
    color: #903961;
    font-weight: normal;
}

ul.form-stepper.form-stepper-horizontal.text-center.mx-auto.pl-0 {
    padding: 0 0 0 0;
    border: 1px solid #e4e4e4;
}

table#preventivo-odabir-up\ sazetak, table#preventivo-odabir-up-property\ sazetak, table#preventivo-odabir-up-services\ sazetak  {
    width: 100%;
    border-collapse: collapse;
}

table#preventivo-odabir-up\ sazetak th, table#preventivo-odabir-up-property\ sazetak th, tr, td, table#preventivo-odabir-up-services\ sazetak th {
    font-size: 13px;
}

table#preventivo-odabir-up\ sazetak th, table#preventivo-odabir-up-property\ sazetak th, table#preventivo-odabir-up-services\ sazetak th {
      color: #4995a0;
}

tr#sum {
    background: #e5e5e5;
    text-align: right;
}

label.labl {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

select.qty {
  padding: 6px;
    margin-top: 10px;
    margin-left: 10px;
    height: 30px;
    font-size: 13px;
    border: none;
    background: #f5f5f5;
    color: #555555;
    border-radius: 0px;
}

table#specifikacije tr td:first-of-type {
    width: 43%;
}

table#specifikacije {
    border: none;
}

table#specifikacije tr {
    border: none;
}

table#specifikacije tr td {
    font-size: 13px;
    text-align: left;
    border: none !important;
    line-height: initial;
    padding: 3px;
    vertical-align: top;
}

span.step_text {
    background: none;
    font-size: 14px;
    color: #555555;
}

.labl > input:checked + div span {
    color: #fff;
}

table#specifikacije {
    margin-top: 12px;
}

table#preventivo-odabir-up, table#preventivo-odabir-up-property {
    width: 100%;
    margin-bottom: 30px;
    background: #fff;
    border: none;
		border-bottom: 1px solid #d8d8d8;
}


table#preventivo-odabir-up select#qty, table#preventivo-odabir-up-property select#qty {
    padding: 4px 5px;
    margin: 0;
    border: none;
    float: none;
    color: #232121;

    border-radius: 0px;
}

table#preventivo-odabir-up-recommended {
    width: 100%;
    text-align: left;
}
table#preventivo-odabir-up-recommended td:last-of-type {
    text-align: right;
}

section.single-service-desc .service-img .img-fluid {
    max-width: 280px;
    height: 100%;
  }

  table#preventivo-odabir-up th:first-of-type, table#preventivo-odabir-up-services th:first-of-type {
    width: 5%;
}

table#preventivo-odabir-up th:last-of-type, table#preventivo-odabir-up-services  th:last-of-type{
    text-align: right;
}

table#preventivo-odabir-up tr td.\33 {
    text-align: right;
}

table#preventivo-odabir-up-services td:last-of-type {
    text-align: right;
}

.service-block {
    display: flex;
}

.single-service-desc table#specifikacije {
    margin-left: 25px;
    width: 100%;
    min-width: 600px;
}

.single-service-desc table#specifikacije tr td:first-of-type {
    width: 35%;
}

.opis-usluge-sd p {
    text-align: left;
    font-size: 15px;
}

.form-person input.text, .form-person input.title, .form-person input[type=email], .form-person input[type=tel], .form-person input[type=text], .form-person textarea {
  margin-bottom: 12px;
  padding: 7px;
  width: 100%;
  font-size: 14px;
}

.hidden {
  display: none !important;
}

/*koraci novo*/

li.form-stepper-active.text-center.form-stepper-list {
    background: #4995a0;
}


/* li.form-stepper-active.text-center.form-stepper-list:first-child {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
} */
/* li.form-stepper-active.text-center.form-stepper-list:last-child {
border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  } */

li.form-stepper-active.text-center.form-stepper-list:not(:last-child):after {
    width: 0px;
    height: 0px;
    border-top: 17px inset transparent;
    border-bottom: 17px inset transparent;
    border-left: 20px solid #4995a0;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}


li.form-stepper-unfinished.text-center.form-stepper-list:not(:first-child) {
    background: #fff;
    border-right: 3px solid #fff;
}

.form-stepper a span {
    padding-left: 11px;
    font-size: 14px;
}

li.form-stepper-unfinished.text-center.form-stepper-list:not(:first-child):before {
    width: 0px;
    height: 0px;
    border-top: 17px inset transparent;
    border-bottom: 17px inset transparent;
    border-left: 20px solid #e4e4e4;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}


li.form-stepper-unfinished.text-center.form-stepper-list:not(:last-child):after {
    width: 0px;
    height: 0px;
    border-top: 17px inset transparent;
    border-bottom: 17px inset transparent;
    border-left: 20px solid #ffffff;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}

li.form-stepper-unfinished.text-center.form-stepper-list:last-child {
    border-radius: 0px 0px 0px 0px;
}

.form-stepper a span:last-child {
    padding-right: 11px;
}

li.text-center.form-stepper-list.form-stepper-completed {
    background: #903961;
		    border-right: 1px solid #fff;
}

/* li.text-center.form-stepper-list.form-stepper-completed:first-of-type {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
} */

.container.izracun {
    padding-top: 0 !important;
}

.service-img {
    background: #fff;
}

ul.form-stepper.form-stepper-horizontal.text-center.mx-auto.pl-0 {
    padding: 0 0 0 0;
}

div#multi-step-form-container h3 {
    margin-bottom: 10px;
		font-size: 18px;
}

#preventivo-odabir ul.form-stepper {
    margin-bottom: 1rem;
}

.service-body h2 {
    font-size: 22px;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

@media screen and (max-width: 800px) {
  .column_1_4.grid-item {
      width: 100%;
  }

  .mt-1 span {
    padding: 0;
    font-size: 11px;
}

span.step_code {
    width: 28px;
}

  .container.izracun {
      width: 100%;
  }

  .container.izracun h2 {
      font-size: 22px;
      margin-top: 12px;
      text-align: left;
  }

  table#preventivo-odabir-up tr th {
    font-size: 12px;
    padding: 0px 6px;
}

span.step_text {
    font-size: 12px;
    word-break: break-word;
}

table#preventivo-odabir-up tr td {
    font-size: 12px;
    padding: 0px 6px;
}

  a.back {
      position: absolute;
      top: -26px;
      font-size: 12px;
  }

  .service-block {
      display: flex;
      flex-direction: column;
  }

  section.single-service-desc h1 {
      color: #903961;
      margin-top: 10px;
      margin-left: 0;
      font-size: 20px;
      text-align: left;
			font-size: 30px;
  }

  .single-service-desc table#specifikacije {
      margin-left: 0;
      width: auto;
			min-width: auto
  }

  table#specifikacije tr td {
      font-size: 11px;

  }

  .opis-usluge-sd p {
      text-align: left;
      font-size: 12px;
  }

  #multi-step-form-container {
      margin-top: 0;
      margin-bottom: 0;
  }

  .form-stepper a span {

      font-size: 12px;
  }

  ul.form-stepper.form-stepper-horizontal.text-center.mx-auto.pl-0 {
      display: flex;
      flex-direction: column;
  }

  li.form-stepper-unfinished.text-center.form-stepper-list:not(:first-child):before {
  display: none;
  }

  ul.form-stepper.form-stepper-horizontal.text-center.mx-auto.pl-0 {
    padding: 0;
}

li.form-stepper-active.text-center.form-stepper-list:not(:last-child):after {
  display: none;
}

li.form-stepper-unfinished.text-center.form-stepper-list:not(:last-child):after {
  display: none;
}

.form-step {
    padding: 1rem;
}
.labl > input + div {

    font-size: 12px;
}

select.qty {
	height: auto;
    padding: 0 5px;
    margin-top: 10px;
    font-size: 12px;
}

div#multi-step-form-container h3 {

    word-break: break-word;
}

.mt-3 {
    margin-top: 1rem;
}

.labl > input:checked + div {
    padding: 2px;
}

#userAccountSetupForm .button {
    padding: 0.2rem 1rem;
    font-size: 14px;
		margin-bottom: 5px;
}

.service-body h2 {
    font-size: 20px;
}

table#specifikacije tr td {
    font-size: 11px;
  word-break: break-word;
}

div#listing a.button {
    font-size: 15px;
    padding: 3px 25px;
}
}


@-moz-document url-prefix() {


li.form-stepper-active.text-center.form-stepper-list:not(:last-child)::after {

  border-top: 14px inset transparent;
  border-bottom: 14px inset transparent;

}

li.form-stepper-unfinished.text-center.form-stepper-list:not(:last-child)::after {

  border-top: 14px inset transparent;
  border-bottom: 14px inset transparent;

}

li.form-stepper-unfinished.text-center.form-stepper-list:not(:first-child):before {
    border-top: 14px inset transparent;
    border-bottom: 14px inset transparent;

}

ul.form-stepper li a .form-stepper-circle {
  padding-bottom: 1px;
}
}


section.single-service-izracun {
    background: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    margin-top: 35px;
    margin-bottom: 50px;
}

/*Loader*/
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

div#denti-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
    border: 6px solid #f3f3f3;
    border-top: 6px solid #4995a0;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
}

div#denti-loader-overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    opacity: 0.5;
    z-index: 1050;
}

section.py-sekcija.my-4.py-4.online.preventivo {
    background: none;
    margin-top: 0 !important;
		  margin-bottom: 0 !important;
}

.page-preventivo-online footer.py-sekcija.footer {
    background: #Fff;
}

.page-preventivo-online div#listing {
    padding-bottom: 50px;
}

.online.single.preventivo h1.section-heading.bijela {
    font-size: 30px;
}

table#preventivo-odabir-up tr td:last-of-type {
    text-align: right;
}

.form-person {
    padding: 0px 8px;
}

.header-object {
    background: #f5f5f5;
		padding-top: 15px;
padding-bottom: 5px;
}


ul#page-menu {
    display: flex;
    justify-content: flex-start;
		padding-left: 0;
}

ul#page-menu li:first-of-type {
    border-left: 1px solid #818181;
}

ul#page-menu li {
    padding: 0px 15px 0px 15px;
    list-style-type: none;
    border-right: 1px solid #818181;
}

.destination-propertylink h6, .destination-propertylink p {
    text-align: left;
}

span.reviews-rating {
    margin-left: 40px;
}

span.dental-contact {
    margin-left: 40px;
}

.dental-certificate {
	position: absolute;
    top: 0;
    right: 15px;
}

.dental-certificate img {
	width: 50px;
float: right;
margin-left: 12px;
}

span.reviews-rating em.fa.fa-star {
    color: #ffb200;
    font-size: 16px;
    padding-right: 3px;
}

h5.font-weight-bold.plava.dental {
    text-align: left;
		font-size: 22px;
		margin-top: 15px;
}

.dental .features-info {
    text-align: left;
	}

	ul.employee-list li {
    list-style-type: none;
}

.dental .features-info img {
    width: 20px;
}

.dental .features-info img {
    width: 65px;
}

li.doctor-name {
    list-style-type: none;
    font-size: 16px;
}

.dental span.reviews-rating {
    font-size: 16px;
    color: #4d5055;
}

.dental .features-info div:first-of-type {
	width: auto;
    min-width: 248px;
}

h5#working-time span {
    display: flex;
    font-size: 16px;
    padding-top: 12px;
    color: #4d5055;
    font-weight: normal;
}

.review table {
    text-align: left;
}

.review span.reviews-rating {
    font-size: 12px;
    margin-left: 0;
}

td#review-name {
    font-size: 15px;
		min-width: 190px;
}

.table-responsive.time {
    text-align: left;
}

.review table td {
    vertical-align: top;
}

td#review-text {
    font-size: 12px;
		padding: 5px;
		padding-left: 10px;
}

.review {
    border-bottom: 1px solid #c8c9ca;
		margin-top: 10px;
}

p.working-hours-dental {
    padding-top: 12px;
}

.klasa.contact-details h5 {
    font-size: 22px;
}

.klasa.contact-details {
    text-align: left;
}

.table-responsive.time td {
    padding: 5px 10px 0px 0px;
}

h3#working-time {
    color: #903961;
    font-size: 18px;
    text-align: left;
    padding-top: 0px;
    margin-bottom: 5px;
}

.review img {
    width: 104px;
		padding-bottom: 5px;
}

.klasa {
    margin-top: 5px;
}

.dental-time {
    padding-bottom: 12px;
    padding-top: 5px;
}

.table-responsive.time #small {
	text-transform: lowercase;
 text-align: center;
 color: #903961;
}

.table-responsive.time td #bold {
	font-weight: bold;
}


.dental-partner-logo img {
    position: absolute;
    top: 35px;
    width: 150px;
    right: 15px;
}

span#dental-label {
	position: absolute;
    top: -8px;
    color: #000;
    font-size: 11px;
    left: -11px;
    PADDING: 0px 10px;

}

span#dental-label img {
	width: 95px;
}

.card td.card-price {
    font-weight: 600;
    color: #4995a0;
    font-size: 18px;
    text-align: right;
    padding-right: 10px;
}

.card table {
    width: 100%;
}

.listing-prefered td {
    font-size: 12px;
		padding: 0;
		padding-left: 10px;
}

.listing-prefered td.card-price {
    font-size: 12px;
}

tr#dental-status td {
    padding-top: 2px;
}

td#dental-status span#closed {
    color: #eb5959;
		font-weight: 500;
}
#zeleno {
	color: green;
}

#boja1 {
	color: #efefef;
}



td#dental-status span#open {
    color: green;
		font-weight: 500;
}

.listing-prefered i.fa.fa-heart-o {
    font-size: 18px;
}

.listing-prefered .card-property-title h3 {
    margin-bottom: 0;
}

.card-property-title h3 {
    margin-bottom: 3px;
}

tr#dental-status td {
	font-size: 11px;
font-style: italic;
}

.row.my-4.no-gutters.icons-additional img {
    width: 31px;
    padding-right: 5px;
}

div#img-units img {
    opacity: 0.7;
    width: 30px;
}

div#img-room img {
    opacity: 0.7;
    width: 30px;
}

.property-selected h3.text-uppercase {
    text-align: left;
		font-size: 25px;
}

.property-selected a.btn.btn-primary.btn-sm {
    float: left;
}

.col-xl-8.app-booking-table.selected-property h6 {
    text-align: left;
    color: #903961;
    font-size: 17px;
}

.col-md-4[title="units"] img {
    opacity: 0.7;
}

.col-md-4[title="room"] img {
    opacity: 0.7;
}

/* .btn-group.first-group.map-filters {
    border-left: 1px solid #fff;
} */

/* .row.filter-row i:before {
    color: #903961;
} */

i.fa.fa-sliders:before, i.fa.fa-search-plus:before, i.fa.fa-cog:before {
	color: #903961;
}

.filter-wrapper .dropdown-all.setup {
    min-width: 360px;
}

/* .dropdown-menu.dropdown-extras.show h6 {
    color: #903961;
} */

.card-body .reviews-rating {
    margin-left: 0;
}

.card-body span.reviews-rating em.fa.fa-star {
	font-size: 13px;
}
.col-xl-8.app-booking-table.selected-property .btn-primary {
    margin-left: 15px;
}

button#preventivo_view.active {
    color: #fff;
    background: #4995a0;
}

button#map_view.active {
    color: #fff;
    background: #4995a0;
}

.contact-wrapper-main {
    width: 550px;
    position: absolute;
    top: 80px;
    right: 2%;
    transform: translateY(-50%);
    background: #ffffffed;
    padding: 23px 30px 35px;
    z-index: 10;
}

.contact-wrapper-main .title {
    font-size: 22px;
    font-weight: 600;
    color: #264653;
    line-height: 32px;
    width: 90%;
		text-align: left;
}

.contact-wrapper-main .description {
    color: #4995a0;
    font-size: 14px;
    padding: 3px 0 15px;
		text-align: left;
}

.contact-wrapper-main label {
    font-size: 13px;
    color: #4995a0;
    padding-bottom: 0px;
    font-weight: 500;
}

.contact-wrapper-main .styled-select.midthick-select, .contact-wrapper-main .styled-select-transparent, .contact-wrapper-main .styled-select {
    border:1px solid #d0d0d0;

    height: 44px;
	}

	.styled-select select {
    background: transparent;
    width: 100%;
    height: 100%;
    padding: 0 5px;
    line-height: 1.3;
  border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 1px;
    text-overflow: '';

}

.contact-wrapper-main .form-group {
    text-align: left;
}

.col-xs-12.col-sm-12.city-id-input-wrapper {
    padding-left: 0;
}

.contact-wrapper-main button.btn.btn-primary {
    float: left;
}

section.py-sekcija.my-4.py-4.naslovnica.preventivo h2.section-heading.text-uppercase.bijela {
    padding-bottom: 12px;
}

section.py-sekcija.my-1.py-1.naslovnica.locations h4.card-title.zlatna {
    text-align: left;
}


.naslovnica .card-text span {
    width: 100%;

}

.card-img-top {
    padding: 0;
    border-radius: 0;
}

section.py-sekcija.my-2.py-2.naslovnica.about-us-homepage.highlights {
    width: 100%;
    overflow: hidden;
}


.col-md-4.first-cmn {
    padding-top: 15px;
    color: #fff;
    text-align: center;
    background: #903961;
}

.col-md-4.second-cmn {
    padding-top: 15px;
    color: #fff;
    text-align: center;
    background: #4995A0;
		transition-duration: 0.3s;
}

.col-md-4.third-cmn.footer {
    /* background-size: cover;
    background-position: center;
    background-image: url(img/dental-homepage.jpg); */
		background: #919798;
}


.col-md-2.third-cmn.footer p {
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 0;
}

.col-md-2.third-cmn.footer {
    background: #fff;
		padding-top: 5px;
		padding-top: 5px;

}

.col-md-2.third-cmn.footer img {
	width: 144px;
	float: right;
}

.col-md-8.second-cmn {
    padding-top: 30px;
		padding-bottom: 35px;
    color: #fff;
    text-align: center;
		background: #4995a0;
		/* background: linear-gradient(-45deg, #4995a0, #903961, #8dc1c9, #4995a0);
			background-size: 400% 400%;
			animation: gradient 15s ease infinite; */
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.col-md-4.third-cmn {
    padding-top: 15px;
    color: #fff;
    text-align: center;
    background: #919798;
}


.col-md-4.first-cmn  h2 {
    color: #fff;
		font-weight: 600;
    font-size: 20px;
}

.col-md-4.second-cmn  h2 {
    color: #fff;
		font-weight: 600;
    font-size: 20px;
}

.col-md-8.second-cmn  h2 {
    color: #fff;
		font-weight: 600;
    font-size: 20px;
}




.col-md-4.third-cmn h2 {
    color: #fff;
		font-weight: 600;
    font-size: 20px;
}

.col-md-4.second-cmn h2 a{
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	text-decoration: none;
}

.col-md-8.second-cmn h2 a{
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	text-decoration: none;
}


.highlights .row {
	width: 100%;
	margin: 0;
}

.col-md-4.second-cmn p {
    margin-bottom: 0;
}

.col-md-4.second-cmn .fa, .col-md-4.first-cmn .fa, .col-md-4.third-cmn .fa, .col-md-8.second-cmn .fa {
	font-size: 18px;
	padding: 0px 10px 10px 10px;
}

.col-md-4.second-cmn:hover {
    background: #264653;
		padding-top: 23px;
		cursor: pointer;

    margin-top: -10px;
}

@keyframes example {

  from {background-color: #8DC1C9;}
  to {background-color: #4995A0;}
}
@keyframes move {

	from {
    margin-right: -100%;
opacity: 0;
  }

  to {
    margin-right: 0%;
opacity: 1;
  }
}

/* The element to apply the animation to */
.col-md-4.second-cmn {
  animation-name: example;
  animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

.contact-wrapper-main {
 animation-name: move;
 animation-duration: 3s;
}

.row.rubnik span#dental-label img {
    width: 107px;
}

.row.rubnik h4.property-desc {
    text-align: left;
}

.row.rubnik tr#rating {
    text-align: left;
}

.row.rubnik tr {
    text-align: left;
}

.row.rubnik .card table {
    margin-bottom: 12px;
}

.page-home h2.section-heading {
    font-size: 16px;
		color: #4d5055;
}

.page-home .col-lg-12.text-center h2 {
    padding-bottom: 12px;
		color: #264653;
}

.row.rubnik.country .card-body {
    background: #903961;
}

.row.rubnik.country .card a {
    color: #fff;
}

.row.rubnik.country .card-text span {
    color: #fff;
}

.row.rubnik.country .card-text {
    border-bottom: 1px dotted #fff;
}

.contact-wrapper-main img {
    width: 33px;
    padding: 0px 7px 4px 0px;
}

.contact-wrapper-main.row .col-md-3 {
    background: url(img/dental-slider.png);
    background-size: contain;
		background-size: contain;
background-repeat: no-repeat;
}

section.py-sekcija.naslovnica.about-us-homepage .col-lg-12.text-center {
    margin-top: 35px;
}

section.py-sekcija.py-1.naslovnica.locations {
    margin-bottom: 50px;
}

.row.rubnik.country h4.card-title.zlatna {
    text-align: left;
}

.col-md-2.third-cmn.footer h3 {
    padding-top: 7px;
    color: #4995a0;
    font-size: 20px;
}

.col-md-8.second-cmn a {
    text-decoration: none;
    color: #fff;
}

.col-md-8.second-cmn a:hover {
    text-decoration: none;
    color: #264653;
}

.col-md-8.second-cmn h2:hover {
    text-decoration: none;
    color: #264653;
}


.col-md-8.second-cmn h2 span {
    display: flex;
    text-align: center;
    justify-content: center;
    font-size: 14px;
}

td#home-phone {
    font-size: 15px;
}

.row.rubnik tr#rating td {
    vertical-align: baseline;
}

.et_listing_content .service-body h2 {
    font-size: 19px;
}

/* body.page {
    background: #efefef;
} */

button.button.btn-navigate-form-step {
    padding: 8px 26px;
}

.online.preventivo h1.section-heading.text-uppercase.bijela {
    font-size: 32px;
}

/*scroll*/
/* .listing-prefered {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
		margin-left: 15px;
    margin-right: 15px;
} */

body.page.page-listing::-webkit-scrollbar{
    display: none;
  }

.listing-prefered .col-md-3.p-1 {
    display: inline-block;
}

/*preventivo online*/

.column_1_2.grid-item td h2 {
    text-align: left;
    font-size: 17px;
		padding-right: 10px;
}

td.calculate {

    /* background: #4995a0; */
    text-align: center;
    height: 30px;
    padding-left: 0;

}

td.calculate a {
	color: #fff;
    background: #4995a0;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    margin-left: 10px;
    width: calc(100% - 20px);
		padding: 3px 0px;
}

td.calculate a:hover {
	background: #903961;
	cursor: pointer;
}

/* td.calculate:hover {
    background: #903961;
    cursor: pointer;
} */

td#image-preventivo {
    padding-left: 0;
}

.column_1_2.grid-item {
    width: 48%;
    text-align: left;
    margin-bottom: 25px;
		background: #fff;
}

td#image-preventivo {
    padding-left: 0;
    height: 155px;
    width: 35%;
}

table.preventivo-item {
    border: 1px solid #ddd;
}

td#image-preventivo img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

td.calculate a:hover {
    text-decoration: none;
}

table.preventivo-item {
    margin: 12px;
    background: #fff;
}

tr.add-to-preventivo button {
	width: 37%;
float: right;
margin-right: 10px;
border: none;
margin-top: 4px;
text-transform: uppercase;
}

tr.add-to-preventivo button:hover {
background: #4995a0;
color: #fff;
}

.dental input.form-control {
    height: 30px;
		font-size: 12px;
}

.dental select#inquiry_title {
    height: 30px;
    font-size: 12px;
}

.dental .form-group.filter-group {
    margin-bottom: 10px;
}

.dental .form-group.filter-group label {
    float: left;
}

.modal .preventivo-listing-single {
    margin-bottom: 20px;
}

.dental table#preventivo-odabir-up, .dental table#preventivo-odabir-up-services {
    margin-bottom: 0;
}

.dental .modal-lg {
    max-width: 1010px !important;
}

.preventivo-listing-single.inq {
	padding-bottom: 8px;
	    padding-top: 12px;
}

.choose-premium {
    text-align: left;
}

.choose-premium label {
    font-size: 13px;
    margin-top: 10px;
}

.preventivo-listing-single.inq.premium {
  border: 1px dashed #dedede;
}

input#destination {
    background: transparent;
    width: 100%;
    height: 100%;
    font-size: 14px;
    padding: 10px 5px;
    border: 1px solid #ddd;
}

input#service {
    background: transparent;
    width: 100%;
    height: 100%;
    font-size: 14px;
    padding: 10px 5px;
    border-right: 1px solid #ddd;
		border-top: none;
		border-left: none;
		border-bottom: none;
}

#choosen-clinics .card-property-title h3 span {
    padding-top: 0;
    margin-top: 0;
}

/*advertise dental*/
.form.h-100.dental {
    padding: 45px 10px 0px 10px;
}

.form.h-100.dental h3 {
    font-size: 22px;
margin-bottom: 12px;
text-align: left;
color: #4995a0;
}

.form.h-100.dental span {
    font-size: 14px;
		display: flex;
		justify-content: flex-start;
		color: #4d5055;
}
.col-md-4.imgblock img {
    height: 200px;
    object-fit: cover;
}

.container.dental-web {
    /* margin-top: 30px; */
}

.dental-web .contact-info {
    background: #4995a0;
    padding: 24px 20px;
		height: 100%;
		color: #fff;
}

.dental-web .contact-info h2 {
 color: #fff;
}

.dental form#contactForm {
    text-align: left;
}

.dental-web .contact-info p {
    margin-bottom: 2px;
}

table#preventivo-odabir-up-property td:last-of-type {
    text-align: right;
}

table#preventivo-odabir-up-property {
    margin-bottom: 10px;
}

.form.h-100.dental.about {
    padding-top: 10px;
    text-align: left;
}

.posaljiupit.col-md-12.left {
    align-items: flex-start;
    margin-top: 50px;
    background: #efefef;
    padding: 30px;
		text-align: left;
}

button#oglasi-kliniku {
    background: #903961;
    border: none;
    font-size: 20px;
    padding: 7px 26px;
    color: #fff;
}

ul.dropdown-menu.atd.dropdown-menu-right {
    min-width: 260px;
    position: absolute;
    right: 0;
    left: auto;
}

#myHeader .dropdown-menu.atd .dropdown-item {
    font-size: 14px;
    text-align: right;
    padding: 5px 0px;
}

a.button-search-servizi {
    background: #4995a0;
    padding: 10px 26px;
    border: 1px solid #4995a0;
    color: #fff;
}

a.button-search-servizi:hover {
    background: #f5f5f5;
    text-decoration: none;
    border: 1px solid #ddd;
    color: #4d5055;
}

.et_pb_listing_grid.container h3 {
    padding-top: 20px;
}


@-moz-document url-prefix() {
.listings .card a {
  width: 54%;
}}

/*mobilna verzija*/


@media screen and (max-width: 426px) {
	.posaljiupit.col-md-12.left ul {
	    padding-inline-start: 15px !important;
	}

	section.py-sekcija.my-1.py-1.naslovnica .container {
	    padding-left: 15px !important;
	    padding-right: 15px !important;
	}

	.col-md-4.third-cmn {

    display: none;
	}


	.preventivo-basket {
    /* margin-top: 100px; */
		display: none;
}

.checkout-page .preventivo-basket {
		display: block !important;
		 margin-top: 130px;
}

	/*scroll*/
	.listing-prefered {
	    overflow-x: scroll;
	    overflow-y: hidden;
	    white-space: nowrap;
			margin-left: 15px;
	    margin-right: 15px;
			margin-top: 35px;
	}

	.listing-prefered .card {
    min-width: 300px;
}

.listing-prefered .col-md-3.p-1:first-child {
    margin-left: 280px;
}

	div#navbarSupportedContent {
	    background: #f2f2f2;
			padding: 16px;
	}

	ul.gornji-meni {
	    float: right;
	}

	.gornji-meni-desno li:first-child {
	}

	.gornji-meni-desno > li {
	    line-height: 15px;
	    margin-right: 10px;
	    margin-left: 10px;
	    font-size: 11px;
	    position: relative;
	    float: left;
	}
	.gornji-meni-desno span#login-divider {
    display: none;
}
	div#navbarSupportedContent a.nav-link {
    padding: 6px 0 0 0;
}
	.posaljiupit.col-md-12.left a {
    font-size: 14px;
}

	.page-content {
	    padding: 0;
	}

	.posaljiupit.col-md-12 {
	    margin-bottom: 0;
	}

	.py-sekcija.sadrzaj {
	    margin-top: 50px;
	}


	.posaljiupit.col-md-12 h1 {

			text-align: left;
	}

	.form.h-100.dental.about {
	    padding: 0;
			padding-top: 12px;
	}

	.form.h-100.dental.about h3 {
	    font-size: 18px;
	}
	.back-to-list {
    top: 40px;
}

.online.preventivo h1.section-heading.text-uppercase.bijela {
    font-size: 25px;
}
section.single-service-desc h1 {
    font-size: 17px;
}

section.py-sekcija.my-4.py-4.online.preventivo {
	margin-top: 122px !important;
}

.form-stepper a span:last-child {
    padding-right: 0;
    padding-left: 0;
}

.form-stepper a {
    cursor: default;
    margin-right: 5px !important;
    margin-left: 5px !important;
}

ul.form-stepper.form-stepper-horizontal.text-center.mx-auto.pl-0 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.form-step {
    margin-top: 0;
}
.column_1_2.grid-item {
    width: 100%;
}

.column_1_2.grid-item td h2 {
    font-size: 16px;
}


.choosen-clinics .card-property-title h3 span {
    font-size: 13px;
}
.box.map.hidden {
    display: none !important;
}
.filter-wrapper .goto-id .dropdown-extras {
    min-width: 248px;
    padding: 6px;
}
input#search_id_unit {
    height: 40px;
    font-size: 12px;
}
.preventivo-listing {
    width: 100%;
}
.review img {
    width: 85px;
}

.property-map {
    margin-top: 0;
}

h5.font-weight-bold.plava.dental {
    font-size: 18px;
}
span.dental-contact {
    margin-left: 0;
    display: flex;
}

.header-object {
    padding-top: 70px;
}

.dental-certificate {
    top: 20px;
}

span.reviews-rating em.fa.fa-star {
    font-size: 12px;
}

.header-object .destination-propertylink {
    margin-top: 20px;
    font-size: 12px;
}

.header-object .destination-propertylink h6 {
    font-size: 16px;
}

	.listing-prefered .col-md-3.p-1 {
	    max-width: 100%;
	}

	.listing-prefered .card-property-title h3 span {
	    font-size: 12px;
	}

	.map-preventivo {
	    width: 100%;

	}

	.card-property-title h3 span {
	    font-size: 14px;
	    word-break: break-word;
	}


	h4.property-desc {
	    font-size: 12px;;
	}

	table#preventivo-odabir-up\ sazetak th, table#preventivo-odabir-up-property\ sazetak th, tr, td, table#preventivo-odabir-up-services\ sazetak th {
	    font-size: 11px;
	}

	.card td.card-price {
	    font-size: 11px;
	}

	.card-body {
	    width: 90%;
	}

	.listing-wrapper .listings .card {
	    height: 160px;
	}

	.contact-wrapper-main {
	  display: none;
	}

	/* section.masthead {
    height: auto;
    min-height: 280px;
	} */
section.masthead {
	height: auto;
	margin-top: 112px;
	min-height: auto;
	width: 100%;
}

	.contact-wrapper-main .title {
	    font-size: 19px;
	    line-height: 25px;
	}

	img.dental-mobile-form-img {
    width: 100%;
    margin-bottom: 0;
}

.row.rubnik .col-md-4.col-lg-4.pb-1.pb-md-0.my-4 {
    margin-bottom: 0 !important;
}

	.lt-0 {
    padding-left: 0;
}

.col-md-4.col-lg-4.pb-1.pb-md-0.my-4.lt-0.home-intro-img {
    margin-bottom: 0 !important;
		margin-top: 20px !important;
    padding-bottom: 0 !important;
}

.col-md-4.col-lg-4.pb-1.pb-md-0.my-4.home-intro {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

	.col-md-4.second-cmn {
	    padding-bottom: 20px;
	}

	section.py-sekcija.my-1.py-4.naslovnica {
	    padding-top: 0 !important;
	}

	.col-md-6.col-lg-4.pb-1.pb-md-0.my-4 {
	    margin-bottom: 0 !important;
	    padding-bottom: 0 !important;
	}

	section.py-sekcija.py-1.naslovnica.locations {
	    margin-bottom: 0;
	}

	.col-md-2.third-cmn.footer {
	    width: 50%;
			    padding-bottom: 10px;
	}

	.col-md-2.third-cmn.footer img {
	    width: 125px;
	}

	.col-md-2.third-cmn.footer h3 {
	    padding-top: 0px;
	    padding-bottom: 0px;
	}

	.col-md-2.third-cmn.footer p {
	    font-size: 14px;
	}

	.col-md-8.second-cmn {
	    padding-top: 30px;
	}

	.row.double-set {
    flex-direction: column;
}



.row.double-set .col-lg-6 {
    width: 100%;
}



.form-dental-checkout .row {
    flex-direction: column;
}

.form-dental-checkout .col-lg-6 {
    width: 100%;
}

}

/*kraj mobilna verzija*/

@media screen and (min-width: 1200px) and (max-width: 1600px){

.listing-prefered .card-property-title h3 span {
font-size: 12px;
}

.card-property-title h3 span {
    font-size: 15px;
}

}

table.doctors td.doctor-name span {
    display: -webkit-box;
    font-size: 15px;
    font-weight: 400;
}

table.doctors td.doctor-name {
    font-size: 17px;
    font-weight: bold;
		width: 215px;
}

table.doctors td {
    line-height: 1.5;
}

.header-object span#unit_id {
    font-size: 17px;
}

h3#dentalpoints {
    color: #903961;
    font-size: 18px;
    text-align: left;
    padding-top: 0px;
    margin-bottom: 5px;
}

.dental-contact {
    padding-bottom: 12px;
    padding-top: 5px;
}

.klasa.contact {
    background: #f5f5f5;
    margin-top: 25px;
}

.no-data {
    color: #a9a6a7;
    font-weight: 100;
}

span.reviews-rating.no-data em.fa.fa-star {
    color: #a9a6a7;
}

section.py-sekcija.my-2.online.preventivo div#preventivo_calculation {
    width: 100%;
    float: none;
    margin: 0 auto;
}

section.py-sekcija.my-2.online.preventivo .sel-services p span {
    color: #903961;
		font-size: 15px;
}

section.py-sekcija.my-2.online.preventivo .sel-services p {
    font-size: 15px;
    color: #4995a0;

}

section.py-sekcija.my-2.online.preventivo a.fa.fa-pencil-square-o {
    padding-top: 8px;
    font-size: 16px;
}

section.py-sekcija.my-2.online.preventivo h1 {
    font-size: 22px;
		margin-top: 0 !important;
}

#preventivo_calculation\ row\ double-set button.btn.btn-primary, #preventivo_calculation\ row\ single-set button.btn.btn-primary {
    font-size: 12px;
    padding: 5px 10px;
    float: left;
    margin-bottom: 12px;
		text-transform: uppercase;
}

div#preventivo_calculation\ row\ double-set {
    display: flex;
}

div#preventivo_calculation\ row\ single-set {
    width: 70%;
    float: none;
    margin: 0 auto;
}

div#preventivo_calculation\ row\ double-set button.btn.btn-primary, div#preventivo_calculation\ row\ single-set button.btn.btn-primary {
    background: #f5f5f5;
    color: #4d5055 !important;
    border: 0;
}
.sel-services.center {
    justify-content: center;
		margin-bottom: 10px;
}

div#preventivo_calculation\ row\ double-set a, div#preventivo_calculation\ row\ single-set a {
    color: #4995a0;
}


div#preventivo_calculation\ row\ double-set a:hover, div#preventivo_calculation\ row\ single-set a:hover {
    text-decoration: none;
}

div#preventivo_calculation\ row\ single-set thead tr th, div#preventivo_calculation\ row\ double-set thead tr th {
    font-size: 14px;
}

div#preventivo_calculation\ row\ single-set table#preventivo-odabir-up td:last-of-type {
    text-align: center;
}

div#preventivo_calculation\ row\ single-set table#preventivo-odabir-up th:last-of-type {
    text-align: center;
}
div#preventivo_calculation\ row\ single-set table#preventivo-odabir-up th {
    text-align: left;
}
div#preventivo_calculation\ row\ single-set table#preventivo-odabir-up td {
    text-align: left;
}

div#preventivo_calculation\ row\ single-set .sel-services.center {
    display: flex;
    flex-direction: column;
}

div#preventivo_calculation\ row\ single-set .sel-services.center button.btn.btn-primary {
	width: 10%;
	    float: none;
	    margin: 0 auto;
}

.fake-tabs-preventivo {
    padding-top: 20px;
    display: flex;
    flex-direction: row;
  justify-content: center;
		    padding-bottom: 20px;
}

.fake-tabs-preventivo a {
	background: #fff;
padding: 5px 31px;
width: 20%;
color: #4d5055;
border-right: 2px solid #efefef;
}

.fake-tabs-preventivo a:hover {
	text-decoration: none;
}

.fake-tabs-preventivo a.active {
    background: #903961;
    color: #fff;
}

.fake-tabs-preventivo a.active {
    background: #903961;
}

.row.double-set button.btn.btn-primary {
    background: #f5f5f5;
    border: none;
    color: #4d5055 !important;
    font-size: 12px;
    padding: 0 15px;
    text-transform: uppercase;
}


.row.single-set button.btn.btn-primary {
    background: #f5f5f5;
    border: none;
    color: #4d5055 !important;
    font-size: 12px;
        padding: 8px 15px;
    text-transform: uppercase;
}

.row.double-set .sel-services {
    margin-bottom: 12px;
}

.row.double-set .sel-services p {
    text-transform: uppercase;
		margin-bottom: 0;
		font-size: 14px;
}

.row.single-set table tr td, .row.single-set table tr th {
    text-align: left;
}

.row.double-set table tr td, .row.double-set table tr th {
    text-align: left;
}

.row.single-set .sel-services {
	display: flex;
justify-content: space-between;
}

.row.single-set .sel-services p {
    text-transform: uppercase;
		margin-bottom: 0;
}

.row.single-set button.btn.btn-primary:hover {
    background: #4995a0;
    color: #fff !important;
}

.row.double-set button.btn.btn-primary:hover {
    background: #4995a0;
    color: #fff !important;
}

section.py-sekcija.my-4.py-4.online.preventivo h1 {
    font-size: 22px;
    margin-top: 0 !important;
}

.row.single-set {
    justify-content: center;
}


div#checkout-preventivo {
    background: #f5f5f5;
    padding-top: 40px;
    padding-bottom: 50px;
}

#checkout-preventivo .input-group>.form-control {
    padding: 0;
    height: auto;
}

div#checkout-preventivo h3, div#checkout-preventivo h5 {
    text-align: left;
}

div#checkout-preventivo .step-content label {
    text-align: left;
}

#checkout-preventivo .basket-step-title {
    font-size: 20px;
    text-align: left;
}

#checkout-preventivo .basket-title {
    text-align: left;
}

#checkout-preventivo table#preventivo-odabir-up-property tr td {
    font-size: 13px;
}

#checkout-preventivo .preventivo-listing-single {
	margin-top: 0;
}

input#documentation {
    margin-left: 12px;
    background: transparent;
    border: none;
    margin-top: 5px;
}

section.dentalpoints-usluge-heading p {
    text-align: left;
}

section.dentalpoints-usluge-heading h1 {
    text-align: left;
    font-size: 28px;
}

.dentalpoints-usluge table.services-dental td {
    text-align: left;
    padding-left: 20px;
}
.dentalpoints-usluge table.services-dental th {
    text-align: left;
		vertical-align: top;
		color: #4995a0;
}

table.services-dental {
    margin-bottom: 15px;
}

section.py-sekcija.sadrzaj.mb5r.usluge {
    background: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 10px;
}

.dental-usluge .modal-body {
    padding-top: 20px;
		overflow-y: scroll;
}

.dental-usluge .modal-content {
    height: 500px;
		    border: 1px solid #e1e1e1;
				padding: 0;
}

.dental-usluge .modal-header {

    padding: 4px 1rem;
	}

	.listing-services-choosen .services-dental {
    display: flex;
    padding: 0 24px 11px 24px;
		font-size: 13px;
}

.listing-services-choosen .services-dental span {
    color: #903961;
    background: #f5f5f5;
    padding-left: 7px;
    font-size: 13px;
    margin-right: 8px;
		margin-left: 12px;
    padding-right: 7px;
}

input#services {
    background: transparent;
    width: 100%;
    height: 100%;
    font-size: 14px;
    padding: 10px 5px;
		border-right: 1px solid #ddd;
border-top: 0;
border-bottom: 0;
border-left: 0;
}

div#preventivo_calculation h4 {
    font-size: 16px;
    color: #4995a0;
}

div#inguiry-modal .preventivo-listing-single h4 {
    font-size: 16px;
    color: #4995a0;
    text-align: left;
}

.dental table#preventivo-odabir-up th {
    padding-left: 10px;
}

.dental table#preventivo-odabir-up th:last-of-type {
    padding-right: 10px;
}
td#doctor-name {
    font-size: 16px;
		font-weight: bold;
    min-width: 212px;
}

td#doctor-description {
    vertical-align: top;
}

/*opći uvjeti*/
.izbornik-uvjeti {
  background: #efefef;
    padding: 24px 20px;
    height: auto;
    color: #4d5055;
		margin-top: 25px;
}

.izbornik-uvjeti ul li {
    list-style: none;
}

.izbornik-uvjeti hr {
    max-width: 100%;
    border-width: 2px;
    border-color: #fff;
		margin-top: 2rem;
margin-bottom: 2rem;
}

.izbornik-uvjeti ul li a {
	line-height: 1.7;
	font-size: 17px;
}

.izbornik-uvjeti ul {
    padding-left: 15px;
}

.izbornik-uvjeti h4.subheading {
    color: #4d5055;
    font-weight: 300 !important;
		font-size: 20px;
}

.izbornik-uvjeti i {
    width: 30px;
    height: 30px;
    color: #4995a0;
    font-size: 19px;
    text-align: center;
}

.izbornik-uvjeti ul li {
    list-style: none;
    font-size: 15px;
    font-weight: 300;
}

.izbornik-uvjeti h5.subheading {
    color: #4995a0;
		font-size: 16px;
	}

	.izbornik-uvjeti table.contact tr td {
	    font-size: 15px;
	    font-weight: 300;
	    line-height: 1.7;
	}

	 .s-mt5{
    scroll-margin-top: 7rem;
}

.services i.fa.fa-list {
	height: 100%;
	padding: 10px 10px 8px 10px;
	font-size: 18px;
	color: #4950579e;
}

.contact-wrapper-main.row .col-xs-12.col-sm-12.city-id-input-wrapper .services a.btn {
    padding: 0;
}

#contact_main_slider_submit .form-group .services {
    display: flex;
    align-items: center;
		border: 1px solid #ddd;
}

.contact-wrapper-main.row .col-xs-12.col-sm-12.city-id-input-wrapper .services {
    display: flex;
    border: 1px solid #ddd;
}

#modal-usluge section.dentalpoints-usluge {
    margin-top: 13px;
}

#modal-usluge table.services-dental tr th {
    font-size: 12px;
}

#modal-usluge table.services-dental tr td {
    font-size: 12px;
		display: flex;
    flex-direction: column;
}

/*modal animation*/

/* Animate the modal dialog when it appears */
.modal-dialog {
  animation-name: zoomIn;
  animation-duration: 0.8s;
  animation-fill-mode: both;
}


@keyframes zoomIn {
  from {
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

/* Animate the modal dialog when it appears */
/* .modal-dialog {
  animation-name: flipInY;
  animation-duration: 1s;
  animation-fill-mode: both;
}


@keyframes flipInY {
  from {
    transform: perspective(400px) rotateY(-90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotateY(-15deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) rotateY(10deg);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
    opacity: 1;
  }
}


.modal-header,
.modal-body {
  animation-name: fadeIn;
  animation-duration: 1s;
  animation-fill-mode: both;
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
} */

.single-service-izracun select#type_calc {
    -webkit-appearance: auto;
		border: none;
			padding-right: 3px;
}

.single-service-izracun .select-position {
    text-align: center;
    margin-bottom: 20px;

}

p#selected-position {
    background: #f5f5f5;
    margin-bottom: 0;
    padding: 5px;
}

p#selected-position\ not-set {
    color: red;
		background: #f5f5f5;
    margin-bottom: 0;
    padding: 5px;
}

.single-service-izracun .select-position {
    color: #4995a0;
    text-transform: uppercase;
    font-weight: bold;
}


.select-position p {
    width: 50%;
    border-bottom: 1px solid;
    margin: 0 auto;
    text-align: center;
    color: #903961;
    margin-bottom: 10px;
}

.row.selected-sets-property h1.mb-3.text-uppercase {
    text-align: left;
    font-size: 18px;
    color: #903961;
}

.selected_denti_center {
	text-align: center;
    background: #f5f5f5;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 5px;
    font-weight: bold;
    text-transform: uppercase;
}

.selected_denti_center .not_set {
    color: red;
}

table#preventivo-odabir-up thead tr th {
    border: none;
    background: #fff;
    padding: 2px 10px;
    font-weight: 500;
    font-size: 13px;
    border-bottom: 1px solid #eee;
}

table#preventivo-odabir-up thead tr th#service-name {
    text-transform: uppercase;
    background: #f5f5f5;
    font-size: 14px;
    text-align: left;
    color: #4995a0;
}

/*brzi upit*/

.quick-send-form h4 {
    font-size: 20px;
    word-wrap: break-word;
		text-align: left;
}

.quick-send-form {
    background: #efefef;
    padding: 20px 20px;
}

/* .col-md-4.col-lg-4.pb-1.pb-md-0.my-4.home-form {
    padding-right: 0;
} */

.form-dental-inquiry .form-control {
    padding: 5px 7px;
    border-radius: 0;
    height: auto;
    font-weight: 300;
    font-size: 14px;
    background: #fff;
}

form.form-dental-inquiry .form-group {
    margin-bottom: 8px;
}

.banner-send-top h3 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
		text-align: left;
		padding-left: 12px;
		text-transform: uppercase;
		    line-height: 1.4;
}

.banner-send-top {
    /* margin-top: 20px; */
    padding: 10px;
    /* border-radius: 10px 10px 0 0; */
    background: #4995a0;
}

.banner-send-top img {
    width: 50px;
    height: 50px;
}

.banner-send-top {
    display: flex;
    justify-content: flex-start;
}

section.py-sekcija.naslovnica.about-us-homepage .col-lg-12.text-center {
    display: flex;
		flex-direction: column;
}

.confirm-send-preventivo button.button {
    padding: 6px 24px;
}

.form-group.privacy-policy label {
    font-size: 13px;
}

section.py-sekcija.naslovnica.about-us-homepage .col-lg-12.text-center.new {
    margin-top: 0;
}

/* 26.04.2023. */

.row.single-set .sel-services {
    margin-bottom: 12px;
    text-align: center;
}

.row.single-set button.btn.btn-primary {
    border: none;
    font-size: 12px;
    padding: 8px 15px;
    text-transform: uppercase;

}

#preventivo_calculation_recapitulation th#service-name {
    text-transform: uppercase;
    background: #f5f5f5;
    font-size: 14px !important;
    text-align: left !important;
    color: #4995a0 !important;
}

table#preventivo-odabir th {
    border: none;
    background: #fff;
    padding: 2px 10px;
    font-weight: 600;
    font-size: 13px;
    border-bottom: 1px solid #eee;
}

table#preventivo-odabir tr td:last-of-type {
    text-align: right;
    padding-right: 15px!important;
}

table#preventivo-odabir th:last-of-type {
    text-align: right;
}

img.home.ls-is-cached.lazyloaded {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-intro h4 {
    font-size: 20px;
    text-align: left;
    font-weight: bold;
}

.home-intro p {
    font-size: 14px !important;
    /* text-align: left; */
		text-align: justify;

}

.about-us-homepage .confirm-send-preventivo {
    text-align: right;
}

.lt-0 {
    padding-right: 0;
}
.col-md-4.col-lg-4.pb-1.pb-md-0.my-4.home-intro {
    background: #efefef;
    padding: 20px;
}

/* .col-md-4.col-lg-4.pb-1.pb-md-0.my-4.lt-0.home-intro-img {
	background: #e3e6e6;
} */

.about-us-homepage .form-group.privacy-policy, .dropdown-menu.dropdown-menu-right.contact-form .form-group.privacy-policy {
    text-align: right;
}

tr.denti_subtitle td {
    font-size: 13px;
    color: #4995a0;
    padding-bottom: 5px !important;
}

tr.denti_list td {
    list-style-type: disc;
    display: list-item;
    list-style-position: inside;
    padding: 2px !important;
}

tr.denti_list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

tr.denti_list td:first-of-type {
    width: 50%;
}

table#preventivo-odabir {
    border: 1px solid #eee;
    margin: 0 0 15px;
    text-align: left;
    width: 100%;
}

.checkout-button button.btn.btn-primary {
    padding: 8px 26px;
	border: none;
	font-size: 15px;
}

#listing table.preventivo-item td {
    line-height: 1.2;
    font-size: 12px;
}



#preventivo-service-info .preventivo-basket {
    margin-top: 0;
}

.basket-position {
	font-size: 15px;
    line-height: 1.5;
}

.basket-name {
    font-size: 15px !important;
    line-height: 1.5;
}

.preventivo-basket {
    border: 1px dashed #4995a0;
    padding: 15px 15px 0 15px;
    margin-bottom: 30px;
}
.container.izracun .preventivo-basket h2 {
    font-size: 18px;
    margin-bottom: 8px;
    margin-top: 8px;
}
.basket-delete {
    width: auto !important;
    margin-left: 12px;
}



#checkout-preventivo .basket-step-title {
    font-size: 20px;
    text-align: left;
}

#checkout-preventivo .basket-title {
    text-align: left;
}

.basket-row .sel-services {
    display: flex;
    background: #f5f5f5;
    justify-content: space-between;
    padding: 6px;
}

.basket-delete button {
    background: #4995a0;
    border: none;
    color: #fff;
    font-size: 12px;
    padding: 4px 15px;
    text-transform: uppercase;
        cursor: pointer;
}

.basket-row {
    margin-bottom: 25px;
}

.basket-name {
    text-transform: uppercase;

    text-align: left;
    color: #4995a0;
        width: 50%;
}

.basket-delete button:hover {
    background: #4995a0;
    color: #fff!important;
}

.basket-price span {
    color: #4995a0;
    vertical-align: top;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
}

.basket-price {
  border-left: 1px solid #ddd;
    width: 20%;
    padding-left: 12px;
}

.checkout-button {
    margin-bottom: 30px;
}

.container.izracun .preventivo-basket h2 {
    font-size: 18px;
    margin-bottom: 8px;
    margin-top: 8px;
		text-transform: uppercase;
}


.form-dental-checkout h3.font-normal {
    font-size: 22px;
}

.form-dental-checkout label.col-form-label {
    float: left;
}

.form-dental-checkout .form-control {
    height: auto;
    border-radius: 0;
    font-size: 12px;
}

.form-group.mb-1.ortopan {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
}

.form-group.mb-1.ortopan label {
    text-align: left;
}

.form-group.mb-1.privacy-policy {
    flex-direction: row;
    justify-content: flex-end;
		display: flex;
}

.basket-container table#preventivo-odabir-property td {
    text-align: left;
}

.basket-container table#preventivo-odabir-property {
    width: 100%;
}
table#preventivo-odabir-recommended {
    width: 100%;
}

table#preventivo-odabir-recommended td {
    text-align: left;
}

.preventivo-basket h2 {
    margin-bottom: 12px;
}

.form-group.mb-1.privacy-policy label {
    margin-right: 12px;
}

.confirm-send-preventivo {
    text-align: right;
}

.page-listing #preventivo_calculation table {
    width: 100%;
margin-bottom: 20px;
}

.page-listing #preventivo_calculation table th#service-name {
    font-size: 15px;
    color: #4995a0;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: normal;
		text-align: left;
}

.page-listing #preventivo_calculation table th {
    border: none;
    background: #fff;
    padding: 2px 10px;
    font-weight: 500;
    font-size: 13px;
    border-bottom: 1px solid #eee;
}

.page-listing #preventivo_calculation p {
	margin-bottom: 5px;
}

.page-listing #preventivo_calculation table th:last-of-type, .page-listing #preventivo_calculation table td:last-of-type {
text-align: center;
}

.choose-premium.info label {
    font-size: 11px;
}

.choose-premium.info input#premium {
    vertical-align: text-bottom;
}

input[type='checkbox'] {
    accent-color: #dedede;
}

.basket-container h3 img {
    width: 104px;
}

.preventivo-listing-single.inq table {
    width: 100%;
    text-align: left;
}

.gornji-meni-desno button {
    font-size: 15px;
    padding: 2px 14px;
}

.col-lg-3.contact p {
    text-align: left;
    line-height: 1.8;
    font-size: 15px;
    color: #fff;
}

.gornji-meni-desno .dropdown-menu.dropdown-menu-right {
	right: 0;
    left: auto;
    width: 60px;
		min-width: 60px;
		border-radius: 0;
}

.gornji-meni-desno .btn:focus {
    box-shadow: none;
}

.gornji-meni-desno a.dropdown-item {
    padding: inherit;
    text-align: center;
    color: #000 !important;
    width: 100%;
}

.gornji-meni-desno {
    display: flex;
    justify-content: flex-end;
}

.gornji-meni-desno a {
    color: #fff;
    line-height: 1.7;
    font-size: 15px;
}

/*test*/
/* .dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {

    pointer-events: none;
} */

.gornji-meni-desno .dropdown {
    width: auto;
    float: right;
}

.footer p {
    text-align: left;
    margin-bottom: 6px;
}

.footer h3 {
    text-align: left;
}

.footer ul.list li {
    text-align: left;
}

.footer .pt-2 {
    text-align: left;
}

.dropdown-menu.dropdown-menu-right.contact-form {
    width: 400px;
}

form.form-dental-inquiry a {
    color: #903961;
}

button.btn.btn-sm.dropdown-toggle.upit:after {
    display: none;
}

form.form-dental-inquiry a:hover {
    color: #000;
}

.nav-item .dropdown-menu.dropdown-menu-right.contact-form {
    right: 0;
    left: auto;
    min-width: 60px;
    border-radius: 0;

		padding-top: 0 !important;
}


.modal.fade.dental.show .form-dental-checkout h3.font-normal {
    font-size: 19px;
    text-align: left;
}

.modal.fade.dental.show input#documentation {
    margin-left: 0;
    margin-top: 0;
}

.modal.fade.dental.show .form-group.mb-1.privacy-policy {
    justify-content: flex-start;
}

.modal.fade.dental.show table {
    width: 100%;
    text-align: left;
}

.modal.fade.dental.show table th:last-of-type {
    text-align: right;
}

.modal.fade.dental.show table td:last-of-type {
    text-align: right !important;
    padding-right: 24px;
}

.modal.fade.dental.show table tr th#service-name {
    text-transform: uppercase;
    background: #f5f5f5;
    font-size: 14px;
    text-align: left;
    color: #4995a0;
}

.modal.fade.dental.show table thead tr th {
    border: none;
    background: #fff;
    padding: 2px 10px;
    font-weight: 500;
    font-size: 13px;
    border-bottom: 1px solid #eee;
}

li.nav-item.dropdown:last-of-type {
    background: #903961;
margin-left: 0px;
}

button.btn.btn-sm.dropdown-toggle.upit {
    color: #fff;
		font-size: 18px;
}

button.btn.btn-sm.dropdown-toggle.upit:focus {
    box-shadow: none;
}

li.nav-item.dropdown:last-of-type:hover {
    background: #e3e6e6;
}

li.nav-item.dropdown:last-of-type:hover button.btn.btn-sm.dropdown-toggle.upit {
	color: #000;
}

.dropdown-menu.dropdown-menu-right.contact-form {
    padding-bottom: 0 !important;
}


/*mobile naslovnica*/

.contact-wrapper-mobile.row .title {
	font-size: 17px;
	font-weight: 400;
	color: #264653;
	line-height: 21px;
	width: 100%;
	text-align: center;
	padding: 0px 20px;
	margin-bottom: 12px;
}

.contact-wrapper-mobile.row .description {
    color: #4995a0;
    font-size: 16px;
    padding: 3px 0 15px;
    text-align: center;
}

.contact-wrapper-mobile.row label {
    font-size: 13px;
    color: #4995a0;
    padding-bottom: 0px;
    font-weight: 500;
}

.contact-wrapper-mobile.row .form-group {
    text-align: left;
}

.contact-wrapper-mobile.row .form-group a.btn {
    padding: 0;
}

.contact-wrapper-mobile.row form#contact_main_slider_submit {
    background: #f2f2f2;
    padding: 12px;
}

.contact-wrapper-mobile.row button.btn.btn-primary {
    font-size: 15px;
}

img.dental-mobile-form-img {
	width: 100%;
margin-bottom: 0;
}

.listings .card-property-title a {
  width: 100%;
}

.col-md-12.kontakt-forma {
    margin-top: 50px;
}

.col-md-12.kontakt-forma.mobile {
    margin-top: 16px;
}

section.kontakt-mobile-search .title {
    font-size: 20px !important;
}

/* section.kontakt-mobile-search {
    margin-top: 50px;
} */

section.kontakt-mobile-search .contact-wrapper-mobile.row form#contact_main_slider_submit {
    background: #f2f2f2;
    padding: 12px;
    padding-bottom: 44px;
}

.card-body td#home-phone {
    text-align: right;
    padding-right: 1rem;
}

.about-us {
    display: flex;
    flex-direction: row;
}

.zaglavlje-vrh-mobile a {
    margin-bottom: 0;
    color: #fff;
}


.zaglavlje-vrh-mobile .row {
    display: flex;
    height: 35px;
    background: #4995a0;
    justify-content: space-between;
    padding-left: 4%;
    padding-right: 6%;
}

.zaglavlje-vrh-mobile a:hover {
    text-decoration: none;
}

.zaglavlje-vrh-mobile i.fa.fa-paper-plane {
    color: #903961;
		margin-right: 5px;
}

.zaglavlje-vrh-mobile .shoppingcart {
    padding-left: 0;
    padding-top: 6px;
}

.zaglavlje-vrh-mobile .contact a i.fa.fa-phone {
    color: #903961;
    font-size: 17px;
		margin-right: 5px;
}

.zaglavlje-vrh-mobile .contact {
    padding-top: 6px;
}

section.zaglavlje-vrh p a {
    color: #fff;
}

section.masthead.text-center.sadrzaj.text-bijelo.d-flex {
    background-image: url(/img/dental-town.webp);
}


section.zaglavlje-vrh-mobile {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.mobile form.form-dental-inquiry .form-group {

    text-align: right;
}


.kontakt-mobile .izbornik-uvjeti {
    margin-top: 0;
		padding: 0px 0 5px 15px;
}

section.py-sekcija.sadrzaj.mb1r.kontakt-mobile {
    margin-top: 20px !important;
}


.contact-wrapper-mobile.row .col-xs-12.col-sm-12.city-id-input-wrapper .services {
    display: flex;
    border: 1px solid #ddd;
}

input#destinationMobile {
    background: transparent;
    width: 100%;
    height: 100%;
    font-size: 14px;
    padding: 10px 5px;
    border: 1px solid #ddd;
}

input#services_mobile {
    background: transparent;
    width: 100%;
    height: 100%;
    font-size: 14px;
    padding: 10px 5px;
		border-right: 1px solid #ddd !important;
    border: none;
}

.form-group.privacy-policy {
    text-align: right;
}

section.kontakt-mobile-search {
    margin-top: 70px;
}


.sitemap-container ul li {
    text-align: left;
}


/*novi listing*/
.card-property-name a h3 {
    font-size: 17px;
    margin-top: 0;
}

.card-favorites button {
    width: 100%;
    border: none;
    margin-top: 4px;
    text-transform: uppercase;
    padding: 2px 20px;
    font-size: 12px;
}

/*kraj novi listing*/

.clients-carousel .single-box img {
    object-fit: cover;
    max-width: 100px;
    border-radius: 50%;
    margin: 0 auto;
    height: 100px;
}

.testimonial .content {
    text-align: left;
}


td.card-price-left {
    font-weight: 600;
    color: #4995a0;
    font-size: 18px;
    text-align: left;
    padding-right: 15px;
}

tr.service-price.add-to-preventivo button {
    /* padding: 4px;
    width: 100%;
		min-width: 45px; */
		padding: 4px;
    position: absolute;
    width: 70px;
    bottom: 5px;
    right: 0;
    min-width: 45px;
}

.listing-wrapper .listings .card.implantant {
    height: 200px;
}

.card.implantant tr.add-to-preventivo button {
	padding: 3px;
float: right;
margin-right: 10px;
}

.card.implantant td.card-price {
	padding-right: 0;
}

tr.service-price td {
    color: #4995a0;
		line-height: 1;
}

section.py-sekcija.my-1.py-1.naslovnica .container {
    padding-left: 0;
    padding-right: 0;
}

.contact-form-pages {
    margin-top: 15px;
}

.form-group.mb-3.ortopan label {
    display: flex;
}

.form-group.privacy-policy {
    display: flex;
    justify-content: flex-end;
}

.form-group.mb-3.privacy-policy .col-form-label {
    padding-right: 12px;
}


.form-dental-checkout input#documentation {
    display: block;
}

.modal.fade.dental.show .sel-services p {
    margin-bottom: 5px;
    margin-top: 15px;
}

tr.implantat-name td:last-of-type {
    color: #4995a0;
    font-weight: 500;
}

span.no_price {
    font-size: 13px;
    color: #444;
}

td.info-average-price {
    padding-right: 7px;
}


.card.average-price h4.property-desc {
    color: #4995a0;
}

.card.average-price .property-desc i {
color: #4995a0;
}

.card.average-price .card-img-top {
    border-right: 1px solid #ddd;
}

body.page.page-listing {
    overflow: hidden;
  }

	div#dropdownExtrasDest input#destination {
    width: auto;
}

input#search_id_unit {
    font-size: 14px;
}

input#destination_index {
    background: transparent;
    width: 100%;
    height: 100%;
    font-size: 14px;
    padding: 10px 5px;
		max-height: 39px;
}

/*Thank you page*/

/*404 page*/
.thankyou {
	text-align: center;
  padding-top: 0px;
}

.thankyou h1 {
	font-size: 45px;
color: #4995a0;

}

.thankyou-text i {
	font-size: 66px;
color: #4995a0;
border: 3px solid #4995a0;
border-radius: 50%;
padding: 7px;
}

.thankyou h1 span {
	display: flex;
	font-size: 16px;
	justify-content: center;
	color: #515151;
margin-top: 12px;
}

.thankyou {
	/* background-image: url('/img/dental-town.webp'); */
	    height: auto;
			background-position: 50%;
    background-size: cover;
	/* background-size: cover;
	background-position: 50% 50%; */
}

.thankyou p {
	margin-bottom: 15px;
	color: #515151;
	font-size: 18px;
}

.thankyou a {
	background: #efefef;
	padding: 10px 17px;

	color: #4995a0;
	font-size: 18px;
	cursor: pointer;
}

.thankyou a:hover {
text-decoration: none;
background: #4995a0;
color: #fff;
}

.thankyou img {
width: 200px;
height: auto;
margin-bottom: 45px;
    margin-top: 12px;
}

a.thankyou-img {
    background: none;
}

a.thankyou-img:hover {
    background: none;
}

.thankyou-text {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    background: #fff;
    padding: 65px 0;
		border-width: 1px;
border-style: dashed;
border-color: #8dc1c9;
}

span#selected_clinics_counter {
    color: #fff;
    background: #903961;
    padding: 0px 5px;
}

span#selected_preventivo_counter {
    color: #fff;
    background: #4995a0;
    padding: 0px 5px;
}

button#preventivo_view.active span#selected_preventivo_counter {
    background: #8DC1C9;
}

button#map_view {
    background: #fff;
}

button#preventivo_view {
    background: #fff;
}

.grecaptcha-badge {
    visibility: hidden;
}

.contact-wrapper-main .title h1 {
    font-size: 22px;
    font-weight: 600;
    color: #264653;
    line-height: 32px;
    text-shadow: none;
    width: 90%;
    text-align: left;
}

.col-md-4.third-cmn h2 {
    text-transform: uppercase;
}

img.img-mailto {
    float: left !important;
    margin-top: 2px;
    width: 179px!important;
}

@media (max-width: 600px) {
	.thankyou h1 {
	    font-size: 60px;
	}


}

@media (max-width: 1000px) {
/* body.page.page-listing::-webkit-scrollbar{
    display: block !important;
  }

	.listing-prefered {
	    overflow-x: scroll;
	    overflow-y: visible;

	} */

	.single-service-desc table#specifikacije tr td:first-of-type {
	    min-width: 125px;
	}

	.container-fluid.filter-wrapper {
    padding-left: 0;
    padding-right: 0;
}

	.filter-wrapper {
    justify-content: center;
	}

	button#preventivo_view {
    font-size: 11px;
}

button#map_view.active {
    font-size: 11px;
}

	body.page.page-listing {
	    overflow: visible;
	  }


tr.service-price td {
    color: #4995a0;
    line-height: 1;
}
td.card-price-left {
    font-size: 14px;
	}
}


#accordion .basket-row {
    margin-bottom: 15px;
}

/*compare*/
.preventivo-compare td.dent-price {
    text-align: right !important;
}

.preventivo-compare th.clinic-info {
    text-align: right !important;
}

.preventivo-compare tr.total {
    color: #fff;
    background: #903961;
}

.preventivo-compare td.dent-price-total {
    text-align: right !important;
}

.preventivo-compare th.clinic-info span {
    display: block;
	}

	.preventivo-compare table#preventivo-odabir-up tr td.\33 {
    text-align: center;
}

.preventivo-compare h2 {
    margin-bottom: 20px;
}

#accordion a:hover {
text-decoration: none;
}

.card-ac .basket-row .sel-services:hover {
    background: #e8e8e8;
}

form.form-dental-inquiry .form-group.check {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 14px;
    color: #495057;
}

form.form-dental-inquiry .form-group.check label {
    padding: 1px;
    margin: 0;
}

form.form-dental-inquiry span.checkbox-field {
    margin-left: 12px;
}

form.form-dental-inquiry .form-group.select {
    font-size: 14px !important;
    color: #495057 !important;
    text-align: left;
    display: flex;
    flex-direction: column;
}

select#clinic_location {
    color: #495057 !important;
    padding: 2px 6px;
    border: 1px solid #ced4da;
		 -webkit-appearance: auto;
}

td.new-partner-info {
    color: #4995a0;
    font-size: 12px;
}

tr.service-price.add-to-preventivo button.upit {
	position: absolute;
	width: 70px;
	bottom: 5px;
	right: 0;
}

/* .listing-wrapper .listings .card.new-partner {
    height: 100%;
} */

.listing-wrapper .listings .card.new-partner img {
		height: 100%;
}

tr.service-price.add-to-preventivo td {
    padding-top: 5px;
    vertical-align: bottom;
}

.review-stars em.fa.fa-star {
    color: #EBA600;
    font-size: 12px;
}

.shoppingcart-show.dental {
    /* position: absolute; */
    text-align: center;
    /* top: 35px; */
    z-index: 15;
    /* margin: 0;
    left: 0; */
		position: absolute;
    top: 31px;
    width: 360px;
    right: 0;
}

.gornji-meni-desno .dropdown-menu.dropdown-menu-right.show {
    width: auto;
    border-top: 0;
}

span#cart_counter {
    color: #fff;
}

.gornji-meni-desno .dropdown-menu.dropdown-menu-left.show {
    border-bottom: 0 !important;
}

.shoppingcart-show.dental td.service-name.cart {
    padding: 5px 14px;
		font-size: 11px;
}

.shoppingcart-show.dental td.service-name.cart strong {
		font-size: 13px;
}

.shoppingcart-show.dental .cart-title {
    font-size: 12px;
    text-align: left;
    color: #000;
		display: flex;
		min-height: 38px;
		flex-direction: column;
}

.shoppingcart-show.dental td.removefromcart {
    border: none;
    padding: 8px 5px;
}

.shoppingcart-show.dental table {
	  margin-bottom: 8px;
}

.shoppingcart-show.dental .gotocart {
    margin-top: 0;
}

.shoppingcart-show.dental .gotocart button {
    font-size: 13px;
}

.shoppingcart-show.dental .scroll-accomodationcontainer {
	margin-top: 38px;
}

.shoppingcart-show.dental td.service-price.cart {
    padding: 5px 0px;
    border: none;
    font-size: 15px;
    color: #4995a0;
}

#map_view_preventivo
{
	background-color: #4995a0;
	color: white;
	text-align:center;
	width:100%;
	padding:7px;
	font-weight:bold;
}

.shoppingcart-show.dental .accomodationcontainer
{
	background-color: #E0FFFF;
}

.shoppingcart-show.dental .gotocart
{
	background-color: #E0FFFF;
}

span.dental-contact.social i {
    font-size: 22px;
    margin-right: 12px;
}

span.dental-contact.social a:hover {
    text-decoration: none;
}

.dental-time td.work-time-closed {
    color: red;
    text-transform: initial;
}

.quick-send-form .form-group.flex {
    display: flex;
}

.quick-send-form .form-group.flex select#phone_prefix {
    width: auto;
    border: 0;
		background: #8dc1c952;
}

.form-dental-checkout .form-group.flex {
    display: flex;
		margin-top: 20px;
}

.form-dental-checkout .form-group.flex label {
    margin-right: 12px;
    padding: 0;
}

.form-group.flex.mb-1 input#phone {
    height: auto;
}

.form-dental-checkout .form-group.flex select#phone_prefix {
    width: auto;
    border: 0;
		background: #8dc1c952;
}

.card.ac-buttons a.btn.btn-primary.btn-label.btn-disabled {
    cursor: context-menu;
    opacity: 0.5;
}

div#header_no_selected_clinics {
    font-size: 15px;
    text-align: center;
}

@-moz-document url-prefix() {
tr.service-price.add-to-preventivo button.upit {
  margin-top: 0;
}

.client_block_image img {
  max-width: 328px;
}

}
