@charset "UTF-8";



body {
	font-family: "Google Sans Flex", sans-serif;
	text-align: center;
	max-width: 2220px;
	min-width: 340px;
	box-sizing: border-box;
	font-size: 15.2px;
	font-weight: 200;
	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;	
	/*
	background-image: url(../backgrounds/navrh---www---2026-001.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	 */
}








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


img{
	transition: .3s all;
}
img:hover{
	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(78,78,78,0.8);
	padding-top: 7px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-left: 2px;
	font-size: 15.8px;
	font-weight: 200;
}


p  strong {
	color: rgba(68,68,68,1);
	font-weight: 400;
}




.pripravuje-sa  {
	font-size: 16.7px;
	text-align: center;
	display: inline-block;
	width: 100%;
}








ul{
	width: 100%;
	color: rgba(78,78,78,0.8);
	list-style-type: disc;
	box-sizing: border-box;
	margin: 0px;
	padding-top: 12px;
	padding-right: 22px;
	padding-bottom: 14px;
	font-size: 16px;
}
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;
	font-weight: 200;
}
li strong{
	font-weight: 300;
	color: rgba(2,178,240,1);
}
li b{
	font-weight: 400;
	color: rgba(68,68,68,1);
}

li u {
	font-weight: bold;
	text-decoration: none;
	padding-right: 2px;
	padding-left: 2px;
}






