@charset "UTF-8";







body {
	font-family: 'Dosis', sans-serif;
	text-align: center;
	max-width: 2480px;
	min-width: 340px;
	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{
	box-sizing:border-box;
	/* 
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	 user-select: none; 
	  */
}


a{
	outline: none;
	-moz-outline-style: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}





*{
	outline: 0;
	box-sizing:border-box;
	border-spacing: 0px;
}





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





*: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);
}
*/



/* 

height: 100vh;

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;
	font-size: 18.3px;
}




.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;
}
.justify-center {
    text-align: justify;
    text-align-last: center;
}
@media only screen and (max-width: 420px) {
.justify-center {
    text-align: center;
}}






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







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









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

.small-grey-bckg2 {
	background-color: rgba(251,251,251,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);
}














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

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

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

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

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

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

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















.all-screen-mini {
	width: 100%;
	max-width: 860px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 28px;
	padding-left: 28px;
	box-sizing: border-box;
}
.all-screen {
	width: 100%;
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 28px;
	padding-left: 28px;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
}
.all-screen-small {
	width: 100%;
	max-width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 28px;
	padding-left: 28px;
	box-sizing: border-box;
	display: inline-block;
}
.all-screen-big {
	width: 100%;
	max-width: 1420px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	display: inline-block;
}
.all-screen-max {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	display: inline-block;
}




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














.grey-up {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	display: inline-block;
}
.grey-down {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	display: inline-block;
}
















.grey-bckg-01{
	background-color: rgba(248,248,248,1);
}














.zahlavie-all{
	width: 100%;
	display: inline-block;
	position: relative;
	background-image: url(../backgrounds/zahlavie-apartmany---bckg-001.jpg);
	background-repeat: repeat;
	background-position: center top;	
}

@media only screen and (max-width: 620px) {
.zahlavie-all{
	background-position: right top;	
	background-image: url(../backgrounds/zahlavie-apartmany---bckg-001-620.jpg);
}}




.menu-up-all{
	width: 100%;
	height: 65px;
	display: inline-block;
	position: relative;
}

.menu-up-logo{
	width: 224px;
	display: inline-block;
	float: left;
	padding: 19px 14px 14px 0px;
}
.menu-up-logo img{
	width: 100%;
	height:auto;
}
@media only screen and (max-width: 620px) {
.menu-up-logo{
	width: 200px;
	padding: 20px 12px 12px 0px;
}}
@media only screen and (max-width: 380px) {
.menu-up-logo{
	width: 180px;
	padding: 23px 12px 12px 0px;
}}






.menu-up-link a:link, .menu-up-link a:visited, .menu-up-link a:active {
	color: rgba(121,121,121,0.6);
	font-size: 19px;
	font-weight: 300;
	display: inline-block;
	padding: 8px 16px;
	margin-top: 20px;
	margin-right: 12px;
	margin-left: 12px;
}.menu-up-link a:hover {
	color: rgba(15,15,15,0.9);
}









.menu-up-lang{
	width: 42px;
	display: inline-block;
	float: right;
	margin: 17px 0px 3px 3px;
}
.down-icon:after{
	font-family: FontAwesome;
	color: #B5974A;
	content: "\f0dd";
	font-size: 11px;
	padding-left: 3px;
	float: right;
	padding-top: 2.7px;
}








.dropbtn {
	background-color: #008C81;
	color: rgba(255,255,255,0.8);
	padding: 10px;
	font-size: 13px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
}

.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(0,140,129,0.87);
	color: rgba(255,255,255,0.87);
}












.lang-menu a:link, .lang-menu a:visited, .lang-menu a:active{
	font-size: 14px;
	letter-spacing: 0.5px;
	color: #666666;
	text-decoration: none;
	display: inline-block;
	font-weight: 500;
	display: inline-block;
	text-transform: uppercase;
	padding: 7px;
	
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.lang-menu a:hover{
	color: #71C03C;
	text-decoration: none;
	
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.lang-menu a:after{
	font-family: FontAwesome;
	content: "\f078";
	font-size: 10px;
	color: rgba(106,190,60,1);
	display: inline-block;
	float: right;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
}













.menu-up-hmb{
	width: 45px;
	display: inline-block;
	float: right;
	height: 42px;
	margin: 17px 5px 5px 3px;
}

















.h1-box-all{
	width: 215px;
	display: inline-block;
	float: left;
	text-align: left;
	padding-top: 112px;
	padding-bottom: 36px;
}
.h1-box-all h1{
	width: 100%;
	color: rgba(202,163,72,1);
	font-size: 43px;
	margin: 0px;
	padding: 0px;
	line-height: 45px;
}




.h1-box-all h1 span{
	color: rgba(255,255,255,1);
}


.h1-box-all p{
	color: rgba(255,255,255,0.9);
	padding-top: 22px;
	padding-bottom: 22px;
	font-weight: 200;
}

@media only screen and (max-width: 826px) {
.h1-box-all{
	padding-bottom: 16px;
}
.h1-box-all h1{
	font-size: 38px;
}.h1-box-all p{
	padding-top: 22px;
	padding-bottom: 20px;
}}
@media only screen and (max-width: 698px) {
.h1-box-all h1{
	font-size: 34px;
}.h1-box-all p{
	padding-top: 18px;
	padding-bottom: 10px;
}}














@media only screen and (max-width: 986px) {
.h1-box-all{
	padding-top: 94px;
}}
@media only screen and (max-width: 916px) {
.h1-box-all{
	padding-top: 74px;
}}
@media only screen and (max-width: 886px) {
.h1-box-all{
	padding-top: 54px;
}}
@media only screen and (max-width: 826px) {
.h1-box-all{
	padding-top: 38px;
}}
@media only screen and (max-width: 796px) {
.h1-box-all{
	padding-top: 28px;
}}
@media only screen and (max-width: 726px) {
.h1-box-all{
	padding-top: 12px;
}}
@media only screen and (max-width: 698px) {
.h1-box-all{
	padding-top: 2px;
}}










.photo-zahlavie {
    width: 78%;
    display: inline-block;
    float: right;
    padding-top: 2px;
    padding-left: 12px;
    padding-bottom: 28px;
}

.slider-photo-zahlavie-container {
    position: relative;
    width: 100%;
    
    /* 🔥 TENTO RIADOK NAHRÁDZA FIXNÚ VÝŠKU:
       Prehliadač sám dopočíta výšku (auto) podľa aktuálnej šírky a tohto pomeru.
       Ak máš fotky v inom pomere, prepíš napr. na 4/3 alebo 21/9 */
    aspect-ratio: 16 / 9; 
    
    overflow: hidden;
}

