/* CSS Document
narandzasta iz loga #faa72f
malo svetlija #2c8be4
font-family: 'Raleway', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Quicksand', sans-serif;
font-family: 'Titillium Web', sans-serif;
font-family: 'Dosis', sans-serif;
*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Dosis:300,400,500,700|Quicksand|Raleway:400,500,600,700|Roboto+Condensed:400,700|Titillium+Web:300,400,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
body { font-family: 'Titillium Web', sans-serif; letter-spacing:1px; font-size:14px; color:#191919; overflow-x: hidden; }
.mt1 { margin-top:1px; }.mt5 { margin-top:5px; }.mt10 { margin-top:10px; }.mt15 { margin-top:15px; }.mt20 { margin-top:20px; }.mt25 { margin-top:25px; }.mt30 { margin-top:30px; }.mt35 { margin-top:35px; }.mt40 { margin-top:40px; }.mt45 { margin-top:45px; }.mt50 { margin-top:50px; }
.mb1 { margin-bottom:1px; }.mb5 { margin-bottom:5px; }.mb10 { margin-bottom:10px; }.mb15 { margin-bottom:15px; }.mb20 { margin-bottom:20px; }.mb25 { margin-bottom:25px; }.mb30 { margin-bottom:30px; }.mb35 { margin-bottom:35px; }.mb40 { margin-bottom:40px; }.mb45 { margin-bottom:45px; }.mb50 { margin-bottom:50px; }.mr5 { margin-right:5px; }.mr10 { margin-right:10px; }.mr15 { margin-right:15px; }.mr20 { margin-right:20px; }.mr25 { margin-right:25px; }.mr30 { margin-right:30px; }.mr35 { margin-right:35px; }.mr40 { margin-right:40px; }.mr45 { margin-right:45px; }.mr50 { margin-right:50px; }.ml5 { margin-left:5px; }.ml10 { margin-left:10px; }.ml15 { margin-left:15px; }.ml20 { margin-left:20px; }.ml25 { margin-left:25px; }.ml30 { margin-left:30px; }.ml35 { margin-left:35px; }.ml40 { margin-left:40px; }.ml45 { margin-left:45px; }.ml50 { margin-left:50px; }.pt15 { padding-top:15px; }.pt20 { padding-top:20px; }.pt25 { padding-top:25px; }.pb15 { padding-bottom:15px; }.pb20 { padding-bottom:20px; }.pb25 { padding-bottom:25px; }.font12 { font-size:12px; font-weight:400; }.font14 { font-size:14px; font-weight:400; }.font16 { font-size:16px; font-weight:400; }.font18 { font-size:18px; font-weight:400; }.font20 { font-size:20px; font-weight:400; }.font22 { font-size:22px; font-weight:400; }.font24 { font-size:24px; font-weight:400; }
.fontcolor666 { color:#666; }.fontcolor333 { color:#333; }.fontcolor999 { color:#999; }.fontcolor666:hover { color:#666; }.fontcolor333:hover { color:#333; }.fontcolor999:hover { color:#999; }.botomline { text-decoration:none; }.botomline:hover { text-decoration:none; }
.displaytable { display:table; }
.tablecell { display:table-cell; vertical-align:middle; }
.imgcenter { margin-left: auto; margin-right: auto; }
.sivapozadina { background-color: rgba(249,249,249,1); }
.belapozadina { background-color: rgba(255,255,255,1); }
.padingtext { padding: 20px; }
.margintop { margin-top:125px; }
.margintopprojekti { margin-top:100px; }
.margintopmanji { margin-top:100px; }
.padd { padding: 0px 25px 0 25px; }
.padingpretraga { height:400px; }
.uspeh { padding: 10px; margin-top: 15px; }
/*---------------------------------------------------------------------------------meni----------------------*/
.meni { position: fixed; top: 0; left:0; right: 0; z-index: 9; padding-right: 30px; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; background-color: rgba(45,71,146,1); transition: all .6s ease; }
.transparent .meni2  ul li a { background-color: rgba(45,71,146,0) !important; transition: all .6s ease; border-bottom:none; color:#fff; }
.transparent { background-color: rgba(45,71,146,0) !important; transition: all .6s ease; border-bottom:none; }
.logotop { position: fixed; top: 5px; left: 30px; z-index: 80;  }
.logotop img { height: 60px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s;}
.logotopbig {  position: fixed; top: 20px; left: 30px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.logotopbig img { height: 110px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.meni2 { background-color:transparent; border-bottom:0px; margin-bottom:10px; min-height: auto !important; margin-top: 10px; }
.meni2 ul { list-style:none; padding-left:0px; margin-top:0px; }
.meni2 ul li { display:inline-block; }
.meni2 ul li a { font-family: 'Oswald', sans-serif; font-size: 16px; color:#191919; letter-spacing:1px; font-weight:400; display:table-cell; vertical-align:middle; padding:5px 0 5px 30px; text-align:center; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.meni2 ul li a:hover { color:#e4c372 !important; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.meni2 i { margin-left:10px; }
.navbar-right .dropdown-menu { right:auto; left: 15px; }
.navbar-right .dropdown-menu li { width: auto; display: block; }
.dropdown-menu li { border-right: 0 !important; }
.dropdown-menu>li>a { text-align: left !important; font-size: 14px !important; padding: 8px 20px !important; }
.navbar-nav>li>.dropdown-menu{ margin-top: -1px; background-color: rgba(45,71,146,0.95) !important; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: transparent; }
.navbar-right { margin-right: 0px; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: #fff; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: transparent; }
.srpski { padding: 5px 10px 5px 40px !important; }
.engleski { padding: 5px 0px 5px 10px !important; border-left: solid 1px #666; }
.jezici img { display: inline-block !important; margin-bottom:5px; margin-left:10px; }
.nav-up { top:0px; background-color: rgba(45,71,146,1) !important; }
.nav-up ul li a { color:#fff !important;  }
.tipprodaje { position: absolute; top: 5px; left: 20px; font-size: 12px; color: #fff; padding: 3px 10px; background-color: #087be6; }
.navbar-default .navbar-nav>li>a { color: #fff; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: transparent;
}
/*---------------------------------------------------------------------------------meni----------------------*/
/*---------------------------------------------------------------------------------slider--------------------*/
.slider { padding: 0; position: relative; }
.carousel-indicators .active { background-color: #f36f21; }
.carousel-indicators li { width: 25px; border-radius: 0; }
.carousel-indicators .active { width: 25px; }
.carousel-inner img { width: 100%; }
.carousel-control { margin: 0; padding: 0; width: 22%; }
.carousel-control.left { opacity: 0.6; filter:alpha(opacity=60); display: block; position: absolute; top: 45%; margin-top: 0px; z-index: 6; transition:all .6s ease; background-image: none !important; text-align: left; }
.carousel-control.right { opacity: 0.6; filter:alpha(opacity=60); display: block; position: absolute; top: 45%; margin-top: 0px; z-index: 6; transition: all .6s ease; background-image: none !important; text-align: right; }
.carousel-control.left:hover, .carousel-control.right:hover { opacity: 1; filter:alpha(opacity=100); transition: all .6s ease; }
.mojtekst { position: relative; text-align: center; display: table-cell; height: 100%; vertical-align: middle; }
.textslider { text-align:left; width:100%; color:#fff; padding-left:85px; padding-right:85px; display:table; }
.textslider span { color:#e4c372; }
.textslider h1 { font-size:72px; font-weight:600; line-height:0.9; text-shadow:2px 2px 3px rgba(0,0,0,0.4); }
.iznadh1 { margin-bottom:50px; font-size:16px; font-weight:400; letter-spacing:0.3em; line-height:1.2; text-transform:uppercase; }
.textslider h2 { margin-top:20px; margin-bottom:0px; font-size:20px; font-weight:400; letter-spacing:0.2em; line-height:1.2; text-transform:uppercase; text-shadow:2px 2px 3px rgba(0,0,0,0.4); }
.filter { background-color:rgba(0,0,0,0.3); }
.dugmeslider { color: #fff; border: 2px solid rgba(255,255,255, .75); background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: auto; padding: 8px 37px; font-size: 12px; font-weight: 400; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: all .6s ease; }
.dugmeslider:hover { color: #191919; background: #fff; transition: all .6s ease; }
.slidermini { position: relative; height: 400px; text-align: center; }
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; transition-duration: 1s !important; }
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control { z-index: 2; }
/*---------------------------------------------------------------------------------slider--------------------*/
/*---------------------------------------------------------------------------------pretraga------------------*/
.bootstrap-select.btn-group .dropdown-menu { z-index: 99999; }
.mojwell { padding: 30px 20px 10px 20px !important; border-radius: 0px !important; border: 0; }
.pretraga { position: absolute; bottom: 3%; }
.pretraga { padding-left: 100px; padding-right: 100px; }
.pretraga label, select, input { font-size: 13px !important;  }
.pretragaselect { width: auto !important; height: 50px; }
.pretraga .btn { height: 50px !important; border-radius: 0 !important; }
.mojbutton { width: 17%; background-color: #e4c372; color: #fff; border: 0; height: 50px; }
.w40 { width: 35% !important; }
.w10 { width: 12% !important; }
.w15 { width: 15% !important; }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { margin-bottom: 0px; }
.dropdown-menu { border-radius: 0px; }
.pretragaid { position:absolute; right:34%; left:34%; top:130px; font-family:'Poppins', sans-serif !important; font-size:13px; font-weight:400; color:#333; }
.pretragaid input[type="text"] { background-color:rgba(255,255,255,1); color:#191919 !important; border:solid 1px #ccc; border-radius: 0 !important; }
.pretragaid input[type="text"]::placeholder { color:#999 !important; -webkit-input-placeholder:#999; -moz-placeholder:#999; -ms-input-placeholder:#999; }
.dugmeid { background-color:#e4c372; color:#fff; border:solid 1px #e4c372; height: 40px; border-radius: 0 !important; }
.dugmeid:hover { background-color:#e4c372; color:#fff; }
/*---------------------------------------------------------------------------------pretraga------------------*/
/*---------------------------------------------------------------------------------cookies-------------------*/
.kolacici { display: none; background-color: rgba(0,0,0,0.9); color:#fff; padding: 20px 0; text-align: center; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999 !important; }
.dugmekolacici { color: #fff; border: 2px solid rgba(255,255,255,0.75); background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: auto; padding: 5px 15px; font-size: 12px; font-weight: 400; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: all .6s ease; }
.dugmekolacici:hover { color: #191919; background: #fff; transition: all .6s ease; }
/*---------------------------------------------------------------------------------cookies-------------------*/
/*---------------------------------------------------------------------------------futer---------------------*/
.futer { background-color: #2d3892; padding-top: 30px; padding-bottom: 10px; }
.futermeni h2 { font-size: 16px; color: #fff; position: relative; display: inline-block; padding-bottom: 13px; margin-bottom: 0px; }
.futermeni h2:before { content: ''; display: block; height: 3px; width: 100%; background-color: #fff; position: absolute; bottom: -2px; z-index: 1; }
.futermeni ul { padding-top: 22px; padding-bottom: 20px; list-style:none; padding-left:0px; }
.futermeni ul li { color:#fff; margin-bottom:5px; font-size: 15px; }
.futermenilink ul li a { color:#fff; text-decoration: none; cursor:pointer; font-size: 15px; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.futermenilink ul li a:hover { padding-left: 5px; color:#7d8993; text-decoration:none; cursor:pointer; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.socialfuter { display: inline-block; margin-right: 5px; margin-bottom: 20px; margin-top: 20px; color: #fff !important; font-size: 18px !important; }
.bgface { background-color: #3f5798; padding: 4px 7px 2px 7px; }
.bginstagram { background-color: #d62976; padding: 4px 7px 2px 7px; }
.bgtwitter { background-color: #657786; padding: 4px 7px 2px 7px; }
.bgyoutube { background-color: #c92428; padding: 4px 7px 2px 7px; }
.futerbox { background-color:transparent; border-color:#4D4D4D; border-radius:0; color:#fff }
.futerbox:focus { border-color:#4D4D4D; }
.futerbutton { background-color:#4D4D4D; border-color:#4D4D4D; color:#fff; border-radius:0; }
.futer2 { background-color: #2b2f80; color:#fff; padding:7px 50px 7px 50px; font-size:13px; }
.futer2 a { color:#fff; text-decoration:none; cursor:pointer; }
.futer2 a:hover { color:#ffffff; text-decoration:none; }
.futer2-desno { text-align:right; }
/*---------------------------------------------------------------------------------futer---------------------*/
/*---------------------------------------------------------------------------------kontakt-------------------*/
.kontakt a { color: #333; text-decoration: none; transition: all .6s ease; }
.kontakt a:hover { text-decoration: none; color: #cbb171; transition: all .6s ease; }
.kontakt h1 { text-transform: uppercase; position: relative; text-align: center; font-size: 26px; font-weight: 400; margin-bottom: 25px; margin-top: 35px; letter-spacing: 0.1em; color: #cbb171; }
.iconcont {margin-right: 10px; font-size:22px; color: #cbb171; width: 50px; }
.mojbox { border-radius: 0px !important; border-color: #ccc !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.mapa { width: 100%; height: 350px; }
.pogledajsve { color: #191919; border: 2px solid rgba(0,0,0, .75); background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: auto; padding: 10px 40px; font-size: 13px; font-weight: 400; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: all .6s ease; display: inline-block; }
.pogledajsve:hover { color: #fff; background: #191919; transition: all .6s ease; text-decoration: none; }
/*---------------------------------------------------------------------------------kontakt-------------------*/
/*---------------------------------------------------------------------------------blog lista i detaljno-----*/
.naslovgrupe { text-align: center; font-weight: 400; font-size: 24px; color: #191919; margin-bottom: 30px; margin-top: 30px; }
.naslovgrupe span { color:#e4c372; }
.blog { background-color:#ffffff; margin-bottom:25px; color:#666; text-decoration:none !important; }
.blogkratakopis { padding:20px; height: 250px; border: solid 1px #dedede; }
.bloglink h2 { font-size: 18px; text-transform: uppercase; color:#191919; margin-top: 0px; text-decoration: none; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; line-height: 22px; margin-bottom: 15px; display: inline-block; }
.bloglink:hover h2 { color:#e4c372; text-decoration: none; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.bloglink:hover { text-decoration:none !important; }
.blognaslov { font-size: 18px; text-transform: uppercase; color:#191919; margin-top: 0px; text-decoration: none; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; line-height: 22px; margin-bottom: 15px; display: inline-block; }
.blognaslov:hover { color:#05131e; text-decoration: none; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.dugmevise { color: #05131e; border: 2px solid rgba(0,0,0, .75); background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: auto; padding: 5px 25px; font-size: 12px; font-weight: 400; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: all .6s ease; display: inline-block; position: absolute; bottom: 40px; }
.dugmevise:hover { color: #fff; background: #05131e; transition: all .6s ease; text-decoration: none; }

/*---------------------------------------------------------------------------------blog lista i detaljno-----*/
/*---------------------------------------------------------------------------------info text-----------------*/
.textstil  { color:#333; font-size: 16px; line-height: 1.5; }
.textstil h1 { font-size: 24px; text-transform: uppercase; color: #191919; margin-bottom: 25px; }
.textstil h2 { font-size: 20px; text-transform: uppercase; color: #e4c372; margin-bottom: 20px; }
.textstil h3 { font-size: 18px; text-transform: uppercase; color: #e4c372; margin-bottom: 15px; }
.textstil a { color:#191919; text-decoration: none; transition: all .6s ease; }
.textstil a:hover { color:#666; text-decoration: none; transition: all .6s ease; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #faa72f; border-color: #faa72f; }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #faa72f; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
/*---------------------------------------------------------------------------------info text-----------------*/
/*---------------------------------------------------------------------------------navbar--------------------*/
.nav.nav-tabs { border-bottom:1px solid #e1e1e1; margin:0px 0 30px; padding:0; }
.nav-tabs > li { margin:0 27px 0 0; padding:0; background:transparent; }
.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li.active > a:focus { padding:9px 0; font-size:16px; line-height:22px; font-weight:700; color:#191919; letter-spacing:.15em; text-transform:uppercase; border:0; border-bottom:2px solid transparent; -webkit-transition:border .3s; -moz-transition:border .3s; transition:border .3s; background:transparent; }
.nav-tabs > li > a:hover { border-color:#e4c372; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:active { border-color:#e4c372; }
/*---------------------------------------------------------------------------------navbar--------------------*/
/*---------------------------------------------------------------------------------lista---------------------*/
.stan { position:relative; height:220px;  }
.stan img { margin-left:auto; margin-right:auto; z-index:-999; } 
.stan { font-weight:300; overflow:hidden; margin-top:0px; margin-bottom:0px; }
.stan img { z-index:-999; max-width:100%; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.stan:hover img { -moz-transform:scale(1.15); -webkit-transform:scale(1.15); transform:scale(1.15); }
.ribbon { position:absolute; right:10px; top:-5px; z-index:2; overflow:hidden; width:75px; height:75px; text-align:right; }
.ribbon span { font-size:9px; font-weight:bold; color:#FFF; text-transform:uppercase; text-align:center; line-height:20px; -webkit-transform:rotate(45deg); transform:rotate(45deg); width:100px; display:block; background:#ae1218; background:linear-gradient(#ae1218 0%, #cc161d 100%); box-shadow:0 3px 10px -5px rgba(0, 0, 0, 1); position:absolute; top:19px; right:-21px; }
.ribbon span::before { content: ""; position:absolute; left:0px; top:100%; z-index:-1; border-left:3px solid #ae1218; border-right:3px solid transparent; border-bottom:3px solid transparent; border-top:3px solid #ae1218; }
.ribbon span::after { content: ""; position:absolute; right:0px; top:100%; z-index:-1; border-left:3px solid transparent; border-right:3px solid #ae1218; border-bottom:3px solid transparent; border-top:3px solid #ae1218; }
.thumbnail { border: none; }
.detaljired { display: table; width: 100%; table-layout: fixed; border-top: solid 1px #dedede; border-bottom: solid 1px #dedede; }
.detaljikolona { display: table-cell; text-align: center; padding: 10px 0; }
.linkceo { text-decoration: none; }
.linkceo:hover { text-decoration: none; }
.lista { padding:0px; border-radius:0px; border: solid 1px #dedede; }
.opis { padding: 20px !important; color: #666 !important; height: 250px; }
.opis a { text-decoration: none; }
.opis a:hover { text-decoration: none; }
.stannaslov { font-size: 16px; text-transform: uppercase; color:#191919; margin-top: 0px; text-decoration: none !important; line-height: 20px; margin-bottom: 15px; }
.idoglasa { position:absolute; right:5px; top:5px; z-index:8; color:#fff; padding:3px 10px; font-size: 12px; background-color: rgba(0,0,0,0.70); }
.transakcija { position:absolute; left:20px; bottom:30px; z-index:8; background-color: rgba(0,0,0,1); color:#fff; padding:3px 15px; font-size: 12px; text-transform: uppercase; font-weight: 600; }
.vrednostcene { position:absolute; left:20px; bottom:0px; z-index:8; color:#e4c372; padding:3px 5px 3px 5px; font-size: 18px; background-color: rgba(255,255,255,1); min-width: 40%; text-align: center; font-weight: 600; }
.lokacija-oglasa { font-size:14px; color:#e4c372; line-height: 16px; font-weight: 600; margin-bottom: 10px; }
.dodatno-oglas { position: absolute; left: 15px; right: 15px; bottom: 20px; }
.dodatno-oglas i { color: #ccc; margin-right: 5px; font-size: 22px; }
.dodatno-oglas span { margin-right: 20px; }
.saznaj-oglas { position: absolute; bottom: 20px; right: 15px; padding: 5px 10px; font-size: 13px; background-color: #e4c372; color: #fff; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; text-decoration: none; cursor: pointer; }
.saznaj-oglas:hover { background-color: #e4c372; color: #fff; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; text-decoration: none; cursor: pointer; }
/*---------------------------------------------------------------------------------lista---------------------*/
/*---------------------------------------------------------------------------------pocetna-------------------*/
.parallaxtekst { padding-top: 100px; padding-bottom: 60px; text-align: center; font-size: 18px; line-height: 1.5; }
.parallaxtekst h1 { font-size: 30px; margin-bottom: 30px; }
.parallaxtekst h2 { font-size: 24px; color:#e4c372; }
.parallax { min-height: 500px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; color: #fff; }
.parallaxfilter { background-color: rgba(0,0,0,0.5); height: 500px; }
/*.parallax::before { top: -2px; left: 0; background: url("../images/whitetop.png") no-repeat; background-size: cover; z-index: 15; content: " "; height: 100px; width: 100%; position: absolute; }
.parallax::after{ bottom: -2px; left: 0; background: url("../images/whitebottom.png") no-repeat; background-size: cover; z-index: 15; content: " "; height: 100px; width: 100%; position: absolute; }*/
.najtrazenijelokacije { height: 250px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; margin-bottom: 25px; }
.roze { background-color: rgba(0,0,0,0.5); height: 100%; transition: 0.3s ease-out;  }
.roze:hover { background-color: rgba(228,195,114,0.2); height: 100%; transition: 0.3s ease-out; border-radius: 5px;  }
.img-box-content { position: absolute; z-index: 8; top: 50%; margin: 0 auto; text-align: center; left: 0; right: 0; transform: translate(0,-50.5%); }
.img-box-content h4 { font-size: 28px; line-height: 36px; color: #fff; margin: 0; }
.img-box-content span {	font-size: 16px; color: #fff; }
.padponu { padding-top:35px; }
.belaopacity { background-color:rgba(255,255,255,0.8); padding:30px; }
.belaopacity h5 { font-size:24px; color:#e4c372; margin-bottom:30px;  }
.belaopacity p { font-size:16px; line-height: 1.5; color:#333;}
/*---------------------------------------------------------------------------------pocetna-------------------*/
/*---------------------------------------------------------------------------------stan detaljno-------------*/
.galleribigheight { height: 499px; }
.gallerismallheight { height: 237px; }
.photonumber { color: #fff; font-size: 24px; display: inline-block; margin-top: 100px; }
.modal-dialog { margin: 5% auto 0 auto; }
.modal-lg { width: 1170px; }
.modal-header { padding: 15px; border-bottom: 0; background-color: #191919; color: #fff; }
.modal-title { font-size: 16px; }
.close { font-weight: 400; color: #fff; filter: alpha(opacity=40); opacity: .4; }
.close:hover { color: #fff; opacity: .8; }
.imgheight { height: 500px !important; width: auto !important; }
.agentheightwidth { width: 64px; height: 64px; }
.padingopis { padding: 20px; }
.standetaljnoopis h1 { text-transform: uppercase; position: relative; text-align: left; font-size: 22px; font-weight: 400; margin-bottom: 20px; margin-top: 0px; letter-spacing: 0.1em; color: #666; }
.standetaljnoopis h1 span { background: #fff; padding: 0 15px 0 0; position: relative; z-index: 1; }
.standetaljnoopis h1:before { background: #ccc; content: ""; display: block; height: 1px; position: absolute; top: 50%; width: 100%; }
.standetaljnoopis h1:before { left: 0; }
.stannaslovjedan { font-size:12px; color:#999; text-transform:uppercase; margin-bottom:10px; }
.stannaslovsest { font-size:14px; font-weight:600; color:#e4c372; text-transform:uppercase; margin-bottom:30px; }
.stannaslovdva { font-size:24px; font-weight:400; color:#191919; margin-bottom:5px; }
.stannaslovtri { margin-bottom:30px; }
.stannaslovcetri { font-size:30px; font-weight:400; color:#e4c372; margin-top:22px; text-align: right; }
.stannaslovpet { margin-top:5px; color:#666; }
.standetaljnojedan { display:block; font-size:12px; color:#999; margin-bottom:5px; }
.standetaljnodva { display:block; color:#191919; margin-bottom:25px; font-size:16px; }
.stanikonice { margin-top:30px; }
.stan-checkbox { float:left; width:33%; font-size:13px; margin-bottom:10px; font-weight:500; height:40px; line-height:24px; }
.stan-checkbox i { float:left; margin-right:10px; margin-top:0px; font-size:24px; color:#e4c372; }
.kontaktagenttel { background: #22282d; color: #fff; padding: 16px; margin-top: 16px; border-radius: 4px; }
.kontaktpoziv {display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; text-align: center; -webkit-box-align: center; align-items: center; background: #e4c372; font-weight: 500; padding: 8px 12px; line-height: 24px; border-radius: 4px; color: #22282d; text-decoration: none !important; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; margin-top: 3px; }
.kontaktpoziv:hover { color: #fff; text-decoration: none; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
/*---------------------------------------------------------------------------------stan detaljno-------------*/
.cenovnik { border-collapse: collapse; }
.cenovnik td { border: 1px solid #dedede; }
.cenovnik td { padding: 10px; }

.agent { background-color:#ffffff; border:solid 1px #dedede;margin-bottom:25px; padding: 20px; }
.vest-naslov { font-size: 24px; color:#e4c372; margin-top: 10px; }
.vest-dugme { display: inline-block; color: #666; border: 2px solid rgba(10,10,10,1); background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: auto; padding: 5px 15px; font-size: 12px; font-weight: 400; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: all .6s ease; }
.vest-dugme:hover { color: #fff; background-color: rgba(10,10,10,1); transition: all .6s ease; text-decoration: none; }
.vest-detaljno-naslov { font-size: 24px; color:#e4c372 !important; margin-top: 15px; margin-bottom: 15px; }
.vest-detaljno h1 { font-size: 24px; color:#333; }
.vest-detaljno h2 { font-size: 20px; color:#333; }
.vest-detaljno h3 { font-size: 18px; color:#333; }
.vest-detaljno a { color:#e4c372; text-decoration: none; transition: all .6s ease; }
.vest-detaljno a:hover { color:#666; text-decoration: none; transition: all .6s ease; }
.vest-detaljno ul { }

.naslov-vest-strana { font-size: 16px; color:#e4c372 !important; margin-top: 15px; display: block; text-decoration: none !important; }
.cena-margin { margin-top: 30px; }
.lokacija-margin { margin-bottom: 10px; margin-top: 40px; }
.downloadpdf { float: right; display: inline-block; margin-top: 10px; }
.obavezno { font-weight: 600; color:#e4c372;  }
.slick-dots { display: none !important; }
.socialshare { display:inline-block; margin-right:5px; color: #fff !important; padding: 10px !important; }
.facecolor { background-color:#334f8d; }
.twittercolor { background-color:#00acee; }
.linkedincolor { background-color:#0E76A8; }
.emailcolor {background-color:#cccccc; }
/*--------------------------------------------------------------------------------dugme za poziv i spiner-------------*/
.chatposition { z-index: 999999; display: none; position: fixed; bottom: 25px; left: 25px; }
.chat { display: inline-block;  background-color: #e40055; font-size: 40px; padding: 3px 10px; width: 60px; height: 60px; border-radius: 50%; }
.chat i { color: #fff !important; text-decoration: none; }
.chatmail { display: inline-block;  background-color: #987e41; font-size: 40px; padding: 0px 10px; width: 60px; height: 60px; border-radius: 50%; margin-left: 5px; }
.chatmail i { color: #fff !important; text-decoration: none; }
.scrol { background-color:#000; color:#fff; padding:10px 15px; font-size:24px; }
@media (max-width: 768px){ .chatposition {display: block; } }
#overlay { height: 100%; width: 100%; background: rgba(0, 0, 0, 1); position: fixed; left: 0; top: 0; z-index: 99999; }
.spinner { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #9370DB; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
.spinner:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #BA55D3; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; }
.spinner:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #FF00FF; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
    0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
/*--------------------------------------------------------------------------------dugme za poziv i spiner-------------*/
@media (max-width: 1200px){
    .meni2 ul li a { padding: 5px 0 5px 20px; }
    .logotopbig img { height: 70px; }
    .stan { height: 180px; }
    .pretraga { padding-left: 50px; padding-right: 50px; }
    .dodatno-oglas i { display: block; }
    .modal-lg { width: 900px; }
    .imgheight { height: 400px !important; width: auto !important; }
}

@media (max-width: 992px){
    .meni2 ul li a { padding: 5px 0 5px 10px; font-size: 13px !important; }
    .logotopbig img { height: 60px; }
    .kontakt h1 { font-size: 22px; }
    .futermeni ul li { font-size: 13px; }
    .futermenilink ul li a { font-size: 13px; }
    .pretraga { padding-left: 20px; padding-right: 20px; }
    .pretragaselect { height: 36px; }
    .pretraga .btn { height: 36px !important; }
    .mojbutton { height: 36px; }
    .slidermini { height: 440px; }
    .textslider h1 { font-size: 42px; }
    .parallaxtekst { padding-top: 50px; padding-bottom: 100px; }
    .galleribigheight { height: 399px; }
    .gallerismallheight { height: 187px; }
    .modal-lg { width: 740px; }
    .imgheight { height: 420px !important; width: auto !important; }
}

@media (max-width: 768px){
    .meni { padding-right: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; background-color: rgba(45,71,146,1); transition: all .6s ease; }
    .transparent .meni2  ul li a { background-color: rgba(45,71,146,1) !important; transition: all .6s ease; border-bottom:none; color:#fff; }
    .transparent { background-color: rgba(45,71,146,1) !important; transition: all .6s ease; }
    .navbar-toggle .icon-bar { width: 32px; height: 3px; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #e4c372; }
    .navbar-default .navbar-toggle { border-color:transparent !important; border-radius: 0px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 5px; }
    .navbar-toggle { margin-bottom: 4px; }
    .navbar-nav { margin:0; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color:transparent; }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; }
    .navbar-collapse { margin-top: 20px; }
    .logotop { position: fixed; top: 5px; left: 10px; z-index: 9999;  }
    .logotop img { height: 60px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s;}
    .logotopbig {  position: fixed; top: 5px; left: 10px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; z-index: 9999; }
    .logotopbig img { height: 60px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
    .meni2 ul li { display: block; text-align: center; }
	.meni2 ul li a { display: block; text-align: center; padding: 11px 0; font-size:16px !important; }
    .opis { height: 280px; }
    .dodatno-oglas { bottom: 0px; }
    .najtrazenijelokacije { height: 180px; }
    .img-box-content { left:20px; right: 20px; }
    .img-box-content h4 { font-size: 22px; line-height: 30px; }
    .stan { height: 220px; }
    .galleribigheight { height: 300px; margin-bottom:20px; }
    .gallerismallheight { height: 150px; margin-bottom: -15px; }
    .stannaslovtri { margin-bottom: 10px; }
    .stannaslovcetri { margin-top: 10px; margin-bottom: 10px; }
    .photonumber { margin-top: 60px; }
    .parallax { min-height: 600px; background-attachment: scroll; }
	.parallaxfilter { height: 700px; }
    .modal-lg { width: 95%; }
    .imgheight { height: auto !important; width: auto !important; }
    .mobilebox { margin-bottom: 5px; }
	.well { margin-bottom: 0px; }
	.mojwell { padding: 0px 15px 0px 15px !important; }
	.mobilebutton { background-color: #e4c372; color: #fff; border: 0;  width: 100%;}
    .futer2 { padding: 7px 20px 7px 20px; }
    .margintopprojekti { margin-top: 80px; }
    .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li.active > a:focus { padding:9px 0; font-size:14px; line-height:22px; font-weight:700; color:#191919; letter-spacing:1px; }
    .nav-tabs > li { margin: 0 20px 0 0; }
}