html,
body {
    scroll-behavior: smooth;
    font-family: "Montserrat", "Sans-Serif";
}
/* FONTS */
@font-face {
    font-family: 'MontSerrat Regular';
    src: url('fonts/Montserrat-Regular.otf');
}
@font-face {
    font-family: 'MontSerrat Medium';
    src: url('fonts/Montserrat-Medium.ttf');
}
@font-face {
    font-family: 'MontSerrat ExtraBold';
    src: url('fonts/Montserrat-ExtraBold.otf');
}
@font-face {
    font-family: 'MontSerrat Bold';
    src: url('fonts/Montserrat-Bold.ttf');
}
/*INDEX PAGE */
.index-header{
    background:url('images/naslovna/bg.png');
}
.slajder_1 {
    display: none;
}
.slajder_1 .owl-carousel .owl-item img{
        margin:0 auto;
        max-width:1366px;
        
}
.objekat-header{   background:url('images/objekat/overlay-grey_1.png');
    margin: auto;
    text-align: left;
    width:74.5%;
    padding-top: 40px;
    position:relative;
    max-width:1366px;
    height:130px;
    background-position:bottom;
}
.header-overlay{
    background:url('images/naslovna/background-overlay.png');
    width: 60%;
    margin: auto;
    text-align: center;
}
.header-overlay img {
    margin:24px 0px;
}
.menu{
    background:url('images/naslovna/menu-bg.png');
    margin-top:6px;
    height:63px;
    width:100%;
    position:relative;
    z-index:2;
}
.menu .menu-links{
    cursor:pointer;
    height: 100%;
    display: flex;
}
#admin-list{
    cursor:pointer;
}
#admin{
    display:none;
}
#admin-list:hover #drop-list{
    display:block;
}
#admin-list:hover #logout{
    display:block;
    height:100%;
    width:100%;
}
#prodaja-drop-list{
    display:none;
    height: 0px;
    position: absolute;
    top: 10px;
}
.prodaja-drop{
    position: relative;
    overflow: hidden;
    background: white;
    transition: 1s;
    margin-top: -10px;
    margin-left: -20px;
    z-index: 5;
}
#create-menu{
    height:62px;
    text-align:center;
    width:100%;
    padding:0px 20px;
    background: yellow;
}
#logout{
    height: 0px;
    position: relative;
    overflow: hidden;
    background:white;
    transition: 1s;
    z-index: 5;
}
#img-edit{
    display:flex;
    gap:20px;
    margin-top:30px;    
    flex-wrap: wrap;
}
.img-edit-header{
    margin-top:15px;
}
#logout a{
    display: block;
    width: 100%;
    padding: 17px 0px !important;
    padding: 0px;
    text-align: center;
}
.sticky {
    position: sticky !important;
    top: 0px !important;
    margin-top: 0px !important;
    transition: 0.5s cubic-bezier(0.74, 0, 0.13, 1.22);
    z-index: 5 !important;
}

#hamburger-menu{
    display:none;
    transition:1s;
}
.menu ul{
    display: flex;
    height:100%;
    transition: .5s;
    
    max-width:1366px;
    font-family: "Montserrat";
    position: relative;
    margin-top: 60px;
    padding-left: 0px !important;
    z-index: 4;
    width:82.5%;
    margin: 0 auto;
    align-items: center;

}
.menu{
    display:block;
}
.responsive ul {
    display: flex;
    height:100%;
    transition: .5s;
    font-family: "Montserrat";
    position: relative;
    top: 60px;
    padding-left: 0px !important;
    z-index: 4;
    width:100%;
    margin: 0 auto;
    align-items: center;

}
.responsive #menu-toggle {
    
    padding-bottom: 10px !important;
}
.responsive {
    display:none;
    background: url(images/naslovna/menu-bg.png);
    margin-top: 6px;
    height: 63px;
    width: 100%;
    position: relative;
    z-index: 20 !important;
}
.responsive ul li {
    list-style-type: none;
    position:relative;
    font-size:clamp(1vw, 10px,60px);
    font-family:"Montserrat Medium";

}
.responsive ul li a{
    text-decoration:none;
    width:100%;
    padding:22px 20px;
    color:black;

}
#arrow-menu{
    width: 23px;
    position: relative;
    margin-top: -2px;
    left: 10px;
}
.menu ul li {
    list-style-type: none;
    position:relative;
    font-size:clamp(0.3vw, 1vw, 1.11rem);
    font-family:"Montserrat Medium";
}
.menu ul li a {
  
    text-decoration: none;
    padding: 0px 19px;
    display: flex;
    color: black;
    height: 100%;
    align-items: center;
}
#logo-red-prodaja{
    text-align: left;
    margin-left:320px;
    padding-top:23px;
    margin-bottom:23px;
    width:176px;
    height:100px;
    background-position:bottom;
}
.index-gallery{
    height: 666px;
    overflow: hidden;
    margin-bottom:35px;
}
.index-gallery .owl-dots{
    display:none;
}
.index-description {
    margin-bottom:48px;
}
.index-description p{
    text-align:center;
    font-size:30px;
    margin-bottom:45px;
}
.index-description h2{
    font-size:40px;
    font-family:"MontSerrat ExtraBold";
    text-align:center;
}
.index-description span{
    color:#fe4545;
    font-size:40px;
}
.prodaja-container{
    background:#f0f0f0;
    padding:55px 0px;
    height: auto;
}
.prodaja-container h1{
    font-size:40px;
    
    margin-bottom:46px;
    text-align:center;
}
.prodaja-container .swiper{
    max-width:1366px;
    margin:0 auto;
}
.swiper {
  width: 65.8%;
  height: 587px;
}

.swiper-wrapper {
    max-height:530px;
}
.item-image-container img{
    max-height:390px;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  display:grid !important;
  background: #fff;
grid-template-columns:100%;
}
.swiper-slide img, .swiper-slide video {
  display: block;
  width: 100%;
  min-height:390px;
        object-fit: cover;
}
.item-card-header{
    color:#232b38;
    margin-bottom:3px;
    padding:16px 13px 0px 16px;
    font-size: clamp(0.5vw, 30px, 1.5rem);
    font-family:"Montserrat Bold";
    text-align:center;
}
.active-menu .arrow-menu {
    color:black;
}
.item-card-location{
    color:#232b38;
    font-size:18px;
    margin-bottom:21px;
    text-align:center;
}
.item-card-info{
    display: flex;
    background: #f0f0f0;
    bottom: -11px;
    justify-content: space-between;
    padding: 4px 11px;
    color:#232b38;
    align-items:center;
    position:absolute;
  width: 92%;
    left: 50%;
    transform: translate(-50%);
}

