/* CSS Document
narandzasta iz loga #ffc459
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;
font-family: 'Montserrat', sans-serif;
font-family: 'Great Vibes', cursive;
font-family: 'Dancing Script', cursive;
*/
@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/css?family=DM+Serif+Display&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap"');
/*@import url('https://fonts.googleapis.com/css?family=Great+Vibes&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,500,700&display=swap');
body { font-family: 'Roboto Condensed', sans-serif; font-size:16px; color:#333; overflow-x: hidden !important;  }
.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; }
.displaytable { display:table; width: 100%; }
.tablecell { display:table-cell; vertical-align:middle; }
.margintop { margin-top:140px; }
.margintopblogdetaljno { margin-top:140px; }
.padd { padding: 0px 25px 0 25px; }
.padingpretraga { height:400px; }
.bordertop { border-top: solid 2px #dedede; padding-top: 40px; }
.sivapozadina { background-color: #e9e9eb; }
.gradijentpozadina { background: linear-gradient(to right, #e9e9eb 0%,#e9e9eb 50%,#fff 50%,#fff 100%); }
.bootstrap-select.btn-group .dropdown-menu { z-index: 9999; }
.naslovgrupe { text-align: center; font-weight: 400; font-size: 30px; text-transform: uppercase; color: #000; margin-bottom: 35px; margin-top: 35px; }
.naslovgrupe span { color: #3ba0b8; }
/*---------------------------------------------------------------------------------preloader----------------*/
#overlay { height: 100%; width: 100%; background: rgba(5, 19, 30, 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); }
}
/*---------------------------------------------------------------------------------preloader----------------*/
/*---------------------------------------------------------------------------------meni----------------------*/
.pozadinacrna { background-color: rgba(0,0,0,1); margin-left: -30px; margin-right: -30px; }
.meni { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: rgba(5,19,30,1); transition: all .6s ease; }
.transparent { background-color: rgba(5,19,30,0.8) !important; transition: all .6s ease; }
.infotop { text-align: center; color: #fff; font-size: 15px; }
.infotop ul { list-style: none; padding: 0; margin: 0; }
.infotop ul li { display: inline-block; padding: 5px 12px 5px 8px; border-right: solid 1px #333; }
.infotop ul li a { color: #fff; text-decoration: none; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.infotop ul li a:hover { color: #3ba0b8; text-decoration: none; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.infotop ul li i { font-size: 18px; color: #3ba0b8; display: inline-block; margin-right: 5px; }
.socialsharetop a { display: inline-block; border-radius: 50%; padding: 6px 0 4px 0; width: 32px; text-align: center; margin: 0 3px; }
.socialsharetop a i { font-size: 18px; color: #fff !important; margin-right: 0px !important; }
.jezikmobile { display: inline-block !important; }
.jezici { height: 20px; display: inline-block; }
.logo { position: absolute; top: 50px; left: 15px; z-index: 9999; }
.logo img { height: 50px; }
.meni2 { background-color: transparent; border-bottom: 0px; margin-top: 40px; min-height: auto; margin-bottom: 0px; }
.meni2 ul { list-style: none; padding-left:0px; margin-top:0px; }
.meni2 ul li { display: inline-block; }
.meni2 ul li a { color: #fff !important; font-size: 16px; letter-spacing: 1px; font-weight: 400; display: table-cell; vertical-align: middle; padding: 5px 0 5px 20px; text-align: center; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.meni2 ul li a:hover { color:#3ba0b8 !important; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; text-decoration: none; }
.meni2 i { margin-left: 10px; }
.navbar-right .dropdown-menu { right: auto; left: -80px; }
.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: 13px !important; padding: 8px 20px !important; }
.navbar-nav>li>.dropdown-menu{ margin-top: -1px; background-color: rgba(5,19,30,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; }
.nav-up { top: 0px; background-color: rgba(5,19,30,1) !important; }
.nav-up ul li a { color:#fff !important;  }
/*---------------------------------------------------------------------------------meni----------------------*/
/*---------------------------------------------------------------------------------slider--------------------*/
.visinaslidera { }
.slider { padding: 0px !important; margin: 0px !important; }
.sliderpretraga { height:500px; }
.carousel-indicators .active { background-color: #cb9c74; }
.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: 5%; }
.carousel-control.left { opacity: 0.6; filter:alpha(opacity=60); display: block; position: absolute; top: 50%; margin-top: -50px; 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: 50%; margin-top: -50px; 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: #3ba0b8; }
.textslider h1 { font-size: 70px;  letter-spacing: 2px; font-weight: 600; line-height: 1; text-shadow: 2px 2px 3px rgba(0,0,0,0.4); }
.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: #000; background: #fff; transition: all .6s ease; }
.slidermini { padding: 180px 0 100px 0; color: #fff; text-align: center; }
.slidermini span { color:#3ba0b8; }
.slidermini h1 { font-size: 50px; font-weight: 400; line-height 0.9; text-shadow: 2px 2px 3px rgba(0,0,0,0.4); }
.slidermini h2 { margin-top: 22px; 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); }
.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; }
.videoklas { object-fit: cover; width: 100vw; height: 100vh; top: 0; left: 0; position: absolute; }
/*---------------------------------------------------------------------------------slider--------------------*/
/*---------------------------------------------------------------------------------cookies-------------------*/
.kolacici { display: none; background-color: rgba(59,160,184,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: #000; background: #fff; transition: all .6s ease; }
/*---------------------------------------------------------------------------------cookies-------------------*/
/*---------------------------------------------------------------------------------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: #3ba0b8; color: #fff; border: 0; height: 40px; }
.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:#000 !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; }
/*---------------------------------------------------------------------------------pretraga------------------*/
/*---------------------------------------------------------------------------------futer---------------------*/
.futer { background-color: #05131e; padding-top: 30px; padding-bottom: 10px; }
.logofuter img { height: 220px; margin-top: 22px; }
.futermeni p { font-size: 15px; margin-top: 15px; margin-bottom: 0; color: #63727f; }
.futermeni h2 { font-size: 16px; letter-spacing: 1px; color: #fff; position: relative; display: inline-block; padding-bottom: 13px; margin-bottom: 0px; margin-top: 10px; }
.futermeni h2:before { content: ''; display: block; height: 3px; width: 100%; background-color: #1d303f; position: absolute; bottom: -2px; z-index: 1; }
.futermeni ul {  padding-top: 15px; padding-bottom: 20px; list-style:none; padding-left:0px; }
.futermeni ul li { color:#fff; margin-bottom:3px; font-size: 15px; }
.futermenilink ul li a { color:#63727f; 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:#fff; 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: 0px; color: #fff !important; font-size: 18px !important; border-radius: 50%; }
.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; }
.bglinkedin { background-color: #0E76A8; 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: #05131e; color:#42515e; padding:7px 50px 7px 50px; font-size:13px; border-top: solid 2px #142533; }
.futer2 a { color:#42515e; text-decoration:none; cursor:pointer; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.futer2 a:hover { color:#fff; text-decoration:none; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.rights { text-align: right; }
/*---------------------------------------------------------------------------------futer---------------------*/
/*---------------------------------------------------------------------------------blog lista i detaljno-----*/
.blog { background-color: #fff; margin-bottom: 25px; }
.blogkratakopis { padding: 20px 0px; height: 250px; }
.blogkratakopis p { font-size: 15px; }
.blognaslov { font-size: 18px; text-transform: uppercase; color: #000; 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: #3ba0b8; text-decoration: none; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.dugmevise { color: #000; border: 2px solid #000; background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: auto; padding: 8px 25px 5px 25px; 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; position: absolute; bottom: 40px; }
.dugmevise:hover { color: #fff; background: #3ba0b8; border: 2px solid #3ba0b8; transition: all .6s ease; text-decoration: none; }
.blogkratakopisleft { padding: 20px 0 20px 0px; }
.blognaslovleft { font-size: 18px; text-transform: uppercase; color: #000; 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; }
.blognaslovleft:hover { color: #3ba0b8; text-decoration: none; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.dugmeviseleft { color: #000; border: 2px solid #000; background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: auto; padding: 8px 25px 5px 25px; 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; }
.dugmeviseleft:hover { color: #fff; background: #3ba0b8; border: 2px solid #3ba0b8; transition: all .6s ease; text-decoration: none; }
.blogslika { position: relative; }
.blogslika img { margin-left: auto; margin-right: auto; z-index: -999; } 
.blogslika { font-weight: 300; overflow: hidden; margin-top: 0px; margin-bottom: 0px; }
.blogslika img { z-index: -999; max-width: 100%; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.blogslika:hover img { -moz-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); }
.blogpozadina { background-color: #fff; position: relative; }
.bloglink { color: #333; text-decoration: none; }
.bloglink:hover { color: #333; text-decoration: none; }
/*---------------------------------------------------------------------------------blog detaljno-------------*/
/*---------------------------------------------------------------------------------index----------------------*/
.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; }
.padponu { padding-top:35px; }
.belaopacity { background-color:rgba(255,255,255,0.8); padding: 30px; }
.belaopacity h5 { font-size: 24px; font-weight: 400; color: #3ba0b8; margin-bottom: 30px;  }
.belaopacity p { font-size: 16px; line-height: 1.5; color: #333; }
/*---------------------------------------------------------------------------------index----------------------*/
/*---------------------------------------------------------------------------------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:#3ba0b8; }
.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:#3ba0b8; }
/*---------------------------------------------------------------------------------navbar--------------------*/
/*---------------------------------------------------------------------------------lista---------------------*/
.lista { padding:0px; border-radius:0px; background-color:transparent !important; }
.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-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: 0px 20px 20px 20px !important; color: #666 !important; height: 160px; }
.opis a { text-decoration: none; }
.opis a:hover { text-decoration: none; }
.stannaslov { font-size: 16px; text-transform: uppercase; color:#191919; margin-top: 20px; 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:42px; z-index:8; background-color: #05131e; color:#fff; padding:3px 15px; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; }
.vrednostcene { position:absolute; left:20px; bottom:5px; z-index:8; color:#3ba0b8; padding:3px 5px 3px 5px; font-size: 22px; background-color: #fff; min-width: 40%; text-align: center; font-weight: 400; }
.lokacija-oglasa { font-size:16px; color:#3ba0b8; line-height: 16px; font-weight: 400; margin-bottom: 10px; }
.dodatno-oglas { margin-right: -20px; margin-left: -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: #3ba0b8; 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: #3ba0b8; color: #fff; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; text-decoration: none; cursor: pointer; }
.tipprodaje { position: absolute; top: 5px; left: 20px; font-size: 12px; color: #fff; padding: 3px 10px; background-color: #3ba0b8; }
/*---------------------------------------------------------------------------------lista---------------------*/
/*---------------------------------------------------------------------------------contact-------------------*/
.kontakt a { color: #333; text-decoration: none; transition: all .6s ease; }
.kontakt a:hover { text-decoration: none; color: #3ba0b8; 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: #000; }
.iconcont {margin-right: 10px; font-size:22px; color: #3ba0b8; width: 50px; }
.mojbox { border-radius: 0px !important; border-color: #ccc !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.mapakontakt { border: 0; width: 100%; height: 500px; margin-top: 50px; }
/*---------------------------------------------------------------------------------contact-------------------*/
/*---------------------------------------------------------------------------------info page-----------------*/
.textstil a { color: #3ba0b8; text-decoration: none; transition: all .6s ease; }
.textstil a:hover { color:#000; text-decoration: none; transition: all .6s ease; }
.textstil h1 { font-size: 22px; margin-top: 30px; margin-bottom: 20px; text-transform: uppercase; color: #000;  }
.textstil h2 { font-size: 20px; margin-top: 30px; margin-bottom: 20px; text-transform: uppercase; color: #3ba0b8;  }
.textstil h3 { font-size: 18px; margin-top: 30px; margin-bottom: 20px; text-transform: uppercase; color: #3ba0b8;  }
/*---------------------------------------------------------------------------------info page-----------------*/
/*---------------------------------------------------------------------------------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: 10px; }
.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:25px; }
.stannaslovtri { margin-bottom:30px; }
.stannaslovcetri { font-size:30px; font-weight:400; color:#3ba0b8; 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:18px; }
.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:#3ba0b8; }
.kontaktagenttel { background: #05131e; 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: #192c3b; font-weight: 500; padding: 8px 12px; line-height: 24px; border-radius: 4px; color: #fff; 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; background: #2d3f4d; text-decoration: none; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
/*---------------------------------------------------------------------------------stan detaljno-------------*/
/*---------------------------------------------------------------------------------pagging-------------------*/
.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: #3ba0b8; border-color: #3ba0b8; }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #3ba0b8; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
/*---------------------------------------------------------------------------------pagging-------------------*/
/*---------------------------------------------------------------------------------ostalo--------------------*/
.cenovnik { border-collapse: collapse; }
.cenovnik td { border: 1px solid #dedede; }
.cenovnik td { padding: 10px; }
.pocetnalista ul { list-style:none; padding-left:0px; }
.pocetnalista ul li { color:#666; margin-bottom:3px; }
.pocetnalista ul li a { color:#666; text-decoration:none; cursor:pointer; font-size: 13px; }
.pocetnalista ul li a:hover { color:#cb9c74; text-decoration:none; cursor:pointer; }
/*---------------------------------------------------------------------------------ostalo--------------------*/
/*---------------------------------------------------------------------------------social--------------------*/
.social { position:fixed; left:0; bottom:30%; z-index:99999 !important; }
.social ul { list-style:none; padding:0; margin:0; }
.social ul li { display:block; text-align:center; }
.social ul li a { display:block; color:#fff;padding:10px; font-size:24px; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.social ul li a:hover { -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.sociallink { color:#fff !important; font-size:20px; width:45px; padding:8px; text-align:center; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.sociallink:hover { width:75px; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.bojafacebook { background-color: #3f5798; }
.bojatwitter { background-color: #3b9ef2; }
.bojainstagram { background-color: #d62976; }
.bojalinkedin { background-color: #0e76a8; }
.bojagoogle { background-color: #d54f45; }
.bojamail { background-color: #585858; }
.bojatel { background-color: #000; }
.bojaviber  { background-color: #59267c; }
/*---------------------------------------------------------------------------------social--------------------*/
/*---------------------------------------------------------------------------------ostalo--------------------*/
.brojrezultata { text-align: left; font-weight: 400; font-size: 20px; text-transform: uppercase; color: #242424; margin-bottom: 25px; margin-top: 0px; }
.brojrezultata span { color: #f3b022; }
.pogledajsve { color: #000; 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: #000; transition: all .6s ease; text-decoration: none; }
.selektujtevise { font-size: 11px; }
.uspeh { padding: 10px; margin-top: 15px; }
.padnas { padding-left:25px; padding-right:25px; text-align: center; }
/*---------------------------------------------------------------------------------ostalo--------------------*/
@media (max-width: 1200px){
	.infotop { font-size: 14px; }
	.logo img { height: 50px; margin-top: 0px; }
    .meni2 { margin-top: 60px; }
	.meni2 ul li a { padding: 5px 10px; font-size: 15px; letter-spacing: 0; }
	.slidermini h1 { font-size: 36px; }
	.slidermini h2 { font-size: 18px; }
	.stan { height: 190px; }
	.blognaslov { font-size: 16px; }
	.social { bottom: 0; }
	.textslider { padding-left: 60px; padding-right: 60px; }
	.textslider h1 { font-size: 48px; }
	.pretraga { padding-left: 60px; padding-right: 60px; }
	.stanpadding { padding-top: 10px; }
	.dropdown-menu>li>a { font-size: 14px !important; padding: 6px 20px !important; }
    .opis { height: 300px; }
}
@media (max-width: 992px){
	.infotop { font-size: 12px; }
	.logo img { height: 50px; }
	.meni2 ul li a { padding: 5px 6px; font-size: 12px; letter-spacing: 0; }
	.text-right { text-align: left; }
	.margintop { margin-top: 110px; }
    .futermeni h2 { font-size: 14px; }
    .futermenilink ul li a { font-size: 14px; }
    .futermeni p { font-size: 14px; } 
    .pretraga { padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 768px){
    .logo { top: 45px; left: 10px; }
    .logo img { height: 40px; }
	.infotop ul li { margin-left: 5px;  border-right: 0; }
	.moblogo { height: 40px; margin-top: 4px; }
	.meni2 { margin-top: 0px; }
    .navbar-toggle { padding: 0; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; border-radius: 0px; }
    .navbar-default .navbar-toggle { border-color: transparent; }
	.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-toggle .icon-bar { background-color: #fff !important; }
    .navbar-toggle .icon-bar { width: 30px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; }
	.navbar-collapse { border-top: none; -webkit-box-shadow: none; box-shadow: none; }
	.meni2 ul li { display: block; text-align: center; }
	.meni2 ul li a { display: block; letter-spacing: 0; font-size: 18px !important; text-align: center !important; padding: 12px 5px !important; color: #fff !important; }
	.navbar-nav>li>.dropdown-menu { background-color: transparent!important; }
	.visinaslidera { height: 600px; }
	.pretraga { padding-left: 10px; padding-right: 10px; }
	.mobilebox { margin-bottom: 5px; }
	.well { margin-bottom: 0px; }
	.mojwell { padding: 0px 15px 0px 15px !important; }
	.mobilebutton { background-color: #3ba0b8; color: #fff; border: 0;  width: 100%;}
	.pretraga .btn { height: 36px !important; }
	.slidermini { padding: 120px 0 60px 0; }
	.slidermini h1 { font-size: 28px; }
	.slidermini h2 { font-size: 14px; }
	.naslovgrupe { font-size: 20px; }
	.saznaj-oglas { bottom: 0px; }
	.margintop { margin-top: 90px; }
	.standetaljnoslika { height: 300px; }
    .opis { height: auto; }
    .nav-tabs > li { margin: 0 15px 0 0; }
    .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 { font-size: 14px; }
    .galleribigheight { height: 300px; margin-bottom:20px; }
    .gallerismallheight { height: 150px; margin-bottom: 5px; }
    .stannaslovjedan { margin-top: 15px; }
    .stannaslovdva { margin-bottom: 0; }
    .stannaslovcetri { margin-top: 5px; }
    .marginamobilni { margin-top: 20px; }
    
    .modal-lg { width: auto; } 
}