html {
	font-size: .9rem;
	scroll-behavior: smooth;
}

body {
	/*
    color: #484848;*/

	color: #455a64;
	font-family: "Geomanist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 400;
	letter-spacing: .5px;
	line-height: 1.4;
	background: #eeeeef;
}

h1,
h2,
h3,
h4,
h5,
h6,
.btn,
#leftnav {
	font-family: 'Comfortaa', cursive;

}

h1,
h2,
h3,
h4,
h5,
h6,
#leftnav {
	line-height: 1.4;
}

strong,
th {
	font-weight: 500 !important
}

.fa-spin {
	animation: fa-spin 2s infinite linear
}

@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

.theme-bg-color {
	background: #007bff;
}

.theme-text-color {
	color: #007bff;
}

.theme-border-color {
	border-color: #007bff !important;
}

#leftnav {
	min-height: 700px;
	height: 100%;
}

#leftnav ul,
#leftnav li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#leftnav a {
	padding: .4rem 1rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: rgba(0, 0, 0, .7);
	text-decoration: none;
	transition: all ease-in-out 400ms;
	background: #FFF;
}

#leftnav a span.nav-icon {
	color: #007bff;
	width: 27px
}

#leftnav a:hover {
	padding-left: 1.4rem;
	background: #007bff;
	color: #FFF;
	border-left: 4px solid rgba(0, 0, 0, .5)
}

#leftnav a:hover span.nav-icon {
	color: inherit;
}

a.inherit {
	text-decoration: none;
	color: inherit;
}

.bg-image {
	background-position: center center;
	background-size: cover;
	min-height: 200px;
}

.bg-dark-cover {
	background: rgba(0, 0, 0, .7);
}

.btn-theme {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.btn-theme:hover,
.btn-theme:focus,
.btn-theme.focus,
.btn-theme:active,
.btn-theme.active,
.open>.btn-theme.dropdown-toggle,
.btn-theme:active:hover,
.btn-theme:active:focus,
.btn-theme:active.focus,
.btn-theme.active:hover,
.btn-theme.active:focus,
.btn-theme.active.focus,
.open>.btn-theme.dropdown-toggle:hover,
.open>.btn-theme.dropdown-toggle:focus,
.open>.btn-theme.dropdown-toggle.focus {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.btn-theme.disabled:hover,
.btn-theme:disabled:hover {
	background-color: #007bff;
	border-color: #007bff;
}

.btn-outline-theme {
	color: #007bff;
	background-image: none;
	background-color: transparent;
	border-color: #007bff;
}

.btn-outline-theme:hover,
.btn-outline-theme:focus,
.btn-outline-theme.focus,
.btn-outline-theme:active,
.btn-outline-theme.active,
.open>.btn-outline-theme.dropdown-toggle,
.btn-outline-theme:active:hover,
.btn-outline-theme:active:focus,
.btn-outline-theme:active.focus,
.btn-outline-theme.active:hover,
.btn-outline-theme.active:focus,
.btn-outline-theme.active.focus,
.open>.btn-outline-theme.dropdown-toggle:hover,
.open>.btn-outline-theme.dropdown-toggle:focus,
.open>.btn-outline-theme.dropdown-toggle.focus {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.btn-outline-theme.disabled:focus,
.btn-outline-theme.disabled.focus,
.btn-outline-theme:disabled:focus,
.btn-outline-theme:disabled.focus {
	border-color: #007bff;
}

.btn-outline-theme.disabled:hover,
.btn-outline-theme:disabled:hover {
	border-color: #007bff;
}

.lazy[data-src] {
	position: relative;
}

.lazy[data-src]:before {
	position: absolute;
	left: 0;
	right: 0;
	content: "";
	display: block;
}

img.lazy[data-src],
.lazy[data-src]:before {
	color: transparent;
	display: block;
	width: 100%;
	min-height: 170px;
	background: url(../img/loader.svg) !important;

	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: 32px !important;

}

.opacity1 {
	opacity: .1;
}

.opacity2 {
	opacity: .2;
}

.opacity3 {
	opacity: .3;
}

.opacity4 {
	opacity: .4;
}

.opacity5 {
	opacity: .5;
}

.opacity6 {
	opacity: .6;
}

.opacity7 {
	opacity: .7;
}

.opacity8 {
	opacity: .8;
}

.opacity9 {
	opacity: .9;
}

.view-container label {
	font-weight: 500;
	display: block;
	margin-bottom: 8px;
}

[data-ajax-url] .dropmenu {
	position: relative;
}

.dropmenu {
	width: 20px;
	height: 20px;
	z-index: 20;
}

.dropmenu:hover {
	z-index: 500;
}

.dropmenu .dropmenu-container {
	position: absolute;
}

.dropmenu .dropmenu-container .dropmenu-clicker {
	padding: 4px 10px;
	width: inherit;
	display: block;
	text-align: center;
	cursor: pointer;
	line-height: 1;
	opacity: .9;
}

.dropmenu .dropmenu-container .dropmenu-list {
	position: absolute;
	display: none;
	background: #FFF;
	z-index: 100;
	padding: 10px 0;
	right: 0;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.dropmenu :hover .dropmenu-clicker {
	background: #FFF;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	opacity: 1;
}

.dropmenu :hover .dropmenu-list {
	display: block;
}

.dropmenu-list a,
.dropmenu-list button {
	width: 100%;
	white-space: pre;
	color: inherit;
	display: block;
	padding: 4px 10px;
	cursor: pointer;
	border: 0;
	background: none;
	text-decoration: none;
}

.dropmenu-list a:hover,
.dropmenu-list button:hover {
	background: rgba(0, 0, 0, 0.1);

}

.select2-container {
	display: block !important;
	;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	width: 100% !important;
}

.select2-container.select2-container--default.select2-container--open {
	z-index: 99999;
}

.select2-container--default .select2-selection--single {
	border-color: #ced4da !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: inherit !important;
}

@media (min-width:1100px) {
	.fancyboxw1000 {
		min-width: 1000px;
	}
}

.fancybox-content .container {
	padding: 0;

}

#innerdata .pagebox {
	padding: 1.25rem;
	margin: 1rem 0;
	background: #FFF;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}



.fc-container .fancybox-bg {
	background: #eee;
}

.fancybox-is-open.fc-container .fancybox-bg {
	opacity: 0.9;
}

.fc-content {
	margin: 20px;
	max-width: 550px;
	padding: 50px;
	box-shadow: 10px 10px 60px -25px;
	border-radius: 4px;

}

/* Custom animation */
.fancybox-fx-material.fancybox-slide--previous,
.fancybox-fx-material.fancybox-slide--next {
	transform: translateY(-60px) scale(1.1);
	opacity: 0;
}

.fancybox-fx-material.fancybox-slide--current {
	opacity: 1;
	transform: translateY(0) scale(1);
}