.item-card-info div:nth-child(1){
    font-size:15px;
}

.item-card-info div:nth-child(2){
    font-size:19px;
}
.prodaja-btn{
    width:160px;
    height:40px;
    border:none;
    display:block;
    margin:0 auto;
    background:#ed1c24;
}
.prodaja-btn a:hover{
    text-decoration: none;
    color:white;
}
.swiper-slide a{
    text-decoration:none;
}
.prodaja-btn a{
    text-decoration: none;
    color:white;
}
.nova-lokacija-container{

    margin:85px 0px;
}
.nova-lokacija{

    
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(308px, 1fr));
    max-width:1220px;
    width:89%;
    margin:0 auto;
    gap:5%;
}
.nova-lokacija .line{
    width:77% !important;
}
.nova-lokacija h1{
    font-size:30px;
    font-family: "Montserrat Medium";
}
.zgrade-img{
    text-align: center;
}
.zgrade-img img{
    margin:49px 32px 0px 32px;
}
.lokacije-info-left{
    position:relative;
    font-size:16px;
    float:left;
    width:50%;
    text-align: left;
}
.shadow-item{
    
    min-height: 215px !important;
    height: 50px !important;
    bottom: -40px;
    margin-top: 0px;
    position: absolute;
    z-index: -2;
}
#prodaja-naslovna{
    height: auto;
}
#model-naslovna-bg{
    height:600px;
    margin-top:150px;
}
.nova-lokacija a{
    border-radius:5px;
    text-decoration: none;
    color:white;
    padding:14px;
    position:relative;
    top: 60px;
}
.nova-lokacija a:hover{
    color:white;
}
.lokacije-info-right{
    position:relative;
    font-size:16px;
    width:50%;
    text-align: right;
    float:right;
}
.nova-lokacija img{
    max-width:620px;
    width:100%;
}
.section-header{
    background:url('images/naslovna/background-overlay.png');
    background-color:#ed1c24;
    height:169px;
    font-family:"Montserrat Bold";
    padding-top:55px;
    margin-bottom:36px;
}
.onama-container h3{
    font-size:26px;
    margin-bottom:0px !important;
    font-family:"Montserrat Bold";
    text-align:center;
    color:white;
}
.onama-container h1{
    font-size:34px;
    margin-bottom:0px !important;
    font-family:"Montserrat Bold";
    text-align:center;
    color:white;
    
}
.onama-information{
	width:62%;
    font-size:21px;
    font-weight:200;
    text-align:center;
    margin: 0 auto;
    margin-bottom:27px !important;
}
.onama-container h1{
    font-size:34px;
}
.onama-icons-container{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(287px, 1fr));
    text-align:center;
    width: 61%;
    margin-top:47px !important;
    max-width:1366px;
    margin: 0 auto;
}
.onama-container-2{
    position:relative;
    margin-bottom:35px;
    margin-left:61px;
}
.onama-icons-container p{
	width: 100%;
    font-size:17px;
    font-weight:200;
}

