body{
     font-family: 'Titillium Web', sans-serif;
}
 :root{
     --primary: #9d0808;
     --secondary: #222;
}

a:hover{
    text-decoration: none;
}

.btn:focus{
    box-shadow: none;
}

.header{
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

header{
     background: #fff;
     padding: 1rem 0;
}
.header-logo{
    transform: translateZ(0);
}

.header .dropdown-menu{
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
}

.header .dropdown-item.active,.header .dropdown-item:active{
    background-color: #cc0000;
}

 .header header .header-search{
     border: 0px;
     background: #eee;
     height: 40px;
     border-bottom-left-radius: 5px;
     border-top-left-radius: 5px;
     width: 80%;
}
 .header header .header-search:focus{
     box-shadow: none !important;
}
 .header header .btn-search{
     background: #9d0808;
     color: #fff;
     border-top-left-radius: 0;
     border-top-right-radius: 5px;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 5px;
     min-width: 60px;
     height: 40px;
     transition: .4s all;
}
.header header .btn-search:hover, .header header .btn-register:hover{
    background: #cc0000;
}
 .header header .btn-register{
     background: var(--primary);
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     font-size: 1rem;
     font-family: "Titillium Web", sans-serif;
     line-height: 20px;
}

 .header header .btn-login{
     background: var(--secondary);
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     font-size: 1rem;
     font-family: "Titillium Web", sans-serif;
     line-height: 20px;
}
 .header header .login-area i{
     font-size: .9rem;
}

.header .navigacija{
    background: #9d0808;
}

.header .navigacija .nav-link{
    color: #fff;
    text-transform: uppercase;
}

.mobile-nav{
    display: none;
}

/* MOBILE NAV */

@media only screen and (max-width: 991px) {
    .header{
        display: none;
    }
    .mobile-nav{
        display: block;
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
        border-bottom: 1px solid #ccc;
    }
    .mobile-nav .red{
        display: flex;
    }
    .mobile-nav .red .kol1{
        flex: 1;
    }
    .mobile-nav .red .kol2{
        flex: 2;
        padding: 0 30px;
    }
    .mobile-nav .modal-header{
        flex-wrap: wrap;
        align-items: center;
    }
    .mobile-nav .modal-header .header-logo{
        width: 160px;
    }
    .mobile-nav .modal-header .closeMenu{
        font-size: 1.8rem;
    }
    .mobile-nav .hamburger{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        background: #9d0808;
        color: #fff;
        font-size: 28px;
        text-align: center;
    }
    .mobile-nav .korisnik{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        background: #9d0808;
        color: #fff;
        font-size: 28px;
        text-align: center;
    }
    .mobile-nav .modal.left .modal-dialog {
    	width: 300px;
    	height: 100%;
    	-webkit-transform: translate3d(0%, 0, 0);
    	-ms-transform: translate3d(0%, 0, 0);
    	-o-transform: translate3d(0%, 0, 0);
    	transform: translate3d(0%, 0, 0);
    }
    .mobile-nav a{
        text-decoration: none;
    }
    .mobile-nav .modal.left .modal-content {
    	overflow-y: auto;
    }

    .mobile-nav .modal.right.fade .modal-dialog {
    	right: -300px;
    	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
    	transition: opacity 0.3s linear, left 0.3s ease-out;
    }
    
    .mobile-nav .modal.right.fade.show .modal-dialog {
    	right: 0;
    }
    
    .mobile-nav .modal.right .modal-dialog {
    	width: 300px;
    	height: 100%;
    	-webkit-transform: translate3d(0%, 0, 0);
    	-ms-transform: translate3d(0%, 0, 0);
    	-o-transform: translate3d(0%, 0, 0);
    	transform: translate3d(0%, 0, 0);
    }

    .mobile-nav .modal.right .modal-content {
    	overflow-y: auto;
    }

    .mobile-nav .modal.right.fade .modal-dialog {
    	right: -300px;
    	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
    	transition: opacity 0.3s linear, left 0.3s ease-out;
    }
    
    .mobile-nav .modal.right.fade.show .modal-dialog {
    	right: 0;
    }
    
    /* ----- MODAL STYLE ----- */
    .mobile-nav .modal-content {
    	border-radius: 0;
    	border: none;
    }
    
    .mobile-nav .modal-header {
    	border-bottom-color: #eeeeee;
    	background-color: #fafafa;
    }
    
    .mobile-nav #sidebarModal .nav-link {
        color: #cc0000;
        font-weight: 600;
        line-height: 50px;
        padding: 0;
        text-transform: uppercase;
        border-bottom: 1px solid #ebebeb;
        padding-left: 15px;
    }
    .mobile-nav #sidebarModal1 .nav-link {
        color: #cc0000;
        font-weight: 600;
        line-height: 50px;
        padding: 0;
        text-transform: uppercase;
        border-bottom: 1px solid #ebebeb;
        padding-left: 15px;
    }
    .mobile-nav .nav-link.active{
        border-left: 3px solid #cc0000;
    }
    .mobile-nav .dropdown-menu.show{
        position: relative !important;
        transform: none !important;
        top: auto !important;
        left: auto !important;
        will-change: auto !important;
        width: 100% !important;
        border-radius: 0 !important;
    }
    .mobile-search{
        padding: 10px 0;
        background: #fff;
    }
    .mobile-search form{
        justify-content: center;
    }
    .mobile-search .header-search{
        width: 70%;
        border: 0px;
        background: #eee;
        height: 40px;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }
    .mobile-search .btn-search{
        background: #9d0808;
        color: #fff;
        border-top-left-radius: 0;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 5px;
        min-width: 60px;
        height: 40px;
    }
    .mobile-search input:focus{
        box-shadow: none;
    }
    .mobile-nav .badge{
        background: #cc0000;
        color: #fff;
        margin-right: 15px;
    }
}

