/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
    font-family: Erstoria;
    src: url('../fonts/Erstoria.ttf');
    src: url('../fonts/Erstoria.woff');
}
html { }
a:focus { outline: 0px auto -webkit-focus-ring-color; outline-offset: -2px; }
body { font-family: 'Barlow', 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; }
.margintopkompleks { margin-top: 200px; }
.margintop { margin-top: 70px; }
.marginbottom { margin-bottom: 70px; }
.padd { padding: 0px 25px 0 25px; }
.padingpretraga { height:400px; }
.bordertop { border-top: solid 2px #dedede; padding-top: 40px; }
.krempozadina { background-color: #202e3d; }
.braonpozadina { background-color: #002931; }
.sivapozadina { background-color: #D8E2E5; }
.stanovipozadina { background-color: #ecf2f4; }
.pppozadina { background-color: #867E6F; }
.belapozadina { background-color: #ffffff; }
.zelenapozadina { background: #364932; }
.plavapozadina { background-color: #132f3c  !important; position: relative; }
.zlatnapozadina { background-color: #d6b086  !important; position: relative; }
.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: #d52029; }
.mojepodsavanje { padding-left: 0px !important; margin-right: 0px !important; }
.langmob { display: none !important; }
.weightNormal { font-weight: 400; }
.weightSemiBold { font-weight: 500; }
.weightBold { font-weight: 600; }
.masterLink { text-decoration: none !important; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.masterLink:hover { text-decoration: none !important; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.colorBraun2 { color: #5f574a; }
.colorGreen2 { color: #364932; }
.font16 { font-size: 16px; }
.letterSpacing { letter-spacing: -0.015em; }
.visina700 { height: 700px; }
.visina750 { height: 750px; }
.visinaLokacija { height: 1000px; }
.carousel-indicators { bottom: -40px; }
.carousel-indicators li { width: 30px; border-radius: 0px; height: 5px; }
.carousel-indicators .active { width: 30px; height: 5px; background-color: #fff !important; }
.notlink { opacity: 0.6; filter: alpha(opacity=60); }
.prodato { position: absolute; top: 10px; right: 15px; z-index: 9; border-top-left-radius: 6px; border-bottom-left-radius: 6px; color: #fff; font-size: 14px; font-weight: 600; background-color: #364932; padding: 5px 18px 5px 18px; lletter-spacing: -0.015em; }
.stanListaProdato { background-color: #D9D3C7; margin-bottom: 30px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; overflow: hidden; }
.close { font-size: 70px; font-weight: 100; line-height: 0.5; color: #fff; text-shadow: none; filter: alpha(opacity=1); opacity: 1; }
.bojastrelice { color: #3F3931 !important; text-shadow: none !important; }
.imgDownload { height: 22px; display: inline-block; margin-left: 10px; }






/*--------------------------------------------------------------------------------- P R E L O A D E R ----------------*/
#overlay { height: 100%; width: 100%; background: rgba(0,41,49,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: #f2dcc7; -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: #d6b086; -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: #a0836b; -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); } }
/*--------------------------------------------------------------------------------- P R E L O A D E R ----------------*/
/*--------------------------------------------------------------------------------- M E N I --------------------------*/
.meni { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: rgba(88,146,154,1); -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; height: 100px; }
.transparent { background-color: rgba(88,146,154,1) !important; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.logo { position: absolute; top: 24px; left: 20px; z-index: 9999; }
.logo img { height: 55px; }
.firstmeni ul { list-style: none; margin: 17px 0px 15px 0; padding: 0; }
.firstmeni ul li { display: inline-block; }
.firstmeni a { margin-left: 45px; color: #ffffff; font-weight: 400; }
.firstmeni a:hover { color: #00191E; font-weight: 400; }
.meni2 { background: #D8E2E5; border-radius: 0px 0px 0px 0px; border-bottom: 0px; margin-top: 0px; height: auto !important; min-height: auto !important; margin-bottom: 0px;  padding: 9px 0px; position: absolute; top: 52px; right: 0px; }
.meni2 ul { list-style: none; padding-left: 0px; margin: 0px 0px 0px 20px !important; }
.meni2 ul li { display: inline-block; }
.meni2 ul li a { color: #00191E !important; font-size: 16px; letter-spacing: -0.015em; font-weight: 400; display: table-cell; vertical-align: middle; padding: 5px 15px 5px 15px; text-align: center; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.meni2 ul li a:hover { color: #C23932 !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(255,255,255,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(19,47,60,1) !important; }
.nav-up ul li a { color:#d6b086 !important;  }
.lang { position: absolute; right: 40px; top: 18px; color: #fff; text-decoration: none; display: inline-block; padding: 6px; border-radius: 8px; border: solid 1px  #D6B086; font-size: 14px; font-weight: 400; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.lang:hover { background-color: #D6B086; text-decoration: none; color: #fff; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
/*--------------------------------------------------------------------------------- M E N I --------------------------*/
/*--------------------------------------------------------------------------------- S L I D E R ----------------------*/
.visinaslidera { }
.slider { padding: 0px !important; margin: 0px !important; }
.slidermini { height: 450px; padding: 0px !important; margin: 0px !important; }
.carousel-indicators .active { background-color: #cb9c74; }
.carousel-indicators li { width: 25px; border-radius: 0; }
.carousel-indicators .active { width: 25px; }
.carousel-inner img { }
.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: 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: 50%; 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: bottom; margin-bottom: 40px; }
.textslider { text-align: left; width: 100%; color: #fff; display: table; }
.textslider span { color: #d52029; }
.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(19,47,60,0); }
.logomiddleslider { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: center; margin-top: 35px; }
.logomiddleslider h1 { margin-top: 180px; margin-bottom: 0; color: #f2dcc7; font-size: 26px; font-weight: 400; display: inline-block; margin-left: auto; margin-right: auto; text-transform: uppercase; padding: 14px 60px; background: rgba(160,131,107,0.8); border-radius: 40px; }
.logoslider { margin-left: auto; margin-right: auto; height: 250px; margin-bottom: 0px; width: auto; }
.slidertext {position: absolute; bottom: 0px; left: 0; right: 0; text-align: center; z-index: 10; }
.slidertextbackgroung { border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-left-radius: 40px; border-bottom-right-radius: 0px; background: rgba(242,220,199,0.9); padding: 30px 70px; color: #000; width: 900px; margin: 0px auto 40px auto; line-height: 1.6; font-size: 14px; z-index: 11; }
.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; }
.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; }
.sliderTitle { position: absolute; bottom: 100px; left: 0; background-color: rgba(22,101,113,0.8); color: #fff; border-radius: 0px 0px 0px 0px; padding: 40px 40px 40px 120px; display: inline-block; text-align: left; }
.sliderTitle h1 { font-family: "Erstoria", sans-serif; font-weight: 400; font-size: 50px; margin-top: 0; margin-bottom: 5px; color: #fff; }
.sliderTitle h3 { margin-top: 0; margin-bottom: 0; font-weight: 300; font-size: 20px; color: #FBF8F6; }
/*--------------------------------------------------------------------------------- S L I D E R ----------------------*/
/*--------------------------------------------------------------------------------- C O O K I E S --------------------*/
.kolacici { display: none; background-color: rgba(88,146,154,0.8); 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; }
/*--------------------------------------------------------------------------------- C O O K I E S --------------------*/
/*--------------------------------------------------------------------------------- F U T E R ------------------------*/
.futer { background-color: rgba(0,25,30,1); padding-top: 60px; position: relative; }
.logofuter { }
.logofuterimg { height: 45px; margin-top: 120px; }
.logofuterimgtwo { position: absolute; right: 0px; bottom: 0px; }
.logofuterimgtwo img { height: 50px; }
.futermeni h2 { font-size: 14px; font-weight: 600; letter-spacing: -0.015em; color: #fff; margin-bottom: 20px; margin-top: 0px; }
.futermeni ul { padding-top: 0px; list-style: none; padding-left: 0px; margin-bottom: 0px; }
.futermenilink li { color: #D8E2E5; margin-bottom: 3px; font-size: 14px; }
.futermenilink li a { color: #D8E2E5; text-decoration: none; cursor: pointer; font-size: 14px; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; letter-spacing: -0.015em; }
.futermenilink li a:hover { padding-left: 5px; color: #D8E2E5; text-decoration:none; cursor:pointer; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.futersocial { display: inline-block; margin-top: 52px; } 
.futersocial ul { margin-top: 0px; padding-bottom: 0px; list-style: none; padding-left: 0px; }
.futersocial ul li { display: inline-block; margin-right: 10px; }
.futersocialimg { height: 30px; }
.futerbutton { display: inline-block; margin-left: -5px; border: 0; color: #fff; text-decoration: none; padding: 5px 15px; border-radius: 40px; font-size: 14px; font-weight: 600; background: rgb(214,176,134); background: -moz-linear-gradient(90deg, rgba(214,176,134,1) 0%, rgba(242,222,199,1) 100%); background: -webkit-linear-gradient(90deg, rgba(214,176,134,1) 0%, rgba(242,222,199,1) 100%); background: linear-gradient(90deg, rgba(214,176,134,1) 0%, rgba(242,222,199,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d6b086",endColorstr="#efd7c0",GradientType=1); }
.futerbutton:hover { color: #fff; background: rgba(214,176,134,1); text-decoration: none; }
.futerbutton:focus { color: #fff; background: rgba(160,131,107,1); text-decoration: none; outline: 0; outline-offset: 0; }
.futerbox { color: #d6b086; padding: 5px 0; background: transparent; border: 0; border-bottom: 1px solid #d6b086; width: 80%; display: inline-block; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.futerbox::placeholder { color: #d6b086; }
.futerbox:focus { border-color: #d6b086;  outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.futer2 { font-size:13px; letter-spacing: -0.015em; color: #D8E2E5; }
.futer2 a { color: #D8E2E5; text-decoration: none; cursor: pointer; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.futer2 a:hover { color: #D8E2E5; text-decoration: none; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.rights { text-align: right; }
.futerbordertop { border-top: 1px solid #58929A; padding: 20px 0px; margin-top: 50px; }
/*--------------------------------------------------------------------------------- F U T E R ------------------------*/
/*--------------------------------------------------------------------------------- P O Z I V ------------------------*/
.slusalica { width: 94px; position: fixed; top: 50%; transform: translateY(-50%); right: 0px; z-index: 9999; background: #f2f2f2;
mix-blend-mode: normal; box-shadow: 0px 20px 40px rgba(53,74,95, 0.45); border-radius: 5px 0px 0px 5px; padding: 24px 24px 24px 30px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.slusalicabig { width: 354px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.buttonslusalica i { color: #292D32; font-size: 40px; animation: zoom-in-zoom-out 2.5s ease-out infinite; }
@-webkit-keyframes zoom-in-zoom-out {
0% { transform: scale(1.1, 1.1); }
50% { transform: scale(1, 1); }
100% { transform: scale(1.1, 1.1); }
}
@keyframes zoom-in-zoom-out {
0% { transform: scale(1.1, 1.1); }
50% { transform: scale(1, 1); }
100% { transform: scale(1.1, 1.1); }
}
.kontakthidden { position: fixed; top: 50%; transform: translateY(-50%); right: -250px; width: 250px; display: block; padding: 5px 30px 5px 0px; background: #f2f2f2; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.kontakthidden a { display: block; margin-bottom: 2px; color: #132f3c; text-decoration: none; }
.kontaktopen { position: fixed; top: 50%; transform: translateY(-50%); right: 0px; width: 250px; display: block; padding: 5px 30px 5px 0px; background: #f2f2f2; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.kontaktopen a { display: block; margin-bottom: 2px; color: #132f3c; text-decoration: none; }
/*--------------------------------------------------------------------------------- P O Z I V ------------------------*/
/*--------------------------------------------------------------------------------- I N D E X ------------------------*/
.lokacija { padding-top: 80px; padding-bottom: 80px; }
.lokacija h2 { font-family: "Erstoria", serif; font-weight: 400; font-size: 50px; color: #00191E; margin-top: 0; margin-bottom: 40px; }
.lokacija p { font-size: 17px; font-weight: 400; text-align: left; color: #002931; line-height: 22px;  margin-bottom: 20px; }
.lokacijaVisina { height: 650px; }
.textmiddleLokacija { position: absolute; top: 50%; transform: translateY(-50%); padding-right: 100px; }
.lokacijaIkonice img { height: 40px; margin-right: 50px; margin-bottom: 40px; margin-top: 10px; }
.lokacijabutton { background: #C23932; border-radius: 0px; padding: 9px 40px 8px 40px; color: #fff; font-weight: 400; font-size: 16px; border: 0; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; text-decoration: none; display: inline-block; }
.lokacijabutton:hover { background: #00191E; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; color: #fff; text-decoration: none; }
.lokacijabutton:focus { background: #00191E; border-radius: 0px; padding: 9px 40px 8px 40px; color: #fff; font-weight: 400; font-size: 16px; border: 0; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; text-decoration: none; display: inline-block; }
.paddingDodaci { padding-top: 150px; padding-bottom: 150px; }
.statsDodaci { text-align: center; padding-top: 0px; padding-bottom: 0px; }
.statsDodaci span { display: block; font-size: 16px; color: #fff; font-weight: 300; margin-top: 30px; }
.statsDodaci span b { font-weight: 500; }
.statsDodaci img { display: inline-block; }
.statsDodaci:after { content: ''; position: absolute; bottom: 5px; top: 5px; right: 0; border-right: 1px solid #166571; }
.statsDodaci:last-child:after { content: ''; position: absolute; bottom: 0px; top: 5px; right: 0; border-right: 0px solid #166571; }
.prostoriPozadina { background-color: #fff; }
.prostoriPaddingBottom { padding-bottom: 120px; }
.prostori h2 { font-size: 50px; font-family: "Erstoria", serif; font-weight: 400; color: #00191E; margin-top: 100px; margin-bottom: 50px; text-align: center; }
.newsPadding { padding-right: 20px; padding-left: 20px; }
.newslink { text-decoration: none; }
.newslink:hover { text-decoration: none; }
.newsabout { background-color: #fff; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.newsabout:hover { border-top-left-radius: 40px; border-bottom-right-radius: 40px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.newsabout:hover .newsimageabout { border-top-left-radius: 0px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.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: 400px; background-color: #fff; border: solid 1px #C23932; border-top-left-radius: 0px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; position: relative; }
.newsdetails { position: absolute; bottom: 0px; left: 0px; right: 0px; background-color: rgba(22,101,113,0.8); height: 80px; border-bottom-right-radius: 0px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; color: #fff; }
.newsabout:hover .newsdetails { background-color: rgba(22,101,113,1); color: #fff; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; border-bottom-right-radius: 0px; }
.newstitle { position: relative; padding: 16px 110px 16px 20px; color: #fff; font-size: 22px; margin: 0; font-weight: 400; text-align: left; }
.newsabout:hover .newstitle { color: #fff; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.newsdetails img { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
.daynightHeight { height: 700px; }
.pictureDay { background: url('/images/day_night.jpg'); background-position: top center !important; background-repeat: no-repeat; background-size: cover !important; }
.pictureNight { background: url('/images/day_night.jpg') !important; background-position: top center !important; background-repeat: no-repeat; background-size: cover !important; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.pictureDayTwo { background: url('/images/day_night.jpg') !important; background-position: top center !important; background-repeat: no-repeat; background-size: cover  !important; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.paddingstats { padding-top: 150px; padding-bottom: 150px; }
.stats { text-align: center; padding-top: 0px; padding-bottom: 0px; height: 75px; }
.stats h5 { font-family: "Erstoria", serif; font-size: 36px; color: #D8E2E5; font-weight: 400; margin-top: 0; margin-bottom: 10px; }
.stats span { display: block; font-size: 16px; color: #58929A; font-weight: 300; }
.stats:after { content: ''; position: absolute; bottom: 0px; top: 0px; right: 0; border-right: 1px solid #166571; }
.stats:last-child:after { content: ''; position: absolute; bottom: 0px; top: 0px; right: 0; border-right: 0px solid #166571; }
.statsborderleft { border-left: solid 1px #166571; }
.statsborderright { border-right: solid 1px #166571; }
.galerija { padding-top: 100px; padding-bottom: 100px; }
.galerija h2 { font-size: 50px; font-family: "Erstoria", serif; font-weight: 400; color: #202e3d; margin-top: 0; margin-bottom: 40px; }
.galerija p { font-size: 17px; font-weight: 400; text-align: left; color: #202e3d; line-height: 22px; margin-bottom: 20px; }
.galerijavisina { height: 512px; }
.galerijapadding { padding-left: 100px; }
.textmiddle { position: absolute; top: 50%; transform: translateY(-50%); }
.formposition { text-align: center; }
.contactform { width: 900px; display: inline-block; padding: 120px 0px; }
.contactform h2 { font-size: 56px; font-family: "Erstoria", serif; font-weight: 400; color: #fff; margin-top: 0; margin-bottom: 10px; letter-spacing: 2px; }
.contactform p { font-size: 22px; font-weight: 300; color: #fff; margin-top: 0; margin-bottom: 50px; }
.mojbox { color: #fff; padding: 16px 20px; background-color: rgba(255,255,255,0.25); border: 0; display: block; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 30px; }
.mojbox::placeholder { color: #fff; }
.mojbox:focus { border-color: #fff;  outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.visinamojbox { height: 54px; border-radius: 0px; }
.visinamojtextbox { height: 180px !important; border-radius: 0px; }
/*--------------------------------------------------------------------------------- C O N T A C T --------------------*/
.kontakt h2 { color: #002931; font-size: 40px; font-family: "Erstoria", serif; font-weight: 400; margin-top: 60px; margin-bottom: 40px; }
.kontakt p { color: #002931; text-align: left; margin-bottom: 20px; font-size: 17px; }
.kontaktLogo { height: 90px; margin-top: 30px; margin-bottom: 50px; }
.ikonicaKontaktVisina { height: 40px; }
.media-heading { font-size: 16px; color: #002931; font-weight: 500; }
.media-left, .media>.pull-left { padding-right: 10px; }
.mojmiddle { vertical-align: middle !important; }
.medaimargin { margin-bottom: 15px; }
.kontaktlink { font-size: 16px; color: #002931; 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; }
.mapavisina { height: 300px; border: 0; margin: 40px 0 50px 0; }
.kontaktSlaganjeMargin { margin-top: 20px; }
.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 #354a5f; 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 #354a5f; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.contactbutton { background: linear-gradient(319.7deg, #FCE0BA -9.16%, #3F6899 67.18%); border-radius: 6px; padding: 9px 40px 8px 40px; color: #fff; font-weight: 600; font-size: 16px; border: 0; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; text-decoration: none; display: inline-block; margin-bottom: 30px; }
.contactbutton:hover { background: linear-gradient(319.7deg, #96a5bc -9.16%, #96a5bc 67.18%); -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; color: #fff; text-decoration: none; }
.contactbutton:focus { background: linear-gradient(319.7deg, #FCE0BA -9.16%, #3F6899 67.18%); border-radius: 6px; padding: 9px 40px 8px 40px; color: #fff; font-weight: 600; font-size: 16px; border: 0; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; text-decoration: none; display: inline-block; margin-bottom: 30px; }
.mojboxContact { color: #002931; padding: 16px 20px; background-color: rgba(244,244,244,1); border: 0; display: block; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 30px; }
.mojboxContact::placeholder { color: #002931; }
.mojboxContact:focus { border-color: #002931;  outline: 0; -webkit-box-shadow: none; box-shadow: none; }
/*--------------------------------------------------------------------------------- C O N T A C T --------------------*/
/*--------------------------------------------------------------------------------- O  N A M A -----------------------*/
.pozadinaprimary { background-color: #fff;  text-align: center; padding-top: 100px; padding-bottom: 100px; }
.pozadinaprimary h1 { margin-top: 0; margin-bottom: 60px; font-size: 50px; font-family: "Erstoria", serif; font-weight: 400; color: #00191E; }
.pozadinaprimary p { margin-bottom: 0; color: #002931; padding-left: 100px; padding-right: 100px; }
.onamalogomiddle { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; }
.onamalogomiddle img { margin-left: auto; margin-right: auto; height: 150px; margin-top: 100px; }
.textmiddleLokacijaRevers { position: absolute; top: 50%; transform: translateY(-50%); padding-left: 100px; }
.kompleksVisina { height: 600px; }
.investitor { padding-top: 100px; padding-bottom: 100px; }
.investitor h2 { font-family: "Erstoria", serif; font-weight: 700; font-size: 50px; color: #202e3d; margin-top: 0; margin-bottom: 60px; letter-spacing: -0.015em; }
.investitor p { font-size: 16px; font-weight: 400; text-align: left; color: #202e3d; line-height: 22px; letter-spacing: -0.015em; margin-bottom: 20px; }
.pozadina-p-prostori { background-color: #166571;  text-align: center; padding-top: 100px; padding-bottom: 100px; }
.pozadina-p-prostori h1 { margin-top: 0; margin-bottom: 60px; font-size: 50px; font-family: "Erstoria", serif; font-weight: 400; color: #ffffff; }
.pozadina-p-prostori p { margin-bottom: 20px; color: #D8E2E5; padding-left: 100px; padding-right: 100px; }
/*--------------------------------------------------------------------------------- O  N A M A -----------------------*/
/*--------------------------------------------------------------------------------- G A R A Z E ----------------------*/
.statsGarage { text-align: center; padding: 0px 20px;  position: relative; }
.statsGarage img { display: inline-block; height: 60px; }
.statsGarage span { display: block; font-size: 16px; color: #F2DCC7; font-weight: 400; margin-top: 30px; }
.statsGarage:after { content: ''; position: absolute; bottom: 30px; top: 30px; right: 0; border-right: 1px solid #fff8f0; }
.statsGarage:last-child:after { content: ''; position: absolute; bottom: 30px; top: 30px; right: 0; border-right: 0px solid #fff8f0; }
.garaze { padding-bottom: 100px; }
.garaze h1 { text-align: center; font-family: "Erstoria", serif; font-weight: 700; font-size: 50px; color: #202e3d; margin-bottom: 70px; margin-top: 90px; }
.garaze p { text-align: center; font-size: 16px; letter-spacing: -0.015em; font-weight: 400; color: #132F3C; }
.garaze img { margin: 80px auto; display: inline-block; width: 100%; }
.marginTopGaraze { margin-top: 100px; }
/*--------------------------------------------------------------------------------- G A R A Z E ----------------------*/
/*--------------------------------------------------------------------------------- L O K A C I J A ------------------*/
.lokacijaMapaHeight { height: 950px; }
.paddingTopBottomLokacija { padding-top: 80px; padding-bottom: 80px; }
.stickyimg { display: inline-block; width: 45%; float: right; border-radius: 0px 0px 0px 0px; position: sticky; top: 100px; }
.aboutusheight { height: 450px }
.aboutmiddle { display: inline-block; width: 45%; float: left; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; z-index: 2; }
.aboutmiddle h1 { font-family: "Erstoria", serif; font-weight: 700; font-size: 50px; color: #202e3d; margin-top: 0; margin-bottom: 60px; text-align: left; }
.aboutmiddle p { color: #202e3d; font-size: 16px; letter-spacing: -0.015em; font-weight: 400; text-align: left; }
.medaimarginLokacija { margin-bottom: 70px; }
.lokacijapaddingright { padding-right: 100px; }
.lokacijaMediaPadding { padding-right: 50px; }
.ikonicaLokacijaVisina { height: 80px; }
.lokacijaMediaText h4 { margin-top: 0px; margin-bottom: 10px; font-weight: 600; font-size: 20px; color: #354a5f; }
.lokacijaMediaText { vertical-align: top; font-size: 16px; letter-spacing: -0.015em; font-weight: 400; color: #202e3d; } 
.mediamargintop { margin-top: 120px; }
/*--------------------------------------------------------------------------------- L O K A C I J A ------------------*/
/*--------------------------------------------------------------------------------- S T A N O V I --------------------*/
.stanoviNaslov { margin-top: 180px; text-align: center; }
.stanoviNaslov h2 { font-family: "Erstoria", serif; font-weight: 400; font-size: 50px; color: #00191E; margin-top: 0; margin-bottom: 60px; }
.stanoviPodnaslov { font-size: 18px; font-weight: 400; color: #f4f4f4; line-height: 22px; padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; position: relative; }
.stanoviPodnaslovIspod { position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; font-weight: 400; opacity: 0.1; color: #202e3d; }
.stanoviIzrada { font-size: 16px; font-weight: 600; color: #f4f4f4; }
.mojselect { padding: 15px 12px; border-radius: 60px; }
.mojdropdown { float: none; width: auto !important; border-radius: 4px; top: 63px; min-width: auto !important; left: 30px; right: 30px; }
.bootstrap-select .btn:focus { outline: 0 dotted #333333 !important; outline: 0px auto -webkit-focus-ring-color !important; outline-offset: -2px; }
.listaPadding { padding-top: 60px; padding-bottom: 60px; margin-bottom: 40px; position: relative; }
.stanLink { text-decoration: none; }
.stanLink:hover { text-decoration: none; }
.stanLista { background-color: #fff; margin-bottom: 30px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; overflow: hidden; }
.stanLista:hover { border-radius: 40px 0 40px 0; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.stanListaHoverShadow: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); }
.stanListaIMG { background: #fff; padding: 0px; border-radius: 0px 0px 0px 0px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; position: relative; }
.stanListaIMG img { z-index: -1; width: 100%; display: block; border-radius: 0px 0px 0px 0px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.stanListaDetails { background: #166571; padding: 15px 20px; color: #fff; border-radius: 0px 0px 0px 0px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; position: relative; }
.stanListaStrelica { position: absolute; top: 16px; right: 15px; height: 15px; }
.stanListaDetails h2 { display: block; height: 40px; font-size: 18px; padding-right: 25px; font-weight: 500; margin-top: 0; margin-bottom: 0; }
.stanLista:hover .stanListaIMG { border-radius: 40px 0px 0px 0px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.stanLista:hover .stanListaIMG img { border-radius: 40px 0px 0px 0px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.stanLista:hover .stanListaDetails { border-radius: 0px 0px 40px 0px; background: #364932; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.listaOpisRow {isplay: table; width: 100%; table-layout: fixed; }
.stanListaOpis { display: table-cell; text-align: left; padding-right: 25px; height: 40px; vertical-align: middle; font-size: 16px; }
.stanListaOpis img { margin-right: 10px; height: 24px; }
.stanListaOpis:last-child { padding-right: 0px; }
.monogramStanovi { position: absolute; right: 0; bottom: 0; z-index: -1; }
.ppListaPreko { position: absolute; bottom: 0; left: 0; right: 0; height: 330px; width: 100%; background-color: rgba(255,255,255,0); font-size: 16px; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; transition:all 0.8s; display: table; vertical-align: bottom; }
.ppListaPreko h3 { font-weight: 600; display: table-cell; vertical-align: bottom; margin: 0; padding: 20px; font-size: 26px; /*color: #3F3931; */ color: #FFF; text-shadow: 2px 2px 4px rgba(0,0,0,0.45); }
.stanLista:hover .ppListaPreko { height: 0px; bottom: -330px; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; transition:all 0.8s; }
/*--------------------------------------------------------------------------------- S T A N O V I --------------------*/
/*--------------------------------------------------------------------------------- P A G G I N G --------------------*/
.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: #166571; border-color: #166571; }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #166571; text-decoration: none; background-color: #fff; border: 1px solid #166571; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2; color: #fff; background-color: #166571; border-color: #166571; }
/*--------------------------------------------------------------------------------- P A G G I N G --------------------*/
/*--------------------------------------------------------------------------------- P O S L O V N I  P R O S T O R I -*/
.ppNaslov { margin-top: 180px; text-align: center; }
.ppNaslov h2 { font-size: 40px; font-weight: 500; color: #fff; margin-top: 0; margin-bottom: 0px; letter-spacing: -0.015em; }
.ppPodnaslov { font-size: 16px; font-weight: 400; color: #fff; line-height: 22px; letter-spacing: -0.015em; padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; position: relative; }
.ppPodnaslovIspod { position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; font-weight: 400; opacity: 0.1; color: #fff; }
.ppListaPadding { padding-left: 30px; padding-right: 30px; }
/*--------------------------------------------------------------------------------- P O S L O V N I  P R O S T O R I -*/
/*--------------------------------------------------------------------------------- P R I K A Z  S T A N A -----------*/
.stanMargin { margin-top: 160px; margin-bottom: 0px; }
.naslovStana { margin-top: 0px; margin-bottom: 30px; font-size: 40px; font-weight: 500; color: #202e3d; letter-spacing: -0.015em; }
.lamela { display: block; font-size: 16px; font-weight: 600; color: #202e3d; line-height: 22px; letter-spacing: -0.015em; }
.brojevistanova { display: block; font-size: 16px; font-weight: 500; color: #202e3d; line-height: 22px; letter-spacing: -0.015em; }
.brojevispratova { display: block; font-size: 16px; font-weight: 500; color: #202e3d; line-height: 22px; letter-spacing: -0.015em; margin-bottom: 50px; }
.imgpozicija { margin-left: auto; margin-right: auto; display: block; margin-top: 50px; height: 200px; }
.downloadPDF { border-top: solid 1px #779A6F; padding-top: 60px; padding-bottom: 100px; text-align: center; margin-top: 80px; }
.galerijaStanaIndex { border-radius: 80px; margin-bottom: 10px; }
.galerijaMiniPicture { padding: 0px 30px !important; margin: 0 !important; }
.galerijaMiniPicture img { height: 100px; margin: 20px; }
.lb-details { display: none !important; }
.strelice { font-size: 20px; color: #5F574A; }
.paddingTabela { padding-right: 100px; }
.rowMargin { margin-bottom: 120px; }
/*--------------------------------------------------------------------------------- P R I K A Z  S T A N A -----------*/
/*--------------------------------------------------------------------------------- G A L E R I J A ------------------*/
.modal { z-index: 9999; }
.modal-dialog { z-index: 9999; }
.modal-backdrop { background-color: rgba(88, 146, 154, 1); }
.modal-backdrop.in { filter: alpha(opacity=90); opacity: 0.9; }
.modal-content { background-color: transparent; border: 0px; border-radius: 6px; -webkit-box-shadow: none; box-shadow: none; }
.modal-header { color: #fff; text-align: center; background: transparent !important; padding: 15px; border-bottom: 0px ; }
.mojastrelica { bottom: auto; margin-top: 0px !important; transform: translateY(-50%); width: 60px; padding: 10px; }
.mojastrelica i { font-size: 40px; }
.carousel-control.left { left: -60px; }
.carousel-control.right { right: -60px; }
.slick-dots { bottom: -10px; }
.slick-dots li button:before { color: #fff !important; opacity: 0.8 !important; }
.imgthumbnail { height: 100px; margin: 10px; }
.selektovanaSlicica img { opacity: 0.5; }
.borderRadius { border-top-left-radius: 0px; }
.galerijavisinainside { height: 380px; }
.margintopgalerija { margin-top: 100px; }
.galerijaStanovi { padding-top: 100px; padding-bottom: 100px; }
.galerijaStanovi h2 { font-family: "Erstoria", serif; font-weight: 400; font-size: 50px; text-align: center; color: #00191E; margin-top: 0; margin-bottom: 60px; }
.galerijaStanovi p { font-size: 17px; font-weight: 400; color: #00191E; text-align: center; line-height: 22px;  padding: 0 150px; }
.galerijaStanoviDva { padding-top: 100px; padding-bottom: 100px; }
.galerijaStanoviDva h2 { font-family: "Erstoria", serif; font-weight: 400; font-size: 50px; text-align: center; color: #00191E; margin-top: 0; margin-bottom: 10px; }
.galerijaStanoviDva p { font-size: 17px; font-weight: 400; color: #00191E; text-align: center; line-height: 22px; margin-bottom: 60px; }
.galeryPaddingLeft { padding-left: 50px; }
.galeryPaddingRight { padding-right: 50px; }
.galerijaVisinaMiddle { height: 600px; }
.galerijaStanoviDno { margin-bottom: 80px; }
.galerijaStanoviDno h3 { font-size: 26px; font-weight: 600; color: #202e3d; line-height: 22px; letter-spacing: -0.015em; margin-top: 80px; margin-bottom: 40px; position: relative; }
.borderBottomRadius { border-bottom-left-radius: 0px; }
.galerijaVisinaText { height: 350px; }
.galerijaLink { display: inline-block; padding: 5px 10px; font-size: 14px; color: #4f6c48; border: solid 1px #4f6c48; border-radius: 20px; position: absolute; right: 0; top: -5px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; font-weight: 500; }
.galerijaLink:hover { text-decoration: none; color: #fff; background-color: #4f6c48; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.pogledaj3Dturu { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
/*--------------------------------------------------------------------------------- N A V B A R ----------------------*/
.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:#d52029; }
.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:#d52029; }
/*--------------------------------------------------------------------------------- N A V B A R ----------------------*/
.close { font-size: 70px; font-weight: 100; line-height: 0.5; color: #fff; text-shadow: none; filter: alpha(opacity=1); opacity: 1; }
@media (max-width: 1200px){
    .logo { top: 28px; }
    .logo img { height: 42px; }
    .meni2 ul li a { padding: 5px 10px 5px 10px; }
    .firstmeni a { margin-left: 30px; }
    .newsPadding { padding-right: 15px; padding-left: 15px; }
    .textmiddleLokacija { padding-right: 50px; }
    .galerijapadding { padding-left: 50px; }
    .galerijavisina { height: 520px; }
    .pozadina-p-prostori p { padding-left: 100px; padding-right: 100px; }
    .onamalogomiddle img { height: 120px; }
    .pozadinaprimary p { padding-left: 100px; padding-right: 100px; }

    .futermenilink li { font-size: 13px; }
    .logofuterimg { height: 40px; }
    .logofuterimgtwo img { height: 44px; }
    .futersocial { margin-top: 68px; }
    .futersocialimg { height: 25px; }
    .sliderTitle h1 { font-size: 44px; }
    .sliderTitle h3 { font-size: 18px; }
    .lokacija h2 { font-size: 40px; }
    .prostori h2 { font-size: 40px; }
    .galerija h2 { font-size: 40px; }
    .contactform h2 { font-size: 40px; }
    .garaze h1 { font-size: 40px; }
    .kontakt h2 { font-size: 40px; }
    .aboutmiddle h1 { font-size: 40px; }
    .stanoviNaslov h2 { font-size: 40px; }
    .pozadinaprimary h1 { font-size: 40px; }
    .investitor h2 { font-size: 40px; }
    .kompleks h2 { font-size: 40px; }
    .galerijaStanovi h2 { font-size: 40px; }
    .contactform p { font-size: 20px; }
    .projektStudio h2 { font-size: 32px; }
    .ppNaslov h2 { font-size: 32px; }
    .naslovStana { font-size: 32px; }
    .newsimageabout { height: 260px; }
    .newstitle { font-size: 20px; }
    .daynightHeight { height: 500px; }
    .stats h5 { font-size: 30px; }
    .paddingDodaci { padding-top: 120px; padding-bottom: 120px; }
    .contactform { padding: 100px 0px; }
    .ppPodnaslovIspod { font-size: 26px; }
    .ppListaPreko h3 { font-size: 22px; }
    .visina700 { height: 600px; }
    .statsGarage span { font-size: 18px; }
    .visinaLokacija { height: 700px; }
    .aboutusheight { height: 400px; }
    .lokacijaMapaHeight { height: 500px; }
    .visina750 { height: 600px; }
    .kontaktSlaganjeMargin { margin-top: 30px; }
    .kompleksVisina { height: 380px; }
    .projektStudio { margin-top: 100px; margin-bottom: 100px; }
    .paddingKompleksLeft { padding-left: 50px; }
    .paddingKompleksRight { padding-right: 50px; }
    .galerijaVisinaText { height: 360px; }
    .galerijaVisinaMiddle { height: 500px; }
}
@media (max-width: 992px){
    .logo { left: 10px; top: 10px; }
    .logo img { height: 30px; }
    .sliderTitle { padding: 30px 40px 30px 40px; }
    .sliderTitle h1 { font-size: 40px; }
    .sliderTitle h3 { font-size: 16px; }
    .margintopgalerija { margin-top: 80px; }
    .mobileMarginLR { margin-left: 15px; margin-right: 15px; }
    .lokacijaVisina { height: 450px; margin-bottom: 0px; }
    .statsDodaci { height: 150px; }
    .statsDodaci span { font-size: 14px; }
    .statsDodaci img { height: 60px; }
    .newsPadding { padding-right: 10px; padding-left: 10px; margin-bottom: 20px; }
    .newsimageabout { height: 400px; }
    .newstitle { padding: 29px 110px 29px 20px; }
    .stats span { font-size: 14px; }
    .stats h5 { font-size: 28px; }
    .stats { height: 80px; }
    .mojselect { margin-bottom: 20px; }
    .pozadina-p-prostori h1 { font-size: 36px; margin-bottom: 40px; }
    .pozadina-p-prostori p { padding-left: 0; padding-right: 0; }
    .pozadinaprimary p { padding-left: 0px; padding-right: 0px; }
    .galerijaStanoviDva h2 { font-size: 36px; }
    .logofuterimg { height: 52px; margin-top: 0px; }
    .logofuterimgtwo { right: 30px; bottom: 0px; }
    
    .pozadinaprimary h1 { font-size: 36px; margin-bottom: 40px; }
    .pozadinaprimary { padding-top: 50px; padding-bottom: 50px; }
    .onamalogomiddle img { height: 100px; }
    .galerijaStanovi { padding-top: 50px; padding-bottom: 50px; }
    .margintopkompleks { margin-top: 150px; }
    .meni2 ul li a { font-size: 14px; }
    .font16 { font-size: 14px; }
    .futermarginTop { margin-top: 30px; }
    .logofuterimgtwo img { height: 60px; }
    .contactform { padding: 80px 0px; width: 100%; }
    .stanoviNaslov { margin-top: 0px; padding-top: 150px; }
    .stanoviNaslov h2 { font-size: 36px; }
    .stanoviPodnaslovIspod { top: 62%; }
    .naslovStana { font-size: 32px; }
    .ppNaslov { margin-top: 150px; }
    .ppNaslov h2 { font-size: 32px; }
    .ppPodnaslovIspod { font-size: 20px; top: 63%; }
    .garaze h1 { font-size: 36px; margin-bottom: 40px; margin-top: 50px; }
    .marginTopGaraze { margin-top: 50px; }
    .statsGarage img { height: 60px; }
    .statsGarage span { font-size: 16px; }
    .lokacija h2 { font-size: 36px; margin-bottom: 40px; }
    .kontakt h2 { font-size: 36px; margin-top: 50px; }
    .kontaktSlaganjeMargin { margin-top: 30px; margin-bottom: 50px; }
    .aboutmiddle h1 { font-size: 36px; }
    .paddingTopBottomLokacija { padding-top: 50px; padding-bottom: 50px; }
    .aboutmiddle { display: block; width: 100%; float: none; padding-left: 0px; padding-top: 0px; padding-bottom: 50px; }
    .stickyimg { display: block; width: 100%; float: none; border-radius: 0px 0px 0px 0px; position: relative; top: 0; }
    .investitor { padding-top: 50px; padding-bottom: 50px; }
    .investitor h2 { font-size: 36px; margin-bottom: 40px; }
    .kompleksVisina { height: auto; }
    .vsisinaMobilKomplex { height: 450px; margin-top: 50px; }
    .textmiddleLokacijaRevers { position: relative; top: 0; transform: translateY(-0%); padding-left: 0px; }
    .projektStudio h2 { font-size: 32px; margin-bottom: 40px; }
    .paddingKompleksLeft { padding-left: 0px; margin-bottom: 50px; }
    .kompleksMarginBottom { margin-bottom: 50px; }
    .kompleks h2 { font-size: 36px; margin-bottom: 40px; }
    .paddingKompleksRight { padding-right: 0px; margin-bottom: 50px; }
    .galeryPaddingRight { padding-right: 20px; }
    .galeryPaddingLeft { padding-left: 20px; }
    .galerijaVisinaText { height: auto; }
    .textmiddleKompleks { position: relative; top: 0; transform: translateY(-0%); }
    .galerijaStanovi p { padding: 0px; }
    .galerijaStanoviDno h3 { margin-top: 50px; }
    .prostori h2 { font-size: 36px; margin-bottom: 40px; }
    .galerija h2 { font-size: 36px; margin-bottom: 40px; }
    .contactform h2 { font-size: 36px; margin-bottom: 10px; }
    .contactform p { font-size: 16px; }
    .galerijaStanovi h2 { font-size: 36px; margin-bottom: 40px; }
    .lokacija { padding-top: 50px; }
    .paddingDodaci { padding-top: 100px; padding-bottom: 100px; }
    .prostoriPozadina {  }
    .paddingstats { padding-top: 100px; padding-bottom: 100px; }
    .galerija { padding-top: 50px; padding-bottom: 50px; }
    .galerijavisina { height: auto; margin-bottom: 50px; }
    .galerijapadding { padding-left: 15px; }
    .textmiddle { position: relative; top: 0; transform: translateY(-0%); }
    .stanMargin { margin-top: 150px; }
    .paddingTabela { padding-right: 15px; margin-bottom: 50px; }
    .rowMargin { margin-bottom: 50px; }
    .imgpozicija { margin-top: 30px; height: 250px; }
    .downloadPDF { padding-top: 60px; padding-bottom: 60px; margin-top: 60px; }
    .ppListaPadding { padding-left: 20px; padding-right: 20px; }
    .ppListaPreko { height: 355px; }
    .visina700 { height: 500px; }
    .visina750 { height: 500px; }
    
    
    .lokacijaVisinaMobile { height: auto !important; margin-bottom: 20px; }
    .textmiddleLokacija { position: relative; top: 0; transform: none; padding-right: 15px; }
}
@media (max-width: 768px){
    .lokacija { padding-bottom: 0px; }
    .lokacija h2 { font-size: 36px; margin-bottom: 30px; }
    .lokacija p { margin-bottom: 20px; }
    .lokacijaIkonice img { height: 40px; margin-right: 40px; margin-bottom: 40px; }
    .lokacijaVisina { height: 480px; }
    .prostori h2 { font-size: 36px; margin-bottom: 40px; margin-top: 50px; }
    .galerija h2 { font-size: 36px; margin-bottom: 30px; }
    .contactform h2 { font-size: 36px; margin-bottom: 10px; letter-spacing: 2px; }
    .galerijaStanovi h2 { font-size: 36px; margin-bottom: 40px; }
    .contactform { padding: 50px 0px; }
    .contactform p { font-size: 18px; }
    .logofuterimgtwo img { height: 50px; }
    .onamalogomiddle img { height: 60px; }
    .aboutmiddle h1 { font-size: 36px; margin-bottom: 40px; }
    .mediamargintop { margin-top: 80px; }
    .ikonicaLokacijaVisina { height: 60px; }
    .lokacijaMediaPadding { padding-right: 20px; }
    .aboutmiddle { padding-bottom: 0px; }
    .stanoviNaslov { margin-top: 0px; padding-top: 120px; }
    
    .logofuterimg { height: 50px; margin-top: 10px; margin-bottom: 30px; }
    .futermenilink li { font-size: 14px; }
    .futersocial { margin-top: 30px; }
    .logofuterimgtwo { position: relative; right: 0px; bottom: 0px; margin-top: 40px; }
    .futer { padding-top: 50px; }
    .marginBottomMobileStats { margin-bottom: 30px; }
    .stats { height: 95px; }
    .paddingstats { padding-top: 50px; padding-bottom: 50px; }
    .newsimageabout { height: 400px; }
    .newsPadding { margin-bottom: 30px; }
    .prostoriPozadina { padding-top: 0px; padding-bottom: 0px; }
    .slusalica { z-index: 99; }
    .logo { top: 15px; left: 15px; }
    .logo img { height: 44px; }
    .firstmeni { display: none; }
    .meni { height: 72px; }
    .meni2 { background-color: rgba(88,146,154,1); border-radius: 0px 0px 0px 0px; border-bottom: 0px; margin-top: 0px; margin-right: 0px; height: auto !important; min-height: auto !important; margin-bottom: 0px; padding: 9px 0px; position: absolute; top: 0px; right: 0px; left: 0px; }
    .navbar { margin-bottom: 0px; }
    .navbar-toggle { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; border: 0; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #364932; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; }
    .navbar-toggle .icon-bar { width: 30px; }
    .navbar-toggle .icon-bar+.icon-bar { margin-top: 5px; }
    .navbar-collapse { padding-right: 15px; padding-top: 15px; padding-left: 0px; position: absolute; right: -15px; left: 25%; background-color: rgba(88,146,154,0.9); border-top: 0; -webkit-box-shadow: none; box-shadow: none; height: 100vh; top: 72px; }
    /*.navbar-collapse { padding-right: 0px; padding-left: 0px; border-top: 0; -webkit-box-shadow: none; box-shadow: none; }*/
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; }
    .navbar-nav { margin: 0 0 20px 0; }
    .meni2 ul li a { padding: 12px 20px 12px 10px; font-size: 18px; display: inline-block; }
    .meni2 ul li {  display: block; }
    .slusalicabig { width: 290px !important; }
    .slusalica { padding: 20px 0px 20px 20px; width: 70px; }
    .kontaktopen { width: 230px; padding: 18px 0px 10px 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
    .margintopkompleks { margin-top: 120px; }
    .projektStudio { padding: 50px 15px 60px 15px; text-align: justify; }
    .projektStudio h2 { font-size: 32px; margin-bottom: 40px; text-align: center; }
    .logoInvestitorMiddle img { height: 50px; }
    .vsisinaMobilKomplex { height: 400px; }
    .visina700 { height: 420px; }
    .visina750 { height: 420px; }
    .garaze p { text-align: justify; }
    .galerijaStanovi p { text-align: justify; }
    .aboutusheight { height: 420px; }
    .paddingstats { padding-top: 50px; padding-bottom: 20px; }
    .statsGarage { margin-bottom: 40px; }
    .statsGarage:after { display: none; }
    .statsGarage:last-child:after { display: none; }
    .statsGarageMobileBorder:after { display: block; content: ''; position: absolute; bottom: 30px; top: 30px; right: 0; border-right: 1px solid #166571; }
    .ppNaslov { margin-top: 120px; }
    .ppPodnaslov { margin-bottom: 0; }
    .ppPodnaslovIspod { font-size: 18px; width: 100%; top: 65%; }
    .stanoviPodnaslovIspod { top: 65%; width: 100%; font-size: 24px; }
    .stanoviPodnaslov { margin-bottom: 0; }
    .stanMargin { margin-top: 120px; }
    .galerijaStanaIndex { border-radius: 40px; }
    .galerijaMiniPicture img { height: 60px; margin: 6px; }
    
    .slick-prev { left: -10px; }
    .slick-next { right: -10px; }
    .sliderTitle { border-radius: 0px 40px 0px 0px; padding: 30px 20px 30px 20px; }
    .sliderTitle { bottom: 100px; }
    .sliderTitle h1 { font-size: 34px; margin-bottom: 10px; }
    .sliderTitle h3 { font-size: 16px; }
    .paddingDodaci { padding-top: 60px; padding-bottom: 60px; margin-top: 40px; }
    .statsDodaci:after { display: none; }
    .statsDodaci:last-child:after { display: none; }
    .stats:after { display: none; }
    .stats:last-child:after { display: none; }
    .statsDodaciMobileBorder:after { display: block; content: ''; position: absolute; bottom: 0px; top: 0px; right: 0; border-right: 1px solid #166571; }
    .statsDodacimarginMobile { margin-bottom: 40px; }
    
    .carousel-control.left { left: 0px; }
    .carousel-control.right { right: 0px; }
    .lokacijaMapaHeight { height: 280px; }
    .visinaLokacija { height: 450px; }
    .lokacijaVisinaMobile { height: 570px; }
    .lokacijaVisinaMobileKomplex { height: 650px; }
}