html {
  	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
color:#FFFFFF;
 }

body {
	margin: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
	color: #FFFFFF;
	background-color: rgba(103,61,77,1.00);
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
	
}

textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #7ABEFB;
  text-decoration: none;
}
a:hover,
a:focus {
  color: white;

  text-decoration:none;
}

/* Base style for images inside the container */
.container img {
    transition: transform 0.1s ease, border 0.1s ease; /* Smooth transitions for both resizing and border */
    border: 2px solid transparent; /* Set initial border as transparent */
}

.img50-50 {
  width: 50%; /* Ensures each image takes 50% of the width */
  height: 350px; /* Keeps height consistent */
   display: block;
  float:left; /* Aligns images in a row */
  box-sizing: border-box; /* Prevents layout issues */
 padding: 10px;
}
.img33 {
  width: 33%; /* Ensures each image takes 50% of the width */
  height: 500px; /* Keeps height consistent */
   display: block;
  float: left; /* Aligns images in a row */
  box-sizing: border-box; /* Prevents layout issues */
 padding: 10px;
}


@media (max-width: 1024px) {
  .img50-50 {
    width: 90%; /* Makes each image full width */
	align-content: center;
    float: none; /* Removes float to stack images */
  }
	
	.img33 {
  width: 90%; /* Ensures each image takes 50% of the width */
		height: 90%;
  align-content: center;
   display: block;
  float: none; /* Aligns images in a row */
}
}

@media (max-width: 768px) {
  .img50-50 {
    width: 90%; /* Makes each image full width */
	  height: 90%;
	align-content: center;
    float: none; /* Removes float to stack images */
  }
}
/*NOVO PROBA*/
/* General container styling */
.container1 {
  display: flex;
  flex-wrap: wrap; /* Enable wrapping */
  gap: 25px; /* Add space between items */
  justify-content: flex-start; /* Align items to the left */
}

/* Style for each item */
.container1 .item {
  flex: 0 1 calc(33.33% - 20px); /* Three columns */
  box-sizing: border-box; /* Include padding and borders in width */
  text-align: left; /* Align text to the left */

}

.container1 .item img {
  width: 100%; /* L'immagine occupa tutta la larghezza del contenitore */
  height: 300px; /* Altezza uniforme per tutte le immagini */
  object-fit: cover; /* Ritaglia l'immagine per adattarla al contenitore */
  object-position: center; /* Centra il ritaglio dell'immagine */
  display: block; /* Evita spazi indesiderati sotto l'immagine */
	margin-bottom: 10px; /* Add space below the image */
}
.container1 img:hover {
   /*  transform: scale(1.02); Resize the image to 110% of its original size */
    /* border: 2px solid white; /* Add white border on hover */
	 filter: brightness(1.1) contrast(1.1); /* Makes the image brighter and adds a slight grayscale */
}

/* Two columns for medium screens */
@media (max-width: 1024px) {
  .container1 .item {
    flex: 0 1 calc(50% - 20px); /* Two columns */
  }
}

/* One column for small screens */
@media (max-width: 768px) {
  .container1 .item {
    flex: 0 1 100%; /* One column */
  }
}

.item {
  position: relative;
  padding: 10px;
padding-top: 0px;
padding-bottom: 0px;
  border: 2px solid #ccc; /* Bordo sottile */
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 0 2px rgba(255, 255, 255, 0.5); /* Ombra 3D verso il bianco */
  border-radius: 2px; /* Angoli arrotondati per un effetto più morbido */
}

.item h4 {
  margin-top: 15px; /* Rimuove o riduce lo spazio sopra l'h4 */
}
/*KRAJ NOVO PROBA*/

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.container { /* glavniot div sodrzina*/
	
  padding-right: 75px;
  padding-left: 75px;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid { /* glavniot div meni*/
  background-color: #673D4D;
  position: fixed;
  top: 0px;
	  width: 100%;
	z-index:1000 ;
	height:70px;
  padding-right: 15px;
  padding-left: 15px;
	padding-top: 10px;
	  margin-right: auto;
  margin-left: auto;
}
table {
  background-color: transparent;
}
.collapse {
  display:none; /*none*/
	flex-wrap: wrap;
	z-index: 10000; /*dodadeno*/
	}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position:absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float:inherit;
  min-width: 60px;
  padding: 5px 0;
  margin: 2px 0px 0;
  font-size: 14px;
  text-align: right;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0px;
  }
	}