/* END MOBILE NAV */

#korisnikModal .modal-dialog{
        top: 50%;
        transform: translateY(-50%);
    }
    #korisnikModal label{
        font-size: .9rem;
        font-weight: 600;
    }
    #korisnikModal .custom-control-input:checked~.custom-control-label::before{
        background: #cc0000;
        border-color: #cc0000;
    }
    #korisnikModal .custom-checkbox label{
        padding-top: 2px;
        font-size: .8rem;
        color: #a7a7a7;
    }
    #korisnikModal .btn-modalLogin{
        background: #cc0000;
        color: #fff;
        width: 100%;
        margin-top: 1rem;
        font-weight: 600;
    }
    #korisnikModal .modal-footer{
        justify-content: center;
        background: #f4f4f4;
    }
    #korisnikModal .registerText{
        font-size: 1.3rem;
        font-weight: 600;
        color: #222;
        margin: 0;
    }
    #korisnikModal .btn-modalRegister{
        background: #222;
        color: #fff;
        width: 100%;
        font-weight: 600;
    }
    #korisnikModal a{
        color: #cc0000;
        text-decoration: none;
        cursor: pointer;
    }

 .main{
     padding: 30px 0;
}


.nekretnineBlokovi .red{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.kol-sm-6{
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 5px;
    position: relative;
    width: 100%;   
}

.kol-sm-4{
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 5px;
    position: relative;
    width: 100%;   
}

.kol-sm-8{
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 5px;
    position: relative;
    width: 100%;   
}




@media (min-width: 768px){
    .kol-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding: 0 5px;
        position: relative;
        width: 100%;   
    }
}