.grey-dot-line{
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(174,174,174,1);
	display: inline-block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


.grey-dot-line-20{
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(174,174,174,1);
	display: inline-block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.grey-dot-line-30{
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(174,174,174,1);
	display: inline-block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.grey-dot-line-38{
	margin-top: 20px;
	margin-bottom: 18px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(174,174,174,1);
	display: inline-block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.grey-dot-line-50{
	margin-top: 24px;
	margin-bottom: 24px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(174,174,174,1);
	display: inline-block;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
















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




.bckg-gradient-00 {
background: #e0e0e0;
background: linear-gradient(181deg, rgba(224, 224, 224, 1) 0%, rgba(255, 255, 255, 1) 55%);
}
.bckg-gradient-03 {
background: #e0e0e0;
background: linear-gradient(181deg, rgba(244, 244, 244, 1) 0%, rgba(255, 255, 255, 1) 55%);
}





.bckg-gradient-01 {
background: #005FAF;
background: linear-gradient(38deg, rgba(0, 95, 175, 1) 0%, rgba(0, 175, 240, 1) 100%);
}
.bckg-gradient-02 {
background: #004985;
background: linear-gradient(38deg, rgba(0, 73, 133, 1) 0%, rgba(26, 153, 199, 1) 100%);
}
.bckg-gradient-04 {
background: #1A99C7;
background: linear-gradient(45deg, rgba(26, 153, 199, 1) 0%, rgba(0, 175, 240, 1) 100%);
}



.text-grey {
	color: rgba(177,177,177,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;
}







.flex {
	display: flex;
}
.flex-2 {
	flex: 50%; 
}
.flex-3 {
	flex: 1 33%;
}
.flex-4 {
	flex: 1 25%;
}
.flex-5 {
	flex: 1 20%;
}
.flex-6 {
	flex: 1 16%;
}








.wdh-100{
	width: 100%;
	display: inline-block;
}
.wdh-80{
	width:78%;
	display: inline-block;
}
.wdh-64{
	width:63%;
	display: inline-block;
}
.wdh-50{
	width:49%;
	display: inline-block;
}
.wdh-25{
	width:24%;
	display: inline-block;
}


















.line-div-grey {
	height: 3px;
	width: 100%;
	border: 1px solid rgba(255,255,255,1);
	background-color: rgba(224,224,224,1);
	display:inline-block
}



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












.shadow-down{
	-webkit-box-shadow: 0px 0px 23px 2px rgba(0,0,0,0.14);
	-moz-box-shadow: 0px 0px 23px 2px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 23px 2px rgba(0,0,0,0.14);
}

.shadow-up{
	box-shadow: -1px -15px 23px -11px rgba(111,111,111,0.14);
	-webkit-box-shadow: -1px -15px 23px -11px rgba(111,111,111,0.14);
	-moz-box-shadow: -1px -15px 23px -11px rgba(111,111,111,0.14);
}



















.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(204,204,204,1);
	margin-top: 10px;
	margin-bottom: 10px;
}























.all-screen-max {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	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;
}
/* --------------------------- */
@media only screen and (max-width: 520px) {
.all-screen {
	padding-right: 24px;
	padding-left: 24px;
}}




.all-screen-menu {
	width: 100%;
	max-width: 1180px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 32px;
	padding-left: 0px;
	box-sizing: border-box;
	position:relative;
}






.all-screen-medium {
	width: 100%;
	max-width: 1086px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 32px;
	padding-left: 32px;
	box-sizing: border-box;
}






.all-screen-small {
	width: 100%;
	max-width: 878px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 32px;
	padding-left: 32px;
	box-sizing: border-box;
}

.all-screen-mini {
	width: 100%;
	max-width: 820px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 32px;
	padding-left: 32px;
	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%);
}




















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






















.zahlavie-all{
	width: 100%;
	position: relative;
	display: inline-block;
}

@media only screen and (max-width: 542px) {
.zahlavie-all{
}}







.menu-up-all{
	font-size: 0px;
	width: 100%;
	border-left-width: 29px;
	border-left-style: solid;
	border-left-color: rgba(255,255,255,1);
	display: flex;
	background: #e0e0e0;
	background: linear-gradient(193deg, rgba(224, 224, 224, 1) 0%, rgba(255, 255, 255, 1) 55%);
	padding-bottom: 3px;
}






.logo-menu-up{
	float: left;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
@media only screen and (max-width: 1042px) {
.logo-menu-up{
	padding-top: 18px;
}}


.logo-menu-up img{
	width: 200px;
	height:auto
}
@media only screen and (max-width: 742px) {
.logo-menu-up img{
	width: 180px;
}}
@media only screen and (max-width: 542px) {
.logo-menu-up img{
	width: 170px;
}}



.main-navigation {
	padding: 25px 0;
	float: right;
}

.nav-container {
	display: inline-block;
}

/* Štýlovanie odkazov */
.nav-links {
	display: inline-block;
}

.nav-item {
	text-decoration: none;
	color: #00aeef; /* Svetlomodrá farba z obrázka */
	font-size: 1.1rem;
	font-weight: 300;
	transition: color 0.3s ease;
	padding: 26px 19px;
}

.nav-item:hover {
	color: #008ec4;
}


.nav-actions {
	display: inline-block;
	padding-left: 12px;
}
/* Štýlovanie tlačidla Kontakt */
.contact-button {
	display: inline-block;
	background-color: #00A5E8; /* Tmavomodrá farba z obrázka */
	color: #ffffff !important; /* Striktne biely text */
	text-decoration: none;
	padding: 12px 35px;
	border-radius: 19px;
	font-weight: 500;
	font-size: 1.1rem;
	transition: background-color 0.3s ease;
}

.contact-button:hover {
	background-color: #005FAF; /* Tmavomodrá farba z obrázka */
	color: #ffffff !important;
}



@media (max-width: 900px) {
}










.hmb-btn{
	margin-top: 29px;
	display: none;
	float: right;
	margin-left: 24px;
	display: inline-block;
	margin-bottom: 19px;	
}
.hmb-btn img{
	opacity:0.6;
}
.hmb-btn img:hover{
	opacity:1;
}
















.menu-up-line{
	width: 100%;
	height:5px;
	display:flex;
	font-size: 0;
}








.zahlavie-photo{
	width: 100%;
	height: 554px;
	display: flex;
	
	background-image: url(../backgrounds/zahlavie-max-size--2026-01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	
}




.h1-box-all {
	display: inline-block;
	border-radius: 16px;
	position: absolute;
	right: 17%;
	text-align: left;
	padding: 20px 34px;
	top: 289px;
}
@media only screen and (max-width: 1420px) {
.h1-box-all {
	right: 14%;
}}
@media only screen and (max-width: 1220px) {
.h1-box-all {
	right: 11%;
}}
@media only screen and (max-width: 720px) {
.h1-box-all {
	right: 9%;
}}
@media only screen and (max-width: 680px) {
.h1-box-all {
}}
@media only screen and (max-width: 520px) {
.h1-box-all {
	padding: 18px 22px 15px 21px;
	right: 25px;
	width: 84%;
}}


.h1-box-all h1 {
	color: #FFFFFF;
	font-weight: 500;
	font-size: 39px;
	margin: 0px;
	padding: 0px;
	line-height: 41px;
}.h1-box-all h1 strong{
	font-weight: 500;
	font-size: 40px;
	margin-right: 12px;
}

@media only screen and (max-width: 494px) {
.h1-box-all h1 {
	font-size: 36px;
}}
@media only screen and (max-width: 494px) {
.h1-box-all h1 {
	font-size: 32px;
	line-height: 34px;
}}

.h1-box-all p {
	color: #FFFFFF;
	font-weight: 300;
	font-size: 28px;
	margin: 12px 0px 0px;
	padding: 8px 0px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,0.3);
	line-height: 34px;
}

@media only screen and (max-width: 494px) {
.h1-box-all p {
	font-size: 24px;
}}
@media only screen and (max-width: 394px) {
.h1-box-all p {
	font-size: 22px;
}}












.pod-zahlavie-line{
	width: 100%;
	height:26px;
	display:flex;
	font-size: 0px;
}



.pod-zahlavie-photo{
	width: 100%;
	height: 282px;
	display: flex;
	background: #e0e0e0;
	background: linear-gradient(183deg, rgba(234, 234, 234, 1) 0%, rgba(255, 255, 255, 1) 55%);
}
@media only screen and (max-width: 762px) {
.pod-zahlavie-photo{
	width: 100%;
	height: 482px;
}}




.four-squere-info{
	width: 100%;
	display: inline-block;
	position: absolute;
	left: 0px;
	bottom: 48px;
	text-align: center;
}



.squere-info-all{
	display: flex;
	flex-direction: row; /* Toto ich prinúti ísť vedľa seba */
	flex-wrap: nowrap;   /* Zákaz skákania pod seba */
	width: 100%;         /* Uisti sa, že rodič má dosť miesta */
	border-radius:3px;
}


.squere-info-one, .squere-info-one-blue{
	flex: 1;             /* Rozdelí šírku rovnomerne (25% pre každý) */
	text-align: center;
	background-color: rgba(248,248,248,1);
	border-radius: 3px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: rgba(204,204,204,1);
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(204,204,204,1);
}.squere-info-one-blue{
	background-color: rgba(2,178,240,1);
}
.squere-info-one-img, .squere-info-one-blue-img{
	width: 100%;
	display: inline-block;
	padding-top: 42px;
	padding-bottom: 14px;
}
.squere-info-one-blue-img{
	padding-top: 22px;
}
.squere-info-one-img img, .squere-info-one-blue-img img{
	width: auto;
	height: 72px;
}
.squere-info-one p, .squere-info-one-blue p{
	width: 100%;
	text-align: center;
	font-size: 18.8px;
	font-weight: 500;
	display: inline-block;
	text-transform: uppercase;
	margin: 0px auto;
	padding: 0px;
	color: rgba(51,51,51,1);
}
.squere-info-one-blue p{
	color: rgba(255,255,255,1);
}
.squere-info-one-button{
	width: 100%;
	text-align: center;
	display: inline-block;
}
.chcem-ponuku-button:link, .chcem-ponuku-button:visited, .chcem-ponuku-button:active{
	background-color: rgba(255,255,255,1);
	border-radius: 17px;
	display: inline-block;
	color: #02B2F0;
	font-size: 16.5px;
	text-decoration: none;
	margin-bottom: 22px;
	padding-top: 11px;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
	margin-top: 22px;
	margin-right: 3px;
	margin-left: 3px;
	font-weight: 400;
}
.chcem-ponuku-button:hover {
	background-color: #0055B0;
	color: rgba(255,255,255,1);
}


@media only screen and (max-width: 762px) {
.squere-info-all {
	display: flex;
	flex-direction: column-reverse; /* Toto prehodí poradie zvisle */
}}


@media only screen and (max-width: 762px) {
.squere-info-one-img, .squere-info-one-blue-img{
	width: 29%;
	display: inline-block;
	padding-top: 8px;
	float: left;
}
.squere-info-one p, .squere-info-one-blue p{
	width: 62%;
	font-size: 18.4px;
	text-align: left;
	float: right;
	padding-top: 8px;
	padding-bottom: 7px;
}
.squere-info-one-button{
	width: 62%;
	float: right;
	text-align: left;
}.chcem-ponuku-button:link {
	font-size: 16px;
	margin-bottom: 9px;
	padding-top: 9px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	margin-top: 9px;
	margin-right: 3px;
	margin-left: 3px;
}}



@media only screen and (max-width: 462px) {
.squere-info-one-img, .squere-info-one-blue-img{
	width: 25%;
}
.squere-info-one p, .squere-info-one-blue p{
	width: 67%;
	font-size: 17.7px;
	font-weight: 500;
}.squere-info-one-button{
	width: 67%;
}}











.h2-up-all {
	width: 100%;
	display: inline-block;
	padding-bottom: 12px;
	padding-right: 22px;
	padding-left: 22px;
	text-align: center;
}
.h2-up-all .up-line {
	background-color: rgba(1,174,235,1);
	width: 58px;
	height: 7px;
	display: block;
	border-radius: 0px 0px 4px 4px;
}

.h2-up-all h2 {
	font-size: 42px;
	font-weight: 200;
	margin: 0px;
	padding: 22px 7px 0px;
	display: inline-block;
}
.h2-up-all h2 span {
	color: rgba(2,178,240,1);
	font-weight: 500;
}
.h2-up-all .h2-line {
	background-color: rgba(2,178,240,1);
	width: 62px;
	height: 2px;
	display: inline-block;
	margin-top: 27px;
	border-radius: 4px;
	margin-right: 8px;
	margin-left: 5px;
}










.h2-box-all {
	width: 100%;
	display: inline-block;
	padding-bottom: 18px;
	padding-right: 22px;
	padding-left: 22px;
	text-align: center;
	padding-top: 27px;
}
.h2-box-all .up-line {
	background-color: rgba(1,174,235,1);
	width: 58px;
	height: 7px;
	display: block;
	border-radius: 0px 0px 4px 4px;
}

.h2-box-all h2 {
	font-size: 34px;
	font-weight: 200;
	margin: 0px;
	padding: 22px 7px 0px;
	display: inline-block;
	width: 100%;
}
.h2-box-all h2 span {
	color: rgba(2,178,240,1);
	font-weight: 500;
}
.h2-box-all .h2-line {
	background-color: rgba(2,178,240,1);
	width: 62px;
	height: 2px;
	display: inline-block;
	margin-top: 27px;
	border-radius: 4px;
	margin-right: auto;
	margin-left: auto;
}

@media only screen and (max-width: 880px) {
.h2-box-all {
	padding-bottom: 42px;
}
.h2-box-all h2 {
	padding-top: 48px;
}}	

@media only screen and (max-width: 560px) {
.h2-box-all {
	padding-bottom: 32px;
}
.h2-box-all h2 {
	padding-top: 38px;
}}














.h3-box-all {
	width: 100%;
	display: flex;
	padding-bottom: 12px;
	padding-right: 22px;
	padding-left: 22px;
	padding-top: 32px;
	
	flex-direction: column; /* Toto zoradí prvky pod seba */
    justify-content: center; 
    align-items: center;
    text-align: center; /* Voliteľné: zarovná text vo vnútri na stred */
}

.h3-box-all h3 {
	width: 100%;
	font-size: 34px;
	color: rgba(51,51,51,1);
	margin: 0px;
	padding: 12px;
	font-weight: 200;
}

.h3-box-all strong {
	color: rgba(0,173,239,1);
	font-weight: 300;
}



.h3-line {
	background-color: rgba(0,173,239,1);
	width: 86px;
	height: 2.3px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-top: 8px;
	border-radius: 4px;
	margin-bottom: 4px;
}























.left-right-all {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center; /* Toto zarovná prvky na stred (vodorovne) */
	align-items: flex-start; /* Toto ich udrží hore (zvisle) */
	background: #ededed;
	background: linear-gradient(0deg, rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 34%);
	padding-top: 32px;
	padding-bottom: 58px;
}


.left-right-left-50 {
	width: 49%;
	display: inline-block;
	float: left;
	text-align: left;
}
.left-right-right-50 {
	width: 49%;
	text-align: left;
	display:inline-block;
	float:right;
}

.left-right-left-50 h3, .left-right-right-50 h3 {
	font-size: 22px;
	font-weight: 400;
	color: rgba(51,51,51,1);
	width: 80%;
	margin: 0px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
}

.left-right-all ul{
	margin-left: 7px;
	padding-left:10px;
	width: 98%;
}
.left-right-all li{
	width: 98%;
	margin-left: 10px;
	padding-left: 10px;
}


@media (max-width: 768px) {
.left-right-left-50 {
	width: 97%;
}
.left-right-right-50 {
	width: 97%;
}
.left-right-all ul{
	margin-left: 5px;
	padding-left:5px;
}
.left-right-all li{
	margin-left: 5px;
	padding-left: 5px;
}}


















/* OPRAVENÁ ČASŤ */
.about-wrapper {
    display: flex;
    align-items: flex-start; /* Toto posunie oba stĺpce (obrázok aj text) nahor */
    gap: 60px;
    flex-wrap: wrap;
    margin-top: 12px;
    margin-bottom: 18px;
}


/* Štýlovanie obrázka a dekorácie */
.image-container {
	position: relative;
	flex: 1;
	min-width: 300px;
	display: flex;
	justify-content: center; /* Horizontálne zarovnanie na stred */
	align-items: flex-start;  /* Vertikálne zarovnanie NAHOR */
	margin-top: 84px;
}
.container-small {
	margin-top: 64px;
}
@media (max-width: 768px) {
.image-container {
	margin-top: 12px;
}
.container-small {
	margin-top: 12px;
}}




.main-image {
    width: 100%;
    max-width: 420px;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    display: block;
}
.main-image img{
    max-width: 420px;
	height:auto;
}

/* Modré pozadie za obrázkom */
.image-container::before {
    content: "";
    position: absolute;
    width: 42%;
    height: 110%;
    background-color: #00aeef; /* Modrá farba z obrázka */
    top: -5%;
    border-radius: 15px;
    z-index: 1;
}








/* Štýlovanie textu */
.content-container {
	flex: 1;
	min-width: 300px;
	text-align: left;
}

.content-container h3 {
	color: #169DCE; /* Tmavomodrá */
	font-size: 1.8rem;
	font-weight: 400;
	margin: 0px;
	padding: 12px 0px 13px;
	display: inline-block;
	width: 100%;
}

.sub-title {
	display: inline-block;
	font-size: 1.3rem;
	font-weight: 400;
	margin: 0px;
	padding: 7px 0px 7px;
	color: rgba(0,105,183,1);
}

.sub-title strong{
	text-transform: uppercase;
}



.sub-title-2 {
	display: inline-block;
	font-size: 1.1rem;
	font-weight: 400;
	margin: 0px;
	padding: 7px 0px 7px;
	color: rgba(51,51,51,1);
}


.text-content p {
    color: #666;
    font-size: 15.8px;
}



.text-content ul{
	margin-left: 4px;
	padding-left: 4px;
}
.text-content li{
	margin-left: 4px;
	padding-left: 4px;
}


/* Tlačidlo */
.btn-more, 
.btn-more:link, 
.btn-more:visited {
	display: inline-block;
	background-color: #00aeef;
	color: #ffffff !important; /* Vynútená biela */
	padding: 12px 30px;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 500;
	font-size: 0.9rem;
	text-transform: uppercase;
	transition: background-color 0.3s ease;
	margin-top: 18px;
	margin-bottom: 12px;
}

/* Stav pri prejdení myšou */
.btn-more:hover {
	background-color: #0060AF;
	color: #ffffff !important;
	text-decoration: none;
}

/* Stav pri kliknutí (moment stlačenia) */
.btn-more:active {
    background-color: #0056b3;
    color: #ffffff !important;
    transform: translateY(1px); /* Jemný efekt stlačenia */
}






/* Responzivita pre mobily */
@media (max-width: 768px) {
    .about-wrapper {
        flex-direction: column-reverse;
        text-align: center;
        gap: 40px;
    }

    .image-container::before {
        width: 90%;
    }

    .section-title {
        font-size: 2rem;
    }
}










.button--viac-info a:link, .button--viac-info a:visited, .button--viac-info a:active{
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,1);
	padding: 12px 18px 8px 9px;
	margin-top: 7px;
	display: inline-block;
	max-width: 320px;
}
.button--viac-info a:hover{
	color: #333333;
}

.button--viac-info:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f054";
	font-size: 12px;
	padding-top: 7px;
	padding-left: 12px;
	padding-right: 8px;
	color: rgba(2,174,239,1);
}
.button--viac-info:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f111";
	font-size: 5px;
	padding-top: 19px;
	padding-left: 8px;
	padding-right: 11px;
	color: rgba(153,153,153,0.8);
}


@media only screen and (max-width: 628px) {
.button--viac-info:after{
	float: none;
}}





















.photo-baner-01 {
    width: 100%;
    height: 376px;
    position: relative;
 
    display: flex;
    justify-content: center; /* Toto zarovná prvky na stred (vodorovne) */
    align-items: center;
	
	background: #005FAF;
	background: linear-gradient(38deg, rgba(0, 95, 175, 1) 0%, rgba(0, 175, 240, 1) 100%);
}
.photo-baner-01-in {
    width: 100%;
    height: 376px;
    display: flex;
	
	background-image: url(../backgrounds/photo-baner-001.png);
	background-repeat: no-repeat;
	background-position: center top;
	
}





































.ponuka-sluzieb-all {
	width: 100%;
	position: relative;
    display: inline-block;
    align-items: center;
	padding-bottom: 72px;
}

.container-grey-sluzieb-all {
	width: 100%;
	position: relative;
    display: inline-block;
	border: 42px solid rgba(234,234,234,1);
	border-radius:4px
}









/* Základný kontajner pre obidva bannery */

.services-container {
    display: flex;
    width: 100%;
    max-width: 1200px; /* Môžeš upraviť podľa šírky webu */
    margin: 0 auto;
    overflow: hidden;
}

/* Štýlovanie jednotlivej karty (odkazu) */
.service-card {
    position: relative;
    flex: 1;
    height: 344px; /* Výška bannerov */
    text-decoration: none;
    overflow: hidden;
    display: block;
	border-radius:2px
}

/* Obrázok v pozadí s efektom */
.card-image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	transition: transform 0.5s ease;
}

/* Modrá lišta na spodku */
.card-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #00aeef; /* Tyrkysová modrá z obrázka */
	padding: 9px 22px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	transition: .3s all;
	border-right-width: 48px;
	border-right-style: solid;
	border-right-color: rgba(0,102,153,1);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(255,255,255,0.65);
}

