@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap');
body { font-family: 'Open Sans', sans-serif; letter-spacing: 1px; font-size:16px; color: #191919; 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; }.mt60 { margin-top:60px; }.mt70 { margin-top:70px; }.mt80 { margin-top:80px; }.mt90 { margin-top:90px; }.mt100 { margin-top:100px; }.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; }.mb60 { margin-bottom:60px; }.mb70 { margin-bottom:70px; }.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(229,229,229,1); }
.belapozadina { background-color: rgba(255,255,255,1); }
.plavapozadina { background-color: rgba(19,47,60,1); }
.uspeh { padding: 10px; margin-top: 15px; }
.pozadinasiva { background-color: rgba(204,204,204,1); }
.marginatop { margin-top: 70px; }
.marginatopgalerija { margin-top: 100px; }
.bootstrap-select .btn:focus { outline: 0 dotted #333333 !important; outline: 0px auto -webkit-focus-ring-color !important; outline-offset: -2px; }
/*---------------------------------------------------------------------------------meni----------------------*/
.meni { position: fixed; top: 0; left:0; right: 0; z-index: 99; padding-right: 50px; padding-left: 50px; padding-top: 10px; padding-bottom: 10px; background-color: rgba(19,47,60,1); transition: all .6s ease; }
.transparent .meni2  ul li a { background-color: rgba(19,47,60,0) !important; transition: all .6s ease; border-bottom:none; color:#fff; }
.meni .meni2  ul li a { background-color: rgba(19,47,60,0) !important; transition: all .6s ease; border-bottom:none; color:#fff; 
/*ovde promeniti da bude prvo bela pa crna*/ }
.transparent { background-color: rgba(19,47,60,0) !important; transition: all .6s ease; border-bottom:none; }
.logotop { position: fixed; top: 5px; left: 30px; z-index: 9999;  }
.logotop img { height: 56px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s;}
.logotopbig {  position: fixed; top: 50px; left: 30px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.logotopbig img { height: 120px; -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-size: 16px; color:#fff; letter-spacing:1px; font-weight:400; display:table-cell; vertical-align:middle; padding:5px 0 5px 30px; text-align:center; position: relative; }
.meni2 ul li a:hover { color:#e3cf9b !important;  }
.meni2 ul li a:hover:before { content: ''; display: inline-block; height: 3px; width: 50%; background-color: #e3cf9b; position: absolute; bottom: -2px; z-index: 1; }
.meni2 i { margin-left:10px; }
.aktivnastrana { color:#e3cf9b !important; }
.aktivnastrana:before { content: ''; display: inline-block; height: 3px; width: 50%; background-color: #e3cf9b; position: absolute; bottom: -2px; z-index: 1; }
.navbar-right .dropdown-menu { right:auto; left: 0px; }
.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(0,0,0,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(255,255,255,1) !important; }
.nav-up ul li a { color:#000 !important;  }
.tipprodaje { position: absolute; top: 5px; left: 20px; font-size: 12px; color: #fff; padding: 3px 10px; background-color: #087be6; }
/*---------------------------------------------------------------------------------meni----------------------*/
/*---------------------------------------------------------------------------------slider--------------------*/
.slider { padding: 0; position: relative; }
.minivisinaslidera { height: 400px; }
.carousel-indicators .active { background-color: #e3cf9b; }
.carousel-indicators li { width: 35px; border-radius: 0; height: 6px; }
.carousel-indicators .active { width: 35px; height: 6px; }
.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:#e3cf9b; }
.textslider h1 { font-size:56px; font-weight:600; line-height:1.1; 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(19,47,60,0.35); }
.dugmeslider { display: inline-block; margin-top: 20px; 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: 8px 37px; font-size: 14px; 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: #fff; background: #000; transition: all .6s ease; text-decoration: none; }
.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--------------------*/
/*---------------------------------------------------------------------------------cookies-------------------*/
.kolacici { display: none; background-color: rgba(19,47,60,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-------------------*/
/*---------------------------------------------------------------------------------futer---------------------*/
.newsletter::-moz-placeholder { color: #fff; }
.newsletter:-ms-input-placeholder { color: #fff; }
.newsletter::-webkit-input-placeholder { color: #fff; }
.newsletterpozadina { background-color: rgba(0,0,0,1); margin-top:40px; padding-top: 35px; padding-bottom: 35px; }
.futer { background-color: #132f3c; padding-top:30px; padding-bottom:40px; font-size: 14px; letter-spacing: 1px; font-weight: 400; color: #fff; }
.ikonica { font-size:32px; color: #e3cf9b !important; }
.redosledikonica { display: inline-block; line-height: 18px; color: #fff; }
.ikonicanaziv { font-weight: 600; color: #e3cf9b; }
.futerfirst { border-bottom: solid 1px #3a424b; padding-top: 30px; margin-bottom: 30px; }
.futer ul { list-style:none; padding-left:0px; }
.futer ul li { color: #fff; margin-bottom:3px; }
.futer ul li:first-child { color: #e3cf9b; margin-bottom: 20px; font-size: 16px; font-weight: 600; }
.futer ul li a { color: #fff; text-decoration:none; cursor:pointer; font-size: 14px; letter-spacing: 1px; font-weight: 400; }
.futer ul li a:hover { color: #e3cf9b; text-decoration:none; cursor:pointer; }
.futer ul li i { color:#999; margin-right:10px; }
.futer2 { background-color: rgba(19,24,28,1); color:#969696; padding-top:10px; padding-bottom:10px; font-size:13px; }
.futer2 a { color:#969696; text-decoration:none; cursor:pointer; }
.futer2 a:hover { color:#ffffff; text-decoration:none; }
.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; }
.levo { text-align: left; }
.centar { text-align: center; }
.desno { text-align: right; }
/*---------------------------------------------------------------------------------futer---------------------*/
/*---------------------------------------------------------------------------------contact-------------------*/
.kontakt p { margin-bottom: 20px; }
.kontakt a { text-decoration: none; color: #191919; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; font-weight: 600; }
.kontakt a:hover { text-decoration: none; color: #e3cf9b; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.kontakt i { font-size: 46px; color: #e3cf9b; }
.media-heading { font-size: 16px; color: #132f3c; font-weight: 600; }
.media-left, .media>.pull-left { padding-right: 15px; }
.mojmiddle { vertical-align: middle !important; }
.medaimargin { margin-bottom: 15px; }
.kontaktlink { font-size: 16px; color: #132f3c; font-weight: 500; text-decoration: none; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.kontaktlink:hover { color: #4F6C48; text-decoration: none; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.mapa { height: 300px; width: 100%; border: 0; margin: 30px 0 50px 0; }
.kontaktSlaganjeMargin { margin-top: 30px; }
.mojcheckbox input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }
.mojcheckbox label { position: relative; cursor: pointer; font-weight: 400; }
.mojcheckbox label:before { content:''; -webkit-appearance: none; background-color: transparent; border: 2px solid #e3cf9b; border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 10px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 10px; }
.mojcheckbox input:checked + label:after { content: ''; display: block; position: absolute; top: 3px; left: 9px; width: 6px; height: 14px; border: solid #e3cf9b; border-width: 0 2px 2px 0; transform: rotate(45deg); }
/*---------------------------------------------------------------------------------contact-------------------*/
/*---------------------------------------------------------------------------------pocetna-------------------*/
.naslovH1 { font-size: 46px; font-weight: 300; margin-top: 0; margin-bottom: 50px; }
.naslovH2 { font-size: 36px; font-weight: 300; margin-top: 0; margin-bottom: 30px; }
.borderradiusleft { border-top-left-radius: 40px; border-bottom-left-radius: 40px; }
.borderradiusright { border-top-right-radius: 40px; border-bottom-right-radius: 40px; }
.heightlokacija { height: 370px; }
.heightmaterijali { height: 400px; }
.textmiddle { position: absolute; top: 50%; transform: translateY(-50%); }
.paddingright { padding-right: 80px; }
.paddingleft { padding-left: 80px; }
.marginTopSection { margin-top: 80px; }
.marginBottomSection { margin-bottom: 80px; }
.marginTopdugme { margin-top: 20px; }
.dugme { color: #132f3c; background-color: #e3cf9b; border-radius: 15px; border: 0; padding: 10px 30px; font-size: 14px; font-weight: 600; letter-spacing: 1px; display: inline-block; text-decoration: none; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.dugme:hover { color: #132f3c; background-color: #b7a473; text-decoration: none; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.ponudaPadding { padding-top: 80px; padding-bottom: 80px; }
.paddingstats { padding-top: 120px; padding-bottom: 120px; }
.stats { text-align: center; padding-top: 0px; padding-bottom: 0px; height: 90px; }
.stats h5 { font-size: 40px; color: #D9D3C7; font-weight: 300; margin-top: 0; margin-bottom: 20px; letter-spacing: -0.015em; }
.stats span { display: block; font-size: 20px; color: #F4F4F4; font-weight: 300; letter-spacing: -0.015em; }
.stats:after { content: ''; position: absolute; bottom: 0px; top: 5px; right: 0; border-right: 1px solid #e3cf9b; }
.stats:last-child:after { content: ''; position: absolute; bottom: 0px; top: 5px; right: 0; border-right: 0px solid #e3cf9b; }
.filterblure { background-color: rgba(19,47,60,0.2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.formposition { text-align: center; }
.contactform { display: inline-block; padding: 100px 0px; }
.contactform h1 { font-size: 46px; font-weight: 200; color: #fff; margin-top: 0; margin-bottom: 20px; letter-spacing: -0.015em; }
.contactform p { font-size: 20px; font-weight: 300; color: #fff; margin-top: 0; margin-bottom: 50px; letter-spacing: -0.015em; }
.mojbox { color: #666; padding: 16px 20px; background-color: rgba(244,244,244,0.8); border: 0; display: block; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 20px; }
.mojbox::placeholder { color: #666; }
.mojbox:focus { border-color: #666;  outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.visinamojbox { height: 54px; border-radius: 20px; }
.visinamojtextbox { height: 180px !important; border-radius: 20px; }
.newsPadding { padding-right: 30px; padding-left: 30px; }
.newslink { text-decoration: none; }
.newslink:hover { text-decoration: none; }
.newsabout { background-color: #f4f4f4; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.newsabout:hover { border-top-left-radius: 40px; border-bottom-right-radius: 40px; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.newsabout:hover .newsimageabout { border-top-left-radius: 40px; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.newslinkhowershadow:hover { webkit-box-shadow: 0px 40px 80px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 40px 80px 0px rgba(0,0,0,0.3); box-shadow: 0px 40px 80px 0px rgba(0,0,0,0.3); }
.newsimageabout { height: 300px; background-color: #f4f4f4; border-top-left-radius: 0px; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.newsdetails { padding: 10px 20px; background-color: #e3cf9b; position: relative; height: 60px; border-bottom-right-radius: 0px; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.newsabout:hover .newsdetails { border-bottom-right-radius: 40px; background: #132f3c; color: #fff; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.newstitle { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); color: #132f3c; font-size: 22px; margin: 0; font-weight: 400; text-align: center; }
.newsabout:hover .newstitle { color: #fff; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
/*---------------------------------------------------------------------------------pocetna-------------------*/
/*---------------------------------------------------------------------------------lista----------------------*/
.marginBottomList { margin-bottom: 40px; }
.listPadding { padding-right: 20px; padding-left: 20px; }
.listlink { text-decoration: none; }
.listlink:hover { text-decoration: none; }
.listRE { background-color: #f4f4f4; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.listRE:hover { border-top-left-radius: 40px; border-bottom-right-radius: 40px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.listRE:hover .listREimage { border-top-left-radius: 40px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.listHowerShadow:hover { webkit-box-shadow: 0px 40px 80px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 40px 80px 0px rgba(0,0,0,0.3); box-shadow: 0px 40px 80px 0px rgba(0,0,0,0.3); }
.listREimage { height: 300px; background-color: #f4f4f4; border-top-left-radius: 0px; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.listREdetails { padding: 15px 20px; background-color: #e3cf9b; border-bottom-right-radius: 0px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; text-align: center; font-size: 20px; font-weight: 600; color: #132f3c; }
.listRE:hover .listREdetails { border-bottom-right-radius: 40px; background: #132f3c; color: #fff; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.newstitle { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); color: #132f3c; font-size: 22px; margin: 0; font-weight: 400; text-align: center; }
.listRE:hover .newstitle { color: #fff; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.prodato { font-size: 20px; text-align: center; position: absolute; z-index: 9; left: 20px; padding: 10px; background-color: rgba(170,33,33,0.8); color: #fff; }
.rezervisano { font-size: 20px; text-align: center; position: absolute; z-index: 9; left: 20px; padding: 10px; background-color: #e3cf9b; color: #fff; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #132f3c; border-color: #ddd; }
/*---------------------------------------------------------------------------------lista----------------------*/
/*---------------------------------------------------------------------------------info-----------------------*/
.info a { color:#e3cf9b; text-decoration: none; transition: all .6s ease; }
.info a:hover { color:#666; text-decoration: none; transition: all .6s ease; }
.info h1 { font-size: 22px; text-transform: uppercase; color: #e3cf9b;  }
.info h2 { font-size: 20px; text-transform: uppercase; color: #e3cf9b;  }
.info h3 { font-size: 18px; text-transform: uppercase; color: #e3cf9b;  }
/*---------------------------------------------------------------------------------info-----------------------*/
/*---------------------------------------------------------------------------------stan detaljno--------------*/
.detaljnost h2 { font-size: 18px; font-weight: 500; text-align: center; margin-bottom: 20px; }
.detaljnost img { margin-left: auto; margin-right: auto; margin-bottom: 30px; }
.pdfdugme { border: solid 1px #1d2860; padding: 5px 10px; color: #1d2860; text-decoration: none; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; letter-spacing: 0px; text-align: center; margin: -45px 0 0 0; display: inline-block; float: right; font-size: 14px; font-weight: 500; }
.naslovstanadetaljno { background-color: #e3cf9b; color: #132f3c; text-transform:  uppercase; }
.naslovstanadetaljno h1 { margin: 0; padding-top: 20px; padding-bottom: 20px; font-size: 22px; font-weight: 500; }
.modal-dialog { margin: 5% auto 0 auto; }
.modal-lg { width: 1170px; }
.modal-header { padding: 15px; border-bottom: 0; background-color: #000; 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; }
/*---------------------------------------------------------------------------------stan detaljno--------------*/
/*---------------------------------------------------------------------------------slusalica------------------*/
.pointer { position: fixed; bottom: 15px; left: 15px; height: 60px; width: 60px; border-radius: 50%; background: #b20c0c; cursor: pointer; box-shadow: 0 0 0 rgb(178,12,12); animation: pulse 2s infinite; }
.pointer span { color: #fff; text-align: center; display: block; width: 60px; padding: 0px; font-size: 42px; }
@-webkit-keyframes pulse {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(178,12,12,0.4); box-shadow: 0 0 0 0 rgba(178,12,12,0.4); }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(178,12,12,0); box-shadow: 0 0 0 10px rgba(178,12,12,0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(178,12,12,0); box-shadow: 0 0 0 0 rgba(178,12,12,0); }
}
@keyframes pulse {
  0% { -moz-box-shadow: 0 0 0 0 rgba(178,12,12,0.4); box-shadow: 0 0 0 0 rgba(178,12,12,0.4); }
  70% { -moz-box-shadow: 0 0 0 10px rgba(178,12,12,0); box-shadow: 0 0 0 10px rgba(178,12,12,0); }
  100% { -moz-box-shadow: 0 0 0 0 rgba(178,12,12,0); box-shadow: 0 0 0 0 rgba(178,12,12,0); }
}
.scrol { background-color:#e3cf9b; color:#000; padding:12px 15px 8px 15px; font-size:26px; }
/*---------------------------------------------------------------------------------slusalica------------------*/
.razum ul { margin: 0 0 0 0; padding: 0; list-style: none; }
.razum ul li { display: inline-block; padding: 5px 0; width: 280px; }
.mapaikonica { display: inline-block; height: 36px; margin-right: 20px; }
/*---------------------------------------------------------------------------------ostalo--------------------*/
@media (max-width: 1200px){
    .mapaikonica { margin-right: 10px; }
    .razum ul li { font-size: 12px; }
    .meni { padding-right: 10px; padding-left: 10px; }
    .logotop { left: 20px; }
    .logotopbig img { height: 70px; top: 60px; }
    .nav-tabs>li>a { margin-right: 10px; }
    .paddingright { padding-right: 40px; }
    .paddingleft { padding-left: 40px; }
    .meni2 ul li a { font-size: 15px; letter-spacing: 0; padding: 5px 12px 5px 12px; }
}
@media (max-width: 992px){
    body { letter-spacing: 0px; font-size: 16px; }
    .marginatop { margin-top: 70px; }
    .marginatopgalerija { margin-top: 80px; }
    .meni { padding-right: 10px; padding-left: 10px; }
    .meni2 ul li a { font-size: 13px; letter-spacing: 0px; padding: 5px 0 5px 15px; }
    .transparent { background-color: rgba(19,47,60,1) !important; transition: all .6s ease; border-bottom:none; }
    .transparent .meni2  ul li a { background-color: rgba(19,47,60,1) !important; transition: all .6s ease; border-bottom:none;  }
    .logotopbig { position: fixed; top: 5px; left: 10px; }
    .logotopbig img { height: 40px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
    .logotop { position: fixed; top: 12px; left: 10px; }
    .paddingright { padding-right: 0px; }
    .paddingleft { padding-left: 0px; }
    .heightmaterijali { height: auto; }
    .heightlokacija { height: auto; }
    .marginBottomdugmeMob { margin-bottom: 30px; }
    .textmiddle { position: relative; top: 0; transform: translateY(0%); }
    .naslovH2 { margin-top: 20px; }
    .logotop img { height: 40px; }
    .newsimageabout { height: 200px; }
    .stats h5 { font-size: 30px; }
    .stats span { font-size: 16px; }
    .textslider { padding-left: 70px; }
    .visinaslidera { height: 450px; }
    .naslovstanadetaljno h1 { font-size: 20px; }
    .razum ul li { font-size: 15px; }
    .mt100 { margin-top: 80px; }
    .textslider h1 { font-size: 42px; }
    .textslider h2 { font-size: 20px; }
    .futer { font-size: 13px; }
}
@media (max-width: 768px){
    body { letter-spacing: 0px; font-size: 16px; }
    .aktivnastrana { color:#e3cf9b !important; }
    .aktivnastrana:before { content: ''; display: inline-block; height: 0px; width: 0px; background-color: transparent; position: absolute; bottom: 0px; z-index: 1; }
    .logotop { top: 5px; }
    .logotopbig img { height: 44px; }
    .logotop img { height: 44px; }
    .meni { padding-top: 5px; padding-bottom: 5px; }
    .navbar-collapse { -webkit-box-shadow: none; box-shadow: none; }
    .visinaslidera { height: 350px; }
    .meni2 { margin-bottom: 0px; margin-top: 0px; }
    .meni2 ul { margin-top: 20px; }
    .navbar-toggle { margin-right: 0px; margin-top: 5px; }
    .navbar-toggle .icon-bar { width: 32px; height: 2px; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
    .navbar-default .navbar-toggle { border-color:transparent !important; border-radius: 0px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 7px; }
    .navbar-toggle { margin-bottom: 5px; }
    .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; }
    .meni2 ul li { display: block; text-align: center; }
	.meni2 ul li a { display: block; text-align: center; padding: 15px 0; font-size:18px !important; }
    .meni2 ul li a:hover:before { content: ''; display: inline-block; height: 0px; width: 0px; background-color: transparent; position: absolute; bottom: 0px; z-index: 1; }
    .razum ul li { font-size: 12px; }
    .razum ul { margin: 10px 0 0 0; }
    .marginTopSection { margin-top: 40px; }
    .marginBottomSection { margin-bottom: 40px; }
    .naslovH2 { font-size: 30px; }
    .naslovH1 { font-size: 36px; }
    .levo { text-align: center; }
    .desno { text-align: center; }
    .futer { font-size: 16px; }
    .futer ul { margin-bottom: 40px; }
    .futer ul li a { font-size: 16px; }
    .contactform h1 { font-size: 36px; }
    .contactform { padding: 50px 0px; }
    .newsPadding { padding-right: 15px; padding-left: 15px; margin-bottom: 20px; }
    .newsimageabout { height: 280px; }
    .stats { height: auto; }
    .stats h5 { font-size: 36px; color: #e3cf9b; }
    .marginBottomMobileStats { margin-bottom: 30px; }
    .paddingstats { padding-top: 60px; padding-bottom: 60px; }
    .stats:after { border-right: 0; }
    .mapaikonica { margin-right: 5px; }
    .mapaikonica { height: 28px; }
    .logoenergovisina { height: 70px; }
    .futer2 { padding: 10px 10px 10px 10px; font-size: 11px; }
    .mb70 { margin-bottom: 40px; }
    .naslovindex { font-size: 20px; }
    .mt70 { margin-top: 40px; }
    .visinaslike { height: 80px; }
    .textslider { padding-left: 0px; padding-right: 0px; }
    .naslovstanadetaljno { margin-top: 70px !important; }
    .pdfdugme { margin: -10px 0 20px 0; font-size: 14px; font-weight: 500; }
    .naslovstanadetaljno h1 { margin: 0; padding-top: 18px; padding-bottom: 20px; font-size: 20px; font-weight: 400; }
    .margintopslike { margin-top: 0px; margin-bottom: 30px; }
    .podnaslovindex { font-size: 20px; }
    .ikonicepadding { padding-top: 30px; background-color: #fff; }
    .logomobtop { display: block; height: 30px; margin-bottom: 20px; }
    .stan { height: 300px; }
    .kontaktpodaci { width: 100%; text-align: center; }
    .kontaktpodaci img, .kontaktpodaci p { margin-bottom: 5px; display: block; margin-left: auto; margin-right: auto; }
    .futer { font-size: 14px; }
    .redosledikonica a { font-size: 14px; }
    .mobmarbot { margin-bottom: 20px; }
    .textslider h1 { font-size: 36px; }
    .textslider h2 { font-size: 16px; }
    .ikonicetext { margin-bottom: 20px; clear: both; }
    .tekstuvoz { padding: 0px 15px 20px 15px; }
    .visina { height: 400px; }
    .nav-tabs>li>a { font-size: 10px; padding: 10px 0px !important; }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { font-size: 10px; padding: 10px 0px !important; }
    .razum ul li { width: 170px; }
}