/*
lightBlue -     8BA9C8 - 139,169,200
blue =          002440 - 0,36,64
darkBlue -      00111F - 0,17,31
*/

@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');
:root{
    --blue: #CFEAEF;
    --darkBlue: #293035;
    --button: #97B7BB;
    --buttonHover: #817142;
    --spinerOne: #97B7BB;
    --spinerTwo: #7ba4a9;
    --spinerThree: #5e888d;
    
}
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
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; }
.padTop { padding-top: 120px; }
.padBottom { padding-bottom: 120px; }
/*--------------------------------------------------------------------------------- F U T E R ------------------------*/
.futer { background-color: rgba(0,36,64,1); padding-top: 60px; position: relative; }
.logofuterimg { height: 75px; margin-top: 88px; }
.logofuterimgtwo { position: absolute; right: 15px; bottom: 0px; }
.logofuterimgtwo img { height: 90px; }
.futermeni h2 { font-size: 14px; font-weight: 600; 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: #fff; margin-bottom: 3px; font-size: 14px; }
.futermenilink li a { color: #fff; text-decoration: none; cursor: pointer; font-size: 14px; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.futermenilink li a:hover { padding-left: 5px; color:#8BA9C8; 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: 53px; } 
.futersocial ul { margin-top: 0px; padding-bottom: 0px; list-style: none; padding-left: 0px; }
.futersocial ul li { display: inline-block; margin-right: 20px; }
.futersocialimg { height: 30px; }
.futer2 { font-size:13px; color: #fff; }
.futer2 a { color: #fff; text-decoration: none; cursor: pointer; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.futer2 a:hover { color: #8BA9C8; 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 #fff; padding: 20px 0px; margin: 50px 35px 0px 35px; }
/*--------------------------------------------------------------------------------- F U T E R ------------------------*/
/*--------------------------------------------------------------------------------- C O O K I E S --------------------*/
.kolacici { display: none; background-color: rgba(0,17,31,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 --------------------*/
/*--------------------------------------------------------------------------------- C O N T A C T  F O R M -----------*/
.filterpreko { background-color: rgba(41,48,53,0.9); }
.formposition { text-align: center; }
.contactform { width: 900px; display: inline-block; padding: 120px 0px; }
.contactform h2 { font-size: 48px; font-weight: 600; color: #fff; margin-top: 0; margin-bottom: 10px; letter-spacing: 0.025em; }
.contactform p { font-size: 24px; font-weight: 300; color: #fff; margin-top: 0; margin-bottom: 100px; }
.mojbox { color: #fff; padding: 16px 20px; background-color: rgba(255,255,255,0.24); border: 0; display: block; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 20px; font-size: 16px; }
.mojbox::placeholder { color: #fff; font-size: 16px; }
.mojbox:focus { border-color: #fff;  outline: 0; -webkit-box-shadow: none; box-shadow: none; font-size: 16px; }
.visinamojbox { height: 54px; border-radius: 2px; }
.visinamojtextbox { height: 180px !important; border-radius: 2px; }
.contactbutton { background-color: #8BA9C8; border-radius: 2px; padding: 10px 40px 9px 40px; color: #fff; font-weight: 400; font-size: 22px; border: 0; -moz-transition:all 0.6s; -webkit-transition: all 0.6s; transition:all 0.6s; text-decoration: none; display: inline-block; margin-top: 20px; }
.contactbutton:hover { background-color: #507294; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; color: #fff; text-decoration: none; }
.contactbutton:focus { color: #fff; text-decoration: none; }
/*--------------------------------------------------------------------------------- C O N T A C T  F O R M -----------*/
/*--------------------------------------------------------------------------------- G A L L E R Y --------------------*/
.bluebcg { background-color: #fff; }
.lb-data .lb-number { display: none !important; }
.galerijaStanaIndex { border-radius: 2px; margin-bottom: 10px; }
.galerijaMiniPicture { padding: 0px 30px !important; margin: 0 !important; }
.galerijaMiniPicture img { height: 120px; margin: 0px 40px 0px 0px; }
.strelice { font-size: 30px; color: #000; }
.lightboxOverlay { background-color: #00111F !important; }
/*--------------------------------------------------------------------------------- G A L L E R Y --------------------*/
/*--------------------------------------------------------------------------------- S T A T S ------------------------*/
.darkbluebcg { background-color: #002440; }
.statsbgd { background: url(""); background-position: center bottom; background-repeat: no-repeat; background-size:cover; }
.stats { text-align: center; padding-top: 0px; padding-bottom: 0px; height: auto; }
.stats h5 { font-size: 40px; color: #fff; font-weight: 300; margin-top: 0; margin-bottom: 20px; }
.stats span { display: block; font-size: 16px; color: #8BA9C8; font-weight: 300; }
.stats:after { content: ''; position: absolute; bottom: 5px; top: 5px; right: 0; border-right: 1px solid #8BA9C8; }
.stats:last-child:after { content: ''; position: absolute; bottom: 5px; top: 5px; right: 0; border-right: 0px solid #8BA9C8; }
.statsTwo { text-align: center; padding-top: 0px; padding-bottom: 0px; height: auto; }
.statsTwo img { margin-bottom: 30px; height: 60px; }
.statsTwo span { display: block; font-size: 16px; color: #00111F; font-weight: 300; }
.statsTwo:after { content: ''; position: absolute; bottom: 0px; top: 0px; right: 0; border-right: 1px solid #8BA9C8; }
.statsTwo:last-child:after { content: ''; position: absolute; bottom: 0px; top: 0px; right: 0; border-right: 0px solid #8BA9C8; }
/*--------------------------------------------------------------------------------- S T A T S ------------------------*/
/*--------------------------------------------------------------------------------- D A Y  &  N I G H T --------------*/
.daynightHeight { height: 760px; }
.pictureDay { background: url('/images/savaResidenceDay.jpg'); background-position: center center !important; background-repeat: no-repeat; background-size: cover !important; }
.pictureNight { background: url('/images/savaResidenceDay.jpg') !important; background-position: center center !important; background-repeat: no-repeat; background-size: cover !important; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
/*--------------------------------------------------------------------------------- D A Y  &  N I G H T --------------*/
/*--------------------------------------------------------------------------------- O F F E R  L I S T ---------------*/
.offerbgd { background: url(''); background-color: #002440; background-position: center center !important; background-repeat: no-repeat; background-size: cover !important; }
.offer { border: solid 1px #817042; }
.offername h2 { font-size: 48px; font-weight: 600; color: #fff; margin-top: 0; margin-bottom: 10px; text-align: center; letter-spacing: 0.025em; }
.offername p { font-size: 24px; font-weight: 300; color: #fff; margin-top: 0; margin-bottom: 100px; text-align: center; }

.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(139,169,200,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(139,169,200,1); color: #f4f4f4; -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: #f4f4f4; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
/*
.offerDetails { height: 340px; background-color: transparent!important; position: relative; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; overflow: hidden; }
.detailedRow { width: 100%; table-layout: fixed; }
.detailedInfo { display: table-cell; text-align: left; padding-right: 25px; height: 40px; vertical-align: middle; font-size: 14px; }
.detailedInfo img { margin-right: 8px; height: 20px; }
.detailedInfo:last-child { padding-right: 0px; }
.offerDownload { position: absolute; bottom: 15px; right: 15px; height: 26px; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.offerText { position: absolute; bottom: 0px; left: 0; right: 0; padding: 5px 20px; z-index: 2; color: #fff; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.offerText h2 { display: block; font-size: 22px; font-weight: 600; margin-top: 0; margin-bottom: 5px; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.offerBackground { position: absolute; bottom: 0; left: 0; right: 0; height: 90px; background-color: rgba(129,113,66,0.6);  -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; z-index: 1; }
.offerLink:hover { text-decoration: none; cursor: pointer; }
.offerLink:hover .offerBackground { height: 340px; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.offerLink:hover .offerText { bottom: 0; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.offerLink:hover .offerText h2 { margin-bottom: 10px; font-size: 26px; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s;  }
.offerLink:hover .offerDownload { position: absolute; bottom: 15px; right: 15px; height: 26px; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
*/
/*--------------------------------------------------------------------------------- O F F E R  L I S T ---------------*/
/*--------------------------------------------------------------------------------- I N D E X ------------------------*/
.locationHeight { height: 700px; }
.textMiddle { position: absolute; top: 50%; transform: translateY(-50%); }
.textLocation h2 { font-size: 48px; font-weight: 500; color: #fff; margin-top: 0; margin-bottom: 50px; letter-spacing: 0.025em; }
.textLocation p { font-size: 16px; font-weight: 300; color: #fff; margin-bottom: 20px; }
.paddingLocation { padding-right: 100px; }
/*--------------------------------------------------------------------------------- I N D E X ------------------------*/
/*--------------------------------------------------------------------------------- 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: var(--darkBlue); }
.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; }
.filter { background-color:rgba(19,47,60,0); }
.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; background-color: rgba(0,36,64,0.9); color: #fff; border-radius: 0px 0px 0px 0px; padding: 60px 50px 60px 50px; display: inline-block; -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); }
.sliderTitle h1 { font-weight: 600; font-size: 60px; margin-top: 0; margin-bottom: 20px; letter-spacing: 0.025em; }
.sliderTitle h3 { margin-top: 0px; margin-bottom: 0; font-weight: 300; font-size: 26px; letter-spacing: 0.025em; }
/*--------------------------------------------------------------------------------- S L I D E R ----------------------*/
/*--------------------------------------------------------------------------------- P R E L O A D E R ----------------*/
#overlay { height: 100%; width: 100%; background: #002440; 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: var(--spinerOne); -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: var(--spinerTwo); -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: var(--spinerThree); -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 ----------------*/
/*--------------------------------------------------------------------------------- H E A D   P H O N E --------------*/
.slusalica { width: 94px; position: fixed; top: 50%; transform: translateY(-50%); right: 0px; z-index: 9999; background: #F8F5EF;
mix-blend-mode: normal; box-shadow: 0px 20px 40px rgba(30,29,28, 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: var(--darkBlue); 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: #F8F5EF; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.kontakthidden a { display: block; margin-bottom: 5px; color: var(--darkBlue); text-decoration: none; }
.kontaktopen { position: fixed; top: 50%; transform: translateY(-50%); right: 0px; width: 250px; display: block; padding: 18px 30px 10px 0px; background: #F8F5EF; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; transition: all 0.6s; }
.kontaktopen a { display: block; margin-bottom: 5px; color: var(--darkBlue); text-decoration: none; }
/*--------------------------------------------------------------------------------- H E A D   P H O N E --------------*/
/*--------------------------------------------------------------------------------- M E N U --------------------------*/
.meni { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: rgba(187,202,214,1); -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; height: 100px; }
.transparent { background-color: rgba(187,202,214,0.9) !important; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.logo { position: absolute; top: 14px; left: 50px; z-index: 9999; }
.logo img { height: 70px; }
.firstmeni ul { list-style: none; margin: 15px 30px 10px 0px; padding: 0; }
.firstmeni ul li { display: inline-block; }
.firstmeni a { padding: 10px 20px 10px 20px; color: #00111F; }
.firstmeni a:hover { color: #00111F; text-decoration: none; }
.meni2 { background: linear-gradient(303.44deg, #002440 50.5%, #002440 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 40px 0px 40px !important; }
.meni2 ul li { display: inline-block; }
.meni2 ul li a { color: #fff !important; font-size: 16px; font-weight: 400; display: table-cell; vertical-align: middle; padding: 5px 20px 5px 20px; text-align: center; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.meni2 ul li a:hover { color: #fff !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;  }
.meni2 .aktivna { color: #8BA9C8 !important; }
/*--------------------------------------------------------------------------------- M E N U --------------------------*/
/*--------------------------------------------------------------------------------- A B O U T  U S -------------------*/
.bluebcgdark { background-color: #8BA9C8; }
.aboutUstext h1 { margin-top: 0; margin-bottom: 50px; font-size: 48px; font-weight: 500; color: #fff; text-align: center; }
.aboutUstext p { font-size: 18px; font-weight: 300; color: #fff; text-align: center; }
.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; }
/*--------------------------------------------------------------------------------- A B O U T  U S -------------------*/
/*--------------------------------------------------------------------------------- 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: #002440; cursor: default; background-color: rgba(139, 169, 200, 0.2); border-color: rgba(139, 169, 200, 0.2); }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #002440; text-decoration: none; background-color: #fff; border: 1px solid rgba(139, 169, 200, 0.2); }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2; color: #002440; background-color: rgba(139, 169, 200, 0.2); border-color: rgba(139, 169, 200, 0.2); }
/*--------------------------------------------------------------------------------- P A G G I N G --------------------*/
/*--------------------------------------------------------------------------------- C O N T A C T --------------------*/
.visina750 { height: 750px; }
.kontakt h2 { font-size: 48px; font-weight: 500; margin-top: 60px; margin-bottom: 50px; letter-spacing: 0.025em;  color: #00111F; }
.kontakt p { color: #00111F; text-align: justify; margin-bottom: 20px; font-size: 16px; }
.kontaktLogo { height: 100px; margin-top: 30px; margin-bottom: 50px; }
.ikonicaKontaktVisina { height: 35px; }
.media-heading { font-size: 16px; color: #000; font-weight: 500; letter-spacing: -0.015em; }
.media-left, .media>.pull-left { padding-right: 20px; }
.mojmiddle { vertical-align: middle !important; }
.medaimargin { margin-bottom: 30px; }
.kontaktlink { font-size: 16px; color: #00111F; 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: var(--buttonHover);; text-decoration: none; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; }
.mapavisina { height: 300px; border: 0; margin: 30px 0 50px 0; }
.kontaktSlaganjeMargin { margin-top: 30px; }
.mojboxkontakt { color: #00111F; padding: 16px 20px; background-color: rgba(244,244,244,0.8); border: 0; display: block; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 20px; }
.mojboxkontakt::placeholder { color: #00111F; }
.mojboxkontakt:focus { border-color: #fff;  outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.visinamojbox { height: 54px; border-radius: 2px; }
.visinamojtextbox { height: 180px !important; border-radius: 2px; }
.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 var(--blue);; 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 var(--blue);; border-width: 0 2px 2px 0; transform: rotate(45deg); }
/*--------------------------------------------------------------------------------- C O N T A C T --------------------*/
/*--------------------------------------------------------------------------------- L O C A T I O N ------------------*/
.locationHeightPage { height: 550px; }
.lokacija { margin-bottom: 50px; }
.lokacija h2 { font-size: 48px; font-weight: 600; margin-top: 0px; margin-bottom: 50px; letter-spacing: 0.025em; color: #fff; }
.lokacija p { font-size: 16px; font-weight: 300; color: #fff; margin-bottom: 20px; }
.medaimarginLokacija { margin-bottom: 50px; }
.lokacijaMediaText { vertical-align: middle; font-size: 16px; font-weight: 400; color: #fff; } 
.lokacijaMediaText h4 { margin-top: 0px; margin-bottom: 10px; font-weight: 600; font-size: 22px; color: #fff; }
.ikonicaLokacijaVisina { height: 80px; }
.lokacijaMediaPadding { padding-right: 40px; }
.mapalokacija { font-size: 48px; font-weight: 600; margin-top: 0px; margin-bottom: 80px; letter-spacing: 0.025em; color: #002440; text-align: center; }
/*--------------------------------------------------------------------------------- L O C A T I O N ------------------*/
/*--------------------------------------------------------------------------------- A P A R T M E N T S --------------*/
.stanoviNaslov { margin-top: 180px; text-align: center; }
.stanoviNaslov h2 { font-weight: 600; font-size: 48px; color: #00111F; margin-top: 0px; margin-bottom: 10px; letter-spacing: 0.025em; }
.stanoviNaslov p { font-size: 18px; color: #00111F; margin-bottom: 50px; }
.stanoviPodnaslov { font-size: 16px; font-weight: 400; color: #00111F; margin-top: 0px; margin-bottom: 40px; position: relative; }
.stanoviIzrada { font-size: 16px; font-weight: 600; color: #fff; }
.mojselect { border-radius: 0px; height: 50px; background-color: rgba(139,169,200,0.2); border: 0; color: #00111F; }
.mojdropdown { float: none; width: auto !important; border-radius: 2px; top: 50px; min-width: auto !important; left: 0px; right: 0px; }
.btn-default:hover { color: #00111F; background-color: rgba(139,169,200,0.2); border-color: transparent; }
.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.2); -moz-box-shadow: 0px 40px 80px 0px rgba(0,0,0,0.2); box-shadow: 0px 40px 80px 0px rgba(0,0,0,0.3); }
.stanListaIMG { background: #fff; padding: 10px; border-radius: 0px 0px 0px 0px; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; position: relative; border-left: solid 1px rgba(139,169,200,0.8); border-right: solid 1px rgba(139,169,200,0.8); border-top: solid 1px rgba(139,169,200,0.8); }
.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: #002440; 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: 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: #002440; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; }
.stanListaProdato { background-color: #fff; margin-bottom: 30px; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; overflow: hidden; }
.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; }
.notlink { }
/*--------------------------------------------------------------------------------- A P A R T M E N T S --------------*/
/*--------------------------------------------------------------------------------- M A T E R I A L S ----------------*/
.materijali { text-align: center; }
.materijali h1 { font-weight: 600; font-size: 48px; color: #fff; margin-top: 0px; margin-bottom: 50px; letter-spacing: 0.025em; }
.materijali p { font-size: 16px; font-weight: 300; color: #fff; margin-bottom: 20px; }
.materijalidetaljno { height: 350px; text-align: center; background-color: rgba(139,169,200,0.15); border: solid 1px #8BA9CB; color: #fff; padding: 50px 30px; margin: 60px 15px 0px 15px; }
.materijalidetaljno h3 { font-size: 22px; font-weight: 600; margin-top: 0; margin-bottom: 30px; letter-spacing: 0.025em; }
.materijalidetaljno p { margin-bottom: 0px; font-size: 16px; }
/*--------------------------------------------------------------------------------- M A T E R I A L S ----------------*/
@media (min-width: 768px){ .container { width: 750px; } }
@media (min-width: 992px){ .container { width: 970px; } }
@media (min-width: 1200px){ .container { width: 1170px; } }
@media (min-width: 1400px){ .container { width: 1320px; } }
@media (min-width: 1900px){
    /*--------------------------------------------------------------------------------- L O C A T I O N ------------------*/
    .mapavisinalokacija { height: 1850px; }
    /*--------------------------------------------------------------------------------- L O C A T I O N ------------------*/
}
@media (max-width: 1400px){
    .locationHeight { height: 620px; }
    .locationHeightPage { height: 480px; }
}
@media (max-width: 1200px){
    .meni2 ul li a { font-size: 14px; padding: 5px 10px 5px 10px; }
    .firstmeni a { padding: 10px 10px 10px 10px; font-size: 14px; }
    .locationHeight { height: 560px; }
    .statsTwo span { font-size: 13px; }
    .newsimageabout { height: 300px; }
    .newstitle { font-size: 16px; padding-left: 10px; }
    .newsdetails img { right: 10px; }
    .stats span { font-size: 16px; }
    .stats h5 { font-size: 34px; }
    .locationHeightPage { height: 420px; }
    .materijalidetaljno { height: 350px; padding: 30px 20px; margin: 60px 5px 0px 5px; }
    /*--------------------------------------------------------------------------------- F O O T E R ----------------------*/
    .futermenilink li { font-size: 13px; }
    .logofuterimg { height: 65px; margin-top: 112px; }
    .logofuterimgtwo img { height: 65px; }
    .futersocial { margin-top: 68px; }
    .futersocial ul li { margin-right: 0px; }
    .futersocialimg { height: 30px; margin-right: 12px; }
    /*--------------------------------------------------------------------------------- F O O T E R ----------------------*/
    /*--------------------------------------------------------------------------------- L O C A T I O N ------------------*/
    .lokacija h2 { font-size: 46px; font-weight: 500; }
    .paddingLocation { padding-right: 80px; }
    .mapavisinalokacija { height: 900px; }
    /*--------------------------------------------------------------------------------- L O C A T I O N ------------------*/
}
@media (max-width: 992px){
    .stanoviNaslov { margin-top: 160px; }
    /*--------------------------------------------------------------------------------- F O O T E R ----------------------*/
    .logofuterimg { height: 65px; margin-top: 0px; }
    .futerbordertop { margin: 50px 0px 0px 0px; }
    /*--------------------------------------------------------------------------------- F O O T E R ----------------------*/
    /*--------------------------------------------------------------------------------- H E A D   P H O N E --------------*/
    .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; }
    .kontakthidden a { margin-bottom: 2px; }
    .slusalicabig { width: 300px; }
    /*--------------------------------------------------------------------------------- H E A D   P H O N E --------------*/
    /*--------------------------------------------------------------------------------- C O N T A C T  F O R M -----------*/
    .contactform { width: 100%; padding: 120px 0px; }
    .contactform h2 { font-size: 46px; font-weight: 500; margin-bottom: 30px; }
    .contactform p { font-size: 22px; font-weight: 300; margin-bottom: 100px; }
    .contactbutton { font-size: 18px; }
    /*--------------------------------------------------------------------------------- C O N T A C T  F O R M -----------*/
    /*--------------------------------------------------------------------------------- G A L L E R Y --------------------*/
    .galerijaMiniPicture { padding: 0px 30px !important; margin: 0 !important; }
    .galerijaMiniPicture img { height: 80px; margin: 0px 20px 0px 0px; }
    /*--------------------------------------------------------------------------------- G A L L E R Y --------------------*/
    /*--------------------------------------------------------------------------------- S T A T S ------------------------*/
    .stats h5 { font-size: 28px; font-weight: 300; margin-bottom: 15px; }
    .stats span { font-size: 14px; font-weight: 300; }
    .statsTwo { margin-bottom: 30px; }
    /*--------------------------------------------------------------------------------- S T A T S ------------------------*/
    /*--------------------------------------------------------------------------------- D A Y  &  N I G H T --------------*/
    .daynightHeight { height: 600px; }
    /*--------------------------------------------------------------------------------- D A Y  &  N I G H T --------------*/
    /*--------------------------------------------------------------------------------- O F F E R  L I S T ---------------*/
    .offer { margin-bottom: 20px; }
    .offername h2 { font-size: 46px;  margin-bottom: 30px; font-weight: 500; }
    .offername p { font-size: 22px; font-weight: 300; margin-bottom: 100px; }
    /*--------------------------------------------------------------------------------- O F F E R  L I S T ---------------*/
    /*--------------------------------------------------------------------------------- I N D E X ------------------------*/
    .textLocation h2 { font-size: 46px; font-weight: 500; margin-bottom: 30px; }
    .textLocation p { font-size: 16px; font-weight: 300; margin-bottom: 20px; text-align: justify; }
    .textMiddle { position: relative; top: auto; transform: none; }
    .paddingLocation { padding-right: 0px; }
    .locationHeight { height: auto; margin-bottom: 50px; }
    .hiddenBorderTablet:after { content: ''; position: absolute; bottom: 5px; top: 5px; right: 0; border-right: 0px solid #8BA9C8; }
    .newsimageabout { height: 400px; }
    .newsPadding { margin-bottom: 30px; }
    /*--------------------------------------------------------------------------------- I N D E X ------------------------*/
    /*--------------------------------------------------------------------------------- M E N U --------------------------*/
    .meni { height: 90px; }
    .logo { top: 20px; left: 15px; }
    .logo img { height: 50px; }
    .firstmeni ul { margin: 10px 0px 10px 0px; }
    .firstmeni a { font-size: 13px; padding: 5px 0px 5px 15px; }
    .meni2 { top: 42px; }
    .meni2 ul { padding-left: 0px; margin: 0px 15px 0px 0px !important; }
    .meni2 ul li a { font-size: 13px; font-weight: 400; padding: 5px 0px 5px 15px; }
    /*--------------------------------------------------------------------------------- M E N U --------------------------*/
    /*--------------------------------------------------------------------------------- S L I D E R ----------------------*/
    .sliderTitle { padding: 40px 100px 40px 20px; }
    .sliderTitle h1 { font-weight: 600; font-size: 46px; margin-bottom: 20px; }
    .sliderTitle h3 { font-weight: 300; font-size: 22px; }
    /*--------------------------------------------------------------------------------- S L I D E R ----------------------*/
    /*--------------------------------------------------------------------------------- A B O U T  U S -------------------*/
    .aboutUstext h1 { font-size: 46px; font-weight: 500; margin-bottom: 50px; text-align: center; }
    .aboutUstext p { font-size: 18px; font-weight: 300; text-align: justify; }
    .onamalogomiddle img { height: 100px; }
    /*--------------------------------------------------------------------------------- A B O U T  U S -------------------*/
    /*--------------------------------------------------------------------------------- C O N T A C T --------------------*/
    .visina750 { height: 500px; }
    .kontakt { margin-bottom: 100px; }
    .kontakt h2 { font-size: 46px; font-weight: 500; margin-top: 100px; margin-bottom: 40px; }
    /*--------------------------------------------------------------------------------- C O N T A C T --------------------*/
    /*--------------------------------------------------------------------------------- L O C A T I O N ------------------*/
    .mapavisinalokacija { height: 700px; }
    /*--------------------------------------------------------------------------------- L O C A T I O N ------------------*/
}
@media (max-width: 768px){
    .stanoviNaslov { margin-top: 120px; }
    .mojselect { margin-bottom: 15px; }
    .stanoviNaslov h2 { font-weight: 500; font-size: 36px; }
    .aboutUstext h1 { font-size: 36px; font-weight: 500; }
    .locationHeightPage { height: auto; }
    .mapalokacija { font-size: 36px; font-weight: 500; }
    .onamalogomiddle img { height: 60px; }
    .materijali h1 { font-weight: 500; font-size: 36px; }
    .materijali p { text-align: justify; }
    .materijalidetaljno { height: 300px; }
    .kontakt h2 { font-size: 36px; }
    .newstitle { font-size: 18px; }
    .meni2 .aktivna { color: #FFF !important; }
    
    html { scroll-behavior: smooth; scroll-padding-top: 72px; }
    .padBottom { padding-bottom: 100px; }
    .padTop { padding-top: 100px; }
    /*--------------------------------------------------------------------------------- F O O T E R ----------------------*/
    .futer2 { font-size: 12px; }
    .logofuterimg { height: 65px; margin-top: 0px; margin-bottom: 30px; }
    .logofuterimgtwo { position: relative; right: auto; bottom: auto; }
    .futersocial { margin-top: 40px; }
    .futermarginTop { margin-top: 30px; }
    .logofuterimgtwo img { margin-top: 40px; height: 70px; }
    /*--------------------------------------------------------------------------------- F O O T E R ----------------------*/
    /*--------------------------------------------------------------------------------- H E A D   P H O N E --------------*/
    .slusalicabig { width: 290px !important; }
    .slusalica { padding: 20px 0px 20px 20px; width: 70px; z-index: 99; }
    .kontaktopen { width: 230px; padding: 18px 0px 10px 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
    .kontakthidden { border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
    /*--------------------------------------------------------------------------------- H E A D   P H O N E --------------*/
    /*--------------------------------------------------------------------------------- C O N T A C T  F O R M -----------*/
    .contactform { width: 100%; padding: 100px 0px; }
    .contactform h2 { font-size: 36px; font-weight: 500;margin-bottom: 30px; }
    .contactform p { font-size: 20px; font-weight: 300; margin-bottom: 100px; }
    /*--------------------------------------------------------------------------------- C O N T A C T  F O R M -----------*/
    /*--------------------------------------------------------------------------------- G A L L E R Y --------------------*/
    .galerijaMiniPicture { padding: 0px 30px !important; margin: 0 !important; }
    .galerijaMiniPicture img { height: 60px; margin: 0px 20px 0px 0px; }
    /*--------------------------------------------------------------------------------- G A L L E R Y --------------------*/
    /*--------------------------------------------------------------------------------- S T A T S ------------------------*/
    .stats { margin-bottom: 30px; }
    .stats h5 { font-size: 28px; font-weight: 300; margin-bottom: 15px; }
    .stats span { font-size: 14px; font-weight: 300; }
    .statsTwo img { margin-bottom: 30px; height: 60px; }
    .statsTwo span { font-size: 15px; }
    .marginBottomMobileStats { margin-bottom: 50px; }
    .hiddenBorderTablet:after { content: ''; position: absolute; bottom: 5px; top: 5px; right: 0; border-right: 1px solid #8BA9C8; }
    .hiddenBorderMobile:after { content: ''; position: absolute; bottom: 5px; top: 5px; right: 0; border-right: 0px solid #8BA9C8; }
    /*--------------------------------------------------------------------------------- S T A T S ------------------------*/
    /*--------------------------------------------------------------------------------- D A Y  &  N I G H T --------------*/
    .daynightHeight { height: 500px; }
    /*--------------------------------------------------------------------------------- D A Y  &  N I G H T --------------*/
    /*--------------------------------------------------------------------------------- O F F E R  L I S T ---------------*/
    .offername h2 { font-size: 36px; margin-bottom: 30px; font-weight: 500; }
    .offername p { font-size: 20px; font-weight: 300; margin-bottom: 100px; }
    /*--------------------------------------------------------------------------------- O F F E R  L I S T ---------------*/
    /*--------------------------------------------------------------------------------- I N D E X ------------------------*/
    .textLocation h2 { font-size: 36px; font-weight: 500; margin-bottom: 30px; }
    .textLocation p { font-size: 16px; font-weight: 300; margin-bottom: 20px; text-align: justify; }
    .textMiddle { position: relative; top: auto; transform: none; }
    .paddingLocation { padding-right: 0px; }
    .locationHeight { height: auto; margin-bottom: 50px; }
    /*--------------------------------------------------------------------------------- I N D E X ------------------------*/
    /*--------------------------------------------------------------------------------- M E N U --------------------------*/
    .logo { top: 15px; left: 15px; }
    .logo img { height: 44px; }
    .firstmeni { display: none; }
    .transparent { background-color: rgba(187,202,214,0.9) !important; }
    .meni { height: 72px; background-color: rgba(187,202,214,1); background: linear-gradient(303.44deg, rgba(187,202,214,1) 50.5%, rgba(187,202,214,1) 90.65%); }
    .meni2 { background-color: rgba(187,202,214,1); background: linear-gradient(303.44deg, rgba(187,202,214,1) 50.5%, rgba(187,202,214,1) 90.65%); 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: #002440; }
    .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(187,202,214,0.95); 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; font-weight: 500; display: inline-block; color: var(--darkBlue) !important; }
    .meni2 ul li {  display: block; }
    /*--------------------------------------------------------------------------------- M E N U --------------------------*/
    /*--------------------------------------------------------------------------------- S L I D E R ----------------------*/
    .sliderTitle { padding: 30px 40px 30px 20px; }
    .sliderTitle h1 { font-weight: 600; font-size: 36px; margin-bottom: 15px; }
    .sliderTitle h3 { font-weight: 300; font-size: 20px; }
    /*--------------------------------------------------------------------------------- S L I D E R ----------------------*/
    /*--------------------------------------------------------------------------------- L O C A T I O N ------------------*/
    .lokacija h2 { font-size: 36px; font-weight: 500; margin-bottom: 30px; }
    .lokacija p {  text-align: justify; }
    .mapavisinalokacija { height: 450px; }
    .ikonicaLokacijaVisina { height: 60px; }
    /*--------------------------------------------------------------------------------- L O C A T I O N ------------------*/
}