/* Číslo 01 / 02 */
.card-number {
    color: rgba(255, 255, 255, 0.4); /* Priehľadná biela/sivastá */
    font-size: 1rem;
    font-weight: 200;
    margin-right: 15px;
}

/* Hlavný text v lište */
.card-title {
	color: #ffffff !important; /* Striktne biela */
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* HOVER EFEKT: Obrázok sa jemne zväčší a lišta môže mierne stmavnúť */
.service-card:hover .card-image {
    transform: scale(1.05);
}

.service-card:hover .card-bar {
	background-color: #0096ce;
	transition: .3s all;
}




/* RESPONSIVE: Na mobiloch pod sebou */
@media (max-width: 922px) {
.service-card {
    height: 312px;
}
.card-bar {
	padding: 7px 12px 7px 17px;
	border-right-width: 42px;
}.card-title {
	font-size: 1.1rem;
}}

@media (max-width: 862px) {
.service-card {
    height: 298px;
}
.card-bar {
	padding: 7px 12px 7px 17px;
	border-right-width: 36px;
}}











/* RESPONSIVE: Šírka 768px a menej (Mobil/Tablet) */
@media screen and (max-width: 768px) {
.container-grey-sluzieb-all {
	border: 22px solid rgba(234,234,234,1);
}
.services-container {
        flex-direction: column; /* Zmena na stĺpec */
        height: auto; /* Dôležité: aby kontajner rástol s obsahom */
        overflow: visible; /* Aby neosekalo karty, ak vyjdú von */
		margin: 0 auto;
        padding: 0px;
		gap: 0px;
}
.service-card {
        flex: none; /* Zrušíme flex: 1, ktorý môže robiť neplechu v stĺpci */
        width: 100%; /* Karta zaberie celú šírku */
        height: 298px; /* Fixná výška zostáva */
        margin: 0px; /* Medzera medzi kartami */
        padding: 0px;
    }
}






@media screen and (max-width: 628px) {
.service-card {
        height: 228px;
    }
}
@media screen and (max-width: 528px) {
.service-card {
        height: 212px;
    }
}
@media screen and (max-width: 468px) {
.service-card {
        height: 200px;
    }
}

@media screen and (max-width: 412px) {
.service-card {
        height: 200px;
    }
.card-bar {
	padding: 7px 7px 5px 13px;
	border-right-width: 32px;
}
.card-number {
	display:none;
    }
}

@media screen and (max-width: 374px) {
.service-card {
        height: 182px;
    }
.card-bar {
	border-right-width: 22px;
}.card-title {
	font-size: 1rem;
}}




























.baner-zaruka-full {
	background: #005FAF;
	background: linear-gradient(38deg, rgba(0, 95, 175, 1) 0%, rgba(0, 175, 240, 1) 100%);
}

.baner-zaruka-all {
	display: flex;
	flex-wrap: wrap; /* Pre automatické zalamovanie na mobiloch */
	align-items: center;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	gap: 30px;
	padding-top: 42px;
	padding-bottom: 52px;
}


/* Sekcia s obrázkom */
.image-section {
	flex: 1 1 47%;; /* Flex-grow, flex-shrink, flex-basis */
	text-align: right;
}

@media (max-width: 842px) {
.image-section {
	flex: 1 1 40%; /* Flex-grow, flex-shrink, flex-basis */
	text-align: right;
}}

@media (max-width: 634px) {
.image-section {
	flex: 1 1 100%;
	; /* Flex-grow, flex-shrink, flex-basis */
	text-align: left;
	padding-left: 32px;
}}
@media (max-width: 548px) {
.image-section {
	padding-left: 21px;
}}



.image-section img {
	width: 90%;
	max-width: 400px;
	height: auto;
	border-radius: 17px;
	display: inline-block;
	float: right;
	margin-left: 14px;
}
@media (max-width: 634px) {
.image-section img {
	float: none;
}}






/* Textová sekcia */
.text-section {
	flex: 1 1 350px;
	color: #FFF;
	text-align: left;
	padding-left: 14px;
}
.text-section p strong{
	color: #FFF;
}
@media (max-width: 634px) {
.text-section {
	padding-left: 54px;
}}




.text-top-title {
	font-size: 2.7rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 8px;
	letter-spacing: -1px;
	text-transform: uppercase;
	padding-bottom: 12px;
}

.text-subtitle {
	font-size: 1.5rem;
	line-height: 1.2;
	margin-bottom: 6px;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(255,255,255,0.57);
	padding-bottom: 12px;
}

.text-subtitle .bold {
    font-weight: 800;
}

.text-subtitle .light {
    font-weight: 100;
	opacity:0.7;
}

.years-info {
	font-size: 1.3rem;
	color: #FFF;
	margin-bottom: 14px;
	font-weight: 800;
}

.years-info strong {
    font-weight: 300;
	opacity:0.8;
}

@media (max-width: 842px) {
.text-top-title {
	font-size: 2.5rem;
}
.text-subtitle {
	font-size: 1.3rem;
}
.years-info {
	font-size: 1.1rem;
}}






/* Tlačidlo */
.cta-button {
	display: inline-flex;
	align-items: center;
	background-color: #00aeef;
	/* Toto zabezpečí, že text bude biely za každých okolností */
	color: #ffffff !important;
	text-decoration: none;
	padding: 12px 35px;
	border-radius: 12px;
	font-weight: 500;
	font-size: 1rem;
	transition: all 0.3s ease;
	text-transform: uppercase;
}

/* Pre istotu definujeme farbu aj pre stavy odkazu */
.cta-button:visited, 
.cta-button:hover, 
.cta-button:active {
	color: rgba(255,255,255,0.8);
	text-decoration: none;
}
.cta-button:hover {
	color: #ffffff !important;
	text-decoration: none;
	background-color: rgba(0,96,175,1);
}

.cta-button span {
	margin-left: 20px;
	font-size: 1.1rem;
}
		
		
		
		
@media (max-width: 634px) {
}





























.faq-box {
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	max-width: 820px;
	width: 100%;
	color: rgba(224,36,81,1);
}

.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(223,36,81,1);
	padding-left: 7px;
}



