/* ===================================

BASIC STYLE

=================================== */


/* =================================== */
/*  Basic Style 
/* =================================== */

html {
	overflow-y: scroll;
}

.primary-color {
	color: #f41068;
}

.dark-color {
	color: #39a0ca;
}
.dark-color:hover {
	color: #50ccff;
}


::-moz-selection {
	/* Code for Firefox */
	background-color: #39a0ca;
	color: #fff;
}

::selection {
	background-color: #39a0ca;
	color: #fff;
}

::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #d4d4d4;
	font-weight: 300;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #d4d4d4;
	opacity: 1;
	font-weight: 300;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #d4d4d4;
	opacity: 1;
	font-weight: 300;
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #d4d4d4;
	font-weight: 300;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #d4d4d4;
	font-weight: 300;
}

html,
body {
	color: #3d3d3d;
	background: #f7f7f7;
	font-family: 'Roboto', sans-serif;
	font-size: 0.875em;
	font-weight: 300;
	line-height: 1.625em;
	position: relative;
	-webkit-backface-visibility: hidden;
}

ol,
ul {
	margin: 0;
	padding: 0;
	padding: 0;
	list-style: none !important;
}

select {
	display: block;
}

figure {
	margin: 0;
}

iframe {
	border: 0;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
	text-decoration: none;
	outline: 0;
}

.card-panel {
	margin: 0;
	padding: 60px;
}

/*-------- Typography ----------*/

a {
	cursor: pointer;
}

a,
a:focus,
a:hover {
	color: #3d3d3d;
	text-decoration: none;
	outline: 0;
}

p {
	font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
	line-height: 1.2em !important;
	margin-bottom: 0;
	margin-top: 0;
	font-weight: 500;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.17em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: .83em;
	color: #38383a;
}

td,
th {
	border-radius: 0px;
}

b {
	font-weight: bold;
}

sup,
sub,
u,
del {}

