@charset "utf-8";
/* CSS Document */


.navigacija_zastave {
	margin-top: 30px;
}

.navigacija_zastave a:hover {
	background-color: transparent;
	animation: none;
}

.container-stranica {
	width: 100%;
	height: 500px;
	margin-top: -100px;
	background-image:url("../images/onama-fit-table.jpg");
	background-size: cover;
}

.container-proizvodi {
	width: 100%;
	height: 500px;
	margin-top: -100px;
	background-image:url("../images/proizvodi-fit-table.jpg");
	background-size: cover;
}

.container-kontakt {
	width: 100%;
	height: 500px;
	margin-top: -100px;
	background-image:url("../images/kontakt-fit-table.jpg");
	background-size: cover;
}

.container {
	width: 100%;
	height: auto;
	background-color: black;
	display: flex;
	justify-content: center;
}

.onama {
	width: 60%;
	height: auto;
	padding-top: 5%;
	padding-bottom: 5%;
	color: white !important;
	text-align: justify;
	font-family: 'Roboto', sans-serif;
}

.onama p {
	font-size: 0.8vw;
	line-height: 1.2vw;
	color: #fff !important;
}

.onama h1 {
	font-size: 1.6vw;
	text-transform: uppercase;
	line-height: 1.2vw;
	color: #fff !important;
	margin-bottom: 2%;
}

.onama h2 {
	font-size: 1.0vw;	
	line-height: 1.5vw;
	color: #fff !important;
	font-weight: 600;
	margin-bottom: 2%;
}

.onama li {
	font-size: 0.8vw;
	line-height: 1.2vw;
	color: #fff !important;
	margin-left: 2%;
}

.onama_video_siri {
	width: 60%;
	height: auto;	
	display: flex;
	justify-content: center;	
}

.onama_video {
	width: 48%;
	height: auto;
	margin: 1%;
}

.onama_video_razmak {
	width: 100%;
	height: auto;	
	display: flex;
	padding-bottom: 5%;	
	background-color: black;
}

.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slika {	
	width: 100%;
	height: auto;	
}

.sika-pola {
	width: 48%;
	height: auto;
	margin: 1%;	
}

.proizvodi-img {
	width: 35%;
	height: auto;
	padding: 0 2% 0 2%;	
	
}

.galerija {
	width: 60%;
	height: auto;
	padding-top: 5%;
	padding-bottom: 2%;
	display: flex;
	justify-content: center;
}


.hardware-flex {
	display: flex;
	align-content: space-between;
	margin-top: 50px !important;	
	margin: 0 auto;
	width: 60%;
	justify-content: center;		
}

.hardware-manji {
	width: 48%;
	height: auto;	
	margin-right: 1%;
	margin-left: 1%;	
}

.kontakt-flex {
	display: flex;
	align-content: space-between;	
	width: 60%;
	justify-content: center;
	padding-top: 5%;
	padding-bottom: 5%;
	align-items: center;
}

.kontakt-manji {
	width: 48%;
	height: auto;	
	margin-right: 1%;
	margin-left: 1%;	
}


.kontakt-flex h2 {
	font-size: 1.0vw;
	line-height: 1.2vw;
	color: #fff !important;	
	text-align: justify;
	font-family: 'Roboto', sans-serif;
}

.kontakt-flex h1 {
	font-size: 1.6vw;
	text-transform: capitalize;
	line-height: 1.2vw;
	color: #fff !important;
	margin-bottom: 2%;
}

.kontakt-flex a {
	font-size: 1.0vw;
	line-height: 1.2vw;
	color: #fff !important;	
	text-align: justify;
	font-family: 'Roboto', sans-serif;
	text-decoration: underline;
}

.kontakt-flex a:hover {	
	color: #1a9ca6 !important;	
}

.footer-fittable {	
	display: flex;
	align-content: space-between;
	margin-top: 50px !important;	
	margin: 0 auto;
	width: 100%;
	justify-content: center;
	background-color: black;
	border-top: 1px solid #666666;
	padding: 2% 0 2% 0;
	}


.footer-manji {
	width: 15%;
	height: auto;	
	margin-right: 1%;
	margin-left: 1%;	
}

.footer-manji h3 {
	color: white;
}

.footer-manji p {
	color: white;
}