@media (min-width: 992px){
    .kol-md-3{
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 5px;
        position: relative;
        width: 100%;   
    }
    
}




 .object{
     margin-bottom: .7rem;
}
 .object .card{
     background: #fff;
}
 .object.izdvojeno .card{
     background: #fcefca;
}
 .object .card-body{
     padding: 5px;
     background: #fff;
}
 .object.izdvojeno .card-body{
     padding: 5px;
     background: #fcefca;
}
 .object .image{
     position: relative;
}
 .object .image img{
     width: 100%;
     object-fit: cover;
     height: 160px;
     background: #fff;
}
 .object.izdvojeno .image .featured{
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     position: absolute;
     top: 5px;
     left: 5px;
     background: #f0a937;
     padding: .2rem .5rem;
     letter-spacing: .2px;
     font-size: 0.7rem;
     border: 2px solid #be872c;
}
 .object .info{
     padding: .3rem;
}

.object .red{
    display: flex;
}

 .object .info .title{
     color: #3a3e42;
     font-size: 1rem;
     font-weight: bold;
     margin: .5rem 0;
     display: block;
     width: 230px;
     white-space: normal;
     overflow: hidden;
     height: 40px;
}
 .object .info .title:first-letter{
     text-transform: capitalize;
}
 .object .info .divider{
     background: #ffdda4;
}
 .object .info .type-price{
     display: flex;
}
 .object .type{
     font-size: 0.8rem;
     font-weight: 600;
     color: #3a3e42;
     text-transform: uppercase;
}
 .object .price{
     font-weight: 700;
     font-size: 1rem;
     color: #3a3e42;
     text-align: right;
}


/* NASLOV BLOKOVI */

.izdvojeneNek .naslov{
    border-left: 5px solid #cc0000;
    border-radius: 0;
    margin-bottom: 1rem;
}