.text-italic {
	font-style: italic;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-rigth {
	text-align: right;
}

.transition {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}

.inline-flex {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.flex-grow {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.flex-wrap {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-left {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
}

.flex-middle {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}

.flex-right {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	justify-content: flex-end;
}

.flex-top {
	-webkit-align-self: flex-start;
	-moz-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.flex-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}

.flex-bottom {
	-webkit-align-self: flex-end;
	-moz-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.space-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
}

.space-around {
	-ms-flex-pack: distribute;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	justify-content: space-around;
}

.flex-column {
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.flex-cell {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.display-table {
	display: table;
}

.relative {
	position: relative;
}

.overflow-hidden {
	overflow: hidden;
}

.overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.no-padding {
	padding: 0;
}

@media (max-width: 767px) {
	.no-flex-xs {
		display: block !important;
	}
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.img-responsive-w {
	display: block;
	max-height: 100%;
	width: auto;
}


/*---------- btns -------------*/

.btn {}

.btn:focus,
.btn:active {
	outline: none !important;
	box-shadow: none;
}

.btn i,
.btn-large i,
.btn-floating i,
.btn-large i,
.btn-flat i {
	line-height: inherit;
}

.btn-lg {
	padding: 0.3rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: 0.3rem;
	height: 41px;
}

.btn-xs-group {
	display: flex;
	justify-content: flex-end;
}

.btn-xs-group-block {
	margin: 0 2px;
}

@media (max-width: 576px) {
	.btn-xs-block {
		display: flex;
		width: 100%;
	}

	.btn-xs-group {
		display: flex;
	}

	.btn-xs-group-block {
		flex: 1;
		margin: 0 2px;
	}
}

.fs-btn {
	font-family: 'Poppins', sans-serif;
	display: inline-block;
	outline: none;
	line-height: 34px;
	font-size: .9rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0 1rem;
	cursor: pointer;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.fs-btn:focus {
	outline: none;
}

.fs-btn.large {
	line-height: 45px;
}

.fs-btn.medium {
	line-height: 30px;
}

.fs-btn.small {
	line-height: 25px;
	font-size: .7rem;
}

.fs-btn.dark {
	color: #fff !important;
	background: #39a0ca;
	border: 1px solid transparent;
}

.fs-btn.dark:hover {
	color: #fff !important;
	background: #50ccff;
	border: 1px solid transparent;
}

.fs-btn.dark:disabled {
	color: #fff !important;
	background: rgb(57, 160, 202, .3);
	border: 1px solid transparent;
	cursor: default;
}

.fs-btn.dark-border {
	color: #39a0ca !important;
	background: transparent;
	border: 1px solid #39a0ca;
}

.fs-btn.dark-border:hover {
	color: #fff !important;
	background: #39a0ca;
	border: 1px solid #39a0ca;
}

.fs-btn.arrow-border {
	color: #000 !important;
	background: transparent;
	border: 0;
}

.fs-btn.arrow-border:hover {
	color: #000 !important;
	background: transparent;
	border: 0;
}

.fs-btn.primary-border {
	color: #f41068 !important;
	border: 1px solid #f41068;
	background: transparent;
}

.fs-btn.primary-border:hover {
	color: #fff !important;
	background: #f41068;
	border: 1px solid #f41068;
}

.fs-btn.primary {
	color: #ff003b !important;
	background: #fff;
	border: 1px solid transparent;
	box-shadow: 2.828px 2.828px 15px 0 rgba(0, 0, 0, .1);
}

.fs-btn.primary:hover {
	color: #fff !important;
	border: 1px solid #f41068;
	background-image: -webkit-linear-gradient(90deg, #f6398d 0%, #ff003b 100%);
	background-image: -ms-linear-gradient(90deg, #f6398d 0%, #ff003b 100%);
}

.fs-btn.fb {
	color: #fff !important;
	background: #3b5998;
	border: 1px solid transparent;
}

.fs-btn.fb:hover {
	color: #fff !important;
	border: 1px solid #2c4271;
	background: #2c4271;
}

.fs-btn.white {
	color: #252526 !important;
	background: #e6e7e8;
	border: 1px solid #e6e7e8;
}

.fs-btn.white:hover {
	color: #39a0ca !important;
	border: 1px solid #e6e7e8;
	background: #fff;
}

.fs-btn.white-border {
	color: #fff !important;
	border: 1px solid #fff;
	background: transparent;
}

.fs-btn.white-border:hover {
	color: #3d3d3d !important;
	background: #fff;
	border: 1px solid #fff;
}

.fs-btn.danger {
	color: #fff !important;
	background: #f41068;
	border: 1px solid #f41068;
}

.fs-btn.danger:hover {
	color: #fff !important;
	border: 1px solid #f24487;
	background: #f24487;
}

.fs-btn.danger-border {
	color: #f41068 !important;
	background: transparent;
	border: 1px solid #f41068;
}

.fs-btn.danger-border:hover {
	color: #fff !important;
	border: 1px solid #f41068;
	background: #f41068;
}

b {
	color: #3d3d3d;
}

.form-control:focus {
	border-color: #cccccc;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*----------- Images --------------*/

/* image in salon's homepage */
.img-wrapper {
	overflow: hidden;
	border: 2px solid #fff;
	height: 10em;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* image in featured salon */
.content-box > .img-wrapper {
	overflow: hidden;
	border: 2px solid #fff;
	height: 10em;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* profile image in search-results page */
.img-wrapper-list-pr {
	overflow: hidden;
	border: 2px solid #fff;
	height: 15em;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* featured images in search-results page */
.img-wrapper-list-ft {
	overflow: hidden;
	border: 2px solid #fff;
	height: 6em;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* images in vendor's gallery */
.img-wrapper-gallery {
	overflow: hidden;
	border: 2px solid #fff;
	height: 7em;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* profile and homepage images in vendor's gallery */
.img-wrapper-gallery-pr {
	overflow: hidden;
	border: 2px solid #fff;
	height: 10em;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* featured images in vendor's gallery */
.img-wrapper-gallery-ft {
	overflow: hidden;
	border: 2px solid #fff;
	height: 7em;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

/* uploading images in vendor's gallery */
.img-wrapper-gallery-up {
	overflow: hidden;
	border: 2px solid #fff;
	height: 110px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.img-wrapper h3 {
	position: absolute;
	left: 1rem;
	top: 1rem;
	font-weight: 300;
}

@media (max-width: 1200px) {

	.img-wrapper {
		overflow: hidden;
		border: 2px solid #fff;
		height: 8em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.content-box > .img-wrapper {
		overflow: hidden;
		border: 2px solid #fff;
		height: 10.5em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-list-pr {
		overflow: hidden;
		border: 2px solid #fff;
		height: 12.5em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-list-ft {
		overflow: hidden;
		border: 2px solid #fff;
		height: 5em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery {
		overflow: hidden;
		border: 2px solid #fff;
		height: 6em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery-pr {
		overflow: hidden;
		border: 2px solid #fff;
		height: 8em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery-ft {
		overflow: hidden;
		border: 2px solid #fff;
		height: 6em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery-up {
		overflow: hidden;
		border: 2px solid #fff;
		height: 6em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

@media (max-width: 992px) {

	.img-wrapper {
		overflow: hidden;
		border: 2px solid #fff;
		height: 9em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.content-box > .img-wrapper {
		overflow: hidden;
		border: 2px solid #fff;
		height: 10em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-list-pr {
		overflow: hidden;
		border: 2px solid #fff;
		height: 12em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-list-ft {
		overflow: hidden;
		border: 2px solid #fff;
		height: 5em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery {
		overflow: hidden;
		border: 2px solid #fff;
		height: 6em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery-pr {
		overflow: hidden;
		border: 2px solid #fff;
		height: 8em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery-ft {
		overflow: hidden;
		border: 2px solid #fff;
		height: 6em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery-up {
		overflow: hidden;
		border: 2px solid #fff;
		height: 6em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}


@media (max-width: 768px) {

	.img-wrapper {
		overflow: hidden;
		border: 2px solid #fff;
		height: 7em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.content-box > .img-wrapper {
		overflow: hidden;
		border: 2px solid #fff;
		height: 11em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-list-pr {
		overflow: hidden;
		border: 2px solid #fff;
		height: 21em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-list-ft {
		overflow: hidden;
		border: 2px solid #fff;
		height: 9em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery {
		overflow: hidden;
		border: 2px solid #fff;
		height: 8em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery-pr {
		overflow: hidden;
		border: 2px solid #fff;
		height: 12em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery-ft {
		overflow: hidden;
		border: 2px solid #fff;
		height: 8em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery-up {
		overflow: hidden;
		border: 2px solid #fff;
		height: 8em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

@media(max-width:576px) {

	.img-wrapper {
		overflow: hidden;
		border: 2px solid #fff;
		height: 7em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.content-box > .img-wrapper {
		overflow: hidden;
		border: 2px solid #fff;
		height: 8em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-list-pr {
		overflow: hidden;
		border: 2px solid #fff;
		height: 15em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-list-ft {
		overflow: hidden;
		border: 2px solid #fff;
		height: 7em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery {
		overflow: hidden;
		border: 2px solid #fff;
		height: 7em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery-pr {
		overflow: hidden;
		border: 2px solid #fff;
		height: 10em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery-ft {
		overflow: hidden;
		border: 2px solid #fff;
		height: 7em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.img-wrapper-gallery-up {
		overflow: hidden;
		border: 2px solid #fff;
		height: 7em;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
}

/*----------- Header --------------*/

#header-fixed {
	background-color: #fff;
	box-shadow: -21.213px 21.213px 30px 0 rgba(158, 158, 158, .3);
}

#header-fixed > .container > .row > #logo h3 {
	background: #fff;
}

/* user logged in */
#user-logged-link {}

#user-logged-menu a {}

#user-logged-menu a:hover,
#user-logged-menu span:hover {
	color: #fff;
}

#user-logged-menu span {
	padding-right: 2rem;
}

.user-menu {
	background: #fff;
}

.user-menu a {
	padding: .5rem 2rem;
}

.user-menu a:hover {
	color: #fff;
}

.user-menu-vert {
	margin: 15px 0px;
	background: #fff;
	color: #e6e7e8;
}

.user-menu-vert a {
	padding: 10px 20px;
	font-size: 1em;
	font-weight: 500;
}

.user-menu-vert a:hover {
	background-image: -webkit-linear-gradient(90deg, #f6398d 0%, #ff003b 100%);
	background-image: -ms-linear-gradient(90deg, #f6398d 0%, #ff003b 100%);
	color: #fff;
}

.user-menu-vert span {
	margin: 0px 20px;
}

.user-menu-vert .active {
	background-image: -webkit-linear-gradient(90deg, #f6398d 0%, #ff003b 100%);
	background-image: -ms-linear-gradient(90deg, #f6398d 0%, #ff003b 100%);
	color: #fff;
}



.stickey-top {
	position: -webkit-sticky;
	/* Safari */
	position: sticky;
	top: 56px;
	z-index: 1;
}

@media (max-width: 576px) {

	.header {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		z-index: 999;
		background-color: transparent;
		font-size: 12px;
		padding: 1em 0px;
		color: #fff;
	}

	.header a {
		font-size: 1rem;
		font-weight: 100;
		margin-right: 8px;
	}

	.header a:hover {}

	.header i {
		color: #000;
	}

	#header.pageScrolled {
		background-color: #fff;
		box-shadow: -21.213px 21.213px 30px 0 rgba(158, 158, 158, .3);
	}

}

#logo-img,
#logo-img-fixed {
	position: relative;
	height: 1.8em;
	width: auto;
}

.header {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 999;
	background-color: transparent;
	font-size: 12px;
	padding: 1em 0px;
}

.header a {
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1rem;
	font-weight: 100;
	margin-right: 8px;
}

.header a:hover {
	color: #fff;
}

.header.page-scrolled a,
.header.page-scrolled a:hover {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1rem;
	font-weight: 100;
	margin-right: 8px;
}

#header.page-scrolled {
	background-color: #fff;
	box-shadow: -21.213px 21.213px 30px 0 rgba(158, 158, 158, .3);
}

#login-container span {
	margin-right: .5em;
}

#login-form,
#register-form,
#password-form1 {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image:
		linear-gradient(to right, rgba(246, 57, 141, 0.9) 0%, rgba(255, 0, 59, 0.9) 100%), url(../img/salon%206.jpeg);
}

#login-form .modal-close-container,
#register-form .modal-close-container,
#password-form1 .modal-close-container {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
}

#login-form .modal-close-container button,
#register-form .modal-close-container button,
#password-form1 .modal-close-container button {
	position: relative;
	padding: 1em;
}

#login-form .modal-close-container span,
#register-form .modal-close-container span,
#password-form1 .modal-close-container span {
	font-size: 2em;
	color: #fff;
}

#login-form .modal-content,
#register-form .modal-content,
#password-form1 .modal-content {
	background: transparent !important;
	border: 0;
	color: rgb(255, 255, 255, .8);
}

#login-form .modal-title,
#register-form .modal-title,
#password-form1 .modal-title {
	font-size: 2em !important;
	font-weight: 500;
	padding: 1em 0 0 0;
	color: #fff;
}

#login-form .modal-content input,
#register-form .modal-content input,
#password-form1 .modal-content input {
	background: transparent;
	color: #fff;
	border-radius: 0;
	border: 0;
	border-bottom: 2px solid #fff;
}

#login-form .form-control,
#register-form .form-control,
#password-form1 .form-control,
#agree-label {
	margin-bottom: 2em;
}

#login-form .form-control::placeholder,
#register-form .form-control::placeholder,
#password-form1 .form-control::placeholder {
	color: #fff;
	opacity: .6;
}

#login-form a,
#register-form a,
#password-form1 a {
	font-size: 1rem !important;
	color: #fff !important;
	font-weight: bold;
}

.modal-text {
	font-size: 0.875rem !important;
}

.navbar-toggler {
	display: none;
}

.modal-backdrop {
	z-index: 100;
}

#vendor-menu-btn {
	color: #fff;
}

.pageScrolled {
	background-color: #fff;
	box-shadow: -21.213px 21.213px 30px 0 rgba(158, 158, 158, .3);
	color: #000;
}

.header.pageScrolled a {
	color: #252526 !important;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1rem;
	font-weight: 100;
	margin-right: 8px;
}

.header.pageScrolled a:hover {
	color: #fff !important;
}

@media (max-width: 768px) {
	#login-container {
		display: none;
	}

	.navbar-toggler {
		display: flex;
		color: #fff;
	}
}

.navbar-dark {
	color: #fff;
}

.navbar-light {
	color: #000;
}

#vendor-register-footer p {
	padding: 0;
	margin: 0;
}

#logo h3 {
	margin-left: 10px;
	color: #fff;
	font-weight: 700;
}

#nav-mob {
	background: #fff;
	color: #3d3d3d;
}

#nav-mob a {
	color: #3d3d3d !important;
}

#nav-mob .navbar-nav {
	padding: 30px 20px 30px 30px;
}

#nav-mob span {
	margin-right: 20px;
	color: #3d3d3d;
}


.list-header-top {
	font-size: 12px;
	padding: 10px 0px;
	background: #252526;
}

.list-header-top a {
	color: #e6e7e8 !important;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	padding: 0 20px;
}

.list-header-top a {
	margin-right: 8px;
}

.list-header-top span {
	margin-right: 10px;
}

#list-header {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 997;
	color: #e6e7e8;
}

#list-header a {
	font-family: 'Josefin Sans', sans-serif;
	color: #e6e7e8;
	font-weight: 100;
}

#list-header a:hover {
	color: #fff;
}

#list-header.page-scrolled .list-header-top {
	background-color: #252526;
}

@media (max-width: 991px) {
	#list-header .list-header-top {
		display: none;
	}
}

#list-logo {
	padding-left: 15px;
}

#list-logo a {
	font-size: 2.5rem;
}

#list-logo h3 {
	margin-left: 10px;
	color: #fff;
	font-weight: 700;
}

#list-nav-menu-container {
	padding-right: 15px;
}

.biz-header-top {
	font-size: 12px;
	padding: 10px 0px;
	background: #252526;
}

.biz-header-top a {
	color: #e6e7e8 !important;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	padding: 0 20px;
}

.biz-header-top a {
	margin-right: 8px;
}

.biz-header-top span {
	margin-right: 10px;
}

#biz-header {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 997;
	color: #e6e7e8;
}

#biz-header a {
	font-family: 'Josefin Sans', sans-serif;
	color: #e6e7e8;
	font-weight: 100;
}

#biz-header a:hover {
	color: #fff;
}

#biz-header.page-scrolled .biz-header-top {
	background-color: #252526;
}

@media (max-width: 991px) {
	#biz-header .biz-header-top {
		display: none;
	}
}

#biz-logo {
	padding-left: 15px;
}

#biz-logo a {
	font-size: 2.5rem;
}

#biz-logo h3 {
	margin-left: 10px;
	color: #fff;
	font-weight: 700;
}

#biz-nav-menu-container {
	padding-right: 15px;
}

.navbar-light .navbar-nav .nav-link {
	color: #e6e7e8;
	border-bottom: 2px solid transparent;
}

.navbar-light .navbar-nav .nav-link:hover {
	color: #fff;
	border-bottom: 2px solid #f41068;
}

/*-------- Banner Area------------*/

.index-banner-area {
	position: relative;
	padding-top: 1.2em;
	padding-bottom: 8em;
	height: auto;
}

@media (max-width: 991px) {}

#index-banner {
	margin-top: -57px;
	background: url(../img/salon%206.jpeg) center;
	background-size: cover;
}

#index-banner .form-check-label {
	color: #f6f5f5;
}

@media (max-width: 413px) {
	#index-banner {
		padding: 0;
	}
}

.index-banner-area .overlay-bg {
	background: linear-gradient(to right, rgba(246, 57, 141, 0.8) 0%, rgba(255, 0, 59, 0.8) 100%);
}

.index-banner-content h1 {
	margin: 120px 0 10px 0;
	font-size: 3em;
	color: #fff;
	font-weight: 600;
}

.index-banner-content h4 {
	color: #fff;
	font-weight: 200;
	font-size: 1.4em;
}

.search-form-div {
	display: flex;
	justify-content: center;
	flex-flow: row;
}

@media (max-width: 575.98px) {
	.search-form-div {
		display: flex;
		justify-content: center;
		flex-flow: row;
	}

}

.search-form-div span {
	color: #3d3d3d;
	border: 0;
}

#search-form input {
	border-width: 0px;
}

#search-form-search {
	border-radius: 2rem 0 0 2rem !important;
	border-width: 0px;
	background: #fff;
}

#search-form-submit {
	color: #fff !important;
	background: #ff9d00;
	border-radius: 0 2rem 2rem 0 !important;
	padding: 0 1.2em;
	border-width: 0px;
	box-shadow: 2.828px 2.828px 15px 0 rgba(0, 0, 0, .1);
}

#search-form-submit:hover {
	color: #fff !important;
	background: #ffb43b;
}

.search-form-div input {
	border: 0px;
	background: #fff;
}

.result-container {
	position: absolute;
	width: 100%;
	background: #fff;
	-webkit-box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	z-index: 2;
}

.result {
	position: relative;
	z-index: 2;
}

.result ul li {
	padding: .5em 1em;
}

.result ul li:hover {
	background: #eee;
}

.result ul li a {
	padding: .5em;
}

.result ul li a .service {
	font-weight: 300;
	font-size: .8em;
	margin-right: 10px;
}

.result ul li a .salon {
	color: #000;
	font-weight: 500;
	font-size: .8em;
}

#index-banner .main-menu {
	margin-top: 4em;
	margin-bottom: -6em;
}

#index-banner a {
	font-family: 'Poppins', sans-serif;
	color: rgb(255, 255, 255, .8);
	font-weight: 400;
	font-size: 1.2em;
}

#index-banner a:hover {
	color: #fff;
}

.linkovi-item {
	font-size: .9em !important;
	padding-right: 2em;
}

@media (max-width: 576px) {
	.index-banner-content h1 {
		font-size: 2.5em;
	}

	.index-banner-content h4 {
		font-size: 1.2em;
	}
}

@media (max-width: 767px) {
	.index-banner-content {
		margin-top: 0px;
		margin-bottom: 0em;
	}
}

.salon-banner-area {
	position: relative;
	padding-top: 8em;
	padding-bottom: 7em;
	height: auto;
}

@media (max-width: 991px) {}

#salon-banner {
	background: url(../img/images/salon/salon17.jpg) center;
	background-size: cover;
	padding: 6em 0 7em 0;
	margin-top: -57px;
}

@media (max-width: 413px) {
	#salon-banner {
		padding: 3em 0;
	}
}

.salon-banner-area .overlay-bg {
	background: linear-gradient(to right, rgba(246, 57, 141, 0.8) 0%, rgba(255, 0, 59, 0.8) 100%);
}

.salon-banner-content h1 {
	margin: 10px 0;
	font-size: 3em;
	color: #fff;
	font-weight: 600;
}

.salon-banner-content h4 {
	color: #f41068;
}

.salon-banner-content h6 {
	color: #e6e7e8 !important;
	font-weight: 500;
	font-size: 18px;
}

.salon-banner-content a {
	color: #e6e7e8;
	font-weight: 300;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 0px;
}

@media (max-width: 413px) {
	.salon-banner-content h1 {
		font-size: 2em;
	}

	.salon-banner-content h6 {
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	.salon-banner-content {
		margin-top: 0px;
		margin-bottom: 20px;
	}
}

.biz-banner-area {
	position: relative;
	padding-top: 6em;
	padding-bottom: 6em;
	height: auto;
}

@media (max-width: 991px) {}

#biz-banner {
	background: url(../img/biz-header.jpg) center;
	background-size: cover;
	margin-top: -57px;
}

@media (max-width: 413px) {
	#biz-banner {
		width: 100vw;
		height: 100vh;
	}
}