.slider-photo-zahlavie-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Vyplní automaticky dopočítanú výšku kontajnera */
    object-fit: cover;
    transition: opacity 1.3s ease-in-out;
}

#photo1 { opacity: 1; }
#photo2 { opacity: 0; }









@media only screen and (max-width: 1060px) {
.photo-zahlavie {
	width: 77%;
}}
@media only screen and (max-width: 1026px) {
.photo-zahlavie {
	width: 75%;
}}
@media only screen and (max-width: 970px) {
.photo-zahlavie {
	width: 74%;
}}
@media only screen and (max-width: 900px) {
.photo-zahlavie {
	width: 73%;
}}
@media only screen and (max-width: 864px) {
.photo-zahlavie {
	width: 72%;
	padding-bottom: 22px;
}}
@media only screen and (max-width: 834px) {
.photo-zahlavie {
	width: 71%;
}}
@media only screen and (max-width: 812px) {
.photo-zahlavie {
	width: 69%;
}}
@media only screen and (max-width: 890px) {
.photo-zahlavie {
	width: 67%;
}}
@media only screen and (max-width: 850px) {
.photo-zahlavie {
	width: 65%;
}}

@media only screen and (max-width: 700px) {
.photo-zahlavie {
	width: 63%;
}}
@media only screen and (max-width: 650px) {
.photo-zahlavie {
	width: 61%;
}}
@media only screen and (max-width: 620px) {
.photo-zahlavie {
	float: left;
	width: 100%;
	padding-left: 0px;
}}







.photo-zahlavie img {
	border-radius:4px;
	width:100%;
	height:auto;
}