.footer-manji a {
	color: white;
}

.drustvene-mreze {
	width:100%;
	height: auto;
	display: flex;
	align-content: space-between;	
	justify-content: flex-start;
}

.drustvene-mreze-fb {
	width:40px;
	height: 40px;
}

.drustvene-mreze-fb a {
        color: #fff;
        border: none;
		padding: 6px 12px;
		border-radius: 5px;
        display: inline-block;
        text-decoration: none;
        font: bold 18px sans-serif;
        background: transparent;
        -webkit-transition: background 2s; /* For Safari 3.0 to 6.0 */
        transition: background 2s; /* For modern browsers */
    }
.drustvene-mreze-fb a:hover {
        background: #4267B2;
    }

.drustvene-mreze-in {
	width:40px;
	height: 40px;
}

.drustvene-mreze-in a {
        color: #fff;
        border: none;
		padding: 6px 10px;
		border-radius: 5px;
        display: inline-block;
        text-decoration: none;
        font: bold 18px sans-serif;
        background: transparent;
        -webkit-transition: background 2s; /* For Safari 3.0 to 6.0 */
        transition: background 2s; /* For modern browsers */
    }
.drustvene-mreze-in a:hover {
        background: #C13584;
    }

.drustvene-mreze-yt {
	width:40px;
	height: 40px;
}

.drustvene-mreze-yt a {
        color: #fff;
        border: none;
		padding: 6px 10px;
		border-radius: 5px;
        display: inline-block;
        text-decoration: none;
        font: bold 18px sans-serif;
        background: transparent;
        -webkit-transition: background 2s; /* For Safari 3.0 to 6.0 */
        transition: background 2s; /* For modern browsers */
    }
.drustvene-mreze-yt a:hover {
        background: #FF0000;
    }

@media screen and (max-width:768px) {
	
.footer-fittable {	
	flex-direction: column;
	}
	
.footer-manji {
	width: 85%;
	height: auto;	
	margin-right: 1%;
	margin-left: 1%;
	padding-bottom: 2%;
}

.footer-manji h3 {
	color: white;
	text-align: center;
}

.footer-manji p {
	color: white;
	text-align: center;
}

.footer-manji a {
	color: white;
	text-align: center;
}
	
.drustvene-mreze {
	justify-content: center;
}
	
.onama {
	width: 90%;		
}

.onama p {
	font-size: 5vw;
	line-height: 6vw;
	color: #fff !important;
}

.onama h1 {
	font-size: 6vw;
	text-transform: uppercase;
	line-height: 6vw;
	color: #fff !important;
	margin-bottom: 2%;
}

.onama h2 {
	font-size: 5.0vw;	
	line-height: 5.0vw;
	color: #fff !important;
	font-weight: 600;
	margin-bottom: 2%;
}

.onama li {
	font-size: 5vw;
	line-height: 6vw;
	
}

.onama_video_siri {
	width: 90%;
	flex-direction: column;	
}

.onama_video {
	width: 100%;	
}

.onama_video_razmak {
	width: 100%;
	height: auto;	
	display: flex;
	padding-bottom: 5%;	
	background-color: black;
}	

.container-stranica {
	margin-top: 0;
	background-image:url("../images/onama-fit-table-1.jpg");	
}
	
.hardware-flex {
	width: 90%;
	flex-direction: column;		
}

.hardware-manji {
	width: 100%;
	margin-bottom: 5%;
}
	
.kontakt-flex {
	width: 90%;
	flex-direction: column;		
}

.kontakt-manji {
	width: 100%;
	margin-bottom: 5%;
	text-align: center;
}


.kontakt-flex h2 {
	font-size: 5.0vw;
	line-height: 5.0vw;
	text-align: center;

}

.kontakt-flex h1 {
	font-size: 6vw;	
	line-height: 6vw;
	text-align: center;
}

.kontakt-flex a {
	font-size: 5.0vw;
	line-height: 5.0vw;
	text-align: center;
}

.container-kontakt {
	margin-top: 0px;
	background-image:url("../images/kontakt-fit-table-1.jpg");
	
}

.container-proizvodi {
	margin-top: 0px;
	background-image:url("../images/proizvodi-fit-table-1.jpg");
	background-size: cover;
}

}