.onama-container-1 h2{
    margin-top: 17px;
    color:#555555;
    font-size:29px;
    font-family:"MontSerrat Medium";
}
.onama-container-2 h2{
    margin-top: 20px;
    color:#555555;
    font-size:29px;
    font-family:"MontSerrat Medium";
}
#onama-icon-1{
    width:185px;
}
#onama-icon-2{
    position: relative;

}
#buildings .swiper-wrapper {
    height:261px;
}
#buildings img{
    min-height:261px;
    height:261px;
    object-fit:cover;
}
#buildings {
    height:auto;
    width:70%;
    max-width: 1319px;
}
.buildings-image-container{
    height:433px;
    background:#ed1c24;
    padding: 13px 0px 93px 0px;
}
.red-rectangle {
    background:#fe4e4e;
    height:10px;
    width:74%;
}
.red-rectangle{
    margin:0 auto;
    margin-bottom:26px;

}
.red-rectangle-bottom{
    margin-top:37px !important;
    margin:0 auto;
    background:#fe4e4e;
    height:10px;
    width:74%;
}
.owl-slider{
    margin:0 auto;
    max-width: 1350px;
}
.enterijer-container{
    padding:50px 0px;
    background:#f0f0f0;
}
.stolarija-enterijer {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(350px, 1fr));
    column-gap: 30px;
    width: 64%;
    min-width:850px;
    margin: 0 auto;
    max-width:1366px;
}
.stolarija-enterijer img {
    width:100%;
    min-height:225px;
}
.stolarija-enterijer h1{
    margin-bottom:15px;
    color:#363636;
    font-family:"Montserrat Bold";
    font-size:34px;
}
.enterijer{
    max-width: 570px;
}
.enterijer a{
    text-decoration: none;
}
.stolarija a{
    text-decoration:none;
}
.stolarija{
    max-width: 570px;
}
.enterijer-text{
    background:white;
    height:221px;
    width:100%;
    padding:100px 21px 60px 21px;
    color:#636363;
    font-size:16px;
    margin-bottom:61px;
}
.enterijer-btn{
    width:164px;
    height:40px;
    background:#555555;
    color:white;
    display:block;
    border:none;
    margin:0 auto;
    font-family:"Montserrat Bold";
}
.contact-container{
    width:100%;
    height:290px;
    background:#ed1c24;
    padding:76px 0px;
}
.contact-header{
    font-size:80px;
    color:white;
    position:relative;
    width: 50%;
    font-family: "MontSerrat Bold";
    left: 44%;
}
.objekti-header {
    font-size: 35px;
    color: white;
    position: relative;
    font-family: "MontSerrat Bold";
	text-align:center;
}
.prodaja-section{

    display: grid;
    grid-template-columns: 50% 50%;
    margin-top: -193px;
    justify-items:center;
    align-items: center;
}
.prodaja-section .model-info{
    position:relative;
    margin-right:80px;
    text-align:left;
}
.prodaja-section p {

    
}
.prodaja-section .model-info .line{
    width:100% !important;
    margin-bottom:70px;
    position:relative;
}
.prodaja-section .model-info {
    top:80px;
    margin-left:190px;
    font-family:"Montserrat ";
}
.contact-information{
    display: grid;
    grid-template-columns: 46.1% 53.9%;
    align-items: center;
    font-size:21px;
    font-family:"Montserrat Bold";
    justify-items: center;
}
.contact-information table{
    border-collapse: separate;
    border-spacing: 24px 40px;
}
.contact{
    position:relative;
    top:33px;
    left:43%;
}
.contact h3{
    font-size:34px;
    margin:0px;
    font-family:"Montserrat Bold";

}
.footer-icons img:nth-child(1){
    margin-right:20px;
}
#map{
    width:100%;
    height:450px;
}
.map-container{
    width:100%;
}
.footer{
    height:440px;
    background:#3c4148;
    padding:76px 0px;
}
.footer-container{
    color: white;
    display: grid; 
    grid-template-columns: 33% 33% 33%;
    text-align: center;
    margin:0 auto;
    max-width:1170px;
    width:68%;
}
.line{
    background:#ed1c24;
    height:1px;
    margin:24px 0px;
}
.line_1{
    background:#ed1c24;
    height:1px;
    width:100% !important;
    margin:24px 0px;
}
.footer-container div:nth-child(1){
width:75%;
}
.footer-container div:nth-child(2){
    width:90.5%;
}
.footer-container div:nth-child(3){
    width:75%;
    margin:0 auto;
    padding-top: 25px;
}
.footer-container h4{
    font-size:22px;
    font-family: "Montserrat Medium";
    margin-bottom:0px;
}
.footer-container p{
    font-size:18px;
    margin-bottom:0px;
    font-family: "Montserrat Medium";
}
.footer-logo{
    width: 100%;
}
.footer-red{
    background:#ed1c24;
    height:54px;
    width:100%;
}
.footer-links{
    display: grid;
    padding-left:0px !important;
    grid-template-columns: 47% 53%;
}
.footer-links a{
    text-decoration: none;
    color:white;
    font-size: 18px;
    margin-bottom: 0px;
    font-family: "Montserrat Medium";
}
.footer-links a:hover{
    color:white;
}
.footer-links li{
    list-style-type: none;
}
/* END INDEX PAGE CSS */
/* OBJEKAT STRANICA */
.objekat-container {
   
   
    margin: 60px auto;
    min-width: 900px;
    width: min(79%,1319px);
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(calc(100% / 4), 1fr));
    grid-template-columns: repeat(auto-fit,minmax(100% / 3 , 1fr));
    text-align: center;
    column-gap: 29px;

}
.objekat-container img {
    height: 60%;
    max-height:400px;
    max-width: 350px;
    object-fit: cover;
    width: 100%;
    min-height:400px;
}
.red-section-container{
    background:#ff2830;
    padding:60px 0px;

}
.objekat-red-section  img{
    height: 60%;
    object-fit: cover;
    min-height:400px;
    width: 100%;
    max-width: 350px;
    max-height:400px;
}
.objects-display{
    position:fixed;
    width:0%;
    height:0%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left:auto;
    margin-right:auto;
    transition:1s ease;
    visibility: hidden;
    max-height:800px;
    opacity:0;
}
.objects-fullscreen{
    cursor:pointer;
}
.objects-active{
    opacity:1  !important;
    visibility: visible !important;
    width:auto;
    height:auto;
}
.objects-background{
    width:100%;
    position:fixed;
    top:0px;
    left:0px;
    z-index:100000;
    visibility: hidden;
    height:100%;
    opacity:0;
    background:rgba(0,0,0,0.5);
}
#exitObjects{
    width: 30px !important;
    position: fixed;
    z-index: 5;
    cursor:pointer;
    display: none;
    right: 20px;
    top: 20px;
    min-height: 0px !important;
}
.objekat-red-section{
   
    margin: 0px auto;
    min-width: 900px;
    width: min(79%,1319px);
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(calc(100% / 4), 1fr));
    text-align: center;
    color:white;
    column-gap: 29px;

}

.objekat-red-section .line{
    background:white;
    width:17% !important;
    margin:0 auto;
    margin-bottom:12px;
}

.objekat-red-section .objekat-title{
    color:white;
}
.objekat-title {
    color:#ed1c24;
    font-size:22px;
    display:block;
    margin-top:37px;
}
.objekat-subtitle {
    font-size:14px;
    letter-spacing: 2px;
}
.objekat-info{
    font-family:"MontSerrat Medium";
    font-size:16px;
    padding:0px 40px;
    margin-bottom:0px;
}
.objekat-container .line{
    width:17% !important;
    margin:0 auto;
    margin-bottom:12px;
}
.objekat-headers{
    
    margin-top:60px;
    text-align:center;
}
#logo-red-prodaja{
    max-width:350px;
}
.objekat-headers h2{
    font-size:25px;
}
.objekat-headers h1{
    font-size:30px;
}
/* KRAJ OBJEKTA STRANICE CSS */
/* POCETAK PRODAJA STRANICE CSS */
.prodaja-zgrada {
    display: grid;
    grid-template-columns: 35% 61%;
    max-width: 1319px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.model-container img{
    width:100%;
}
.model-container {
    display:grid;
    align-items:center;
}
.order-item{
    
    order: 2;
}
.model-info{
    position:relative;
    text-align: right;
    margin:0 auto;
}
.model-info a{
    background: #ed1c24;
    color: white;
    padding: 15px 13px;
    font-family: "Montserrat Medium";
    font-size: 15px;
    text-align: center;
    color: white;
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-decoration: none;
}
.model-info a:hover{
    color:white;
}
.model-info h1{
    color:#ed1c24;
    font-size:33px;
}
.model-info .prodaja-title{
    font-size:25px;
    margin-bottom:6px;
    font-family:"MontSerrat Medium";
}
.model-info .prodaja-header{
    position:relative;
    margin-bottom:6px;
    font-size:30px;
    font-family:"MontSerrat Medium";
}

.prote-info{
    font-size:clamp(17px, 1.5vw, 20px);
    
}
.model-info .prodaja-subheader{
    color:#ed1c24;
    font-size:30px;
    margin-top:28px;
    margin-bottom:10px;
    font-family:"MontSerrat Medium";
}
.model-bg{

   
    width: 100%;
    background: #f0f0f0;
    position: absolute;
    z-index: -2;
    height: 100%;
}
.model-info .line{
    width:80% !important;
    position:absolute;
    right:0px;
    margin:0px;
}
.building-sale{
    width:70%;
    margin: 35px auto;
}
.building-info table{
    width: 100%;
     border-collapse: separate;
     border-spacing: 2px 0px;
}
.prodaja-veselin-misita{
    position:relative;
}
#veselin-bg{
   
    height: calc(100% + 100px);
    margin: 0px;
    width: calc(100% + 100px);
    margin-top: -50px;
}
.stan-info{
    z-index:10;
}
.stan-info td{
    padding:5px;
    background: linear-gradient(0deg, rgba(205,208,212,1) 0%, rgba(255,255,255,1) 100%);
}
.stan{
    position: relative;
    width: 100%;
    z-index:1;
	margin-top: 20px;
    align-items: center;
    justify-content: space-between;
    display: flex;
    gap: 25px;
}
.korisna-povrsina{
    height:35px;
    font-size:22px;
}
.sprat{
    position:relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom:60px;
	margin-top: 40px;
}
.building-btn{
    text-align: center;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 5px;
}
.floorToggle{
    
	flex-basis: calc(100% / 2 - 34px);
    max-width: 196.5px;	
}
.building-btn a{
    text-decoration: none;
	font-size: 13px;
}
.building-btn a:hover{
    color:white;
}
.floor-container {
    width:100%;
    position:relative;
    text-align:center;
    display: flex;
    z-index:1;

}
 .stan img{
     width:25px;
    margin-left: 10px;
 }