.collap-box .collapsible {
	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: 17px;
	font-weight: 500;
	color: rgba(85,85,85,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: 5px 0px 13px;
	font-weight: 300;
	color: rgba(102,102,102,1);
	text-align: left;
	font-size: 15.7px;
}



























.only-text-box, .only-text-info, .only-text-center-box{
	width: 100%;
	display: flex;
	flex-direction: column; /* Toto zmení smer na vertikálny */
	position: relative;
	padding-top: 38px;
	padding-bottom: 58px;
}

.only-text-box{
	width: 100%;
}

.only-text-info{
	padding-bottom: 2px;
}



.only-text-box p, only-text-info p, .only-text-center-box p{
	font-size: 17px;
	opacity: 0.85;
	padding-right: 7px;
	padding-left: 7px;
	text-align: justify;
}
.only-text-center-box p, only-text-info p{
	text-align: center;
}
.only-text-center-box b, .only-text-info b{
	font-weight: 500;
}
.only-text-center-box p strong, .only-text-info p strong {
	font-weight: 500;
	font-size: 20.7px;
}


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


.only-text-box h3, .only-text-center-box h3, .only-text-info h3{
	font-size: 28px;
	margin: 0px 0px 12px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	font-weight: 200;
	color: rgba(10,10,10,1);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(204,204,204,1);
	text-align: left;
}.only-text-center-box h3{
	text-align: center;
}

.only-text-box h3 span, .only-text-info h3 span{
	font-size: 37px;
	font-weight: 200;
}
.only-text-box h3 b, .only-text-info h3 b{
	color: rgba(166,132,77,1);
	font-weight: 200;
}


.only-text-box h4{
	font-size: 22px;
	margin: 0px 0px 12px;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	font-weight: 200;
	color: rgba(10,10,10,1);
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(204,204,204,1);
}

.only-text-box h5{
	font-size: 22px;
	margin: 0px;
	font-weight: 200;
	color: rgba(0,0,0,1);
	text-align: left;
	padding: 7px 0px 2px;
}






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



.white-text{
	color: rgba(255,255,255,0.87);
}


















.clanok-blog-all{
	display: inline-block;
	width: 100%;
}


.clanok-blog-all h3 {
	color: rgba(2,178,240,1);
	font-size: 25px;
	font-weight: 300;
	text-align: left;
	padding-top: 18px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(222,222,222);
	width: auto;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 8px;
	margin-left: 15px;
}
.clanok-blog-all h3 strong {
	color: rgba(2,178,240,1);
	font-size: 28px;
	padding-left: 7px;
}
.clanok-blog-all h3 b {
	color: rgba(207,43,87,1);
	font-size: 25px;
	padding-left: 7px;
}





.clanok-blog-all p{
	display: inline-block;
	text-align: left;
	font-weight: 300;
	padding-right: 10px;
	padding-left: 14px;
	display: inline-block;
	width: 100%;
}

.clanok-blog-all p strong{
	color: rgba(51,51,51,1);
}
.clanok-blog-all p i{
	font-size: 15px;
	color: rgba(2,178,240,0.67);
	font-style: normal;
	font-weight: 200;
	text-align: left;
}

.clanok-blog-all .podnadpis {
	font-size: 17px;
	font-weight: 400;
	padding-left: 14px;
	padding-left: 14px;
	color: rgba(102,102,102,1);
	display: inline-block;
	width: 100%;
	background-color: rgba(244,244,244,1);
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 2px;
	border-radius: 6px;
	margin: 0px;
}








.blog-fotos{
	padding-top: 12px;
}




.clanok-blog-all h4 {
	color: rgba(2,178,240,1);
	font-size: 22px;
	font-weight: 300;
	text-align: left;
	padding-top: 18px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(222,222,222);
	width: auto;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 3px;
	margin-left: 15px;
}
.clanok-blog-all h4 strong {
	color: rgba(207,43,87,1);
	font-size: 25px;
	padding-left: 7px;
}

.clanok-blog-all h4 i {
	font-size: 19px;
	opacity: 0.7;
	font-style: normal;
	font-weight: 200;
}





.pdf-downloads{
	width: 100%;
	margin-right: auto;
	margin-bottom: 26px;
	margin-left: auto;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,0.7);
	padding-bottom: 34px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(204,204,204,0.7);
	padding-top: 34px;
	margin-top: 28px;
	padding-right: 12px;
	padding-left: 12px;
}
.pdf-dwnld-btn a:link, .pdf-dwnld-btn a:active, .pdf-dwnld-btn a:visited{
	font-size: 13.8px;
	display: inline-block;
	color: #999999;
	transition: .5s all;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,0.4);
	padding-top: 9px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 1px;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(204,204,204,0.4);
}.pdf-dwnld-btn a:hover{
	color: #000000;
	transition: .5s all;
}
.pdf-dwnld-btn a:before{
	font-family: FontAwesome;
	content: "\f1c1";
	font-size: 13px;
	display: inline-block;
	padding-right: 10px;
	padding-left: 2px;
	opacity: 0.7;
	color: #913894;
	padding-bottom: 4px;
}