.biz-banner-area .overlay-bg {
	background: rgb(37, 37, 38, .8);
}

.biz-banner-content h1 {
	margin: 60px 0 30px 0;
	color: #fff;
}

.biz-banner-content p {
	font-size: 1.2em;
	font-weight: 300;
	margin-top: 1em;
	margin-bottom: 0;
	text-align: justify;
	color: rgb(255, 255, 255, .8);
}

@media (max-width: 576px) {
	.biz-banner-content {
		text-align: center;
	}

	.biz-banner-content h1 {
		font-size: 1.8em;
	}

	.biz-banner-content p {
		font-size: 1em;
		text-align: center;
	}
}

@media (max-width: 767px) {
	.biz-banner-content {
		margin-top: 0px;
		margin-bottom: 20px;
	}
}

.mobitel-wrapper {
	position: relative;
	margin-bottom: -6em;
}

.mobitel {
	background-image: url(../img/video-thumb.png);
	background-size: 52% 47%;
	background-repeat: no-repeat;
	background-position: 25% 30%;
}

#main-saloni-list {}

.uvjeti-banner-area {
	position: relative;
	padding-top: 5em;
	padding-bottom: 6em;
	height: auto;
}

@media (max-width: 991px) {}

#uvjeti-banner {
	background: url(../img/salon%206.jpeg) center;
	background-size: cover;
	margin-top: -57px;
}