.zahlavie--down-all{
	width: 100%;
	height: 40px;
	display: inline-block;
	position: relative;
	background-image: url(../backgrounds/zahlavie-apartmany---bckg-002.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}



.button-down-zahlavie a:link, .button-down-zahlavie a:visited, .button-down-zahlavie a:active {
	color: rgba(255,255,255,0.8);
	font-size: 17px;
	font-weight: 300;
	display: inline-block;
	padding: 9px 22px 8px 29px;
	background-color: rgba(174,207,54,1);
	border-radius: 2px;
	word-spacing: 5px;
	letter-spacing: 1px;
	margin: 0px 13% 0px 0px;
	float: right;
}.button-down-zahlavie a:hover {
	color: rgba(255,255,255,1);
	background-color: rgba(51,204,51,1);
}














.h2-up-box{
	width: 100%;
	display: flex;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(204,204,204,1);
}

.h2-up-box h2{
	width: 100%;
	padding-right: 22px;
	padding-left: 22px;
	font-size: 44px;
	text-transform: uppercase;
}
@media only screen and (max-width: 886px) {
.h2-up-box h2{
	font-size: 40px;
}}
@media only screen and (max-width: 746px) {
.h2-up-box h2{
	font-size: 36px;
}}
@media only screen and (max-width: 600px) {
.h2-up-box h2{
	font-size: 32px;
}}
.h2-up-box h2 span{
	font-size: 13px;
	display: block;
	font-weight: 200;
	color: rgba(186,165,0,1);
	text-transform: none;
	line-height: 12px;
}




















.apartmany-all{
	width: 100%;
	display: inline-block;
	position: relative;
	padding-top: 74px;
	padding-bottom: 74px;
	padding-right: 14px;
	padding-left: 14px;
}
@media only screen and (max-width: 1220px) {
.apartmany-all{
	padding-top: 44px;
	padding-bottom: 44px;
}}
@media only screen and (max-width: 1120px) {
.apartmany-all{
	padding-top: 24px;
	padding-bottom: 24px;
}}

@media only screen and (max-width: 720px) {
.apartmany-all{
	padding-top: 14px;
	padding-bottom: 14px;
}}



.apartman-one{
	max-width: 258px;
	width: 24%;
	position: relative;
	display: inline-block;
	border-radius: 7px;
	text-align: center;
}
@media only screen and (max-width: 1160px) {
.apartman-one{
	width: 24%;
}}
@media only screen and (max-width: 740px) {
.apartman-one{
	width: 32%;
}}
@media only screen and (max-width: 520px) {
.apartman-one{
	width: 49%;
}}

.apartman-photo{
	width: 92%;
	display: inline-block;
	border-radius: 11px;
	padding: 3px 3px 0px;
	background-color: rgba(255,204,102,0.3);
	border: 4px solid rgba(153,204,102,0.3);
}
.apartman-photo img {
	width: 100%;
	height: auto;
	border-radius:7px;
	display: inline-block;
}

.apartman-info {
	font-size: 18px;
	font-weight: 200;
	color: rgba(153,153,153,1);
	text-align: left;
	width: 93%;
	display: inline-block;
	padding-top: 12px;
	padding-right: 3px;
	padding-bottom: 12px;
}

.apartman-info b{
	font-size: 19px;
	font-weight: 500;
	color: rgba(15,15,15,1);
	padding-right: 3px;
	padding-left: 3px;
}
.apartman-info i{
	font-size: 18px;
	font-style: normal;
	color: rgba(189,166,135,1);
	padding-right: 3px;
	padding-left: 3px;
}

.apartman-info .volny{
	font-size: 16px;
	color: rgba(51,204,51,1);
	float: right;
	padding-top: 3px;
	padding-right: 8px;
}
.apartman-info .predany{
	font-size: 16px;
	color: rgba(204,102,0,1);
	float: right;
	padding-top: 3px;
	padding-right: 8px;
}


@media only screen and (max-width: 1160px) {
.apartman-info .predany, .apartman-info .volny{
	display:none;
}}










.left-right-01-all{
	width: 100%;
	display: inline-block;
	position: relative;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: rgba(204,204,204,1);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(204,204,204,1);
	padding-bottom: 32px;
}


.left-right-left-01{
	width: 52%;
	float: left;
	text-align: right;
	padding-top: 57px;
}
@media only screen and (max-width: 786px) {
.left-right-left-01{
	width: 100%;
	padding-left: 12px;
	text-align: left;
}}

.left-right-left-01 img{
	max-width:468px;
	width:100%;
	height:auto;
}








.left-right-right-01{
	width: 47%;
	float: right;
	padding-left: 72px;
	text-align: left;
	padding-top: 60px;
}

@media only screen and (max-width: 786px) {
.left-right-right-01{
	padding-top: 12px;
	width: 100%;
	padding-left: 12px;
}}


.left-right-right-01 h3{
	font-size: 30px;
	line-height: 36px;
	margin: 0px;
	padding-top: 28px;
	padding-bottom: 12px;
}

.left-right-right-01 h3 strong{
	color: rgba(0,140,129,1);
}


.left-right-right-01 p{
	font-size: 16px;
}
.left-right-right-01 b{
	font-size: 17.5px;
	font-weight: 500;
	color: rgba(174,145,79,1);
}




.podpis-ceo{
	margin-top: 17px;
	margin-bottom: 15px;
}




.button-viac{
	margin-top: 17px;
	margin-bottom: 15px;
}







.btn-apartmany {
	display: inline-flex;
	align-items: center;
	border: 3px solid rgba(202,163,72,1);
	padding: 0;
	cursor: pointer;
	font-family: Arial, sans-serif;
	overflow: hidden;
	border-radius: 6px;
}

/* ĽAVÁ časť – text */
.btn-text {
	background: rgba(202,163,72,1);
	color: #ffffff;
	padding: 10px 12px 11px;
	font-size: 13px;
	display: flex;
	align-items: center;
}

/* PRAVÁ časť – biely box so šípkou */
.btn-arrow {
	background: #ffffff;
	color: #2c8f85;
	padding: 4px 8px 6px;
	font-size: 22px;
	font-weight: 600;
	display: flex;
	align-items: center;
}

/* Hover efekt – jemný */
.btn-apartmany:hover .btn-text {
  background: #b88f40;transition: .3s all;
}
.btn-apartmany:hover .btn-arrow {
  background: #f5f5f5;transition: .3s all;
}
.btn-apartmany:hover .btn-apartmany {
	border: 3px solid rgba(255,0,0,1);transition: .3s all;
}



	




















.left-right-02-all{
	width: 100%;
	display: inline-block;
	position: relative;
	padding-top: 22px;
	padding-bottom: 48px;
}



.left-right-left-02{
	width: 48%;
	float: left;
	text-align: left;
	padding-left: 8%;
}
@media only screen and (max-width: 786px) {
.left-right-left-02{
	width: 100%;
	padding-left: 12px;
}}


.left-right-left-02 h3{
	font-size: 28px;
	line-height: 32px;
	margin: 0px;
	padding-top: 48px;
	padding-bottom: 32px;
}
.left-right-left-02 h3 strong{
	color: rgba(0,140,129,1);
}



.left-right-left-02 p{
	font-size: 16px;
}
.left-right-left-02 b{
	font-size: 17.5px;
	font-weight: 500;
	color: rgba(174,145,79,1);
}



.left-li{
	display: inline-table;
	width: 56px;
	float: left;
}

.right-li{
	display: inline-table;
	width: 85%;
	float: right;
	font-size: 16px;
	color: rgba(51,51,51,1);
	margin-bottom: 12px;
	line-height: 19px;
}
@media only screen and (max-width: 1000px) {
.right-li{
	width: 82%;
}}
@media only screen and (max-width: 864px) {
.right-li{
	width: 80%;
}}
@media only screen and (max-width: 786px) {
.right-li{
	width: 90%;
}}
@media only screen and (max-width: 678px) {
.right-li{
	width: 87%;
}}
@media only screen and (max-width: 528px) {
.right-li{
	width:85%;
}}
@media only screen and (max-width: 468px) {
.right-li{
	width:82%;
}}
@media only screen and (max-width: 428px) {
.right-li{
	width:79%;
}}

@media only screen and (max-width: 368px) {
.right-li{
	width:77%;
}}






.right-li b{
	font-size: 20px;
	font-size: 18px;
	display: inline-block;
	width: 100%;
}






.left-right-right-02{
	width: 45%;
	float: right;
	text-align: left;
	padding-top: 98px;
}

@media only screen and (max-width: 786px) {
.left-right-right-02{
	width: 100%;
}}

.left-right-right-02 img{
	max-width:422px;
	width: 100%;
	height:auto;
}

@media only screen and (max-width: 786px) {
.left-right-right-02{
	padding-top: 24px;
	padding-bottom: 2px;
	padding-left: 28px;
}}
















.left-right-03-all{
	width: 100%;
	display: inline-block;
	position: relative;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: rgba(204,204,204,1);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(204,204,204,1);
}


.left-right-left-03{
	width: 50%;
	float: left;
	text-align: right;
	margin-top: 42px;
	margin-bottom: 42px;
}
@media only screen and (max-width: 612px) {
.left-right-left-03{
	width: 100%;
	margin-bottom: 12px;
}}

.left-right-left-03 img{
	width: 100%;
	height:auto;
}


.left-right-right-03{
	width: 44%;
	float: right;
	text-align: left;
	margin-top: 52px;
	margin-bottom: 32px;
}


.left-right-right-03 p{
	font-size: 16px;
}

.left-right-right-03 b{
	font-size: 22px;
	width: 100%;
	display: inline-block;
	margin-top: 18px;
	margin-bottom: 18px;
	color: rgba(0,140,129,1);
}


@media only screen and (max-width: 612px) {
.left-right-right-03{
	margin-top: 2px;
	width: 100%;
}}









ul{
	width: 100%;
	color: rgba(102,102,102,0.9);
	list-style-type: disc;
	box-sizing: border-box;
	margin: 0px;
	padding-top: 12px;
	padding-right: 22px;
	padding-bottom: 14px;
	font-size: 17px;
}
li{
	width: 100%;
	text-align: left;
	box-sizing: border-box;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,0.5);
	padding-left: 0px;
}
li strong{
	font-size: 17.3px;
}

