#t4-header.t4-sticky {
background: rgba(255, 255, 255, 0.7) !important;
backdrop-filter: blur(15px) !important;
}

.t4-footnav .t4-section-inner {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.t4-footer .container {
padding-top: 20px !important;
padding-bottom: 10px !important;
}
.nav {
  --t4-nav-link-font-weight: 400;
}

.t4-navbar {
  margin-right: 0px !important;
  margin-left: auto !important;
}
.navbar .navbar-nav > li > a::before{
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #fff;
  transition: 0.5s transform ease;
  transform: scale3d(0,1,1);
  transform-origin: 0 50%;
}
.navbar .navbar-nav > li > a:hover::before{
  transform: scale3d(1,1,1);
}
.navbar-expand-lg .navbar-nav > li > a::before{
  transform-origin: 50% 50%;
  background: #963a31;
}
.navbar .navbar-nav > li > a{
  color: #323848 !important;
}
.navbar .navbar-nav > li > a:hover{
  color: #323848 !important;
}
.t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li.active > .nav-link{
  color: #963a31 !important;
}
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
padding: 45px 1rem 5px 1rem;
  }
.t4-section.sec-spacing-lg .t4-section-inner {
    padding-top: 0rem;
    padding-bottom: 1rem;
  }
.t4-header {
  border-bottom: 1px dashed #963a31;
  background-color: #fff;
  height: auto;
  }
.t4-section-1 {
  background-color: #fff;
  height: auto;
  padding-top: 20px;
  padding-bottom: 16px;
     background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABnSURBVHja7M5RDYAwDEXRDgmvEocnlrQS2SwUFST9uEfBGWs9c97nbGtDcquqiKhOImLs/UpuzVzWEi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1af7Ukz8xWp8z8AAAA//8DAJ4LoEAAlL1nAAAAAElFTkSuQmCC") repeat 0 0;
  -webkit-animation: bg-scrolling-reverse 2s infinite;
  /* Safari 4+ */
  -moz-animation: bg-scrolling-reverse 2s infinite;
  /* Fx 5+ */
  -o-animation: bg-scrolling-reverse 2s infinite;
  /* Opera 12+ */
  animation: bg-scrolling-reverse 2s infinite;
  /* IE 10+ */
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  }
@-webkit-keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@-moz-keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@-o-keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@-webkit-keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}
@-moz-keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}
@-o-keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}
@keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.custom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.custom1 {
 max-width: 55ch;
  text-align: center !important;
  transform: scale(0.94);
  animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
  padding-bottom: 20px;
}

@keyframes scale {
  100% {
    transform: scale(1);
  }
}

.plava1, .plava2, .plava3, .plava4, .plava5, .plava6, .plava7, .plava8, .plava9, .plava10, .plava11, .plava12, .plava13, .plava14, .plava15, .plava16 {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
  font-size: 14px;
  font-weight: 300;
}

.crvena1, .crvena2, .crvena3, .crvena4, .crvena5 {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
  font-size: 14px;
  font-weight: 400;
}