@media (max-width: 576px) {
	#uvjeti-banner {
		padding: 2em 0;
	}
}

.uvjeti-banner-area .overlay-bg {
	background: linear-gradient(to right, rgba(246, 57, 141, 0.8) 0%, rgba(255, 0, 59, 0.8) 100%);
}

.uvjeti-banner-content h1 {
	margin: 1.5em 0 1em 0;
	color: #fff;
}

@media (max-width: 576px) {
	.uvjeti-banner-content h1 {}
}

@media (max-width: 767px) {
	.uvjeti-banner-content {
		margin-top: 1em;
		margin-bottom: 1.5em;
	}
}

/*-------- End Banner Area ------------


/*-------- Main Content Area ------------*/

.content-box {
	background-color: #fff;
	margin: .1em !important;
	-webkit-box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
}

.content-box:hover {
	-webkit-box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	transition: all .5s ease;
}


.index-salon-text {
	margin: 1em 0 0 0;
	min-height: 3em;
	max-height: 3em;

}

.index-salon-text p {
	margin: 0;
}

.index-salon-rates {
	background: #fff;
	margin-bottom: 10px;
	display: flex;
}

.index-salon-stars {
	margin-right: 10px;
}

.content-box h4 {
	font-weight: 500;
}

.content-box-pic {
	color: #fff;
	background-color: #eee;
	-webkit-box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
}

.content-box-pic:hover {
	-webkit-box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	transition: all .5s ease;
}

.content-box-pic h5 {
	margin: 10px;
	font-weight: bolder;
}

.content-box-pic p {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 100
}

.content-box-list {
	background-color: #fff;
	margin: 5px !important;
	-webkit-box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
	padding: 15px;
}

.content-box-list:hover {
	-webkit-box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	transition: all .5s ease;
}

.saloni-list-adresa {
	padding-top: .5em;
}

.content-box-list h3 {
	font-weight: bold;
}

@media(max-width: 992px) {

	.content-box-list h3 {
		padding-top: .5em;
	}
}

.content-box-list p {
	margin: 0px;
}

.content-box-list small {}

.saloni-list-stats {
	margin: .5em 0;
	display: flex;
}

.saloni-list-comm span,
.saloni-list-heart span {
	margin-right: 5px;
}

.saloni-list-ratings,
.saloni-list-comm {
	margin-right: .8em;
}

.biz-title-container {
	background: #fff;
	padding: 20px 20px 0 20px;
}

#salon-container {
	background: #fff;
	padding-bottom: 20px;
}

.salon-container {
	background: #fff;
	padding: 20px;
	-webkit-box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
}

.salon-container:hover {
	-webkit-box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	transition: all .5s ease;
}

/*
.section-heading {
	padding-bottom: 50px;
}

.section-heading h1 {
	text-align: center;
	font-weight: 500;
	text-transform: uppercase;
}

.section-heading h3 {
	text-align: center;
	color: #847252;
}
*/

.section-title {
	margin-bottom: 0;
	margin-top: 0;
	font-weight: 600;
	text-transform: uppercase;
}


.section-title::after {
  content: "";
  display: block;
  border-bottom: 3px solid #f41068;
  width: 40px;
  position: relative;
  bottom: -6px;
}


.badge {
	display: inline-block;
	padding: .5rem;
	font-weight: 300;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
}

.badge-danger {
	background: #f41068;
	color: #fff;
}

.fa-star {
	color: rgb(227, 227, 227) !important;
}

.checked {
	color: #ffd800 !important;
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
	background-color: transparent;
}

/*-------------- FOOTER -----------*/

.footer {
	background: #222;
}

.footer-top {
	padding: 20px 0px 0px 0px;
}

.footer-div h4 {
	color: #e6e7e8;
	margin: 10px 0px;
}

.footer-div p {
	margin: 10px 0px;
	font-size: .8rem;
	color: rgb(230, 231, 232, .5);
}

.footer-div a {
	font-weight: 500;
	margin: 10px 0px;
	font-size: .8rem;
	color: #f6398d;
}

.footer-bottom {
	padding: 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #333;
}

@media screen and (max-width: 992px) {
	.footer-bottom {
		display: block;
	}
}

.footer-bottom .nav a {
	font-size: .7rem;
	color: #e6e7e8;
}

#copyright {
	vertical-align: middle;
}

#copyright p {
	color: rgb(230, 231, 232, .5);
	margin: 0;
	padding: .5rem;
	text-align: center;
}

/*-------- SALONS SIDEBAR --------*/

.fa-li {
	left: -2em;
	position: absolute;
	text-align: center;
	width: 0;
	line-height: inherit;
}

#radno-vrijeme-fr .dan {
	min-width: 40px;
	padding: 0 2.5px;
}

#radno-vrijeme-fr .vrijeme {
	padding: 0 2.5px;
}

#sidebar-social {
	margin-top: -40px;
}

ul.social-network {
	list-style: none;
	display: inline;
	margin-left: 0 !important;
	padding: 0;
}

ul.social-network li {
	display: inline;
	margin: 0 5px;
}

.social-network a.icoFacebook:hover {
	background-color: #3B5998;
}

.social-network a.icoInstagram:hover {
	background-color: #E1306C;
}

.social-network a.icoGoogle:hover {
	background-color: #dd4b39;
}

.social-network a.icoYoutube:hover {
	background-color: #ff39a0ca0;
}

.social-network a.icoLinkedin:hover {
	background-color: #0073b1;
}

.social-network a.icoPinterest:hover {
	background-color: #cb2027;
}

.social-network a.icoWebsite:hover {
	background-color: #252526;
}

.social-network a.icoRss:hover i,
.social-network a.icoFacebook:hover i,
.social-network a.icoInstagram:hover i,
.social-network a.icoGoogle:hover i,
.social-network a.icoYoutube:hover i,
.social-network a.icoLinkedin:hover i,
.social-network a.icoPinterest:hover i,
.social-network a.icoWebsite:hover i {
	color: #fff;
}

a.socialIcon:hover,
.socialHoverClass {
	color: #44BCDD;
}

.social-circle li a {
	display: inline-block;
	position: relative;
	margin: 0 auto 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	width: 50px;
	height: 50px;
	font-size: 20px;
	background: #fff;
}

.social-circle li i {
	margin: 0;
	line-height: 50px;
	text-align: center;
	color: #252526;
}

.social-circle li a:hover i,
.triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