li u {
	font-weight: bold;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 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(42,42,42,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: 22px;
	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-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;
}










.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;
}











.podorysy-wrapper {
	min-width: 340px;
	overflow: auto;
	padding-bottom: 24px;
}
.podorysy-wrapper h3{
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(176,176,176,1);
	padding-bottom: 15px;
	text-align: center;
}
.img-podorysy {
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 0px;
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
}


.svg-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.hover-area-pohlad {
  transform: translateY(-24px);
  transform-box: fill-box;
  transform-origin: center;
  pointer-events: all;
}
.image-map-wrapper {
  position: relative;
  display: inline-block;
}

.image-map-wrapper img {
  display: block;
  max-width: 100%;
  height: auto;
}

.svg-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hover-area-pohlad {
  fill: rgba(255, 0, 0, 0);
  stroke: rgba(255, 0, 0, 0);
  cursor: pointer;
  transition: fill 0.25s ease;
}

.hover-area-pohlad:hover {
	fill: rgba(0,186,129,0.3);
}
.svg-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.image-map-wrapper {
  position: relative;
  display: inline-block;
}

.image-map-wrapper img {
  display: block;
  max-width: 100%;
  height: auto;
}

.svg-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}


.hover-area {
  transform: translateY(-10px);
  transform-box: fill-box;
  transform-origin: center;
  pointer-events: all;
}
.hover-area {
  fill: rgba(255, 0, 0, 0);
  stroke: rgba(255, 0, 0, 0);
  cursor: pointer;
  transition: fill 0.25s ease;
}
.hover-area:hover {
	fill: rgba(0,186,129,0.3);
}



.hover-area-r {
  transform: translateY(-10px);
  transform-box: fill-box;
  transform-origin: center;
  pointer-events: all;
}
.hover-area-r {
  fill: rgba(255, 0, 0, 0);
  stroke: rgba(255, 0, 0, 0);
  cursor: pointer;
  transition: fill 0.25s ease;
}
.hover-area-r:hover {
	fill: rgba(255,204,0,0.17);
}


.svg-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.hover-area {
  transform: translateY(-10px);
  transform-box: fill-box;
  transform-origin: center;
  pointer-events: all;
}
.image-map-wrapper {
  position: relative;
  display: inline-block;
}

.image-map-wrapper img {
  display: block;
  max-width: 100%;
  height: auto;
}

.svg-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hover-area {
  fill: rgba(255, 0, 0, 0);
  stroke: rgba(255, 0, 0, 0);
  cursor: pointer;
  transition: fill 0.25s ease;
}

.hover-area:hover {
	fill: rgba(0,186,129,0.3);
}


.hover-area-2-3np {
  transform: translateY(-20px);
  transform-box: fill-box;
  transform-origin: center;
  pointer-events: all;
}

.hover-area-2-3np {
  fill: rgba(255, 0, 0, 0);
  stroke: rgba(255, 0, 0, 0);
  cursor: pointer;
  transition: fill 0.25s ease;
}

.hover-area-2-3np:hover {
	fill: rgba(0,186,129,0.3);
}

.hover-area-rezerve {
  transform: translateY(-20px);
  transform-box: fill-box;
  transform-origin: center;
  pointer-events: all;
}

.hover-area-rezerve {
  fill: rgba(255, 0, 0, 0);
  stroke: rgba(255, 0, 0, 0);
  cursor: pointer;
  transition: fill 0.25s ease;
}

.hover-area-rezerve:hover {
	fill: rgba(255,204,0,0.17);
}








.tabulka-wrapper {
	min-width: 728px;
	overflow: auto;
	padding-bottom: 24px;
}
.tabulka-wrapper h3 {
	text-align: center;
}


.tabulka-apartmany{
	width: 100%;
	display: inline-block;
	margin-top: 24px;
	margin-bottom: 24px;
	overflow: scroll; /* Scrollbar are always visible */
	overflow: auto;   /* Scrollbar is displayed as it's needed */
}

.tabulka-apartmany h3{
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(176,176,176,1);
	padding-bottom: 15px;
}






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: 21px;
	padding-bottom: 19px;
}
@media only screen and (max-width: 924px) {
td {
	padding-top: 12px;
	padding-bottom: 12px;
}}

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





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: 19px;
	color: rgba(108,182,68,1);
}
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: 19px;
	color: rgba(255,182,51,1);
}







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













.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;
}






















.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-size: 17px;
	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: 12px;
	padding-bottom: 10px;
	float: left;
}.row-info-page-one a:hover {
	color: rgba(6,172,156,1);
	-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: 12px;
}
.row-info-page-one a:link:before {
	font-family: FontAwesome;
	content: "\f042";
	float: left;
	padding-right: 18px;
	font-size: 12px;
	opacity: 0.8;
	padding-top: 5px;
}










.benefity-all{
	width: 100%;
	display: inline-block;
	background-color: rgba(241,231,217,0.7);
	box-sizing: border-box;
	padding-top: 13px;
	padding-bottom: 13px;
}



.benefit-one{
	width: 19.3%;
	display: inline-block;
	padding-right: 12px;
	padding-left: 12px;
	box-sizing: border-box;
	padding-top: 32px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: rgba(176,176,176,1);
	padding-bottom: 42px;
	display: inline-table;
}
.benefit-one:last-child {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgba(204,204,204,0)
}

@media only screen and (max-width: 946px) {
.benefit-one{
	width: 31.3%;
}
.benefit-one:nth-child(3){
	border-right-color: rgba(176,176,176,0);
}}