.floor-container img{
    height: auto;
    margin: 0 auto;
	vertical-align: middle;
    border-style: none;
    width: 100%;
    height: auto;
    max-width: 828px;
}
#floor-img{
    position:relative;
	width: 100%;
	margin-top: 80px;
	text-align: end;
}
#floor-img h1{
    display:none;
}
.stan-info{
    width:51%;
    float:right;
	height: fit-content;
	border-collapse: initial;
}
.floor-btn-active{
    background:white !important;
    color:#ed1c24 !important;
    border:1px solid #ed1c24 !important;
}.floor-images{ margin-bottom:20px;  max-width:90%;} 
.stan div{
    
    width: 49%;
    display: flex;
    justify-content: center;
}
.stan a, .floor-container a { 
    background: #ed1c24;
     color: white; 
    padding: 13px 0px;
    min-width: 156px;
    max-width:180px;
    width:100%;
     font-family: "Montserrat Medium"; 
     font-size: 15px;
     color: white; 
     transition:1s; display: block;
     position: relative; 
     text-decoration: none; 
    } 
    .floor-container a img{
         width:20px;
          margin-left:10px;
         }
 .floor-container a:hover{
     color:white; 
    } 
    .floor-active{
         opacity:1; 
         transition:1s;
         } 
     .osnova-img{ 
        width: 55%; 
    } 
    .osnova-img-stan{
         width: 55%; 
         margin-left: -13px;
     } 
    .building-image{ 
    position:relative;
 display:block; 
    align-items:center; 
    justify-content: center; 
} 
.floorToggle{
     background: #ed1c24; 
     height:auto;  
     color: white;
     padding: 2px 5px;
     border: 1px solid transparent;
    } 
	
.floorToggle h4 {
    font-size: 1.3rem;
} 	
	
.floorToggle-active{
     background: #CCCCCC;
}
 .prote_ignjata{ 
    text-align: center;
 } 
 .model-bg-osnova{ 
    width: 100%; 
    background: #f0f0f0;
     height: 462px; 
     position: absolute;
      z-index: -2; 
    }
      .osnova_plan { 
        display: flex; 
        width:100%; 
        justify-content: center; 
        flex-direction: column; 
        align-items: center; 
        gap:60px; 
    } 
    #veselin-image-map-container div{
        width:100% !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    }
    .prote-ignjata-btn iframe{
    flex-grow:1;
    margin-top:20px;
    }
    .image-map-container {
     margin: 20px auto; 
     position: relative;
      width: 90%; 
    } 
    .veselin-misita__flex{
    display: flex;
    align-items: flex-start;
    margin-bottom:60px;
    gap:25px;
    align-items: stretch;
    }
    .veselin-misita__flex iframe{
        height:100% !important;
    }
    .prote-ignjata-btn{ 
        
    width: 50%;
    display: flex;
    flex-direction: column;
        
        } 
        .prote-ignjata-btn .floorToggle {
    max-width:unset;
    flex-basis: calc(100% / 3 - 4px);
        }
		
		
    .image-resize_1 { 
        width: 70%; 
    } 
    .image-resize_2 {
         width: 100%; 
        }
     .image-resize {
         width: 100%;
         }
  img[usemap] {
      border: none;
    
      width: 100%;
  }  
  
.prote_ignjata{
    display: flex;
    flex-direction: row;
    gap:25px;
}
.prote_ignjata_1{
    display: flex;
    gap: 25px;
	margin-bottom: 30px;
}
.prote_ignjata .model-info{
    margin-right:0px;
}
.prote_ignjata .model-container{
    margin-top:-15px;
}
.prote_ignjata .prodaja-zgrada{
    margin:0 auto;
    grid-template-columns: 25% 75%;
        width: 87%;
        align-items: center;
}
.reverse-column{
    display:flex;
    align-items:flex-start;
    justify-content:center;
}
.osnova-map-container{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap:20px;
}
#prevBuilding{
    color:white;
}
#nextBuilding{
    color:white;
}
.building-info table td:nth-child(3n){
    text-align:right;
}
.prote-ignjata-header{
    color: #ed1c24;
    font-size: 35px;
	text-align:left;
}
.building-header{
    width: 100%;
}
.building-header .line{
    width:90%;
}
#prote-ignjata-model{
    width:100%;
}

