/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: Luxoorea;
    src: url('../luxoorea/Luxoorea.otf');
    src: url('../luxoorea/Luxoorea.ttf');
}
html { }
a:focus { outline: 0px auto -webkit-focus-ring-color; outline-offset: -2px; }
body { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #333; overflow-x: hidden !important; /* -webkit-font-smoothing: antialiased; */ }
.visina700 { height: 700px; }
.visina750 { height: 750px; }
.belapozadina { background-color: #ffffff; }
/*--------------------------------------------------------------------------------- P R E L O A D E R ----------------*/
#overlay { height: 100%; width: 100%; background: rgba(55,34,17,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 ----------------*/
/*--------------------------------------------------------------------------------- C O O K I E S --------------------*/
.kolacici { display: none; background-color: rgba(55,34,17,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 --------------------*/
/*--------------------------------------------------------------------------------- P O Z I V ------------------------*/
.slusalica { width: 94px; position: fixed; top: 50%; transform: translateY(-50%); right: 0px; z-index: 9999; background: #FBF8F6;
mix-blend-mode: normal; box-shadow: 0px 20px 40px rgba(53,74,95, 0.45); border-radius: 5px 0px 0px 5px; padding: 36px 24px 36px 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: #372211; 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: 18px 30px 10px 0px; background: #FBF8F6; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.kontakthidden a { display: block; margin-bottom: 5px; color: #372211; text-decoration: none; }
.kontaktopen { position: fixed; top: 50%; transform: translateY(-50%); right: 0px; width: 250px; display: block; padding: 18px 30px 10px 0px; background: #FBF8F6; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.kontaktopen a { display: block; margin-bottom: 5px; color: #372211; text-decoration: none; }
/*--------------------------------------------------------------------------------- P O Z I V ------------------------*/
/*--------------------------------------------------------------------------------- H E A D E R ----------------------*/
.meni { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: rgba(55,34,17,1); -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; height: 100px; }
.transparent { background-color: rgba(55,34,17,1) !important; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.logo { position: absolute; top: 16px; left: 20px; z-index: 9999; }
.logo img { height: 70px; }
.firstmeni ul { list-style: none; margin: 17px 0px 15px 0; padding: 0; }
.firstmeni ul li { display: inline-block; }
.firstmeni a { margin-left: 45px; color: #FBF8F6; font-weight: 400; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.firstmeni a:hover { color: #C3A084; font-weight: 400; text-decoration: none; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.meni2 { background: linear-gradient(303.44deg, #FBF8F6 50.5%, #FBF8F6 90.65%); 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: #372211 !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:#644731 !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; }
/*--------------------------------------------------------------------------------- H E A D E R ----------------------*/
/*--------------------------------------------------------------------------------- F U T E R ------------------------*/
.futer { background-color: rgba(55,34,17,1); padding-top: 60px; position: relative; }
.logofuterimg { height: 70px; margin-top: 105px; }
.logofuterimgtwo { position: absolute; right: 0px; bottom: 0px; }
.logofuterimgtwo img { height: 80px; }
.futermeni h2 { font-size: 14px; font-weight: 600; letter-spacing: -0.015em; color: #FBF8F6; margin-bottom: 20px; margin-top: 0px; }
.futermeni ul { padding-top: 0px; list-style: none; padding-left: 0px; margin-bottom: 0px; }
.futermenilink li { color: #FBF8F6; margin-bottom: 3px; font-size: 13px; letter-spacing: -0.015em; line-height: 22px; }
.futermenilink li a { color: #FBF8F6; text-decoration: none; cursor: pointer; font-size: 13px; -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: #FBF8F6; 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: 60px; } 
.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; }
.futer2 { font-size: 13px; letter-spacing: -0.015em; color: #FBF8F6; }
.futer2 a { color: #FBF8F6; text-decoration: none; cursor: pointer; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.futer2 a:hover { color: #FBF8F6; 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 #FBF8F6; padding: 20px 0px; margin-top: 50px; }
/*--------------------------------------------------------------------------------- F U T E R ------------------------*/
/*--------------------------------------------------------------------------------- C O N T A C T --------------------*/
.kontakt h2 { color: #372211; font-size: 56px; font-family: "Luxoorea", serif; font-weight: 400; margin-top: 60px; margin-bottom: 40px; }
.kontakt p { color: #372211; text-align: justify; margin-bottom: 20px; font-size: 16px; }
.kontaktLogo { height: 80px; margin-top: 30px; margin-bottom: 50px; }
.ikonicaKontaktVisina { height: 40px; }
.media-heading { font-size: 16px; color: #372211; font-weight: 500; letter-spacing: -0.015em; }
.media-left, .media>.pull-left { padding-right: 10px; }
.mojmiddle { vertical-align: middle !important; }
.medaimargin { margin-bottom: 15px; }
.kontaktlink { font-size: 16px; color: #372211; font-weight: 500; letter-spacing: -0.015em; 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; }
.mojboxkont { color: #372211; padding: 16px 20px; background-color: rgba(244,244,244,1); border: 0; display: block; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 30px; }
.mojboxkont::placeholder { color: #372211; }
.mojboxkont:focus { border-color: #372211;  outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.visinamojboxkont { height: 54px; border-radius: 0px; }
.visinamojtextboxkont { height: 180px !important; border-radius: 0px; }
.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: #D7BDA6; 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; margin-bottom: 30px; }
.contactbutton:hover { background: #C3A084; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; color: #fff; text-decoration: none; }
.contactbutton:focus { background: #D7BDA6; 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; margin-bottom: 30px; }
/*--------------------------------------------------------------------------------- C O N T A C T --------------------*/
/*--------------------------------------------------------------------------------- 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(55,34,17,0.8); color: #FBF8F6; border-radius: 4px 0px 0px 4px; padding: 40px 40px 40px 120px; display: inline-block; text-align: left; }
.sliderTitle h1 { font-family: "Luxoorea", serif; font-weight: 400; font-size: 68px; margin-top: 0; margin-bottom: 15px; color: #FBF8F6; }
.sliderTitle h3 { margin-top: 0; margin-bottom: 0; font-weight: 300; font-size: 24px; letter-spacing: -0.015em; }
/*--------------------------------------------------------------------------------- S L I D E R ----------------------*/
/*--------------------------------------------------------------------------------- O  N A M A -----------------------*/
.pozadinaprimary { background-color: #ffff; color: #372211; text-align: center; padding-top: 100px; padding-bottom: 100px; }
.pozadinaprimary h1 { margin-top: 0; margin-bottom: 60px; font-size: 56px; font-family: "Luxoorea", serif; font-weight: 400; color: #372211; }
.pozadinaprimary p { margin-bottom: 0; }
.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; }
/*--------------------------------------------------------------------------------- O  N A M A -----------------------*/
/*--------------------------------------------------------------------------------- G A R A Z A ----------------------*/
.garazapozadina { background-color: #FBF8F6; }
.garaze { padding-bottom: 100px; }
.garaze h1 { text-align: center; font-family: "Luxoorea", serif; font-weight: 400; font-size: 56px; color: #372211; margin-bottom: 50px; margin-top: 90px; }
.garaze p { text-align: center; font-size: 16px; letter-spacing: -0.015em; font-weight: 400; color: #84654D; line-height: 28px; }
.garaze img { margin: 80px auto 50px auto; display: inline-block; width: 90%; }
.marginTopGaraze { margin-top: 100px; }
/*--------------------------------------------------------------------------------- G A R A Z A ----------------------*/
/*--------------------------------------------------------------------------------- L O K A C I J A ------------------*/
.lokacijaMapaHeight { height: 800px; }
.lokacijaPozadina { background-color: #372211; }
.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: "Luxoorea", serif; font-weight: 400; font-size: 56px; color: #FBF8F6; margin-top: 0; margin-bottom: 60px; text-align: left; }
.aboutmiddle p { color: #FBF8F6; font-size: 16px; letter-spacing: -0.015em; font-weight: 400; text-align: justify; }
.medaimarginLokacija { margin-bottom: 60px; }
.lokacijapaddingright { padding-right: 100px; }
.lokacijaMediaPadding { padding-right: 50px; }
.ikonicaLokacijaVisina { height: 50px; }
.lokacijaMediaText { vertical-align: middle; font-size: 16px; letter-spacing: -0.015em; font-weight: 400; color: #FBF8F6; } 
.mediamargintop { margin-top: 80px; }
/*--------------------------------------------------------------------------------- L O K A C I J A ------------------*/
/*--------------------------------------------------------------------------------- K O N T A K T  F O R M -----------*/
.formposition { text-align: center; }
.contactform { width: 900px; display: inline-block; padding: 120px 0px; }
.contactform h2 { font-size: 56px; font-family: "Luxoorea", serif; font-weight: 400; color: #fff; margin-top: 0; margin-bottom: 20px; }
.contactform p { font-size: 24px; font-weight: 300; color: #fff; margin-top: 0; margin-bottom: 50px; letter-spacing: -0.015em; }
.mojbox { color: #FBF8F6; padding: 16px 20px; background-color: rgba(255,255,255,0.3); border: 0; display: block; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 30px; }
.mojbox::placeholder { color: #FBF8F6; }
.mojbox:focus { border-color: #FBF8F6;  outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.visinamojbox { height: 54px; border-radius: 0px; }
.visinamojtextbox { height: 180px !important; border-radius: 0px; }
.contactbuttonForm { background: #D7BDA6; border-radius: 0px; padding: 12px 40px 10px 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; margin-bottom: 30px; }
.contactbuttonForm:hover { background: #C3A084; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; color: #fff; text-decoration: none; }
.contactbuttonForm:focus { background: #D7BDA6; border-radius: 6px; padding: 12px 40px 10px 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; }
/*--------------------------------------------------------------------------------- K O N T A K T  F O R M -----------*/
/*--------------------------------------------------------------------------------- G A L E R I J A ------------------*/
.marginTopGalerija { margin-top: 180px; }
.kompleksVisina { height: 340px; }
.textmiddleKompleks { position: absolute; top: 50%; transform: translateY(-50%); }
.paddingKompleksLeft { padding-left: 70px; }
.paddingKompleksRight { padding-right: 70px; }
.kompleks h2 { font-family: "Luxoorea", serif; font-weight: 400; font-size: 56px; color: #372211; margin-top: 0; margin-bottom: 40px; letter-spacing: -0.015em; }
.kompleks p { font-size: 16px; font-weight: 400; text-align: justify; color: #84654D; line-height: 22px; letter-spacing: -0.015em; margin-bottom: 20px; }
.kompleksMarginBottom { margin-bottom: 70px; }
.stanoviPozadina { background-color: #FBF8F6; }
.modal { z-index: 9999; }
.modal-dialog { z-index: 9999; }
.modal-backdrop { background-color: rgba(215,189,166,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; }
.galerijaStanovi { padding-top: 100px; padding-bottom: 100px; }
.galerijaStanovi h2 { font-family: "Luxoorea", serif; font-weight: 400; font-size: 56px; text-align: center; color: #372211; margin-top: 0; margin-bottom: 10px; }
.galerijaStanovi p { font-size: 16px; font-weight: 400; color: #372211; text-align: center; line-height: 22px; letter-spacing: -0.015em; padding: 0 150px; }
.galerijaStanovi img { margin: 90px auto 10px auto; }
.galeryPaddingLeft { padding-left: 50px; }
.galeryPaddingRight { padding-right: 50px; }
.galerijaVisinaMiddle { height: 700px; }
.galerijaStanoviDno { margin-bottom: 80px; }
.galerijaVisinaText { height: 350px; }
.javniProsotri { text-align: center; margin-top: 80px; margin-bottom: 30px; color: #372211; }
/*--------------------------------------------------------------------------------- G A L E R I J A ------------------*/
/*--------------------------------------------------------------------------------- I N D E X ------------------------*/
.lokacija { padding-top: 80px; padding-bottom: 80px; }
.lokacija h2 { font-family: "Luxoorea", serif; font-weight: 400; font-size: 56px; color: #372211; margin-top: 0; margin-bottom: 60px; }
.lokacija p { font-size: 16px; font-weight: 400; text-align: justify; color: #84654D; line-height: 22px; letter-spacing: -0.015em; margin-bottom: 40px; }
.lokacijaVisina { height: 600px; }
.textmiddleLokacija { position: absolute; top: 50%; transform: translateY(-50%); padding-right: 100px; }
.lokacijaIkonice img { height: 40px; margin-right: 50px; margin-bottom: 60px; }
.lokacijabutton { background: #D7BDA6; border-radius: 0px; padding: 12px 40px 10px 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: #C3A084; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; color: #fff; text-decoration: none; }
.lokacijabutton:focus { background: #D7BDA6; border-radius: 0px; padding: 12px 40px 10px 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; }
.dodaciPozadina { background-color: #372211; }
.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: 400; margin-top: 30px; }
.statsDodaci img { display: inline-block; height: 60px; }
.statsDodaci:after { content: ''; position: absolute; bottom: 30px; top: 30px; right: 0; border-right: 1px solid #84654D; }
.statsDodaci:last-child:after { content: ''; position: absolute; bottom: 0px; top: 5px; right: 0; border-right: 0px solid #84654D; }
.galerija { padding-top: 100px; padding-bottom: 100px; }
.galerija h2 { font-size: 56px; font-family: "Luxoorea", serif; font-weight: 400; color: #372211; margin-top: 0; margin-bottom: 60px; letter-spacing: -0.015em; }
.galerija p { font-size: 16px; text-align: justify; font-weight: 400; color: #84654D; line-height: 22px; letter-spacing: -0.015em; margin-bottom: 40px; }
.galerijavisina { height: 512px; }
.galerijapadding { padding-left: 100px; }
.textmiddle { position: absolute; top: 50%; transform: translateY(-50%); }
.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: #FBF8F6; font-weight: 300; margin-top: 0; margin-bottom: 20px; }
.stats span { display: block; font-size: 18px; color: #D7BDA6; font-weight: 300; letter-spacing: -0.015em; }
.stats:after { content: ''; position: absolute; bottom: 15px; top: 15px; right: 0; border-right: 1px solid #84654D; }
.stats:last-child:after { content: ''; position: absolute; bottom: 15px; top: 15px; right: 0; border-right: 0px solid #84654D; }
.daynightHeight { height: 750px; }
.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; }
.prostoriPozadina { background-color: #FBF8F6; }
.prostoriPaddingBottom { padding-bottom: 120px; }
.prostori h2 { font-size: 56px; font-family: "Luxoorea", serif; font-weight: 400; color: #372211; margin-top: 100px; margin-bottom: 5px; text-align: center; }
.prostori p { text-align: center; margin-bottom: 50px; }
.newsPadding { padding-right: 15px; padding-left: 15px; }
.newslink { text-decoration: none; }
.newslink:hover { text-decoration: none; }
.newsabout { background-color: #002440; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.newsabout:hover { border-top-left-radius: 0px; border-bottom-right-radius: 0px; -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: #002440; border-top-left-radius: 0px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.newsdetails { padding: 10px 20px; background-color: rgba(132,101,77,0.8); position: absolute; bottom: 0; left: 15px; right: 15px; height: 80px; border-bottom-right-radius: 0px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.newsdetails img { position: absolute; top: 50%; right: 15px; height: 30px; transform: translateY(-50%); }
.newsabout:hover .newsdetails { border-bottom-right-radius: 0px; background-color: rgba(132,101,77,1); color: #FBF8F6; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.newstitle { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); color: #fff; font-size: 20px; margin: 0; font-weight: 400; text-align: left; padding-left: 15px; }
.newsabout:hover .newstitle { color: #FBF8F6; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
/*--------------------------------------------------------------------------------- I N D E X ------------------------*/
/*--------------------------------------------------------------------------------- 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: #D9D3C7; cursor: default; background-color: #5F574A; border-color: #5F574A; }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #5F574A; text-decoration: none; background-color: #fff; border: 1px solid #B6AC9C; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2; color: #5F574A; background-color: #B6AC9C; border-color: #B6AC9C; }
/*--------------------------------------------------------------------------------- P A G G I N G --------------------*/
/*--------------------------------------------------------------------------------- S T A N O V I --------------------*/
.stanoviPozadinaNew { background-color: #FBF8F6; }
.stanoviPozadina { background-color: #EFE5DB; }
.stanoviNaslov { margin-top: 180px; text-align: center; }
.stanoviNaslov h2 { font-family: "Luxoorea", serif; font-weight: 400; font-size: 56px; color: #372211; margin-top: 0; margin-bottom: 0px; letter-spacing: -0.015em; }
.stanoviPodnaslov { font-size: 18px; font-weight: 400; color: #372211; line-height: 22px; padding-top: 10px; padding-bottom: 50px; 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: #372211; }
.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: #D9D3C7; 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; border-radius: 0px 0px 0px 0px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; position: relative; padding: 10px; }
.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: #372211; padding: 15px 20px; color: #FBF8F6; 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: 16px; padding-right: 25px; font-weight: 400; letter-spacing: -0.015em; 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: #372211; -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: 14px; letter-spacing: -0.015em; }
.stanListaOpis img { margin-right: 10px; height: 24px; }
.stanListaOpis:last-child { padding-right: 0px; }

.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: #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 R I K A Z  S T A N A -----------*/
.stanMargin { margin-top: 160px; margin-bottom: 0px; }
.naslovStana { font-weight: 400; font-size: 50px; text-align: left; color: #372211; margin-top: 0; margin-bottom: 0px; text-transform: uppercase; }
.brojevistanova { display: block; font-size: 18px; font-weight: 400; color: #644731; line-height: 28px; margin-top: 10px; }
.brojevispratova { display: block; font-size: 18px; font-weight: 400; color: #644731; line-height: 28px; margin-bottom: 50px; }
.imgpozicija { margin-left: auto; margin-right: auto; display: block; margin-top: 50px; height: 200px; }
.downloadPDF { padding-top: 60px; padding-bottom: 100px; text-align: center; margin-top: 80px; }
.galerijaStanaIndex { border-radius: 0px; 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; }
.specificno { display: block; font-size: 16px; font-weight: 400; color: #644731; line-height: 32px; }
/*--------------------------------------------------------------------------------- P R I K A Z  S T A N A -----------*/




@media (max-width: 1200px){
    .futermenilink li { font-size: 13px; }
    .logofuterimg { height: 60px; margin-top: 138px; }
    .logofuterimgtwo img { height: 60px; }
    .futersocial { margin-top: 90px; }
    .futersocialimg { height: 25px; }
    .sliderTitle h1 { font-size: 56px; }
    .sliderTitle h3 { font-size: 24px; }
    .lokacija h2 { font-size: 56px; }
    .prostori h2 { font-size: 56px; }
    .galerija h2 { font-size: 56px; }
    .contactform h2 { font-size: 56px; }
    .garaze h1 { font-size: 56px; }
    .kontakt h2 { font-size: 56px; }
    .aboutmiddle h1 { font-size: 56px; }
    .stanoviNaslov h2 { font-size: 56px; }
    .pozadinaprimary h1 { font-size: 56px; }
    .investitor h2 { font-size: 40px; }
    .kompleks h2 { font-size: 56px; }
    .galerijaStanovi h2 { font-size: 56px; }
    .contactform p { font-size: 20px; }
    .projektStudio h2 { font-size: 32px; }
    .ppNaslov h2 { font-size: 32px; }
    .naslovStana { font-size: 50px; }
    .newsPadding {  }
    .newsimageabout { height: 320px; }
    .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; }
    .galerijavisina { height: 420px; }
}
@media (max-width: 992px){
    .pozadinaprimary h1 { font-size: 50px; 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; }
    .logo img { height: 70px; }
    .futermarginTop { margin-top: 30px; }
    .logofuterimg { height: 60px; margin-top: 00px; }
    .logofuterimgtwo { right: 80px; bottom: 0px; }
    .logofuterimgtwo img { height: 60px; }
    .contactform { padding: 80px 0px; width: 100%; }
    .sliderTitle h1 { font-size: 50px; }
    .sliderTitle h3 { font-size: 22px; }
    .stanoviNaslov { margin-top: 0px; padding-top: 150px; }
    .stanoviNaslov h2 { font-size: 50px; }
    .stanoviPodnaslovIspod { top: 62%; }
    .naslovStana { font-size: 42px; }
    .ppNaslov { margin-top: 150px; }
    .ppNaslov h2 { font-size: 32px; }
    .ppPodnaslovIspod { font-size: 20px; top: 63%; }
    .garaze h1 { font-size: 50px; margin-bottom: 40px; margin-top: 50px; }
    .marginTopGaraze { margin-top: 50px; }
    .statsGarage img { height: 60px; }
    .statsGarage span { font-size: 16px; }
    
    .lokacija h2 { font-size: 50px; margin-bottom: 40px; }
    .kontakt h2 { font-size: 50px; margin-top: 50px; }
    .kontaktSlaganjeMargin { margin-top: 30px; margin-bottom: 50px; }
    .aboutmiddle h1 { font-size: 50px; }
    .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: 50px; 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: 50px; margin-bottom: 20px; }
    .galerija h2 { font-size: 50px; margin-bottom: 40px; }
    .contactform h2 { font-size: 50px; margin-bottom: 20px; }
    .galerijaStanovi h2 { font-size: 50px; margin-bottom: 20px; }
    .slusalica { font-size: 14px; padding: 30px 0px 30px 30px; }
    .buttonslusalica i { font-size: 36px; }
    .kontaktopen a { margin-bottom: 2px; }
    .kontaktopen { width: 210px; padding: 18px 0px 10px 0px; }
    .slusalicabig { width: 300px; }
    .kontakthidden a { margin-bottom: 2px; }
    .lokacija { padding-top: 50px; }
    .textmiddleLokacija { position: relative; top: 0; transform: translateY(0%); padding-right: 0; }
    .lokacijaVisina { height: 420px; margin-bottom: 0px; }
    .statsDodaci {  }
    .statsDodaci img { height: 60px; }
    .statsDodaci span { font-size: 16px; }
    .paddingDodaci { padding-top: 100px; padding-bottom: 100px; }
    .prostoriPozadina {  }
    .newsPadding { padding-right: 10px; padding-left: 10px; }
    .newsimageabout { height: 280px; }
    .paddingstats { padding-top: 100px; padding-bottom: 100px; }
    .stats h5 { font-size: 24px; }
    .stats span { font-size: 16px; }
    .stats { height: 70px; }
    .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; }
}
@media (max-width: 768px){
    .lokacija { padding-bottom: 0px; }
    .lokacija h2 { font-size: 42px; margin-bottom: 20px; }
    .lokacija p { margin-bottom: 30px; }
    .lokacijaIkonice img { height: 50px; margin-right: 40px; margin-bottom: 40px; }
    .lokacijaVisina { height: 480px; }
    .prostori h2 { font-size: 42px; margin-bottom: 20px; margin-top: 50px; }
    .galerija h2 { font-size: 42px; margin-bottom: 20px; }
    .galerija p { margin-bottom: 30px; }
    .contactform h2 { font-size: 42px; margin-bottom: 20px; }
    .galerijaStanovi h2 { font-size: 42px; margin-bottom: 20px; }
    .kompleks h2 { font-size: 42px; margin-bottom: 20px; }
    .pozadinaprimary h1 { font-size: 42px; margin-bottom: 20px; }
    .aboutmiddle h1 { font-size: 42px; margin-bottom: 20px; }
    .garaze h1 { font-size: 42px; margin-bottom: 20px; }
    .stanoviNaslov h2 { font-size: 42px; }
    .naslovStana { font-size: 32px; }
    .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: 350px; }
    .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; background: rgba(55,34,17,1); }
    .meni2 { background: rgba(55,34,17,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: #FBF8F6; }
    .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(55,34,17,1); border-top: 0; -webkit-box-shadow: none; box-shadow: none; height: 100vh; top: 72px; }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; }
    .navbar-nav { margin: 0 0 20px 0; }
    .meni2 ul li a { padding: 15px 20px 15px 10px; font-size: 18px; display: inline-block; color: #FBF8F6 !important; }
    .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: center; }
    .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 #84654D; }
    .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: 40px 20px 40px 20px; }
    .sliderTitle { bottom: 100px; }
    .sliderTitle h1 { font-size: 46px; margin-bottom: 10px; }
    .sliderTitle h3 { font-size: 16px; }
    .paddingDodaci { padding-top: 60px; padding-bottom: 60px; }
    .statsDodaci:after { display: none; }
    .statsDodaci:last-child:after { display: none; }
    .statsDodaciMobileBorder:after { display: block; content: ''; position: absolute; bottom: 30px; top: 30px; right: 0; border-right: 1px solid #84654D; }
    .statsDodacimarginMobile { margin-bottom: 40px; }
    .carousel-control.left { left: 0px; }
    .carousel-control.right { right: 0px; }
    .lokacijaMapaHeight { height: 220px; }
    .visinaLokacija { height: 450px; }
    .statsDodaci span { font-size: 14px; }
    .mobileBorderNo:after { content: ''; position: absolute; bottom: 15px; top: 15px; right: 0; border-right: 0px solid #84654D; }
    .marginTopGalerija { margin-top: 100px; }
    .galerijaStanovi img { margin: 60px auto 10px auto; }
    .galeryPaddingRight { padding-right: 15px; margin-bottom: 20px; }
    .galeryPaddingLeft { padding-left: 15px; }
    .garaze { padding-bottom: 80px; }
    .mojselect { margin-bottom: 10px; }
    .newsdetails { left: 10px; right: 10px; }
}