@media only screen and (max-width: 496px) {
.benefit-one{
	width: 49.3%;
	margin-bottom: 18px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.benefit-one:nth-child(3){
	border-right-color: rgba(176,176,176,1);
}
.benefit-one:nth-child(2), .benefit-one:nth-child(4){
	border-right-color: rgba(176,176,176,0);
}}









.benefit-one-icon{
	width: 100%;
	display: inline-block;
}
.benefit-one img{
	width: 86px;
	height: auto;
}

.benefit-one p{
	width: 80%;
	font-size: 15.3px;
	color: rgba(172,136,94,1);
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	font-weight: 200;
}
@media only screen and (max-width: 946px) {
.benefit-one p{
	width: 94%;
}}
.benefit-one p strong{
	width: 100%;
	font-size: 21px;
	color: rgba(51,51,51,1);
	display: inline-block;
	padding-top: 8px;
	padding-bottom: 17px;
}







.photo-gallery-box{
	width: 100%;
	display: inline-block;
	background-color: rgba(0,0,0,1);
	padding-right: 4px;
	padding-left: 4px;
	box-sizing: border-box;
	padding-top: 2px;
}

/**/
.gallery{
	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 20%;
	max-width: 400px;
	border: 5px solid #000000;
}.gallery .item img{
	max-width: 100%;
	transition: all .3s;
	display: block;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	border-radius:5px;
}.gallery .item:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: none;
	filter: none;
	border-radius:5px;
}






@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) {
.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;
}












































.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-top-width: 12px;
	border-top-style: solid;
	border-top-color: rgba(204,204,204,0.5);
	border-bottom-style: solid;
	border-bottom-color: rgba(51,51,51,1);
	margin: 0px;
	padding: 0px;
}



























.kontakt-all{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
	display: inline-block;
}



.h3-box{
	width: 100%;
	display: flex;
	position: relative;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dotted;
	border-top-color: rgba(204,204,204,1);
	border-bottom-color: rgba(204,204,204,1);
	
	background-image: url(../backgrounds/h3-bckg---001.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

.h3-box h3{
	width: 100%;
	padding-right: 22px;
	padding-left: 22px;
	font-size: 48px;
	font-weight: 300;
}

.h3-box h3 span{
	font-size: 17px;
	display: block;
	font-weight: 300;
	color: rgba(186,165,0,1);
	text-transform: none;
}









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

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

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


.kontakt-hlavny{
	padding-top: 24px;
	width: 100%;
	max-width: 1020px;
	padding-bottom: 42px;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
}
@media only screen and (max-width: 658px) {
.kontakt-hlavny{
	padding-top: 18px;
}}


.kontakt-hlavny_logo{
	padding-top: 42px;
	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;
}}


.kontakt-hlavny_logo img{
	padding: 4px;
	border: 3px solid rgba(204,204,204,1);
	border-radius: 50%;
	height: 210px;
	width: 210px;
	margin-right: 42px;
	margin-top: 12px;
}
@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;
}
@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: 22%;
}}
@media only screen and (max-width:448px) {
.kontakt-hlavny_adresa{
	padding-left: 25%;
}}
@media only screen and (max-width:400px) {
.kontakt-hlavny_adresa{
	padding-left: 21%;
}}
@media only screen and (max-width:368px) {
.kontakt-hlavny_adresa{
	padding-left: 18%;
}}


@media only screen and (max-width:480px) {
.kontakt-hlavny_adresa span{
	display:block;
}}

.nadpis-sluzby{
	display: block;
	color: rgba(0,140,129,1);
	font-weight: 300;
	font-size: 15px;
	padding-top: 4px;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
.nadpis-adresa{
	display: inline-block;
	color: rgba(27,27,27,0.94);
	font-weight: 300;
	font-size: 19px;
	padding-top: 11px;
	width:100%;
}
.nadpis-adresa strong{
	font-size: 24px;
	line-height: 22px;
	display: inline-block;
	font-weight: 500;
	padding-right: 4px;
}
@media only screen and (max-width:400px) {
.nadpis-adresa strong{
	font-size: 22px;
	line-height: 21px;
}}


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

.adresa{
	display: inline-block;
	color: rgba(97,97,97,0.9);
	font-weight: 300;
	font-size: 15.7px;
}
.adresa strong{
	color: rgba(153,153,153,0.7);
	font-size: 13px;
}
.adresa italic{
	color: rgba(0,134,211,0.7);
	font-size: 14px;
	padding-right: 2px;
}
.kontakt-grey-line{
	width: 280px;
	height: 1px;
	background-color: rgba(204,204,204,1);
	margin-top: 13px;
	margin-bottom: 13px;
	display: inline-block;
}
@media only screen and (max-width:658px) {
.kontakt-grey-line{
	width: 220px;
}}
@media only screen and (max-width:558px) {
.kontakt-grey-line{
	width: 200px;
}}
@media only screen and (max-width:458px) {
.kontakt-grey-line{
	width: 180px;
}}



.tel-hlavny{
	display: block;
	color: rgba(97,97,97,0.9);
	font-weight: 300;
	font-size: 15.7px;
}
.tel-hlavny{
	display: block;
	color: rgba(97,97,97,0.9);
	font-weight: 300;
	font-size: 15.7px;
}
.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: block;
	color: rgba(97,97,97,0.9);
	font-weight: 300;
	font-size: 15.7px;
}
.email-hlavny:before{
	font-family: FontAwesome;
	content: "\f0e0";
	font-size: 12px;
	padding-top: 3px;
	padding-right: 9px;
	float: left;
	opacity:0.5;
}








.kontakty-box{
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(153,153,153,1);
	background-color: rgba(247,247,247,1);
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: rgba(153,153,153,1);
	padding-top: 72px;
	padding-bottom: 78px;
}
@media only screen and (max-width: 568px) {
.kontakty-box{
	padding-bottom: 52px;
}}
@media only screen and (max-width: 498px) {
.kontakty-box{
	padding-bottom: 22px;
}}

.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;
}
@media only screen and (max-width:968px) {
.kontakt-oddelenie:first-child { 
	padding-left: 6%;
}}
@media only screen and (max-width: 708px) {
.kontakt-oddelenie{
	width: 100%;
}
.kontakt-oddelenie:last-child { 
	padding-left: 6%;
}}
@media only screen and (max-width:568px) {
.kontakt-oddelenie:first-child { 
	padding-left: 0%;
}
.kontakt-oddelenie:last-child { 
	padding-left: 0%;
}}
@media only screen and (max-width: 516px) {
.kontakt-oddelenie{
	text-align: center;
	padding-bottom: 23px;
}}