.social-circle i {
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

/*-------------- BOTUNI ZA MOBITEL -----------*/

.bottom-btns {
	display: none;
}

.bottom-btn {
	position: relative;
	width: 100%;
	padding: .5em 0;
	background-color: #222;
	border: none;
	border-radius: 0;
}

.bottom-btn:hover,
.bottom-btn:focus,
.bottom-btn:active {
	color: #fff;
}

.bottom-btn p {
	margin-bottom: 0;
	padding: 0;
	font-size: .6em;
	color: rgba(255, 255, 255, 0.7);
}

.bottom-btn i {
	font-size: 1.2rem;
	margin: 0px;
	padding: 0px;
	color: rgba(255, 255, 255, 0.7);
}

.bottom-book {}

.bottom-call {}

.bottom-mail {}

.bottom-whatsapp {}

.bottom-book:hover {}

.bottom-call:hover {}

.bottom-mail:hover {}

.bottom-whatsapp:hover {}

@media (max-width: 767px) {
	.bottom-btns {
		display: inline-flex;
		position: fixed;
		z-index: 2;
		left: 0;
		right: 0;
		bottom: 0;
	}
}

body.modal-open {
	width: 100% !important;
	padding-right: 0 !important;
	overflow-y: scroll !important;
}

/*-------------- HOME -----------*/

#search-form {
	padding: 2em 0;
}

#search-form .form-control {
	background-color: #fff;
	border-radius: 0px;
	padding: 10px;
}

#search-form .input-group-text {
	background-color: #fff;
	border-radius: 0rem;
}

/* glavni container za sadrzaj */
.content-container {
	padding: 30px;
	background: #fff;
	-webkit-box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
}

@media (max-width: 576px) {
	.content-container {
		padding: 30px 15px;
	}
}

/* carousel on index page */

.owl-container {
	position: relative;
}

.owl-container .owl-theme .custom-nav {
	position: absolute;
	top: 32%;
	left: 0;
	right: 0;
}

.owl-container .owl-theme .custom-nav .owl-prev,
.owl-container .owl-theme .custom-nav .owl-next {
	position: absolute;
	height: 50px;
	width: 50px;
	color: inherit;
	background: #f6f5f5;
	border: none;
	border-radius: 50%;
	z-index: 2;
	cursor: pointer;
	-webkit-box-shadow: -1px 11px 14px -7px rgba(0, 0, 0, 0.68);
	-moz-box-shadow: -1px 11px 14px -7px rgba(0, 0, 0, 0.68);
	box-shadow: -1px 11px 14px -7px rgba(0, 0, 0, 0.68);
}

.owl-container .owl-theme .custom-nav .owl-prev:hover,
.owl-container .owl-theme .custom-nav .owl-next:hover {
	background: #fff;
}

.owl-container .owl-theme .custom-nav .owl-prev i,
.owl-container .owl-theme .custom-nav .owl-next i {
	font-size: 2.5rem;
	color: #252526;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-text-stroke: 3px #f6f5f5;
}

.owl-container .owl-theme .custom-nav .owl-prev i:hover,
.owl-container .owl-theme .custom-nav .owl-next i:hover {
	-webkit-text-stroke: 3px #fff;
}

.owl-container .owl-theme .custom-nav .owl-prev {
	left: -18px;
}

.owl-container .owl-theme .custom-nav .owl-next {
	right: -18px;
}

.owl-stage {
	padding-bottom: 7px;
}

.fa-3x {
	color: #f41068;
	padding-bottom: 20px;
}

.index-list-nav {
	margin-bottom: 15px;
}

#saloni-list-tabs,
#salon-tabs {
	border-bottom: 3px solid transparent;
}

#saloni-list .nav-link,
#salon .nav-link {
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	color: #868686;
	border: 1px solid #e6e7e8;
	background: transparent;
	font-weight: 400;
	border-radius: 0px;
	padding: 0.5rem 1.7rem;
	margin-right: .2rem;
}

#saloni-list .nav-link:hover,
#salon .nav-link:hover {
	background-image: -webkit-linear-gradient(45deg, #f6463d 0%, #f6398d 45%, #f52cdc 100%);
	color: #fff;
}

#saloni-list .nav-item .active,
#salon .nav-item .active {
	background-image: -webkit-linear-gradient(45deg, #f6463d 0%, #f6398d 45%, #f52cdc 100%);
	color: #fff;
}

#saloni-list .nav-item .active:hover,
#salon .nav-item .active:hover {
	background-image: -webkit-linear-gradient(45deg, #f6463d 0%, #f6398d 45%, #f52cdc 100%);
	color: #fff;
}

.pagination {
	margin-top: 40px;
}

.page-item {}

.page-link {
	position: relative;
	display: block;
	padding: .5rem .8rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #252526;
	background-color: transparent;
	border: 1px solid #e6e7e8;
}

.page-link:hover {
	color: #fff !important;
	background: #39a0ca;
	border-color: none;
}

.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background: #39a0ca;
	border-color: transparent;
}

.page-item.active .page-link:hover {
	z-index: 1;
	color: #fff;
	background: #39a0ca;
	border-color: none;
}

.page-item .page-link:hover {
	color: #fff;
	background: #39a0ca;
	border-color: none;
}

/* prize contest */

#prize-contest h1 {
	background: -webkit-linear-gradient(45deg, #f6398d 0%, #ff003b 100%);
	background: linear-gradient(45deg, #f6398d 0%, #ff003b 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* sponsors */

#sponsors {
	background: #fff;
}

/*-------------- STRANICA SALONI-LIST -----------*/

#search-bar {
	margin-top: -55px;
	padding-top: 55px;
	background: linear-gradient(to right, #f6398d 0%, #ff003b 100%);
}

#main-content-area {
	padding: 20px 0px;
}

.saloni-list-heading {
	padding: 15px 19px;
}

@media (max-width: 576px) {

	.saloni-list-heading{
		box-sizing: border-box;
		text-align: center;
	}
}

.saloni-list-sort {
	margin-left: auto;
}

#saloni-list-sort-label {
	background: transparent;
	border: none;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #39a0ca;
	border-color: #cccccc;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	background-color: #39a0ca;
	border-color: #cccccc;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.custom-control-label {
	font-weight: 400;
}

/*-------------- STRANICA SALON -----------*/

.main-content-area-salon {
	margin-top: calc(-1*48px);
}

.table > tbody > tr:first-child > th {
	border: none;
	font-weight: 900;
}

.btn-more-services {
	padding: 20px 0px;
}

#sidebar {
	margin-top: calc(-1*48px);
}

label {
	font-weight: bold;
}

.form-check label {
	font-weight: 300;
}


/*-------------- BIZ-INDEX STRANICA -----------*/

#prednosti,
#featured-prednosti {}

#prednosti .box,
#featured-prednosti .box {
	margin-bottom: 30px;
}

.title-color {
	font-weight: 500;
	background: -webkit-linear-gradient(45deg, #f6398d 0%, #ff003b 100%);
	background: linear-gradient(45deg, #f6398d 0%, #ff003b 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.cijena-container {
	box-shadow: -1px 11px 14px -7px rgba(0, 0, 0, 0.15);
	transition: all .3s ease-in-out;
	cursor: pointer;
	padding: 10px;
	margin-bottom: 10px;
}

.cijena-container:hover {
	-webkit-box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	transform: translate3d(0px, -1px, 0px);

}

@media (max-width: 576px) {
	.cijena-container {
		box-shadow: -1px 11px 14px -7px rgba(0, 0, 0, 0.15);
		transition: all .3s ease-in-out;
		cursor: pointer;
		padding: 10px;
		margin-right: -10px;
		margin-left: -15px;
		margin-bottom: 15px;
	}
}

.cijena-title {
	text-align: center;
	padding: 10px 0;
}

.cijena-start {
	background: #79d8ff;
}

.cijena-standard {
	background: #12b8fc;
}

.cijena-premium {
	background: #0094d1;
}

.cijena-title h3 {
	color: #fff;
	font-weight: 600;
}

.cijena-body {
	background: #fff;
	padding: 20px 10px;
}

.cijena-body h3 {
	text-align: center;
	font-weight: 600;
	margin: 20px 0 20px 0;
}

.cijena-body p {
	padding: 0px 15px;
	font-weight: 500;
	line-height: 1.8;
}

/* VENDOR ADMIN PANEL */

#rezervacije-tab .nav-link.active {
	color: #000;
	background-color: transparent;
	font-weight: bold;
}

.rezervacije-div {
	padding: 15px !important;
	border: none;
	border-bottom: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px;
	transition: all .3s ease-in-out;
	cursor: pointer;
}

.rezervacije-div:hover {
	background-color: #fff;
	-webkit-box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 14px 25px -18px rgba(0, 0, 0, 0.5);
	transform: translate3d(0px, -1px, 0px);
}

.rezervacije-div small,
.rezervacije-div p {
	margin: 0;
	padding: 0;
}

.rezervacije-right {
	margin-left: auto;
	display: flex;
	flex-wrap: nowrap;
	text-align: right;
}

.rezervacije-info {
	margin-right: 1rem;
}

.rezervacije-info p {
	font-weight: bold;
}

.rezervacije-btns {
	align-self: center;
}

.rezervacije-left div {
	font-size: .78em;
	padding: -5px 0;
	margin: -5px 0;
}

.rezervacije-color {
	color: #f41068;
	font-weight: bold;
}

.rezervacije-color:active {
	color: #000 !important;
}

.rezervacije-bold {
	font-weight: bold;
}

.termini-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 3em;
	margin: 0;
	flex-direction: row !important;
	padding: 10px 0;
}