.izdvojeneNek .naslov .title{
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.najnovijeNek .naslov{
    border-left: 5px solid #0094ff;
    border-radius: 0;
    margin-bottom: 1rem;
}

.najnovijeNek .naslov .title{
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.homeReklama{
    width: 980px;
    height: 100px;
    background: #cc0000;
    display: block;
    margin: 0 auto;
    margin-bottom: 2rem;
    text-align: center;
    line-height: 90px;
    border: 5px solid #aa0000;
}

.homeReklama span{
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    padding: 0;
}

.register{
    padding: 80px 0;
}

.vrstaRegistracije{
    font-size: 1.1rem;
    text-transform: uppercase;
}

.vrstaRegistracije a{
    color: #000;
}

.vrstaRegistracije .active{
    background: #cc0000;
}

.vrstaRegistracije .active a{
    color: #fff;
}

.vrstaRegistracije li{
    transition: 0.2s all ease-in-out;
    border-radius: 5px;
    font-weight: 600;
}

.vrstaRegistracije li:hover{
    background: #cc0000;
}

.vrstaRegistracije li:hover a{
    color: #fff;
}

.vrstaRegistracije .divider{
    border-right: 1px solid #000;
    display: block;
    margin: 0 14px 0 15px;
    height: 30px;
    margin-top: auto;
    margin-bottom: auto;
}

.registerBox{
    border: 1px solid #00000020;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    padding: 15px;
    border-radius: 5px;
}

.regFormTitle{
    margin-top: 3rem;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.regPolBox{
    border: 1px solid #ebebeb;
    width: 145px;
    height: 135px;
    text-align: center;
    opacity: .4;
    cursor: pointer;
}

.regPolSlika img{
    padding: 5px 0;
}

.regPolName{
    background: #535d5f;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    font-weight: 600;
    font-size: .9rem;
}

.registracijaPol{
    margin-bottom: 2rem;
}

.registracijaPol input{
    display: none;
}

.label{
    font-size: .8rem;
    font-weight: 600;
}

.registerBox .form-control{
    height: calc(1.75em + .75rem + 2px);
}

.registerBox .usloviKoristenja{
    margin: 2rem 0;
    font-size: .9rem;
    font-weight: 600;
}

.btn-registracija{
    width: 100%;
    padding: 1rem .5rem;
    background: #cc0000;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 700;
}

.btn-registracija:hover{
    background: #aa0000;
    color: #fff;
}

.profil{
    padding: 50px 0;
}

.profil .profileImgArea{
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.20);
}

.profil .profileCover{
    width: 100%;
    height: 250px;
    background-size: cover;
}

.profil .profileImage{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    background: #fff;
    width: 150px;
    height: 150px;
    margin-top: -80px;
    border-radius: 50%;
}

.profil .profileImage img{
    width: 150px;
    height: 150px;
    object-fit: contain;
    border-radius: 50%;
    border: 5px solid #f7f7f7;
}

.profil .profileInfo{
    padding: 15px;
}

.profil .profileName{
    font-weight: 700;
    font-size: 1.4rem;
}

.verified{
    font-size: 1.1rem;
    color: #cc0000;
    cursor: pointer;
}

.profil .profileBadges ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.profil .profileBadges ul li{
    float: left;
    cursor: pointer;
}

.profil .profileBadges ul li img{
    width: 23px;
}

.profil .profileBadges ul li:not(:last-child){
    padding-right: 10px;
}

.profil .profileAddress, .profil .profilePhone{
    font-size: .875rem;
    font-weight: 600;
}

.profil .profileButtonCTA{
    text-align: right;
}

.profil .profileButtonCTA .btn-porukaProfil{
    background: #6482a6;
    color: #fff;
}

.profil .profileButtonCTA .btn-porukaProfil i{
    padding-right: 10px;
}

.profil .tab-pane{
    padding: 15px;
}

.profil .profilNav{
    background: #fafafa;
}

.profil .profilNav .nav-link{
    text-transform: uppercase;
    font-size: .9rem;
    border-top: 0;
    color: gray;
}

.profil .profilNav .nav-link.active{
    font-weight: 700;
    color: #000;
}

.profil .profilNav li:first-child > .nav-link.active{
    border-left: 0;
}

.profil .profilNav .nav-link i{
    padding-right: 5px;
    font-size: .7rem;
}



.linkapp{
    max-width: 150px;
    width: 100%;
    transform: translateZ(0);
}

.artikal{
    padding: 30px 0;
}

.artikal .artikalCijena{
    background: #cc0000;
    cursor: pointer;
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
}

.artikal .artikalCijena .card-body{
    padding: .5rem 1rem;
}

.artikal .artikalCijena .icon-text{
    color: #fff;
    display: block;
    font-size: 1rem;
    margin-bottom: -5px;
    font-weight: 400;
}

.artikal .artikalCijena .cijena{
    color: #fff;
    display: block;
    font-size: 1.3rem;
    font-weight: 600;
}

.artikal .artikalLokacija .card-body{
    padding: .5rem 1rem;
}

.artikal .artikalLokacija{
    background: #008acc;
    cursor: pointer;
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
}

.artikal .artikalLokacija .icon-text{
    color: #fff;
    display: block;
    font-size: 1rem;
    margin-bottom: -5px;
    font-weight: 400;
}

.artikal .artikalLokacija .grad{
    color: #fff;
    display: block;
    font-size: 1.3rem;
    font-weight: 600;
}

.artikal .artikalStanje .card-body{
    padding: .5rem 1rem;
}

.artikal .artikalStanje{
    background: #808080;
    cursor: pointer;
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
}

.artikal .artikalStanje .icon-text{
    color: #fff;
    display: block;
    font-size: 1rem;
    margin-bottom: -5px;
    font-weight: 400;
}

.artikal .artikalStanje .stanje{
    color: #fff;
    display: block;
    font-size: 1.3rem;
    font-weight: 600;
}

.artikal .artikalInfoBlock{
    padding-top: 1rem;
}

.artikal .artikalInfoBlock .artikalInfo{
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: .5rem;
}

.artikal .artikalInfoBlock .artikalInfo .naziv{
    font-weight: 600;
    padding: 0 5px;
}

.artikal .artikalInfoBlock .artikalInfo .nazivInfo{
	background: #e2e2e2;
    padding: 0 5px;
    color: #626363;
    font-weight: 400;
}

.artikal .artikalInfoBlock .artikalInfo .nazivInfo i{
    color: #28a745;
}

.artikal .detaljnoArtikal{
    padding: 10px 0 0;
}

.artikal .detaljnoArtikal .detaljnoNaslov{
    font-size: 1.8rem;
}

.artikal .lokacijaArtikal{
    padding: 10px 0 0;
}

.artikal .lokacijaArtikal .lokacijaNaslov{
    font-size: 1.8rem;
}

.modalGalerija .carousel-item{
    position: relative;
    padding-bottom: 56.2%;
}

.modalGalerija .carousel-item img{
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.artikal .artikalSlika{
    position: relative;
    padding-bottom: 56.2%;
}

.artikal .artikalSlika img{
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.artikal .artikalSideProfil{
    background: #fff;
    border: 1px solid #f5f5f5;
    margin-bottom: 2rem;
}

.artikal .artikalSideProfil .artikalProfilCover{
    width: 100%;
    height: 100px;
    background-size: cover;
}

.artikal .artikalSideProfil .artikalProfilImage{
    margin: 0 auto;
    background: #fff;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    border-radius: 50%;
}

.artikal .artikalSideProfil .artikalProfilImage img{
    width: 100px;
    height: 100px;
    object-fit: contain;
    border-radius: 50%;
    border: 5px solid #f7f7f7;
}

.artikal .artikalSideProfil .artikalProfilInfo{
    padding: 10px 15px 15px 15px;
}

.artikal .artikalSideProfil .artikalProfilInfo .artikalProfilInfoName{
    font-weight: 700;
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

.artikal .artikalSideProfil .artikalProfilInfo .artikalProfilInfoCTA .btn{
    color: #fff;
    display: block;
    width: 150px;
    text-align: left;
    margin: 0 auto;
}

.artikal .artikalSideProfil .artikalProfilInfo .artikalProfilInfoCTA .btn i{
    padding-right: 10px;
}

.artikal .artikalSideProfil .artikalProfilInfo .artikalProfilInfoCTA .btn:not(:last-child){
    margin-bottom: .5rem;
}

.artikal .artikalSideProfil .artikalProfilInfo .artikalProfilInfoCTA .btn-profil{
    background: #33475e;
}

.artikal .artikalSideProfil .artikalProfilInfo .artikalProfilInfoCTA .btn-poruka{
    background: #6482a6;
}

.artikal .artikalSideProfil .artikalProfilInfo .artikalProfilInfoCTA .btn-poziv{
    background: #5C775F;
}



 footer{
    padding: 50px 0;
    border-top: 1px solid #efefef;
    box-shadow: 0 0 5px #efefef;
}
footer .widget img.footer-logo{
    transform: translateZ(0);
}
 footer .footerTitle{
     color: #222;
     font-size: 1.25em;
     font-weight: 700;
     line-height: 1em;
     margin-bottom: 15px;
}
 footer .informationCount{
     margin: 0;
     padding: 0;
     list-style: none;
}
 footer .informationCount li{
     color: #222;
     font-size: 0.865em;
     font-weight: 600;
}
 footer .informationCount li i{
     color: var(--primary);
}
 footer .footerLinks{
     margin: 0;
     padding: 0;
     list-style: none;
}
 footer .footerLinks li{
     margin-bottom: 5px;
}
 footer .footerLinks li a{
     color: #000;
     font-size: 0.8125em;
     font-weight: 600;
     line-height: 1em;
     transition: all .15s ease-in;
     text-decoration: none;
}


/* View page style */
 .carouselNek{
     background-size: cover;
     background-position: center center;
     height: 300px;
}

.mojProfil{
    padding: 30px 0;
}

.mojProfil .izlistavanje .izabranMeni{
    font-size: 1.5rem;
    font-weight: 600;
}

.mojProfil .list-group-item-action{
    cursor: pointer;
    align-items: center;
}

.mojProfil .list-group-item.active{
    background-color: #cc0000;
    border-color: #cc0000;
}

.mojProfil .list-group-item.cta{
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}

.mojProfil .list-group-item-action .badge{
    background: #cc0000;
}

.mojProfil .list-group-item-action i{
    font-size: 20px;
    padding-right: 5px;
}

.mojProfil .profilArtikal{
    display: flex;
    border: 1px solid #ccc;
}

.mojProfil .profilArtikal .slikaArtikla{
    flex: 1;
}

.mojProfil .profilArtikal .infoArtikla{
    padding: 10px;
    flex: 3;
}

.mojProfil .profilArtikal .datumCijenaArtikla{
    flex: 1;
    background: #f5f5f5;
    display: grid;
    place-content: center;
    text-align: center;
}

.mojProfil .profilArtikal .infoArtikla a .nazivArtikla{
    color: #000 !important;
}

.mojProfil .profilArtikal .infoArtikla .nazivArtikla{
    font-size: 1.3rem;
}

.mojProfil .profilArtikal .infoArtikla .actionArtikal .btnAkcijaProfil{
    background: #f5f5f5;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.mojProfil .profilArtikal .infoArtikla .actionArtikal .btnAkcijaProfil:hover{
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

.mojProfil .profilArtikal .datumCijenaArtikla .cijenaArtikla{
    font-size: 1.3rem;
    margin: 0;
    font-weight: 600;
}

.mojProfil .profilArtikal .datumCijenaArtikla .datumArtikla{
    margin: 0;
    font-size: .9rem;
}

.mojProfil img.profilPostavkeAvatar {
    border-radius: 50%;
    border: 5px solid #cc0000;
    max-width: 200px;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 1rem;
    object-fit: cover;
    object-position: center;
}

.mojProfil .profilPostavkeAvatarTitle{
    font-weight: 600;
    text-align: center;
    margin: 0;
}

.mojProfil .profilPostavkeAvatarDesc{
    text-align: center;
    font-size: .8rem;
    color: #888;
}

.mojProfil .profilPostavkeAvatarButton{
    display: block;
    margin: 0 auto;
    max-width: 200px;
    width: 100%;
}

.objektiObjava{
    padding: 50px 0;
}

.objektiObjava .title{
    font-size: 1.5rem;
    font-weight: 600;
}

.objektiObjava .ikonica i{
    display: block;
    font-size: 2rem;
    text-align: center;
}

.objektiObjava button{
    width: 100%;
}

.objektiObjava .btn-objava{
    background: #cc0000;
    border-color: #cc0000;
    color: #fff;
}

.objektiObjava .btn-renta{
    background: #0094ff;
    border-color: #0094ff;
    color: #fff;
}

.objavaTabs .nav-item .nav-link{
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 700;
    color: #cc0000;
}

.objavaTabs .nav-item .nav-link.active{
    color: #cc0000;
}

.objavaTabs .nav-item .nav-link.disabled{
    cursor: not-allowed;
    pointer-events: all;
    color: #6c757d;
}

.page-item.active .page-link{
    background: #cc0000;
    border-color: #cc0000;
}

.page-link{
    color: #000;
    box-shadow: none !important;
}

.table-poruke a{
    color: #000;
}

.table-poruke a:hover{
    text-decoration: underline;
}

.pitanjeArtikal{
    background: #ededed;
    padding: 0 0.5rem;
    border: 1px dotted gray;
}

.pitanjeKorisnika,.odgovorKorisnika{
    margin-bottom: 1rem;
}

.pitanjeKorisnika a,.odgovorKorisnika a{
    color: #000;
}

.pitanjeKorisnika a:hover .lijevaStrana,.odgovorKorisnika a:hover .lijevaStrana{
    box-shadow: 0 0 5px rgb(0 0 0 / 50%);
}

.pitanjeKorisnika .lijevaStrana,.odgovorKorisnika .lijevaStrana{
    display: flex;
    justify-content: start;
    align-items: center;
    box-shadow: 0 0 2px rgb(0 0 0 / 30%);
    padding: 5px;
    transition: .3s all ease-in-out;
}


.pitanjeKorisnika .lijevaStrana .avatar,.odgovorKorisnika .lijevaStrana .avatar{
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.pitanjeKorisnika .porukaKorisnika{
    box-shadow: 0 0 2px rgb(0 0 0 / 30%);
    padding: 10px;
    transition: .3s all ease-in-out;
}

.odgovorKorisnika .porukaKorisnika{
    box-shadow: 0 0 2px rgb(255 0 0 / 30%);
    padding: 10px;
    transition: .3s all ease-in-out;
    background: #f5f5f5;
}


.pitanjeKorisnika .vrijemePoruke, .odgovorKorisnika .vrijemePoruke{
    float: right;
    font-size: .78rem;
}

.btn-slika{
    background: #cc0000;
    color: #fff;
}

.btn-slika:hover{
    color: #fff;
    background: #ff0000;
}

.btn-odgovori{
    background: #222;
    color: #fff;
}

.btn-odgovori:hover{
    color: #fff;
    background: #000;
}

@media (min-width: 991px){
    .login-area{
        text-align: right;
    }
    .dropdown:hover>.dropdown-menu {
        display: block;
    }
    .dropdown>.dropdown-toggle:active {
        pointer-events: none;
    }
}

 @media (max-width: 1200px){
     .object .type{
         font-size: .7rem;
    }
     .object .price{
         font-size: .9rem;
    }
}

@media (max-width: 991px){
    .profil .profileAddressPhone{
        text-align: right;
    }
    .profil .profileButtonCTA{
        text-align: center;
        padding-top: 1rem;
    }
     .homeReklama{
        width: 100%;
    }
    
}

@media (max-width: 768px){
    .object .info .title{
         width: 150px;
     }
    .object .divider{
        margin-top: .5rem;
        margin-bottom: .5rem;
    }
    .object .image img{
        height: 130px;
    }
    .profil .profileName{
        text-align: center;
        padding-top: 70px;
    }
    .profil .profileBadges{
        text-align: center;
    }
    .profil .profileBadges ul{
        display: inline-block;
    }
    .profil .profileAddress{
        text-align: center;
    }
    .profil .profilePhone{
        text-align: center;
    }
    .profil .profileCover{
        height: 200px;
    }
    .registerBox .register-text{
        order: 2;
        margin-top: 3rem;
    }
    footer .widget:not(:last-child){
        margin-bottom: 1.5rem;
    }
    footer .widget img.footer-logo {
        max-width: 250px;
    }
    footer .informationCount li{
        font-size: 1rem;
    }
    .profil .tab-pane{
        padding: 5px;
    }
    .profil .profilNav .nav-link{
        padding: .5rem .5rem;
    }
    .mojProfil .profilArtikal .infoArtikla .nazivArtikla{
        font-size: .9rem;
        width: 150px;
        white-space: normal;
        overflow: hidden;
        height: 35px;
        margin: 0;
    }
    .mojProfil .profilArtikal .actionArtikal{
        display: none;
    }
    .mojProfil .profilArtikal .slikaArtikla{
        flex:.8;
    }
    .mojProfil .profilArtikal .infoArtikla{
        flex: 1.5;
        padding: 5px;
    }
    .mojProfil .profilArtikal .datumCijenaArtikla .cijenaArtikla {
        font-size: 1rem;
    }
    .mojProfil .profilArtikal .datumCijenaArtikla .datumArtikla {
        font-size: .75rem;
    }
}