.oddelenie-foto{
	padding-right: 18px;
	padding-left: 22px;
	display: inline-table;
	text-align: right;
	box-sizing: border-box;
	float: left;
	margin-top: 12px;
}
@media only screen and (max-width: 888px) {
.oddelenie-foto{
	padding-right: 14px;
}}
@media only screen and (max-width: 516px) {
.oddelenie-foto{
	width: 100%;
	display: inline-table;
	text-align: center;
}}

.oddelenie-foto img{
	padding: 3px;
	border: 4px 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;
}
@media only screen and (max-width: 958px) {
.kontakt-oddelenie-info{
	width:90%;
	padding-left: 8%;
}}
@media only screen and (max-width: 708px) {
.kontakt-oddelenie-info{
	width: 60%;
	padding-left: 4%;
}}
@media only screen and (max-width: 516px) {
.kontakt-oddelenie-info{
	width: auto;
	padding-left: 4%;
	float:none;
}}






.oddelenie-nazov{
	font-size: 17.8px;
	color: rgba(0,140,129,1);
	display: block;
	font-weight: 400;
	padding-top: 29px;
	margin: 0px;
	padding-bottom: 0px;
	line-height: 21px;
}
.oddelenie-meno{
	font-weight: 400;
	font-size: 18.5px;
	color: rgba(51,51,51,0.94);
	display: block;
	padding-left: 1px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	line-height: 17px;
}
.oddelenie-firma{
	font-weight: 300;
	font-size: 18px;
	color: rgba(0,140,129,1);
	display: block;
	padding-left: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,1);
	margin-bottom: 6px;
	padding-bottom: 7px;
}

.oddelenie-tel{
	font-size: 14.3px;
	display: block;
	color: rgba(102,102,102,0.9);
	padding-top: 0px;
	margin-top: 3px;
	width: auto;
	padding-bottom: 1px;
}.oddelenie-tel:before{
	font-family: FontAwesome;
	content: "\f095";
	font-size: 11px;
	padding-top: 4px;
	padding-right: 13px;
	float: left;
	opacity: 0.5;
	padding-left: 2px;
}
.oddelenie-tel strong{
	font-size: 13px;
	font-weight: normal;
}



.oddelenie-mail{
	font-size: 14.3px;
	display: block;
	color: rgba(102,102,102,0.9);
	margin-bottom: 4px;
}

.oddelenie-mail a:link, .oddelenie-mail a:visited, .oddelenie-mail a:active{
	color: rgba(102,102,102,0.9);
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}.oddelenie-mail a:hover{
	color: rgba(0,0,0,1);
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.oddelenie-mail:before{
	font-family: FontAwesome;
	content: "\f0e0";
	font-size: 11px;
	padding-top: 4px;
	padding-right: 13px;
	float: left;
	opacity:0.5;
}




.oddelenie-gps{
	font-size: 13.3px;
	display: block;
	color: rgba(102,102,102,0.9);
	padding-top: 2px;
	margin-top: 3px;
	width: auto;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}.oddelenie-gps:before{
	font-family: FontAwesome;
	content: "\f041";
	font-size: 11px;
	padding-top: 1px;
	padding-right: 13px;
	float: left;
	opacity: 0.5;
	padding-left: 2px;
}









.h3-napiste-box{
	padding-bottom: 12px;
}


.h3-napiste-box h3{
	font-size: 36px;
	color: rgba(186,165,0,1);
	font-weight: 300;
	margin: 22px 0px 0px;
	padding: 42px 12px 7px;
}
.h3-napiste-box p{
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	color: rgba(94,94,94,1);
	font-weight: 200;
}

.h3-napiste-box .gold-line{
	background-color: rgba(186,165,0,1);
	width: 82px;
	height: 3px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	display: inline-block;
	border-radius:3px;
}




.dotted-grey-line{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(204,204,204,1);
	margin: 28px auto;
	display: inline-block;
	height: 2px;
	width: 94%;
}





.napiste-nam a:link, .napiste-nam a:visited, .napiste-nam a:active{
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #ECECEC;
	text-decoration: none;
	display: inline-block;
	display: inline-block;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	text-transform: uppercase;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-top: 8px;
	padding-right: 28px;
	padding-bottom: 7px;
	padding-left: 28px;
	border: 1px solid #333333;
	background-color: #333333;
	border-radius: 25px;
	margin-top: 7px;
	margin-bottom: 7px;
}
.napiste-nam a:hover{
	color: #FFFFFF;
	border: 1px solid rgba(186,165,0,1);
	background-color: rgba(186,165,0,1);
	text-decoration: none;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}



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


















.online-reservation-box{
	width: 100%;
	display: inline-block;
}











.napiste-nam p{
	margin: 0px;
	padding-top: 0px;
	padding-right: 24px;
	padding-bottom: 22px;
	padding-left: 24px;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.7px;
	color: #A5A5A5;
}
.spam-code{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 5px;
}























.napiste-nam-h-box {
	width: 100%;
	display: inline-block;
	padding-bottom: 22px;
	padding-top: 32px;
	margin: 0px;
}
.napiste-nam-h-box h3{
	font-size: 25px;
	color: rgba(202,162,71,1);
	font-weight: 200;
}
.napiste-nam-h-box h3 strong{
	font-size: 34px;
	font-weight: 600;
	color: rgba(51,51,51,1);
	padding-left: 3px;
}








.gold-line-up {
	width: 78px;
	height: 5px;
	background-color: rgba(174,145,79,1);
	margin-right: auto;
	margin-left: auto;
	border-radius: 0px 0px 7px 7px;
}

.gold-line-bold {
	width: 78px;
	height: 5px;
	background-color: rgba(174,145,79,1);
	margin-right: auto;
	margin-left: auto;
	border-radius: 7px 7px 7px 7px;
}




.black-line {
	width: 78px;
	height: 4px;
	background-color: rgba(51,51,51,1);
	margin-right: auto;
	margin-left: auto;
	border-radius: 7px 7px 7px 7px;
}











/* --------------------------- */
/*  RESERVATION  RESERVATION   */
/* --------------------------- */
.mail-form {
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
	padding: 8px 8px 42px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
@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 p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.7px;
	box-sizing: border-box;
	padding-bottom: 22px;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: normal;
	color: #6E6E6E;
	line-height: 19px;
}



.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: 1px solid #CCC;
	border-radius: 26px;
	
	text-align: left;
	padding: 12px 12px 10px 12px;
	
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}
.mail-form .form-input:hover, .objednavka-detail-all .form-input:hover{
	border: 1px solid rgba(0,140,129,1);
	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;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-left: 14px;
}