.termini-title h5 {
	font-weight: bold;
	color: #000;
}

.biz-content-heading {
	background: #eee;
}

#bookModalNapomena {
	font-size: .9em;
}

#raspored-tab .nav-link.active {
	color: #000;
	background-color: transparent;
	font-weight: bold;
}

#raspored-tbl th {
	background: #eee;
}

#raspored-tbl td {
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.custom-select {
	background: transparent;
	background-image: none;
	padding: 5px;
	width: 100% !important;
	height: auto !important;
	border-radius: 0;
	border: 1px solid #eee;
	text-align: center;
	text-align-last: center;
	-moz-text-align-last: center;
	font-weight: bold;
}

.customOption {
	text-align: center;
	text-align-last: center;
	-moz-text-align-last: center;
	font-weight: bold;
}

.schedHighlight {
	background: rgba(255, 226, 0, 0.2);
}

#raspored-tbl td select {
	width: 100%;
}

@media (max-width: 576px) {

	.rezervacije-div {
		padding: 10px 0 !important;
		border: none;
		border-bottom: 1px solid #e6e7e8;
	}

	.rezervacije-div:hover {
		box-shadow: none;
		transform: none;
	}
}

.biz-section-title {
	text-align: center;
	margin: 30px 15px 0 0;
}

.biz-section-title h3 {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.biz-section-title p {}


#usluge {}

#usluge .box {
	margin-bottom: 30px;
}

#usluge .icon {
	float: left;
}

#usluge .icon i {
	color: #f41068;
	font-size: 2.2em;
	line-height: 1;
	transition: 0.5s;
}

#usluge .title {
	margin-left: 60px;
	margin-top: 6px;
	margin-bottom: 15px;
}

#usluge .description {
	margin-left: 60px;
	margin-bottom: 0;
	font-size: 12px;
}

/* Header Parallax Element Style*/
.paral {
	min-height: 10em;
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 50%;
}

/* Image for Parallax Section */
.paralsec {
	background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("../img/split.webp");
}

/* Remove Bottom Margin from Jumbotron */
.jumbotron {
	margin-bottom: 0;
}

.counter {
	padding: 1.5em 0;
	border-radius: 5px;
}

.fa-2x {
	color: #f41068;
}

.count-title {
	color: #e6e7e8;
	font-size: 2.5em;
	font-weight: 400;
	margin-top: .5em;
	margin-bottom: .5em;
	text-align: center;
}

.count-text {
	color: #e6e7e8;
	font-size: 1.2em;
	font-weight: 200;
	text-transform: uppercase;
	text-align: center;
}

/*COOKIES*/
.cookiealert {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0 !important;
	padding: 10px 0;
	z-index: 9999;
	opacity: 0;
	border-radius: 0;
	background: rgb(255, 255, 255, .95);
	transform: translateY(100%);
	transition: all 500ms ease-out;
	color: #252526;
}

.cookiealert.show {
	opacity: 1;
	transform: translateY(0%);
	transition-delay: 800ms;
}

.cookiealert a {
	text-decoration: none;
}

.cookiealert .acceptcookies {
	margin-left: 10px;
	vertical-align: baseline;
}


/*-------------- POMOĆNE STRANICE -----------*/

.kontakt-title {
	margin-bottom: 10px;
	font-weight: 500;
}

.kontakt-text {}

.kontakt-a {
	color: #39a0ca;
}

.kontakt-a:hover {
	color: #50ccff;
}

.owl-theme .owl-controls .owl-page {
	display: inline-block;
}

.owl-theme .owl-controls .owl-page span {
	background: none repeat scroll 0 0 #869791;
	border-radius: 20px;
	display: block;
	height: 12px;
	margin: 5px 7px;
	opacity: 0.5;
	width: 12px;
}


/*-------------- VENDOR ADMIN STRANICA -----------*/


.biz-admin-main {
	background: #e6e7e8;
}

.nav-profil h4 {
	color: #fff;
	font-weight: 500;
}

.nav-profil p {
	color: #e6e7e8;
	font-weight: lighter;
	font-size: 12px;
}

.vertical-nav {
	min-width: 20rem;
	width: 20rem;
	height: 100vh;
	position: fixed;
	padding-top: 100px;
	padding-left: 20px;
	top: 0;
	left: 0;
	bottom: 0;
	transition: all 0.4s;
	background: #252526;
	overflow-y: auto;
}

.vertical-nav .nav {
	margin-top: 40px;
}

.vertical-nav li {
	padding: 5px 10px;
	margin-left: -20px;
}

.vertical-nav li:hover {
	background: #38383a;
}

.vertical-nav i {
	color: #f41068;
}

.vertical-nav a {
	color: #e6e7e8;
	font-family: 'Josefin Sans', sans-serif;
}

.list-group-level1 .nav-link {
	padding-left: 30px;
	font-size: 13px;
}

.page-content {
	width: calc(100% - 20rem);
	margin-left: 20rem;
	transition: all 0.4s;
}

/* for toggle behavior */

#sidebar.active {
	margin-left: -20rem;
}



@media (max-width: 991px) {
	#sidebar.active {
		margin-left: 0;
	}

	#content {
		width: 100%;
		margin: 0;
	}

	#content.active {
		margin-left: 20rem;
		width: calc(100% - 20rem);
	}
}

.biz-admin-footer {
	background: #fff;
}

.biz-admin-footer p {
	margin: 20px 0px;
	text-align: center;
}

.biz-admin-content-box {
	color: #252526;
	background-color: #f6f5f5;
	margin: 5px !important;
	-webkit-box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 8px 25px -18px rgba(0, 0, 0, 0.5);
	padding: 15px;
}

/* novi stilovi */

.biz-panel-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1rem 0;
	flex-direction: row !important;
}

.biz-panel-title h3 {
	font-weight: bold;
}

.overview-box {
	margin: 5px;
}
}

.overview-box {}