.pdf-button {
	
}


.all-pdf {
	display: inline-table;
	width: 100%;
	padding: 9px;
	box-sizing: border-box;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(51,51,51,0.1);
}
.all-pdf:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(51,51,51,0.1);
	background-color: rgba(204,204,204,0.2);
}
.all-pdf img{
	width:30px;
	height:30px;
	border-radius:50%;
}



































.foto-realizacie-all{
	width: 100%;
	position: relative;
	border-bottom: 1px dotted rgba(204,204,204,1);
	display: flex;
	justify-content: center; /* Toto zarovná prvky na stred (vodorovne) */
	align-items: center;
}

.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;
}
.photo-gallery-box-white {
	background-color: rgba(255,255,255,1);
	width: 100%;
	display: inline-block;
	padding-right: 4px;
	padding-left: 4px;
	box-sizing: border-box;
	margin-top: 42px;
	margin-right: auto;
	margin-bottom: 64px;
	margin-left: auto;
}




/**/
.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: 6px solid #000000;
}
.photo-gallery-box-white .gallery .item{
	position: relative;
	overflow: hidden;
	-webkit-box-flex: 0;
	flex: 0 1 25%;
	max-width: 400px;
	border: 6px solid #FFFFFF;
	border-radius:12px;
}



.gallery .item img{
	max-width: 100%;
	transition: all .3s;
	display: block;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}.gallery .item:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: none;
	filter: none;
}