/* KRAJ PRODAJA STRANICE */
.prodaja-black-section{
   
    display: grid;
    grid-template-columns: 51% 45%;
    align-items: center;
    width: 74.5%;
    margin: 100px auto;
    max-width: 1319px;
    justify-content: space-between;
}
#wrap_1{
    margin:60px auto !important;
    max-width: 1319px !important;
}
.prodaja-img-header{
    font-size:30px;
    font-family:"Montserrat Medium";
    text-align:right;
}
.prodaja-information .line {
    width:100% !important;
    margin: 0px 0px 71px 0px;
}
.prodaja-subheader{
    font-size: clamp(20px, 1.8vw, 28px);
    margin-top: 23px;
    color: #ed1c24;
    font-family:"Montserrat Medium";
}
.veselin-misita-details {
  
    text-align: left;
    font-size: 18px;
    margin-left: -100px;
    width: 100%;
    position: relative;
}
.veselin-misita-info{
    width: 92%;
    margin-left:100px;
}
.full-contain {
    width: 67%;
    margin: 0 auto;
}
.prodaja-text{
    top: 41px;
    position: relative;
}
.prodaja-red-container{
    height: 294px;
    background: #ed1c24;
    padding:101px 0px; 
    position:relative;
    margin-left:6.3%;
    width: 93.7%;
    font-family:"Montserrat Medium";
}
.prodaja-red-container p{
    font-size:43px;
    color:white;
    text-align: left;
}
.plan{
    position: relative;
    width: 83.7%;
    display: grid;
    font-family: "Montserrat Medium";
    margin-left: 6.3%;
    gap:38px;
    grid-template-columns: repeat(auto-fit,minmax(150px, 1fr));
}
.plan div{
    
    text-align:right;
}
.prodaja-red-container a{
    padding:15px 13px;
    font-family:"Montserrat Medium";
    font-size:15px;
    color:white;
    position:relative;
    top:35px;
    text-decoration:none;
    background:#111113;
}
.prodaja-red-container a:hover{
    color:white;
}


.container-form {
    margin-right: auto;
    margin-left: auto;
    margin-bottom:40px;
    display: none;
}

.menu-steps-container {
    width: 67%;
    margin-right: auto;
    margin-top:75px; 
    margin-left: auto;
}

.menu-steps {
    display: flex;
    list-style-type: none;
    padding-left: 0px;
}

.menu-steps li {
    padding-right: 30px;
    height: 35px;
    margin-right: 20px;
    cursor:pointer;
}

.form-group {
    background: #f0faff;
    border: 1px solid #dfe3e6;
    padding: 30px 15px 15px;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: .25rem;
    -ms-border-radius: .25rem;
    -o-border-radius: .25rem;
    position: relative;
    margin-top: 30px;
}
.form-group h3 {
    display: inline-block;
    position: absolute;
    top: -16px;
    padding: 5px 10px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border: 1px solid #dfe3e6;
    border-radius: 0.25rem;
}

.form-row {
    margin: 20px 0px;
}

.izdavanje-btn {
    margin: 0px 10px 0px 52px;
}

.from-row input[type='radio'] {
    margin-right: 30px !important;
}

.form-row input[type='text'],
select {
    height: 40px;
    width: 40%;
}

.form-row span {
    display: inline-block;
    width: 200px !important;
}

#naslov-polje {
    width: 80%;
}

.location-group {
    display: flex;
    margin-top:20px;
}

.location-group div {
    display: flex;
    width: 20%;
    margin-right: 30px;
    flex-direction: column;
}
input[name="istaknutost"]{
    margin-right:10px;
}
.location-group div input {
    height: 40px;
}

.location-group div:nth-child(3) {
    width: 70%;
}

.oprema {
    display: flex;
    margin-top:20px;
}

#detail {
    display: flex;
    margin-bottom: 30px;
    align-items: center;
    gap:45px;
}
textarea{

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width:95%;
    background:white;
    width: 95%;
}
.nicEdit-main{
    background:white;
}
.btn-primary {
    color: #fff;
    background-color: #c8264b !important;
    border-color: #c8264b !important;
    max-width: 270px;
    width: 100%;
}

.text-right {
    text-align: right !important;
    margin-bottom: 40px;
}

.ck.ck-editor {
    width: 100% !important;
}

.ck.ck-editor__editable_inline>:last-child {
    height: 152px;
}

.active {
    display: block !important;
}

.container-form.inactive {
    display: none;
}

.image-picker-button {
    text-align: center;
}

#select-multiple {
    width: 30em;
}

.tip-container label {
    width: 200px;
    margin-bottom: 30px;
}
.oprema__name{
    font-weight:bold;
    font-size:18px;
    width: 267px;
    margin-right: 35px;
    margin-bottom:20px;
}
.tip-container input[type="text"],
input[type="number"],
select {
    height: 40px;
    width: 40%;
}
.preview video{
    height:100%;
    width:100%;
    object-fit:cover;
}
.multiselect-dropdown {
    width: 40% !important;
    height: 40px;
}

.active-link {
    border-bottom: 3px solid #c8264b;
}
#prodaja-drop-list-resp{
    margin: 0px;
    top: 9px;
    gap:22px !important;
}
#prodaja-drop-list{    
    position: absolute;
    padding: 0px;
    background: white;
    top: 43px;
    width: 100%;
}
#prodaja-resp {
    display:none;
}
#prodaja-drop-list li  a{
    margin-top:0px !important;
}
#prodaja-drop-list li:hover{
    background:#ed1c24;
    color:white;
}
#proteLink:not(:first-child) a{
    border-top:1px solid white;
}
#prodaja-list:hover #proteLink{
    background:#ed1c24;
    color:white;
}
.menu-links:hover #proteLink a{
    background:#ed1c24;
    color:white !important;
}
#proteLink a{
    padding:0px;
    width:95%;
    
}
#proteLink{ 
       height: 52px;
    z-index: 5;
    padding-top: 5px;
    margin-top: 0px;
    text-align: center;
    background: white;
    padding: 4px;
}
#prodaja-drop-list:hover{
    display:block;
}
#prodaja-drop-list:hover a{
    display:flex;
}
#drop-list{
    position: absolute;
    display: none;
    height: auto;
    
    padding-left: 0px;
    position: absolute;
    top:100%;
    width:100%;

}
#drop-list li a {
    padding:22px 0px;
    text-align:center;
    font-size:max(0.9vw, 15px);
}
#prodaja-list:hover #prodaja-drop-list{
    display: block;
    position: absolute;
    top: 100%;
    z-index: 3;
    width: 150%;
}
#drop-list li{
    padding: 0px !important;
    text-align:center;
}
#prodaja-list:hover #proteLink{
    display: flex;
    align-items: center;
    justify-content: center;
}
.active-menu{
    background:#ed1c24;
    color:white !important;
    /* max-height: 63px;
    padding: 20px 29px;
    padding-top: 20px;
    margin-top: -20px;
    color:white !important; */
}
.details-post {
    position: relative;
    width: 100%;
}

