@font-face {
    font-family: 'Caviar-Dreams';
    src:url('fonts/caviar/Caviar-Dreams.ttf.woff') format('woff'),
        url('fonts/caviar/Caviar-Dreams.ttf.svg#Caviar-Dreams') format('svg'),
        url('fonts/caviar/Caviar-Dreams.ttf.eot'),
        url('fonts/caviar/Caviar-Dreams.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}


/*dodano novo 20.11.2021.*/
.bigimportant {
    font-size: 50px !important;
    position: relative;
    bottom: 30px;
}
.trazilica_kontejner {
    z-index:10;
}
.trazilica{
	font-size:20px !important;
	width: 70px;
    text-align: center;
	display: table;
}
.zemlja{
	
}
/*Kraj dodano novo 20.11.2021.*/


.zenska{
	display:inline-block;
	
}
.upisijebenurecenziju{
	color: black;
    font-size: 2em;
    line-height: 1;
    text-align: center;
    padding-bottom: 25px;
    width: 100%;
}
.popunime{
	color: white;
    font-size: 20px;
	
	
	/* font-weight: bold; */
    /* text-shadow: 1px 1px 3px black;    */
    /* cursor: pointer; */
color: #000000;
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    text-align: justify;
	
	
	
}
.ime_input{
	padding:10px;
	margin:10px;
}
.graybackground{
	display: none;
	position:fixed;
	background:#af8a43e3;
	background:#343434e3;
	background:#ffffffe3;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1010;
}
.prozorr{
	width: 60%;
    position: relative;
    left: 20%;
    top: 20%;
    background-color: #c2c2ff;
	background-color: #008ad28c;
	background-color:#badff2;
    padding: 50px;
}
.iksic{
	background: red;
    border-radius: 50%;
    float: right;
    padding: 0px 5px 0px 5px;
    position: relative;
    left: 63px;
    bottom: 64px;
    cursor: pointer;
    font-size: 25px;
    width: 35px;
    text-align: center;
    font-weight: 700;
	box-shadow: 1px 1px 5px grey;
	background: #badff2;
	transition: all 0.5s ease;
}

.iksic:hover{
	box-shadow: 1px 1px 5px black;
}
@media (max-width:1600px){
    .hero{
        height: 600px;
    }

    .hero .caption{
        width: 92.72727272727273%;
        padding: 0 3.636363636363636%; 
    }

    .hero .caption h3{
        margin: 0;
        left: 0;
    }

   header nav{
	   width: 37%;
	   top:0px;
		border:none;
   }
.telefoni {   
    left: 1%;
    font-size: 1.2em;
    top: 34px;  
}
  

    header nav.active{
        display: block;
		overflow: visible;
    }

    header nav .login_btn{
        float: none;
        display: inline-block;
        width: 100%;
        border: 0;
        margin: 0;
        padding: 20px 0;
        text-align: center;
        background: #f2f3f3;
    }

    header nav ul{
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 0;
    }

    header nav ul li{
        display: block;
		width: auto;
		float: left;
		margin: 3%;
		border: none;
    }

    header nav ul li a{
        display: block;
        padding: 25px 0;
        transition: background .2s linear;
        -webkit-transition: background .2s linear;
        -moz-transition: background .2s linear;
        -o-transition: background .2s linear;
    }

    header nav ul li a:active{
        background: #f2f3f3;
    }

    header nav ul li a,
    header nav .login_btn{
        color: #fff;
    }

    header nav .login_btn:hover{
        background: #eaebeb;
    }

    header nav ul li:last-child{
        border: 0;
    }

    .listings ul.properties_list li{
        width: 46.36363636363636%;
        margin: 0 7.272727272727273% 7.272727272727273% 0;
    }

    .listings ul.properties_list li:nth-child(3n+0){
        margin: 0 7.272727272727273% 7.272727272727273% 0;
    }

    .listings ul.properties_list li:nth-child(2n+0){
        margin-right: 0;
    }

    footer .footer > ul > li{
        width: 29.6969696969697%!important;
        margin-right: 5.454545454545455%;
        margin-bottom: 100px;
    }

    footer .footer > ul > li:nth-child(3){
        margin-right: 0;
    }

    footer .footer > ul > li.links li a{
        text-align: center;
    }

    footer .footer > ul > li.about{
        text-align: center;
        float: none;
        display: inline;
        margin-right: 100%;
        overflow: hidden;
        border-top: 1px solid #82abd4;
    }
	.lic_agency {
		position:initial;
		/* margin-left: 7%; */
	}
	.trazilica_kontejner{
			width: 80%;
	}	
	.fa-phone:before {
		position:relative;
		left:5px;
	}
	.navigacijaa{
		top:13px;
	}
	.nijeokruglo{
		bottom:6px;
	}
}


/*dodano novo 20.11.2021*/
@media (max-width:1199px){
	 header a.hamburger{
        display: block;
    }
	  header nav{
        position: absolute;
        display: none;
        width: 92.72727272727273%; 
        top: 95px;
        left: 3.636363636363636%;
        float: none;
        z-index: 20;
        overflow: hidden;
        background: #fff;
        border-top: 5px solid #bfd9f2;
		width:90%;
		
		
    }
	 
}


@media (max-width:1000px){
	.licencirana_agencija{
		left:25px;
	}	
}




/*Kraj Dodano novo 20.11.2021*/



header nav ul li{
	border:none;
	width: auto;
}
.licencirana_agencija{
	width: 14%;
    float: left;
    position: relative;
    top: 26px;
    text-align: center;
	left: 1px;
}
.telefoni{
	width:23%;
	overflow: visible;
    white-space: nowrap;
    float: left;
}
.tel2 {
    display: block;
    padding-left: 0px; 
    position: relative;
    left: 10px;
    letter-spacing: 0.05em;
}
.nijeokruglo{
	right: 24px;
    bottom: 27px;
}


.navigacijaa{
	float: left;
    position: relative;
    top: 53px;
    text-align: center;
}
.garaze {
    margin-left: 0%;
}


.example{
	width: 80%;
    margin: 0 auto;
}

.MS-content{
	width:100%;
}

.exampleSlider .item {
	display:none;
	clear:left;
}


.reviews .overall_rating .num {
    font-size: 30px;
    font-weight: bold;
    color: #F5A624;
}
.reviews .overall_rating .stars {
    letter-spacing: 3px;
    font-size: 32px;
    color: #F5A624;
    padding: 0 5px 0 10px;
}
.reviews .overall_rating .total {
    color: #777777;
    font-size: 14px;
}
.reviews .write_review_btn, .reviews .write_review button {
    display: inline-block;
    background-color: #565656;
    color: #fff;
    text-decoration: none;
    margin: 10px 0 0 0;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    border: 0;
}
.reviews .write_review_btn:hover, .reviews .write_review button:hover {
    background-color: #636363;
}
.reviews .write_review {
    display: none;
    padding: 20px 0 10px 0;
}
.reviews .write_review textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 150px;
    margin-top: 10px;
}
.reviews .write_review input {
    display: block;
    width: 250px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 10px;
}
.reviews .write_review button {
    cursor: pointer;
}
.reviews .review {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
.reviews .review .name {
    padding: 0 0 3px 0;
    margin: 0;
    font-size: 18px;
    color: #555555;
}
.reviews .review .rating {
    letter-spacing: 2px;
    font-size: 22px;
    color: #F5A624;
}
.reviews .review .date {
    color: #777777;
    font-size: 14px;
}
.reviews .review .content {
    padding: 5px 0;
}
.reviews .review:last-child {
    border-bottom: 0;
	
}

.content{
	display:inline-block;
}

.reviews{
display: inline-block;
}
.smallpp{
	font-size: 1em;
}
.reviews .review {
    padding: 20px 0;
    border-bottom: 1px solid #eee;   
    max-height: 500px;
    overflow: auto;
	margin: 1%;
}
.reviews .review .content {
    font-size: 1em;
}
.reviews .write_review_btn, .reviews .write_review button {
    float: left;
}
.review_holder{
	width: 50%;
    position: relative;
    left: 27%;
    display: inline-flex;
    height: 750px;
    height: 750px;
    overflow: auto;
    box-shadow: 1px 1px 9px;
    padding-left: 2%;
}

.clearleft{
	clear:left;
}
/* .splide_holder{ */
	/* width:100%; */
	/* max-width:100%; */

/* } */

.svijet_nekretnina{
	padding:5%;
}



* { box-sizing: border-box; }

body { font-family: sans-serif; }

.carousel {
 
}

.carousel-cell {
  width: 66%;
  height: 200px;
  margin-right: 10px;
  background: #8C8;
  border-radius: 5px;
  counter-increment: carousel-cell;
}

.write_review_btn{
	clear:both;
}
.ime_input{
	clear:both;
}

.linebefore::before{
	content: ' ';
    display: block;
    border: 1px dashed #dedede;
    margin-right: 24px;
    margin-bottom: 15px;

}
.item::before{
	content: ' ';
    display: block;
    border: 1px dashed #dedede;
    margin-right: 24px;
}

.holderrecenzije{
	margin: 20px;
    /* background: #efefef; */
    text-align: center;
   font-family: 'Lato', sans-serif; 
    /* box-shadow: 1px 1px 25px #b7b7b7; */
}
.holderrecenzije2{
	/* margin: 20px; */
    
    text-align: center;
    font-family: 'Lato', sans-serif;
	background: #badff2;

}


.recenzijeitem{
	width: 23%;
    height: 100%;
    background: #221f1d;
    min-height: 250px;
	min-width: 250px;
    border: 1px solid #a9c8ff;
    margin: 10px;
    display: inline-block;
	max-height: 250px;
	overflow:visiable;
	font-family: 'Lato', sans-serif;
	background:#9f9383;
	background:#bdb29e;
	background:#6b615f;
	background:#7a9b9f;
	background:#badff2;
	/* background-image: url(img/backk.jpg); */
	background-position: center center;
	font-family: 'Montserrat', sans-serif;
}


.recenzijeitem2{
	/* width: 31%; */
    /* height: 100%; */
    /* background: #221f1d; */
    /* min-height: 250px; */
	/* min-width: 350px; */
    /* border: 1px solid black; */
    /* margin: 10px; */
    /* display: inline-block; */
	/* max-height: 250px; */
	/* overflow:hidden; */
	/* font-family: 'Lato', sans-serif; */
	/* background:#9f9383; */
	/* background:#bdb29e; */
	/* background:#6b615f; */
	/* background:#7a9b9f; */
	/* background-image: url(img/rucice5.png); */
	/* background-repeat:no-repeat; */
	/* background-position: center center; */
	/* background-color: #008ad2; */
	 
}
.recenzijeitem2{
	width: 31%;
    height: 100%;
    min-height: 250px;
    min-width: 350px;
    margin: 10px;
    display: inline-block;
    max-height: 340px;
    overflow: hidden;
    /* background-image: url(img/backk.jpg); */
    /* background-position: center center; */
    font-family: 'Montserrat', sans-serif;
	position: relative;
    bottom: 30px;
	font-family: 'Caviar-Dreams'; 
}




/* .splide__slide{ */
	    /* width: calc(32%) !important; */
/* } */
 .splide__arrow--next { 
    right: -22px; 
 } 
.splide__arrow--prev { 
    left: -25px; 
} 





.recenzijeitem p{

	padding: 29px;
    margin: -25px;
	padding-left: 40px;
    padding-right: 41px;
}
.recenzijeholder{
	display: inline-block;
    width: 75%;
	padding: 20px;
}
.zvjezdice {
   letter-spacing: 3px;
    font-size: 20px;
    color: #F5A624;
	color:#fcde43;
    padding: 0 5px 0 10px;
	display: inline-block;
}
.floatleft{
	float:left;
	background-image: url(img/rucice.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #221f1d;
}
.naslovv{
	display: block;
	color: black;
    font-weight: bold;
    font-size: 2.2em;
    padding: 8px 25px 0px 25px;
    line-height: 1.15;
    /* text-shadow: 1px 1px 7px black; */
	
}
.naslov{
	display: block;
	color: black;
	line-height: 1.3;
    padding: 13px 20px 5px 20px;
	font-size: 1.5em;
    /* text-shadow: 1px 1px 7px black; */
	    position: relative;
    bottom: 26px;
    border-top: 1px solid black;
}
.gumbbito {
    color: black;
    background: gold;
    display: inline-block;
    padding: 12px 30px 12px 30px;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 600;
    background: none;    
	cursor:pointer;
}
.gumbbitoo {
    color: black;
    display: inline-block;
    padding: 12px 30px 12px 30px;
    margin-top: 15px;
    text-transform: uppercase;
    font-weight: 600; 
	cursor:pointer;
	border: 1px solid black;
	position: relative;
    bottom: 29px;
}
.imee{
	color: black;
	display:block;
	text-shadow: 1px 1px 11px #5b77ff;
	font-size: 1.2em;
}
.datee{
	color: white;
	display:none;
}
.contentt{
	color: #000000;
    font-size: 1em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
	text-align: justify;
}
.contentt::before{
	content: " ";
    border-top: 1px solid #f5a624;
    width: 70%;
    text-align: center;
    display: block;
    left: 15%;
    position: relative;
    height: 12px;
	 border-top: 1px solid #fcde43;
}
.splide__pagination{
	display:none;
}
.procitajVise{
	 /* background: #f1cc73; */
    /* background: -moz-radial-gradient(center, ellipse cover, #f1cc73 0%, #956f30 100%); */
    /* background: -webkit-radial-gradient(center, ellipse cover, #f1cc73 0%,#956f30 100%); */
    /* background: radial-gradient(ellipse at center, #f1cc73 0%,#956f30 100%); */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1cc73', endColorstr='#956f30',GradientType=1 ); */
	background: radial-gradient(ellipse at center, #badff2e3 0%,#daeaf7b8 100%);
	padding: 7px;
    position: absolute;
    left: 33%;
    
    color: #343d56;
    text-transform: uppercase;
    text-decoration: none;
    /* font-weight: bold; */
    /* text-shadow: 1px 1px black; */
    box-shadow: 0px 0px 8px #ffffff;
    cursor: pointer;
    border: 7px solid #3e8eb72e;
	 bottom: -7px;
	 border-style: double;
}
.saznajte{
	    text-align: center;
}
.zvijezde{
	    text-align: center;
		padding-top: 20px;
		font-size: 1.7em;
}

.recenzijeitem {
		width: calc(47.5%) !important; 
	}
@media (max-width:1720px){
	.recenzijeitem p{
		line-height: 1.2;
	}
	.recenzijeitem {
		width: calc(47.5%) !important; 
	}
}

@media (max-width:1520px){
.recenzijeitem p{
		padding-right:50px;

	}
	.procitajVise{
		/* left: 25%; */
		bottom: 7px;
	}
}
@media (max-width:1320px){
	.recenzijeitem {
		width: calc(47.5%) !important;
	}
}

@media (max-width:1229px){
.recenzijeitem p{
		padding-right:50px;
	}
}
@media (max-width:1250px){
	.recenzijeholder{
		width:100%;
	} 
	.recenzijeitem p{
		line-height: 1.25;
		font-size: 14px;
	}
	.procitajVise{
		left: 28%;
		bottom: 0px;
	}
	.floatleft{
		float:none;
	}
	.naslov{
		font-size:1em;
	}
	.recenzijeitem p{
		padding-right:48px;
	}
}

@media (max-width:1036px){
	.trazilica {		
		display: inline-table;
	}
}


@media (max-width:1000px){
	.image_cover {
		max-height: 128px;
	}
	.procitajVise{
		left:31%;
	}
	.recenzijeitem p{
		font-size: 12px;
	}
}


@media (max-width:900px){	
	.dio_izbornika h1{
		font-size: 1.5em;
	}	
	.review_holder {
		width: 80%;
		position: relative;
		left: 10%;    
	}	
	.procitajVise{
		left:24%;
	}
	.recenzijeitem p {
		line-height: 1.1;
		font-size: 13px;
	}
	.prozorr {
		width: 96%;	
		left: 2%;
		top: 2%;
		padding: 50px;
	}
	/* .splide__slide { */
		/* width: calc(31%) !important; */
	/* } */
}
@media (max-width:800px){
	header nav ul li a{
		border:none;
	}
	.trazilica_kontejner{
		width:100%;
	}
	header nav{
		width: 100%;
		left: 0%;
	}
}
@media (max-width:750px){
	.licencirana_agencija{
		display:none;
	}
}

@media screen and (max-width: 678px){
	.telefoni{
		color: white;
		position: relative;
		left: -2%;
		font-size: 0.8em;
		top: 10px;
	}
	header .logo {
		width: 30%;
	}
	.garaze {
		margin-left: 0%;
	}
	.prozorr {
		width: 96%;	
		left: 2%;
		top: 2%;
		padding: 50px;
	}
	.upisijebenurecenziju{
		font-size: 1.3em;		
	}
}

@media screen and (max-width: 500px){
	.telefoni{
		color: white;
		position: relative;
		left: -2%;
		font-size: 0.8em;
		top: 10px;
	}
	header .logo {
		width: 45%;
	}
	.review_holder {
		width: 90%;
		position: relative;
		left: 5%;		
	}
	.kitaubila{margin:0px;min-width: 150px;min-height: 150px;}
	.kitaubila1{margin:0px;min-width: 150px;min-height: 150px;}
	.kitaubila2{margin:0px;min-width: 150px;min-height: 150px;}
	.citat_container{
		min-width: 300px !important;
		width: 95% !important;
	}
	.citat_container1{
		min-width: 300px !important;
		width: 95% !important;
	}
	.citat_container2{
		min-width: 300px !important;
		width: 95% !important;
	}
	
	.recenzijeitem p {
		line-height: 1.3;
		font-size: 14px;
		line-height: 0.99;
	}
	.prozorr{
		padding: 10px;
	}
	.iksic{
		left: 13px;
		bottom: 15px;
	}
	.procitajVise{left: 26%;background: #badff2;}
	
	
	
	
	
	
	
	.popunime{
	line-height:1;
}
	
	.recenzijeitem{
		min-width:auto;
		width:calc(99%) !important;
		right: 14px;
	}
	.recenzijeitem2 {
		width: 31%;
		height: 100%;
		min-height: 300px;
		min-width: 350px;
		 margin: 0px; 
		display: inline-block;
		max-height: 250px;
		overflow: hidden;
		/* background-image: url(img/backk.jpg); */
		/* background-position: center center; */
		font-family: 'Montserrat', sans-serif;
		/* position: relative; */
		 bottom: 0px;
		font-family: 'Caviar-Dreams';
	}
	
	
	
	
}
	


.exampleSlider .item { width: 100%; }
.citat_container{
	width: 27%;
    margin: 2%;
    box-shadow: 1px 1px 5px grey;
    display: -webkit-inline-box;

	background-image: url(img/citati/nascilj3.png);
    background-color: #fff;
    min-width: 350px;
    min-height: 350px;
    background-position: center;
	background-size: cover;
	transition: all .5s;
	}
.citat_container1{
	width: 27%;
    margin: 2%;
    box-shadow: 1px 1px 5px grey;
    display: -webkit-inline-box;

	background-image: url(img/citati/prodano3.png);
    background-color: #fff;
    min-width: 350px;
    min-height: 350px;
    background-position: center;
	background-size: cover;
	transition: all .5s;
	}
.citat_container2{
	width: 27%;
    margin: 2%;
    box-shadow: 1px 1px 5px grey;
    display: -webkit-inline-box;
	background-image: url(img/citati/ured3.png);
    background-color: #fff;
    min-width: 350px;
    min-height: 350px;
    background-position: center;
	background-size: cover;
	transition: all .5s;
	}
.roundContainer{}
.citatText{}
.kitaubila{
	width: 27%;
    margin: 2%;
    
    display: -webkit-inline-box;
    min-width: 350px;	
    min-height: 350px;   
}
.kitaubila1{
	width: 27%;
    margin: 2%;
    
    display: -webkit-inline-box;   
    min-width: 350px;
    min-height: 350px;   
}
.kitaubila2{
	width: 27%;
    margin: 2%;
   
    display: -webkit-inline-box;
    min-width: 350px;
    min-height: 350px;
}


.container2{
	width:100%;
	text-align: center;
}
.kitaubila:hover .citat_container,
.kitaubila:focus .citat_container {
  transform: scale(1.2);
}

.kitaubila1:hover .citat_container1,
.kitaubila1:focus .citat_container1 {
  transform: scale(1.2);
}

.kitaubila2:hover .citat_container2,
.kitaubila2:focus .citat_container2 {
  transform: scale(1.2);
}
.petnula{
	font-size: 2.2em;
    position: relative;
    bottom: 3px;
    color: #fcca22;
}
.drugidionaslova{
	font-size: 1.7em;
    position: relative;
    bottom: 24px;
    color: #3c3c3c;
}