<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*reset*/
html, body {
	height: 100% !important; font-family: 'Roboto Condensed', sans-serif;
}

@font-face {
	font-family: 'Gotham-Bold';
	src: url('fonts/Gotham-Bold.eot');
	src: local(''), url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf') format('truetype'), url('fonts/Gotham-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.grecaptcha-badge {
	visibility: hidden;
}

/* APENTAPLUSZ - BEGIN */
#apentaplusz {margin-bottom: 60px;}
p.viz-extrakkal-text {line-height: 130%; color: #555555; text-align:justify; margin-right: 15%; border-top: 1px solid #b1b1b1; padding-top:15px; font-weight:300;}
p.viz-extrakkal-text strong {font-weight:700;}
p.viz-extrakkal-text a {color: #555555;font-weight:700; text-decoration:none;}
p.viz-extrakkal-text a:hover {color: #555555;font-weight:700; text-decoration:underline;}

.focus, .antiox, .fit, .relax, .power, .collagen_broskev, .collagen_jahoda, .vital_recover, .vital_imuno, .vital_antistress, .vitamin_drink_h, .shot_c, .shot_z, .active_grapefruit, .active_broskev {color: #555555;}
.focus .termeknev {background-color: #95c120; padding: 12px; display:block; margin-bottom: 30px;}
.antiox .termeknev {background-color: #d41d64; padding: 12px; display:block; margin-bottom: 30px;}
.power .termeknev {background-color: #f5821f; padding: 12px; display:block; margin-bottom: 30px;}
.fit .termeknev {background-color: #dedc00; padding: 12px; display:block; margin-bottom: 30px;}
.relax .termeknev {background-color: #3cbee1; padding: 12px; display:block; margin-bottom: 30px;}
.collagen_broskev .termeknev {background-color: #f9b226; padding: 12px; display:block; margin-bottom: 30px;}
.collagen_jahoda .termeknev {background-color: #e32f2d; padding: 12px; display:block; margin-bottom: 30px;}
.vital_recover .termeknev {background-color: #dd7287; padding: 12px; display:block; margin-bottom: 30px;}
.vital_imuno .termeknev {background-color: #ea9246; padding: 12px; display:block; margin-bottom: 30px;}
.vital_antistress .termeknev {background-color: #ec7364; padding: 12px; display:block; margin-bottom: 30px;}
.vitamin_drink_h .termeknev {background-color: #0090d3; padding: 12px; display:block; margin-bottom: 30px;}
.active_grapefruit .termeknev {background-color: #000; color:#de3c2d; padding: 12px; display:block; margin-bottom: 30px;}
.active_broskev .termeknev {background-color: #000; color:#fbff00; padding: 12px; display:block; margin-bottom: 30px;}

.elements_pg .termeknev {background-color: #d4128b; padding: 12px; display:block; margin-bottom: 30px;}
.elements_pg .iz {color: #fff; font-weight:300; font-size:37px; line-height: 100%; text-transform:uppercase;}
.elements_pg .termeknev .nev  {color: #fff; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:50px; line-height: 100%;}
.elements_pg  table.tapertek th {background-color: #fff; color: #fff; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.elements_pg  table.tapertek .dark td {background-color: #dfb8d0;}
.elements_pg a.dietetikus-button {color: #fff; background-color: #d4128b; font-weight:300; display:block; padding: 8px 15px; margin: 20px 0; text-decoration:none;}

.elements_sf .termeknev {background-color: #cc3100; padding: 12px; display:block; margin-bottom: 30px;}
.elements_sf .iz {color: #fff; font-weight:300; font-size:37px; line-height: 100%; text-transform:uppercase;}
.elements_sf .termeknev .nev  {color: #fff; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:50px; line-height: 100%;}
.elements_sf table.tapertek th {background-color: #000; color: #fff; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.elements_sf table.tapertek .dark td {background-color: #f4bead;}
.elements_sf a.dietetikus-button {color: #fff; background-color: #cc3100; font-weight:300; display:block; padding: 8px 15px; margin: 20px 0; text-decoration:none;}

.elements_wp .termeknev {background-color: #f6d110; padding: 12px; display:block; margin-bottom: 30px;}
.elements_wp .iz {color: #000; font-weight:300; font-size:37px; line-height: 100%; text-transform:uppercase;}
.elements_wp .termeknev .nev  {color: #000; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:50px; line-height: 100%;}
.elements_wp table.tapertek th {background-color: #000; color: #fff; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.elements_wp table.tapertek .dark td {background-color: #fdf4c3;}
.elements_wp a.dietetikus-button {color: #000; background-color: #f6d110; font-weight:300; display:block; padding: 8px 15px; margin: 20px 0; text-decoration:none;}

.shot_c .termeknev {background-color: #7fbb3e; padding: 12px; display:block; margin-bottom: 30px;}
.shot_z .termeknev {background-color: #419edf; padding: 12px; display:block; margin-bottom: 30px;}
.focus .termeknev .nev, .antiox .termeknev .nev, .relax .termeknev .nev, .power .termeknev .nev, .collagen_jahoda .termeknev .nev, .vital_recover.termeknev .nev, .vitamin_drink_h.termeknev .nev, .shot_c .nev, .shot_z .nev, .active_broskev .nev, .active_grapefruit .nev {color: #fff; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:70px; line-height: 100%;}
.power .termeknev .nev  {color: #000; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:70px; line-height: 100%;}
.fit .termeknev .nev  {color: #000; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:70px; line-height: 100%;}
.collagen_broskev .termeknev .nev  {color: #000; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:50px; line-height: 100%;}
.collagen_jahoda .termeknev .nev  {color: #fff; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:50px; line-height: 100%;}
.vital_recover .termeknev .nev  {color: #000; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:50px; line-height: 100%;}
.vital_imuno .termeknev .nev  {color: #000; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:50px; line-height: 100%;}
.vital_antistress .termeknev .nev  {color: #000; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:50px; line-height: 100%;}
.vitamin_drink_h .termeknev .nev  {color: #000; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:50px; line-height: 100%;}
.shot_c .termeknev .nev  {color: #000; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:50px; line-height: 100%;}
.shot_z .termeknev .nev  {color: #000; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:50px; line-height: 100%;}
.active_grapefruit .termeknev .nev  {color: #de3c2d; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:50px; line-height: 100%;}
.active_broskev .termeknev .nev  {color: #fbff00; font-weight:900; margin: 0 0 10px 0; font-family: 'Roboto', sans-serif; font-size:50px; line-height: 100%;}

.focus .termeknev .iz, .antiox .termeknev .iz, .fit .termeknev .iz, .relax .termeknev .iz, .power .termeknev .iz, .collagen_broskev .iz, .collagen_jahoda .iz, .vital_recover .iz, .vital_imuno .iz, .vital_antistress .iz,.vitamin_drink_h .iz, .shot_c .iz, .shot_z .iz {color: #000; font-weight:300; font-size:37px; line-height: 100%; text-transform:uppercase;}
.focus a.dietetikus-button {color: #fff; background-color: #95c120; font-weight:300; display:block; padding: 8px 15px; margin: 20px 0; text-decoration:none;}
.antiox a.dietetikus-button {color: #fff; background-color: #d41d64; font-weight:300; display:block; padding: 8px 15px; margin: 20px 0; text-decoration:none;}
.power a.dietetikus-button {color: #000; background-color: #f5821f; font-weight:300; display:block; padding: 8px 15px; margin: 20px 0; text-decoration:none;}
.fit a.dietetikus-button {color: #000; background-color: #dedc00; font-weight:300; display:block; padding: 8px 15px; margin: 20px 0; text-decoration:none;}
.relax a.dietetikus-button {color: #fff; background-color: #3cbee1; font-weight:300; display:block; padding: 8px 15px; margin: 20px 0; text-decoration:none;}
.focus a.dietetikus-button span, .antiox a.dietetikus-button span, .fit a.dietetikus-button span, .relax a.dietetikus-button span, .power a.dietetikus-button span  {font-weight:400; font-size:22px; margin-right: 15px;}
.focus a.dietetikus-button:hover {color: #000; background-color: #95c120; text-decoration:none;}
.antiox a.dietetikus-button:hover {color: #000; background-color: #d41d64; text-decoration:none;}
.power a.dietetikus-button:hover {color: #fff; background-color: #f5821f; text-decoration:none;}
.fit a.dietetikus-button:hover {color: #fff; background-color: #dedc00; text-decoration:none;}
.relax a.dietetikus-button:hover {color: #fff; background-color: #3cbee1; text-decoration:none;}

.focus p,.antiox p,.fit p,.relax p, .power p, .collagen_broskev, .vital_recover p, .vital_imuno p, .vital_antistress p, .vitamin_drink_h p, .shot_c p, .shot_z p, .active_broskev p, .active_grapefruit p {margin: 30px 0;}
.focus table.tapertek, .antiox table.tapertek, .fit table.tapertek, .relax table.tapertek, .power table.tapertek, .collagen_broskev table.tapertek, .collagen_jahoda table.tapertek, .vital_recover table.tapertek, .vital_imuno table.tapertek, .vital_antistress table.tapertek, .vitamin_drink_h table.tapertek, .shot_c table.tapertek, .shot_z table.tapertek, .active_grapefruit table.tapertek, .active_broskev table.tapertek {border-collapse:collapse; border: 1px solid #000; margin-bottom: 10px; width: 100%;}
.focus table.tapertek th {background-color: #000; color: #95c11e; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.antiox table.tapertek th {background-color: #000; color: #d41d64; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.collagen_broskev table.tapertek th {background-color: #000; color: #ffda96; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.collagen_jahoda table.tapertek th {background-color: #000; color: #fff; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.vital_recover table.tapertek th {background-color: #000; color: #dea6b1; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.vital_imuno table.tapertek th {background-color: #000; color: #dea6b1; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.vital_antistress table.tapertek th {background-color: #000; color: #dea6b1; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.active_broskev table.tapertek th {background-color: #000; color: #f9f1ad; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.active_grapefruit table.tapertek th {background-color: #000; color: #e9aea0; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}

.vitamin_drink_h table.tapertek th {background-color: #000; color: #8dc1e5; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.shot_c table.tapertek th {background-color: #000; color: #b4d194; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.shot_z table.tapertek th {background-color: #000; color: #8dc1e5; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.power table.tapertek th {background-color: #000; color: #f5821f; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.fit table.tapertek th {background-color: #000; color: #dedc00; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.relax table.tapertek th {background-color: #000; color: #3cbee1; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.focus table.tapertek td, .antiox table.tapertek td, .fit table.tapertek td, .relax table.tapertek td, .power table.tapertek td, .collagen_broskev table.tapertek td, .collagen_jahoda table.tapertek td, .vital_recover table.tapertek td, .vital_imuno table.tapertek td, .vital_antistress table.tapertek td, .vitamin_drink_h table.tapertek td, .shot_c table.tapertek td, .shot_z table.tapertek td, .active_grapefruit table.tapertek td, .active_broskev table.tapertek td {font-size: 80%; color: #000; padding: 2px 5px;line-height: 110%;}
.focus table.tapertek td div, .antiox table.tapertek td div, .fit table.tapertek td div, .relax table.tapertek td div, .power table.tapertek td div, .collagen_broskev table.tapertek td div, .collagen_jahoda table.tapertek td div, .vital_recover table.tapertek td div, .vital_imuno table.tapertek td div, .vital_antistress table.tapertek td div, .vitamin_drink_h table.tapertek td div, .shot_c table.tapertek td div, .shot_z table.tapertek td div, .active_grapefruit table.tapertek td div, .active_broskev table.tapertek td div {margin-left: 7px;}
.focus table.tapertek .dark td {background-color: #d8e6b0;}
.antiox table.tapertek .dark td {background-color: #f5b2c5;}
.collagen_broskev table.tapertek .dark td {background-color: #f6eeb9;}
.collagen_jahoda table.tapertek .dark td {background-color: #d5d5d5;}
.vital_recover table.tapertek .dark td {background-color: #dea6b1;}
.vital_imuno table.tapertek .dark td {background-color: #f8d1b0;}
.vital_antistress table.tapertek .dark td {background-color: #fabfb7;}
.active_grapefruit table.tapertek .dark td {background-color: #e5a899;}
.active_broskev table.tapertek .dark td {background-color: #f9f1ad;}
.vitamin_drink_h table.tapertek .dark td {background-color: #59bbeb;}
.shot_c table.tapertek .dark td {background-color: #bbd264;}
.shot_z table.tapertek .dark td {background-color: #59bbeb;}
.power table.tapertek th {background-color: #000; color: #f5821f; padding: 3px 5px; font-weight: 400; line-height: 110%;font-size: 80%;}
.fit table.tapertek .dark td {background-color: #f1f199;}
.relax table.tapertek .dark td {background-color: #b1e5f3;}
.power table.tapertek .dark td {background-color: #fdad68;}
.focus p.tapertek-csillagozott, .antiox p.tapertek-csillagozott, .fit p.tapertek-csillagozott, .relax p.tapertek-csillagozott, .power p.tapertek-csillagozott, .collagen_broskev p.tapertek-csillagozott, .collagen_jahoda p.tapertek-csillagozott, .vital_imuno p.tapertek-csillagozott, .vital_antistress p.tapertek-csillagozott, .vital_recover p.tapertek-csillagozott, .vitamin_drink_h p.tapertek-csillagozott, .shot_c p.tapertek-csillagozott, .shot_z p.tapertek-csillagozott, .active_grapefruit p.tapertek-csillagozott, .active_broskev p.tapertek-csillagozott {font-size: 80%; color: #000; margin: 0 0 20px 0;}

/* PRODUCT SLIDER BUTTONS */
.slider-termekbutton {text-align:center; margin: 10px 0 170px 0; display:block; line-height: 40px;}
a.button-focus {background-color: #95c120; color: #fff; padding: 5px 12px; font-weight: 400; text-decoration:none; margin: 6px 6px;}
a.button-focus:hover {color: #000;text-decoration:none;}
a.button-antiox {background-color: #d41d64; color: #fff; padding: 5px 12px; font-weight: 400; text-decoration:none; margin: 6px 6px;}
a.button-antiox:hover {color: #000;text-decoration:none;}
a.button-fit {background-color: #dedc00; color: #000; padding: 5px 12px; font-weight: 400; text-decoration:none; margin: 6px 6px}
a.button-fit:hover {color: #fff;text-decoration:none;}
a.button-relax {background-color: #3cbee1; color: #fff; padding: 5px 12px; font-weight: 400; text-decoration:none; margin: 6px 6px}
a.button-relax:hover {color: #000;text-decoration:none;}
a.button-power {background-color: #f5821f; color: #fff; padding: 5px 12px; font-weight: 400; text-decoration:none; margin: 6px 6px}
a.button-power:hover {color: #000;text-decoration:none;}
a.button-collagen_broskev {background-color: #f9b226; color: #fff; padding: 5px 12px; font-weight: 400; text-decoration:none; margin: 6px 6px }
a.button-collagen_broskev:hover {color: #000;text-decoration:none;}
a.button-collagen_jahoda {background-color: #e32f2d; color: #fff; padding: 5px 12px; font-weight: 400; text-decoration:none; margin: 6px 6px}
a.button-collagen_jahoda:hover {color: #000;text-decoration:none;}

a.button-vital_recover {background-color: #dd7287; color: #fff; padding: 5px 12px; font-weight: 400; text-decoration:none; margin: 6px 6px}
a.button-vital_recover:hover {color: #000;text-decoration:none;}
a.button-vital_imuno {background-color: #ea9246; color: #fff; padding: 5px 12px; font-weight: 400; text-decoration:none; margin: 6px 6px}
a.button-vital_imuno:hover {color: #000;text-decoration:none;}
a.button-vital_antistress {background-color: #ec7364; color: #fff; padding: 5px 12px; font-weight: 400; text-decoration:none; margin: 6px 6px}
a.button-vital_antistress:hover {color: #000;text-decoration:none;}

a.button-active_broskev {background-color: #fcfe79; color: #000; padding: 5px 12px; font-weight: 400; text-decoration:none; margin: 6px 6px}
a.button-active_broskev:hover {color: #fff;text-decoration:none;}
a.button-active_grapefruit {background-color: #f4b19f; color: #fff; padding: 5px 12px; font-weight: 400; text-decoration:none; margin: 6px 6px}
a.button-active_grapefruit:hover {color: #000;text-decoration:none;}


/* FAQ ACCORDION */
#otazky h1 {color: #e4161b; font-family: 'Roboto', sans-serif; font-weight:900; margin-bottom: 20px;}
#otazky ul {list-style: none;padding: 0;}
#otazky ul .inner {overflow: hidden;display: none;}
#otazky ul .inner.show { /*display: block;*/}
#otazky ul li {background-color: #ebebeb;color: #555555; margin: 6px;}
#otazky ul li p {padding: 15px 15px 0 15px;}
#otazky ul li a.toggle {width: 100%; display: block;background-color: #ebebeb;color: #333333;padding: .75em;transition: background .3s ease; text-decoration:none;border-bottom: 3px solid #fff; clear:both;}
#otazky ul li a.toggle:hover {color: #fff; background: #333; text-decoration:none;}
#otazky ul li a.toggle span.question {color: #e4161b; font-family: 'Roboto', sans-serif; font-weight:900; font-size: 40px; line-height: 100%; margin: 0 20px 10px 10px; display:block; float:left;}
#otazky ul li a.toggle span.plus {color: #e4161b; font-family: 'Roboto', sans-serif; font-weight:900; font-size: 40px; line-height: 100%; margin: 0 20px 10px 10px; display:block; float:right;}
#otazky ul li a.toggle span.text {margin: 0 50px; padding: 7px 0; display:block;}
#otazky p a {color: #555555; text-decoration:underline;}

#partneri {padding-left:40px;}
#partneri h1 {color: #e4161b; font-family: 'Roboto', sans-serif; font-weight:900; margin-bottom: 20px;}
#partneri .item {display:inline-block;width:28%;margin:20px;}
#partneri .item .nazev {font-weight:bold;font-size:22px;margin-top:15px;margin-bottom:5px;}

/* APENTAPLUSZ - END */

.main-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background-image: url('../img/spinner.svg');
	background-size: 100%;
	width: 80px;
	height: 80px;
	box-shadow: 0 0 40px rgba(0,0,0,0.05);
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,0.05);
	-ms-box-shadow: 0 0 40px rgba(0,0,0,0.05);
	-o-box-shadow: 0 0 40px rgba(0,0,0,0.05);
	z-index: 999999;
}

.navbar-toggler {
	border-color: #e4161b;
	color: #e4161b;
}

#uvod_mobile {
	display:none;
}

#uvod {
	padding-top:120px;
}


.uvod_title {
	position:relative;
	display: inline-block;
	font-family: 'Gotham-Bold';
	vertical-align: middle;
	width:700px;
	margin-top: 55px;
	font-size:37px;
	font-weight:bold;
	line-height:48px;
	padding-left:16px;
	color:#000;
	border-left:solid 3px #000;
}

.navbar-toggler i {
	font-size: 30px;
}

.row.col-spacing {
	margin-left: -25px;
	margin-right: -25px;
}

.row.col-spacing [class^="col-"] {
	padding-left: 25px;
	padding-right: 25px;
}

.overlay {
	background-color: #fff;
	opacity: .10;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*article read*/
.article-read {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	padding: 20px;
	z-index: 99999;
	overflow: auto;
}

.article-read .article-read-inner {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	padding: 50px 0 100px 0;
	width: 70%;
}

.article-read .article-back {
	margin-bottom: 30px;
}

.article-read .article-back .btn {
	border-color: #999;
	color: #999;
	text-transform: uppercase;
	font-weight: 800;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	padding: 10px 25px;
	cursor: pointer;
	font-size: 14px;
}

.article-read .article-back .btn i {
	margin-right: 5px;
}

.article-read .article-back .btn:hover {
	background-color: #000;
	color: #fff;
}

.article-read .article-title {
	font-size: 30px;
	font-weight: 800;
}

.article-read .article-metas {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.article-read .article-metas .meta {
	float: left;
	padding-right: 15px;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
	letter-spacing: 1px;
}

.article-read .article-picture {
	width: 100%;
	margin-bottom: 20px;
}

.article-read .article-picture img {
	width: 100%;
}

.article-read .article-content {
	line-height: 28px;
}
/*navbar*/

.navbar.main-navbar {
	position: fixed;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index: 100;
	background-color: #000 !important;
}

.navbar.main-navbar .navbar-brand {
	width: 215px;
	padding: 0;
	line-height: 0;
}

.navbar.main-navbar .navbar-brand img {
	width: 100%;
}

.navbar.main-navbar .nav-link {
	color: #fff;
	padding: 10px 20px!important;
	font-size: 16px;
	position: relative;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

.navbar.main-navbar .nav-link:after {
	content: ' ';
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	height: 2px;
	width: 0;
	background-color: #fff;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}

.navbar.main-navbar .nav-link:hover {
	color: #e4161b;
}

.navbar.main-navbar .nav-link:hover:after {
	width: 20px;
}

.navbar.main-navbar .nav-item.active .nav-link {
	color: #fff;
	background-color: #e4161b;
}

.navbar.main-navbar .nav-item.active .nav-link:after {
	width: 20px;
}

.navbar.main-navbar .form-inline {
	margin-left: 15px;
}

.navbar.main-navbar .form-inline .btn {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-width: 2px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	letter-spacing: 1px;
	background-color: transparent;
	border-color: #fff;
}

.navbar.main-navbar .form-inline .btn:hover {
	background-color: #fff;
	color: #000;
	opacity: 1;
}

/*hero*/
.hero {
	height: 100%;
	color: #fff;
	position: relative;
}

.hero .text {
	position: absolute;
	top: 60%;
	left: 300px;
	right: 300px;
	transform: translateY(-60%);
	-webkit-transform: translateY(-60%);
	-moz-transform: translateY(-60%);
	-o-transform: translateY(-60%);
	-ms-transform: translateY(-60%);
	z-index: 1;
	text-align: center;
}

.hero .text h1 {
	margin: 0;
	font-size: 64px;
	font-weight: 300;
	letter-spacing: .5px;
	line-height: 1.3em;
}

.hero .text h1 .bold {
	font-weight: 600;
}

.hero .text p.lead {
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 0;
	font-size: 16px;
}

.hero .cta {
	margin-top: 40px;
}

.hero .cta .btn {
	padding: 15px 20px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1.3px;
	font-weight: 600;
}

.hero .cta .btn.btn-primary {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

.hero .cta .btn.btn-link {
	color: #fff;
}

.hero .cta .btn.btn-link i {
	margin-right: 5px;
}

.hero .cta .link {
	margin-top: 15px;
}

.hero .cta .link a {
	color: #fff;
	font-size: 12px;
	text-decoration: underline;
	text-transform: none;
	color: #999;
	font-weight: 600;
	letter-spacing: .3px;
}

/*section*/
section {
	position: relative;
}

section.bg-grey {
	background-color: #f9f9f9;
}

section.bg-reverse {
	background-color: #000;
}

section.bg-overlay {
	/*background-color: rgba(0,0,0,0.85);*/
	background-position:bottom; background-repeat:no-repeat;
}

section.padding {
	padding: 100px 0;
}

section#blog {
	padding-bottom: 70px;
}

section .section-title {
	font-size: 34px;
}

section .section-lead {
	font-size: 18px;
	font-weight: 200;
	margin-top: 15px;
}

section .section-body {
	margin-top: 60px;
}

section.callout {
	padding: 50px 0;
}

section.callout .cta {
	text-align: right;
}

section.callout .cta .btn {
	padding: 15px 35px;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 2px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-moz-border-radius: 0;
	border-width: 2px;
	border-color: #000;
	color: #000;
}

section.callout .cta .btn:hover {
	background-color: #000;
	color: #fff;
}

section.callout h3 {
	margin: 0;
}

/*list*/
.list-item {
	display: flex;
	display: -webkit-flex;
	width: 100%;
}

.list-item.no-spacing {
	padding-bottom: 0;
}

.list-item .icon,
.list-item .desc {
	flex: 1;
	-webkit-flex: 1;
}

#slider2 img {
	width:120%;
}

.list-item .icon {
	flex: 0 0 65px;
	-webkit-flex: 0 0 65px;
	font-size: 45px;
	line-height: 0;
	color: #ccc;
}

.list-item .desc h2 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: .5px;
	margin-bottom: 10px;
}

.list-item .desc p {
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 0;
}

.list-item .desc .more {
	display: inline-block;
	margin-top: 10px;
}

/*article*/
article.card {
	border: none;
	box-shadow: 0 0 40px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.05);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.05);
	-ms-box-shadow: 0 0 40px rgba(0,0,0,.05);
	-o-box-shadow: 0 0 40px rgba(0,0,0,.05);
	margin-bottom: 60px;
}

article.card .card-img-top {
	height: 100%;
}

article.card .card-title {
	font-size: 20px;
	line-height: 28px;
}

article.card .card-title a {
	color: #000;
	text-decoration: none;
}

article.card .card-title a:hover {
	opacity: .8;
}

article.card .card-text {
	color: #666;
	line-height: 26px;
}

article.card .card-subtitle {
	font-size: 14px;
	color: #666;
}

article.card .card-subtitle a {
	color: #666;
	border-bottom: 1px dotted #666;
	text-decoration: none;
}

article.card .card-more {
	text-transform: uppercase;
	font-weight: 800;
	text-transform: 2px;
	color: #000;
	display: inline-block;
	margin-top: 10px;
	font-size: 14px;
}

article.card .card-more i {
	margin-left: 5px;
}

/*subscribe*/
.subscribe {
	position: relative;
}

.subscribe .form-control,
.subscribe .btn {
	height: 45px;
}

.subscribe .form-control {
	border-width: 2px;
	margin-right: 1px;
	border-color: transparent;
	box-shadow: 0 0 40px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.05);
	-moz-box-shadow: 0 0 40px rgba(0,0,0,.05);
	-o-box-shadow: 0 0 40px rgba(0,0,0,.05);
	padding: 30px 25px;
	padding-right: 130px;
	border-radius: 30px !important;
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	-o-border-radius: 30px !important;
	-ms-border-radius: 30px !important;
	display: inline-block;
	width: 100%;
}

.subscribe .form-control:hover {
	border: 2px solid #ddd;
}

.subscribe .form-control:focus {
	border-color: #0069d9;
}

.subscribe .btn {
	padding-left: 20px;
	padding-right: 20px;
	position: absolute;
	right: 10px;
	top: 10px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .5px;
}

/*projects*/
.projects-picture {
	width: 250px;
	margin: 0 auto;
}

.projects-picture img {
	width: 100%;
}

.projects-details {
	color: #fff;
}

.projects-details .projects-badge {
	padding: 6px 14px;
	border: 2px solid #fff;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 2px;
	margin-bottom: 20px;
	display: inline-block;
}

.projects-details .projects-title {
	line-height: 45px;
}

.projects-details .projects-description {
	line-height: 28px;
	margin-top: 20px;
	color: #999;
}

.projects-details .projects-cta {
	margin-top: 40px;
}

.projects-details .projects-cta .btn-primary {
	background-color: #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	color: #000;
	border-color: #fff;
	padding: 13px 20px;
	text-transform: uppercase;
	font-weight: 800;
}

.projects-details .projects-cta .btn-primary:hover {
	background-color: transparent;
	color: #fff;
}

.projects-details .projects-cta .btn-link {
	color: #999;
}

/*contact*/
form.contact .form-control {
	margin-bottom: 5px;
	height: 50px;
	padding: 15px;
	border-color: transparent;
	box-shadow: 0 0 10px rgba(0,0,0,.01);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.01);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.01);
	-o-box-shadow: 0 0 10px rgba(0,0,0,.01);
	-ms-box-shadow: 0 0 10px rgba(0,0,0,.01);
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-width: 2px;
}

form.contact .form-control:focus {
	border: 2px solid #000;
}

form.contact textarea.form-control {
	height: 220px;
}

form.contact .btn-primary {
	padding: 15px 20px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	font-size: 14px;
	cursor: pointer;
	border-color: #000;
	color: #fff;
	background-color: #000;
	border-width: 2px;
}

form.contact .btn-primary:hover {
	background-color: transparent;
	color: #000;
}

.ambasadori .item{
	vertical-align:top;
}

.ambasadori .item{
	position: relative;
	display:inline-block;
	margin-top:35px;
	/* margin-right:60px; */
	margin-right:0px;
	width: 300px;
	height: 628px;
}

.ambasadori .item:nth-child(3) {
	margin-right:0px;
}

.ambasadori .item img{
	width: 300px;
	transition: all .2s ease-in-out;
}

.ambasadori .item:hover{
	transform: scale(1.1);
}

.ambasadori .description {
	background-color: #000;
	color:#fff;
	padding:16px;
	height:178px;
}

.img_description_layer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	visibility: hidden;
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
  
	/* transition effect. not necessary */
	transition: opacity .2s, visibility .2s;
}



.description .jmeno {
	font-size:25px;
	font-weight:bold;
	margin-bottom:5px;
	text-align:center;
}

.description .popis {
	font-size:16px;
}


.contact-text {
	line-height: 28px;
}

.contact-icon {
	margin: 0;
	margin-bottom: 30px;
	padding: 0;
}

.contact-icon li {
	display: inline-block;
	width: 100%;
	margin-bottom: 7px;
}

.contact-icon i {
	font-size: 26px;
	width: 40px;
	float: left;
}

.contact-icon div {
	margin-left: 35px;
}

/*kontakt*/

#kontakt #mapa img {
	width: 95%;
}

#kontakt h3 {
	font-size:30px;
}

#kontakt form {
	margin-top:20px;
}

#kontakt #notifikace {
	margin-top:15px;
	margin-bottom:15px;
	display:none;
	font-weight:bold;
	color:green;
}

#notifikace.error {
    color: #e4161b !important;
}

#kontakt #adresa {
	font-size:18px;
	text-align:center;
	margin-top:10px;
}

#kontakt input[type=text], 
#kontakt input[type=email] {
    width: 95%;
    padding: 6px;
    font-size: 16px;
    margin-bottom: 8px;
}

#kontakt textarea {
	width:95%;
	padding:6px;
	font-size:16px;
	height:90px;
}

#kontakt .souhlas {
	margin-top:5px;
	font-size:16px;
	margin-bottom:5px;
}


#kontakt button {
	cursor:pointer;
}

/*footer*/
footer {padding: 50px 0;margin-top: 0px;background-color: #e4e4e4;color: #b6b6b6;}
footer .logo {text-align:center;}
footer .logo img {width: 120px;}
footer .text {font-weight: 500;font-size: 14px; color: #b6b6b6;text-align:left;padding: 5px 0;}
footer .text a {color: #b6b6b6;text-decoration:underline;}
footer .text a:hover {color: #e4161b;text-decoration:underline;}
footer .social {text-align:center;}
footer .social a  {color: #b6b6b6;text-decoration:none;margin: 0 5px;}
footer .social a:hover  {color: #e4161b;text-decoration:underline;}

.window {
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.6);
    z-index: 500;
	}
	
.window .box{
    position:relative;
    width:48%;
    height:auto;
    margin:5% auto;
    background-color: rgba(255,255,255,1);
	border-radius:0px;
    box-shadow: 0 0 10px #000000;
    text-align:center;
    overflow-y: none;
}

.window img {
	width:100%;
	height:auto;
	padding-top:8px;
	padding-bottom:8px;
}

#zavrit-banner{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    line-height: 30px;
    font-size: 18px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding: 0;
    cursor: pointer;
    background:#900;
    color: #fff;
    transition:all 0.3s;
}
	
#zavrit-banner:hover{
    background:#162F67;
    color:#FFF;
    transition:all 0.3s;
}


.button {
	display:inline-block;
	background-color:#ff7917;
	padding-left:22px;
	padding-right:22px;
	padding-top:7px;
	padding-bottom:6px;
	font-size: 21px;
	border-radius: 25px;
	color: #fff;
	cursor:pointer;
	outline:none;
}

.button:hover {
	background-color:#f75812;
}

@media screen and (max-width: 1024px) {
.window .box {
    width: 80%;
    max-height: 80%;
    margin: 5% auto;
}

.ambasadori .item:nth-child(2) {
	margin-right:0px;
}	
.ambasadori {
	vertical-align: top;
}	

.uvod_title {
	vertical-align: middle;
	font-size:37px;
	line-height:43px;
	padding-left:0px;
	border-left:none;
	padding-top:10px;
	width:100%;
}

#partneri {padding-left:20px;}
#partneri .item {display:inline-block;width:42%;margin:20px;}
}


@media screen and (max-width: 768px) {
	.ambasadori .item:nth-child(2) {
		margin-right:0px;
	}	

	#slider2 img {
		width:100%;
	}	
	
	.hero .text {
		left: 20px;
		right: 20px;
	}

	#uvod {
		display:none;
	}
	
	#uvod_mobile {
		display:block;
		padding-top:80px;
	}

	.uvod_title {
		vertical-align: middle;
		font-size:37px;
		line-height:43px;
		padding-left:0px;
		border-left:none;
		padding-top:10px;
		width:100%;
	}

	.navbar.main-navbar .navbar-collapse {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.navbar.main-navbar .navbar-nav .nav-item a {
		display: inline-block;
		padding: 10px 0;
	}
	.navbar.main-navbar .navbar-nav .nav-item a:after {
		display: none;
	}
	.navbar.main-navbar .form-inline {
		margin-left: 0;
	}
	footer .text {text-align:center; padding: 10px 0;}

	#partneri {padding-left:20px;}
	#partneri .item {display:inline-block;width:42%;margin:20px;}

}

@media screen and (max-width: 576px) {
	.hero .text h1 {
		font-size: 34px;
	}
	.hero .text p.lead {
		line-height: normal;
	}
	.projects-picture {
		margin-bottom: 40px;
	}

	#uvod {
		display:none;
	}

	#uvod_mobile {
		display:block;
		padding-top:80px;
	}

	#slider2 img {
		width:100%;
	}	

	.maps {
		margin-bottom: 40px;
		width: 100%;
		height: 250px;
	}
	section.callout .text {
		text-align: center;
		margin-bottom: 20px;
	}
	section.callout .cta {
		text-align: center;
	}
	.row.col-spacing {
		margin-left: -15px;
		margin-right: -15px;
	}
	.row.col-spacing [class^="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}
	.list-item {
		padding-bottom: 40px;
	}
	.novinka {
		display:none;
	}

	.ambasadori {
		text-align:center;
	}

	.ambasadori .item {
		margin-right:0px;
	}

	section.padding {
		padding: 25px 0;
	}

	#kontakt #mapa {
		padding-top:60px;
	}

	#uvod {
		padding-top: 80px !important;
	}

	.uvod_title {
		vertical-align: middle;
		font-size:37px;
		line-height:43px;
		padding-left:0px;
		border-left:none;
		padding-top:10px;
		width:100%;
	}

	#partneri {padding-left:0px;}
	#partneri .item {display:block;width:90%;margin:0 auto;margin-bottom:20px;}
	#partneri .item .nazev {text-align:center}
	#partneri .item p {text-align:center}
}

@media screen and (max-width: 320px) {
	.article-read .article-read-inner {
		width: 80%;
	}

	#slider2 img {
		width:100%;
	}	

	section.padding {
		padding: 25px 0;
	}

	#uvod {
		padding-top: 80px !important;
	}
	#partneri {padding-left:0px;}
	#partneri .item {display:block;width:90%;margin:0 auto;margin-bottom:20px;}
	#partneri .item .nazev {text-align:center}
	#partneri .item p {text-align:center}
}
</pre></body></html>