* {
	font-family: 'Open Sans', sans-serif;
}

a {
	cursor: pointer;
}

a:hover {
	color: rgba(56,79,120);
	text-decoration: underline;
}

#p-moto {
	display: inline-block;
}

.color-yellow {
	color: #ffed00;
}


.bg-teget {
	background-color: rgba(56,79,120);
}

.color-teget {
	color: rgba(56,79,120);
}

/*.bg-light-blue {
	background-color: rgba(217,236,255);
}*/

.bg-yellow {
	background-color: #ffed00;
}

.bg-light-grey {
	background-color: #eeeeee;
}

.bg-grey-light {
	background-color: #f5f5f5;
}

.bg-red {
	background-color: rgba(212,47,41,1);
}

.bg-blue {
	background-color:rgba(64,103,177,1);
}

.bg-dark-grey {
	background-color:rgba(34,34,34,1);
}

.bg-dark-grey-lighter {
	background-color:rgba(34,34,34,0.9);
}

.color-black {
	color: #000!important;
}

.color-blue {
	color: #0294bd;
}

.color-white {
	color: #fff;
}

.font-20 {
	font-size: 20px;
}

.font-18 {
	font-size: 18px;
}

.bg-white {
	background-color: #fff!important!;
}

.footer-logo {
	width: 150px;
}


#myVideo {
/*  	position: fixed;
  	top: 0;
*/  	width: 100%;
}


.logo-width-200 {
	width:200px;
}

.mt-10 {
	margin-top: 70%;
}

.font-weight-medium {
	font-weight: 600;
}

.cursor-pointer {
	cursor: pointer;
}

.switch-headline-holder > h5:hover {
	text-decoration: underline;
}

.bg-clocks-banner {
	background-image: url('image/Clocks-banner.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

footer {
	background-color: #232323;
}

.img-objects {
	width: 80%;
}

.back-to-top {
	width: 40px; 
	height: 40px; 
	border-radius: 50%; 
	background-color: grey; 
	position: fixed;bottom: 30px; 
	right: 30px; 
	text-align: center;
}

.back-to-top i.fa-2x {
	font-size: 1.8rem!important;
	margin-top: 6px;
}

@media (max-width: 576px ) {
	.img-objects {
		width: 40%;
	}

	.img-objects-home {
		width: 60%;
	}

	.back-to-top {
		display: none;
	}

	h1 {
		font-size: 1.6rem!important;
	}

	h4 {
		font-size: 1.2rem!important;
	}

	h5 {
		font-size: 1rem!important;
	}

	p, #clock-list li {
		font-size: 0.8rem!important;
	}
}



@media (max-width: 767px) {

	.navbar-brand img, .electra-logo-nav {
		width: 150px;
	}

	.back-to-top {
		display: none;
	}
	
	h1 {
		font-size: 2rem;
	}

	h2 {
		font-size: 1.8rem;
	}

	h3 {
		font-size: 1.5rem;
	}

	h6 {
		font-size: 0.8rem;
	}

/*	.w-100 {
		height: 300px!important;
	}*/

	#menu-sm-hide {
		display: none;
	}

	.navbar-brand p {
		display: none!important;
	}

	.img-profile-clock {
		width: 35%;
	}

	.clock-selection {
		width: 242px;
		margin: auto;
	}

	.bg-clocking {
		background-image: url('image/Bodet-software.jpg'); 
		background-size: ; 
		background-repeat: no-repeat; 
		height: 40vh;

	}

	#clocking-logo {
		width: 300px;
	}

	.headline-clocking {
		margin-top: 90px;
		color: white!important;
	}

	.btn-clocking:hover {
		text-decoration: underline;
	}

	.bg-timebox {
		background-image: url('image/Bodet-software.jpg'); 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center; 
		height: 400px;
	}

	.bg-timebox-terminals {
		background-image: url('image/kontrola-radnog-vremena/timebox-terminals.png'); 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center; 
		height: 600px;
	}


	.headline-timebox {
		margin-top: 20px; 
		color: rgba(0,0,0,0.7); 
		font-size: 3rem;
	}

	.timebox-video {
		width: 300px;
		height: 168px;
	}

	.bg-kelio {
		background-image: url('image/kontrola-radnog-vremena-cover.jpg'); 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center; 
		height: 400px;
	}

	.clock-selection {
		width: 242px;
		margin:auto;
	}
	.youtube-video {
		width: 350px;
		height: 196.88px;
	}

	.bd-example {
		display: none;
	}

	.mob-cover-home {
		width: 100%;
	}

	.sector-icon {
		width: 75px;
	}

	.proc-lab {
		width: 60%;
		margin: auto;
	}

	.navbar-light .navbar-toggler-icon {
	    background-image: url(data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
	}

	.certificate-img {
		height: 80px;
	}

	.footer-logo {
		width: 106px;
	}

	.navbar-light .navbar-toggler {
		border: none!important;
	}

	.haffmans-logo, .sudmo-logo, .maseli-logo {
		width: 200px;
	}
}

