@charset "UTF-8";







body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	max-width: 2280px;
	min-width: 320px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: normal;
	background-color: #FFFFFF;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}






html{
	/*
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	 user-select: none; 
	*/
}






* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}






*:hover{
transition: .3s all;
}

.trns{
transition: .3s all;
}








a:link, a:active ,a:visited{
	text-decoration: none;
	color: rgba(121,121,121,1);
	transition: .3s all;
}
a:hover{
	color: rgba(0,0,0,1);
	transition: .3s all;
}









div * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	/*
	display: inline-block;
	box-sizing:border-box;
	*/
}


/* 
:root {
    --yellow-color1:rgba(242,194,0,1);
}
*/



/* 
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
}
*/











p  {
	margin: 0px;
	color: rgba(58,58,58,0.9);
	padding-top: 7px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 2px;
}




.faws5{
	font-family: 'Font Awesome 5 Free';
	font-weight:900;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
















.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.justify {
	text-align: justify;
}




.f_left {
	float: left;
}
.f_right {
	float: right;
}







.in-block {
display: inline-block;
}









.small-grey-bckg {
	background-color: rgba(240,240,240,1);
}

.small-blue-bckg {
	background-color: rgba(244,249,253,1);
}

.gold-bckg {
	background-color: rgba(189,160,78,1);
}

.grey-grad-bckg {
background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(228,228,228,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e4e4e4",GradientType=1);
}







.text-gold {
	color: rgba(189,160,78,1);
}




.shadow-inset--01{
	background-image: url(../backgrounds/shadow-up-down---001.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}


.shadow-inset--01{
	background-image: url(../backgrounds/shadow-up-down---001.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}










.parallax-window {
    min-height: 400px;
    background: transparent;
}











.div-100 {
	width:100%;
	display:inline-block;
}
.div-50 {
	width:50%;
	display:inline-block;
}
.div-20 {
	width:20%;
	display:inline-block;
}

.div-10 {
	width:10%;
	display:inline-block;
}















.line-down {
	display: inline-block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(224,224,224);
}










.mail_icon:before{font-family:FontAwesome;content:"\f0e0";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.phone_icon:before{font-family:FontAwesome;content:"\f095";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.facebook_icon:before{font-family:FontAwesome;content:"\f39e";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.instagram_icon:before{font-family:FontAwesome;content:"\f16d";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.snapchat_icon:before{font-family:FontAwesome;content:"\f2ab";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.pinterest_icon:before{font-family:FontAwesome;content:"\f0d2";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.twitter_icon:before{font-family:FontAwesome;content:"\f099";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.twitter_x_icon:before{font-family:FontAwesome;content:"\e61b";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.tumblr_icon:before{font-family:FontAwesome;content:"\f173";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.youtube_icon:before{font-family:FontAwesome;content:"\f167";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.google_maps_icon:before{font-family:FontAwesome;content:"\f041";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.sitemap_icon:before{font-family:FontAwesome;content:"\f0e8";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

.question_icon:before{font-family:FontAwesome;content:"\3f";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.user_icon:before{font-family:FontAwesome;content:"\f007";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

.heart_icon:before{font-family:FontAwesome;content:"\f004";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.heart_icon_red:before{
	font-family: FontAwesome;
	content: "\f004";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: rgba(149,56,148,1);
}

.cart-shop_icon:before{font-family:FontAwesome;content:"\f07a";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}










.noline-02{
	width:100%;
	height:2px;
	display:inline-block;
}

.noline-05{
	width:100%;
	height:5px;
	display:inline-block;
}

.noline-10{
	width:100%;
	height:10px;
	display:inline-block;
}

.noline-20{
	width:100%;
	height:20px;
	display:inline-block;
}

.noline-30{
	width:100%;
	height:30px;
	display:inline-block;
}

.noline-40{
	width:100%;
	height:40px;
	display:inline-block;
}

.grey-line-20{
	width: 100%;
	height: 1px;
	display: inline-block;
	background-color: rgba(224,224,224,1);
	margin-top: 10px;
	margin-bottom: 10px;
}










.grey-dot-line {
	width: 100%;
	height: 1px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: rgba(204,204,204,1);
}









.down-black-line{
	width: 100%;
	display: inline-block;
	border-bottom-width: 12px;
	border-bottom-style: solid;
	border-bottom-color: rgba(220,222,219,1);
}
















.all-screen-mini {
	width: 100%;
	max-width: 840px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 32px;
	padding-left: 32px;
	box-sizing: border-box;
}
.all-screen-small {
	width: 100%;
	max-width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 32px;
	padding-left: 32px;
	box-sizing: border-box;
}
.all-screen-small1 {
	width: 100%;
	max-width: 1096px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 14px;
	padding-left: 30px;
	box-sizing: border-box;
}
.all-screen {
	width: 100%;
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 32px;
	padding-left: 32px;
	box-sizing: border-box;
	position: relative;
}

.all-screen-big, .all-screen-big-foto{
	width: 100%;
	max-width: 1320px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 32px;
	padding-left: 32px;
	box-sizing: border-box;
	position: relative;
}
@media only screen and (max-width: 1310px) {
.all-screen-big-foto{
	padding-right: 0px;
	padding-left: 0px;
}}



.all-screen-big-n {
	width: 100%;
	max-width: 1320px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	position: relative;
}


@media only screen and (max-width: 1140px) {
.all-screen-small1 {
	padding-right: 19px;
	padding-left: 19px;
}}

@media only screen and (max-width: 1140px) {
.all-screen-small1 {
	padding-right: 12px;
	padding-left: 12px;
}}



/* --------------------------- */
@media only screen and (max-width: 520px) {
.all-screen {
	padding-right: 23px;
	padding-left: 23px;
}}







.all-screen-max {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}











.home-icon:before{font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f015";
	font-size: 15px
}

.facebook-icon:before{
	font-family: "Font Awesome 5 Brands";content: "\f09a";
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.instagram-icon:before{
	font-family: "Font Awesome 5 Brands";
	content: "\f16d";
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.pinterest-icon:before{
	font-family: "Font Awesome 5 Brands";
	content: "\f0d2";
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.mail-icon:before{
	font-family: "Font Awesome 5 Free";
	content: "\f0e0";
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.phone-icon:before{
	font-family: "Font Awesome 5 Free";
	content: "\f095";
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.google_maps_icon:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f041";
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}


















.zahlavie-all{
	width: 100%;
	height: 802px;
	position: relative;
	text-align: center;
	/*	*/
	background-image: url(../backgrounds/zahlavie---neovia-apartmany-big.jpg);
	background-position: center center;
	background-color: rgba(28,47,90,1);
	background-repeat: no-repeat;
	background-size: cover;
}





.zahlavie-farba-blue {
	background-color: rgba(28,47,90,1);
	width: 100%;
}


.zahlavie-polygon-all {
	width: 100%;
	max-width: 1626px;   /* zodpovedá výške max. 940px pri pomere 1394/806 */
	margin: 0 auto;      /* vycentrovanie, keďže teraz má pevný strop šírky */
	aspect-ratio: 1394 / 806;
	position: relative;
	text-align: center;
	overflow: hidden;
	/*	*/
	background-image: url(../backgrounds/zahlavie---neovia-apartmany-big.jpg);
	background-position: center top;
	background-color: rgba(28,47,90,1);
	background-repeat: no-repeat;		
	background-size: 100% 100%;
}


.plan-wrap--bg svg polygon.hdr-poly {
  fill: rgba(46, 204, 113, 0);
  stroke: transparent;
  transition: fill 0.25s ease;
}
.plan-wrap--bg svg polygon.hdr-poly:hover {
  fill: rgba(46, 204, 113, 0.45);
}

/* DÔLEŽITÉ: vlastná veľkosť/pozícia pre hlavičkový plan-wrap,
   aby ju neprebilo .plan-wrap / .plan-wrap svg z jednotlivých podlaží nižšie na stránke.
   Selektor s 2 triedami má vyššiu špecifickosť ako obyčajné .plan-wrap (1 trieda),
   takže vyhráva bez ohľadu na poradie v CSS. */
.plan-wrap--bg.plan-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  aspect-ratio: unset;
  margin: 0;
}
.plan-wrap--bg.plan-wrap svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




@keyframes hdrPolyFlash {
  0%, 100% {
    fill: rgba(46, 204, 113, 0);
  }
  50% {
    fill: rgba(46, 204, 113, 0.45);
  }
}

.plan-wrap--bg svg polygon.hdr-poly {
  fill: rgba(46, 204, 113, 0);
  stroke: transparent;
  transition: fill 0.25s ease;
  animation-name: hdrPolyFlash;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

/* poradie v HTML: 4NP, 3NP, 2NP, 1NP – postupné oneskorenie, vlna sa opakuje donekonečna */
.plan-wrap--bg svg polygon.hdr-poly:nth-of-type(1) { animation-delay: 0s;    } /* 4NP */
.plan-wrap--bg svg polygon.hdr-poly:nth-of-type(2) { animation-delay: 0.5s; } /* 3NP */
.plan-wrap--bg svg polygon.hdr-poly:nth-of-type(3) { animation-delay: 1s;   } /* 2NP */
.plan-wrap--bg svg polygon.hdr-poly:nth-of-type(4) { animation-delay: 1.5s; } /* 1NP */

.plan-wrap--bg svg polygon.hdr-poly:hover {
  fill: rgba(46, 204, 113, 0.45);
}

/* táto trieda natrvalo vypne animáciu na všetkých polygónoch hlavičky */
.plan-wrap--bg.blink-stopped svg polygon.hdr-poly {
  animation: none;
}













.menu-logo {
	float: left;
	padding-top: 18px;
}
.menu-logo img {
	height: auto;
	width: 134px;
}

.menu-up-all {
	width: 100%;
	max-width: 1186px;
	height: 78px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	position: relative;
	z-index: 10;
}


@media only screen and (max-width: 1280px) {
.menu-up-all {
	padding-right: 34px;
	padding-left: 34px;	
}}




.menu a:link, .menu a:visited, .menu a:active{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	letter-spacing: 0.5px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	padding-top: 32px;
	padding-right: 10px;
	padding-bottom: 26px;
	padding-left: 12px;
	font-weight: 300;
	display: inline-block;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.menu a:hover{
	color: rgba(255,255,255,0.75);
	text-decoration: none;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}

@media only screen and (max-width: 690px) {
.menu a:link {
	display:none;
}}






.menu-up-hmb{
	display:none;
}
@media only screen and (max-width: 690px) {
.menu-up-hmb{
	width: 45px;
	display: inline-block;
	float: right;
	height: 42px;
	margin-top: 26px;
	margin-right: 7px;
	margin-bottom: 5px;
}}







.menu-up-lang{
	width: 42px;
	display: inline-block;
	float: right;
	margin: 21px 0px 3px 3px;
	font-weight: 400;
}

.dropbtn {
	color: rgba(209,181,73,0.8);
	padding: 10px;
	font-size: 13px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
	background-color: rgba(14,55,99,1);
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 38px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius:5px;
}

.dropdown-content a {
	font-size: 12px;
	color: rgba(102,102,102,1);
	text-decoration: none;
	display: block;
	text-align: center;
	padding-top: 13px;
	padding-bottom: 12px;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}

.dropdown-content a:hover {
	background-color: #E0E0E0;
	border-radius: 7px;
	color: rgba(0,0,0,1);
}

.dropdown:hover .dropdown-content {
  display: block;-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}

.dropdown:hover .dropbtn {
	background-color: rgba(29,65,118,1);
	color: rgba(255,255,255,0.87);
}



























.h1-up-all {
	width: 467px;
	display: inline-block;
	float: left;
	text-align: left;
	padding-top: 87px;
}

@media only screen and (max-width: 870px) {
.h1-up-all {
	padding-top: 67px;
}}

@media only screen and (max-width: 670px) {
.h1-up-all {
	padding-top: 57px;
	width:100%;
}}

@media only screen and (max-width: 578px) {
.h1-up-all {
	padding-top: 51px;
}}



.h1-up-text {
	/* Tmavomodré pozadie z obrázka */
	background-color: rgba(0,45,90,0.78);
	display: inline-flex;
	align-items: center;
	padding: 7px 23px 7px 15px;
	border-radius: 30px;
	font-family: 'Roboto', sans-serif;
	cursor: default;
}

/* Štýl pre text */
.h1-up-text .status-text {
	color: #ffffff !important; /* Vynútená biela farba */
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0.5px;
}

/* Zelená bodka */
.h1-up-text .pulse-dot {
  width: 9px;
  height: 9px;
  background-color: #a2d100; /* Jasná zelená */
  border-radius: 50%;
  margin-right: 11px;
  position: relative;
}

/* Pulzujúci efekt bodky */
.h1-up-text .pulse-dot::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #a2d100;
  border-radius: 50%;
  z-index: 1;
  animation: dot-pulse 2s infinite ease-in-out;
}

@keyframes dot-pulse {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}






h1{
	font-family: 'Montserrat', sans-serif;
	font-size: 54px;
	color: rgba(255,255,255,1);
	width: 100%;
	margin: 0px;
	padding: 20px 0px;
	font-weight: 600;
}

h1 i{
	color: rgba(182,182,182,1);
	font-style: normal;
	font-weight: 600;
}
h1 b{
	color: rgba(180,149,95,1);
	font-weight: 600;
	padding-left: 124px;
}

@media only screen and (max-width: 870px) {
h1{
	font-size: 48px;
}
h1 b{
	color: rgba(255,255,255,1);
}}
@media only screen and (max-width: 650px) {
h1{
	font-size: 45px;
}
h1 b{
	padding-left: 74px;
}}
@media only screen and (max-width: 540px) {
h1{
	font-size: 42px;
}}
@media only screen and (max-width: 454px) {
h1{
	margin-top: 32px;
	margin-bottom: 28px;
}}







.info-card-zahlavie {
	background-color: rgba(0,45,90,0.78);
	padding: 16px 32px 32px 20px;
	border-radius: 28px; /* Výrazne zaoblené rohy */
	display: inline-block;
	max-width: 500px;
	font-family: 'Roboto', sans-serif;
	color: white !important;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid rgba(186,186,186,0.8);
}
@media only screen and (max-width: 486px) {
.info-card-zahlavie {
	width: 100%;
}}




/* Riadok s bodkou a nadpisom */
.title-row {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.main-title {
	margin: 0;
	font-size: 20.5px;
	color: white !important;
	font-weight: 400;
}

/* Pulzujúca bodka */
.pulse-dot {
  width: 10px;
  height: 10px;
  background-color: #a2d100;
  border-radius: 50%;
  margin-right: 15px;
  flex-shrink: 0; /* Aby sa bodka nedeformovala */
  position: relative;
}

.pulse-dot::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #a2d100;
  border-radius: 50%;
  animation: dot-pulse 2s infinite ease-out;
}

/* Text pod nadpisom */
.description {
	margin: 0;
	/* Odsadenie zľava, aby text lícoval s nadpisom (10px bodka + 15px margin) */
	padding-left: 25px;
	font-size: 17.8px;
	line-height: 1.4;
	color: rgba(255, 255, 255, 0.81) !important;
	font-weight: 300; /* Jemnejšie písmo pre popis */
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

@keyframes dot-pulse {
  0% { transform: scale(1); opacity: 0.8; }
  100% { transform: scale(3); opacity: 0; }
}












.btn-h1-up {
	padding-top: 44px;
	padding-bottom: 24px;
}






.btn-volne-byty {
	/* Pôvodné štýly */
	background-color: rgba(182,166,102,1);
	color: #fdfaf1 !important;
	text-decoration: none !important;
	font-size: 16.8px;
	display: inline-block;
	border-radius: 22px;
	text-align: center;
	width: 192px;
	margin-right: 18px;
	padding-top: 13px;
	padding-bottom: 13px;
	/* PRIDANÉ: Potrebné pre slide efekt */
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all 0.4s ease; /* Plynulý posun celého tlačidla */
	margin-bottom: 3px;
	margin-top: 2px;
}

/* Táto časť vytvorí tú "schovanú" farbu vľavo */
.btn-volne-byty::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0; /* Na začiatku neviditeľné */
    height: 100%;
    background-color: rgba(180,150,96,1); /* Tvoja hover farba */
    transition: width 0.4s ease;
    z-index: -1; /* Pôjde pod text */
    border-radius: 22px;
}

/* Efekt pri prejdení myšou - vysunutie farby */
.btn-volne-byty:hover::before {
    width: 100%;
}

/* Efekt pri prejdení myšou - jemný posun a zmena farby textu */
.btn-volne-byty:hover {
    transform: translateX(5px);
    color: rgba(255,255,255,1) !important;
}



.btn-mam-zaujem {
	/* Pôvodné štýly */
	background-color: rgba(255,255,255,1);
	color: #333333;
	text-decoration: none;
	font-size: 16.8px;
	display: inline-block;
	border-radius: 22px;
	text-align: center;
	width: 192px;
	padding-top: 13px;
	padding-bottom: 13px;
	/* PRIDANÉ: Príprava pre slide efekt */
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all 0.4s ease; /* Plynulý posun celého tlačidla */
	margin-top: 3px;
	margin-bottom: 2px;
}

/* Skrytá vrstva, ktorá sa vysunie */
.btn-mam-zaujem::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0; /* Štartujeme na nulovej šírke */
    height: 100%;
    background-color: rgba(180,150,96,1); /* Zlatisto-hnedá farba z tvojho návrhu */
    transition: width 0.4s ease;
    z-index: -1; /* Farba sa zasunie POD text */
    border-radius: 22px;
}

/* Aktivácia vysunutia pri hoveri */
.btn-mam-zaujem:hover::before {
    width: 100%;
}

/* Zmena textu a jemný posun celého tlačidla */
.btn-mam-zaujem:hover {
    transform: translateX(5px);
    color: rgba(255,255,255,1) !important; /* Text sa prefarbí na bielo */
}







	







.stats-container {
	display: flex;
	justify-content: space-around; /* Rozmiestni prvky rovnomerne */
	align-items: flex-start;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	padding-top: 34px;
	padding-bottom: 34px;
}

@media only screen and (max-width: 870px) {
.stats-container {
	padding-top: 28px;
	padding-bottom: 28px;
}}

@media only screen and (max-width: 454px) {
.stats-container {
	display:none;
}}







.stat-item {
  flex: 1; /* Každý stĺpec zaberie rovnaké miesto */
  color: white;
}

/* Riadok s číslami */
.stat-value {
  display: flex;
  align-items: baseline; /* Zarovná text na spodnú linku písma */
  justify-content: center;
  margin-bottom: 5px;
}

/* Veľké hlavné číslo */
.number {
  font-size: 34px;
  line-height: 1;
}

/* Menší text vedľa čísla (/22, min) */
.sub-number {
  font-size: 19.4px;
  margin-left: 8px;
  font-weight: normal;
}

/* Popisný text pod číslom */
.stat-label {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	opacity: 0.9;
	color: rgba(255,255,255,0.87);
	font-weight: 300;
}

/* Zlatá farba pre prvý stĺpec */
.gold {
  color: rgba(182,166,102,1);
}
.orange {
	color: rgba(255,153,51,1);
}
.green {
	color: #A2D127; /* Tá istá farba ako na predošlých buttonoch */
}



/* Responzivita - na mobiloch pod sebou */
@media (max-width: 600px) {
  .stats-container {
    flex-direction: column;
    gap: 30px;
  }
}













.gradient-up {
background: #f0f0f0;
background: linear-gradient(185deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 1) 100%);
}










.header-line-blue {
	width: 100%;
	height: 4px; /* Hrúbka tej modrej lišty */
	background-color: #0480AE !important;
	position: relative;
	/* Ak je pod tým nejaký obsah, pridáme margin */
	margin-bottom: 12px;
	display: flex;
}
.header-line-none {
	width: 100%;
	height: 4px; /* Hrúbka tej modrej lišty */
	background-color: rgba(1,1,1,0) !important;
	position: relative;
	/* Ak je pod tým nejaký obsah, pridáme margin */
	margin-bottom: 12px;
	display: flex;
}

.hanging-shape {
  /* Rozmery toho hnedého prvku */
  width: 123px; 
  height: 9px;
  
  /* Farba */
  background-color: #a48a56;
  
  /* Vycentrovanie na stred lišty */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0; /* Začína presne na modrej lište */

  /* Zaoblenie len spodných rohov */
  border-radius: 0 0 25px 25px;
  
  /* Vypnutie interakcií (myš ho bude ignorovať) */
  pointer-events: none;
}








.down-line-blue {
	width: 100%;
	height: 10px; /* Hrúbka tej modrej lišty */
	position: relative;
	display: flex;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color:  #0480AE !important;
}
.down-line-blue .header-line-none {
	width: 100%;
	height: 4px; /* Hrúbka tej modrej lišty */
	background-color: rgba(1,1,1,0) !important;
	position: relative;
	/* Ak je pod tým nejaký obsah, pridáme margin */
	margin-bottom: 12px;
	display: flex;
}

.down-line-blue .hanging-shape {
  /* Rozmery toho hnedého prvku */
  width: 123px; 
  height: 8px;
  
  /* Farba */
  background-color: #a48a56;
  
  /* Vycentrovanie na stred lišty */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0; /* Začína presne na modrej lište */

  /* Zaoblenie len spodných rohov */
  border-radius: 25px 25px 0px 0px;
  
  /* Vypnutie interakcií (myš ho bude ignorovať) */
  pointer-events: none;
}






.up-site-all {
	width: 100%;
	position: relative;
}








.h2-up-section {
	font-family: 'Montserrat', sans-serif;
	border-bottom: 1px dotted rgba(172,174,174,1);
	display: inline-block;
	background-image: url(../backgrounds/dot-grid-01.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 20px;
	padding-left: 80px;
	min-width: 320px;
	margin: 0px;
	padding-top: 32px;
	padding-bottom: 40px;
}
.h2-up-section h2 {
	/* Tmavomodrá farba z tvojho projektu */
	color: rgba(0,45,90,1) !important;
	font-size: 54px;
	font-weight: 500;
	margin: 0;
	letter-spacing: -1px; /* Jemne pritiahnuté písmená */
}

@media (max-width: 920px) {
.h2-up-section {
	padding-top: 27px;
	padding-bottom: 34px;
}
.h2-up-section h2 {
	font-size: 48px;
}}

@media (max-width: 520px) {
.h2-up-section {
	padding-top: 22px;
	padding-bottom: 28px;
}
.h2-up-section h2 {
	font-size: 46px;
}}

@media (max-width: 440px) {
.h2-up-section {
	padding-top: 18px;
	padding-bottom: 22px;
}
.h2-up-section h2 {
	font-size: 41px;
}}

@media (max-width: 380px) {
.h2-up-section {
	padding-top: 15px;
	padding-bottom: 19px;
}
.h2-up-section h2 {
	font-size: 38px;
}}













.heading-container-up {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 42px 20px 12px 40px;
}

.heading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.heading-container-up h3, .heading-container h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 38px !important;
	color: rgba(0,45,90,1) !important;
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
}

.main-title {
  margin: 0;
  font-weight: 500;
  line-height: 1.1;
}


/* Sivá farba pre slovo "Mám" */
.text-grey {
  color: #999999;
  font-weight: 400;
}
.text-light-blue {
	color: rgba(0,132,179,1);
	font-weight: 400;
}


.heading-container-up .subtitle, .heading-container .subtitle  {
	font-family: 'Roboto', sans-serif;
	color: rgba(6,127,176,1); /* Stredne modrá farba podnadpisu */
	font-size: 14px;
	letter-spacing: 3px; /* Dôležité: vytvorí tie medzery medzi písmenami */
	margin-top: 2px;
	display: block;
	font-weight: 200;
}










.main-wrapper {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 20px;
}

.flex-section {
	display: flex;
	align-items: center;
	gap: 38px;
	margin-bottom: 24px;
	margin-top: 38px;
}



/* --- OBRÁZKY --- */
.image-column {
	flex: 1;
	padding-top: 28px;
	padding-bottom: 12px;
	width: 50%; /* Poistka pre presné rozdelenie */
}

.image-card {
	position: relative;
	text-align: left;
}

.image-card img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    display: block;
}

/* Slider navigácia pod obrázkom */
.slider-nav {
	display: flex;
	flex-direction: row;      /* Dáme ich vedľa seba do jedného riadku */
	justify-content: space-between; /* Bodky vľavo, bary vpravo */
	align-items: center;      /* Vertikálne vycentrovanie */
	margin-top: 15px;
	width: 100%;              /* Roztiahnutie na celú šírku pod obrázkom */
	padding: 0 15px 0 5px;           /* Jemné odsadenie od krajov */
}

.dots {
	display: flex;
	gap: 8px;
	margin-bottom: 0;         /* Zrušíme spodný margin, keďže sú už v riadku */
	margin-left: 22px;
}
.dots strong {
	font-weight: bold;
	color: rgba(112,112,112,1);
	padding-left: 12px;
	text-transform: uppercase;
	font-size: 18.7px;
}


.progress-bars {
    display: flex;
    gap: 5px;
    width: 150px;             /* Pevná šírka barov, aby neboli cez pol obrazovky */
}

/* Úprava pre mobil, aby to zostalo na krajoch alebo sa centrovalo */
@media (max-width: 868px) {
    .slider-nav {
        padding: 0 20px;      /* Viac miesta na bokoch na mobile */
    }
}

.dots span {
	width: 8px;
	height: 8px;
	background: #ddd;
	border-radius: 50%;
	margin-top: 3px;
}

.bar {
    height: 4px;
    background: #ccc;
    flex: 1;
    border-radius: 2px;
}

.bar.active {
    background: #b09564; /* Zlatá farba */
}

/* --- TEXTY --- */
.text-column {
	flex: 1;
	text-align: left;
	padding-left: 54px;
	width: 50%; /* Poistka pre presné rozdelenie */
}

.text-column-left {
	flex: 1;
	text-align: left;
	padding-left: 54px;
	box-sizing:border-box;
	width: 50%; /* Poistka pre presné rozdelenie */
}


.title-large {
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 12px;
	padding-top: 2px;
}

.title-large .t-blue {
	color:  #0480AE;
}


.subtitle-gold {
	font-family: 'Roboto', sans-serif;
    color: #b09564;
	font-size: 18.3px;
    font-weight: 400;
    margin-bottom: 8px;
}

.desc {
	font-size: 15px;
	color: #666;
	margin-bottom: 12px;
	text-align: justify;
	width: 97%;
}

.bullet-list {
    list-style: none;
    margin-bottom: 30px;
	padding-left: 7px;      /* Toto zruší predvolené odsadenie zoznamu */
    margin-left: 0px;
}

.bullet-list ul {
	margin: 0px;
	padding: 0px;
}
.bullet-list li {
	font-weight: 700;
	margin-bottom: 8px;
	position: relative;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(182,182,182,1);
	padding-bottom: 7px;
	width: 93%;
	text-align: justify;
}

.bullet-list li strong {
	font-size: 20.1px;
	font-weight: normal;
}

.bullet-list li b {
	font-size: 20.1px;
	font-weight: normal;
	color: rgba(4,128,174,1);
}




.bullet-list li i {
	font-weight: 100;
	font-size: 14.5px;
	margin-bottom: 5px;
	position: relative;	
	font-style: normal;
	color: rgba(121,121,121,1);
}



.bullet-list li::before {
    content: "•";
    position: absolute;
    left: 0;
}




/* --- TLAČIDLÁ --- */
.button-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding-left: 23px;
}
.button-group-left {
	width: 100%;
	padding-left: 23px;
	text-align: left;
}

.btn {
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    padding: 10px 27px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 300;
    font-size: 17px;
    transition: all 0.4s ease; /* Zjednotený prechod */
    margin-bottom: 3px;
    
    /* KRITICKÉ: Musí tu byť relative, aby ::before fungoval vnútri tlačidla */
    position: relative; 
    z-index: 1; 
    overflow: hidden; /* Aby farba pri rozťahovaní nepretekala cez zaoblené rohy */
}

/* Skrytá vrstva pre hover efekt */
.btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0; 
    height: 100%;
    transition: width 0.4s ease;
    z-index: -1; /* Pôjde pod text */
    border-radius: 25px;
}

/* Efekt pri prejdení myšou */
.btn:hover::before {
    width: 100%;
}

.btn:hover {
    transform: translateX(5px);
    color: #fff !important; /* Poistka, aby text ostal biely */
}

/* KONKRÉTNE FARBY PRE ZLATÉ TLAČIDLO */
.btn-gold {
    background-color: #a48a56; /* Tmavšia hnedá/zlatá */
    color: #fff !important;
}

/* Farba, ktorá sa vysunie pri hoveri na zlatom tlačidle */
.btn-gold::before {
    background-color: #b09564 !important;
}

/* Ak chceš na hoveri sivu farbu (ako si mal v kóde), použi toto: */
/*
.btn-gold::before {
    background-color: #CCCCCC;
}
*/




.btn-outline {
    border: 1px solid #ccc;
    color: #888;
}


/* Základný vzhľad outline tlačidla */
.btn-outline {
    background-color: transparent !important;
    border: 1px solid #ccc; /* Svetlosivý okraj */
    color: #888 !important; /* Pôvodná farba textu */
}

/* Nastavenie sivej farby, ktorá sa vysunie */
.btn-outline::before {
	background-color: #797979; /* Sivá farba na hover */
}

/* Efekt pri prejdení myšou */
.btn-outline:hover {
    color: #fff !important;   /* Text sa zmení na biely, aby bol čitateľný na sivej */
    border-color: #797979;   /* Okraj splynie s vysunutou farbou */
    transform: translateX(5px);
}

/* Aktivácia vysunutia (toto už máš v hlavnom .btn:hover, ale pre istotu) */
.btn-outline:hover::before {
    width: 100%;
}







.btn-center {
    margin-top: 30px;
    display: block;
    width: fit-content;
    margin-left: 20px;
}

/* --- ČÍSLOVANÝ ZOZNAM --- */
.numbered-list {
    margin-top: 23px;
}

.number-item {
	display: flex;
	gap: 20px;
	margin-bottom: 16px;
	padding-left: 4px;
}

.circle {
    min-width: 32px;
    height: 32px;
    border: 1px solid #008cc5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #008cc5;
    font-weight: 700;
}

.item-title {
    font-weight: 800;
    font-size: 1.1rem;
}

.item-content p {
	font-size: 15px;
	color: #777;
	margin: 0px;
	padding: 0px;
}

.grey-line-item{
	background-color: rgba(204,204,204,1);
	height: 2px;
	width: 134px;
	margin-top: 2px;
	margin-bottom: 28px;
	margin-left: 27px;
}
.grey-line-item-2{
	background-color: rgba(204,204,204,1);
	height: 2px;
	width: 134px;
	margin-top: 34px;
	margin-bottom: 14px;
	margin-left: 54px;
}

/* RESPONSIVE */
@media (max-width: 868px) {
    .flex-section, .flex-section.reverse {
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }
	
.image-column {;
	width: 78%;
	padding-top: 8px;
}
.text-column {
	padding-left: 17px;
	width: 78%;
}
.text-column-left {
	padding-left: 21px;
	width: 78%;
}	
.bullet-list li {
	text-align: left;
}
    .slider-nav { align-items: center; padding: 0; }
    .button-group { justify-content: center; }
    .btn-center { margin: 20px auto 0; }
    .number-item { text-align: left; }
    .title-large { font-size: 2rem; }
}

/* RESPONSIVE */
@media (max-width: 548px) {
.image-column {;
	width: 89%;
}
.text-column {
	width: 89%;
}
.text-column-left {
	width: 89%;
}
}

/* RESPONSIVE */
@media (max-width: 428px) {
.image-column {;
	width: 94%;
}
.text-column {
	width: 94%;
}
.text-column-left {
	width: 94%;
}
}
































.only-text-all, .only-text-center-box{
	width: 100%;
	display: flex;
	position: relative;
	padding-top: 28px;
	padding-bottom: 22px;
}

.only-text-all p{
	font-size: 15.3px;
	opacity: 0.85;
	padding-right: 7px;
	padding-left: 7px;
	color: rgba(42,42,42,1);
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}
.only-text-center-box p{
	text-align: center;
}


.only-text-all p strong{
	font-size: 17px;
}

.only-text-all strong, .only-text-center-box strong{
	font-weight: bold;
}

.only-text-all h3{
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	margin: 0px 0px 7px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	font-weight: 400;
	color: rgba(10,10,10,1);
	text-align: left;
	line-height: 25px;
}

.only-text-all a:link, .only-text-all a:visited, .only-text-all a:active{
	color: #000000;	
}
.only-text-all a:hover{
	text-decoration: none;
	color: #C09D41;
}

.small-text{
	font-size: 14px;
	opacity: 0.6;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(153,153,153,0.7);
	padding-top: 24px;
	margin-top: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(153,153,153,0.7);
	padding-bottom: 30px;
}





















.baner-thre-info-all {
	width: 100%;
	position: relative;
	color: rgba(255,255,255,1);
	text-align: center;
	padding: 57px 20px;
	background-image: url(../backgrounds/baner---neovia-apartmany-big.jpg);
	background-repeat: repeat;
	background-position: center top;
}
/* Hlavný kontajner s tuho modrým pozadím */


.features-content {
	max-width: 1120px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	gap: 8px;
}

.feature-col {
	flex: 1;
	border-left-style: solid;
	border-left-color: rgba(255,255,255,0.23);
	border-left-width: 1px;
	padding-left: 18px;
	padding-right: 8px;
}
.feature-col:first-child {
	border-left-style: none;
}
.feature-col p{
	font-family: 'Roboto', sans-serif;
	font-size: 15.4px;
	font-weight: 300;
	color: rgba(255,255,255,0.89);
	text-align: left;
	margin-left: 69px;
}


/* Hlavička stĺpca (ikona + nadpis) */
.feature-header {
  display: flex;
  gap: 21px;
  margin-bottom: 8px;
}

.icon-wrap {
  width: 50px;
  height: 50px;
  border: 2px solid white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.icon-wrap svg {
  width: 25px;
  height: 25px;
}

.feature-header h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	margin: 0;
	font-weight: normal;
}

/* Zoznam bodov */
.feature-list {
	list-style: none;
	padding: 0;
	margin: 0 0 12px 74px;
	text-align: left;
}

.feature-list li {
	font-family: 'Roboto', sans-serif;
	font-size: 15.4px;
	margin-bottom: 1px;
	position: relative;
	padding-left: 15px;
	opacity: 0.87;
	font-weight: 300;
}

/* Bodka pred textom */
.feature-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: white;
}



.features-content .btn-viac {
	/* Základná farba tlačidla */
	font-family: 'Roboto', sans-serif;
	background-color: #bfa36a;
	color: white !important;
	text-decoration: none;
	padding: 10px 35px;
	border-radius: 50px;
	font-size: 17px;
	display: inline-block;
	/* DÔLEŽITÉ: Príprava pre efekt */
	position: relative;
	overflow: hidden; /* Odreže farbu, ktorá je "mimo" tlačidla */
	z-index: 1;
	transition: color 0.5s ease;
	border: none;
	font-weight: 300;
	float: left;
	margin-left: 78px;
	transition: transform 0.3s ease-in-out, background-color 0.3s ease;
	margin-top: 3px;
}

/* Táto časť vytvorí "schovanú" farbu vľavo */
.features-content .btn-viac::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0; /* Na začiatku má nulovú šírku */
  height: 100%;
  background-color: #a68b54; /* Tmavšia hnedá na hover */
  transition: width 0.4s ease; /* Rýchlosť posunu */
  z-index: -1; /* Farba pôjde POD text */
}

/* Efekt pri prejdení myšou */
.features-content .btn-viac:hover::before {
  width: 100%; /* Farba sa roztiahne na celé tlačidlo */
}

/* Voliteľné: ak chceš, aby sa text pri hoveri jemne pohol doprava */
.features-content .btn-viac:hover {
	transform: translateX(5px);
	transition: all 0.4s ease;
}

/* Responzivita pre mobilné zariadenia */
@media (max-width: 910px) {
  .features-content {
    flex-direction: column;
    align-items: center;
    text-align: left;
  }
  .feature-col {
	width: 100%;
	max-width: 400px;
	border-left-style: solid;
	border-left-color: rgba(255,255,255,0);
	border-left-width: 1px;
	margin-bottom: 28px;
  }
  .feature-col:last-child {
	margin-bottom: 8px;
  }
}
@media (max-width: 450px) {
  .feature-col {
	padding-left: 9px;
}
.icon-wrap {
  width: 40px;
  height: 40px;
}
.icon-wrap svg {
  width: 20px;
  height: 20px;
}
.feature-header {
  gap: 14px;
}
.feature-list {
	margin: 0 0 12px 58px;
}
.feature-col p{
	margin-left: 59px;
}
}























.cennik-all {
	width: 100%;
	position: relative;
}




.cennik-info-up {
	width: 100%;
	max-width: 520px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
	margin-bottom: 8px;
}
.cennik-info-up p{
	width: 100%;
	position: relative;
	font-size: 14px;
}







.availability-banner {
	font-family: 'Montserrat', sans-serif;
	background-color: #002d5a; /* Tvoja korporátna tmavomodrá */
	color: white;
	padding: 12px 34px;
	border-radius: 50px; /* Plné zaoblenie (pill shape) */
	font-size: 17px;
	font-weight: 400;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	display: inline-block;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
}






/* Zelené číslo */
.num-green {
  color: #a3c644; /* Svetlejšia hrášková zelená */
  font-weight: bold;
}

/* Oranžové číslo */
.num-orange {
  color: #c9a050; /* Zlatisto-oranžová farba z tvojich tlačidiel */
  font-weight: bold;
}















.tabs-container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

/* Toto je kľúčová časť - kontajner pre všetky obsahy */
.tabs-content-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr); /* OPRAVA – minmax(0,...) zabráni tomu, aby track rástol podľa min-content šírky tabuľky */
  border-radius: 5px;
  overflow: hidden;
}

/* Štýl tlačidiel */
.tabs-menu {
	display: flex;
	justify-content: center; /* TOTO vycentruje tlačidlá na stred */
	gap: 15px;
	width: 100%; /* Zabezpečí, že menu využije celú šírku na centrovanie */
	padding-top: 12px;
	padding-bottom: 8px;
}

.tab-link {
	padding: 10px 35px;
	cursor: pointer;
	background-color: white;
	border: 1px solid #ccc;
	border-radius: 15px; /* Zaoblenie z obrázka */
	font-weight: bold;
	font-size: 16px;
	color: #444;
	transition: all 0.3s ease;
	margin-right: 3px;
	margin-left: 3px;
}
.tab-link:hover {
	background-color: #EFEFEF;
	border: 1px solid #ccc;
}
@media (max-width: 850px) {
.tab-link {
	padding: 10px 15px;
}}	
@media (max-width: 450px) {
.tabs-menu {
	font-size: 15px;
	gap: 10px;
	padding-top: 8px;
	padding-bottom: 6px;
}
.tab-link {
	padding: 8px 12px;
}}		
@media (max-width: 370px) {
.tabs-menu {
	gap: 7px;
}}		
@media (max-width: 340px) {
.tabs-menu {
	gap: 3px;
}}		
	
	
	

/* Aktívne tlačidlo (svetlomodré) */
.tab-link.active {
  background-color: #e3f2fd; 
  border-color: #aed0ee;
  color: #002d5a;
}

.tab-content {
	padding: 20px 20px 14px;
	color: white; /* alebo tvoja farba textu */
	text-align: center;
	display: none; /* Úplne skryje neaktívne taby – nezaberajú ŽIADNE miesto na výšku */
	min-width: 0; /* OPRAVA – bez toho grid-item nedovolí zmenšiť sa pod šírku tabuľky, čím sa "vyfúkne" celý grid namiesto toho, aby sa rolovala len tabuľka */
}

/* Aktívny obsah */
.tab-content.active {
  display: block; /* Zobrazí iba aktívny tab, kontajner sa okamžite prispôsobí jeho skutočnej výške */
  animation: fadeIn 0.5s ease-in-out forwards; /* Spustí plynulé zobrazenie od nuly */
}

/* Definícia animácie pre plynulý fade-in efekt */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}














.cennik-tabulka {
	width: 100%;        /* ZMENENÉ z pevných 1248px */
	max-width: 1248px;  /* PRIDANÉ – zachová maximálnu šírku na veľkých monitoroch */
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

.table-wrapper {
  width: 100%; 
  margin: 20px 0;
	overflow: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 15px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  position: relative;   /* PRIDANÉ – potrebné pre pozicovanie tieňa */
}

/* Kontajner, ktorý obalí tabuľku aj tieň dokopy */
.table-scroll-hint {
  position: relative;
  overflow: visible;   /* dôležité, aby neblokoval scroll vo vnútri */
}

/* Gradient tieň napravo – naznačuje, že sa dá rolovať */
.table-scroll-hint::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.9));
  pointer-events: none;   /* aby neblokoval klikanie na tabuľku/tlačidlá pod ním */
  border-radius: 0 15px 15px 0;
}

/* Na väčších obrazovkách, keď sa tabuľka celá zmestí, tieň skryjeme */
@media only screen and (min-width: 920px) {
.table-scroll-hint::after {
	display: none;
}}





.apartment-table {
  width: 100%;
  min-width: 920px;   /* PRIDANÉ – tabuľka sa nezmrští pod čitateľnú šírku, radšej sa rozroluje */
  border-collapse: collapse;
  font-family: 'Arial', sans-serif;
  background: white;
  table-layout: auto;
}

.apartment-table td, 
.apartment-table th {
	padding: 18px;
	text-align: center;
}

.apartment-table td:last-child {
  width: 1%;
  white-space: nowrap;
}

.apartment-table thead th {
  background-color: #002d5a;
  color: white;
  text-align: center;
  padding: 18px 10px;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.apartment-table td {
  padding: 15px 10px;
  text-align: center;
  color: #333;
  border-bottom: 1px solid #f0f0f0;
  font-size: 15px;
}

.apartment-table thead th:first-child { border-top-left-radius: 15px; }
.apartment-table thead th:last-child { border-top-right-radius: 15px; }




/* Farebné rozlíšenie riadkov */
tr.alt-row { background-color: #fdfaf1 !important; } /* Jemná žltkastá */
tr.pink-row { background-color: #fff5f5 !important; } /* Jemná ružovkastá */



/* Štítky (Badges) */
.badge {
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 11px;
  display: inline-block;
}

.badge-byt {
	background-color: #e3f2fd;
	color: #1976d2;
	text-transform: uppercase;
}

.badge-mezonet {
	background-color: #BDDCEA;
	color: #035C82;
	text-transform: uppercase;
}

.badge-kancelaria {
	background-color: #f4ece1;
	color: #806E44;
	text-transform: uppercase;
}



/* ===== RESPONZIVITA ===== */

/* Tablety */
@media only screen and (max-width: 900px) {
.apartment-table td, 
.apartment-table th {
	padding: 12px 8px;
}
.apartment-table thead th {
	font-size: 12px;
	padding: 14px 8px;
}
.apartment-table td {
	font-size: 13.5px;
}
}






/* Tlačidlo Detail */
.btn-detail {
  display: inline-block;
  padding: 6px 20px;
  border: 1px solid #d1d1d1;
  border-radius: 20px;
  color: #888;
  text-decoration: none;
  font-size: 13px;
  transition: all 0.3s ease;
}

.btn-detail:hover {
  background-color: #f5f5f5;
  color: #333;
  border-color: #999;
}





.buttons-row {
  display: flex;
  gap: 25px;
  justify-content: center;
  padding: 25px;
}

.btn-custom {
  position: relative;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 50px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: white !important;
  border: none;
  cursor: pointer;
  text-align: center;
  min-width: 220px;
  overflow: hidden;
  z-index: 1;
  transition: color 0.3s ease;
  letter-spacing: 1px;
}

/* PRIDANÉ – na mobiloch tlačidlá pod sebou, nie vedľa seba */
@media only screen and (max-width: 580px) {
.buttons-row {
	flex-direction: column;
	align-items: center;
	gap: 12px;   /* PRIDANÉ – zmenšená medzera medzi tlačidlami na mobile */
}
.btn-custom {
	width: 100%;
	max-width: 280px;
	min-width: 0;
}
}


@media only screen and (max-width: 1280px) {
.btn-custom {
  position: relative; /* Dôležité pre umiestnenie efektu */
  display: inline-block;
  padding: 12px 40px;
  border-radius: 50px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: white !important;
  border: none;
  cursor: pointer;
  text-align: center;
  min-width: 220px;
  overflow: hidden; /* Zabezpečí, že efekt nepretečie mimo zaoblenia */
  z-index: 1;
  transition: color 0.3s ease;
  letter-spacing:1px;
}}	
	
	
	
/* Spoločný základ pre efekt prelievania */
.btn-custom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0; /* Začíname s nulovou šírkou */
  height: 100%;
  z-index: -1; /* Farba ide pod text */
  transition: width 0.4s ease-in-out; /* Rýchlosť preliatia */
}

/* Hover stav - roztiahnutie na 100% šírky */
.btn-custom:hover::before {
  width: 100%;
}

/* --- ZLATÉ TLAČIDLO --- */
.btn-custom.btn-gold {
	background-color: rgba(191,163,79,1); /* Svetlejšia zlatá ako základ */
}
.btn-custom.btn-gold::before {
	background-color: #BE964E; /* Tmavšia zlatá, ktorá sa preleje */
}

/* --- ZELENÉ TLAČIDLO --- */
.btn-green {
  background-color: #28a745; /* Svetlejšia zelená ako základ */
}
.btn-green::before {
  background-color: #008a3b; /* Sýta zelená, ktorá sa preleje */
}

/* Jemný nadvih celého tlačidla pri hoveri */
.btn-custom:hover {
  transform: translateY(-2px);
}


















.podorys-img{
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.podorys-img img{
	width: 100%;
	height:auto;
}



.tabulka-apartmany{
	width: 100%;
	display: inline-block;
	margin-top: 24px;
	margin-bottom: 24px;
	overflow: scroll;
	overflow: auto;
	-webkit-overflow-scrolling: touch; /* PRIDANÉ – plynulé rolovanie na iOS */
}

/* PRIDANÉ */
.tabulka-apartmany table{
	min-width: 760px;
}


.tabulka-apartmany h3{
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(176,176,176,1);
	padding-bottom: 28px;
	text-align: center !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	display: inline-block;
	font-size: 22px;
	font-weight: 300;
}
.tabulka-apartmany h3 b{
	font-weight: 600;
}



.riadok-pdf {
	cursor: pointer;
	transition: background-color 0.3s ease;
}
.riadok-pdf:hover {
	background-color: rgba(6,127,176,0.08); /* jemná modrá, môžeš zmeniť podľa vkusu */
}

/* Základný kurzor (klasická šípka) pre všetky riadky */
.riadok-pdf {
    cursor: default;
}

/* Ručička sa zobrazí LEN na riadkoch, ktoré majú vyplnené data-pdf */
.riadok-pdf[data-pdf]:not([data-pdf=""]) {
    cursor: pointer;
}





table {
	width: 100%;
	padding-bottom: 32px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
th {
	color: rgba(51,51,51,0.8);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(141,141,141,0.8);
	font-size: 18px;
	font-weight: normal;
	padding-top: 12px;
	padding-bottom: 12px;
}
table .small{
	font-size: 15px;
	color: rgba(153,153,153,1);
	font-weight: 300;
}

td {
	color: rgba(51,51,51,0.7);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,0.6);
	font-size: 16px;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media only screen and (max-width: 924px) {
td {
	padding-top: 9px;
	padding-bottom: 9px;
}}

@media only screen and (max-width: 524px) {
td {
	padding-top: 8px;
	padding-bottom: 8px;
}}





tr:nth-child(even) {
	background-color: rgba(247,247,247,1);
}

table .nadpis-apartman{
	font-size: 21px;
	font-weight: 200;
}
table .nadpis-apartman b{
	font-size: 22px;
	font-weight: bold;
}

table .info{
	font-size: 18px;
	color: rgba(153,153,153,1);
	font-weight: 200;
}
table .cena{
	font-size: 22px;
	color: rgba(21,21,21,1);
	font-weight: 200;
}





.pdf-icon-td img {
	transition: .3s all;
	opacity:0.56;
	filter: grayscale(100%);
}
.pdf-icon-td img:hover{
	transition: .3s all;
	opacity:0.9;
	-webkit-filter: none;
}






table .volny{
	font-size: 17px;
	color: rgba(108,182,68,1);
	font-weight: 600;
}
table .volny-bckgr{
	background-color: rgba(108,182,68,0.1);
}



table .reserve-bckgr{
	background-color: rgba(255,204,51,0.1);
}
table .reserve-bckgr .volny{
	font-size: 17px;
	color: rgba(255,182,51,1);
	font-weight: 600;
}
table .reserve-bckgr i {
	font-size: 17px;
	font-weight: 200;
	font-style: normal;
	opacity:0.41;
}


table .predany-bckgr{
	background-color: rgba(255,153,153,0.1);
}
table .predany-bckgr .volny{
	font-size: 17px;
	color: rgba(255,153,153,1);
	font-weight: 600;
}








.info-table p{
	font-size: 15px;
	color: rgba(102,102,102,1);
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}















.photo-gallery-box{
	width: 100%;
	display: inline-block;
	padding-right: 4px;
	padding-left: 4px;
	box-sizing: border-box;
	padding-top: 2px;
}

/**/
.gallery, .gallery-small {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	flex-wrap: wrap;
}

.gallery .item{
	position: relative;
	overflow: hidden;
	-webkit-box-flex: 0;
	flex: 0 1 25%;
	max-width: 400px;
	border: 5px solid #000000;
	background-color: rgba(0,0,0,1);
}.gallery .item img{
	max-width: 100%;
	transition: all .3s;
	display: block;;
	border-radius:5px;
}.gallery .item:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: none;
	filter: none;
	border-radius:5px;
}


.gallery .item-white {
	position: relative;
	overflow: hidden;
	-webkit-box-flex: 0;
	flex: 0 1 25%;
	max-width: 400px;
	border: 5px solid #FFFFFF;
}.gallery .item-white img{
	max-width: 100%;
	transition: all .3s;
	display: block;;
	border-radius:5px;
}.gallery .item-white:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: none;
	filter: none;
	border-radius:5px;
}


.gallery-small .item-white {
	position: relative;
	overflow: hidden;
	-webkit-box-flex: 0;
	flex: 0 1 25%;
	max-width: 400px;
	border: 5px solid #FFFFFF;
	border-radius:12px;
}.gallery-small .item-white img{
	max-width: 100%;
	transition: all .3s;
	display: block;;
	border-radius:12px;
}.gallery-small .item-white:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: none;
	filter: none;
	border-radius:12px;
}





.black-bckg {
background-color: rgba(0,0,0,1);
}











@media only screen and (max-width: 1280px) {
.gallery .item{
	flex: 0 1 25%;
}
.gallery .item:last-child{
	display: inherit;
}}

@media only screen and (max-width: 880px) {
.gallery .item{
	flex: 0 1 33.33%;
}}
@media only screen and (max-width: 620px) {
.gallery .item{
	flex: 0 1 50%;
}.gallery .item:last-child{
	display: inherit;
}}






@media only screen and (max-width: 1280px) {
.gallery .item-white{
	flex: 0 1 25%;
}}

@media only screen and (max-width: 880px) {
.gallery .item-white{
	flex: 0 1 33.33%;
}}
@media only screen and (max-width: 620px) {
.gallery .item-white{
	flex: 0 1 50%;
}}





@media only screen and (max-width: 1280px) {
.gallery-small .item-white{
	flex: 0 1 25%;
}}
@media only screen and (max-width: 880px) {
.gallery-small .item-white{
	flex: 0 1 33.33%;
}.gallery-small .item-white:nth-child(4){
	display: none;
}}
@media only screen and (max-width: 620px) {
.gallery-small .item-white{
	flex: 0 1 50%;
}.gallery-small .item-white:nth-child(4){
	display: inherit;
}}






@media only screen and (max-width: 1280px) {
.fotogaleria-15 .item:last-child,
.fotogaleria-05 .item:last-child {
	display: none;
}}

@media only screen and (max-width: 880px) {
.fotogaleria-05 .item:first-child {
	display: none;
}}
@media only screen and (max-width: 880px) {
.fotogaleria-10 .item:last-child {
	display: none;
}}



@media only screen and (max-width: 620px) {
.fotogaleria-05 .item:first-child {
	display: inherit;
}
.fotogaleria-10 .item:last-child {
	display: inherit;
}}









.viac-foto a:link, .viac-foto a:visited, .viac-foto a:active, .viac-foto a:focus {
	font-size: 17.8px;
	letter-spacing: 0.7px;
	color: rgba(255,255,255,0.5);
	background-color: rgba(0,0,0,1);
	display: inline-block;
	transition: .3s all;
	width: 100%;
	padding-top: 11px;
	padding-bottom: 17px;
	font-weight: normal;
	text-align: center;
}
.viac-foto a:hover {
	color: rgba(255,255,255,0.9);
	transition: .3s all;
}


























.photo-text-slogan-all {
	padding-bottom: 17px;
	background-image: url(../backgrounds/baner---neovia-slogan-down.jpg);
	background-position: center bottom;
	background-repeat: repeat-y;
	background-color: rgba(220,222,219,1);
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: rgba(220,222,219,1);
}

.photo-text-slogan-box{
	max-width: 1600px;
	width: 100%;
	display: inline-block;
	background-image: url(../backgrounds/baner---neovia-slogan-big.jpg);
	background-position: center top;
	background-repeat: repeat;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 42px 0px 78px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.photo-text-slogan{
	width: 55%;
	float: left;
	padding-top: 24px;
	text-align: right;
	margin-top: 12px;
	margin-bottom: 12px;
	padding-left: 24px;
}
@media only screen and (max-width: 788px){
.photo-text-slogan{
	width: 60%;
}}
@media only screen and (max-width: 710px){
.photo-text-slogan{
	width: 64%;
}}
@media only screen and (max-width: 598px) {
.photo-text-slogan{
	width: 84%;
}}

.photo-text-slogan p{
	font-family: 'Montserrat', sans-serif;
	font-size: 48px;
	letter-spacing: 1px;
	font-weight: 200;
	color: rgba(255,255,255,0.92);
	max-width: 440px;
	float: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 22px;
}
.photo-text-slogan p strong{
	font-weight: bold;
	font-weight: 500;
}
@media only screen and (max-width: 670px) {
.photo-text-slogan p{
	font-size: 42px;
}}





.photo-text-photo{
	width: 44%;
	float: right;
	text-align: left;
	padding-top: 44px;
	padding-left: 22px;
	box-sizing:border-box;
}
@media only screen and (max-width: 788px){
.photo-text-photo{
	width: 39%;
}}
@media only screen and (max-width: 710px){
.photo-text-photo{
	width: 35%;
}}
@media only screen and (max-width: 598px) {
.photo-text-photo{
	display:none;
}}



.photo-text-photo img{
	width: 190px;
	height: 190px;
	border-radius: 50%;
	border: 5px solid rgba(255,255,255,0.8);
	padding: 4px;
}
@media only screen and (max-width: 710px){
.photo-text-photo img{
	width: 160px;
	height: 160px;
}}




















.baner-two-info-all {
	width: 100%;
	position: relative;
	text-align: center;
	background-color: rgba(241,241,239,1);
	padding-bottom: 48px;
}

.cards-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;   /* PRIDANÉ – umožní zalomenie kariet na nový riadok */
  gap: 28px;
  padding: 40px;
  font-family: 'Arial', sans-serif;
}

.info-card {
	font-family: 'Montserrat', sans-serif;
	background-color: white;
	width: 100%;        /* PRIDANÉ – aby sa karta prispôsobila šírke rodiča */
	max-width: 550px;
	border-radius: 40px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,0.05);
	text-align: left;
}

.card-image img {
	width: 100%;
	height: auto;
	border-radius: 30px 30px 0px 0px;
	object-fit: cover;
	display: block;
	padding-top: 3px;
}

.card-body {
	padding-right: 34px;
	padding-left: 34px;
	padding-bottom: 34px;
}

.info-card h3{
	margin: 0px;
	padding: 17px 0px 8px;
	font-size: 32px;
	font-weight: 400;
}

.title-blue { color: #008bb2; }
.title-green { color: #a3c644; }

.card-text {
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  margin-bottom: 20px;
}

.card-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.card-list li {
  font-size: 15.4px;
  margin-bottom: 7px;
  padding-left: 20px;
  position: relative;
  color: #000;
}

.card-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  font-size: 20px;
  line-height: 1;
}


/* ===== RESPONZIVITA ===== */

/* Tablety */
@media only screen and (max-width: 900px) {
.cards-wrapper {
	gap: 20px;
	padding: 30px 20px;
}
.info-card h3{
	font-size: 28px;
}
}

/* Mobily */
@media only screen and (max-width: 600px) {
.cards-wrapper {
	flex-direction: column;
	align-items: center;
	gap: 24px;
	padding: 24px 16px;
}
.info-card {
	max-width: 100%;
}
.card-body {
	padding-right: 22px;
	padding-left: 22px;
	padding-bottom: 22px;
}
.info-card h3{
	font-size: 24px;
	padding: 14px 0px 6px;
}
}


























.two-text-info-all {
	width: 100%;
	position: relative;
	text-align: center;
}


.services-section {
	display: flex;
	justify-content: center;
	background-color: #002d5a;
	background-image: url(../backgrounds/baner---neovia-services-big.jpg);
	background-position: center;
	padding: 40px 20px 64px;
	box-sizing: border-box;
	background-repeat: repeat;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: rgba(179,179,179,1);
}

/* 3. Vnútorný kontajner */
.services-container {
  display: flex;
  max-width: 898px;
  width: 100%; /* Zabezpečí, že sa nezmenší viac než treba */
  gap: 72px;
  margin: 0 auto; /* Poistka pre vodorovný stred */
}

.service-card {
	flex: 1;
	text-align: left;
}

/* Hlavička s ikonou */
.service-header {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 0px;
	margin-top: 16px;
}

.icon-wrapper {
	font-family: 'Montserrat', sans-serif;
	background-color: #4a4538; /* Tmavé pozadie ikony */
	color: #FFFFFF; /* Zlatá farba symbolu */
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	font-weight: 400;
	border: 1px solid #666;
	font-size: 24px;
}

/* Texty */
.service-card h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 34.5px;
	margin-bottom: 10px;
	color: rgba(255,255,255,1) !important;
	font-weight: 200;
	padding: 0px;
	margin-top: 10px;
	margin-right: 2px;
	margin-left: 2px;
}

.divider {
  border: 0;
  border-top: 1px solid rgba(255,255,255,0.2);
  margin: 14px 0;
}

/* Texty */
.service-card h3 {
	font-family: 'Roboto', sans-serif !important;
	font-size: 23px !important;
	margin-bottom: 4px;
	color: rgba(255,255,255,1) !important;
	font-weight: 400;
}

.service-card p {
	font-size: 16.8px;
	color: rgba(255,255,255,0.75) !important;
	margin-bottom: 14px;
	font-weight: lighter;
	line-height: 20px;
}

/* Zoznam so zlatými bodkami */
.custom-list {
  list-style: none;
  padding: 0;
  margin-bottom: 40px;
}

.custom-list li {
	position: relative;
	padding: 12px 0 12px 25px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.87) !important;
	font-size: 18px;
}

.custom-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-color: #a3c644; /* Zelená/žltá bodka z obrázka */
  border-radius: 50%;
}

.service-card .btn-viac {
	/* Základná farba tlačidla */
	font-family: 'Roboto', sans-serif;
	background-color: #bfa36a;
	color: white !important;
	text-decoration: none;
	padding: 10px 35px;
	border-radius: 50px;
	font-size: 17px;
	display: inline-block;
	/* DÔLEŽITÉ: Príprava pre efekt */
	position: relative;
	overflow: hidden; /* Odreže farbu, ktorá je "mimo" tlačidla */
	z-index: 1;
	transition: color 0.5s ease;
	border: none;
	font-weight: 300;
	float: left;
	margin-left: 11px;
	transition: transform 0.3s ease-in-out, background-color 0.3s ease;
	margin-top: 3px;
}

/* Táto časť vytvorí "schovanú" farbu vľavo */
.service-card .btn-viac::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0; /* Na začiatku má nulovú šírku */
  height: 100%;
  background-color: #a68b54; /* Tmavšia hnedá na hover */
  transition: width 0.4s ease; /* Rýchlosť posunu */
  z-index: -1; /* Farba pôjde POD text */
}

/* Efekt pri prejdení myšou */
.service-card .btn-viac:hover::before {
  width: 100%; /* Farba sa roztiahne na celé tlačidlo */
}

/* Voliteľné: ak chceš, aby sa text pri hoveri jemne pohol doprava */
.service-card .btn-viac:hover {
	transform: translateX(5px);
	transition: all 0.4s ease;
}





/* Tablety */
@media only screen and (max-width: 900px) {
.services-section {
	padding: 32px 50px 48px;
}
.services-container {
	gap: 40px;
}
.service-card h2{
	font-size: 28px;
}
.service-card h3{
	font-size: 20px !important;
}
.service-card p{
	font-size: 15.5px;
}
.custom-list li{
	font-size: 16px;
	padding: 10px 0 10px 22px;
}
}

/* Mobily */
@media only screen and (max-width: 700px) {
.services-section {
	padding: 32px 44px 48px;
}
.services-container {
	flex-direction: column;
	gap: 48px;
}
.service-card {
	text-align: left;
	width: 100%;
}
.service-header {
	gap: 12px;
}
.icon-wrapper {
	width: 38px;
	height: 38px;
	font-size: 20px;
}
.service-card h2{
	font-size: 25px;
}
.service-card h3{
	font-size: 19px !important;
}
.service-card p{
	font-size: 15px;
	line-height: 21px;
}
.custom-list {
	margin-bottom: 28px;
}
.custom-list li{
	font-size: 15.4px;
	padding: 10px 0 10px 20px;
}
.service-card .btn-viac{
	float: none;       /* OPRAVA – float:left by na mobile mohol spôsobiť zlé zalomenie/orezanie */
	display: inline-block;
	margin-left: 0px;
	padding: 10px 28px;
	font-size: 16px;
}
}

/* Malé mobily */
@media only screen and (max-width: 420px) {
.services-section {
	padding: 28px 34px 40px;
}
.service-card h2{
	font-size: 22px;
}
.custom-list li{
	font-size: 14.8px;
}
}



















.kontakt-one-all {
	width: 100%;
}





.hlavny-kontakt--box{
	width: 100%;
	display: inline-block;
	padding-bottom: 44px;
	padding-top: 32px;
}
.ostatne-kontakty--box{
	width: 100%;
	display: inline-block;
	padding-top: 72px;
	padding-bottom: 72px;
	background-color: rgba(250,250,250,1);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(232,232,232,1);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(232,232,232,1);
}



/* ------------------------- */
/*    KONTAKT --- KONTAKTY   */
/* ------------------------- */

.kontakt-box{
	width: 100%;
	padding-top: 22px;
	padding-bottom: 24px;
}

.site-text-kontakt{
	width: 100%;
}

.kontakt-hlavny{
	width: 100%;
	max-width: 1020px;
	padding-bottom: 42px;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
}


.kontakt-hlavny_logo{
	width: 50%;
	float: left;
	text-align: right;
	display: inline-block;
}
@media only screen and (max-width: 678px) {
.kontakt-hlavny_logo{
	width: 100%;
	text-align: center;
	padding-bottom: 12px;
}}


.kontakt-hlavny_logo img{
	padding: 3px;
	border: 3px solid rgba(153,153,153,1);
	border-radius: 50%;
	height: 230px;
	width: 230px;
	margin-right: 56px;
	margin-top: 70px;
}
@media only screen and (max-width: 678px) {
.kontakt-hlavny_logo img{
	margin-top: 10px;
}}
@media only screen and (max-width: 658px) {
.kontakt-hlavny_logo img{
	margin-right: 32px;
}}
@media only screen and (max-width: 558px) {
.kontakt-hlavny_logo img{
	margin-right: 22px;
}}
@media only screen and (max-width: 448px) {
.kontakt-hlavny_logo img{
	margin-right: 12px;
}}



.kontakt-hlavny_adresa{
	width: 50%;
	float: right;
	display: inline-block;
	box-sizing: border-box;
	text-align: left;
}
@media only screen and (max-width:678px) {
.kontakt-hlavny_adresa{
	width: 100%;
	padding-left: 27%;
	padding-top: 28px;
}}
@media only screen and (max-width:540px) {
.kontakt-hlavny_adresa{
	padding-left: 19%;
}}
@media only screen and (max-width:448px) {
.kontakt-hlavny_adresa{
	padding-left: 16%;
}}
@media only screen and (max-width:400px) {
.kontakt-hlavny_adresa{
	padding-left: 13%;
	padding-right: 22px;
}}
@media only screen and (max-width:368px) {
.kontakt-hlavny_adresa{
	padding-left: 10%;
}}



.nadpis-info{
	display: block;
	color: rgba(4,128,174,0.94);
	font-weight: 300;
	font-size: 16px;
	padding-top: 11px;
	padding-bottom: 5px;
}
.nadpis-adresa{
	display: inline-block;
	color: rgba(27,27,27,0.94);
	font-weight: 300;
	font-size: 19px;
	padding-top: 11px;
}
.nadpis-adresa strong{
	font-size: 24px;
	line-height: 22px;
	display: inline-block;
}
@media only screen and (max-width:520px) {
.nadpis-adresa strong{
	max-width:320px;
}}




.kontakt-hlavny_adresa p{
	margin: 0px;
	padding: 0px;
}




.adresa{
	display: inline-block;
	color: rgba(97,97,97,0.9);
	font-weight: 300;
	font-size: 16.3px;
}
.adresa strong{
	color: rgba(153,153,153,0.94);
	font-size: 16px;
	font-weight: 300;
}
.kontakt-grey-line{
	max-width: 280px;
	width: 100%;
	height: 1px;
	background-color: rgba(204,204,204,1);
	margin-top: 13px;
	margin-bottom: 13px;
}





.tel-hlavny{
	display: inline-block;
	color: rgba(97,97,97,0.9);
	font-weight: 300;
	font-size: 16px;
	padding: 1px;
}
.tel-hlavny:before{
	font-family: FontAwesome;
	content: "\f095";
	font-size: 12px;
	padding-top: 3px;
	padding-right: 9px;
	float: left;
	opacity: 0.5;
	padding-left: 2px;
}


.email-hlavny{
	display: inline-block;
	color: rgba(97,97,97,0.9);
	font-weight: 300;
	font-size: 16px;
	padding: 1px;
}
.email-hlavny:before{
	font-family: FontAwesome;
	content: "\f0e0";
	font-size: 12px;
	padding-top: 5px;
	padding-right: 9px;
	float: left;
	opacity:0.5;
}







.kontakty-box-down{
	padding-bottom: 68px;
}



.kontakty-box{
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(153,153,153,1);
	background-color: rgba(247,247,247,1);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(153,153,153,1);
	padding-top: 72px;
	padding-bottom: 0px;
}

.kontakty-odelenia-all{
	max-width: 900px;
	width: 100%;
	padding-top: 44px;
	padding-bottom: 58px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.kontakt-oddelenie{
	width: 49%;
	display: inline-table;
	padding-top: 12px;
	padding-bottom: 22px;
	text-align: left;
}


.oddelenie-foto{
	padding-right: 22px;
	padding-left: 12px;
	display: inline-table;
	text-align: right;
	box-sizing:border-box;
	float: left;
}
.oddelenie-foto img{
	padding: 4px;
	border: 3px solid rgba(138,138,138,1);
	max-width:142px;
	height:auto;
	border-radius: 50%;
}





.kontakt-oddelenie-info{
	display: inline-table;
	box-sizing: border-box;
	float: left;
	padding-left: 8px;
	text-align: left;
	background-position: center 11px;
	background-repeat: no-repeat;
	box-sizing:border-box;
}





.oddelenie-nazov{
	font-size: 19px;
	color: rgba(132,64,153,0.94);
	display: block;
	padding-top: 19px;
	margin: 0px;
	padding-bottom: 0px;
	line-height: 21px;
}
.oddelenie-meno{
	font-size: 16px;
	color: rgba(51,51,51,0.94);
	display: inline-block;
	line-height: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,1);
	margin: 0px 0px 5px;
	padding: 4px 0px;
}
.oddelenie-firma{
	font-size: 18px;
	color: rgba(4,128,174,0.94);
	display: block;
	padding-left: 1px;
	padding-bottom: 5px;
}

.oddelenie-tel, .oddelenie-mail{
	font-size: 14.3px;
	display: block;
	color: rgba(102,102,102,0.9);
	width: auto;
	padding-bottom: 2px;
}

.oddelenie-tel:before{
	font-family: FontAwesome;
	content: "\f095";
	font-size: 11px;
	padding-top: 1px;
	padding-right: 13px;
	float: left;
	opacity: 0.5;
	padding-left: 2px;
}
.oddelenie-mail:before{
	font-family: FontAwesome;
	content: "\f0e0";
	font-size: 11px;
	padding-top: 3px;
	padding-right: 13px;
	float: left;
	opacity:0.5;
}


.oddelenie-mail a:link, .oddelenie-mail a:visited, .oddelenie-mail a:active,
.oddelenie-tel a:link, .oddelenie-tel a:visited, .oddelenie-tel a:active{
	color: rgba(121,121,121,1);
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.oddelenie-mail a:hover,
.oddelenie-tel a:hover{
	color: rgba(0,0,0,1);
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}






.napiste-nam a:link, .napiste-nam a:visited, .napiste-nam a:active{
	font-size: 16.3px;
	color: #999999;
	text-decoration: none;
	display: inline-block;
	margin-top: 4px;
	margin-bottom: 4px;
	border-radius: 25px;
	border: 1px solid #C0C0C0;
	font-weight: 300;
	padding: 7px 18px 8px;
}
.napiste-nam a:hover{
	color: #FBFBFB;
	background-color: rgb(4,146,174);
	text-decoration: none;
	border: 1px solid rgb(4,146,174)
}
.napiste-nam:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f105";
	font-size: 12px;
	padding-left: 12px;
	color: rgb(4,146,174);
}

.napiste-nam-2 a:link, .napiste-nam-2 a:visited, .napiste-nam-2 a:active{
	font-size: 16.3px;
	color: #999999;
	text-decoration: none;
	display: inline-block;
	margin-top: 4px;
	margin-bottom: 4px;
	border-radius: 25px;
	border: 1px solid #C0C0C0;
	font-weight: 300;
	padding: 7px 18px 8px;
}
.napiste-nam-2 a:hover{
	color: #FBFBFB;
	background-color: rgb(221,36,82);
	text-decoration: none;
	border: 1px solid rgb(221,36,82);
}
.napiste-nam-2:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f104";
	font-size: 12px;
	padding-right: 12px;
	color: rgb(224,36,81);
}
/* ------------------------- */
/*    KONTAKT --- KONTAKTY   */
/* ------------------------- */





















.napiste-nam-all {
	width: 100%;
	display: flex;
	position: relative;
}


/* --------------------------- */
/*  RESERVATION  RESERVATION   */
/* --------------------------- */
.mail_form {
	max-width: 812px;
	box-sizing: border-box;
	text-align: left;
	display: inline-block;
	padding: 8px;
	padding-bottom: 42px;
}
@media only screen and (max-width: 920px) {
.mail_form {
	padding-bottom: 22px;
}}
@media only screen and (max-width: 680px) {
.mail_form {
	padding-bottom: 9px;
}}
@media only screen and (max-width: 510px) {
.mail_form {
	padding-bottom: 2px;
}}



.mail_form h3 {
	font-size: 22px;
	font-weight: normal;
	color: rgba(86,86,86,1);
	margin: 0px;
	padding-top: 23px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,1);
	text-align: center;
}


.mail_form p{
	font-size: 16px;
	box-sizing: border-box;
	padding-top: 18px;
	padding-bottom: 28px;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: 200;
	color: #6E6E6E;
	width: 80%;
}
.mail_form p strong{
	font-weight: bold;
}


@media only screen and (max-width: 580px) {
.mail_form p{
	width: 98%;
}}



.mail_form .form-input, .objednavka-detail-all .form-input {
	color: #2D2D2D;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 2px;
	margin-bottom: 8px;
	border-radius: 2px;
	text-align: left;
	padding: 12px 12px 10px 15px;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	border-bottom: 1px solid #CCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.mail_form .form-input:hover, .objednavka-detail-all .form-input:hover{
	padding-left: 19px;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.mail_form .form-input:focus, .objednavka-detail-all .form-input:focus{
	background: #fff;
	color: #000000;
	outline: none;
	padding-left: 14px;
}




/*
input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label{
  top: 8px;
  bottom: 10px;
  left: 20px;
  font-size: 11px;
  opacity: 1;
	position: relative;
}

 .inputText {
	font-size: 14px;
	width: 200px;
	height: 35px;
}

.floating-label {
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 18px;
  transition: 0.2s ease all;
  background: white;
}
*/





.user-input-wrp {
	position: relative;
	width: 100%;
	padding-top: 3px;
}
.user-input-wrp .inputText{
	width: 100%;
	outline: none;
	border:none;
	border-bottom: 1px solid #883E98;
 	box-shadow: none !important;
	color: #2D2D2D;
	font-weight: 300;
	font-size: 16px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 2px;
	margin-bottom: 8px;
	
	border: 1px solid #CCC;
	border-radius: 25px;
	
	text-align: left;
	padding-top: 9px;
	padding-right: 14px;
	padding-bottom: 9px;
	padding-left: 14px;
}
.user-input-wrp .inputText:focus{
	color: #000000;
	outline: none;
	border-width: 1px;
	border-style: solid;
	border-color: #883E98;
}
.user-input-wrp .floating-label {
	position: absolute;
	pointer-events: none;
	top: 22px;
	left: 12px;
	transition: 0.2s ease all;
	color: rgba(153,153,153,1);
	background-color: rgba(255,255,255,1);
	font-size: 15.6px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 200;
	padding: 0px 5px 2px 5px;
}
.user-input-wrp input:focus ~ .floating-label,
.user-input-wrp input:not(:focus):valid ~ .floating-label{
	top: 0px;
	left: 14px;
	font-size: 11px;
	opacity: 1;
	background-color: rgba(255,255,255,1);
}

.width-input-150 {
	width: 150px;
	display: inline-block;
	margin: 4px 5px 5px 0px;
}
.width-input-100 {
	width: 100px;
	display: inline-block;
	margin: 4px 5px 5px 0px;
}
.width-input-75 {
	width: 75px;
	display: inline-block;
	margin: 4px 5px 5px 0px;
}
.v-cm {
	font-size: 14px;
}









.mail_form button, .platba_forms button, .objednavka-kosik button, .produkt-detail-all button, .produkty-filter-left button{
	color: #FFF;
	font-size: 16.5px;
	letter-spacing: 2px;
	text-align: center;
	font-style: normal;
	border-radius: 3px;
	margin-bottom: 10px;
	margin-top: 12px;
	cursor: pointer;
	border: 1px solid #7F7F7F;
	background-color: #7F7F7F;
	border-radius: 2px;
	padding-top: 13px;
	padding-right: 22px;
	padding-bottom: 12px;
	padding-left: 22px;
	width: 100%;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
	font-weight: 300;
	border-radius: 26px;
}
.mail_form button:hover, .platba_forms button:hover, .objednavka-kosik button:hover, .produkt-detail-all button:hover, .produkty-filter-left button:hover{
	transition: all 0.3s ease-in-out;
	color: #FBFBFB;
	border: 1px solid rgba(6,127,176,1); 
	background-color: rgba(6,127,176,1); 

}

.mail_form .btnExample2, .platba_forms .btnExample2{
	margin-top: 0px;
	border: 1px solid #D0BC33;
	background-color: #D0BC33;
	border-radius: 2px;
}
.mail_form2 .btnExample2:hover, .platba_forms .btnExample2:hover {
	color: #FBFBFB;
	border: 1px solid #71C03C;
	background-color: #71C03C;
}



@media only screen and (max-width: 820px) {
.mail_form button, .platba_forms button, .objednavka-kosik button, .produkt-detail-all button, .produkty-filter-left button{
	font-size: 15.8px;
	letter-spacing: 1px;
	padding-top: 10px;
	padding-bottom: 9px;
}}
@media only screen and (max-width: 520px) {
.mail_form button, .platba_forms button, .objednavka-kosik button, .produkt-detail-all button, .produkty-filter-left button{

	letter-spacing: 0.5px;
}}



textarea {
	resize: none;
}


.name_form{
	font-size: 13px;
	font-weight: normal;
	color: #666;
	text-align: left;
	float: left;
	margin-bottom: 0px;
	margin-left: 3px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
.name_form_info{
	font-size: 13px;
	font-weight: normal;
	color: #A2A0A3;
	text-align: left;
	float: left;
	margin-bottom: 0px;
	margin-left: 5px;
	font-style: oblique;
}


.mail_form .line_form{
	max-width: 99%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 32px;
	margin-right: auto;
	margin-bottom: 28px;
	margin-left: auto;
	display: block;
}









/*the container must be positioned relative:*/
.custom-select_01 {
	font-size: 15px;
	width: 100%;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	display: inline-block;
	position: relative;
	color: #666666;
	border: 1px solid #CCC;
	border-radius: 25px;
	z-index: 100;
}
.custom-select_01 select {
	display: none; /*hide original SELECT element:*/
}
.select-selected {
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top:11px;
  right: 17px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color:#FFFFFF transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
	border-color: transparent transparent #9C9C9C transparent;
	top: 11px;
}



/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
	color: #898989;
	cursor: pointer;
	user-select: none;
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 8px;
	padding-left: 14px;
	margin-top: 2px;
	margin-bottom: 2px;
}

/*style items (options):*/
.select-items {
	position: absolute;
	background-color: #FFFFFF;
	border-radius: 25px;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
	background-color: rgb(244,244,244);
	border-radius: 25px;
}




.custom-select_01ee {
	width: 100%;
	background-color: rgba(153,255,51,1);
}





.select-css {
  color: #2D2D2D;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  margin: 4px 0;
  padding: 12px 18px 11px 14px;
  width: 100%;
  max-width: 100%;
  border: 1px solid #CCC;
  border-radius: 21px;

  appearance: none;
  background-color: #fff;
  background-image:
    url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 0.8em center;
  background-size: 0.65em auto;

  box-sizing: border-box;
  transition: 0.3s ease;
}











.spam-code{
	max-width: 99%;
	text-align: left;
	padding: 12px;
}




.suhlas{
	width: 100%;
	margin-bottom: 12px;
	display: inline-block;
	text-align: left;
	margin-top: 7px;
	padding-top: 4px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	font-size: 15px;
	color: rgba(51,51,51,0.7)
}
@media only screen and (max-width: 560px) {
.suhlas{
	font-size: 14px;
}}


.suhlas-one{
	width: 8%;
	display: inline-block;
	vertical-align: top;
	float: left;
}
.suhlas-two{
	width: 92%;
	display: inline-block;
	vertical-align: top;
	float: right;
}

@media only screen and (max-width: 560px) {
.suhlas-one{
	width: 10%;
}
.suhlas-two{
	width: 89%;
}}
	
.suhlas-one span{
	padding-left: 5px
}

.suhlas input[type=checkbox]{
	padding: 11px;
	border-radius: 4px;
	margin-left: 11px; 
	accent-color: rgba(6,127,176,1); /* Stredne modrá farba podnadpisu */
	border-radius:7px;
}


input[type=checkbox] {
  transform: scale(1.3);
  cursor: pointer;
	accent-color: rgba(6,127,176,1); /* Stredne modrá farba podnadpisu */
}





.vseobecne-podmienky{
	max-width: 99%;
	margin-right: auto;
	margin-bottom: 28px;
	margin-left: auto;
	display: block;
	padding-left: 27px;
}

@media only screen and (max-width: 560px) {
.vseobecne-podmienky{
	padding-left: 5px;
}}	
	
	
	
.podmienky a:link, .podmienky a:active,.podmienky a:visited{
	font-size: 14.7px;
	display: inline-block;
	color: #999999;
	padding: 1px;
	transition: .5s all;
	font-weight: normal;
}.podmienky a:hover{
	color: #000000;
	transition: .5s all;
}
.podmienky a:before{
	font-family: FontAwesome;
	content: "\f054";
	font-size: 9px;
	display: inline-block;
	padding-right: 7px;
	padding-left: 2px;
	opacity: 0.7;
	color: rgba(6,127,176,1);
	padding-bottom: 2px;
}






















.only-text-box, .only-text-center-box{
	width: 100%;
	display: flex;
	position: relative;
	padding-top: 28px;
	padding-bottom: 22px;
}

.only-text-box p{
	font-size: 15.3px;
	opacity: 0.85;
	padding-right: 7px;
	padding-left: 7px;
	color: rgba(72,72,72,1);
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}
.only-text-center-box p{
	text-align: center;
}


.only-text-box p strong{
	font-size: 17px;
}

.only-text-box strong, .only-text-center-box strong{
	font-weight: bold;
}

.only-text-box h3{
	font-size: 20px;
	margin: 0px 0px 4px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	font-weight: 400;
	color: rgba(54,54,54,1);
	text-align: left;
	line-height: 25px;
}

.only-text-box a:link, .only-text a:visited, .only-text a:active{
	color: #000000;	
}
.only-text-box a:hover{
	text-decoration: none;
	color: #C09D41;
}

.small-text{
	font-size: 14px;
	opacity: 0.6;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(153,153,153,0.7);
	padding-top: 24px;
	margin-top: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(153,153,153,0.7);
	padding-bottom: 30px;
}






.only-text-box li {
	font-size: 14.4px;
	color: rgba(54,54,54,1);
}




.gdpr-vop ul{
	margin-top: 0px;
	padding-top: 0px;
}














.faq-box {
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	max-width: 820px;
	width: 100%;
}

.faq-box h3{
	font-size: 18px;
	margin: 0px;
	padding-top: 45px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 19px;
	font-weight: 200;
	color: rgba(10,10,10,0.7);
	display: inline-block;
	text-align: left;
	width: 100%;
}
.faq-box h3 strong{
	font-size: 27px;
	font-weight: 300;
	color: rgba(202,163,72,1);
	padding-left: 7px;
}





.collap-box .collapsible {
	font-family: 'Dosis', sans-serif;
	background-color: rgba(252,252,252,1);
	color: rgba(153,153,153,1);
	cursor: pointer;
	padding: 13px;
	width: 100%;
	border: 1px dotted rgba(224,224,224,1);
	text-align: left;
	outline: none;
	font-size: 14px;
	border-radius: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight: 200;
}
.collap-box .collapsible b{
	padding-right: 4px;
	padding-left: 7px;
	font-size: 18.5px;
	color: rgba(72,72,72,1);
}
.collap-box .collapsible:after {
	font-family: FontAwesome;
	content: "\f055";
	float: right;
	padding-right: 5px;
	font-size: 14.2px;
	display: inline-block;
	color: rgba(102,102,102,0.83);
	padding-top: 5px;
}

.collap-box .active, .collapsible:hover {
	border: 1px solid rgba(221,221,221,1);
	background-color: rgba(242,242,242,1);
	color: rgba(3,3,3,1);
}
.collap-box .active:after {
	content: "\f068";
}

.collap-box .content {
	padding: 0px 13px;
	border-radius: 5px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	background-color: rgba(255,255,255,1);
	text-align: left;
}
.collap-box .content p{
	padding: 3px 0px 9px;
	font-weight: 300;
	font-size: 15px;
}





















.site-map{
	padding-bottom: 42px;
}
.site-map h3 {
	font-size: 19px;
	padding-top: 28px;
	padding-bottom: 12px;
	padding-right: 2px;
	padding-left: 2px;
	font-weight: 200;
	color: rgba(179,179,179,1);
}
.site-map h3 b{
	font-size: 24px;
	padding-left: 3px;
	color: rgba(51,51,51,1);
}





.row-info-page-one-box{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1px;
	padding-bottom: 1px;
	display: inline-table;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,1);
}




.row-info-page-one a:link, .row-info-page-one a:visited, .row-info-page-one a:visited {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	color: rgba(130,130,130,1);
	text-decoration: none;
	display: inline-block;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	padding-left: 4px;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 4px;
	float: left;
	font-weight: 400;
}.row-info-page-one a:hover {
	color: #299FCD;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.row-info-page-one a:link:after {
	font-family: FontAwesome;
	content: "\f105";
	float: right;
	padding-right: 8px;
	font-size: 11px;
}
.row-info-page-one a:link:before {
	font-family: FontAwesome;
	content: "\f042";
	float: left;
	padding-right: 18px;
	font-size: 10px;
	opacity: 0.8;
	padding-top: 3px;
}












.google-map {
	width: 100%;
	display: flex;
	position: relative;
	background-color: rgba(102,102,102,1);
}
.map-frame {
	width: 100%;
	height: 428px;
	display: flex;
	position: relative;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: rgba(51,51,51,1);
	margin: 0px;
	padding: 0px;
}














.page-share{
	display: inline-block;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: rgba(204,204,204,1);
	width: 100%;
	padding-top: 28px;
	padding-bottom: 32px;
	padding-left: 8px;
	padding-right: 8px;
	float: right;
	text-align: left;
}


.page-share .shere-popis{
	font-size: 13.3px;
	color: rgba(102,102,102,1);
	font-weight: 300;
	padding-top: 28px;
	padding-bottom: 7px;
	display: inline-block;
	float: left;
	padding-right: 16px;
	padding-left: 5px;
	width: 42%;
	text-align: right;
}

.share-right{
	float: left;
	text-align: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(255,255,255,0.3);
	display: inline-block;
	padding-top: 13px;
	padding-right: 0px;
	width: 57%;
	padding-left: 12px;
}

@media only screen and (max-width: 494px) {
.page-share{
	padding-top: 22px;
	padding-bottom: 23px;
	padding-left: 0px;
	padding-right: 0px;
}
.page-share .shere-popis{
	width: 32%;
}
.share-right{
	width: 67%;
}}
@media only screen and (max-width: 400px) {
.page-share .shere-popis{
	width: 25%;
}
.share-right{
	width: 74%;
}}
@media only screen and (max-width: 368px) {
.page-share .shere-popis{
	width: 19%;
}
.share-right{
	width: 80.3%;
}}



	
	
.social-icons-share a:link, .social-icons-share a:visited {
	font-size: 12px;
	text-decoration: none;
	color: rgba(244,244,244,0.9);
	border-radius: 50%;
	display: inline-table;
	height: 43px;
	width: 43px;
	transition: 0.5s ease;
	margin-right: 3px;
	margin-left: 2px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	opacity: 0.87;
	background-color: rgba(102,102,102,1);
	padding: 0px;
}
.social-icons-share a:hover, .social-icons-share a:active{
	color: rgba(244,244,244,1);
	background-color: #0480AE !important;
	text-decoration: none;
	transition: 0.5s ease;
	opacity: 1;
}

@media only screen and (max-width: 494px) {
.social-icons-share a:link {
	height: 42px;
	width: 42px;
}}






.facebook_icon_share:before{
	font-family: FontAwesome;content: "\f09a";
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.twitter_icon_share:before{
	font-family: FontAwesome;content: "\f099";
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.pinterest_icon_share:before{
	font-family: FontAwesome;content: "\f0d2";
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.mail_icon_share:before{
	font-family: FontAwesome;content: "\f0e0";
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}












.page-down-all {
	width: 100%;
	display: inline-block;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: rgba(198,198,198,1);
	background-color: rgba(38,38,38,1);
}

.page-down-high-line {
	height: 36px;
	width: 100%;
	display: inline-block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,0.2);
	background-color: rgba(0,44,79,1);
}




.logo-down-one {
	display: inline-block;
	width:20%;
}
.logo-down-one img{
	width:154px;
	height:auto;
}



.sitemap-down-one{
	display: inline-block;
	margin-top: 72px;
	box-sizing: border-box;
	text-align: left;
	width:21%;
	vertical-align: top; /* here */
	padding-bottom: 118px;
}

.sitemap-down-one:first-child{
	width: 37%;
	padding-right: 34px;
}.sitemap-down-one:nth-child(2){
	width: 18%;
	padding-right: 34px;
}
.sitemap-down-one:last-child{
	width: 17%;
}
@media only screen and (max-width: 1028px) {
.sitemap-down-one{
	width:22%;
}
.sitemap-down-one:first-child{
	width: 35%;
}.sitemap-down-one:nth-child(2){
	width: 19%;
}
.sitemap-down-one:last-child{
	width: 16%;
}}
@media only screen and (max-width: 982px) {
.sitemap-down-one{
	width:22%;
}
.sitemap-down-one:first-child{
	width: 31%;
}.sitemap-down-one:nth-child(2){
	width: 21%;
}
.sitemap-down-one:last-child{
	width: 16%;
}}
@media only screen and (max-width: 826px) {
.sitemap-down-one{
	width:28%;
}
.sitemap-down-one:first-child{
	width: 38%;
}.sitemap-down-one:nth-child(2){
	width: 29%;
}
.sitemap-down-one:last-child{
	display:none;
}}

@media only screen and (max-width: 598px) {
.sitemap-down-one{
	width:46.5%;
}
.sitemap-down-one:first-child{
	width: 53%;
}.sitemap-down-one:nth-child(3){
	display:none;
}}


@media only screen and (max-width: 498px) {
.sitemap-down-one:first-child{
	width:78%;
}
.sitemap-down-one:nth-child(2){
	display:none;
}}


@media only screen and (max-width: 428px) {
.sitemap-down-one:first-child{
	width:92%;
}}





.sitemap-down-one p{
	display: inline-block;
	box-sizing: border-box;
	text-align: left;
	padding: 18px 68px 28px 9px;
	color: rgba(255,255,255,0.7);
	margin: 0px;
	font-size: 14px;
	font-weight: 300;
}
@media only screen and (max-width: 982px) {
.sitemap-down-one p{
	padding: 18px 32px 28px 12px;
}}

@media only screen and (max-width: 482px) {
.sitemap-down-one p{
	padding: 18px 4px 28px 9px;
}}




.social-icons-down a:link, .social-icons-down a:visited, .social-icons-down a:active{
	text-decoration: none;
	border-radius: 50%;
	display: inline-table;
	height: 30px;
	width: 30px;
	margin-right: 12px;
	margin-left: 1px;
	position: relative;
	padding: 0px;
	margin-bottom: 0px;
	opacity: 0.97;
	color: rgba(255,255,255,0.8);
	font-size: 12px;
	float: left;
	border: 1px solid rgba(255,255,255,0.6);
}
.social-icons-down a:hover{
	background-color: #FFF;
	text-decoration: none;
	opacity: 1;
	color: #333333;
}
@media only screen and (max-width: 928px) {
.social-down {
	margin-right: 8px;
	padding-left: 9px;
}}




.sitemap-nadpis b{
	display: inline-block;
	box-sizing: border-box;
	text-align: left;
	color: rgba(255,255,255,0.4);
	font-size: 14px;
	font-weight: 300;
	padding-left: 0px;
	padding-top: 4px;
	width: 100%;
}




.sitemap-nadpis a:link, .sitemap-nadpis a:visited, .sitemap-nadpis a:visited{
	font-size: 14.5px;
	font-weight: 500;
	text-transform: uppercase;
	color: rgba(255,255,255,0.8);
	text-decoration: none;
	display: inline-block;
	padding-left: 22px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: rgba(255,255,255,0.1);
	padding-left: 14px;
	margin-top: 6px;
	margin-bottom: 28px;
}

.sitemap-nadpis a:hover{
	color: rgb(255,255,255);
}

.sitemap-page a:link, .sitemap-page a:visited, .sitemap-page a:visited{
	font-size: 13px;
	font-weight: 300;
	color: rgba(255,255,255,0.6);
	text-decoration: none;
	display: block;
	padding-left: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.sitemap-page a:hover{
	color: rgb(255,255,255);
	padding-left: 20px;
}























.bankomatove-karty {
	font-family: 'Roboto', sans-serif;
	width: 100%;
	display: inline-block;
	padding-bottom: 9px;
	color: rgba(204,204,204,1);
	padding-top: 9px;
	font-weight: 200;
	font-size: 11px;
}


















.copyright-box{
	font-family: 'Roboto', sans-serif;
	width: 100%;
	display: inline-block;
	padding-top: 24px;
	padding-bottom: 24px;
	background-color: rgba(38,38,38,1);
	margin-bottom: 24px;
}
.swd-box{
	font-weight: 300;
	font-size: 13px;
	float: left;
	text-align: left;
	color: rgba(245,245,245,1);
	padding-left: 22px;
}
@media only screen and (max-width: 700px) {
.swd-box{
	width: 100%;
	float: none;
	text-align: center;
}}




.swd-box_link a:link, .swd-box_link a:visited, .swd-box_link a:active {
	font-weight: 300;
	color: rgba(224,224,224,0.7);
}
.swd-box_link a:hover{
	color: #FFFFFF;
}

.swd-box_link strong{
	opacity: 0.7;
	font-weight: 500;
}


.line-down-menu-all{
	float: right;
	text-align: right;
	padding-right: 22px;
}
.line-down-menu a:link, .line-down-menu a:visited, .line-down-menu a:active{
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.1px;
	color: rgba(255,255,255,0.5);
	text-decoration: none;
	margin-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 14px;
	padding-left: 14px;
}
.line-down-menu a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

@media only screen and (max-width: 500px) {
.line-down-menu{
	display:none;
}}



















.none {
	display:none;
}
.hide {
	opacity:0;
}








@media only screen and (max-width: 1120px) {
.none-1120 {
	display:none;
}}
@media only screen and (max-width: 998px) {
.none-998 {
	display:none;
}}
@media only screen and (max-width: 980px) {
.none-980 {
	display:none;
}}
@media only screen and (max-width: 920px) {
.none-920 {
	display:none;
}}
@media only screen and (max-width: 900px) {
.none-900 {
	display:none;
}}
@media only screen and (max-width: 870px) {
.none-870  {
	display:none;
}}
@media only screen and (max-width: 780px) {
.none-780 {
	display:none;
}}
@media only screen and (max-width: 700px) {
.none-700 {
	display:none;
}}
@media only screen and (max-width: 648px) {
.none-648 {
	display:none;
}}
@media only screen and (max-width: 520px) {
.none-520 {
	display:none;
}}















.big-text-19{
	font-size: 19px;
}
.big-text-21{
	font-size: 21px;
}










/* --------------------------- */
/*      RESPONSIVE MENU        */
/* --------------------------- */
.overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	background-color: rgba(0,38,77,1);
	background-image: url(../backgrounds/baner---neovia-apartmany-big.jpg);
	text-align: center;
	background-position: center bottom;
	background-repeat: repeat-x;
}

/* Overlay closing cross */
.overlay .overlay-close{
	width: 40px;
	height: 40px;
	position: absolute;
	right: 28px;
	top: 10px;
	overflow: hidden;
	border: none;
	background: url(../images/png/close.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}

/* Menu style */
.overlay nav{
	text-align: center;
	position: relative;
	top: 40%;
	height: 60%;
	font-size: 42px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul{
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	width: 55%;
	position: relative;
	text-align: center;
}

.overlay ul li{
	display: block;
	height: 14.5%;
	height: calc(100% / 7);
	min-height: 48px;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	font-weight: 200;
}

.overlay ul li a{
	font-size: 33px;
	letter-spacing: 2px;
	display: block;
	color: rgba(255,255,255,0.78);
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-decoration: none;
	padding-bottom: 13px;
	text-align: center;
}

.overlay ul li a:hover,
.overlay ul li a:focus{
	color: rgba(255,255,255,1);
	text-decoration: none;
}

/* Effects */
.overlay-hugeinc{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-hugeinc.open{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-hugeinc nav{
	-webkit-perspective: 1200px;
	perspective: 1200px;
}
.overlay-hugeinc nav ul{
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}
.overlay-hugeinc.open nav ul{
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.overlay-hugeinc.close nav ul{
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}


/* */
.responsive-btn{
	height: 36px;
	width: 36px;
	margin: 0px;
	background-image: url(../background/responsive-3line.svg);
	background-position: center center;
	background-color: #999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.responsive-btn:hover{
	/* */
	background-image: url(../background/responsive-3line-up.svg);
}



@media only screen and (max-width: 640px){
.overlay ul{
	width:70%;
}
.overlay ul li a{
	font-size: 28px;
}}
@media only screen and (max-width: 540px){
.overlay ul{
	width:80%;
}
.overlay ul li a{
	font-size: 24px;
}}
@media only screen and (max-width: 440px){
.overlay ul{
	width:82%;
}
.overlay ul li a{
	font-size: 22px;
}}
/* --------------------------- */
/*      RESPONSIVE MENU        */
/* --------------------------- */













/* --------------------------- */
/*        ALLERT MASSAGE       */
/* --------------------------- */
.alert {
	padding: 20px;
	background-color: #f44336;
	color: white;
	opacity: 1;
	transition: opacity 0.6s;
	font-size: 17px;
	position: relative;
	opacity: 0.87;
	text-align: left;
	z-index: 999;
}
.alert p{
	width: 80%;
	margin: 0px;
	padding: 0px;
}
.alert.success {
	background-color: #98C53E;
}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}
.closebtn {
    color: white;
    font-weight: bold;
    right: 21px;
	top: 18px;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
	position: absolute;
}
.closebtn:hover {
    color: black;
}
/* --------------------------- */
/*        ALLERT MASSAGE       */
/* --------------------------- */


















.cta-button {
	/* Farba pozadia (terakota/hnedá z obrázka) */
	background-color: #66CC66;
	/* Rozloženie prvkov vedľa seba */
	display: inline-flex;
	align-items: center;
	/* Vzhľad */
	padding: 11px 23px 11px 12px;
	text-decoration: none;
	border-radius: 38px;
	font-family: sans-serif;
	transition: background-color 0.3s ease;
	position: fixed;
	bottom: 26px;
	right: 22px;
	z-index: 998;
}

/* Svetlejší krúžok okolo ikony */
.cta-button .icon-circle {
	background-color: rgba(255, 255, 255, 0.15);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
	color: white; /* Farba ikony */
}

/* Kontajner pre texty nad sebou */
.cta-button .text-container {
  display: flex;
  flex-direction: column;
  text-align: left;
}

/* Hlavný hrubý text */
.cta-button .title {
	color: #ffffff;
	font-weight: bold;
	font-size: 17px;
	line-height: 1;
}

/* Menší podtitul so zníženou opacitou */
.cta-button .subtitle {
  color: rgba(255, 255, 255, 0.85);
  font-size: 13px;
  font-weight: normal;
  margin-top: 1px;
}



@keyframes pulse-scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03); /* Jemné zväčšenie o 3% */
  }
  100% {
    transform: scale(1);
  }
}

.cta-button {
  /* ... ostatné štýly ... */
  animation: pulse-scale 2s infinite ease-in-out;
}











/* --------------------------- */
/*    GOTOP   GOTOP   GOTOP    */
/* --------------------------- */
.cd-top {
	display: inline-block;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	position: fixed;
	bottom: 72px;
	right: 21px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	background-color: rgba(90,90,90,1);
	background-image: url(../images/svg/cd-top-arrow.svg);
	background-repeat: no-repeat;
	background-position: center 50%;
	z-index: 998;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
	background-color: rgba(90,90,90,1);
	opacity: 1;
}
/* --------------------------- */
/*    GOTOP   GOTOP   GOTOP    */
/* --------------------------- */















/* --------------------------- */
/*           LIGHT BOX         */
/* --------------------------- */
/* Preload images */body:after { content: url(../images/png/close.png) url(../images/gif/loading.gif) url(../images/png/prev.png) url(../images/png/next.png); display: none;}.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; opacity: 0.87; display: none;}.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal;}.lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}.lightbox a img { border: none;}.lb-outerContainer { position: relative; background-color: white; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}.lb-outerContainer:after { content: ""; display: table; clear: both;}.lb-container { padding: 4px;}.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0;}.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../images/gif/loading.gif) no-repeat;}.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}.lb-container > .nav { left: 0;}.lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block;}.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/png/prev.png) left 48% no-repeat; opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;}.lb-nav a.lb-prev:hover { opacity: 1;}.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/png/next.png) right 48% no-repeat; opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;}.lb-nav a.lb-next:hover { opacity: 1;}.lb-dataContainer { margin: 0 auto; padding-top: 5px; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}.lb-dataContainer:after { content: ""; display: table; clear: both;}.lb-data { padding: 0 4px; color: #ccc;}.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em;}.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em;}.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999;}.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/png/close.png) top right no-repeat; text-align: right; outline: none; opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s;}.lb-data .lb-close:hover { cursor: pointer; opacity: 1;}













/* --------------------------- */
/*           ANIMATION         */
/* --------------------------- */


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
 

@media only screen and (min-width: 580px) {
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}



@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}

@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}

@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
}


/* --------------------------- */
/* POISTKA PRE WOW ANIMÁCIE   */
/* --------------------------- */
.wow.animated,
.animated {
  visibility: visible !important;
}