.nav {
	margin-right: 25px;
  padding-left: 0px;
  margin-bottom: 0px;
  /*list-style: none;*/
}
.nav > li {
  position: relative;
  display: block;
	
	
}
.nav > li > a {
	position: relative;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav > li > a > img {
  max-width: none;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 10px;
  border: 0px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
	  height: 50px;
	  width: 280px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  background-image: url(../images/logo.PNG);
	  background-repeat: no-repeat;
 background-size: 280px, 50px;
    float: left;
  }
}
.navbar-collapse {
	  padding-right: 0px;
  padding-left: 0px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 0px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
 }
.navbar-nav {
  margin: 7.5px 25px 7.5px 15px;
	
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .navbar-nav {
	      float: right; /*proveri*/
   /* margin: 0;*/
	  margin-right: 25px;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
	padding-top: 15px;
	padding-bottom: 15px;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media (min-width: 768px) {
    .navbar-right {
    float: right !important;
	    /*margin: 0px;*/
		margin-right: 25px;
  }
  .navbar-right ~ .navbar-right {
   
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #FFFFFF;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #FFFFFF;
  background-color: transparent;
}
.navbar-default .navbar-text {
	color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a {
  color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #B19797;
	background-color: transparent;
}
.nav.navbar-nav.navbar-right li .en {
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

/*moi stilovi*/

#navigationMenu .contact span{
	
	background-color: #E92124;
	color: #FFFFFF;
}


.body_index {
	
background-image: linear-gradient(to top, rgba(255,255,255,0) 1%,
              rgba(103,61,77,1.00)), url(../images/pozadina1200px.webp);   
}
.body_uslugi {
	
background-image: linear-gradient(to top, rgba(255,255,255,0) 1%,
              rgba(103,61,77,1.00)), url(../images/pozadina_uslugi1200px.webp);   
}

	.body_akustika {
	background-image: linear-gradient(to top, rgba(255,255,255,0) 1%,
              rgba(103,61,77,1.00)), url(../images/pozadina_akustika1200px.webp);   
}
	.body_vibracii {
	background-image: linear-gradient(to top, rgba(255,255,255,0) 1%,
              rgba(103,61,77,1.00)), url(../images/pozadina_vibracii1200px.webp);   
}
	.body_izolacija {
	background-image: linear-gradient(to top, rgba(255,255,255,0) 1%,
              rgba(103,61,77,1.00)), url(../images/pozadina_izolacija1200px.webp);   
}
	.body_bucava {
	background-image: linear-gradient(to top, rgba(255,255,255,0) 1%,
              rgba(103,61,77,1.00)), url(../images/pozadina_bucava1200px.webp);   
}

	.body_merenje {
	background-image: linear-gradient(to top, rgba(255,255,255,0) 1%,
              rgba(103,61,77,1.00)), url(../images/pozadina_merenje1200px.webp);   
}

.body_proekti {
	
background-image: linear-gradient(to top, rgba(255,255,255,0) 1%,
              rgba(103,61,77,1.00)), url(../images/pozadina_proekti1200px.webp);   
}

	.body_studija {
	background-image: linear-gradient(to top, rgba(255,255,255,0) 1%,
              rgba(103,61,77,1.00)), url(../images/pozadina_studija1200px.webp);   
}
.body_istrazuvanje {
	
background-image: linear-gradient(to top, rgba(255,255,255,0) 1%,
              rgba(103,61,77,1.00)), url(../images/pozadina_istraz1200px.webp);   
}
.body_kontakt {
background-image: linear-gradient(to top, rgba(255,255,255,0) 1%,
              rgba(103,61,77,1.00)), url(../images/pozadina_kontakt1200px.webp);   
}





.footer {
/*	position: absolute;
  bottom: 0px;
	height: 150px;*/
		font-size: 14px;  
	background-color: #673D4D;
			 align-content:center;
	text-align: center;
	width: 100%;
	
}
.fitrcell
{
	 align-content: center;
	height: 50px;
 	background-image: url(../images/fitr.png);
	background-repeat: no-repeat;
	background-size: 200px 70px;
	background-position:center;
		}
.fb {
	background-color:rgba(37,50,192,1.00);
	padding: 0px; 
	margin: 0px; 
	border:1px; 
	border-style: solid; 
	border-color: rgba(255,255,255,1.00);
	font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
}
.poraka {
		
	cursor:pointer;
	text-decoration: none !important;
	font-weight: bold;
	width:200px;
	border-radius: 5px;
	background:#673D4D;
	margin:0px;
	padding:10px;
	font-size:16px;
}

.poraka:hover {
		color: rgba(103,61,77,1.00);
}
/*MOBILNO MENI*/
.mob_meni {
				display:none;
	width: 30%;
		}
.mob_meni:hover {
	cursor: pointer;
}
.menu {
    position:relative;
    display:inline-block;
    z-index:2; 
	padding:0;
    margin:0;
    outline:0;
    text-align:right;
	width: 100%;
}


/* style for the button */
.menu:before {
    content: "\2630 \a0 Menu"; 
	font-size: 16px;
    color:white;
    padding: 5px 5px;
    border: 1px solid #555;
    border-radius:2px;
    background: #96305e;
    background: -moz-linear-gradient(top,  #96305e 0%, #822956 10%, #822956 90%, #751749 100%);
    background: -webkit-linear-gradient(top,  #96305e 0%,#822956 10%,#822956 90%,#751749 100%);
    background: linear-gradient(to bottom,  #96305e 0%,#822956 10%,#822956 90%,#751749 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96305e', endColorstr='#751749',GradientType=0 );
}

.menu:focus { pointer-events:none; }

/* If :focus detected the dropdown menu is displayed by making it visible */
.menu:focus .menu-dropdown { opacity:1; visibility:visible; }

/* style for the dropdown box */
.menu-dropdown {
		top:50px;
   right: 0px;
    width:250px;
    margin:3px 0 0 0;
    padding: 10px;
    border-radius:1px;
    border:1px white solid;
        pointer-events: auto;
    position: absolute;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: visibility 1s;
    background: #7A5660;
   }

/* style the links in the dropdown */
.menu-dropdown a {
    background:transparent;
    border:none;
    outline:0;
    display:block;
    color:white;
	padding-bottom: 5px;
	font-size: 18px;
    text-decoration:none;
    }

.mk {
	background-image: url(../images/mk.svg);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position:center;
}
.en {
	background-image: url(../images/gb.svg);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position:center;
}

/*KONTAKT FORMA*/

.kontakt_form {
	max-width:400px;
	width:100%;
		position:inherit;
}

/*#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font-size:12px; }*/

#contact {

}


fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	border-radius: 5px;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contact textarea {
	height:100px;
	width:100%;
  resize:none;
}

#contact button[type="submit"] {
	cursor:pointer;
	min-width: 100%;
	width:105%;
	border-radius: 5px;
	background:#673D4D;
	color:#FFF;
	margin:0px;
	padding:10px;
	font-size:16px;
}

#contact button[type="submit"]:hover {
	background:#673D4D;
		-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}

@media (max-width:1366px) {  /* za ekran do 1366*/
	h3 {font-size: 1.2em;}
	.container-fluid {
		vertical-align:middle;
		font-size: 0.7em;  
					}
	.container-fluid .navbar-header {
	  height: 30px;
	  width: 230px;
  padding: 15px;
vertical-align:middle;
  background-image: url(../images/logo.PNG);
		background-repeat: no-repeat;
 background-size: 250px, 30px;
    float: left;
	}
	.container {
	font-size: 0.8em;	
	}
ul.dropdown-menu  {
  position:absolute;
  top: 100%;
  left: 0px;
	  z-index: 1000;
  display: none;
  float:inherit;
  width: auto;
  padding: 0px;
  margin: 0px;
  font-size: 10px;
  text-align: right;
 }
}
@media  (max-width:1053px) {	
ul.nav.navbar-nav.navbar-right {   
		margin-top: -30px;
	margin-right: 25px;
					}
}
@media  (min-width:768px) and (max-width:798px) {	
ul.nav.navbar-nav.navbar-right {   
		margin-top: -30px;
	margin-right: 15px;
	margin-left: 0px;
					}
}
@media (min-width:320px) and (max-width:767px) {	
	.mob_meni {
		margin: 10px;
				position:fixed;
		right: 5px;
		z-index: 1000000;
			display:block;
			}
	.kontakt_form {
	/*max-width:300px;*/
	width:90%;
		position:inherit;
		align-content: center;
		align-items: center;
}
.container {
	    padding-right: 15px;
  padding-left: 15px;
  }
	.container-fluid{
		height: 50px;
	}	
	.container-fluid .navbar-header {
	 	  width: 200px;
		background-size: 200px;
	}
ul {
	height: 19px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
			}
	}
/* moi do tuka */