@media (min-width: 768px) {
	#menu-lg-hide {
		display: none;
	}

	.cover-mob {
		display: none;
	}

	.sector-icon {
		width: 100px;
	}

	.certificate-img {
		height: 100px;
	}

	.width-100 {
		width: 100%;
	}

	.height-400 {
		height: 400px;
	}
}

@media (min-width: 992px) {
	.menu-font {
		font-size: 20px;
		font-weight: 600;
	}

	.youtube-video {
		width: 980px;
		height: 551.25px;
	}

	.maseli-logo {
		width: 300px;
	}


}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-brand img, .electra-logo-nav {
		width: 150px;
	}

	p, #clock-list li {
		font-size: 0.8rem!important;
	}

	.nav-item a {
		font-size: 0.8rem;
		font-weight: 700;
	}

	.img-profile-clock {
		width: 90%;
	}

	.clock-selection {
		width: 180px;
		margin:auto;
	}

	.bg-clocking {
		background-image: url('image/Bodet-software.jpg'); 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center; 
		height: 68vh;
	}

	.headline-clocking {
		margin-top: 250px;
	}

	.btn-clocking:hover {
		text-decoration: underline;
	}

	.bg-timebox {
		background-image: url('image/Bodet-software.jpg'); 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center; 
		height: 400px;
	}

	.bg-timebox-terminals {
		background-image: url('image/kontrola-radnog-vremena/timebox-terminals.png'); 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center; 
		height: 600px;
	}


	.headline-timebox {
		margin-top: 20px; 
		color: rgba(0,0,0,0.7); 
		font-size: 3rem;
	}

	.timebox-video {
		width: 560px;
		height: 315px;
	}

	.bg-kelio {
		background-image: url('image/kontrola-radnog-vremena-cover.jpg'); 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center; 
		height: 400px;
	}

	.clock-selection {
		width: 242px;
		margin:auto;
	}

	.youtube-video {
		width: 500px;
		height: 281.25px;
	}


}

@media (min-width: 992px) and (max-width: 1199px ) {
	.img-objects, .img-objects-home {
		width: 320px;
		margin: auto;
	}

	.img-profile-clock {
		width: 105px;
		margin: auto;
	}

	.nav-item a {
		font-size: 1rem;
	}

	.bg-clocking {
		background-image: url('image/Bodet-software.jpg'); 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center; 
		height: 68vh;
	}

	.headline-clocking {
		margin-top: 250px;
	}

	.btn-clocking:hover {
		text-decoration: underline;
	}

	.bg-timebox {
		background-image: url('image/Bodet-software.jpg'); 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center; 
		height: 400px;
	}

	.bg-timebox-terminals {
		background-image: url('image/kontrola-radnog-vremena/timebox-terminals.png'); 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center; 
		height: 600px;
	}


	.headline-timebox {
		margin-top: 20px; 
		color: rgba(0,0,0,0.7); 
		font-size: 3rem;
	}

	.timebox-video {
		width: 560px;
		height: 315px;
	}

	.bg-kelio {
		background-image: url('image/kontrola-radnog-vremena-cover.jpg'); 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center; 
		height: 400px;
	}

	.clock-selection {
		width: 242px;
		margin:auto;
	}



}

@media (min-width: 1200px) {
	.img-objects {
		width: 350px;
		margin: auto;
	}

	.img-objects-home {
		width: 350px;
		margin: auto;
	}

	.img-profile-clock {
		width: 100%;
		margin: auto;
	}

	.bg-clocking {
		background-image: url('image/Bodet-software.jpg'); 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center; 
		height: 68vh;
	}

	.headline-clocking {
		margin-top: 250px;
	}

	.btn-clocking:hover {
		text-decoration: underline;
	}

	.bg-timebox {
		background-image: url('image/Bodet-software.jpg'); 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center; 
		height: 400px;
	}

	.bg-timebox-terminals {
		background-image: url('image/kontrola-radnog-vremena/timebox-terminals.png'); 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center; 
		height: 600px;
	}


	.headline-timebox {
		margin-top: 20px; 
		color: rgba(0,0,0,0.7); 
		font-size: 3rem;
	}

	.timebox-video {
		width: 560px;
		height: 315px;
	}

	.bg-kelio {
		background-image: url('image/kontrola-radnog-vremena-cover.jpg'); 
		background-size: cover; 
		background-repeat: no-repeat; 
		background-position: center; 
		height: 400px;
	}

	.clock-selection {
		width: 242px;
		margin:auto;
	}

	
}