@media only screen and (max-width: 1280px) {
.gallery .item, .photo-gallery-box-white .gallery .item{
	flex: 0 1 25%;
}}
@media only screen and (max-width: 880px) {
.gallery .item, .photo-gallery-box-white .gallery .item{
	flex: 0 1 33.33%;
}}
@media only screen and (max-width: 620px) {
.gallery .item, .photo-gallery-box-white .gallery .item{
	flex: 0 1 50%;
}.gallery .item:last-child{
	display: none;
}.photo-gallery-box-white .gallery .item:last-child{
	display: block;
}}






.swd-container{
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.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: 12px;
	font-weight: normal;
	text-align: center;
}
.viac-foto a:hover {
	color: rgba(255,255,255,0.7);
	transition: .3s all;
}


.nasi-partneri a:link, .nasi-partneri a:visited, .nasi-partneri a:active, .nasi-partneri a:focus {
	font-size: 17px;
	letter-spacing: 0.7px;
	color: rgba(102,102,102,0.8);
	display: inline-block;
	transition: .3s all;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 12px;
	font-weight: 200;
	text-align: center;
}
.nasi-partneri a:hover {
	color: rgba(51,51,51,1);
	transition: .3s all;
}












.map-frame{
	width: 100%;
	height: 462px;
	position: relative;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: rgba(216,216,216,1);
	display: flex;
} 




















.page-share{
	display: flex;
	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;
	text-align: left;
	background-color: rgba(255,255,255,1);
}


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



	
	
.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: rgb(2,159,227);
	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%);
}







































.recenzie-all{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start; /* Toto zarovná prvky na stred (vodorovne) */
	flex-direction: column;
    align-items: center;
}

.nahodne-recenzie{
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
    flex-wrap: wrap;
}


.div-recenzia-one {
	flex: 0 0 25%;
	padding: 9px;
}





@media only screen and (max-width:946px) {
.div-recenzia-one {
	flex: 0 0 50%;
}}



@media only screen and (max-width:546px) {
.div-recenzia-one {
	flex: 0 0 98%;
}}





.recenzia-page-one, .referencia-page-one{
	width: 100%;
	height: 100%;
	border: 1px solid rgb(234,234,234);
	border-radius: 13px;
	display: flex;
	align-items: flex-start;
	box-shadow: 1px 0px 22px -1px rgba(193,191,191,0.35);
	-webkit-box-shadow: 1px 0px 22px -1px rgba(193,191,191,0.35);
	-moz-box-shadow: 1px 0px 22px -1px rgba(193,191,191,0.35);
	margin: 7px;
	padding: 14px 14px 58px;
	position: relative;
	background-color: rgba(255,255,255,1);
}
.referencia-page-one{
	padding: 14px 14px 22px;
}


.recenzia-page-one-img {
	margin-right: auto;
	margin-left: auto;
	padding-top: 34px;
}
.recenzia-page-one-img img {
	border-radius: 50%;
	border: 3px solid rgb(0,173,238);
	padding: 3px;
	width: 136px;
	height: auto;
}
.recenzia-wrapper {
    display: flex;
    flex-direction: column;     /* prvky pod sebou */
    align-items: center;        /* horizontálne centrovanie */
    justify-content: center;    /* vertikálne centrovanie (ak má výšku) */
    text-align: center;         /* centrovanie textu */
    width: 100%;                /* natiahne kontajner */
    max-width: 600px;           /* voliteľné – aby text bol príjemný na čítanie */
    margin: 0 auto;             /* zarovná na stred */
}

/* voliteľne môžeš centrovať aj obrázky */
.recenzia-page-one-img img,
.recenzia-page-one-stars img {
    display: block;
    margin: 0 auto;
}



.recenzia-page-one-meno h3{
	padding: 17px 4px 0px;
	margin: 0px;
	font-size: 20px;
	font-weight: 200;
	color: rgb(0,173,238);
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	text-transform: none;
}
.recenzia-page-one-meno h3 b{
	font-size: 25px;
	color: rgb(51,51,51);
	line-height: 26px;
	width: 100%;
}


.recenzia-page-one p{
	padding: 0px 9px 4px;
	font-size: 15.5px;
	line-height: 22px;
}
.recenzia-page-one p i{
	font-size: 52px;
	width: 100%;
	display: inline-block;
	line-height: 0px;
	padding-top: 38px;
	font-family: "Times New Roman", Times, serif;
}

.recenzia-page-one .grey-line{
	height: 2px;
	width: 48px;
	background-color: rgba(204,204,204,1);
	margin-right: auto;
	margin-left: auto;
	margin-top: 27px;
	margin-bottom: 27px;
	border-radius:2px;
}


.recenzia-page-one-stars {
	padding: 4px;
	width: 100%;
	position: absolute;
	bottom: 34px;
	left: 0px;
	text-align: center;
}



.recenzia-page-one .gold-down-all, .referencia-page-one .gold-down-all{
	width: 100%;
	bottom: 1px;
	left: 0px;
	position: absolute;
	text-align: center;
}
.recenzia-page-one .gold-down, .referencia-page-one .gold-down{
	height: 3px;
	width: 58px;
	background-color: rgb(0,173,238);
	border-radius: 5px 5px 0px 0px;
	margin-right: auto;
	margin-left: auto;
}




.viac-button:link, .viac-button:visited, .viac-button:active,
.spat-button:link, .spat-button:visited, .spat-button:active {
	background-color: rgba(2,165,226,1);
	border-radius: 28px;
	display: inline-block;
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
	margin-bottom: 22px;
	padding-top: 11px;
	padding-right: 28px;
	padding-bottom: 12px;
	padding-left: 28px;
	margin-top: 12px;
	margin-right: 3px;
	margin-left: 3px;
	font-weight: 300;
}
.viac-button:hover, .spat-button:hover {
	background-color: #686868;
	-webkit-box-shadow: 0px 0px 7px 0px rgb(222,222,222);
	box-shadow: 0px 0px 7px 0px rgb(222,222,222);
}
.viac-button:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f105";
	font-size: 12px;
	padding-left: 12px;
}
.spat-button:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f104";
	font-size: 12px;
	padding-right: 15px;
}

