html {
	background-color: #363d47;
}

body {
  	position: relative;
  	min-height: 100%;
	background-color: #FAFAFA;
	font-family: Lato;
	padding-top: 110px;

}

a:hover {
	text-decoration: none;
}

.img-logo {
	width: 9rem;
	height: 4rem;
	mask: url(../../images/cc-logo.svg) no-repeat center;
	mask-size: 9rem 5rem;
	background-color: #000000;
}

@media only screen and (max-width: 992px) {
	.img-logo {
		width: 9rem !important;
		width: 20vh;
	}
}

.navbar-toggler {
	border: 0 !important;
}

.navbar-toggler:focus {
	box-shadow: none !important;
}

.navbar a.nav-link {
	font-family: 'Lato';
	font-size: 17px;
	font-weight: bold;
	color: #000000;
}

.navbar a.nav-link.active {
	color: #3d77e1;
}

.navbar li {
	margin-left: 5px;
	margin-right: 5px;
}

/* Jquery validator style */
label.error {
	color: red;
	font-size: 1rem;
	display: block;
	margin-top: 5px;
}

input.error {
	border: 1px dashed red;
	font-weight: 300;
	color: red;
}

.navbar.nav-scrolled {
	 background-color: #ffffff;
	 border-bottom: 1px solid #e1e1e1;
	 transition: background-color 0.5s;
}

.navbar:not(.nav-scrolled) {
	background-color: transparent;
	border-bottom: 1px solid transparent;
	transition: background-color 0.5s;
}

.footer {
	background-color: #363d47;
	color: #ffffff;
}

.content {
	width: 100%;
	padding: 35px 0 70px 0;
	background-color: #f8f9fa;
}

.crossing {
 	position: absolute;
	width: 100%;
	height: 3rem;
	margin-top: calc(-3rem + 1px);
}

@media only screen and (max-width: 991px) {
	.navbar-collapse.collapsing,
	.navbar-collapse.show {
		background-color: #ffffff;
		border-bottom: 1px solid #e1e1e1;
		left: 0;
		position: absolute;
		right: 0;
		padding: 290px 30px 30px;
		z-index: -1;
	}

	.navbar-collapse.collapsing {
		opacity: 0;
		transition: all .1s ease-in-out;
	}

	.navbar-collapse.show {
		opacity: 1;
		transition: all .1s ease-in-out;
	}
}

.picture-v {
	height: 60vh;
}

.picture-h {
	width: 100%;
}

#klaro .klaro .cookie-modal a,
#klaro .klaro .context-notice a,
#klaro .klaro .cookie-notice a{
	color: #0d6efd;
}

#klaro .klaro .cookie-notice .cm-btn.cm-btn-success{
	background-color: #0d6efd;
}

#klaro .klaro .cookie-modal .cm-btn,
#klaro .klaro .context-notice .cm-btn,
#klaro .klaro .cookie-notice .cm-btn{
	background-color: #0d6efd;
}

#klaro .klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider,
#klaro .klaro .context-notice .cm-list-input.required:checked+.cm-list-label .slider,
#klaro .klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider{
	background-color: #0d6efd;
}