.details-header {
    background: #dee2e6;
    font-size: 17px;
    padding: 5px;
    margin-bottom: 15px;
}

.about-estate {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.about-estate ul {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

.about-estate h3 {
    margin-bottom: 10px;
    font-size: 1rem;
}

.about-estate span {
    font-weight: bold;
}

.about-estate ul li {
    width: calc(50% - 10px);
}
#back-step .btn-primary{
    padding: 11px;
    margin-top: -18px;
}
#back-step {
    position: absolute;
    width: 10%;
    min-width:100px;
}
#dodaj{
    min-width:200px;
}
#next-step,
#back-step {
    margin-top: 0px !important;
}
#dodaj {
    width: 26%;
    background: #88da52;
    position: relative;
    color: white;
    float: right;
    margin-bottom:75px; 
    border: none;
    padding:11px 0px;
    margin-top:-18px !important;
    border-radius: 6px;
    display:none;
} .loader {
    width: 24px;
    height: 24px;
    border: 3px solid #ed1c24;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }
    #loader-container p{
        font-size: 18px;
        font-weight: 600;
        }
    #loader-container{
        display:none;
        align-items:center;
        justify-content: center;
        gap:10px;
    }
        @keyframes rotation {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
        } 
#next-step .btn-primary{
    
    max-width: 200px;
    padding: 11px 0px;
}
.post-list {
    width: 73%;
    margin-bottom:70px !important;
    margin:0px auto;
    max-width:1319px;
    position:relative;
    display:flex;
    flex-direction: column;
}
.row-information p{
    margin-bottom:0px !important;
}
.app-rows{
    display: grid;
    grid-template-columns: calc(50% - 15px) calc(50% - 15px);
    justify-content: space-between;
}
.single-post{
    width: 74.5%;
    margin:0 auto;
    position:relative;
    top:80px;
    display:flex;
    flex-direction: column;

}
.row-container {
    height: 250px;
    position: relative;
    width: 100%;
    overflow:hidden;
    border: 2px solid lightgrey;
    border-radius: 7px;
    display: flex;
}

.price-filter {
    display: flex;
}

.row-container:nth-child(1) {
    margin-top: 0px;
}

.all-posts-container {
        width: 100%;
}

.filter-container {
    display: none;
    flex-direction: column;
    margin-left:0px;
    width:26%;

}
#sort{
    position:relative;
    float:right;
    margin-bottom:30px !important;
    width: 300px;
}
#sort-container{
    
    max-width: 1319px;

    height: 40px;
    width: 73%;
    margin:70px auto;
    position: relative;
}
.filter {
    border-radius: 7px;
    padding: 15px 15px;
    display:none;
    margin: 7px 0px;
    background: #ffcaca;
}
.active-filter{
    cursor: move;
    user-select: none
}
.filter:nth-child(1) {
    margin-top: 0px;
}
.dots{
    display:none;
}
.app-rows a {
    text-decoration: none;
    color: black;
    margin-bottom:30px;
    font-size: 1.2rem;
}
.highlight-post{
    margin-bottom:30px;
}
.row-information {
    padding: 15px 0px;
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.row-container img, .row-container video {
    max-width: 190px;
    margin-right: 15px;
    object-fit:cover;
    width: 100%;
}

.offer-price {
    display: grid;
    width: 100%;
    color: grey;
    flex-wrap: wrap;
    grid-template-columns: 50% 50%;
    padding-right: 15px;
    justify-content: space-between;
}

.kv-container span {
    font-size: 30px;
}

.basic-info {
    font-size: .725rem;
    color: grey;
}
.offer-price p:nth-of-type(2) {
    text-align:right;
}

.offer-price span:nth-of-type(2) {
    text-align:right;
}
.offer-price span {
    font-size: 30px;
    color: #c8264b;
}

.offer-location {
    font-size: 1.1rem;
    margin-top: 9px;
    line-height: 1.5;
    color: #d60037;
}
#def {
    display: none;
}

#lista-objekata {
    width: 100%;
}
.oprema-chkbx:first-of-type{
    display:none;
}
.oprema-chkbx:last-of-type{
    display:none;
}
#search {
    width: 81%;
    margin: 0 auto;
    color: white;
    display: block;
    border: none;
    border-radius: 4px;
    padding: 8px;
    background: #c55e5e;
}

.filter input {
    margin: 0px 10px;
}

.page {
    display: flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content: center;
    text-align: center;
}

.page-links {
    padding: 10px;
    border: 1px solid#c55e5e;
    background: white;
    cursor: pointer;
    text-decoration: none;
    color: black;
    display: block;
    
}

.page-links a {
    text-decoration: none;
    color: black;
}

.page-links:hover {
    color: #302f37;
}

#page-links-active {
    background: #c55e5e;
    color: white;
}

.login {
    border: 3px solid #c8264b;
    width: 31%;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto;
    padding: 30px;
    position: relative;
    margin: 100px auto;
}

.login p {
    margin: 15px 0px;
}

.login input {
    border: none;
    border-bottom: 2px solid #c8264b;
    padding: 6px 0px;
    outline: none;
    margin:0 auto;
    display:block;
    width:50%;
}

#login-btn {
    margin: 15px 0px;
    width: 50%;
    border: none;
    background: #c8264b;
    color: white;
    padding: 5px 0px;
    position: relative;
    top: 15px;
}

.login-menu {
    display: flex;
    width: 80%;
    justify-content: flex-end;
    margin: 20px 0px 0px 0px;
}

.login-menu a:hover {
    color: white;
}

.error-msg {
    color: #c8264b;
    font-size: 1.20rem;
    font-weight: 500;
}

/*CAROUSEL*/
#sync1 .item {
    background: #0c83e7;
    margin-right: 5px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}
#sync2 .owl-nav, #sync2 .owl-dots{
    display:none !important;
}
#sync2 .item {
    background: #c9c9c9;
    margin: 5px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}