.plava1 {
  animation: fade-in 0.8s 2.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.plava2 {
  animation: fade-in 0.8s 2.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.plava3 {
  animation: fade-in 0.8s 2.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.plava4 {
  animation: fade-in 0.8s 3.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.plava5 {
  animation: fade-in 0.8s 3.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.plava6 {
  animation: fade-in 0.8s 3.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.plava7 {
  animation: fade-in 0.8s 4.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.plava8 {
  animation: fade-in 0.8s 4.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.plava9 {
  animation: fade-in 0.8s 4.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.plava10 {
  animation: fade-in 0.8s 5s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.plava11 {
  animation: fade-in 0.8s 5.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.plava12 {
  animation: fade-in 0.8s 5.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.plava13 {
  animation: fade-in 0.8s 5.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.plava14 {
  animation: fade-in 0.8s 6.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.plava15 {
  animation: fade-in 0.8s 6.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.plava16 {
  animation: fade-in 0.8s 6.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #323848;
}

.crvena1 {
  animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #963a31;
}

.crvena2 {
  animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #963a31;
}

.crvena3 {
  animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #963a31;
}

.crvena4 {
  animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #963a31;
}

.crvena5 {
  animation: fade-in 0.8s 2s forwards cubic-bezier(0.11, 0, 0.5, 0);
  color: #963a31;
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

.t4-section-2
{
 background-color: #323848;
}

.t4-section.sec-spacing-lg .t4-section-inner {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.sredinalinija {
 width: 100%;
 text-align: center;
  }
.textn  {
color: #fff !important;
padding-left: 10px;
padding-right: 10px;
  }

.sredinalinijac {
 width: 100%;
 text-align: center;
 background-color: #323848;
 color: #fff;
 padding-top: 5px;
 padding-bottom: 5px;
  }
.sredinalinijacvel {
 width: 100%;
 font-size: var(--h4-font-size);
 font-weight: bold;
 text-align: center;
 background-color: #323848;
 color: #fff;
 padding-top: 5px;
 padding-bottom: 5px;
  }
.sredinalinijac1 {
 width: 100%;
 text-align: left;
 background-color: #323848;
 color: #fff;
 padding-top: 20px;
 padding-bottom: 10px;
  }
.sredinalinijac2 {
 width: 100%;
 height: 46px;
 text-align: center;
 background-color: #323848;
 color: #fff;
 padding-top: 5px;
 padding-bottom: 5px;
  }
.textnc  {
color: #fff !important;
font-size: 18px;
font-weight: 500;
padding-left: 10px;
padding-right: 10px;
  } 


.t4-section-3
{
 background-color: #fff;
 margin-top: 10px;
 margin-bottom: 10px;
}

.naslovna-projektovanje {
    border-left: 0px dashed #963a31;
    margin: 0px !important;
    padding: 0px !important;
  }

.naslovna-izgradnja, .naslovna-adaptacija {
    margin: 0px !important;
    padding: 0px !important;
    border-left: 1px dashed #963a31;
  }

.naslovna-rusenje {
    margin: 0px !important;
    padding: 0px !important;
    border-left: 1px dashed #963a31;
    border-right: 0px dashed #963a31;
  }


.t4-col.naslovna-projektovanje, .t4-col.naslovna-izgradnja, .t4-col.naslovna-adaptacija, .t4-col.naslovna-rusenje {
  flex: 25%;
  }
 

@media screen and (max-width: 1200px) and (min-width: 768px) {
.t4-col.naslovna-projektovanje, .t4-col.naslovna-izgradnja, .t4-col.naslovna-adaptacija, .t4-col.naslovna-rusenje {
  flex: 50% !important;
  }
  .naslovna-projektovanje {
    border-left: 0px dashed #963a31;
    border-bottom: 1px dashed #963a31;
  }
 .naslovna-izgradnja {
    border-left: 1px dashed #963a31;   
    border-right: 0px dashed #963a31;
    border-bottom: 1px dashed #963a31;
  }
 .naslovna-adaptacija {
    border-left: 0px dashed #963a31;
  }
  .naslovna-rusenje {
    border-left: 1px dashed #963a31;
    border-right: 0px dashed #963a31;
  }
  }

@media screen and (max-width: 768px) {
.t4-col.naslovna-projektovanje, .t4-col.naslovna-izgradnja, .t4-col.naslovna-adaptacija, .t4-col.naslovna-rusenje {
  flex: 100% !important;
  }
  .naslovna-projektovanje {
    border-left: 0px dashed #963a31;
    border-right: 0px dashed #963a31;
    border-bottom: 1px dashed #963a31;
  }
 .naslovna-izgradnja {
    border-left: 0px dashed #963a31;   
    border-right: 0px dashed #963a31;
    border-bottom: 1px dashed #963a31;
  }
 .naslovna-adaptacija {
    border-left: 0px dashed #963a31;
    border-right: 0px dashed #963a31;
    border-bottom: 1px dashed #963a31;
  }
  .naslovna-rusenje {
    border-left: 0px dashed #963a31;
    border-right: 0px dashed #963a31;
  }
}

.ihov {
  position: relative;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.maska {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #fff;
}

.ihov:hover .maska {
  opacity: 1;
}

.tekst {
  color: #323848;
  font-size: 14px;
  text-align: justify;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.naslov {
  color: #323848;
  font-size: 18px;
  font-weight: 200;
  text-align: center;
  padding-bottom: 10px;
}

.naslov1 {
  color: #963a31;
  font-size: 18px;
  font-weight: 200;
  text-align: center;
  padding-bottom: 10px;
}

.sadrzaj1 {
 width: 100%;
 text-align: justify;
 font-size: 15px;
 font-weight: 300;
 padding-top: 10px;
 padding-bottom: 10px;
  }
.sadrzaj1m {
 width: 100%;
 text-align: justify;
 font-size: 15px;
 font-weight: 300;
 padding-top: 0px;
 padding-bottom: 0px;
  }
.t4-o-nama-sadrzaj {
margin-top: 15px;
margin-bottom: 10px;
animation: fadeInAnimation ease 4s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
  }
.fan1 {
animation: fadeInAnimation ease 4s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
  }
.t4-col.o-nama-1, .t4-col.o-nama-2 {
  flex: 50%;
  }

.o-nama-1 {
 border-left: 0px dashed #963a31;
  }

.o-nama-2 {
 border-left: 1px dashed #963a31;
 border-right: 0px dashed #963a31;
  }

@media screen and (max-width: 992px) {
.t4-col.o-nama-1, .t4-col.o-nama-2  {
  flex: 100% !important;
  }
.o-nama-1 {
    border-left: 0px dashed #963a31;
    border-right: 0px dashed #963a31;
  }
.o-nama-2 {
    border-left: 0px dashed #963a31;   
    border-right: 0px dashed #963a31;
  }
}

.t4-col.naslovna-es {
  flex: 30% !important;
  border-left: 1px dashed #963a31; 
  }

.t4-col.ЕЕТ {
  flex: 70% !important;
  border-right: 1px dashed #963a31;
  }

.sadrzajEE11{
  height: 260px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  }

.image33 {
  display: block;
  width: 80%;
  height: auto;
}

.sadrzajEE{
  height: 260px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 10px;
  }
.image44 {
  display: block;
  width: 100%;
  height: auto;
}
.image444a {
  display: block;
  width: 100%;
  height: auto;
  padding-bottom: 10px;
}
.patop {
  padding-top: 8px;
  }
.patop0 {
  padding-top: 8px;
  } 
@media screen and (max-width: 1200px) {
.sakriti1 {
  display: none;
  }
.patop1 {
  display: none;
  }
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
.patop1 {
  display: none;
  }
.patop0 {
  padding-top: 16px;
  } 
}


.t4-section-5 {
  background-color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}

.tabs {
   width: 100%;
    float: none;
    list-style: none;
    padding: 0;
    margin: 0px auto;
}
.tabs:after {
    content: '';
    display: table;
    clear: both;
}
.tabs input[type=radio] {
    display:none;
}
.tabs label {
    display: block;
    float: left;
    width: 33.3333%;
    color: #fff !important;
    font-size: var(--h4-font-size);
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    line-height: 2;
    cursor: pointer;
    background-color: #323848 !important;
    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
    transition: all 0.5s;
}
.tabs label span {
    display: none;
}
.tabs label i {
    padding: 5px;
    margin-right: 0;
}
.tabs label:hover {
background-color: #963a31 !important;
}
.tab-content {
    display: none;
    width: 100%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
    color: #323848 !important;
    background-color: #f3f3f4 !important;
}
.tab-content > h3 {
    font-size: 20px;
    font-weight: 500;
    color: #323848 !important;
}

.tab-content * {
    -webkit-animation: scale 0.7s ease-in-out;
    -moz-animation: scale 0.7s ease-in-out;
    animation: scale 0.7s ease-in-out;
}
@keyframes scale {
  0% {
    transform: scale(0.9);
    opacity: 0;
    }
  50% {
    transform: scale(1.01);
    opacity: 0.5;
    }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.tabs [id^="tab"]:checked + label {
    background-color: #f3f3f4 !important;
    border-bottom: 0px solid #323848;
    color: #323848 !important; 
}
#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3 {
    display: block;
}

@media (min-width: 992px) {
    .tabs i {
        padding: 5px;
        margin-right: 10px;
    }
    .tabs label span {
        display: inline-block;
    }
    .tabs {
    max-width: 100%;
    margin: 0px auto;
    }
}

.leta {
  display: flex;
  justify-content: center;
  width: 33.33%;
  height: auto;
  float: left;
  text-align: center !important;
}
.deta {
  display: block;
  width: 66.66%;
  height: auto;
  float: left;
  text-align: justify;
  padding-left: 10px;
}
.deta > h3 {
    font-size: 20px;
    font-weight: 500;
    color: #323848 !important;
    padding-bottom: 10px;
}
.image41 {
  display: block;
  width: 53%;
  height: auto;
}
.image43 {
  display: block;
  width: 53%;
  height: auto;
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
.image41 {
  display: block;
  width: 80%;
  height: auto;
}
.image43 {
  display: block;
  width: 80%;
  height: auto;
}
  }

@media screen and (max-width: 992px) {
.leta {
  display: none;
}
.deta {
  display: block;
  width: 100%;
  height: auto;
  float: left;
  text-align: justify;
  padding-left: 10px;
}
}

.ihov11 a {
  display: flex;
  justify-content: center;
  height: auto;
  text-align: center !important;
  padding: 10px !important;
  filter: grayscale(100%) opacity(60%);
  }

.ihov11 a:hover {
  display: flex;
  justify-content: center;
  height: auto;
  text-align: center !important;
  padding: 10px !important;
  filter: grayscale(0%) opacity(100%);
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
  }

.coo1,  {
    margin: 0px !important;
    padding: 0px !important;
  }
.coo2, .coo3 {
    margin: 0px !important;
    padding: 0px !important;
    border-left: 1px dashed #963a31;
  }

.coo4 {
    margin: 0px !important;
    padding: 0px !important;
    border-left: 1px dashed #963a31;
  }


.t4-col.coo1, .t4-col.coo2, .t4-col.coo3, .t4-col.coo4 {
 flex: 25% !important;
  }
 

@media screen and (max-width: 1200px) {
.t4-col.coo1, .t4-col.coo2, .t4-col.coo3, .t4-col.coo4 {
  flex: 50% !important;
  }
  .coo1 {
    border-bottom: 1px dashed #963a31;
  }
 .coo2 {
    border-left: 1px dashed #963a31;   
    border-bottom: 1px dashed #963a31;
  }
 .coo3{
    border-left: 0px dashed #963a31;
  }
  .coo4 {
    border-left: 1px dashed #963a31;
  }
  }

.imagec1 {
  display: block;
  width: 80%;
  height: auto;
  }
.imagec1fd {
  display: block;
  width: 80%;
  height: auto;
  filter: grayscale(0%) opacity(90%);
  }  
@media screen and (max-width: 1200px) and (min-width: 992px) {
.imagec1fd {
  width: 100%;
  }  
  }
.t4-naziv {
background-color: #323848 !important;
  }


.t4-footnav
  {
  background-color: rgba (255, 255, 255, 0.5);
  max-height: 300px;
   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABnSURBVHja7M5RDYAwDEXRDgmvEocnlrQS2SwUFST9uEfBGWs9c97nbGtDcquqiKhOImLs/UpuzVzWEi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1af7Ukz8xWp8z8AAAA//8DAJ4LoEAAlL1nAAAAAElFTkSuQmCC") repeat 0 0;
  -webkit-animation: bg-scrolling-reverse 2s infinite;
  /* Safari 4+ */
  -moz-animation: bg-scrolling-reverse 2s infinite;
  /* Fx 5+ */
  -o-animation: bg-scrolling-reverse 2s infinite;
  /* Opera 12+ */
  animation: bg-scrolling-reverse 2s infinite;
  /* IE 10+ */
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@-moz-keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@-o-keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@keyframes bg-scrolling-reverse {
  100% {
    background-position: 50px 50px;
  }
}
@-webkit-keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}
@-moz-keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}
@-o-keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}
@keyframes bg-scrolling {
  0% {
    background-position: 50px 50px;
  }
}

.naslovna-kontakt {
    display: flex;
    justify-content: left !important;
}
.naslovna-kontakt .custom {
    padding-left: 10px;
}

.naslovna-f-meni {
    display: flex;
    justify-content: center !important;
    float: none;
}

.fucr {
    color: #963a31 !important;
  }
.fupl {
    color: #323848 !important;
    padding-left: 10px;
  }
.fuplgm {
    color: #323848 !important;
    padding-left: 10px;
  }
.fuplgm a, .fuplgm a:active {
    color: #323848 !important;
    padding-left: 0px;
  }
.fuplgm a:hover   {
    color: #963a31 !important;
    padding-left: 0px;
  }
.fupl1 {
    color: #323848 !important;
    padding-left: 22px;
  }
.fulevosme {
    display: block;
    color: #323848 !important;
    text-align: center;
  }
.fupl a, .fupl a:active {
    color: #323848 !important;
    padding-left: 10px;
  }
.fupl a:hover   {
    color: #963a31 !important;
    padding-left: 10px;
  }
@media screen and (max-width: 992px) {
.naslovna-f-meni {
    display: none;
}
}
@media screen and (max-width: 768px) {
.naslovna-kontakt  {
    justify-content: center !important;
    float: none;
    padding-left: 0px;
  }
  }
.t4-footer {
    background-color: #fff !important;
    border-top: 1px dashed #963a31;
  }

.nadzor1 {
  flex: 30% !important;
  }
.nadzor2 {
  flex: 70% !important;
  }
.image44a {
width: 100%;
height: auto;
opacity: 0.85;
  }
.sadrzaj1 h3 {
    color: #323848 !important;
    padding-bottom: 15px;
    padding-top: 15px;
    }
.sadrzaj1n {
 width: 100%;
 text-align: justify;
 font-size: 15px;
 font-weight: 300;
 padding-top: 10px;
 padding-bottom: 10px;
  }
@media screen and (max-width: 1400px) and (min-width: 1200px) {
.nadzor1 {
  flex: 40% !important;
  }
.nadzor2 {
  flex: 60% !important;
  }
.image44a {
padding-bottom: 5px;
padding-top: 5px;
  }
.sadrzaj1 h3 {
    padding-bottom: 15px;
    padding-top: 30px;
    }
  }
@media screen and (max-width: 1200px) and (min-width: 992px) {
.nadzor1 {
  flex: 50% !important;
  }
.nadzor2 {
  flex: 50% !important;
  }
.image44a {
padding-bottom: 5px;
padding-top: 5px;
  }
.skloni {
display: none;
  }
.sadrzaj1 h3 {
    padding-bottom: 10px;
    padding-top: 10px;
    }
  }
@media screen and (max-width: 992px) {
.nadzor1 {
  flex: 100% !important;
  }
.nadzor2 {
  flex: 100% !important;
  }
.image44a {
padding-bottom: 5px;
padding-top: 5px;
  }
.skloni {
display: none;
  }
.image44a {
width: 80%;
height: auto;
  }
.sadrzaj1n {
text-align: center !important;
  }
  }

.t4-projektovanje {
background-color: #fff;
padding-top: 20px;
padding-bottom: 20px;
  }

.image44b {
width: 100%;
height: auto;
opacity: 0.80;
margin-bottom: 20px;
  }
.naslov1q {
background-color: #963a31;
color: #fff;
 width: 100%;
 font-size: var(--h4-font-size);
 font-weight: bold;
 text-align: left;
margin-bottom: 20px;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
  }
.naslovh3 {
font-size: var(--h4-font-size);
font-weight: bold;
color: #fff !important;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
  }
.naslov1qp {
background-color: #323848;
color: #fff;
 width: 100%;
 font-size: var(--h4-font-size);
 font-weight: bold;
 text-align: left;
margin-bottom: 20px;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
  }
.naslov1qpк {
background-color: #323848;
color: #fff;
 width: 100%;
 font-size: var(--h4-font-size);
 font-weight: bold;
 text-align: left;
margin-bottom: 15px;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
  }
.topra  {
margin-top: 60px;
  }
.t4-col.projektovanje1, .t4-col.projektovanje2 {
  flex: 50%;
  }
.projektovanje1 {
 border-left: 0px dashed #963a31;
  }

.projektovanje2 {
 border-left: 1px dashed #963a31;
 border-right: 0px dashed #963a31;
  }

@media screen and (max-width: 992px) {
.t4-col.projektovanje1, .t4-col.projektovanje2  {
  flex: 100% !important;
  }
.projektovanje1 {
    border-left: 0px dashed #963a31;
    border-right: 0px dashed #963a31;
  }
.projektovanje2 {
    border-left: 0px dashed #963a31;   
    border-right: 0px dashed #963a31;
  }
.topra  {
margin-top: 10px;
  }
}
.t4-izgradnja {
background-color: #f3f3f4;
padding-top: 20px;
padding-bottom: 20px;
  }

.image44b {
width: 100%;
height: auto;
opacity: 0.95;
margin-bottom: 20px;
  }

.topra1  {
margin-top: 60px;
  }
.t4-col.izgradnja1, .t4-col.izgradnja2 {
  flex: 50%;
  }
.izgradnja1 {
 border-left: 0px dashed #963a31;
  }

.izgradnja2 {
 border-left: 1px dashed #963a31;
 border-right: 0px dashed #963a31;
  }

@media screen and (max-width: 992px) {
.t4-col.izgradnja1, .t4-col.izgradnja2  {
  flex: 100% !important;
  }
.izgradnja1 {
    border-left: 0px dashed #963a31;
    border-right: 0px dashed #963a31;
  }
.izgradnja2 {
    border-left: 0px dashed #963a31;   
    border-right: 0px dashed #963a31;
  }
.topra1  {
margin-top: 10px;
  }
}
.t4-adaptacija {
background-color: #fff;
padding-top: 20px;
padding-bottom: 20px;
  }

.t4-col.adaptacija1, .t4-col.adaptacija2 {
  flex: 50%;
  }
.adaptacija1 {
 border-left: 0px dashed #963a31;
  }

.adaptacija2 {
 border-left: 1px dashed #963a31;
 border-right: 0px dashed #963a31;
  }

@media screen and (max-width: 992px) {
.t4-col.adaptacija1, .t4-col.adaptacija2  {
  flex: 100% !important;
  }
.adaptacija1 {
    border-left: 0px dashed #963a31;
    border-right: 0px dashed #963a31;
  }
.adaptacija2 {
    border-left: 0px dashed #963a31;   
    border-right: 0px dashed #963a31;
  }
.topra  {
margin-top: 10px;
  }
}

.t4-rusenje {
background-color: #f3f3f4;
padding-top: 20px;
padding-bottom: 20px;
  }

.t4-col.rusenje1, .t4-col.rusenje2 {
  flex: 50%;
  }
.rusenje1 {
 border-left: 0px dashed #963a31;
  }

.rusenje2 {
 border-left: 1px dashed #963a31;
 border-right: 0px dashed #963a31;
  }

@media screen and (max-width: 992px) {
.t4-col.rusenje1, .t4-col.rusenje2  {
  flex: 100% !important;
  }
.rusenje1 {
    border-left: 0px dashed #963a31;
    border-right: 0px dashed #963a31;
  }
.rusenje2 {
    border-left: 0px dashed #963a31;   
    border-right: 0px dashed #963a31;
  }
.topra  {
margin-top: 10px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .topra  {
margin-top: 10px;
  }
}

.t4-mansstir, .t4-most {
padding-top: 20px;
padding-bottom: 20px;
  }
.t4-tefa {
background-color: #f3f3f4;
padding-top: 20px;
padding-bottom: 20px;
  }

.bako {
background-color: #f3f3f4;
padding: 10px;
  }
.bako1 {
display: inline-block;
width: 160px;
background-color: #f3f3f4;
padding: 10px;
  }
.bako1b {
display: inline-block;
width: 160px;
background-color: #fff;
padding: 10px;
  }
.fulevo11 {
padding-top: 20px;
  }
.fulevo11к {
padding-top: 0px;
  }
.fulevogsd {
display: flex;
justify-content: center !important;
text-align: center;
  }
.fuba {
margin-bottom: 15px;
  }
.fubako {
margin-bottom: 25px;
margin-left: 10px;
  }
.crv  {
color: #963a31 !important;
padding-right: 10px;
  }

.t4-col.showplus {
flex: 50%;
opacity: 0.8;
  }
.t4-col.slideshow-ck {
flex: 50%;
opacity: 0.8;
  }
.t4-col.manastir2 {
flex: 50%;
  }
.t4-col.most, .t4-col.most2 {
flex: 50%;
  }
.fuplnn {
    color: #323848 !important;
    padding-left: 10px;
  }
.fuplce {
    color: #323848 !important;
    padding-left: 10px;
  }
.fuplceko {
    color: #323848 !important;
  }
.fuplcenn {
    display: inline-block;
    width: 30%;
    color: #323848 !important;
    padding-left: 10px;
  }
.bako1bn {
display: inline-block;
width: 70%;
background-color: #fff;
padding: 10px;
  }

.textarea {
  min-height: 175px !important;
} 
.rapid-contact {
margin-top: 20px;
margin-bottom: 20px;
  }
@media screen and (max-width: 1200px) and (min-width: 992px) {
.fuplcenn {
    display: inline-block;
    width: 40%;
    color: #323848 !important;
    padding-left: 10px;
    margin-bottom: 10px;
  }
.bako1bn {
display: inline-block;
width: 60%;
background-color: #fff;
padding: 10px;
  }
.textarea {
  min-height: 155px !important;
}
}
@media screen and (max-width: 992px) and (min-width: 768px) {
.t4-col.manastir2 {
flex: 100%;
margin-top: 0px;
  }
.t4-col.slideshow-ck {
flex: 100%;
opacity: 0.8;
  }
.t4-col.zitnimag {
flex: 100%;
opacity: 0.8;
  }
.t4-col.magacin2 {
flex: 100%;
margin-bottom: 0px;
  }
.t4-col.most  {
flex: 100%;
opacity: 0.8;
  } 
.t4-col.most2 {
flex: 100%;
margin-top: 0px;
  }
.t4-col.tefa1 {
flex: 100%;
opacity: 0.8;
  } 
.t4-col.tefa2 {
flex: 100%;
margin-top: 0px;
  }
.t4-col.kontakt1  {
flex: 100%;
opacity: 0.8;
  }
.t4-col.kontakt2 {
flex: 100%;
margin-top: 0px;
  }
.rapid-contact {
margin-top: 20px;
margin-bottom: 20px;
flex: 100%;
  }
.mapa {
margin-top: 20px;
flex: 100%;
  }
.bako1 {
display: inline-block;
width: 50%;
padding: 10px;
  }
.bako1b {
display: inline-block;
width: 50%;
padding: 10px;
  }
    }

@media screen and (max-width: 768px) {
.t4-col.manastir2 {
flex: 100%;
margin-top: 0px;
  }
.t4-col.slideshow-ck {
flex: 100%;
opacity: 0.8;
  }
.t4-col.zitnimag {
flex: 100%;
opacity: 0.8;
  }
.t4-col.magacin2 {
flex: 100%;
margin-bottom: 0px;
  }
.t4-col.most  {
flex: 100%;
opacity: 0.8;
  } 
.t4-col.most2 {
flex: 100%;
margin-top: 0px;
  }
.t4-col.tefa1 {
flex: 100%;
opacity: 0.8;
  } 
.t4-col.tefa2 {
flex: 100%;
margin-top: 0px;
  }
.t4-col.kontakt1  {
flex: 100%;
opacity: 0.8;
  }
.t4-col.kontakt2 {
flex: 100%;
margin-top: 0px;
  }
.rapid-contact {
flex: 100%;
margin-top: 20px;
margin-bottom: 20px;
  }
.mapa {
margin-top: 20px;
flex: 100%;
  }
.bako1 {
display: inline-block;
width: 100%;
padding: 10px;
  }
.bako1b {
display: inline-block;
width: 100%;
padding: 10px;
  }
.fuplce {
    display: inline-block;
    color: #323848 !important;
    padding-left: 38px;
    margin-top: 10px;
  }
.fuplcenn {
    display: inline-block;
    width: 100%;
    color: #323848 !important;
    padding-left: 10px;
    margin-bottom: 10px;
  }
.bako1bn {
display: inline-block;
width: 100%;
background-color: #fff;
padding: 10px;
  }
    }
.t4-manastirn {
padding-top: 20px;
padding-bottom: 20px;
background-color: #f3f3f4;
border-top: 0px dashed #323848;
  }
.t4-kontaktna {
padding-top: 20px;
padding-bottom: 10px;
background-color: #f3f3f4;
  }
.t4-mail1 {
padding-top: 20px;
padding-bottom: 20px;
background-color: #f3f3f4;
  }
.t4-komap {
background-color: #f3f3f4;
  }
.t4-kontaktforma {
background-color: #f3f3f4;
  }
.t4-mapa1 {
padding-top: 0px;
padding-bottom: 0px;
background-color: #f3f3f4;
  }
.t4-mapa1 .container {
filter: grayscale(100%) opacity(90%);
  }
.t4-mapa1 .container:hover {
  filter: grayscale(0%) opacity(100%);
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  }
@media screen and (max-width: 992px) {
.t4-mapa1 .container {
filter: grayscale(0%) opacity(90%);
  }
}
.camera_commands {
  background: #000;
  background: rgba(0, 0, 0, 0.4) !important;
}
.camera_prev, .camera_next {
  background: #000;
  background: rgba(0, 0, 0, 0.4) !important;
}
label {
  display: inline-block;
  flex: 100%;
}
.rapid_contact .form-control {
  max-width: 100% !important;
  margin-bottom: 8px;
}
.mapa .custom {
filter: grayscale(70%) opacity(100%);
  }
.mapa .custom:hover {
  filter: grayscale(0%) opacity(100%);
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  }
@media screen and (max-width: 992px) {
.mapa .custom {
filter: grayscale(0%) opacity(100%);
  }
.t4-mail1 {
padding-top: 0px;
padding-bottom: 0px;
background-color: #f3f3f4;
  }
}
.facr {
color: #963a31 !important;
  }
.sme-foo {
display: flex;
justify-content: right;
  }
@media screen and (max-width: 768px)  {
.sme-foo {
display: none;
  }
  }