.mail-form button
{
	color: #FFF;
	font-size: 16px;
	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{
	transition: all 0.3s ease-in-out;
	color: #FBFBFB;
	border: 1px solid rgba(0,140,129,1);
	background-color: rgba(0,140,129,1);
}

@media only screen and (max-width: 820px) {
.mail-form button {
	font-size: 15.8px;
	letter-spacing: 1px;
	padding-top: 10px;
	padding-bottom: 9px;
}}
@media only screen and (max-width: 520px) {
.mail-form button {

	letter-spacing: 0.5px;
}}



textarea {
    resize: none;
}










/*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;
}












.spam-code{
	max-width: 99%;
	text-align: left;
	padding: 12px;
	float: left;
}
.spam-code img{
	border-radius:13px;
}



.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);
	float: left;
}

.suhlas input[type=checkbox]{
	padding: 11px;
	border-radius: 4px;
	margin-left: 11px; 
	accent-color: rgba(0,140,129,1);
	border-radius:7px;
}
input[type=checkbox] {
  transform: scale(1.3);
  cursor: pointer;
	accent-color: rgba(0,140,129,1);
}





.vseobecne-podmienky{
	max-width: 99%;
	margin-right: auto;
	margin-bottom: 28px;
	margin-left: auto;
	display: block;
	padding-left: 28px;
	float: left;
	text-align: left;
}
.podmienky a:link, .podmienky a:active,.podmienky a:visited{
	font-family: 'Roboto', sans-serif;
	font-size: 13.8px;
	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(0,140,129,1);
	padding-bottom: 2px;
}






























.page-share{
	display: inline-block;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: rgba(204,204,204,1);
	width: 56%;
	padding-top: 23px;
	padding-bottom: 32px;
	padding-left: 8px;
	padding-right: 8px;
	float: right;
	text-align: left;
}
@media only screen and (max-width: 800px) {
.page-share{
	width: 66%;
}}
@media only screen and (max-width: 568px) {
.page-share{
	width: 72%;
}}
@media only screen and (max-width: 500px) {
.page-share{
	width: 76%;
}}
@media only screen and (max-width: 400px) {
.page-share{
	width: 84%;
}}
@media only screen and (max-width: 380px) {
.page-share{
	width: 94%;
}}





.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;
}

.share-right{
	float: left;
	text-align: center;
	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: 8px;
}

	
	
.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: #B19140;
	text-decoration: none;
	transition: 0.5s ease;
	opacity: 1;
}


.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%);
}




































.down-menu-box{
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(241,241,241,1);
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: rgba(0,136,126,1);
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.75);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.75);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.75);
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: rgba(0,136,126,1);
}
.down-menu a:link, .down-menu a:visited, .down-menu a:active{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	letter-spacing: 0.4px;
	color: rgba(140,140,140,0.78);
	text-decoration: none;
	display: inline-block;
	padding-top: 21px;
	padding-right: 21px;
	padding-bottom: 21px;
	padding-left: 21px;
	font-weight: normal;
	display: inline-block;
	transition: 0.5s ease;
}
.down-menu a:hover{
	color: rgba(0,0,0,1);
	text-decoration: none;
	transition: 0.5s ease;
}
@media only screen and (max-width: 998px) {
.down-menu a:link, .down-menu a:visited, .down-menu a:active{
	padding-right: 11px;
	padding-left: 11px;
}}
@media only screen and (max-width: 912px) {
.down-menu-box{
	display:none;
}}










.site-down {
	width: 100%;
	background-color: rgba(22,22,22,1);
	position: relative;
	z-index: 1;
	background-repeat: no-repeat;
	display: inline-block;
	padding-bottom: 86px;
	padding-top: 22px;
	border-radius: 0px 0px 12px 12px;
}

.kontakt-info {
	width: 280px;
	float: left;
	margin-top: 44px;
	margin-left: 14px;
}
@media only screen and (max-width: 540px) {
.kontakt-info {
	margin-left: 8px;
}}

.site-down h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	color: #CCCCCC;
	display: block;
	font-weight: normal;
	text-transform: uppercase;
}

.site-down h3 span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #00887E;
	display: block;
	text-transform: uppercase;
}
@media only screen and (max-width: 540px) {
.site-down h3 span{
	font-size: 24px;
}}


.kontakt-slogan{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	color: #9A9A9A;
	font-weight: normal;
	display: block;
	line-height: 16px;
}

.kontakt-adresa{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color: #C7C7C7;
	font-weight: normal;
	display: block;
	margin-top: 34px;
	margin-bottom: 22px;
}
.kontakt-adresa strong{
	font-size: 15px;
	color: #DFDFDF;
	font-weight: bold;
}
.kontakt-adresa i{
	font-size: 14px;
	color: rgba(255,0,0,1);
	font-weight: bold;
	font-style: normal;
}






.kontakt-adresa a:link, .kontakt-adresa a:visited, .kontakt-adresa a:active{
	color: #FFFFFF;
	text-decoration: none;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}

.kontakt-adresa a:hover{
	color: rgba(0,136,126,1);
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}



.kontakt-logo-socials{
	float: right;
	margin-top: 68px;
	margin-right: 22px;
	text-align: right;
	width: 228px;
}
.kontakt-logo-socials img{
	width: 100%;
	height:auto;
}
@media only screen and (max-width:600px) {
.kontakt-logo-socials{
	margin-top: 28px;
	display: inline-block;
	float: left;
}}


.kontakt-down-social{
	margin-top: 88px;
}
@media only screen and (max-width:720px) {
.kontakt-down-social{
	margin-right: 2px;
}}
@media only screen and (max-width: 612px) {
.kontakt-down-social{
	display:none;
}}



.social_icons_kontakt a:link, .social_icons_kontakt a:visited {
	text-decoration: none;
	color: rgba(166,169,169,1);
	border-radius: 50%;
	display: inline-table;
	height: 34px;
	width: 34px;
	transition: 0.5s ease;
	margin-right: 5px;
	margin-left: 4px;
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	opacity: 0.87;
	border: 1px solid rgba(166,169,169,0.5);
	background-color: rgba(0,0,0,0);
	font-size: 12px;
}
.social_icons_kontakt a:hover, .social_icons_kontakt a:active{
	color: rgba(255,255,255,1);
	background-color: rgba(0,136,126,1);
	text-decoration: none;
	transition: 0.5s ease;
	opacity: 1;
	border: 1px solid rgba(0,136,126,1);
}



	
.facebook_icon_kontakt:before{
	font-family: FontAwesome;
	content: "\f09a";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.instagram_icon_kontakt:before{
	font-family: FontAwesome;content: "\f16d";
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.pinterest_icon_kontakt:before{
	font-family: FontAwesome;content: "\f0d2";
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.google_maps_icon_kontakt:before{
	font-family: FontAwesome;content: "\f041";
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.mail_icon_kontakt:before{
	font-family: FontAwesome;content: "\f0e0";
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.phone_icon_kontakt:before{
	font-family: FontAwesome;content: "\f095";
	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%);
}










.partneri-site{
	margin-top: 20px;
	height: 86px;
	position: relative;	
}




.logo-down-left{
	width: 50%;
	float: left;
	text-align: right;
	padding-right: 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
@media only screen and (max-width: 1120px) {
.logo-down-left{
	width: 56%;
}}
@media only screen and (max-width: 780px) {
.logo-down-left{
	width: 59%;
}}
@media only screen and (max-width: 610px) {
.logo-down-left{
	width: 62%;
}}
@media only screen and (max-width: 560px) {
.logo-down-left{
	width: 55%;
}}
@media only screen and (max-width: 500px) {
.logo-down-left{
	width: 59%;
}}
@media only screen and (max-width: 480px) {
.logo-down-left{
	width: 55%;
}}
@media only screen and (max-width: 420px) {
.logo-down-left{
	width: 50%;
}}
@media only screen and (max-width: 400px) {
.logo-down-left{
	width: 47%;
}}

.item_mini{
	overflow: hidden;
	position: relative;
	border: 2px solid rgba(204,204,204,0.8);
	width: 52px;
	height: 52px;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2px;
	display: inline-block;
	margin-right: 3px;
	margin-left: 3px;
	z-index: 3;
}
.item_mini:hover{
	border: 2px solid #CBA133;
}
.item_mini img{max-width:100%;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;border-radius:50%;z-index:-1;}

.logo-down-right{
	width: 50%;
	float: right;
	text-align: left;
	padding-left: 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	color: rgba(73,73,73,0.7);
	padding-top: 12px;
}
@media only screen and (max-width: 1120px) {
.logo-down-right{
	width: 43%;
}}
@media only screen and (max-width: 780px) {
.logo-down-right{
	width: 40%;
	padding-left: 8px;
}}
@media only screen and (max-width: 610px) {
.logo-down-right{
	width: 37%;
}}
@media only screen and (max-width: 560px) {
.logo-down-right{
	width: 44%;
}}
@media only screen and (max-width: 500px) {
.logo-down-right{
	width: 41%;
}}
@media only screen and (max-width: 480px) {
.logo-down-right{
	width: 44%;
}}
@media only screen and (max-width: 420px) {
.logo-down-right{
	width: 50%;
}}
@media only screen and (max-width: 400px) {
.logo-down-right{
	width: 53%;
}}







.partneri-bold-line {
	display: block;
	height: 7px;
	width: 48%;
	float: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-right-width: 152px;
	border-right-style: solid;
	border-right-color: rgba(0,136,126,1);
	border-radius: 7px 7px 0px 0px;
}





















/* ----------------------------- */
/*          SWD --- Container    */
/* ----------------------------- */

.swd-container{
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.swd a:link, .swd a:visited, .swd a:active, .swd a:focus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.7px;
	letter-spacing: 0.7px;
	color: rgba(153,153,153,0.54);
	background-color: rgba(51,51,51,1);
	display: inline-block;
	transition: .3s all;
	width: 100%;
	padding-top: 11px;
	padding-bottom: 11px;
	font-weight: normal;
	text-align: center;
}
.swd a:hover {
	color: rgba(255,255,255,0.7);
	transition: .3s all;
}
.swd span {
	font-size: 10.7px;
}


@media only screen and (max-width: 344px) {
.swd{
	display:none
}}

/* ----------------------------- */
/*          SWD --- Container    */
/* ----------------------------- */
































/* --------------------------- */
/*      RESPONSIVE MENU        */
/* --------------------------- */
.overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	background-color: rgba(0,140,129,1);
	text-align: center;
}