@media only screen and (max-width: 880px) {
.viac-button:link, .viac-button:visited, .viac-button:active,
.spat-button:link, .spat-button:visited, .spat-button:active {
	margin-top: 8px;
	margin-bottom: 12px;
	width: 64%;
}}
@media only screen and (max-width: 480px) {
.viac-button:link, .viac-button:visited, .viac-button:active,
.spat-button:link, .spat-button:visited, .spat-button:active {
	width: 90%;
}}





.filter-button:link, .filter-button:visited, .filter-button:active{
	background-color: rgba(255,255,255,1);
	border-radius: 28px;
	display: inline-block;
	color: #333333;
	font-size: 18px;
	text-decoration: none;
	margin-bottom: 22px;
	padding-top: 11px;
	padding-right: 28px;
	padding-bottom: 12px;
	padding-left: 28px;
	margin-top: 12px;
	margin-right: 3px;
	margin-left: 3px;
	font-weight: 300;
	border: 1px solid rgba(204,204,204,1);
}
.filter-button:hover {
	background-color: #686868;
	-webkit-box-shadow: 0px 0px 15px 0px rgb(222,222,222);
	box-shadow: 0px 0px 15px 0px rgb(222,222,222);
	color: rgba(255,255,255,1);
	border: 1px solid #7E7E7E;
}
.filter-button:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f1de";
	font-size: 12px;
	padding-left: 12px;
}

@media only screen and (max-width: 880px) {
.filter-button:link, .filter-button:visited, .filter-button:active{
	margin-top: 8px;
	margin-bottom: 8px;
	width: 64%;
}}
@media only screen and (max-width: 480px) {
.filter-button:link, .filter-button:visited, .filter-button:active{
	width: 90%;
}}









































.kontakt-all{
	width: 100%;
	position: relative;
	
	display: inline-block;
}




.hlavny-kontakt--box{
	width: 100%;
	display: inline-block;
	padding-bottom: 44px;
	height: auto;
}
.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: 68px;
	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;
}}


.kontakt-hlavny_logo img{
	padding: 5px;
	border: 4px solid rgba(1,172,238,1);
	border-radius: 50%;
	height: 230px;
	width: 230px;
	margin-right: 56px;
	margin-top: 40px;
}
@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%;
}}


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

.nadpis-info{
	display: block;
	color: rgba(2,165,226,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,0.7);
	margin-top: 20px;
	margin-bottom: 20px;
}





.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;
	color: rgba(2,165,226,0.94);
}


.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;
	color: rgba(2,165,226,0.94);
}








.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: 78px;
}

.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 10px 0px;
	padding: 4px 0px 8px 0px;
}
.oddelenie-firma{
	font-size: 18px;
	color: rgba(210,120,66,0.94);
	display: block;
	padding-left: 1px;
}

.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: 17px;
	border: 1px solid #C0C0C0;
	font-weight: 300;
	padding: 7px 18px 8px;
}
.napiste-nam a:hover{
	color: #FBFBFB;
	background-color: rgba(2,165,226,1);
	text-decoration: none;
	border: 1px solid rgba(2,165,226,1);
}
.napiste-nam:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	content: "\f105";
	font-size: 12px;
	padding-left: 12px;
	color: rgba(2,165,226,1);
}

.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: 17px;
	border: 1px solid #C0C0C0;
	font-weight: 300;
	padding: 7px 18px 8px;
}
.napiste-nam-2 a:hover{
	color: #FBFBFB;
	background-color: rgba(2,165,226,0.94);
	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: rgba(2,165,226,0.94);
}
/* ------------------------- */
/*    KONTAKT --- KONTAKTY   */
/* ------------------------- */
































.napiste-nam-all{
	width: 100%;
	position: relative;
	
	display: inline-block;
	background: #f5f5f5;
	background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 31%, rgba(255, 255, 255, 1) 65%, rgba(245, 245, 245, 1) 100%);
}



/* --------------------------- */
/*  RESERVATION  NAPISTE NAM   */
/* --------------------------- */
.mail_form {
    width: 100%;
	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: 300;
	color: rgba(2,178,240,1);
	margin: 0px auto 34px;
	padding-top: 12px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(104,104,104,1);
	text-align: center;
	width: 220px;
}
.mail_form h3 strong{
	font-weight: 400;
	color: rgba(76,76,76,1);
}






.mail_form p{
	font-size: 15.2px;
	box-sizing: border-box;
	padding-bottom: 22px;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: 200;
	color: #6E6E6E;
	width: 96%;
}
@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: 1px solid #CCC;
	border-radius: 17px;
	text-align: left;
	padding: 12px 12px 10px 15px;
	-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,153,255,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;
}




/*
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: 17px;
	
	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: 17px;
}
.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 #4CB1D8;
	background-color: #00ADEF;
}

.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: 17px;
	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: 17px;
	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: 17px;
}




.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: 17px;

  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: 13.7px;
	color: rgba(51,51,51,0.7);
	font-weight: 500;
}
.suhlas-one{
	width: 8%;
	display: inline-block;
	vertical-align: top;
	float: left;
	color: rgba(1,75,135,1);
}
.suhlas-two{
	width: 92%;
	display: inline-block;
	vertical-align: top;
	float: right;
	color: rgba(2,178,240,1);
}

@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(0,124,198,0.8); 
	border-radius:7px;
}
input[type=checkbox] {
	transform: scale(1.43);
	cursor: pointer;
	accent-color: rgba(0,124,198,0.8); 
	background:rgba(0,124,198,1); 
}





.vseobecne-podmienky{
	max-width: 99%;
	margin-right: auto;
	margin-bottom: 28px;
	margin-left: auto;
	display: block;
	padding-left: 27px;
}
.podmienky a:link, .podmienky a:active,.podmienky a:visited{
	font-size: 13.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: #007CC4;
	padding-bottom: 2px;
}









































.site-map{
	padding-bottom: 42px;
}
.site-map h3 {
	font-size: 18px;
	line-height: 33px;
	text-align: center;
	width: 100%;
	display: inline-block;
	margin: 0px 0px 8px;
	padding-top: 18px;
	padding-bottom: 12px;
	color: rgba(153,153,153,1);
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(204,204,204,1);
}
.site-map h3 b{
	font-size: 23px;
	color: rgba(2,178,240,1);
	font-weight: 300;
	padding-right: 7px;
	padding-left: 7px;
	display: inline-block;
}





.site-map h4 {
	font-size: 15px;
	font-weight: 200;
	color: rgba(179,179,179,0.7);
	margin: 2px;
	padding: 32px 2px 7px;
	display: inline-block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: rgba(204,204,204,1);
}
.site-map h4 b{
	font-size: 19px;
	padding-left: 3px;
	color: rgba(51,51,51,0.7);
}





.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: 14.5px;
	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: #02B2F0;
	-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: 10px;
	display: inline-block;
}
.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: 2px;
}






























.parteri-all {
	width: 100%;
	display: inline-block;
	padding-top: 8px;
	padding-bottom: 0px;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(224,224,224,1);
	border-bottom-color: rgba(224,224,224,1);
}
.partner-logo-one {
	display: inline-block;
	vertical-align: top;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 30%;
	text-align: center;
}


@media only screen and (max-width: 600px) {
.partner-logo-one {
	width: 45%;
}}




.partner-logo-one img{
	width: 100%;
	max-width: 240px;
	height: auto;
	padding-right: 12px;
	padding-left: 12px;
	opacity:0.43;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
.partner-logo-one img:hover{
	opacity:0.84;
}
.partner-line {
	background-color: rgb(240,240,240);
	height: 38px;
	width: 1px;
	display: inline-block;
	vertical-align: top; /* here */
	margin-top: 28px;
	margin-bottom: 12px;
}


