#sync2 .item h1 {
    font-size: 18px;
}
#sync2 .current .item {
    background: #0c83e7;
}
.owl-theme {
   /*default owl-theme theme reset .disabled:hover links */
}
.owl-theme .owl-nav [class*='owl-'] {
    transition: all 0.3s ease;
}
.owl-theme .owl-nav [class*='owl-'].disabled:hover {
    background-color: #d6d6d6;
}
#sync1.owl-theme {
    position: relative;
}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}
#sync1.owl-theme .owl-prev {
    left: 10px;
}
#sync1.owl-theme .owl-next {
    right: 10px;
}
#sync2.owl-carousel .owl-stage{
    display: flex;
}
#sync1.item{
    width:50%;
    height: 455px;
}
.gallery-container {
    width:100%;
    margin:0 auto;
}
.items-img{
    width:100%;
    object-fit:cover;
    height:650px;
}
#sync2.owl-carousel .owl-item video{

    width: 100%;
    height: 100%;
    max-height:200px;
}
#sync2.owl-carousel .owl-item img{
    height: 100%;
    max-height:200px;
object-fit: cover;
    margin-bottom:15px;
}

#sync2{
    margin-bottom: 10px;
    position: relative;
    max-height:200px;

    top: 36%;
}
.publish-date{
    font-size: .75rem;
    line-height: 1.5;
    color: #636363; 
    display:block;
    margin-bottom:5px;
}
.gallery-container h1{
    margin-bottom:0px;
}
.detail-subtitle{
    font-size: 14px;
}
.location-subtitle{
    font-size:14px;
}
.price-size{

    display: flex;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    background: #d52d2d;
    width: 100%;
    padding: 10px;
}
.price-size h4{
    margin:0px;
    color:white;
}
.single-description{
    margin-bottom:30px;
}
.owl-theme .owl-nav [class*=owl-]:hover{
    background:none !important;
}
.icon-container{
    margin:30px  0px !important;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    
}
.icon-parent{
    width:calc(100% / 6 - 10px);
    text-align:center;
}
.icon {
    background: #c8264b;
    height: 150px;
    width:98%;
    margin-bottom:20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-container p{
    font-weight:700;
    font-size:1.2rem;
    color:#afbeca;
}
.icon-container span{
    color:#afbeca;
    font-size:1.1rem;
}
.icon-container img{
    width:50%;
}
.btn-delete{

    position: relative;
    float: right;
    padding: 4px 15px;
    border: none;
    background: #d7492e;
    color: white;
    margin-bottom:30px;
}

.btn-green{

    position: relative;
    float: right;
    margin-right:30px;
    padding: 4px 15px;
    border: none;
    background: rgb(123, 201, 123);
    color: white;
    margin-bottom:30px;
}
.btn-green a {
    color:white;
    text-decoration: none;
}
.btn-green a:hover {
    color:white;
    text-decoration: none;
}
.opremljenost-lista{    
    display: flex;
    list-style-type: none;
    padding-left: 0px;
    flex-wrap: wrap; 
    flex-direction: row;
    justify-content: space-between;
}
.opremljenost-lista li { 
    flex: 50%;
}
.fullscreen{
    width: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
}
.btn-fullscreen{
    width: 30px !important;
    height:30px !important;
    position: absolute;
    z-index: 5;
    right: 9px;
    display:block;
    min-height: 0px !important;
    
}
.exitFullscreen{
    width: 30px !important;
    position: absolute;
    z-index: 5;
    display:none;
    right: 9px;
    min-height: 0px !important;

}
#fs-gallery{
    display:block;
}
.hideDiv{
    display:none;
}
.img-fs {

    width: 89% !important;
    margin: 0 auto;
    max-height: 814px;
}
.owl-stage-fs{

    width: 53%;
    margin: 0 auto;
}
.owl-stage-thumbnails{
    width: 50% !important;
    margin:0 auto;
}
.card-title{
    font-size:.975rem;
    font-weight:700;
    margin-top:5px;
    margin:5px 10px;
}
.highlighted{
    POSITION: ABSOLUTE;
    right: 0px;
    margin-top: 10px;
    background: yellow;
    padding: 1px 8px;
}
.featured-card a{
    text-decoration: none;
    color:black;
}
.featured-card{
    border:1px solid rgb(194, 194, 194);
}
.highlight-img {
    height:150px;
}
.card-cena{
    position:relative;
    text-align:right;
    color:#c8264b;
    margin:5px 10px;

}
.card-location{
    margin-top:5px;
    margin:5px 10px;
}
#location-icon{
    width: 22px;
    position: relative;
    float: left;
}
/*error msg*/
.error-display{
    width:100%;
    display:none;
    padding:7px;
    border:2px solid #d7492e;
    background:#ffa998;
    height:50px;
    color:#d7492e;
    font-size:20px;
}
.card .select {
    color: #ca484c !important;
}
.session-msg{
    padding:7px;
    height: 50px;
    width: 100%;
    background: red;
    z-index: 3;
    position: relative;
    color:white;
    font-size:25px;
    transition:1s;
}
.success-msg{
    padding:7px;
    height: 50px;
    width: 100%;
    color: #385a02;
    background: rgb(132 197 132);
    z-index: 1;
    position: relative;
    font-size:25px;
    transition:1s;
}
.success-msg a{
    margin-left:5px;
    font-size:24px;
    color:#385a02;
}
.success-msg a:hover{
    color:#385a02;
}
#scroll-top{
    position: fixed;
    bottom: 43px;
    right: 45px;
    display:none;
    z-index: 10;
    width: 60px;
    border-radius: 11px;
    background: #afaaaa;
}
.about-container{

    display: flex;
    max-width: 1319px;
    width: 74.5%;
    gap: 30px;
    margin: 60px auto;
}
.about-information{

    display: block;
    gap:50px;
    grid-template-columns: 42% 46%;
}
.about-information a {
    color: #055772;
    text-decoration: none;
}
.about-information a:hover{
    color:#055772;
}
/* ENTERIJER */
.gallery {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    grid-auto-rows: 200px;
    grid-auto-flow: dense;
    margin: 10px auto;
  }
  .gallery__list{
    list-style-type: none;
    text-align:center;
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(calc(100% / 6 - 10px), 1fr));
    gap:5px;
    padding-left:0px;
    justify-content:space-between;
  }
  .show-gallery
  {
    display:block !important;
  }
  .hide-gallery{
   display:none;
  }
  #header .header-login{
      display:none;
}

  .fotorama{
    display:none;
  }
  .fotorama__wrap {
    width:100% !important;
  }
  .gallery-active{
    background:#ed1c24;
    letter-spacing:1px;
    color:white;
    font-weight:bold;
  }
  .gallery__list li{
    transition:0.3s;
    display:flex;
    align-items:center;
    justify-content: center;
    cursor:pointer;
    border:2px solid #ed1c24;
    padding:10px 20px;

}
  .gallery__item {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  
  .gallery__item > img {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  
  .gallery__item--hor {
    grid-column: span 2;
  }
  
  .gallery__item--vert {
    grid-row: span 2;
  }
  
  .gallery__item--lg {
    grid-column: span 2;
    grid-row: span 2;
  }
  #enterijer-gallery{
      margin:60px auto;
      padding:0px;
      width:75.5%;
  }
  #enterijer-gallery h1{
      margin:0px;
      font-family:"Montserrat Medium";
      color:#ed1c24;
  }
  .about-container h1{
      color:#ed1c24;
  }
  .about-header{

    display: grid;
    grid-template-columns: 25% 75%;
    margin-bottom:30px;
  }
  #lightgallery{
      margin-top:35px;
  }
  .lg-outer.lg-thumb-open .lg-thumb-outer{
      text-align:center !important;
  }
  .owl-carousel .owl-item img, .owl-carousel .owl-item video{
 
    width:100%;
    height:700px;
    object-position: center;
  }
  #img img, #img video{
    height: 200px;
    width: 100%;

    object-fit: cover;
  }
  #img::-webkit-scrollbar{
    display:none;
  }
  .editImages{
    position:relative;
  }