#ob-1 {
	background-image: -moz-linear-gradient(90deg, #f41068 0%, #9a004c 100%);
	background-image: -webkit-linear-gradient(90deg, #f41068 0%, #9a004c 100%);
	background-image: -ms-linear-gradient(90deg, #f41068 0%, #9a004c 100%);
}

#ob-2 {
	background-image: -moz-linear-gradient(90deg, #00ddff 0%, #005269 100%);
	background-image: -webkit-linear-gradient(90deg, #00ddff 0%, #005269 100%);
	background-image: -ms-linear-gradient(90deg, #00ddff 0%, #005269 100%);
}

#ob-3 {
	background-image: -moz-linear-gradient(90deg, #00ffb1 0%, #008b29 100%);
	background-image: -webkit-linear-gradient(90deg, #00ffb1 0%, #008b29 100%);
	background-image: -ms-linear-gradient(90deg, #00ffb1 0%, #008b29 100%);
}

#ob-4 {
	background-image: -moz-linear-gradient(90deg, #f6398d 0%, #9a005d 100%);
	background-image: -webkit-linear-gradient(90deg, #f6398d 0%, #9a005d 100%);
	background-image: -ms-linear-gradient(90deg, #f6398d 0%, #9a005d 100%);
}

.overview-title-box {
	display: flex;
	align-items: center;
	padding: 2em .5em;
}

.overview-title-box .icon {
	margin-right: 1rem;
}

.overview-title-box .icon i {
	font-size: 4rem;
	color: rgb(255, 255, 255, .5);
}

.overview-title-box .text h1 {
	font-weight: 600;
	color: #fff;
}

.overview-title-box .text p {
	margin: 0;
	padding: 0;
	color: rgb(255, 255, 255, .7);
	;
}


/* random styleovi */

thead {}

td,
th {
	vertical-align: middle !important;
}

table .akcija {
	padding: 10px 8px 8px 8px;
	margin-left: 10px;
}

.serv-feat {
	background: transparent;
	color: green;
	margin-right: 10px;
}

table .adm-akcija {
	padding: 10px 8px 8px 8px;
	margin-left: 10px;
}

.adm-serv-feat {
	background: transparent;
	color: green;
	margin-left: 10px;
}

.table-datum {
	font-weight: bold;
}

.table-data-feature {
	display: flex;
	justify-content: flex-end;
}

.table-data-feature .item {
	display: block;
	height: 30px;
	width: 30px;
	position: relative;
	border-radius: 100%;
	margin-right: 5px;
	background: #f41068;
}

.table-data-feature .item i {
	font-size: 16px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.table p,
.table small {
	margin: 0;
}

.table p {
	font-weight: bold;
}

.td-flex {
	display: flex;
	align-items: center;
}

.td-2 {
	flex: 2;
	flex-grow: 3;
	align-items: center;
}

.td-1 {
	flex: 1;
	display: flex;
	align-items: center;
}

table .text-left {
	width: 400px;
}

table .text-left-list {
	width: 300px;
}

table .td-left {
  width: 350px;	
}

@media (max-width: 1200px) {

	table .text-left {
		width: 300px;
	}

	table .text-left-list {
		width: 250px;
	}
	
	table .td-left {
  width: 250px;	
}
	
}

@media (max-width: 992px) {

	table .text-left {
		width: 400px;
	}

	table .text-left-list {
		width: 250px;
	}
	
	table .td-left {
  width: 450px;	
}
	
}

@media (max-width: 768px) {

	.td-1 {
		flex-flow: column;
	}

	table .text-left {
		width: 250px;
	}

	table .text-left-list {
		width: 350px;
	}
	
	table .td-left {
  width: 300px;	
}
	
}

@media (max-width: 576px) {

	#main-content,
	#sidebar,
	#main-saloni-list,
	#main-content .col-12 {
		padding: 0px;
		margin: 0px;
	}

	table .text-left {
		width: 45vw;
	}

	table .text-left-list {
		width: 65vw;
	}
}





.main-top {
	padding-top: 55px;
}

.side-content-heading {
	padding: 0px 0px 15px 0px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	font-weight: bold;
}


/* KOMENTARI ZA SALON.PHP */
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
	border: none;
}

#ratings-bars {}

#ratings-bars td {
	margin: 0px;
	padding: 0px;
}

.ratings-rating {
	width: 30%;
	text-align: right;
}

@media (min-width: 576px) {
	.ratings-rating {
		width: 20%;
	}
}

@media (min-width: 768px) {
	.ratings-rating {
		width: 10%;
	}
}

@media (min-width: 992px) {
	.ratings-rating {
		width: 15%;
	}
}

@media (min-width: 1200px) {
	.ratings-rating {
		width: 10%;
	}
}

.ratings-rating span {
	margin: 0 10px 0 5px;
}

.ratings-bar {
	width: 50%;
}

.ratings-count {
	width: 10%;
}

.progress {
	height: 5px;
	margin: 3px 0;
}

.progress-bar {
	background: #252526;
}

.komentar-div {
	border-bottom: 1px solid #e6e7e8;
}

.komentar-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px !important;
}

.komentar-header-right {
	margin-left: auto;
}

.komentar-btns {
	text-align: right;
}

.ratings-stars-row {
	padding: 0;
	margin: 0;
}

.zvijezdice-title {
	font-weight: 200;
	margin-right: 1rem;
}

.ratings-ocjena {
	font-weight: 400;
	margin-left: 1rem;
}

.ratings-left-rating h1 {
	font-weight: 700;
	color: #f41068;
}

.ratings-left-ukupno h3 {
	font-weight: 500;
}

/* user logged in panel */

.user-panel-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1rem 0;
	flex-direction: row !important;
}

@media (max-width: 576px) {
	.user-panel-title {
		flex-direction: column !important;
	}
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9998;
	display: none;
	float: right;
	min-width: 12rem;
	padding: 15px 0px;
	margin: 10px 0 0 0;
	font-size: 1em;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: none;
	border-radius: .25rem;
}

.dropdown-item {
	padding: 10px 25px;
	color: #252526 !important;
}

.dropdown-item:hover {
	background-image: -webkit-linear-gradient(90deg, #f6398d 0%, #ff003b 100%);
	background-image: -ms-linear-gradient(90deg, #f6398d 0%, #ff003b 100%);
	color: #fff !important;
}

.dropdown-item:active {
	background-image: -webkit-linear-gradient(90deg, #f6398d 0%, #ff003b 100%);
	background-image: -ms-linear-gradient(90deg, #f6398d 0%, #ff003b 100%);
	color: #fff !important;
}

.dropdown-item span {
	padding: 0px 30px 0px 10px;
}

/* User logged in page */


/* stilovi za user logged in postavke profila */

.form-group {
	align-items: center;
}

.table-odabrane-usluge {
	width: 100%;
}

.dodaj-uslugu {
	width: 100%;
}

#book-modal-footer {
	flex-direction: column;
}

.termin-container {
	padding: .5rem 0;
}

.termin-wrapper {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}

.termin {
	display: inline-block;
}

.termin-container p {
	margin-bottom: .3rem;
	padding: 0;
}

.select-radnik-container {
	display: flex;
	margin-top: .9rem;
}

.select-radnik-container select {
	font-size: 1em;
	border: 1px solid #252526;
	margin-right: 1rem;
}

.select-radnik-container option {
	font-weight: normal;
	display: block;
	white-space: pre;
}


@media (min-width: 576px) {

	/* width */
	::-webkit-scrollbar {
		height: 8px;
	}

	/* Track */
	::-webkit-scrollbar-track {
		background: #e6e7e8;
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
		background: #9b9b9b;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: #555;
	}
}

/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */

.modal-content {}

.modal-header {
	border: 0;
}

.modal-title {
	font-size: 20px !important;
	color: #3d3d3d;
	font-weight: bold;
}

.modal-content #close {
	color: #3d3d3d;
}

.modal-content a {
	color: #39a0ca !important;
	font-weight: bold;
	border: none;
}

.modal-body .input-group-text {
	background: transparent;
}

#agree-label {
	font-size: 1em;
}

.prev {
	float: left;
	font-size: 1em;
	font-weight: 700;
	line-height: 1;
	color: #3d3d3d;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

.modal-header .prev {
	vertical-align: middle;
}

button.prev {
	padding: 0.35rem 0 0 0;
	background-color: transparent;
	border: 0;
	-webkit-appearance: none;
}

.prev:hover,
.prev:focus {
	color: #39a0ca;
	text-decoration: none;
	opacity: .75;
	cursor: pointer;
}

.datepicker {
	padding: 4px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	direction: ltr
}

#datepicker {
	width: inherit;
	height: inherit;
}

.datepicker-inline,
#datepicker .table-condensed {
	width: 100%;
}

.datepicker.datepicker-rtl {
	direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
	float: right
}

.datepicker-dropdown {
	top: 0;
	left: 0
}

.datepicker-dropdown:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #999;
	border-top: 0;
	border-bottom-color: rgba(0, 0, 0, .2);
	position: absolute
}

.datepicker-dropdown:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-top: 0;
	position: absolute
}

.datepicker-dropdown.datepicker-orient-left:before {
	left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
	left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
	right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
	right: 7px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
	top: -7px
}

.datepicker-dropdown.datepicker-orient-bottom:after {
	top: -6px
}

.datepicker-dropdown.datepicker-orient-top:before {
	bottom: -7px;
	border-bottom: 0;
	border-top: 7px solid #999
}

.datepicker-dropdown.datepicker-orient-top:after {
	bottom: -6px;
	border-bottom: 0;
	border-top: 6px solid #fff
}

.datepicker table {
	margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.datepicker td,
.datepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
	background-color: transparent
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
	background: #e6e7e8;
	cursor: pointer
}

.datepicker table tr td.new,
.datepicker table tr td.old {
	color: #999
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
	background: 0 0;
	color: #e6e7e8;
	cursor: default
}

.datepicker table tr td.highlighted {
	background: #d9edf7;
	border-radius: 0
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
	background-color: #fde19a;
	background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
	background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
	border-color: #fdf59a #fdf59a #fbed50;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #39a0ca
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today[disabled] {
	background-color: #fdf59a
}

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today:hover:active {
	background-color: #fbf069\9
}

.datepicker table tr td.today:hover:hover {
	color: #39a0ca
}

.datepicker table tr td.today.active:hover {
	color: #fff
}

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
	background: #eee;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover {
	background-color: #f3d17a;
	background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
	background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
	border-color: #f3e97a #f3e97a #edde34;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today[disabled] {
	background-color: #f3e97a
}

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover:active {
	background-color: #efe24b\9
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
	background-color: #9e9e9e;
	background-image: -moz-linear-gradient(to bottom, #b3b3b3, grey);
	background-image: -ms-linear-gradient(to bottom, #b3b3b3, grey);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey));
	background-image: -webkit-linear-gradient(to bottom, #b3b3b3, grey);
	background-image: -o-linear-gradient(to bottom, #b3b3b3, grey);
	background-image: linear-gradient(to bottom, #b3b3b3, grey);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
	border-color: grey grey #595959;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected[disabled] {
	background-color: grey
}

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected:hover:active {
	background-color: #666\9
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
	background-color: #252526;
	color: #fff;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
	background-color: #252526
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active {
	background-color: #252526
}

.datepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
}

.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
	background: #eee
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
	background: 0 0;
	color: #999;
	cursor: default
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
	background-color: #006dcc;
	background-image: -moz-linear-gradient(to bottom, #08c, #04c);
	background-image: -ms-linear-gradient(to bottom, #08c, #04c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
	background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
	background-image: -o-linear-gradient(to bottom, #08c, #04c);
	background-image: linear-gradient(to bottom, #08c, #04c);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
	border-color: #04c #04c #002a80;
	border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
	background-color: #04c
}

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
	background-color: #039\9
}

.datepicker table tr td span.new,
.datepicker table tr td span.old {
	color: #999
}

.datepicker .datepicker-switch {
	width: 145px
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
	background: #fff;
	color: #252526;
	cursor: pointer
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
	background: #e6e7e8;
}

.datepicker .cw {
	font-size: 10px;
	width: 12px;
	padding: 0 2px 0 5px;
	vertical-align: middle
}

.input-append.date .add-on,
.input-prepend.date .add-on {
	cursor: pointer
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
	margin-top: 3px
}

.input-daterange input {
	text-align: center
}

.input-daterange input:first-child {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 0
}

.input-daterange input:last-child {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0
}

.input-daterange .add-on {
	display: inline-block;
	width: auto;
	min-width: 16px;
	height: 20px;
	padding: 4px 5px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	vertical-align: middle;
	background-color: #eee;
	border: 1px solid #ccc;
	margin-left: -5px;
	margin-right: -5px
}

.datepicker.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 139a0ca;
	float: left;
	display: none;
	min-width: 160px;
	list-style: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	color: #333;
	font-size: 13px;
	line-height: 20px
}

.datepicker.datepicker-inline td,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
	padding: 4px 5px
}

/*# sourceMappingURL=bootstrap-datepicker.standalone.min.css.map */

#table-potvrdi-uslugu tr {
	border-bottom: 1px solid #e6e7e8;
}

#table-potvrdi-uslugu p {
	font-weight: 300;
	color: #3d3d3d;
}

#table-potvrdi-uslugu .potvrdi-uslugu-cijena {
	font-weight: 700;
	color: #3d3d3d;
}


/* galerija admin panel upload stilovi */

.files input {
	outline: 2px dashed #92b0b3;
	outline-offset: -10px;
	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
	padding: 120px 0px 85px 35%;
	text-align: center !important;
	margin: 0;
	width: 100% !important;
}

.files input:focus {
	outline: 2px dashed #92b0b3;
	outline-offset: -10px;
	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
	border: 1px solid #92b0b3;
}

.files {
	position: relative
}

.files:after {
	pointer-events: none;
	position: absolute;
	top: 60px;
	left: 0;
	width: 50px;
	right: 0;
	height: 56px;
	content: "";
	background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
	display: block;
	margin: 0 auto;
	background-size: 100%;
	background-repeat: no-repeat;
}

.color input {
	background-color: #f1f1f1;
}

.files:before {
	position: absolute;
	bottom: 10px;
	left: 0;
	pointer-events: none;
	width: 100%;
	right: 0;
	height: 57px;
	content: " ili prenesi ovdje. ";
	display: block;
	margin: 0 auto;
	color: #39a0ca;
	font-weight: 600;
	text-transform: capitalize;
	text-align: center;
}

/* tablica za admin panel */

.bizInfoTable tr:hover {
	cursor: pointer;
}

.bizInfoTable td,
.bizInfoTable th {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px transparent;
}

.bizInfoTable th {
	font-weight: bold;
	white-space: nowrap;
	width: 1%;
}

.bizInfoInput input,
.bizInfoInput select {
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: solid 1px #3d3d3d;
}

.bizInfoInput input:focus {
	border: 1px solid red;
}

.bizInfoInput span {
	display: inline-block;
	overflow-x: hidden;
	white-space: nowrap;
}

.bizInfoInput textarea {
	background: transparent;
	border: solid 1px #3d3d3d;
	margin-top: 3px;
	font-size: .9em;
}

.bizInfoInput textarea::placeholder {
	color: #d4d4d4;
	font-size: 1em;
}

.bizInfoCheck {
	display: flex;
	flex-flow: row;
	justify-content: space-around;
}

.lbl {
	width: 100%;
	display: flex;
	font-weight: 300;
}

.lbl input {
	width: unset;
	margin-top: 5px;
	margin-right: 6px;
	margin-left: 10px;
}

@media (max-width: 576px) {
	.bizInfoCheck {
		display: flex;
		flex-flow: column;
		justify-content: space-around;
		margin-top: 3px;
	}

	.lbl {
		width: 100%;
		display: flex;
		font-weight: 300;
		flex-flow: row;
	}

	.lbl input {
		width: unset;
		margin-top: 5px;
		margin-right: 6px;
		margin-left: 0px;
	}
}



.bizInfoLink {
	display: block;
	text-align: right;
}

@media (max-width: 575.98px) {
	.bizInfoTable tr {
		display: flex;
		flex-wrap: wrap;
		padding: .5rem;
	}

	.bizInfoTable td,
	.bizInfoTable th {
		margin: 0px;
		padding: 0px;
		flex: 0 1 100%;
	}

	.bizInfoLink {
		display: none;
	}
}

/* stilovi za admin panel */

#raspored select.form-control {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #3d3d3d;
	text-align-last: center;
}

#radno-vrijeme input {
	width: 100%;
	border: none;
	text-align: center;
}

@media (max-width: 576px) {
	#raspored select.form-control {
		padding: 0px 5px;
		text-align: center !important;
	}
}

.smjene h4,
.smjene p {
	margin: 0;
}

.smjene p {
	font-size: 0.8em
}

.jutro {
	border: 1px solid #e6e7e8;
}

.schedEmpl {
	border: 1px solid #e6e7e8 !important;
}

.smjena-abb {
	background: #eee;
	padding: .8em 1em;
	color: #000;
	font-size: 1.5em;
	font-weight: 700;
	text-transform: uppercase;
}

.popodne {
	border: 1px solid #e6e7e8;
}

#usluga {
	background: #fff;
}

#dodajUslugu {
	align-self: center;
}