.page-down-all {
	width: 100%;
	display: inline-block;
}

.page-down-high-line {
	height: 36px;
	width: 100%;
	display: inline-block;
	border-bottom-width: 1px;
}





.sitemap-down-one{
	display: inline-block;
	margin-top: 72px;
	box-sizing: border-box;
	text-align: left;
	width:28%;
	vertical-align: top; /* here */
	padding-bottom: 118px;
}
.sitemap-down-one:first-child {
	width:33%;
}
.sitemap-down-one:nth-child(2)  {
	width:21%;
}
.sitemap-down-one:nth-child(3)  {
	width:17%;
}
.sitemap-down-one:nth-child(4)  {
	width:19%;
}







@media only screen and (max-width: 980px) {
.sitemap-down-one:nth-child(1) {
	width: 50%;
}
.sitemap-down-one:nth-child(2) {
	display:none;
}
.sitemap-down-one:nth-child(3)  {
	width:22%;
}
.sitemap-down-one:nth-child(4)  {
	width:26%;
}}

@media only screen and (max-width: 700px) {
.sitemap-down-one:nth-child(1) {
	width: 58%;
}
.sitemap-down-one:nth-child(3)  {
	display:none;
}
.sitemap-down-one:nth-child(4)  {
	width:37%;
}}


@media only screen and (max-width: 520px) {
.sitemap-down-one:nth-child(1) {
	width: 93%;
	padding-right: 2%;
	padding-left: 6%;;
}
.sitemap-down-one:nth-child(4)  {
	display:none;
}}




.sitemap-down-one p{
	display: inline-block;
	box-sizing: border-box;
	text-align: left;
	padding: 18px 48px 28px 28px;
	color: rgba(255,255,255,0.7);
	margin: 0px;
	font-size: 14px;
	font-weight: 300;
}
.sitemap-down-one p strong{
	color: rgba(255,255,255,0.89);
	font-weight: 500;
}



.social-down {
	padding-top: 28px;
	padding-bottom: 48px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,0.3);
	margin-right: 48px;
	margin-left: 25px;
}
.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: #0161AF;
}
@media only screen and (max-width: 678px) {
.social-down {
	margin-right: 18px;
}}




.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: 17px;
	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 {
	width: 100%;
	display: inline-block;
}


















.copyright-box{
	width: 100%;
	display: inline-block;
}
.swd-box{
	font-weight: 300;
	font-size: 13px;
	float: left;
	text-align: left;
	color: rgba(245,245,245,1);
	padding-left: 12px;
}
@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: 13px;
	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: 11px;
	padding-left: 11px;
}
.line-down-menu a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

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

























/* --------------------------- */
/*      RESPONSIVE MENU        */
/* --------------------------- */
.responsive-menu{
	display:none;
}
.responsive-menu{display:block;float:right;cursor:pointer;}
.hmbr-button{
	cursor: pointer;
	color: rgba(255,255,255,0.7);
	display: block;
	height: 68px;
	width: 68px;
}
.hmbr-button:hover{
	cursor: pointer;
	color: rgba(253,250,255,1);
	display: block;
	height: 62px;
	width: 62px;
	font-weight: 100;
}
.overlay{
	height: 0%;
	width: 100%;
	min-width:340px;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.99);
	overflow-y: hidden;
	transition: 0.5s;
	z-index: 10;
}
.overlay-content{
	position: relative;
	top: 7%;
	width: 100%;
	text-align: center;
	margin-top: 12px;
	transition: 0.5s;
}
.overlay a{
	padding: 14px 8px;
	text-decoration: none;
	font-size: 23.7px;
	color: rgba(255,255,255,0.7);
	display: block;
	transition: 0.3s;
	margin: 4px;
	transition: 0.3s;
	font-weight: 300;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(204,204,204,0.3);
}




.overlay-content .contact-button {
	margin-top: 19px;
	margin-bottom: 19px;
	padding: 10px 35px;
	background-color: #FFFFFF; /* Tmavomodrá farba z obrázka */
	color: #0060AF !important;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}
.overlay-content .contact-button:hover {
	background-color: #0060AF; /* Tmavomodrá farba z obrázka */
	color: #ffffff !important;
}


.overlay-content .nav-item {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,0.3);
	margin-top: 6px;
	padding-top: 20px;
	padding-bottom: 18px;
}
.overlay a:hover, .overlay a:focus{
	color: rgba(255,255,255,0.98);
	opacity: 1;
	transition: 0.3s;
}
.overlay .close_btn{
	position: absolute;
	top: 0px;
	right: 20px;
	font-size: 42px;
	opacity: 0.9;
	transition: 0.5s;
	z-index: 5;
	line-height: 22px;
}
@media screen and (max-height:450px){.overlay{overflow-y:auto;}
.overlay a{font-size:18px}
.overlay .close_btn{font-size:40px;top:0px;right:30px;}
}

@media only screen and (max-width: 460px) {
.overlay{
	background-position: -110px center;
}}






























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




















@media only screen and (max-width: 1040px) {
.none-1040{
	display:none;
}}
@media only screen and (max-width: 980px) {
.none-980{
	display:none;
}}
@media only screen and (max-width: 948px) {
.none-948{
	display:none;
}}
@media only screen and (max-width: 920px) {
.none-920{
	display:none;
}}
@media only screen and (max-width: 870px) {
.none-870{
	display:none;
}}
@media only screen and (max-width: 700px) {
.none-700{
	display:none;
}}
@media only screen and (max-width: 600px) {
.none-600{
	display:none;
}}
@media only screen and (max-width: 520px) {
.none-520{
	display:none;
}}
@media only screen and (max-width: 460px) {
.none-460{
	display:none;
}}
@media only screen and (max-width: 390px) {
.none-390{
	display:none;
}}






























/* --------------------------- */
/*    GOTOP   GOTOP   GOTOP    */
/* --------------------------- */
.cd-top {
	display: inline-block;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	position: fixed;
	bottom: 22px;
	right: 22px;
	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(61,61,61,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 {
	bottom: 8px;
	right: 8px;;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
	bottom: 18px;
	right: 18px;
  }
}
/* --------------------------- */
/*    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         */
/* --------------------------- */
@media only screen and (min-width: 600px) {
.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}
@-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}}