@charset "utf-8"
{box-sizing:border-box;}html,body,main{margin:0;padding:0;font-family:Arial,sans-serif;line-height:1.6;background:#EFEFEF;overflow-x:hidden;overflow:visible;}html{scroll-behavior:smooth;}
img,object,embed,video{max-width:100%;height:auto;display:block;}h1,h2,h3,h4{display:inline;}h1{font-family:'Bilbo Swash Caps',cursive;}
.top{border:solid white;border-width:0 3px 3px 0;display:inline-block;padding:5px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden;}
.hero-section{position:relative;width:100%;height:500px;overflow:hidden;z-index:0;}
.main-header{width:100%;display:flex;flex-direction:column;align-items:center;padding:0.5rem 1rem;background:rgba(255,255,255,0.8);position:relative;}.top-row{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;}
.logo{text-align:left;z-index:10;}
.language-switcher{width:100%;position:relative;right:20px;font-family:Arial,sans-serif;}
.current-language{width:100%;cursor:pointer;display:flex;align-items:center;gap:1.0em;background-color:#f8f8f8;border:1px solid #ccc;font-size:16px;white-space:nowrap;transition:background-color 0.3s ease;}
.current-language img{width:24px;height:auto;}
.language-list{display:none;position:absolute;top:100%;right:0;width:100%;background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 6px rgba(0,0,0,0.1);padding:0;margin:5px 0 0 0;list-style:none;z-index:1000;}
.menu-container{margin:0.2rem;padding:0 0.3em;position:relative;z-index:2;box-sizing:border-box;}
.menu-container ul{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0;margin:0;list-style:none;}
.icon:before{background-image:url(../images/simboli/IconAgencija.png);background-repeat:no-repeat;background-size:cover;display:inline-block;width:2em;padding-bottom:2em;vertical-align:-0.6em;height:0;content:'';}
.header-info-container{width:100%;position:relative;}
.header-image-container{position:relative;overflow:hidden;padding:0.2em 0.5em 0.7em 0.5em;}
.main-image{width:100%;height:auto;border:solid 1px #0D31BB;box-shadow:0 5px 12px rgba(0,0,0,0.7);}
.image-text{position:absolute;top:0;left:50%;transform:translateX(-50%);text-align:center;font-family:'Bilbo Swash Caps',cursive;font-style:italic;color:white;text-shadow:2px 2px 4px rgba(0,0,0,0.6);box-sizing:border-box;z-index:2;}
.image-text-ru{position:absolute;top:0;left:50%;transform:translateX(-50%);text-align:center;font-family: 'Roboto', 'Palatino Linotype', 'Book Antiqua', Palatino, serif;font-style:italic;color:white;text-shadow:2px 2px 4px rgba(0,0,0,0.6);box-sizing:border-box;z-index:2;}
.offer-section{margin:0 auto 15px auto;padding:0 1rem 1rem 1rem;background-color:#E2E2E2;border-top:solid 4px #0B89D5;box-shadow:0 5px 12px rgba(0,0,0,1);}
.container{max-width:1532px;margin:0 auto;}.offer-grid{display:flex;flex-wrap:wrap;}
.offer-card{background:#fff;border-radius:8px;box-shadow:0 8px 10px rgba(0,0,0,0.50);overflow:hidden;transition:transform 0.3s ease;border:solid 2px #FFFFFF;}
.card-title-box{background:#0B89D5;text-align:center;border-bottom:solid 2px #FFFFFF;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;}
.card-title{color:#fff;text-shadow:1px 2px 6px rgba(0,0,0,1);letter-spacing: 2px;}
.icon.home:before{background-position:center 102%;}
.main-content{width:100%;margin:0 auto 0 auto;background-color:#EFEFEF;}
.main-content-area{display:flex;flex-direction:column;width:100%;max-width:1532px;margin:0 auto;padding:0px;background-color:#ffffff;}
.main-hero{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:2em;}
.main-attraction-banner{width:100%;text-align:center;margin-bottom:1em;}
.main-attraction-banner img{width:100%;height:auto;display:block;border:solid 2px #999999;margin:3% auto 0 auto;text-align:justify;position:relative;box-shadow:0 10px 10px -6px black;}
.left-sidebar,.right-sidebar{width:100%;background:#FFFFFF;}
.left-sidebar{display:none;padding:0 10px 0 0;}
.right-sidebar{padding:15px 5px 0 5px;}
.PodlogaNaslovaTexta{width:100%;padding:3% 0;margin:3% 0;background-color:#CEE0EA;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-weight:bold;color:#0E34C8;text-align:center;}
.PodlogaNaslovaTexta h2{margin:0;font-size:18px;}
.image-frame{width:100%;margin-bottom:1.5em;text-align:center;}
.image-frame figure{margin:0;padding:0;}
.image-frame img{width:100%;height:auto;display:block;padding:2%;border:solid 2px #999999;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:opacity 0.3s;}
.image-frame a{text-decoration:none;}
.image-frame a:hover img{opacity:0.8;}
.image-frame figcaption{margin-top:0.5em;font-size:0.9em;color:#555;}
.main-content-middle{width:100%;margin:0;padding:0 10px 10px 10px;background:#FFF;background-size:cover;background-image:url(../images/background-image-sredina-mob.jpg);background-size:cover;background-position:center 0;background-repeat:no-repeat;}*,*:before,*:after{box-sizing:border-box;}img{max-width:100%;height:auto;display:block;}h2,h3{margin-top:1.5em;margin-bottom:0.5em;}p{margin-bottom:1em;line-height:1.6;}
figure{margin:1em 0;padding:0;}
figcaption{text-align:center;font-style:italic;color:#666;margin-top:0.5em;}
.apartment-links-list{display:grid;gap:1.5em;}
.weather-section{display:none;}
.scroll-to-top {position:fixed;bottom:50px;right:10px;width:40px;height:40px;background:#A3A3A3;color:white;font-size:25px;text-align:center;line-height:40px;borderradius:5px;zindex:999;
 display:none;cursor:pointer;}

@media (max-width:480px){
.hero-section{height:50px;position:relative;overflow:hidden;}.top-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../images/background-index-mob.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;}
.logo{width:50%;margin-left:0;}
.language-switcher-container{top:0.5rem;right:0;width:200px;}
.header-image-container{overflow:hidden;}
.image-text,.image-text-ru{width:90%;padding:0 1rem;font-size:1.4rem;}
.offer-grid{gap:0.2rem;justify-content:center;}
.card-title-box{padding-top:0.15rem;padding-right:0.75rem;padding-left:0.75rem;padding-bottom:0.15rem;}
.card-title{font-size:1rem;margin:0;}}

@media (min-width:481px){
.hero-section{height:70px;position:relative;overflow:hidden;}
.top-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../images/background-index-mob.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;}
.logo{width:45%;}
.language-switcher-container{right:5px;}
.menu-container{margin:0.2rem;padding:0 0.6em;}
.image-text,.image-text-ru{width:90%;padding:0 1rem;font-size:1.7rem;}
.header-image-container{overflow:hidden;padding:0.5em 0.8em 0.7em 0.8em;}
.offer-section{margin:10px auto 25px auto;padding:1.2em 1rem 1rem 1rem;}
.offer-grid{justify-content:space-around;}
.card-title-box{padding:0.10rem 0.75rem 0.10rem 0.75rem;}.card-title{font-size:0.9rem;}}

@media (min-width:769px){
.hero-section{height:70px;position:relative;overflow:hidden;}
.top-background{position:absolute;top:-1px;left:0;width:100%;height:100%;background-image:url('../images/background-index.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;}
.main-header{flex-direction:row;justify-content:space-between;align-items:center;}.logo{width:30%;}
.language-switcher-container{width:150px;}.menu-container{padding:0.4rem 0.7em 0 0.8em;position:relative;z-index:200;}
.image-text,.image-text-ru{font-size:2.0rem;top:15%;transform:translate(-50%,-50%);z-index:99}
.header-image-container{overflow:hidden;padding:0.7em 1em 1em 1em;}
.offer-section{margin:10px auto 25px auto;padding:1.2em 1rem 1rem 1rem;}
.offer-grid{width:100%;justify-content:center;gap:2rem;}
.card-title-box{padding: 5px 0;}
.card-title{font-size:1rem;}
.PodlogaNaslovaTexta h2{font-size:17px;}}

@media only screen and (min-width:992px){
.header-image-container{overflow:hidden;padding:0.7em 1em 1em 1em;}
.main-content-area{display:flex;flex-direction:row;flex-wrap:nowrap;max-width:1532px;justify-content:space-between;gap:0em;padding:0 0.9% 0 0.9%;margin:auto auto 0.9% auto;background-color:#FFFFFF;box-shadow:0px 15px 12px #333333;}
.left-sidebar{display:block;width:25%;padding:0 15px 0 0;}
.main-content-middle{width:50%;background-image:url("../images/background-image-sredina-desk.jpg");background-size:cover;background-position:center 0;background-repeat:no-repeat;}
.right-sidebar{width:25%;padding:15px 0 0 15px;}
.PodlogaNaslovaTexta h2{font-size:15px;}
.weather-section{display:block; width:100%;min-height:100px;margin-bottom:1em;padding:1em 0 0 0;background-color:#fff;border-radius:8px;}}
  
@media only screen and (min-width:1024px){
.hero-section{height:100px;position:relative;overflow:hidden;}
.top-background{position:absolute;top:-2px;left:0;width:100%;height:100%;background-image:url('../images/background-index.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;}
.image-text,.image-text-ru{font-size:2.5rem;}
.card-title{font-size:0.9rem;}
.main-content-middle{background-image:url("../images/background-image-sredina-desk-manji.jpg");background-size:cover;background-position:center 0;background-repeat:no-repeat;}}

@media only screen and (min-width:1366px){
.card-title{font-size:1rem;}
.image-text,.image-text-ru{font-size:5rem;}
.banner-slogan{height:100px;background-image:url(../images/podloga_bazen_index.jpg);font-size:1.3em;}
.main-content-middle{background-image:url("../images/background-image-sredina-desk.jpg");background-size:cover;background-position:center 0;background-repeat:no-repeat;}}

/* MENU */
@media (min-width:768px){#nav{border-bottom:0;padding-top:0em;}}
.main-menu-btn{position:relative;display:block;padding:0.640em 40px;height:40px;overflow:hidden;line-height:26px;text-align:center;cursor:pointer;color:#FFFFFF;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#256DC5;}
.main-menu-btn-text{position:absolute;top:-99999px;}
.main-menu-btn-title{display:block;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;opacity:1;-webkit-transform:none;transform:none;-webkit-transition:all 0.25s;transition:all 0.25s;}
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after{position:absolute;top:50%;left:10px;height:2px;width:25px;background:#FFF;border-color:#FFF;-webkit-transition:all 0.25s;transition:all 0.25s;}
.main-menu-btn-icon:before{content:'';top:-7px;left:0;}
.main-menu-btn-icon:after{content:'';top:7px;left:0;}
.main-menu-btn-logo{font:italic bold 1.311em/12px Verdana,Arial,Helvetica,sans-serif;color:#FFF;}
.main-menu-btn-logo-separator{margin-right:0.222em;border-right:1px solid #dad3c9;padding-right:0.5em;}
#main-menu-state{position:absolute;top:-99999px;}
#main-menu-state:not(:checked) ~ #main-menu{display:none;}
#main-menu-state:checked ~ #main-menu{display:block;}
@media (min-width:768px){.main-menu-btn{position:absolute;top:-99999px;}
#main-menu-state:not(:checked) ~ #main-menu{display:block;}}
#main-menu{margin-bottom:0.666em;}
#main-menu{position:relative;top:0;left:0;margin-bottom:0;width:auto;z-index:2;}
}

/* LANGUAGE SWITCHER */
.language-switcher{position:relative;}
.current-language svg {margin-left:0;vertical-align:middle;}

@media only screen and (max-width:480px){
#Jezici{width:110px;top:25px;right:0;position:absolute;z-index:9999;}
.current-language{justify-content:center;padding:1px 0 1px 5px;gap:0.6em;}}

@media only screen and (min-width:481px) and (max-width:768px){
#Jezici{width:120px;top:40px;right:0;position:absolute;z-index:1000;}
.current-language{justify-content:flex-start;padding:1px 0 1px 5px;gap:0.8em;}}

@media only screen and (min-width:769px){
#Jezici{width:150px;top:30px;right:0;position:absolute;z-index:1000;}
.current-language{justify-content:flex-start;padding:5px 10px 5px 20px;gap:1em;}}

@media only screen and (min-width:1024px){
#Jezici{width:150px;top:50px;position:absolute;z-index:2000;gap:1.5em;}}