.editImages img{
    max-width:276px;
    height:100%;
    max-height:200px;
}
  .removeEditImages{position: absolute;
    top: 0px;
    right: 7px;
    z-index: 5;
    cursor: pointer;
    background: white;
    display: block;
    padding: 7px 15px;
    top: 5;
  }

.veselin-front{
  
    width: 100%;
    min-height: 375px;
    object-fit: cover;
}
#veselin-image-map-container{
    display:flex;
    margin-top:0px !important;
    flex-direction: column;
}
.image-map-contaier{
    width:100%;
}
.osnova-ulaz-1{
    width:90%;
    min-width:400px;
    max-width: 900px;

}
.osnova-ulaz-2{
    width:90%;
    min-width:400px;
    max-width:900px;
}
.osnova-ulaz-1-header{   
    margin-bottom:30px;
    text-align: center;
	font-size: 23px;
}
.veselin-link{
    background: #ed1c24;
    color: white;
    padding: 15px 13px;
    font-family: "Montserrat Medium";
    font-size: 15px;
    text-align: center;
    color: white;
    display:block;
    width:100%;
    position: relative;
    max-width:265px;
    text-decoration: none;
}
.veselin-link:hover{
    color:white;
}
.prodaja-container-main{
    margin:35px auto;
    width:70%;
    text-align: center;
}
.red-separator{
    width:74.5%;
    display:block;
    height:10px;
    max-width:1319px;
    margin:0 auto;
    background:#ed1c24;

}
.prote-ignjata-container{
    
    justify-content: center;
    margin: 60px auto;
    position: relative;
    width: 74.5%;
    max-width: 1366px;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.objekat-container_1 img {
    height: 60%;
    max-height: 400px;
    max-width: 660px;
    object-fit: cover;
    width: 100%;
    min-height: 500px;
}




.container{
  padding: 1rem;
  width:64.5%;
  margin:60px auto;
}
#prodaja-index-container{
    
    padding: 0px !important;
}
.show-content{
opacity:1 !important;
}
.content {
  position: relative;
  width: 100%;
  height:650px;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background:rgba(255,0,0,0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}
.content a{
    text-decoration:none;
}
.content-image{
  width: 100%;
    object-position: center;
    object-fit: cover;
    height: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 50%;
  left:50%;
  padding:20px 0px;
  transform:translate(-50%, -50%);
  background:rgba(255,0,0,0.7);
}

.content-details h3{
  color: #fff;
  font-weight:bold;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.arrow-prodaja {
  width:30px;
  position:relative;
  transition:0.5s;
  right:0px;
}

.content h3 {

    display: flex;
    position: relative;
    transition: all 300ms ease-out;
    will-change: transform;
    align-items: center;
    justify-content: center;
}

.content:hover h3 {
  -webkit-transform: translate3d(-0.3rem, 0, 0);
          transform: translate3d(-0.3rem, 0, 0);
}
.content .arrow-prodaja {
  width: 1.1em;
  opacity: 1;
  transition: all 300ms ease-out;
  will-change: right, opacity;
}
.index-prodaja-btn{
   
    left:50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%);
    top: 0px;
    width: 24%;
    font-size: 17px;
    height: 50px;
    margin-left: 3px;
    max-width: 204px;
    background: none;
    color: white;
    border: 2px solid white;
    transition: 0.5s;
    min-width: 173px;
    font-weight: bold;
}

.index-prodaja-btn::before {
    content:"";
    height:100%;
    width:0px;
    top:0px;
    left:0px;
	background:white;
	opacity: 1;
	transition: 0.4s;
    position: absolute;
    display: block;
}

.index-prodaja-btn:hover::before {
    height:100%;
    width:100%;
    z-index:-1;
}
.index-prodaja-btn a:hover{
    color:#ed1c24;
}
.index-prodaja-btn a{
    text-decoration:none;
    color:white;
}
.index-prodaja-btn:hover {
	color: #ed1c24;
	box-shadow: 0 0 0 10px rgba(250, 250, 250, 0.3)
}
.index-prodaja-btn:hover a{
    color:#ed1c24;
}
.overlay-effect{
    position: absolute;
  width: 1.1em;
  right: -2.1rem;
  opacity: 1;
  top: 50%;
  transition: all 300ms ease-out;
  will-change: right, opacity;
}
.content:hover .content-details{
    background:rgba(255,0,0,0) !important;
}
.content:hover .index-prodaja-btn{
    top: -45%;
    left: 50%;
}
.content:hover .arrow-prodaja {
  opacity: 1;
  right: -1rem;
  transition:1s;
}









.preview{
    position:relative;
    width: 100%;
}
.opis-textarea {
    width:100% !important;

}
.opis-textarea textarea{
    width:100% !important;
}