/* 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: 21px 28px 23px 23px;
	background-color: #f44336;
	color: white;
	opacity: 1;
	transition: opacity 0.6s;
	font-size: 19px;
	position: absolute;
	opacity: 0.95;
	text-align: left;
	z-index: 100;
	width: 100%;
	font-weight: 200;
}
.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: 16px;
    font-size: 28px;
    line-height: 28px;
    cursor: pointer;
    transition: 0.3s;
	position: absolute;
}
.closebtn:hover {
    color: black;
}
/* --------------------------- */
/*        ALLERT MASSAGE       */
/* --------------------------- */


















/* --------------------------- */
/*    GOTOP   GOTOP   GOTOP    */
/* --------------------------- */
.cd-top {
	display: inline-block;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	position: fixed;
	bottom: 14px;
	right: 14px;
	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: 3;
}
.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;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 13px;
    bottom: 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 13px;
    bottom: 16px;
  }
}
/* --------------------------- */
/*    GOTOP   GOTOP   GOTOP    */
/* --------------------------- */










@media only screen and (max-width: 1580px) {
.d-none-1580 {
	display: none;
}}


@media only screen and (max-width: 1450px) {
.d-none-1450 {
	display: none;
}}





@media only screen and (max-width: 740px) {
.d-none-740 {
	display:none;
}}

@media only screen and (max-width: 520px) {
.d-none-520 {
	display:none;
}}

@media only screen and (max-width: 490px) {
.d-none-490 {
	display:none;
}}














/* --------------------------- */
/*           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;}