/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2012 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.vitar.cz/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.vitar.cz/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://www.vitar.cz/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.vitar.cz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.vitar.cz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.vitar.cz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.vitar.cz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.vitar.cz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.vitar.cz/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

@charset "UTF-8";

#search_autocomplete {
	position: absolute;
	z-index: 99999;
	color: #000;
	width: 320px !important;
	text-align: left;
	background: #fff;
	
	-webkit-box-shadow: 0px 0px 30px #666;
	-moz-box-shadow: 0px 0px 30px #666;
	-o-box-shadow: 0px 0px 30px #666;
	box-shadow: 0px 0px 30px #666;
}

#search_autocomplete h4 {
	margin: 0;
	padding: 1em;
	background-color: #eee;
	color: #000;
	font-size: 1em;
}

#search_autocomplete ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#search_autocomplete ul li {
	position: relative;
	border-bottom: 1px dotted #d8d8d8;
}

#search_autocomplete ul li.last {
	border-bottom: 0;
}

#search_autocomplete ul li a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 10px 10px 8px;
}

#search_autocomplete ul li a:hover {
	background-color: #f8f8f8;
}

#search_autocomplete .autocomplete-categories li a,
#search_autocomplete .autocomplete-suggestions li a {
	padding-right: 50px;
}

#search_autocomplete .autocomplete-suggestions li .title {
	color: #333;
}

#search_autocomplete .autocomplete-suggestions li .title strong {
	color: #d82508;
}

#search_autocomplete .autocomplete-categories li .amount,
#search_autocomplete .autocomplete-suggestions li .amount {
	position: absolute;
	top: 1em;
	right: 10px;
	color: #d82508;
	font-weight: bold;
	font-size: 0.9em;
}

#search_autocomplete .autocomplete-products li .image {
	float: left;
	margin-right: 10px;
}

#search_autocomplete .autocomplete-categories li .title,
#search_autocomplete .autocomplete-products li .title {
	color: #000;
	font-weight: bold;
	display: block;
	line-height: 130%;
	padding: 3px 0 10px;
}

#search_autocomplete .autocomplete-products li .price {
	color: #d82508;
	font-size: 1.05em;
	font-weight: bold;
	display: block;
}

#search_autocomplete .autocomplete-products li a:after {
	content: '';
	clear: both;
	display: block;
}

#search_autocomplete .autocomplete-products p {
	margin: 0;
	text-align: center;
}

#search_autocomplete .autocomplete-products p a {
	color: #d82508;
	text-decoration: underline;
	display: block;
	padding: 1em;
}

#search_autocomplete .autocomplete-products p a:hover {
	text-decoration: none;
}

#search_autocomplete .autocomplete-categories li .title {
	padding: 0;
}

#search_autocomplete .no-results {
	padding: 15px;
	text-align: center;
}

#search_autocomplete .no-results li {
	border-bottom: 0;
}
	

@media screen and (max-width: 479px)
{	
	#search_autocomplete {
		width: 290px !important;
	}
}

@font-face {
	font-family: 'Gotham';
	font-weight: 500;
	font-style: normal;
	
	src: url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Gotham-Medium.eot');
	src: url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Gotham-Medium.eot?#iefix') format('eot'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Gotham-Medium.woff') format('woff'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Gotham-Medium.ttf') format('truetype'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Gotham-Medium.svg#Montserrat') format('svg');
}

@font-face {
	font-family: 'Gotham';
	font-weight: 900;
	font-style: normal;
	
	src: url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Gotham-Bold.eot');
	src: url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Gotham-Bold.eot?#iefix') format('eot'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Gotham-Bold.woff') format('woff'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Gotham-Bold.ttf') format('truetype'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Gotham-Bold.svg#Montserrat') format('svg');
}

@font-face {
	font-family: 'Gotham';
	font-weight: 100;
	font-style: normal;
	
	src: url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Gotham-Book.eot');
	src: url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Gotham-Book.eot?#iefix') format('eot'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Gotham-Book.woff') format('woff'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Gotham-Book.ttf') format('truetype'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Gotham-Book.svg#Montserrat') format('svg');
}



@font-face {
	font-family: 'Museo';
	font-weight: 300;
	font-style: normal;
	
	src: url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Museo_Slab_300.eot');
	src: url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Museo_Slab_300.eot?#iefix') format('eot'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Museo_Slab_300.woff') format('woff'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Museo_Slab_300.ttf') format('truetype'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Museo_Slab_300.svg#Montserrat') format('svg');
}


@font-face {
	font-family: 'Museo';
	font-weight: 500;
	font-style: normal;
	
	src: url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Museo_Slab_500.eot');
	src: url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Museo_Slab_500.eot?#iefix') format('eot'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Museo_Slab_500.woff') format('woff'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Museo_Slab_500.ttf') format('truetype'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Museo_Slab_500.svg#Montserrat') format('svg');
}


@font-face {
	font-family: 'Museo';
	font-weight: 700;
	font-style: normal;
	
	src: url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Museo-700.eot');
	src: url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Museo-700.eot?#iefix') format('eot'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Museo-700.woff') format('woff'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Museo-700.ttf') format('truetype'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/Museo-700.svg#Montserrat') format('svg');
}

@font-face {
	font-family: 'Museo';
	font-weight: 900;
	font-style: normal;
	
	src: url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/MuseoSlab-900.eot');
	src: url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/MuseoSlab-900.eot?#iefix') format('eot'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/MuseoSlab-900.woff') format('woff'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/MuseoSlab-900.ttf') format('truetype'),
		 url('https://www.vitar.cz/skin/frontend/erigo/vitar/fonts/MuseoSlab-900.svg#Montserrat') format('svg');
}
@charset "UTF-8";

/* Base */
html {
	width: 100%;
  	height: auto;
  	padding: 0px;
	background-color: #fff;
  	color: #000000;
  	max-width: 2000px;
  	margin: auto;
}

body {
	overflow: auto;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	
}

html,
body {
  	min-width: 320px;
  	font-family: 'Gotham', sans-serif;
	font-weight: 100;
	color: #003da5;
}

.page {
	position: relative;
}

.body-wrapper {
	font-size: 0.85em;
}

* {
	box-sizing: border-box;
}

article, aside, footer, header, hgroup, main, nav, section {
	display: block;
}

input,select,textarea{
	font: small Arial, sans-serif;
}

img {
	border: 0px;
	max-width: 100%;
	height: auto;
	width: auto;
	display: block;
}

p strong {
	font-size: 1.1em;
}

.hidden {
    display: none;
}

a {
	text-decoration: none;
	    color: #64c020;
}

a:hover {
	text-decoration: underline;
}

a:hover,
button:hover {
	cursor: pointer;
}

h2 {
	font-size: 1.5em;
}

.vitar-hidden {
	display: none!important;
}

.form-gdpr {
	margin-top: 0;
	font-size: 1.1em;
	margin-bottom: 1.5rem;
}
/* END Base */


/* Title */
.title-with-dots {
	color: #003da5;	
	font-weight: 900;
	text-align: center;
	position: relative;
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
    margin-top: 1.5em;
	text-transform: uppercase;
	padding-left: 1rem;
	padding-right: 1rem;
	font-family: 'Museo', sans-serif;;
	font-weight: 900;
}

.title-with-dots i,
.title-with-dots em {
	color: #64c020;	
	font-style: normal;
	font-weight: 300;
}

.title-with-dots::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	width: 72px;
	height: 12px;
	left: 50%;
	margin-left: -36px;
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/linka.jpg');	
}
/* END Title */

.news-input-wrap a {
	text-decoration: none;
	width: 100%;
    display: inline-block;
    text-align: center;
}

/* Buttons */
.news-input-wrap a,
.vitar-button {
	text-transform: uppercase;
    background-color: transparent;
    padding: 1em 1.5rem;
    font-weight: 600;
    color: #003da5;
    border: 1px solid #003da5;	
    
    -webkit-transition: background 0.5s, border 0.5s;
    transition: background 0.5s, border 0.5s;
    font-size: 0.85em;
}


.vitar-button-margin {
	margin-top: 1rem;
	display: inline-block;
}

.vitar-button-arrow {
	position: relative;
	padding-right: 2.2rem!important;
}

.vitar-button-arrow::after {
    content: "\f054";
    font-family: FontAwesome;	
    font-size: 0.9em;
    position: absolute;
    right: 1rem;
	-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 51%;
}

.vitar-button .fa {
	margin-left: .5em;	
	font-size: 0.9em;
}

.vitar-button:hover {
	cursor: pointer;
	color: #fff;
	border-color: #64c020;
	background-color: #64c020;
	text-decoration: none;
}

.vitar-button.vitar-navy-blue-button {
	color: #fff;
	background-color: #009de0;
	border-color: #009de0;
}

.vitar-button.vitar-navy-blue-button-inverse {
	color: #009de0;
	background-color: #fff;
	border-color: #009de0;
}
.news-input-wrap a,
.vitar-button.vitar-green-button {
	color: #fff;
	border-color: #64c020;
	background-color: #64c020;
}

.vitar-button.vitar-white-button {
	color: #fff;
	border-color: #fff;
}

.vitar-button.vitar-blue-button {
	color: #fff;
	border-color: #003da5;
	background-color: #003da5;
}


.vitar-button.green-hover:hover  {
	border-color: #64c020;
	background-color: #64c020;
}

.vitar-button.blue-hover:hover  {
	border-color: #003da5;
	background-color: #003da5;
}

.news-input-wrap a:hover,
.vitar-button.navy-blue-button:hover  {
	border-color: #009de0;
	background-color: #009de0;
}

.vitar-button.vitar-navy-blue-button-inverse:hover  {
	border-color: #009de0;
	background-color: #009de0;
	color: #fff;
}


/* END Buttons */


/* Responsive */
@media screen and (min-width: 660px)
{
	/* Base */
	h2 {
		font-size: 2em;
	}
	/* END Base */
	
	
	/* Title */
	.title-with-dots {
	}
	/* END Title */
	
	/* Buttons */
	.vitar-button,
	.make-me-a-button,
	.make-me-a-button-with-arrow  {
		font-size: 1em;
	}
	/* END Buttons */
}

@media screen and (min-width: 960px)
{
	/* Base */
	h2 {
		font-size: 2.5em;
	}
	/* END Base */
}
@charset "UTF-8";

.main {
	max-width: 2000px;
	margin: auto;
}

.homepage-wrap {
	max-width: 2000px;
	margin: auto;
}

.page-main-wrap {
	max-width: 1200px;
	margin: auto;
}

.note-msg {
	padding: 1em 1rem;
}


body:not(.cms-index-index) .col1-layout .main-container {
	max-width: 1200px;
	margin: auto;
}

body:not(.cms-index-index) .col1-layout  .main-content > .category-cms > p {
	display: none;
}

.cms-page-view .std {
	padding: 1em 1rem;
}

.cms-page-view .main.col1-layout .std {
	padding: 0;
}

.catalogsearch-result-index .col-left.sidebar {
	display: none;
}

.catalogsearch-result-index .col-main {
	padding: 1em 1rem;
}

.cms-index-index .category-top-wrap {
	display: none;
}

.clnews-newsitem-view #banner_block_wrap,
.cms-page-view #banner_block_wrap {
	display: none;
}

.news-category-list-wrap {
	display: none;
}

#menu-tabs,
#menu-categories-wrapper,
#menu-brands-wrapper {
	display: none;
}

.cms-menu-wrap {
	display: none;
}

.catalog-category-view #menu-tabs,
.catalog-product-view #menu-tabs,
.catalog-category-view #menu-categories-wrapper,
.catalog-product-view #menu-categories-wrapper,
.catalog-category-view #menu-brands-wrapper,
.catalog-product-view #menu-brands-wrapper {
	display: block;
}


@media screen and (min-width: 860px)
{
	.cms-menu-wrap {
		display: block;
	}
	

	.cms-page-view .std {
		padding: 0;
	}

	.col2-left-layout .col-left.sidebar {
		float: left;
		width: 30%;
	    max-width: 260px;
		padding: 0 0.75rem;
	}
	
	.col2-left-layout .col-main{
		float: right;
		width: 70%;
		padding: 0 1rem;
	}
	
	.main-content::after {
		clear: both;
		display: block;
		content: '';
	}
	
	.page-main-wrap {
		margin-top: 2em;
	}
	
	.clnews-newsitem-view .page-main-wrap {
		margin-top: 2.5em;
	}
	
	.catalogsearch-result-index .col-left.sidebar {
	    display: block;
	}
	
	.clnews-newsitem-view #banner_block_wrap,
	.cms-page-view #banner_block_wrap {
		display: block;
	}
}


@media screen and (min-width: 1000px)
{
	.col2-left-layout .col-left.sidebar {
		float: left;
		width: 20%;
		max-width: 100%;
		margin-bottom: 2em;
	}
	
	.col2-left-layout .col-main{
		float: right;
		width: 80%;
		padding-left: 0;
		margin-bottom: 2em;
	}
	
	.clnews-newsitem-view .col2-left-layout .col-main{ 
		padding-left: 1rem;
	}
	
	.cms-page-view .col2-left-layout .col-main {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
}
.header-content-wrap@charset "UTF-8";

/* Base */

.header {
	position: relative;
}

.header::after {
	content: '';
	display: none;
	width: 100%;
	height: 54px;
	background-color: #003da5;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -50;
}

.header-container {
	max-width: 1200px;
	margin: auto;
	position: relative;
}


.header-content-wrap {
	position: relative;
	padding-bottom: 1.5em;
	padding-top: 1em;
	padding-left: 1rem;
	padding-right: 1rem;
}

.navigation-wrap select {
	display: none;
}

.header-bottom-content-wrap {
		display: -webkit-box;
		display: -moz-box;
	  	display: -ms-flexbox;
	  	display: -webkit-flex;
	  	display: flex;
}

/* END Base */

/* Logo + Slogan */

.header-logo-wrap {
	display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
	align-items: center;
	padding-right: 5.3rem;
}

.website-vitar_en .header-logo-wrap,
.website-vitar_ru .header-logo-wrap {
	padding-right: 6rem;
}

.website-vitar_en .header-language,
.website-vitar_ru .header-language  {
	top: 1.25em;
}

.headerLogo {
	display: block;
    max-width: 300px; 
}


.header-slogan {
	display: block;
	color: #005ca9;
	text-transform: uppercase;
	margin-left: 1rem;
	    
}

.header-slogan > span {
	display: block;
}

.header-slogan-first {
	font-weight: bold;
}

.header-slogan-second {
	font-size: 0.9em;
}
/* END Logo + Slogan */


/* Search */
.headerSearch {
	display: block;
	width: 100%;
	
}

.headerSearch .form-search {
	position: relative;
}

.headerSearch input {
	width: 100%;
	height: 45px;
	padding: 1em 4rem 1em 1rem;
	
}

.headerSearch button {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 45px;
	z-index: 200;
	padding: 0;
    text-align: center;
    background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/header-search.png');
    background-position: center;
}

.headerSearch button i {
	display: none;
/*	display: block; */
	font-size: 1.5em;
	margin-left: 0.3rem;
}

.header {
	position: relative;
}

/* END  Search */


/* Language menu */
.header-language {
	position: relative;
	display: block;
	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
		
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	
	margin-bottom: 0.5rem;
}


.header-language > div {
	width: 50%;
}

.header-language > div::after {
	display: block;
	width: 17px;
    height: 13px;
	content: '';
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/envelop.png');
	background-repeat: no-repeat;
	background-size: contain;
    margin-left: 0.5rem;
}

.header-contact {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
		
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items:  center;
	align-items: center;
}

.header-contact a {
	color: #003da5;
	font-weight: bold;
	font-size: 0.9em;
    text-transform: uppercase;
}


.header-language ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 28px;
}

.header-language > ul > li.current-store::after {
	content: "\f107";
    font-family: FontAwesome;
    font-size: 1em;
    position: absolute;
    right: 0;
    top: 55%;
    color: #003da5;
    z-index: -50;
    font-weight: 700;
    
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-language.language-menu-active  > ul > li.current-store::after{
	content: "\f106";
}

.header-language ul li {
	display: none;
}

.header-language > ul > li:first-of-type {
	display: block;
}

.header-language > ul > li a {
	color: #003da5;
    font-weight: bold;
    display: block;
    padding: 0.5em 1rem;
    padding-left: 2.5rem;
    padding-right: 1rem;
}

.header-language > ul > li a:hover {
	text-decoration: none;
}

.header-language > ul > li {
	background-repeat: no-repeat;
    background-position-x: 0.5em;
    background-position-y: center;
    width: 80px;
    background-size: 20px;
}

.header-language > ul > li.not-current-store {
 	background-color: #fff;	
 	border-bottom: 2px solid #fff;
 	color: #fff;
}


.header-language > ul > li.not-current-store a{
	-webkit-transition: color 0.5s;
    transition: color 0.5s;
}

.header-language > ul > li.not-current-store:hover a{
	color: #64c020;
}

.header-language > ul > li.vitar_anglicky {
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/vlajka-gb.jpg');
}

.header-language > ul > li.vitar_cesky  {
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/vlajka-cz.jpg');
}

.header-language > ul > li.vitar_rusky  {
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/vlajka-ru.jpg');
}


.header-language > ul > li.vitar_slovensky  {
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/vlajka-sk.jpg');
}

.mutation-text {
	display: none;
	text-transform: capitalize;
}
/* END Language menu */

/* Menu */
.navigation-wrap {
	display: block;
	position: relative;	
}

.navigation-wrap #nav,
.responsive-menu {
	display: none;
}

.menu-icon {
	display: inline-block;
    background-color: #003da5;
    width: 45px;
    height: 45px;
}

.menu-icon a {
    position: relative;
    display: block;
    padding: 0.8rem;
    color: #fff;
    text-decoration: none;
    height: 45px;
    -webkit-transition: background 0.5s, border 0.5s;
    transition: background 0.5s, border 0.5s;
}

.menu-icon a:hover {
	border-color: #64c020;
    background-color: #64c020;

}

.menu-icon a span {
    display: block;
    -webkit-transition: all 0.3s 0.15s;
    -moz-transition: all 0.3s 0.15s;
    -o-transition: all 0.3s 0.15s;
    transition: all 0.3s 0.15s;
    font-family: FontAwesome;
    font-size: 1.3em;
    font-style: normal;
    font-weight: normal;
}

.menu-icon a span::before {
    content: "\f0c9";
}

.menu-icon a em {
    display: block;
    position: absolute;
    top: 1rem;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-family: FontAwesome;
    font-size: 1.3em;
    font-style: normal;
    font-weight: normal;
}

.menu-icon a em::before {
    content: "\f00d";
}

.menu-icon.menu-visible a em {
    opacity: 1;
    -webkit-transition: all 0.3s 0.15s;
    -moz-transition: all 0.3s 0.15s;
    -o-transition: all 0.3s 0.15s;
    transition: all 0.3s 0.15s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.menu-icon.menu-visible a span {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}



#nav .menu-wrap {
	padding: 1em 1rem;
	background-color: #fff;
	position: absolute;
	z-index: 220;
	left: 0;
	right: 0;
    top: 54px;
    display: none;
	max-width: 1200px;
    margin: auto;    
}

#nav .menu-wrap.menu-about-us {
	background-image: none;
}

#nav > ul > li:hover .menu-wrap {
	display: block;
}

#nav .menu-wrap a {
	color: #fff;
}

#nav .menu-wrap ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.menu-block.block-brands.menu-brands-block.menu-show-in-responsive ul {
	text-align: left;
}

.menu-inner-wrap {
		display: -webkit-box;
		display: -moz-box;
	  	display: -ms-flexbox;
	  	display: -webkit-flex;
	  	display: flex;
}

.menu-block.menu-product-block {
	width: 50%;
}

.menu-block.menu-brands-block {
	width: 30%;
}

.menu-block.menu-banner-block {
	width: 20%;
	margin-top: -1em;
	margin-bottom: -1em;
}

.menu-block.menu-brands-block ul {
	
		display: -webkit-box;
		display: -moz-box;
	  	display: -ms-flexbox;
	  	display: -webkit-flex;
	  	display: flex;
	flex-wrap: wrap;
	align-items: center;
}


.menu-block.menu-product-block ul {
		display: block;
}

.menu-block.menu-product-block ul li,
.menu-block.menu-forms-block ul li {
	width: 100%;
	text-align: left;
	 -webkit-column-break-inside: avoid;
}

.menu-block.menu-product-block ul li:after,
.menu-block.menu-forms-block ul li:after {
  content: '';
  display: block;
  height: 0;
}

.menu-block.menu-product-block ul li a:hover,
.menu-block.menu-forms-block ul li a:hover {
	font-weight: bold;
}

.menu-block.menu-brands-block ul li {
	width: 33.3333%;
}

.menu-block.menu-banner-block ul li a {
	padding: 0!important;
}

.menu-block.menu-brands-block h3 {
	color: #fff;
	text-align: left;
}

.header-bottom-content-wrap #nav > ul > li > a {
    text-transform: uppercase;
}

.header-bottom-content-wrap #nav span {
	font-size: 1em;
}

.header-bottom-content-wrap #nav > ul > li > a .fa {
	font-weight: bold;
}

body.website-vitar_cz.cms-index-index #nav > ul > li:last-child > a {
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/eshop-blue.png');
	background-repeat: no-repeat;
    background-position: right 9px;
}

body.website-vitar_sk.cms-index-index #nav > ul > li:last-child > a {
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/eshop-blue.png');
	background-repeat: no-repeat;
    background-position: right 9px;
}


/* END Menu */


/* Responzive Menu */
body {
	transition: all 300ms ease-out;
}

.menu-active {
    position: relative;
    display: block;
    width: 100%;
    margin-left: 250px;
    max-width: calc(100% - 250px);
}

.menu-active .menu-overlay {
	position: absolute;
    z-index: 400;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}



.menu-active .responsive-menu {
	display: block;
    position: absolute;
    z-index: 300;
    top: 0;
	left: -250px;
    width: 250px;
    height: 100%;
    background-color: #fff;
}

.responsive-menu-content {
	margin-top: 1em;
}

.responsive-menu .responsive-menu-logo {
	padding: 1em 1rem;	
}

.responsive-menu .responsive-menu-logo img{
	margin-left: auto;
	margin-right: auto;
}

.responsive-menu #nav > ul {
	display: block;
}

.responsive-menu #nav  a,
.responsive-menu .menu-block h3 {
	color: #005ca9;
	text-align: left;
    position: relative;
}

.responsive-menu #nav  ul li a {
	    padding-top: 0.7em;
    padding-bottom: 0.7em;
}

.responsive-menu .menu-block h3 {
	padding: 1em 1rem;
}

.responsive-menu #nav a > .fa {
	left: inherit;
    right: 0.5rem;
    top: 50%;
    font-weight: 700;
    font-size: 0.9em;
	
	width: 45px;
    height: 45px;
    padding-left: 1.4rem;
    padding-top: 1rem;
     
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    
        -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.responsive-menu #nav a > .fa-angle-down:before,
.responsive-menu #nav a > .fa-chevron-down:before {
	    content: "\f067";
}

.active-submenu-submenu .cms-inner-wrap{
	display: block!important;
}


.responsive-menu #nav > ul > li .fa:hover {
	color: #64c020;
}

.responsive-menu #nav > ul > li:hover .menu-wrap {
	display: none;
}

.responsive-menu #nav .menu-wrap {

	background-color: #fff;
	padding: 0;
	position: relative;
	top: 0;
}

.responsive-menu .menu-inner-wrap {
	display: block;
}

.responsive-menu .menu-block {
	width: 100%!important;
}

.responsive-menu  #nav .menu-wrap ul {
	display: block;
}

.responsive-menu .menu-block ul li a:hover {
	color: #64c020!important;
	font-weight: 100;
}

.responsive-menu ul li a:hover { 
	color: #64c020!important;
}

.responsive-menu  .menu-block.menu-brands-block img {
	
}

.responsive-menu .active-submenu > .menu-wrap.menu-about-us,
body .active-submenu > .menu-wrap.menu-about-us > .menu-inner-wrap > .menu-block > ul {
	display: block!important;
}

.responsive-menu li {
	display: none;
}

.responsive-menu .active-submenu li {
	display: block;
}

.responsive-menu .active-submenu .menu-wrap,
.responsive-menu li.active-submenu {
	display: block;
}

body .active-submenu > .menu-wrap {
	display: block!important;
}

body .active-submenu > .menu-wrap > .menu-inner-wrap > .menu-block > ul {
	display: none!important;
}



.responsive-menu #nav .active-submenu > a > .fa {
	display: none;
}

body .active-submenu > .menu-wrap > .menu-inner-wrap > .menu-block.menu-product-block > ul {
	display: block!important;
	font-size: 1em;
}

body .active-submenu  .menu-block.menu-product-block .menu-title {
	display: none!important;
}


body .active-submenu .menu-block.menu-brands-block .menu-title {
	font-weight: 500;
}


#nav .active-submenu.active-child-menu > a {
	display: none;
}

.active-submenu-submenu > a > .fa {
	display: none!important;
}

.active-child-menu .menu-block:not(.active-submenu-submenu) {
	display: none;
}

.active-child-menu .menu-block.menu-product-about-us {
	display: block;
}

body .active-submenu > .menu-wrap > .menu-inner-wrap > .menu-block.active-submenu-submenu > ul {
	display: block!important;
}

.responzive-menu-back-button {
	margin-top: 2rem;
	padding: 1em 1rem;	
	display: none;
	font-size: 0.8em;
}

.responzive-menu-back-button a {
	display: block;
    font-size: 1.3em;
    font-weight: 600;
    color: #005ca9;	
    -webkit-transition: color 0.5s, border 0.5s;
    transition: color 0.5s, border 0.5s;
}

.responzive-menu-back-button a:hover {
	color: #64c020;
}

.responzive-menu-back-button a .fa {
	margin-right: 0.5rem;
}

.responsive-menu #nav .active-submenu-submenu ul li a{


}


.responsive-menu .active-submenu > a,
.responsive-menu .active-submenu-submenu > a  {
	font-size: 1.5em;
	font-weight: 900!important;
}

.responsive-menu .menu-block.menu-product-about-us.about-us-active > ul > li:not(.active-submenu-submenu) {
	display: none;
}

.responsive-menu .menu-block.menu-product-block ul li {
	width: 100%;
}

.cms-index-index .responsive-menu #nav > ul > li:last-child > a {
    background-position: right 8px;
	margin-right: 1rem;
}

.cms-index-index .responsive-menu #nav > ul > li > a {
	font-weight: 100;
}


.responsive-menu  .menu-block.menu-brands-block ul li {
	width: 45%;
    display: inline-block;	
}
.responsive-menu .active-submenu .menu-wrap.block-brands-wrap .menu-block.block-brands.menu-brands-block {
	display: none;
}

.responsive-menu .active-submenu .menu-wrap.block-brands-wrap .menu-block.block-brands.menu-brands-block.menu-show-in-responsive {
	display: block!important;
}

.responsive-menu .active-submenu .menu-wrap.block-brands-wrap .menu-block.block-brands.menu-brands-block > a  { 
	display: none!important;
}
.responsive-menu .active-submenu .menu-wrap.block-brands-wrap .menu-block.block-brands.menu-brands-block > ul  {
	display: block!important;
}

.menu-dont-show-in-responsive {
	display: none!important;
}

/* END Responzive Menu */

/* Responzive */
/* menu To/From responzive */
@media screen and (min-width: 700px)
{
	.header-language > div {
		padding-top: 0.35rem;
		margin-right: 1rem;
	}
	
	.header-contact {
	}
	
	.header-language > div::after {
		display: block;
		width: 20px;
    	height: 17px;
		content: '';
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/envelop.png');
		background-repeat: no-repeat;
		background-size: contain;
	    margin-left: 0.7rem;
	}
	
	.header-language {
		position: absolute;
	    right: 1rem;
	    top: 1em;
		z-index: 300;
	    /*
	    top: 50%;
	    -ms-transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	    */
	}
		
	
	.website-vitar_en .header-language,
	.website-vitar_ru .header-language {
		top: 0.7em;
	}
	
	#nav .menu-about .cms-with-child .fa {
		display: none!important;
	}
	
	.menu-icon {
		display: none;
	}
	
	.navigation-wrap #nav {
		display: block;
		height: 55px;
	}
	
	.header-bottom-content-wrap {
		display: block;
	}
	
	.headerSearch {
		position: absolute;
	    top: 3.4em;
	    right: 1rem;
	    right: 1rem;
	    width: calc(100% - 25rem);
	    max-width: 530px;
	}
	
	
	.header-language > ul > li {
	    background-size: 25px;
	    width: 110px;
	}
	
	.header-language > ul > li a {
	    padding-top: 0.6em;
	}
	
	body:not(.cms-index-index) .header::after {
		display: block;
	}
	
	#nav .menu-product-block a.menu-title,
	#nav .menu-block  a.menu-title .fa {
		display: none;	
	}
	
	#nav .menu-block  a.menu-title {
		height: auto;
	}
	
	.page.fixed-header .header-bottom-content-wrap {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		background-color: #003da5;
		z-index: 1000;
	}
	
	.page.fixed-header .header-bottom-content-wrap .headerSearch {
		display: none;
	}
	
	.page.fixed-header .header-bottom-content-wrap #nav {
		max-width: 1200px;
		margin: auto;	
	}
	
	.page.fixed-header .header-bottom-content-wrap {
		-webkit-box-shadow: 0px 5px 42px 0px rgba(160,160,160,1);
		-moz-box-shadow: 0px 5px 42px 0px rgba(160,160,160,1);
		box-shadow: 0px 5px 42px 0px rgba(160,160,160,1);
	}
	
	.cms-index-index .page.fixed-header .header-bottom-content-wrap #nav > ul > li > a {
		color: #fff;
	}
	
	.header-bottom-content-wrap #nav > ul > li > a {
	    padding-left: 0.5em;
    	padding-right: 0.5em;
   	    padding-top: 1.6em;
	}
	
	.menu-show-in-responsive  {
		display: none!important;
	}
	
	
	.menu-dont-show-in-responsive {
		display: block!important;
	}
	.menu-block.menu-product-block ul {
		column-count: 2;
	}
	
	.header-content-wrap {
		padding-top: 3em;
	}
	
	#nav .menu-wrap {
		background-color: #009de0;
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/menu-background-small.jpg');
	
	    background-repeat: no-repeat;
	    background-position: top right;
	}
}

/* END Menu To/From responzive */

@media screen and (min-width: 860px)
{
	.menu-block.menu-brands-block ul li {
	    width: 25%;
	}
}

@media screen and (min-width: 1060px)
{
	/* Logo + Slogan */
	.header-slogan > span {
	    font-size: 1.25em;
	}
	
	.headerLogo {
		max-width: 100%;
	}
	/* END Logo + Slogan */
	
	
	.headerSearch {
		top: 3.85em;
	}
	
	
	.menu-block.menu-brands-block ul li {
	    width: 20%;
	}
}

@media screen and (min-width: 1160px)
{
	/* Language menu */
	.header-language,
	.website-vitar_en .header-language,
	.website-vitar_ru .header-language {
		top: 2.7em;
	}
	
	.header-language > ul > li {
		background-size: 30px;
		width: 95px;
	}
	
	.header-language > ul > li a {
		padding-left: 3rem;
	}
	
	.header-language > div {
		position: relative;
		margin-right: 1.9rem;
	}
	
	.header-language > div::after {
		display: block;
		width: 21px!important;
    	height: 18px!important;
		content: '';
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/envelop.png');
		background-repeat: no-repeat;
		background-size: contain;
		margin-left: 0.7rem;
	}
	
	.header-language > div::before {
		display: block;
		width: 1px;
    	height: 45px;
		content: '';
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/linka.png');
		background-repeat: no-repeat;
		background-size: contain;
		
		position: absolute;
		right: -1.25rem;
    	top: -5px;
	}
	
	
	/* END Language menu */
	
	.headerSearch {
		right: 17.5rem;
	    width: calc(100% - 29rem);
		top: 2.25em;
	    max-width: 480px;
	}
	
	.header-content-wrap {
		padding-top: 1.5em;
	}
	
}
/* END Responzive */

@charset "UTF-8";


/* Base */
.footer li,
.footer a,
.footer h2,
.footer h3,
.footer h4,
.footer span,
.footer div {
	color: #fff;
}

.footer a,
.footer a span {
    transition: color 0.3s;
    -moz-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
}

.footer-container {
	background-color: #003da5;
}

.footer-container .footer-content {
	max-width: 1200px;
	margin: auto;
	position: relative;
	background-color: transparent;
	padding: 3em 0 1em 0;
}

.footer-container.footer-container-bottom  .footer-content {
	padding-top: 1em;
}

.footer-top-block h4 {
	
}

.footer h4 {
	font-size: 1.2em;
	margin: 0;
	padding: 1em 1rem;
	position: relative;
	font-weight: 100;
    background-color: #003a9d;
    font-family: 'Museo', sans-serif;;
    font-weight: 300;
}

.footer h4 b,
.footer h4 strong{
	font-weight: 900;
}


.footer h4:not(.non-acordeon)::after {
	content: "\f107";
    font-family: FontAwesome;
    font-size: 1.5em;
    position: absolute;
    right: 1rem;
    top: 50%;
    
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}

.footer .footer-menu-active h4:not(.non-acordeon)::after {
	content: "\f106";
	font-family: FontAwesome;
}

.footer h4:not(.non-acordeon):hover {
	cursor: pointer;
}



.footer-bottom-block.footer-o-nas h4 {
	font-weight: 700;
}

.footer-bottom-block.footer-o-nas a:hover {
	text-decoration: none;
}


.footer-bottom-block > div,
.footer-top-block > div  {
	overflow: hidden;
	display: none;
	padding: 1em 1rem;
}


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

.footer ul li {
	margin-bottom: 1em;
}



.footer-copyright a:not(.erigoLink):hover {
	text-decoration: none;
	color: #fff;	
}

.is-landing-page-footer .footer-o-nas {
	display: none!important;
}
/* END Base */


/* Brands */
.footer-brands-block {
	background-color: #fbfbfb;
	border-top: 1px solid #f6f6f6;
}

.footer-brands-block-wrap {
	max-width: 1160px;
    margin: auto;
    padding: 2em 1rem 1em 1rem;
}

.footer-brands-block a,
.main-brand-block a {
	display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
  
	padding: 0.5em 0.75rem;
	
}

.footer-brands-block li,
.main-brand-block li {
	position: relative;
}

.footer-brands-block a:hover,
.main-brand-block a:hover {
	position: absolute;
    left: -5px;
    right: -3px;
    top: 0;
    height: calc(100% + 20px);
}

.footer-brands-block a img,
.main-brand-block a img { 
	align-self: center;
	flex: 0 0 auto;
}
/* END Brands */


/* Footer top */
.footer-top-block ul {
	margin-bottom: 2em;
	display: block;
	font-size: 0.85em;
}

.footer-top-block ul li a:hover {
	color: 	#64c020;
}
/* END Footer top */


/* Footer bottom */
.footer-container.footer-container-bottom {
	background-color: #003a9d;
	position: relative;
	padding-bottom: 2em;
}

.footer-bottom-wrap {
	background-color: #003a9d;
}

.footer-bottom-block.footer-copyright span,
.footer-bottom-block.footer-copyright span a {
	color: #009de0;
}

.footer-bottom-block > div{
	padding: 0;
}

.footer-bottom-block  .footer h4 {
	font-weight: 900;
}
/* END Footer bottom */


/* O nas */
.footer-bottom-block.footer-o-nas {
	margin-bottom: 2em;
}


.footer-bottom-block.footer-o-nas ul li {
	margin-bottom: 0.1em;
}

.footer-bottom-block.footer-o-nas ul li a {
	display: block;
	text-align: center;	
	padding: 1em 1rem;
	background-color: #003ea5;
}
.footer-bottom-block.footer-o-nas ul li a:hover span{
    color: #64c020;
}
.footer-bottom-block.footer-o-nas ul li a:hover {
	text-decoration: none;
}
/* END O nas */


/* Copyright */
.footer-copyright {
	padding: 1em 1rem;
	text-align: center;
    font-size: 0.85em;
}
 
.footer .erigoLink {
	font-weight: bold;
    text-decoration: none;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    padding-bottom: 1em;
    border-bottom: 2px solid transparent;
}

.footer .erigoLink:hover {
    border-color: #ff1493;
    padding-bottom: 0.25em;
    color: #fff!important;
}
/* END Copyright */ 


/* Footer Logo */
.footer-top-block .footer-top-logo {
	display: block;
}

.footer-top-logo img {
	margin-left: auto;
	margin-right: auto;
}

/* END Footer Logo */


/* Social Icons */ 
.social-icons-wrap {
	max-width: 220px;
	margin: auto;
}

.footer-top-block .social-icon {
	display: block;
	margin-bottom: 1em;
}

.footer-top-block .social-icon-responsive-title {
	text-align: center;
	padding: 1em 1rem;
}

.footer-top-block .social-text {
	display: none;
}

.social-block-wrap {

 display: -webkit-box;
	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;	
}

.social-block {
	flex-direction: row;
	width: 33%;
}

.social-block img {
	margin-left: auto;
	margin-right: auto;
}
/* END Social Icons */ 


/* Newsletter */
.footer-newsletter {
	max-width: 310px;
    margin: auto;
}

.footer-top-block.footer-newsletter > div{
	display: block;
}

.footer-top-block.footer-newsletter .vitar-button {
    width: 100%;
	padding: 0.5em 1.5rem;
    white-space: nowrap;
}

.footer-top-block.footer-newsletter .vitar-button img {
	display: inline-block;
	margin-right: 1rem;
	
}

.footer-top-block.footer-newsletter .vitar-button span {
	display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}

.footer-top-block.footer-newsletter input {
	padding: 1em 1rem;
	display: block;
	width: 100%;
	margin-bottom: .5em;
	outline: none;
}

.footer-top-block.footer-newsletter input.validation-failed {
	border-color: #c2083c;
}

.footer-top-block.footer-newsletter label {
	margin-bottom: 1.5em;
	display: block;
}

.footer-top-block.footer-newsletter h4 {
	padding-left: 0;
	padding-right: 0;
	background-color: transparent;
	font-weight: 900;
}

.footer-top-block.footer-newsletter  .validation-advice {
	display: none;
	margin-bottom: 1em;
	color: #c2083c;
}

/* END Newsletter */

@media screen and (min-width: 460px)
{
	/* O nás */
	.footer-bottom-block.footer-o-nas ul li {
		margin-bottom: 0.1em;
	    width: calc(50% - 0.2em);
	    float: left;
	    margin-left: 0.2em;
	}
	/* END O nás */
}


@media screen and (min-width: 600px)
{
	/* O nás */
	.footer-bottom-block.footer-o-nas ul li {
		margin-bottom: 0.1em;
	    width: calc(33.333% - 0.2em);
	    float: left;
	    margin-left: 0.2em;
	}
	/* END O nás */
}

@media screen and (min-width: 760px)
{
	/* Base */
	.footer h4 {
		background-color: transparent;
	}
	
	.footer h4::after {
		display: none;
	}
	
	
	.footer-o-nas h4 a:hover span {
		color: #64c020;
	}
	
	.footer-bottom-block > div,
	.footer-top-block > div {
		overflow: visible!important;
    	display: block!important;
	}
	
	.footer-top-wrap {
		max-width: 600px;
		margin: auto;
	}
	
	.footer-top-wrap > div {
		width: 50%;
		float: left;
	}
	
	.footer-top-block.footer-headquarters-zlin {
		clear: both;
	}
	
	.footer-top-block.footer-newsletter {
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.footer-top-wrap {
		position: relative;
	}
	
	.footer-top-wrap::after {
		clear: both;
		display: block;
		content: '';
	}
	
	.footer h4:hover {
		cursor: inherit;
	}
	
	.footer h4:not(.non-acordeon):hover {
		cursor: inherit;
	}
	/* Base */
	
	
	/* O nas */
	.footer-bottom-block ul {
		width: 100%;
		display: -webkit-box;
		display: -moz-box;
	  	display: -ms-flexbox;
	  	display: -webkit-flex;
	  	display: flex;
	    
	    justify-content: center;
	}
	
	.footer-bottom-block.footer-o-nas ul li {
		display: inline-block;
		width: auto;
		margin: auto;
	}
	
	.footer-bottom-block.footer-o-nas ul li a {
		background-color: transparent;
		padding: 1em 0.5rem;
		font-size: 0.85em; 	
	}
	/* END O nas */
	
	
	/* Social Icons */ 
	.social-block-wrap {
	    flex-direction: column;
	}
	
	.social-icons-wrap {
		max-width: 100%;
	}
	
	.footer-top-block .social-text {
		display: block;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	transform: translateY(-50%);
		left: 3.5rem;
	}
	
	
	.footer-top-block .social-block-wrap a {
		display: block;
	}
	
	.social-block {
		width: 100%;
		position: relative;    
		margin-bottom: 1.5em;
	}
	
	.social-icons-wrap img {
		margin-left: 0;
	}
	
	.footer-top-block .social-icon-responsive-title {
		display: none;
	}
	/* END Social Icons */ 
	
	
	/*Newsletter */
	.newsletter-wrap {
		padding-top: 1em;
	}
	/* END Newsletter */
	
	
	/* Copyright */ 
	.footer-copyright {
		text-align: right;
	}
	/* END Copyright */
	
	 
	/* O nas */
	.footer-bottom-block.footer-o-nas h4,
	.footer-bottom-block.footer-o-nas > div {
		display: inline-block!important;
	}
	
	
	.footer-bottom-block.footer-o-nas > div {
		padding-left: 1rem;
		vertical-align: middle;
	}
	/* END  O nas */
}


@media screen and (min-width: 1000px)
{
	/* Base */
	.footer-top-wrap > div {
		width: 25%;
		float: left;
	}
	
	.footer-top-block.footer-newsletter { 
		position: relative;
	}
	
	.footer-top-block.footer-headquarters-zlin {
		clear: inherit;
	}
	
	.footer-top-block.footer-headquarters-zlin,
	.footer-top-block.footer-headquarters-tisnov {
		padding-top: 1em;
	}
	
	.footer-top-wrap {
		max-width: 100%;
	}
	/* END Base */
}


@media screen and (min-width: 1200px)
{
	/* Base */
	.footer-bottom-wrap {
		position: relative; 
	}
	/* END Base */
	
	
	/* Copyright */ 
	.footer-copyright {
		position: absolute;
		top: 0.8em;
		right: 0;
	}
	/* END Copyright */
}
@charset "UTF-8";

.header-content > nav > select {
	display: none;
}

.header-content > nav  {
    display: table;
    width: 100%;
    margin: 0;
 }

#nav {
	display: table;
	width: 100%;
}

#nav > ul {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
}

#nav > ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex: 0 0 100%; 
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	justify-content: space-between;
}

#nav > ul > li {
	width: auto;
	text-align: center;
}

#nav > ul > li a {
    padding: 1em 1rem;
    display: block;
    text-decoration: none;
    height: 100%
}

.menu-about {
	position: relative;
}

body:not(.menu-active) #nav > ul > li.menu-about:hover .menu-wrap {
	padding: 0;
	left: 50%;
	top: 55px;
    margin-left: -90px;
    width: 180px;
}


#nav > ul > li.menu-about .menu-product-about-us {
	width: 100%;
}


body:not(.menu-active) #nav > ul > li.menu-about .menu-product-about-us ul li a {
	padding: 1em 1rem;
	border-bottom: 1px solid #fff;
	-webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

body:not(.menu-active) #nav > ul > li.menu-about .menu-product-about-us ul li:last-child a {
	border-bottom: 0;
}

body:not(.menu-active) #nav > ul > li.menu-about .menu-product-about-us ul li a:hover {
	background-color: #108ac2;
}

body:not(.cms-index-index)  #nav > ul > li > a {
	color: #fff;
	position: relative;
}

body:not(.cms-index-index)  #nav > ul > li > span {
	height: 100%;
}

body:not(.cms-index-index)  #nav > ul > li > span > a {
	display: flex;
	align-items: center;
	text-transform: uppercase;
	    padding-top: 1.25em;
}


body .responsive-menu #nav > ul > li > a{
	color: #003da5;
	position: relative;

	-webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.cms-index-index #nav > ul > li > a {
	color: #003da5;
	position: relative;
	font-weight: 500;
	-webkit-transition: color 0.3s;
    transition: color 0.3s;

}


.cms-index-index #nav > ul > li > a:hover {
	color: #64c020;
}

#nav > ul > li > a > span {
    vertical-align: middle;
	vertical-align: -webkit-baseline-middle;
}


#nav > ul > li .widget span {
	color: #fff;
} 

#nav a > .fa {
	display: block;
	position: absolute;
	bottom: 0;	
	left: 50%;
	margin-left: -5px;
}

/* Left Nav */
.col-left.sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.col-left.sidebar ul li a {
	text-decoration: none;
	color: #003da5;
	padding: 1em 1rem;
}

#menu-tabs > li {
	display: inline-block;
	width: 50%;
}

#menu-tabs > li a {
	width: 100%;
	display: block;
	text-align: center;
	color: #fff;
	
	background-color: #64c020;
	border-top-color: #fff;
	text-transform: uppercase;
   	font-size: 0.95em;
   	padding-top: 1.1em;
   	font-weight: 600;
	
}

#menu-tabs > li:first-child a {
	border-right: 0;
}


#menu-tabs > li.active a {
	color: #fff;
	
	background-color: #003da5;
	border-top: 5px solid #009de0;
	
} 



#menu-categories-wrapper,
#menu-brands-wrapper {
	background-color: transparent;	
	padding: 0;
	border-top: 0;
}

#menu-categories-wrapper h2,
#menu-brands-wrapper h2 {
	margin: 0;
	display: none;
}

.col-left.sidebar .link-list li a{
	display: block;
	border-bottom: 1px solid #e6e6e6;
}

.col-left.sidebar .link-list li.active a {
	color: #64c020;
	font-weight: 900;
}

.col-left.sidebar .link-list li:last-child a {

}

.col-left.sidebar .link-list li a:hover {
	font-weight: 900;
	color: #64c020;
}
/*END  Left Nav */

/* Responzive */
@media screen and (min-width: 700px)
{
	#nav > ul > li > a {
		padding: 0.2em 0;
	}
	
	#nav a > .fa {
		bottom: 0.5em;
	}
	
	.menu-block.menu-banner-block {
		display: none;
	}
	
	.block-brands.menu-block.menu-banner-block {
		display: block;
		width: 30%;
	}
	
	.menu-block.menu-brands-block {
		width: 50%;
	}
	
	.menu-block.menu-product-block,
	.menu-block.menu-forms-block {
		width: 50%;
	}
	
	.menu-block.menu-forms-block ul {
		    column-count: 2;
	}
	
	.block-brands.menu-block.menu-brands-block {
		width: 100%;
	}
	
	.block-brands.menu-block.menu-brands-block .menu-title {
		display: none!important;
	}
	
	.block-brands.menu-block.menu-brands-block ul li {
		width: 20%;
	}
	
	.block-brands.menu-block.menu-brands-block ul li img {
		margin: auto;
	}
	
	
	#nav .menu-wrap.block-brands-wrap {
		padding-right: 0;
	}
	
	#nav .menu-block  a.menu-title {
		font-weight: 500;
		text-align: left;
		padding-top: 1em;
	}
	
	#nav .menu-block.menu-forms-block  a.menu-title {
	    font-weight: 500;
	    text-align: left;
	    padding-top: 0.5em;
	    font-size: 1.6em;
	    font-weight: 600;
	    border-bottom: 1px solid #fff;
	    padding-bottom: 0.5em;
	    margin-bottom: 0.5em;
	    padding-left: 0;
    	margin-left: 1rem;
    	margin-right: 2rem;
	}
	
	
	
	#nav .menu-wrap li > a {
		
	}
	
	#nav > ul {
		padding-left: 1rem;
		padding-right: 1rem;
		font-size: 0.80em;
	}
	
	body.website-vitar_cz.cms-index-index  #nav > ul > li:last-child > a,
	body.website-vitar_sk.cms-index-index  #nav > ul > li:last-child > a,
	 #nav > ul > li:last-child > a {
	 	background: none;
	 
	}
	
	.header-bottom-content-wrap #nav > ul > li > a .fa {
		font-size: 1.4em;
	}
	
	body:not(.cms-index-index)  #nav > ul > li > a {
	    -webkit-transition: color 0.5s;
    	transition: color 0.5s;
    	height: 55px;
    }
	
	body:not(.cms-index-index)  #nav > ul > li > a:hover {
		color: #64c020;
	}
}

@media screen and (min-width: 860px)
{
	
	body.website-vitar_cz #nav > ul > li:last-child > a,
	body.website-vitar_sk #nav > ul > li:last-child > a {
	 	background-image: url(https://www.vitar.cz/skin/frontend/erigo/vitar/images/eshop-white.png);
	 	padding-right: 1.5rem;
	 	background-repeat: no-repeat;
		background-position: right 19px;
	    background-size: 17px;
	}
	
	body.website-vitar_cz #nav.not-with-cart > ul > li:last-child > a,
	body.website-vitar_sk #nav.not-with-cart > ul > li:last-child > a{
		    background-image: none!important;
	}
	
	body.website-vitar_cz.cms-index-index #nav > ul > li:last-child > a,
	body.website-vitar_sk.cms-index-index #nav > ul > li:last-child > a {
 	    background-image: url(https://www.vitar.cz/skin/frontend/erigo/vitar/images/eshop-blue.png);
 		padding-right: 1.5rem;
	 	background-repeat: no-repeat;
		background-position: right 19px;
	    background-size: 17px;
	}

	#nav > ul {
		font-size: 0.85em;
	}
	
	#nav a > .fa {
	    bottom: 0.3em;
	}
	
}

@media screen and (min-width: 960px)
{
	#nav > ul > li > a {
		padding: 0.7em 0;
	}

	#nav a > .fa {
	    bottom: 0.15em;
	}
	
	
	#nav > ul {
		font-size: 0.95em;
	}
	
	.header-bottom-content-wrap #nav > ul > li > a {
		padding-top: 1.25em;
	}
	
	
}

@media screen and (min-width: 1000px)
{
	
	.export-menu .menu-block.menu-product-block {
		width: 60%;
	}
	
	.menu-block.menu-forms-block {
		width: 40%;
	}
	
	.menu-block.menu-banner-block {
		display: block;
		margin-left: 5rem;
		width: 24%;
	}
	
	
	.block-brands.menu-block.menu-banner-block {
		width: 20%;
	}
	
	
	#nav .menu-wrap {
		padding: 1em 0 1em 1rem;
	}
	
	
	#menu-tabs > li a {
		font-size: 0.85em;
		padding-left: 0.5rem;
    	padding-right: 0.5rem;
	}

}

@media screen and (min-width: 1200px)
{ 
	#menu-tabs > li a {
		font-size: 0.95em;
		padding-left: 1rem;
    	padding-right: 1rem;
	}
	
	#nav > ul {
		font-size: 1em;
	}
	
	.header-bottom-content-wrap #nav > ul > li > a {
		padding-top: 1.15em;
	}
	
	#nav a > .fa {
	    bottom: 0.25em;
	}
	
	.header-bottom-content-wrap #nav > ul > li > a {
		padding-left: 1.5em;
    	padding-right: 1.5em;
	}
	
	body.website-vitar_cz #nav > ul > li:last-child > a,
	body.website-vitar_cz.cms-index-index #nav > ul > li:last-child > a,
	body.website-vitar_sk #nav > ul > li:last-child > a,
	body.website-vitar_sk.cms-index-index #nav > ul > li:last-child > a  {
		background-position: 80px 17px;
	    background-size: 20px;
	    padding-right: 2.7rem;
	
	}
	
	.header-bottom-content-wrap #nav > ul > li > a .fa {
		font-size: 1.2em;
	}
	
	.fixed-header .header-bottom-content-wrap #nav > ul > li > a {
		padding-top: 1em;	
	}
	

}
@charset "UTF-8";


.grecaptcha-badge {
	display: none!important;
}

.page-main-wrap .std table  tr > td:first-child{
		min-width: 90px;	
	    padding-right: 0.5rem;
	}

@media screen and (min-width: 500px)
{ 
	.page-main-wrap .std  table  tr > td:first-child{
		min-width: 175px;	
	}
}

.register-outer-wrap  .register-new-info input {
	display: inline-block;
	width: auto;
}

.user-additional-info {
	display: none!important;
}

/* Ebook */
.ebook-detail {
	display: none!important;
}

.ebook-outer-wrap .success-msg,
.ebook-outer-wrap .error-msg {
    list-style: none;
	padding: 1em 1rem;
    margin-top: 1em;
}

.ebook-outer-wrap .success-msg ul,
.ebook-outer-wrap .error-msg ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ebook-outer-wrap .success-msg {
	color: #fff;
    background-color: #64c020;
}

.ebook-outer-wrap .error-msg {
    color: #fff;
	background-color: #c2083c;
}

.ebook-outer-wrap .ebook-gpdr {
    margin-top: 1em;
}

.ebook-outer-wrap .input-button-wrap input { 
	padding: 1em 1rem;
    display: block;
    width: 100%;
    margin-bottom: .5em;
    outline: none;
}

.ebook-outer-wrap .input-button-wrap input.validation-failed {
	border-color: #c2083c;
}

.ebook-outer-wrap .input-button-wrap .validation-advice {
	color: #c2083c;	
	font-family: 'Gotham', sans-serif;
	
}

.ebook-outer-wrap .input-button-wrap button {
	width: 100%;
	display: block;
	margin-top: 1.5em;
}

.clnews-newsitem-view ul.messages > li > ul {
	max-width: 1133px;
	margin: auto;
	font-size: 1.1em;
    font-weight: 500;
    
}


.clnews-newsitem-view .messages  {
	display: none!important;
}

.clnews-newsitem-view ul.messages  .success-msg {
	background: #fff;
    color: #64c020;
}


.success-msg ul {
	max-width: 1160px;
	margin: auto;
}
/* Ebook */




/* Gallery */
.my-igallery-grid {
	list-style: none;
	padding: 0;
	margin: 0;
	visibility: hidden;
}

.my-igallery-grid li {
	width: 100%;
	margin-bottom: 1rem;
	float: left;
	display: flex;
    align-items: center;
    overflow: hidden;
}

.my-igallery-grid::after,
.clnews-newsitem-view .page-main-wrap::after {
	clear: both;
	display: block;
	content: '';
}

.my-igallery-grid li a {
	display: block;
	width: 100%;
}

.my-igallery-grid li a img {
	margin: auto;	
}

#fancybox-content {
	width: auto!important;
	border-width: 1rem!important;
}

body #fancybox-img {
	height: auto;
}



@media screen and (min-width: 500px)
{ 
	.my-igallery-grid li {
		width: calc(50% - 0.5rem);
		margin-right: 0.5rem;
	}
	
	
	.my-igallery-grid li:nth-child(2n + 1) {
		clear: both;
	}
	
	.my-igallery-grid li:nth-child(2n) {
		margin-right: 0;
		float: right;
	}
	
	.my-igallery-grid.column-in-gallery-1 li {
		width: 100%!important;
		margin-right: 0!important;
	}
}

@media screen and (min-width: 800px)
{ 
	
	.my-igallery-grid li {
		width: calc(33.333% - 0.5rem);
		margin-right: 0.5rem;
		float: left;
	}
	
	
	.my-igallery-grid.column-in-gallery-2 li {
		width: calc(50% - 0.5rem)!important;
		margin-right: 0.5rem;
	}
	
	
	.my-igallery-grid li:nth-child(3n) {
		margin-right: 0;
	}
	
	.my-igallery-grid li:nth-child(2n) {
		float: left;
		margin-right: 0.5rem;
	}
	
	.my-igallery-grid li:nth-child(2n + 1) {
		clear: inherit;
	}
	
	.my-igallery-grid li:nth-child(3n + 1) {
		clear: both;
	}
	
	.my-igallery-grid.column-in-gallery-2 li:nth-child(2n) {
		margin-right: 0;
		float: right;
	}
	
	.my-igallery-grid.column-in-gallery-2 li:nth-child(3n + 1)   {
		clear: inherit;
	}
	
}

@media screen and (min-width: 1000px)
{ 
	.my-igallery-grid li {
		width: calc(25% - 0.5rem);
		margin-right: 0.5rem;
	}
	
	.my-igallery-grid.column-in-gallery-3 li {
		width: calc(33.333% - 0.5rem)!important;
		margin-right: 0.5rem;
	}
	
	.my-igallery-grid li:nth-child(3n + 1),
	.my-igallery-grid.column-in-gallery-3 li:nth-child(4n + 1),
	.my-igallery-grid.column-in-gallery-2 li:nth-child(3n + 1)   {
		clear: inherit;
	}
	
	.my-igallery-grid li:nth-child(4n + 1) {
		clear: both;
	}

	.my-igallery-grid li:nth-child(3n) {
		float: left;
		margin-right: 0.5rem;
	}
	
	
}
/* Gallery */
.webform  > .fieldset::after{
	clear: both;
	display: block;
	content: '';
}

.products-grid .configurable-price-from-label {
	color: #64c020;
	font-weight: 600;
}


.cms-vitar-klub .std .account-create .messages  {
	display: none;
}


.cms-index-index.website-vitar_en .homepage-wrap .main-vitar-club::after,
.cms-index-index.website-vitar_ru .homepage-wrap .main-vitar-club::after  {
		display: block;
		content: '';
		
	    transform: scale(0,0);
		width: 285px;
		height: 274px;
		position: absolute;
		right: 0;
    	bottom: -210px;
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/vitamin-mg-en.png');
		transition: transform 2.5s;
		background-repeat: no-repeat;
    	background-size: contain;
}

.cms-index-index.website-vitar_ru .homepage-wrap .main-vitar-club::after  {
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/vitamin-mg-ru.png');
	
		background-repeat: no-repeat;
    	background-size: contain;
}

.cms-index-index.website-vitar_en .news-latest.news-block-page,
.cms-index-index.website-vitar_ru .news-latest.news-block-page {
	position: relative;
}

.cms-index-index.website-vitar_en .news-latest.news-block-page::before,
.cms-index-index.website-vitar_ru .news-latest.news-block-page::before  {
    display: block;
    content: '';
    transform: scale(0,0);
    width: 267px;
    height: 247px;
    position: absolute;
    left: 3rem;
        top: -187px;
    background-image: url(https://www.vitar.cz/skin/frontend/erigo/vitar/images/vitamin-c-en.png);
    transition: transform 2.5s;
    background-repeat: no-repeat;
       background-size: contain;
    z-index: 100;
}


.cms-index-index.website-vitar_ru .news-latest.news-block-page::before  {
    background-image: url(https://www.vitar.cz/skin/frontend/erigo/vitar/images/vitamin-c-ru.png);
    background-repeat: no-repeat;
	background-size: contain;
}

/* HOMEPGAE */
	/* BASE */
	#homepage-banner-block > p {
	   display: none;
	}	
	
	.gray-background {
		    margin-top: 1em;
	    margin-bottom: 3em;
	    background-color: #fbfbfb;
	    border-top: 1px solid #f6f6f6;
	    position: relative;
    }
    
	.cms-index-index .std {
		display: none;
	}
	
	.cms-index-index .std.webforms-success {
		display: block;
	}
	
	.vitamin {
		display: block;
		content: '';
	
		position: absolute;
		background-repeat: no-repeat;
    	background-size: cover;
	}
	
	.cms-index-index.website-vitar_ru .col-main > p,
	.cms-index-index.website-vitar_en .col-main > p {
		margin: 0;
	}
	
	
	.cms-index-index.website-vitar_ru .col-main > h2,
	.cms-index-index.website-vitar_en .col-main > h2 {
		margin: 0;
		color: #003da5;
	    font-weight: 900;
	    text-align: center;
	    position: relative;
	    padding-bottom: 1.5em;
	    margin-bottom: 1em;
	    margin-top: 1.5em;
	    text-transform: uppercase;
	    padding-left: 1rem;
	    padding-right: 1rem;
	    font-family: 'Museo', sans-serif;;
	    font-weight: 900;
	}
	
	
	.cms-index-index.website-vitar_ru .col-main > h2::after,
	.cms-index-index.website-vitar_en .col-main > h2::after {
	    content: '';
	    display: block;
	    position: absolute;
	    bottom: 0;
	    width: 72px;
	    height: 12px;
	    left: 50%;
	    margin-left: -36px;
	    background-image: url(https://www.vitar.cz/skin/frontend/erigo/vitar/images/linka.jpg);
	}

	/* END BASE */
	
	
	/* Main slider banner */
	#homepage-banner-block ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#homepage-banner-block h1,
	#homepage-banner-block h2 {
		font-family: 'Museo';
		font-weight: 900;
	}
	
	#homepage-banner-block .slick-slide {
		margin: 0;
	}
	
	.homepage-banners-slide-wrap {
		position: relative;
		min-height: 275px;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	    flex-direction: column-reverse;
	    height: 50vh;
	}
	
	.homepage-banners-slide-wrap h1 > strong,
	.homepage-banners-slide-wrap h2 > strong {
		font-size: 1.8em;
	}
	
	.homepage-banners-wrap {
		position: relative;
	}
	
	.homepage-banners-background {
	    position: absolute;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
        background-position-x: center;
    	background-position-y: bottom;
	}
	
	#homepage-banner-block  .slide-background {
	    position: absolute;
	    z-index: 1;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    bottom: 0;
	}
	
	
	#homepage-banner-block .slide-family {
		z-index: 500;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	}
	
	#homepage-banner-block .slide-family img,
	#homepage-banner-block .slide-background img {
		 position: absolute;
    	bottom: 0;
	}
	
	#homepage-banner-block .slide-family img {
		max-height: 40vh;
		right: 3rem;
		padding-top: 1em;
		padding-bottom: 0.5em;
		z-index: 500;
		left: 0;
   	 	right: 0;
	 	margin-bottom: 5vh;
 	    min-height: 230px;
	}
	
	#homepage-banner-block .slide-text {
		position: absolute;
		bottom: 2em;
    	left: 2rem;
    	right: 2rem;
    	z-index: 650;
    	width: 100%;
    	color: #fff;
	}
	
	#homepage-banner-block .slide-text p {
		display: none;
		margin: 0;
	}
	
	#homepage-banner-block .slide-text p a {
		padding: 1em 1rem;
		background-color: transparent;
		text-decoration: none;
		color: #003da5;
		display: inline-block;
		border: 1px solid #003da5;
		
		-webkit-transition: background 0.5s, border 0.5s, color 0.5s;
    	transition: background 0.5s, border 0.5s, color 0.5s;
	}
	
	#homepage-banner-block h1,
	#homepage-banner-block h2 {

		margin-bottom: 1em;
	}
	
	#homepage-banner-block  .products-grid-wrapper h2 {
		margin-bottom: 0;
	}
	
	#homepage-banner-block h1 b,
	#homepage-banner-block h1 strong,
	#homepage-banner-block h2 b,
	#homepage-banner-block h2 strong{
		font-weight: 900;
	}
	
	#homepage-banner-block .slide-text p:last-child {
		display: block;
	}
	
	#homepage-banner-block .slide-text p > a {
		color: #fff;
	    border-color: #fff;
	    padding: 0.7em 1rem;
	    text-transform: uppercase;
	    font-size: 0.85em;
	}
	
	#homepage-banner-block .slide-text p > a:hover {
		background-color: #64c020;
    	border-color: #64c020;	
	}
	
	
	#homepage-banner-block .vitamin.vitamin-mg-slide {
		width: 377px;
		height: 272px;
		left: -377px;
    	bottom: 10px;
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/vitamin-mg-slide-small.png');
		transition:left 0.5s linear;
		
	}
	
	#homepage-banner-block .vitamin.vitamin-red {
		width: 207px;
		height: 228px;
		right: -210px;
    	bottom: 0;
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/vitamin-red-small.png');
		transition: right 0.2s linear;
	}
	
	#homepage-banner-block .vitamin.vitamin-b-one {
		width: 78px;
		height: 55px;
		right: 140px;
    	bottom: 60px;
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/vitamin-b-small.png');
		
		transform: scale(0,0);
		transition: transform 2.5s;
	}
	
	
	#homepage-banner-block .vitamin.vitamin-e {
		width: 623px;
		height: 322px;
		right: 0;
    	bottom: 60px;
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/vitamin-e-small.png');
		z-index: 500;
		transform: scale(0,0);
		transition: transform 2.5s;
	}
	
	.homepage-banners .homepage-main-slick-arrow {
		font-size: 1.5em;
		background-color: transparent!important;
		padding: 0 0.5rem;
		transform: none;
	}
	
	.homepage-banners .slick-next.homepage-main-slick-arrow {
		right: 0;
	}
	
	.homepage-banners .homepage-main-slick-arrow .fa {
	    font-weight: bolder;
	   	font-size: 1.7em;
	}
	
	
		/* Second slider */
		.homepage-video-wrap {
			border: 3px solid #64c020;
		}
		
		.homepage-video-wrap p {
			margin: 0; 
		}
		
		.homepage-video-wrap img,
		.homepage-video-wrap a {
			display: block;
		}
		
		.homepage-video-wrap::before {
			content: 'Video';
			display: block;
			position: absolute;
			left: 0;
			top: -1.6em;
			color: #fff;
			background: url("https://www.vitar.cz/skin/frontend/erigo/vitar/images/vitar-video-header.png");
			padding: 0.25em 0.7rem;
			width: 64px;
		    height: 15px;
		    background-repeat: no-repeat;
		    background-size: cover;
		    font-size: 0.9em;
	        padding-top: 0.3em;
		}
		
		.slide-video {
			position: absolute;
			left: 3rem;
    		right: 3rem;
			top: 3em;
		    max-width: 570px;
		}
		
		.homepage-video-wrap a::before {
			content: "\f04b";
		    font-family: FontAwesome;
		    font-size: 2em;
		    color: #fff;
		    display: block;
		    width: 45px;
    		height: 45px;
    		max-width: 45px;
    		max-height: 45px;
    		background-color: #64c020;
    		position: absolute;
    		top: 50%;
    		left: 50%;
    		margin-left: -22.5px;    
    		-ms-transform: translateY(-50%);
		    -webkit-transform: translateY(-50%);
		    transform: translateY(-50%);
		    padding-left: 0.85rem;
		    padding-top: 0.32em;
		    box-sizing: border-box;
		    transition: background 0.5s, border 0.5s;
		}
		
		.homepage-video-wrap a:hover::before {
			    background-color: #e52d27;	
		}
		
		.homepage-video-wrap a:hover {
			text-decoration: none;
		}
		
		.slide-video::after {
		display: block;
		content: '';
	    background: url(https://www.vitar.cz/skin/frontend/erigo/vitar/images/video-stin.png);
	    height: 30px;
	    background-repeat: no-repeat;
	    background-size: contain;
	    margin-top: 5px;
	    width: 110%;
	    margin-left: -5%;
	        position: absolute;
	}
		
		/* Second slider */
	
	/* END Main slider banner */
	
	
	/* Brands Banners */
	.main-brand-block {
		max-width: 1160px;
		margin: auto;
		padding: 2em 1rem;
		height: 130px;
		display: none;
	}
	
	.main-brand-block ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	/* END Brands Banners */
	
	
	/* Product list */ 
	.homepage-list,
	.product-view-related {
	    margin-left: 0.5em;
    	margin-right: 0.5rem;
    	margin-bottom: 1em;
    	margin-top: 1em;
    	max-width: 1200px;
    	
    }
	
	.homepage-list .homepage-slick-arrow,
	.product-view-related .homepage-slick-arrow {
		height: 35px;
	    width: 35px;
	    font-size: 2em;
	    box-sizing: border-box;
	    padding: 0;
	    transform: none;
	    background-color: #003da5;
        -webkit-transition: background 0.5s, border 0.5s;
	    transition: background 0.5s, border 0.5s;
	}
	
	.homepage-list .slick-prev,
	.product-view-related .slick-prev {
	    left: -0.5rem;
	}

	.homepage-list .slick-next,
	.product-view-related .slick-next {
	    right: -0.5rem;
	}

	
	.homepage-list .homepage-slick-arrow:hover,
	.product-view-related .homepage-slick-arrow:hover {
		background-color: #64c020;
	}
	
	.homepage-list .slick-slide,
	.product-view-related .slick-slide {
		margin: 0;
	}
	
	.homepage-list .slick-list,
	.product-view-related .slick-list {
		margin-left: 2rem;
		margin-right: 2rem;
		max-width: 1600px;
		margin: auto;
	}
	
	.products-grid-wrapper {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	
	/* END  Product list */ 
	
	
	/* Vitar club block */
	.vitar-club-wrap {
		padding: 3em 1rem;
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/vitar-club-pozadi-small.jpg');
		background-repeat: no-repeat;
    	background-position-x: center;
        position: relative;
        background-size: cover;
        margin-top: 2em;
	}
	
	.website-vitar_en .vitar-club-wrap,
	.website-vitar_ru .vitar-club-wrap {
		margin-top: 0;
	}
	
	.vitar-club-wrap::before {
		content: '';
	    display: none;
	    height: 100%;
	    position: absolute;
	    background-image: url(https://www.vitar.cz/skin/frontend/erigo/vitar/images/vitar-club-rodinka-small.png);
	    background-repeat: no-repeat;
	    width: 48%;
	    background-size: contain;
	    background-position-y: bottom;
        background-position-x: right;
        top: 0em;
	    bottom: 0;
	}
	
	.vitar-club-wrap ul {
		list-style: none;
		padding: 0;
		margin: 0;
		
		margin-bottom: 1em;
		text-align: center;
	}
	
	.vitar-club-wrap ul li {
	}
	
	.vitar-club-wrap ul li img {
		margin: auto;
		margin-bottom: 1em;
	}

	#homepage-banner-block .vitar-club-wrap ul:first-child  {
			margin-bottom: 2em;
	}
	
	.vitar-club-wrap ul:first-child li:nth-child(2) {
		font-family: 'Museo';
		font-weight: 700;
	}

	.vitar-club-wrap ul:first-child li {
		text-align: center;
		color: #003da5;
		font-size: 1.4em;
		font-weight: 900;
	}
	
	.vitar-club-wrap ul:first-child li a {
		color: #009de0;
	}
	
	.vitar-club-wrap ul:first-child li a:hover {
		text-decoration: underline;
	}

	.vitar-club-wrap ul:nth-child(2) {
		display: none;
		color: #003da5;
	    margin-bottom: 2em;
	}

	.vitar-club-wrap ul:last-child li {
		margin-bottom: 0.5em;
		margin-top: 1.5em;
	}
	
	.vitar-club-wrap ul:last-child li a {
	    text-transform: uppercase;
	    background-color: transparent;
	    padding: 1em 1.5rem;
	    font-weight: 600;
	    color: #003da5;
	    border: 1px solid #003da5;
	    -webkit-transition: background 0.5s, border 0.5s, color 0.5s;
	    transition: background 0.5s, border 0.5s, color 0.5s;
	    
	    display: block;
    	width: 100%;
    	text-align: center;
    	font-size: 0.85em;
	}
	
	.vitar-club-wrap ul:last-child li a:hover {
		border-color: #64c020;
    	background-color: #64c020;
		color: #fff;
		text-decoration: none;
	}
	
	.vitamin-mg {
		display: block;
		content: '';
		
	    transform: scale(0,0);
		width: 285px;
		height: 274px;
		position: absolute;
		right: 3rem;
    	bottom: -130px;
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/vitamin-mg-small.png');
		transition: transform 2.5s;
		background-repeat: no-repeat;
    	background-size: cover;
	}
	
	.vitamin-c {
		display: block;
		content: '';
		
	    transform: scale(0,0);
		width: 267px;
		height: 247px;
		position: absolute;
		left: 3rem;
    	top: 0;
    	background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/vitamin-c-small.png');
		transition: transform 2.5s;
		background-repeat: no-repeat;
    	background-size: cover;
	}
	
	
	/* END Vitar club block */
	
	.cms-index-index .title-with-dots {
		font-size: 1.5em!important;
	}
	
	
	/* Introduction */
	.homepage-introduction {
		margin-top: 1em;
		margin-bottom: 3em;
		background-color: #fbfbfb;
		border-top: 1px solid #f6f6f6;
		position: relative;
	}
	
	.homepage-introduction .homepage-introduction-wrap {
		padding: 4em 1rem;
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/vitar-predstaveni-pozadi-small.jpg');
		background-repeat: no-repeat;
    	background-position: center;
    	color: #fff;
	}
	
	.homepage-introduction .homepage-introduction-wrap ul li a {
		
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		background-color: rgba(100, 192, 32, 0.7);
		width: 45px;
		height: 45px;
		color: #fff;
		
		flex-wrap: wrap;
    	align-items: center;
   	    
   	    -webkit-transition: background 0.5s, border 0.5s;
    	transition: background 0.5s, border 0.5s;
    	
   	    margin: auto;
    	
	}
	
	.homepage-introduction .homepage-introduction-wrap ul li a:hover .fa{
		color: #fff;
	}
	
	.homepage-introduction .homepage-introduction-wrap ul li a:hover {
		background-color: #e52d27;
		text-decoration: none;
	}
	
	.homepage-introduction .homepage-introduction-wrap ul li a .fa {
		font-size: 1.5em;
		margin: auto;
		color: rgba(255, 255, 255, 1);
		-webkit-transition: background 0.5s, color 0.5s;
    	transition: background 0.5s, color 0.5s;
		
	}
	
	.homepage-introduction p {
		margin: 0;
	}
		
	.homepage-introduction ul {
		list-style: none;
		padding: 0;
		margin: 0;
		max-width: 960px;
		margin: auto!important;
		
	}
	
	.homepage-introduction ul li {
		text-align: center;
	}
	
	.homepage-introduction ul li:first-child {
		margin-bottom: 3em;
		margin-top: 1em;
	}
	
	.homepage-introduction h2 {
		font-family: 'Museo';
		font-weight: 900;
		text-transform: uppercase;
	}	
	
	.homepage-introduction .news-more-button {
		background-color: transparent;
	}
	/* END Introduction */
	

/* END HOMEPGAE */


/* CMS Menu */
.cms-menu-wrap ul li a {
	display: block;
    border-bottom: 1px solid #e6e6e6;
	text-decoration: none;
    color: #003da5;
    padding: 1em 1rem;
    text-transform: uppercase;
    position: relative;
}

.cms-menu-wrap > ul > li:first-child > a {
	border-top: 1px solid #e6e6e6;
}

.cms-menu-wrap a .fa {
	position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 1em;
}

.cms-menu-wrap a .fa:hover {
	color: #64c020;
}

.cms-menu-wrap > ul > li > a{
	font-weight: 400; 
	padding-right: 2.8rem!important;
}

.cms-menu-wrap ul li a:hover,
.cms-menu-wrap ul li.cms-active > a {
	font-weight: 900;
	color: #64c020;
}

.cms-menu-wrap ul li a:hover .fa {
	color: #003da5;
}

.cms-inner-wrap {
	display: none;
}

.cms-active .cms-inner-wrap {
	display: block;
}

.cms-menu-wrap ul li .cms-inner-wrap a {
	padding-left: 2rem;
	font-size: 0.9em;
}

.cms-menu-wrap ul li .cms-inner-wrap a:hover,
.cms-menu-wrap ul li .cms-sub-active a {
	color: #64c020;
	font-weight: 500;
}


.cms-activeMenu .fa::before {
	content: "\f077"; 
}

/* END CMS Menu*/


/* CMS Page */
.cms-page-view .category-top-wrap {
	display: none;	
}

.cms-menu-wrap {
	
}

.cms-page-view .col-main .page-title {
	padding: 1em 1rem;
}

.cms-page-view .col-main .page-title h1 {
	margin: 0;
	font-size: 2em;
    margin-top: 0.5em;
	
}

.category-top-wrap.small-top {
	    padding: 1.4em 1rem;
}

.category-top-wrap.small-top .breadcrumbs-wraper,
.category-top-wrap.small-top .category-top-title-wrap {
	margin: 0;
}

.category-top-wrap.small-top .breadcrumbs-wraper {
	font-size: 0.9em;
}



.google-mapa {
    height: 350px;
    width: 100%;
}


#mapa-seznam {
	width: 100%;
	height: 400px;
}

#mapa-seznam > div:first-of-type {
	width: 100% !important;
}

#mapa-seznam .map-marker-card {
	line-height: 150%;
}

#mapa-seznam h5 {
	letter-spacing: 1px; 
	font-size: 17px;
	margin: 0 0 10px;
}

/* END CMS Page */


/* CMS Kontakt */
.cms-o-nas-kontakt .contatct-outer-wrap {
	padding: 1em 1rem;
	margin-bottom: 2em;
	
}

.cms-o-nas-kontakt .contact-top > div {
	margin-bottom: 2em;
}

.cms-o-nas-kontakt .contact-top table {
	width: 100%;
}

.cms-o-nas-kontakt .contact-top > div > h2 {
	margin: 0;
	margin-bottom: 0.5em;
}

/*
.cms-o-nas-kontakt  .main.col1-layout {
	padding-bottom: 350px;
	position: relative;
}

.cms-o-nas-kontakt  .main.col2-left-layout .col-main {

	padding-bottom: 350px;
	position: relative;
}
*/

.vitarMap {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.vitarMap iframe{
	width: 100%!important;
	height: auto!important;
	min-height: 350px;
}

.cms-o-nas-kontakt .std table tr td {
	padding-bottom: 0.5em;
}

.contact-info-wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;	
	
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.contact-info-wrap > div {
	width: 100%;
}

	/* Webform */
	.webform .form-list {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.webform .form-list input,
	.webform .form-list textarea,
	.webform .form-list select {
		width: 100%!important;
		padding: 1em 1rem;
		margin-bottom: 0.5em;
		border: 1px solid #003da5;
		color: #003da5;
	}

	.webform .form-list select {
		padding: 1em 1rem 0.8em 1rem;
	}	
	
	.webform .form-list textarea {
		resize: vertical;
	}
	
	
	.webform .buttons-set button {
		width: 100%;
	}
	
	.webform .validation-advice,
	form .form-list .validation-advice  {
		display: none;
		color: #c2083c;
		margin-bottom: 1em;
	}
	
	.webform .form-list input.validation-failed,
	.webform .form-list textarea.validation-failed,
	.form-list input.validation-failed,
	.form-list textarea.validation-failed  {
		border-color: #c2083c!important;
	}
	
	.cms-o-nas-kontakt .std .contatct-outer-wrap > p:nth-last-of-type(1),
	.cms-o-nas-kontakt .std .contatct-outer-wrap > p:nth-last-of-type(2){
	
	}
	
	.webform .checkboxes {
		padding-left: 0;
	}
	
	.webform .checkboxes input {
		width: auto !important;
	}
	
	.webform .checkboxes input.validation-failed + label {
		border: 1px solid #c2083c;
		padding: 0.5rem;
	}
	/* END Webform */
	

/* END CMS Kontakt */


/* Sidebar banner */

#banner_block_wrap > ul {
	margin-top: 1em;
}

#banner_block_wrap > ul > li > a {
	display: block;
	padding: 0;
}
/* END Sidebar banner */


/* Messages */
.messages,
.messages ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

.messages ul { 
	padding: 1em 1rem;
}

.messages .success-msg {
	background: #64c020;
    color: #fff;	
}

.messages  .error-msg {
	background: #c2083c;
    color: #fff;		
}

.messages a {
	color: #fff;
	text-decoration: underline;
}

/* Messages */


/* Autocomplete */
body #search_autocomplete .autocomplete-suggestions li .title strong,
body #search_autocomplete .autocomplete-categories li .amount,
body #search_autocomplete .autocomplete-suggestions li .amount,
body #search_autocomplete .autocomplete-products li .price,
body #search_autocomplete .autocomplete-products p a {
	color: #64c020;
}
/* Autocomplete */


/* Responzive */
@media screen and (max-width: 640px)
{
	body #fancybox-content embed,
  	body #fancybox-content,
  	body #fancybox-content > div,
  	body #fancybox-wrap {
	   width: auto!important;
	   height: auto!important; 
	 }
	 
	 body #fancybox-content {
	 	background-color: #000000;
	 }
	 
	 body.catalog-product-view #fancybox-content {
	 	background-color: #fff;
	 }
	 
}

@media screen and (min-width: 460px)
{
	/* HOMEPGAE */
		/* Vitar club block */
		.vitar-club-wrap ul:last-child  li{
			display: inline-block;
		}
		
		.vitar-club-wrap ul:last-child  li:first-child {
			margin-right: 1rem;
		}
		
		.vitar-club-wrap ul:nth-child(2) {
			display: block;
		}
		/* END  Vitar club block */
	/* END HOMEPGAE */
}

@media screen and (min-width: 560px)
{
	.slide-video {
		top: 50%;
	    -ms-transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	    
	    width: 40%!important;
	    max-width: 570px!important;
	}
	
}


@media screen and (min-width: 660px)
{
	/* HOMEPGAE */
		/* Vitar club block */
		.vitar-club-wrap ul:last-child li a {
			font-size: 1em;
		}
		/* END  Vitar club block */
	/* END HOMEPGAE */
	
	
	/* CMS Kontakt */
	.cms-o-nas-kontakt .contact-top {
		
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	.cms-o-nas-kontakt .contact-top > div {
		width: 50%;
	}
	
	.cms-o-nas-kontakt .contact-top > div > h2 { 
		font-size: 1.7em;
	}
	
	.cms-o-nas-kontakt  .main.col1-layout {
		padding-bottom: 400px;
	}
	/* CMS Kontakt */
}

@media screen and (min-width: 670px)
{
	/* CMS Page */
	.cms-page-view .col-main .page-title h1 {
		font-size: 2.5em;
	}
}

@media screen and (min-width: 860px)
{
	/* CMS Page */
	.cms-page-view .category-top-wrap {
		display: block;	
	}
	
	.cms-page-view .col-main .page-title h1 {
		margin-top: 0;
	}
	/* END CMS Page */
}

@media screen and (min-width: 700px)
{
	/* HOMEPGAE */
		/* Base */
		.cms-index-index .footer-brands-block {
			display: none;
		}
		/* END base */
	
		/* Main slider banner */ 
		.homepage-banners-slide-wrap {
			    min-height: 200px;
		}
		
		#homepage-banner-block .slide-family img {
			left: inherit;
			min-height: 0;
		}
		
		#homepage-banner-block .slide-text p {
			display: block;
			margin-bottom: 1em;
			line-height: 1.25em;
			letter-spacing: 0.02em;
		}
		
		#homepage-banner-block .slide-text {
			bottom: 2rem;
			top: inherit;
		
		    
		    max-width: 40%;
		}
		
		#homepage-banner-block h1,
		#homepage-banner-block h2 {
			font-size: 1.5em;
		}
		
		#homepage-banner-block .slide-text p > a {
			font-size: 1em;
		    margin-top: 1em;
		}
		
		/* END  Main slider banner */
	
	
		/* Brands Banners */
		.main-brand-block {
			display: block;
		}	
		/* END Brands Banners */
		
		
		/* Product list */ 
		.homepage-list {
			margin-top: 0;
		}
		/* Product list */
		
		
	/* END HOMEPGAE */
	
		
	.cms-index-index .title-with-dots {
		font-size: 2.5em!important;
	}
	
	
	/* Ebook */
	.ebook-inner-wrap .input-button-wrap {
		display: flex;
		position: relative;
		align-items: center;
	}
	
	.ebook-outer-wrap .input-button-wrap input,
	.ebook-outer-wrap .input-button-wrap button {
		margin: 0;
		height: 44px;
	}
	
	
	.ebook-outer-wrap .input-button-wrap button {
		width: 30%;
	}
	
	.ebook-outer-wrap .validation-advice {
		position: absolute;
		left: 0;
		top: -1.1em;
	}
	/* Ebook */
}

@media screen and (max-height: 760px)
{
	/* HOMEPGAE */
		/* Main slider banner */ 
			#homepage-banner-block .slide-text p {
				display: none;
			}
			
			#homepage-banner-block .slide-text p:last-child {
			    display: block;
			}
		/* Main slider banner */ 
	/* HOMEPGAE */	
}

@media screen and (min-width: 860px)
{
	/* CMS Page */
	.cms-page-view .col-main .page-title h1 {
		font-size: 3.5em;
	}
	
		
	.cms-index-index.website-vitar_ru .col-main .news-block-page > div,
	.cms-index-index.website-vitar_en .col-main .news-block-page > div {
		width: 33.3333%;
	}
	
	.cms-index-index.website-vitar_ru .col-main .news-block-page > div:last-of-type,
	.cms-index-index.website-vitar_en .col-main .news-block-page > div:last-of-type {
		display: none;
	} 
}


@media screen and (min-width: 960px)
{
	/* HOMEPGAE */
		/* Vitar club block */
		.main-vitar-club {
			width: 48%;
			margin-right: auto;
    		margin-left: 52%;
    		max-width: 600px;
		}
		
		.vitar-club-wrap::before {
			display: block;		
		}
		
		.vitar-club-wrap ul {
			text-align: left;
		}
		
		.vitar-club-wrap ul:first-child {
		   }
		
		.vitar-club-wrap ul:first-child li {
			font-size: 2.4em;
		    margin-bottom: 0.5em;
		}
		
		.vitar-club-wrap ul:first-child li:nth-child(2){
			
		}
		
		.vitar-club-wrap ul li img {
			margin-bottom: 0;
		}
		/* END  Vitar club block */
		
		
		/* Introduction */
		.homepage-introduction .homepage-introduction-wrap ul li a {
			width: 100px;
    		height: 100px;
		}
		
		.homepage-introduction .homepage-introduction-wrap ul li a .fa {
			font-size: 3em;
		}
			
		.homepage-introduction .homepage-introduction-wrap {
			padding: 7em 1rem;
		}		
		/* END Introduction */


	.vitamin-c.animated {
	    transform: scale(0.6,0.6);
	}
	
	/* END HOMEPGAE */
}

@media screen and (min-width: 1000px)
{
	
	/* Main slider banner */ 
	/*
	.homepage-banners-slide-wrap {
		min-height: 550px;
	}
	
	#homepage-banner-block .slide-family img {
		height: 470px;
	    max-height: 100%;
	}
	*/
	
	.contact-info-wrap {
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	}
	
	.contact-info-wrap > div {
		width: 47%;
	}
	
	
	.cms-index-index.website-vitar_ru .col-main > h2,
	.cms-index-index.website-vitar_en .col-main > h2 { 
	    font-size: 2.5em;
	    padding-bottom: 0.7em;
	}
	
	
	.homepage-slide-inner-wrap {
		max-width: 1100px;
	    margin: auto;
	    position: relative;
	    display: block;
	    height: 100%;
	    width: 100%;
	}
	#homepage-banner-block > div > h1,
	#homepage-banner-block > div > h2 {
		font-size: 2.5em;
	}
	
	#homepage-banner-block .slide-text {
		max-width: 55%;
	}
	
	#homepage-banner-block .slide-text p {
		max-width: 80%;
	}
	
	#homepage-banner-block .slide-family img {
		    max-height: 45vh;
	}
	
	
	/* END  Main slider banner */
	
	
	/* CMS Page */
	.cms-o-nas-kontakty .std > div:nth-of-type(1),
	.cms-o-nas-kontakty	.vitarMap {
		width: 50%;
		display: inline-block;
	}
	
	.cms-o-nas-kontakty .std > div:nth-of-type(1) h2 {
		margin-top: 0;
	}
	
	.vitarMap {
		float: right;
		margin-top: 0;
		margin-bottom: 0;
		left: 3rem;
		right: 2rem;
		max-width: 865px;
	}
	/* END CMS Page */
	
	
	/* CMS Kontakt */
		/* Webform */
		.webform {
			margin-top: 1em;
		}
		
		.webform .fieldset:nth-of-type(1) .field {
			float: left;
			padding-right: 1.5rem;
			width: 50%;	
		}
		
		.webform .fieldset:nth-of-type(1) .fields .field:last-of-type { 
			padding-right: 0rem;	
		}
		
		.webform .form-list input,
		.webform .form-list textarea {
			margin-bottom: 1.5rem;
		}
		/* END Webform */
	/* END CMS Kontakt */
}

@media screen and (min-width: 1100px)
{
	/* Base */
	.cms-index-index .header {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
	}
	/* END Base */
	
	
	
	/* Main slider banner */ 
	.homepage-banners-slide-wrap {
	    /*
	    min-height: 510px;
        height: 50vh;
        */
        min-height: 510px;
	    height: 75vh;
	    max-height: 730px;
	}
	
	/* END  Main slider banner */ 

	.homepage-banners .homepage-main-slick-arrow {
		top: 53%;
	}
	
	.homepage-banners .homepage-main-slick-arrow .fa {
		font-size: 2.5em;
		font-weight: 100;
	}
}	

@media screen and (min-width: 1100px) and (max-height: 859px)
{
	/* Main slider banner */ 
	.homepage-banners-slide-wrap {
    	background-position-y: -150px;
   	 	background-repeat: no-repeat;
   	 	height: 75vh;
   }
   
   .cms-index-index .header {
 
   }
   
   #homepage-banner-block .slide-family img {
   		margin-bottom: 1em;
  	    min-height: 290px;
   }
	/* END Main slider banner */ 
}


@media screen and (min-width: 1100px) and (min-height: 860px)
{
	/* Main slider banner */ 
	.homepage-banners-slide-wrap {
			background-position-y: bottom;
    }
}

@media screen and (min-width: 1160px)
{
	/* HOMEPGAE */
		/* Vitar club block */
		.vitar-club-wrap ul:first-child {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
		    flex-direction: row;	
		    align-items: center
		}
		
		.vitar-club-wrap ul:first-child li:first-child {
			min-width: 165px;
		}
		
		.vitar-club-wrap ul:first-child li:last-child {
			padding-left: 1.5rem;
			text-align: left;
		}
		
		.vitar-club-wrap {
			min-height: 500px;
		}
		
		.main-vitar-club {
			position: absolute;
			top: 50%;
			-ms-transform: translateY(-50%);
    		-webkit-transform: translateY(-50%);
    		transform: translateY(-50%);
    		left: 52%;
    		margin-left: 0;
    		padding-right: 2em;
		}
		
		.vitar-club-wrap::before {
			background-size: 500px;
		}
		
		.vitar-club-wrap ul:first-child {
			margin-bottom: 1em;
		}
		
		.vitar-club-wrap ul:nth-child(2) {
			margin-bottom: 3em;
		}
		
		/* END  Vitar club block */
		
		.homepage-banners .homepage-main-slick-arrow .fa {
			font-size: 3.5em;
		}
	/* END HOMEPGAE */
	
	.ebook-outer-wrap .input-button-wrap button {
		width: 40%;
	}
}

@media screen and (min-width: 1100px) 
{
	.slide-video {
		top: inherit;
		bottom: 5em;
    	transform: inherit;
	}	
	
}

@media screen and (min-width: 1200px)
{
	
	.cms-index-index.website-vitar_en .homepage-wrap .main-vitar-club.animated::after,
	.cms-index-index.website-vitar_ru .homepage-wrap .main-vitar-club.animated::after { 
	    transform: scale(0.6, 0.6);
	}
	
	.homepage-banners .slick-next.homepage-main-slick-arrow {
		right: 1rem;
	}
	
	.homepage-banners .slick-prev.homepage-main-slick-arrow {
		left: 1rem;
	}
}


@media screen and (min-width: 1200px)
{
	/* Product list */ 
	.homepage-list {
		margin-left: auto;
		margin-right: auto;
	}
	
	.homepage-list .homepage-slick-arrow {
		height: 55px;
    	width: 55px;
	}
	/* END Product list */ 
	
			
	.cms-index-index.website-vitar_ru .col-main .news-block-page > div,
	.cms-index-index.website-vitar_en .col-main .news-block-page > div {
		width: 25%;
	}
	
	.cms-index-index.website-vitar_ru .col-main .news-block-page > div:last-of-type,
	.cms-index-index.website-vitar_en .col-main .news-block-page > div:last-of-type {
		display: block;
	} 
	
	
	.cms-index-index.website-vitar_en .news-latest.news-block-page.animated::before,
	.cms-index-index.website-vitar_ru .news-latest.news-block-page.animated::before  {
		 transform: scale(0.6, 0.6);		
	}
}

@media screen and (min-width: 1260px)
{
	/* Product list */ 
	.homepage-list .slick-prev {
	    left: -1.5rem;
	}

	.homepage-list .slick-next {
	    right: -1.5rem;
	}
	/* END Product list */ 
}
	
	
@media screen and (min-width: 1400px)
{
	.homepage-banners .slick-next.homepage-main-slick-arrow {
		right: 4rem;
	}
	
	.homepage-banners .slick-prev.homepage-main-slick-arrow {
		left: 4rem;
	}
}
	
	

	
@media screen and (min-width: 1600px)
{
	
	.homepage-banners .slick-next.homepage-main-slick-arrow {
		right: 11rem;
	}
	
	.homepage-banners .slick-prev.homepage-main-slick-arrow {
		left: 11rem;
	}
	
	.homepage-banners .homepage-main-slick-arrow .fa {
		font-size: 4.5em;
	}
	
	/* Main slider banner */ 
	.homepage-banners-slide-wrap {
		    min-height: 565px;
	}
	
	#homepage-banner-block .slide-family img {
		max-height: 680px;
    	height: 470px;
    }
	
	
	#homepage-banner-block .vitamin.vitamin-mg-slide.animated { 
		left: -50px;
	}
	
	#homepage-banner-block .vitamin.vitamin-red.animated {
		right: 0;
	}

	
	/* END  Main slider banner */
	
		
	
}


@media screen and (max-width: 1200px)
{
	#homepage-banner-block .vitamin,
	.vitamin-mg,
	.vitamin-c  {
		display: none!important;
	}
}

@media screen and (min-width: 1200px)
{
	
	.vitamin-c.animated {
	    transform: scale(0.8,0.8);
	}
	
	.vitamin-mg.animated {
	    transform: scale(0.55,0.55);
	}
	
			
	#homepage-banner-block .vitamin.vitamin-b-one.animated {
		transform: scale(1,1);
	}	
	
	
	#homepage-banner-block .vitamin.vitamin-e.animated {
		transform: scale(1,1);
	}
	
	#homepage-banner-block .slide-text {
		max-width: 55%;
	}
}

@media screen and (min-width: 1460px)
{
	.vitamin-mg.animated {
	    transform: scale(0.8,0.8);
	}
}
	

@media screen and (min-width: 1160px) and (min-height: 950px)
{
	/* Main slider banner */ 
   .cms-index-index .header {
   		background-color: transparent;
   }
   /* END Main slider banner */ 
}
/* END Responzive */


@media screen and (min-height: 0px)
{
	.slide-video {
		left: inherit;
		max-width: 140px;
	}
}


@media screen and (min-height: 650px)
{
	.slide-video {
		max-width: 230px;
	}
}

@media screen and (min-width: 560px) and (min-height: 0px) and (max-height: 710px)
{
	.slide-video {
		max-width: 200px!important;
	}
}


@media screen and (min-width: 560px) and (min-height: 550px) and (max-height: 710px)
{
	.slide-video {
		max-width: 290px!important;
	}
}

@media screen and (min-width: 1100px) and (max-height: 780px) {

	.slide-video {
		max-width: 420px!important;
	}
}

@media screen and (min-width: 1100px) and (max-height: 820px) 
{
	.homepage-banners-background {
		    background-position-y: -110px;
	}
}

@media screen and (max-width: 660px) { 
	.stdFloatImage {
		max-width: 50%!important;
		margin-bottom: 1em!important;
	}
	
	.stdFloatImage.stdFloatImage_left {
		margin-left: 0!important;
	}
	
	.stdFloatImage.stdFloatImage_right {
		margin-right: 0!important;
	}
}


@media screen and (max-width: 460px) { 
	.stdFloatImage {
		max-width: 100%!important;
		float: none!important;
	}
	
	
}


/* REGISTER PAGE */
.main-max-width .col-main {
	max-width: 1160px;
    margin: auto;
    margin-top: 1em;
}

.main-max-width .page-title {
	    padding: 1em 1rem!important;
}


.main-max-width .std > p {
	margin-left: 0;
}
@charset "UTF-8";
.news-lastest-inner-wrap a:hover {
	text-decoration: none;
}

.col-left.sidebar .block.block-layered-nav {
	display: none;
}

.products-grid-wrapper > ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-left: -0.5rem;
	margin-right: -0.5rem;
}

.products-grid-wrapper > ul::after {
	clear: both;
	display: block;
	content: '';
}

.products-grid-wrapper > ul li {
	width: 50%;
	float: left;
	padding: 0.5em 0.5rem;
}

.products-grid-wrapper > ul li .item-wrap {
    border: 1px solid #e6e6e6;
    padding-bottom: 1em;
    background-color: #fff;
    
	-webkit-transition: background 0.5s, border 0.5s;
    transition: background 0.5s, border 0.5s;
    
	position: relative;
	
	
	padding-bottom:  90px;
}

.products-grid-wrapper > ul li.small-padding .item-wrap {
	padding-bottom:  60px;
}

.products-grid-wrapper > ul li .item-wrap:hover {
	background-color: #003da5;
}




.products-grid-wrapper > ul li .item-wrap:hover .item-title h2 a {
	color: #fff;
}

.products-grid-wrapper > ul li .item-wrap:hover  .item-footer-button button {
	color: #fff;
	border-color: #fff;
}

.products-grid-wrapper > ul li .item-wrap .item-footer-button button:hover {
	border-color: #64c020;
}


.products-grid-wrapper > ul li .item-wrap .product-image {
	padding: 1em 1rem;
	border-bottom: 1px solid #e6e6e6;
	background-color: #fff;
}

.products-grid-wrapper > ul li.item-banner .item-wrap {
	padding: 0;
}

.products-grid-wrapper .item-footer {
	padding-left: 1.5rem;
	padding-right: 1.5rem;

	
}

.item-wrap .item-title {
	padding: 1em 1rem;
    padding-top: 2em;
}

.item-wrap .item-title h2 {
	font-size: 1.1em;
	font-weight: normal;
	text-align: center;
	margin: 0;

}

.item-wrap .item-title h2 a{
	text-decoration: none;
	color: #003da5;
	font-weight: 700;

}


.products-grid-wrapper img {
	margin: auto;
}

.item-footer {
	position: absolute;
    bottom: 1em;
    left: 0;
    right: 0;
}

.item-footer::after {
	clear: both;
	display: block;
	content: '';
}

.item-footer-button {
	display: block;
	margin-top: 0.5em;
    font-size: 0.9em;

}



.item-footer-button button{
    margin: auto;
    display: block;
    padding: 0.8em 0.5rem;
    width: 100%;
    font-size: 0.7em;
}

.item-footer-button span {
	font-weight: 700;
	font-family: 'Gotham', sans-serif;
}


.item-footer-price {
	display: block;
    text-align: center;
    font-size: 1.5em;
}

.item-footer-price-price .price {
	font-weight: 900;
	color: #64c020;
	font-size: 1.15em;
}

.item-footer-price > span {
		display: inline-block;
}

.product-image {
	position: relative;
}

/* Tags */
.list-tags {
	position: absolute;
	right: -9px;
	top: 1em;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-direction: column;
}

.list-tags > span {
	display: block;
	position: relative;
    margin-bottom: 1em;

}

.list-tags > span::after {
	content: '';
	display: block;
	width: 9px;
	height: 5px;
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/zalozka.png');
	position: absolute;
	bottom: -5px;
    right: 0px;
        z-index: -10;
	background-repeat: no-repeat;
	background-position: right;
	    background-size: contain;
}

.list-tags > span > span {
	display: inline-block;
	background-color: #64c020;
	border: 1px solid #64c020;
	color: #fff;
	padding: 1.3em 0.5rem;
	float: right;
	font-size: 0.9em;
}

.list-tags > span.tag.Akce > span { 
	background-color: #c4017b;
	border-color: #c4017b;	
}

.list-tags > span.tag.Akce::after {
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/zalozka-pink.png');
}



.list-tags > span.tag.Tip > span { 
	background-color: #009de0;
	border-color: #009de0;
	    width: 48px;
    text-align: center;
}

.list-tags > span.tag.Tip::after {
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/zalozka-blue.png');
}

/* END Tags */

/* Filter */
.filtr .block.block-layered-nav {
	margin-bottom: 2em;
}

.filtr a {
	color: #fff;
	text-decoration: none;
}

.filtr li em {
	color: #fff;
    font-style: normal;
}

.filtr ul,
.filtr ol {
	list-style: none;
	margin: 0;
	padding: 0;
    font-size: 0.9em;
}

.filter-label {
	margin-bottom: 1em;
	color: #fff;
	font-weight: bold;
	font-size: 0.85em;
	text-transform: uppercase;
}

.filtr .main-filter {
	padding: 1em 1rem;
	background-color: #003da5;
}

.filtr .other-filter-wrap {
	display: none;
}

.filtr .other-filter-wrap {
    padding: 1em 1rem;
    background-color: #003da5;

}

.filtr .filter-main-wrap li,
.filtr .other-filter-wrap li {
	display: inline-block;
	width: auto;
}

.filtr li a {
	position: relative;
	padding-left: 1.5rem;
}

.filtr li a > span {
	display: inline-block;
}

.filtr li {
	margin-right: 1.5rem;
	margin-bottom: 0.5em;	
}

.filtr li a .filter-checkbox {
	position: absolute;
	left: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    
    webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;

    
	width: 14px;
	height: 14px;
	background-color: #fff;
	
}

.filtr li a:hover .filter-checkbox,
.filtr li a.active .filter-checkbox  {
	background-color: #64c020;
}

.filtr li a:hover .filter-checkbox::before,
.filtr li a.active .filter-checkbox::before {
	content: "\f00c";
    font-family: FontAwesome;
    font-size: 0.8em;
    position: absolute;
	top: 2px;
    left: 2px;
    color: #fff;
}

/*
.filtr li a::before {
	content: "\f0c8";
    font-family: FontAwesome;
    font-size: 1em;
    padding-bottom: 1em;
    position: absolute;
    top: 0.05em;
    left: 0;
    color: #fff;
}

.filtr li a.active::before,
.filtr li a:hover:before {
	content: "\f046";
}
*/
.filtr li a.active:hover::before {
	/*	content: "\f096"; */
}

.filtr-cancel-button {
	text-align: right;
	margin-top: 0.5rem;
    font-size: 0.85em;
}

.filtr-cancel-button a {
	display: inline-block;
}

.other-filter-main-label {
	padding: 0.75em 1rem;
	background-color: #fff;
	color: #003da5;
	text-align: center;	
	border-bottom: 1px solid #003da5;
	border-right: 1px solid #003da5;
	border-left: 1px solid #003da5;
}

.other-filter-main-label > span {
	    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase;
}

.other-filter-main-label > span i{
    margin-left: 0.5rem;
}

.other-filter-main-label:hover {
	cursor: pointer;
}

.active-other-filter .fa-chevron-down::before {
	content: "\f077";
}
/* END Filter */

/* Banner in list */
.item-banner .item-wrap ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
    height: 100%;
}

.item-banner .item-wrap ul::after {
	clear: both;
	display: block;
	content: '';
}

.item-banner .item-wrap ul li {
	width: 100%;
	padding: 0;
	display: none;
}

.item-banner .item-wrap {
	margin: 0;
	padding: 0;
	
}

.item-banner .item-wrap a {
	display: block;
}

/* END Banner in list */

/* Toolbar bottom */
.toolbar-bottom {
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.toolbar-bottom .toolbar {
	display: inline-block;
}

.toolbar-bottom .toolbar .pager ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.toolbar-bottom .toolbar .pager ul li {
	display: inline-block;
}


.toolbar-bottom .toolbar .pager ul li a {
	padding: 0.5em 0.7rem;
	text-decoration: none;
	border: 1px solid #003da5;
	display: block;
	color: #003da5;
	font-weight: 400;
}


.toolbar-bottom .toolbar .pager ul li.current a {
	background-color: #003da5;
	color: #fff;
}

.toolbar-bottom .toolbar .pager ul li a:hover {
	background-color: transparent;
	color: #64c020;
	border-color: #64c020;
}

.pager-button-step-previous .fa {
margin-right: 0.5rem;
}

.pager-button-step-next .fa {
 margin-left: 0.5rem;
}

.pager-button-step  .fa{
	font-size: 1.2em;
    font-weight: 700;
}

.pager-button-step { 
	display: block!important;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* END Toolbar bottom */

/* Related */
.mini-products-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mini-products-list .item-wrap {
    border: 1px solid #e6e6e6;
    padding: 0;
    padding-bottom: 1em;
}



.mini-products-list .item-footer {
	padding-left: 1rem;
	padding-right: 1rem;
}

.mini-products-list .item-wrap {
	position: relative;
	padding-bottom: 90px;
	
	    -webkit-transition: background 0.5s, border 0.5s;
    transition: background 0.5s, border 0.5s;
}

.mini-products-list li.small-padding .item-wrap {
	
	padding-bottom: 60px;
}

.mini-products-list li {
	padding: 0.5em 0.5rem;
}

.mini-products-list .product-image {
	padding: 1em 1rem;
    border-bottom: 1px solid #e6e6e6;
	background-color: #fff;
}

.mini-products-list .item-wrap:hover {
	background-color: #003da5;
}


.mini-products-list .item-wrap:hover .item-title h2 a {
    color: #fff;
}

.mini-products-list .item-wrap:hover  .item-footer-button button {
	color: #fff;
    border-color: #fff;
}

.mini-products-list .item-wrap .item-footer-button button:hover {
	border-color: #64c020;
}
/* END Related */


/* Category */
.category-top-wrap {
	color: #fff;
}

.category-image-wrap p {
	margin: 0;
	margin-bottom: 1em;
}

.category-top-wrap {
	padding: 2.5em 1rem;
	/*background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/category-background.jpg');
	*/
	background-color: #64c020;	
}

.category-top-title-wrap {
	margin-bottom: 1em;	
}

.category-top-title-wrap.category-w-img {
	display: block;
    align-items: center;
}

.category-image-wrap img {
	margin-left: auto;
	margin-right: auto;
}


.category-top-wrap  .page-title.category-title h1,
.category-top-wrap  .page-title.category-title span {
	margin: 0;
	font-size: 1.5em;
	/*
	font-family: 'Museo';
	font-weight: 700;
	*/
}

.category-top-wrap  .page-title.category-title span {
	font-weight: 900;
}

.category-top-wrap  .page-title.category-title i {
	font-style: normal;
    font-weight: 200;
    font-family: 'Museo', sans-serif;
    font-weight: 300;
}

.category-top-wrap .category-description {
	font-size: 0.95em;
	line-height: 1.5em;
	letter-spacing: 0.5px;
}

.catalog-category-view .col-left.sidebar{
	display: none;	
	margin-bottom: 1rem;
}

.category-top-inner-wrap {
	max-width: 1100px;
	margin: auto;
	position: relative;
}

	/* Bottom */
	.category-bottom-wrap {
		padding: 1.5em 2rem;
		background-color: #009de0;
		color: #fff;
	}
	
	.category-bottom-wrap  .category-bottom-meta {
		font-size: 0.95em;
	    line-height: 1.5em;
	    letter-spacing: 0.5px;
	}
	/* END Bottom */
	
	/* Sidebar */
		#banner_block_wrap  {
			margin-top: 0;
		}
		
		.news-category-outer-wrapp,
		#menu-categories-wrapper,
		#menu-brands-wrapper,
		.cms-menu-wrap {
			margin-bottom: 2em!important;
		}
		
		
		/* Vitar Sidebar banner */
		#sidebar-banner-block {
			text-align: center;
		}
		
		#sidebar-banner-block a{
			display: block;
			padding: 0;
		}
		
		#sidebar-banner-block a img {
			margin: auto;
		}
		/* END Vitar Sidebar banner */
		
	
		/* Vitar Club */
		#sidebar-vitar-klub  {
			margin-top: 1em;
		}
		
		#sidebar-vitar-klub a {
		    display: block;
    		padding: 0;
    		text-align: center;
    	}
    	
    	#sidebar-vitar-klub a img {
    		margin-left: auto;
    		margin-right: auto;
    	}
		/*
		#sidebar-vitar-klub {
			margin-top: 1em;
			border: 1px solid #e6e6e6;
			padding: 1em 1rem;
		}
		
		#sidebar-vitar-klub > ul:first-child {
			display: flex;
			align-items: center;
			margin-bottom: 1em;	
		}
		
		#sidebar-vitar-klub > ul:first-child > li:first-child {
			max-width: 35%;
		}
		
		#sidebar-vitar-klub > ul:first-child > li:last-child {
			margin-left: 1rem;
			font-size: 0.85em;
			color: #003da5;
			font-family: 'Museo';
		    font-weight: 700;
		}
		
		
		#sidebar-vitar-klub > ul:first-child > li:last-child strong,
		#sidebar-vitar-klub > ul:first-child > li:last-child b {
			font-weight: 700;
			color: #64c020;
		}
		
		#sidebar-vitar-klub > ul:last-child > li a {
			display: block;
			font-size: 0.8em;
    		text-align: center;
		}
		
		
		#sidebar-vitar-klub > ul:last-child > li:last-child  {
			margin-top: 1em;
		}
		*/
		/* END Vitar Club */
		
		/* END Vitar predstaveni */
		#sidebar-banner_block_video {
			max-width: 270px;
		    background-image: url(https://www.vitar.cz/skin/frontend/erigo/vitar/images/vitar-predstaveni-pozadi.jpg);
		    background-repeat: no-repeat;
		    background-position: center;
		    color: #fff;
		    margin-top: 1em;
		    
	   		min-height: 170px;
	   		position: relative;
	   		margin-left: auto;
   			margin-right: auto;
	    }
	    
	    #sidebar-banner_block_video ul {
	   		padding: 1em 1rem;
	   		position: absolute;
	   		top: 50%;
		    left: 0;
		    right: 0;
		    z-index: 2;
		    margin: auto;
		    display: block;
		    width: auto;
		    -ms-transform: translateY(-50%);
		    -webkit-transform: translateY(-50%);
		    transform: translateY(-50%);
	   	}
		
		#sidebar-banner_block_video ul li:last-child {
			display: none;
		}
		
		
		#sidebar-banner_block_video ul h2 {
			margin: 0;
			font-size: 1.1em;
			margin-top: 1rem;
			font-family: 'Museo', sans-serif;
			font-weight: 700;
		}
		
		#sidebar-banner_block_video ul li a {
			
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
		    background-color: rgba(100, 192, 32, 0.7);
		    width: 45px;
		    height: 45px;
		    color: #fff;
		    flex-wrap: nowrap;
		    align-items: center;
		    -webkit-transition: background 0.5s, border 0.5s;
		    transition: background 0.5s, border 0.5s;
		    margin: auto;
		    font-size: 1.6em;
		}
		
		
		#sidebar-banner_block_video ul li a:hover { 
		    background-color: #e52d27;
		}
		
		/* END Vitar predstaveni */
		
		
		
	/* END Sidebar */
	
/* END Category */

@media screen and (min-width: 460px)
{
	.item-footer-button button {
		font-size: 1em;
	}
}

@media screen and (min-width: 560px)
{
	/* Toolbar bottom */
	.pager-button-step {
		width: 155px;
		display: inline-block!important;
	}
	/* END Toolbar bottom */
}

@media screen and (min-width: 660px)
{
	.category-top-wrap  .page-title.category-title h1,
	.category-top-wrap  .page-title.category-title span {
	
		font-size: 2.5em;
		/*
		font-family: 'Museo';
		font-weight: 700;
		*/
	}
	.category-image-wrap p {
		margin-bottom: 0;	
	}
	
	.category-top-title-wrap.category-w-img .page-title.category-title {
		padding-left: 1rem;
	}
	.category-top-title-wrap.category-w-img {
		
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	.item-footer-button {
		font-size: 1em;
	}
	
	.item-footer-button span {
		font-size: 1em;
	}
	
	.products-grid-wrapper > ul li {	
		width: 33.333%;
	}
	
	/* Category */
	.category-top-title-wrap.category-w-img {
		display: block;
	}
	
	
	.category-image-wrap {
		position: absolute;
		top: 50%;
		left: 0;
		
		-ms-transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	transform: translateY(-50%);
    	
    	width: 135px;
	}
	
	.category-top-title-wrap.category-w-img .page-title.category-title,
	.category-top-wrap .category-description {
		margin-left: 150px;
		padding-left: 0;
	}
	
	.category-no-image {
		margin-left: 0!important;
	}
	
	.category-top-wrap  .page-title.category-title h1 {
		font-size: 2.3em;
	}

	.category-top-wrap {
		padding: 2.5em 1rem;
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/category-background-small.jpg');
		background-repeat: no-repeat;
	    background-size: cover;
	    background-position-x: center;
		background-color: #64c020;	
	}
	/* END Category */
	
	
}

@media screen and (min-width: 860px)
{
	.products-grid-wrapper > ul li {	
		width: 50%;
	}
	
	.catalog-category-view .col-left.sidebar {
		display: block;
	}
	
}

@media screen and (min-width: 1000px)
{
	.products-grid-wrapper > ul li {
		width: 33.333%;
	}
}


@media screen and (min-width: 1160px)
{
	.products-grid-wrapper > ul li {
		width: 25%;
	}
}



@charset "UTF-8";

.hide-this {
	display: none!important;
} 


.config-product-out-of-stock {
	margin-top: 2em;
}

/* Config product */
.product-image-hiden {
	display: none!important;
}
.configurable-product-option {
	margin-top: 1em;
	margin-bottom: 1em;
}

.option-wrap .option-content-ean,
.option-wrap .option-content-baleni,
.option-wrap .option-content-sku {
	display: none;
}

.option-wrap > .option-content-ean.show-ean,
.option-wrap > .option-content-baleni.show-baleni,
.option-wrap > .option-content-sku.show-sku {
	display: inline-block;
}

/* Config product */



.product-options .option {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    align-items: center;
}

.option >  .option-left.option-label {
	display: inline-block;
	padding-right: 1.5rem;
	min-width: 110px;
}

.option >  .option-right {
	display: inline-block;
	    width: 100%;
}

.option >  .option-right select {
	padding: 1em 1rem;
	width: 100%;
	border: 1px solid #e6e6e6;
}



/* Base  */
.product-view h1 {
	color: #003da5;
	font-size: 1.5em;
	margin-top: 0;
}

.catalog-product-view .col-left.sidebar {
	display: none;
}

.product-view {
	margin-top: 1rem;	
}

.responsive-product-name {
	padding: 1em 1rem;
}

.responsive-product-name h1 {
	margin: 0;
}


.product-view-left {
	margin-bottom: 1em;
}

.category-top-wrap.product-top-wrap {
	display: none;
	padding-bottom: 1.5em;
}

.category-top-wrap.product-top-wrap .product-title h1 {
	font-size: 2.5em;
	margin: 0;
}

.product-view-top > .product-view-left {
	position: relative;
}
/* END Base */


/* Fancybox */
.catalog-product-view #fancybox-wrap {
	width: auto!important;
	height: auto!important;
	
}

.catalog-product-view #fancybox-content {
	margin: auto;
	width: auto!important;
	height: auto!important;
	
}

.catalog-product-view #fancybox-content img {
	margin: auto;

}

.catalog-product-view #fancybox-title {
	
    font-family: 'Museo', sans-serif;
    font-weight: 700;
    color: #003da5;
    font-size: 1.2em;
    width: auto!important;
}
/* END Fancybox */
	

/* Breadcrumbs */
.breadcrumbs-wraper {
	margin-top: 1em;
}

.breadcrumbs-wraper ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.breadcrumbs-wraper ul li {
	display: inline-block;
}


.breadcrumbs-wraper ul li a {
	color: #fff;
}

.breadcrumbs-wraper ul li a:hover {
	text-decoration: underline;
}

.breadcrumbs-wraper ul li:last-of-type a {
	    font-weight: 500;
}
/* END Breadcrumbs */	


/* Block TOP*/
.product-view-top {
	padding: 1em 1rem;
}

.catalog-product-view  .product-name {
	display: none;	
}

.catalog-product-view  .product-name h2,
.responsive-product-name h1 {	
	font-family: 'Museo', sans-serif;
	font-weight: 700;
}


	/* Product media block */
	.product-view-left > .product-image {
		margin: auto;
		padding: 2em 1rem;
		border: 1px solid #e6e6e6;	
	}
	
	.product-image img {
		margin: auto;
	}
	
	.product-view-left .product-image > a {
		display: block;
	    width: 100%;
	    height: 100%;
    }
    
    .product-view-left .product-image ul {
    	list-style: none;
    	padding: 0;
    	margin: 0;
    }
    
    .product-view-left .product-image .product-image-slick-arrow {
		height: 35px;
	    width: 35px;
	    font-size: 2em;
	    box-sizing: border-box;
	    padding: 0;
	    transform: none;
	    background-color: #003da5;
        -webkit-transition: background 0.5s, border 0.5s;
	    transition: background 0.5s, border 0.5s;
	}
	
	.product-view-left .product-image .slick-prev.product-image-slick-arrow {
		left: -1.7rem;
	}
	
	.product-view-left .product-image .slick-next.product-image-slick-arrow {
		right: -1.7rem;
	}
    
	.product-view-left .product-image .product-image-slick-arrow:hover {
		background-color: #64c020;
	}
	/* END  Product media block */


	/* Options block */
	.product-options {
		margin-top: 2em;
		margin-bottom: 1em;
	}
	
	.option-wrap.price-block {
		margin: 0;
	}
	
	.option-wrap.price-block .price {
		font-weight: 900;
		font-size: 2.5em;
		margin-left: 0.5rem;
		color: #64c020;
		font-family: 'Museo', sans-serif;
		font-weight: 900;
	}
	
	.product-option-main-wrap {
		font-size: 0.9em;
	}
	
	.product-option-main-wrap .opiton-cut {
		width: 100%;
		display: block;
	}
	
	.product-option-main-wrap .opiton-cut > div {
		display: block;
		width: 100%;
		margin-bottom: 0.35em;
	}
	
	.product-option-main-wrap .opiton-cut > div:first-of-type {
	
	}
	
	
	.more-view {
		display: inline-block;;
		width: auto;
		margin-top: 1em;
		color: #009de0;
	    -webkit-transition: color 0.5s;
    	transition: color 0.5s;
    
	}
	
	.more-views ul{
		list-style: none;
		padding: 0;
		margin: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	
	.more-views ul li {
		width: 33%;
		padding: 1em 1rem;
	}
	
	.more-views ul li img {
		margin: auto;}
	
	.more-view:hover {
		color:#64c020;
	 }
	
		/* Product social block */
		.option-social-block {
		    margin-top: 1.5em;
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
		}
		
		.option-social-block a:hover {
			text-decoration: none;
		}
	
		.option-social-block > div {
			    padding-right: 1rem!important;
			    width: auto!important;
		
		}
		
		#___plus_0 {
			max-width: 95px!important;
		}
		
		/* Product social block */
		
		
		/* Product button */
		.option-price-block {
			border-top: 1px solid #e6e6e6;
			margin-top: 1.5em;
			padding-top: 1.5em;
		}
		
		.option.option-add-to-cart button {
			color: #fff;
			background-color: #003da5;
			padding: 1.5em 2.5rem;
		    font-size: 1.5em;
		    border: none;
		    margin-top: 1em;
		    position: relative;
		    font-family: 'Museo', sans-serif;
		    font-weight: 900;
	        min-width: 290px;
		}
		
		
		.option.option-add-to-cart {
			text-align: center;
		}
		
		.option.option-add-to-cart button span {
			font-weight: 100;
			display: block;
		    font-size: 0.65em;
		    text-transform: initial;
		    font-family: 'Gotham', sans-serif;
		    font-weight: 100;
		}
		
		
		.option.option-add-to-cart button::after {
			content: '';
			display: block;
			position: absolute;
			top: 0.5em;
			bottom: 0.5em;
			left: 1rem;
			right: 1rem;
			border: 5px solid #fff;
			transition: all 0.2s linear;
		}
		
		.option.option-add-to-cart button:hover {
			cursor: pointer;
		}
		
		.option.option-add-to-cart button:hover::after {
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}
		
		.product-options .option-label {
			font-weight: 900;
		}
		/* END Product button */
	/* END options block */
/* END Block TOP*/


/* Block bottom */
	/* Base */
	.product-view-bottom {
		
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
		flex-direction: column-reverse;
	}
	
	/* END Base */
	
		
	/* Detail buble */
	.product-detail-buble {
		display: none;
		padding: 1em 1rem;
	}
	
	
	.product-detail-buble img {
		margin: auto;
	}
	/* END Detail buble */


	/* Related products */
	.product-view-related {
		margin-top: 2em;
	}
	
	.product-view-related  .block-title h2 {
		margin: 0;
		margin-bottom: 1em;
		font-size: 1.2em;
	    font-weight: 900;
	}
	/* Related products */

	/* Product box */
	.product-view-right-title {
		display: none;
	}
	
	.product-view-right-title h2 {
		margin-bottom: 1em;
		margin-top: 0;
	    font-size: 1.2em;
	    font-weight: 900;
	}
	
	#productInfoBlockResponsive .boxActive {
	 	background-color: #fff;
	}
	
	#productInfoBlock {
		display: block;
		width: 100%;
		padding: 0;
		margin-top: 1em;
	}
	
	.productInfoBox p,
	.productInfoBox table {
		margin-top: 0.75em;
		border-top: 1px solid #e6e6e6;
		padding-top: 1.5em;
	}
	
	.productInfoBox p strong {
		font-size: 1.1em;
	 }
	
	.productInfoBox table p{
		border: none;
		padding: 0;
	}
	
	.productInfoBox > *:first-child {
		border: none;
	}
	
	.productInfoHead {
		display: none;
	}
	
	.productInfoHead ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	
	.productInfoHead ul li {
		float: left;
	
		text-align: center;
		padding: 1em 0.5rem;
	}
	
	.column1 .productInfoHead ul li {
		width: 100%;
	}
	
	.column2 .productInfoHead ul li {
		width: 50%;
	}
	
	.column3 .productInfoHead ul li {
		width: 33.333%;
	}
	
	.column4 .productInfoHead ul li {
		width: 25%;
	}
	
	.productInfoBody {
		background-color: #d7d7d7;
	}
	
	.productInfoBody > h3 {
		line-height: 1.7em;
		padding: .5em .5rem;
		margin: 0;
		background-color: #003da5;
		color: #fff;
		font-weight: 100;
		border-bottom: 1px solid #003da5;
	}
	
	h3.boxActive {
		border: 0;
	}
	
	.productInfoBody > h3:hover {
		cursor: pointer;
	}
	
	.productInfoBody > h3:after {
	    font-family: FontAwesome;
	    content: '\f078';
	    float: right;
	    font-size: 0.8em;
	    color: #fff;
	    margin-right: 0.5rem;
	    -webkit-transition: all .3s;
	    -moz-transition: all .3s;
	    -o-transition: all .3s;
	    transition: all .3s;
	}
	
	.productInfoBody > h3.boxActive:after {
	    transform: rotate(180deg);
	}
	
	.productInfoBox {
		position: relative;
		padding: 1em 1.5rem;
	}
	
	.productInfoBox ul {
		box-sizing: border-box;
		padding-left: 1.5em;
		margin: 0;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;	
	}
	
	.productInfoBox  {
	    overflow: hidden;
	    display: none;
	}
	
	.productInfoBox  table {
		
			display: block;
	}
	
	
	.productInfoHead ul li {
		background-color: #fff;
		border: 1px solid #e6e6e6;
		border-right: none;
		border-bottom: none;
	}
	
	.productInfoHead ul li:last-child {
		border-right: 1px solid #e6e6e6;
	}
	
	.productInfoHead ul li:hover {
		cursor: pointer;
	}
	
	.activeBody {
		position: relative;
		z-index: 100;
		display: block;
		background-color: #fff;
	}
	
	div.boxActive {
		border-bottom: 1px solid #797979!important;
	}
	
	.productInfoBox {
		background-color: #fff;
	}
	
	.productInfoHead ul li.activeHead {
		background-color: #003da5;
		color: #fff;
	}
	
	.productViewBottomWrapper {
		padding-bottom: 2em;
	}
	
	
	.retail-wrap {
		margin-top: 2em;
		margin-bottom: 2em;
		
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	}
	
	.retail-wrap > div {
		width: 33%;
		padding: 0.5em 1rem;
	}
	
	
	.where-to-buy-inner {
		position: relative;
		margin-top: 1em;
	}
	
	.where-buy:hover {
	}
	
	.where-buy-icon {
		display: inline-block;
		width: 67px;
		height: 50px;
	}
	
	.where-buy.buy-pharmacy  .where-buy-icon {
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/logo-lekaren.png');
		background-repeat: no-repeat;
    	background-size: contain;
        background-position: center;
	}
	
	.where-buy.buy-mall  .where-buy-icon {
		background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/logo-retazec.png');
		background-repeat: no-repeat;
    	background-size: contain;
	    background-position: center;
	}
	
	.where-buy > span:not(.where-buy-icon) {
		position: absolute;
		top: 50%;
    	left: 80px;
    	-ms-transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
		font-weight: 400;
	}
	
	.where-buy.buy-pharmacy > span:not(.where-buy-icon) {
		color: #64c020;
	}
	
	.mini-products-list .configurable-price-from-label {
	    color: #64c020;
	}
	
	
	
	@media screen and (min-width: 600px)
	{
		.product-detail-buble {
			display: block;
		}
		
		.product-option-main-wrap > .option-wrap{
			display: inline-block;
			width: auto;
			margin-right: 1rem;
		}
		
		.productInfoHead {
			display: block;
		}	
		
		.productInfoBody > h3 {
			display: none;
		}
		
		.productInfoHead ul li {
			color: #949494;
		}
		
		.productInfoHead ul li:hover {
			color: #64c020;
			border: 1px solid #64c020;
			border-bottom: none;
		}
		
		.productInfoHead ul li:hover:not(.activeHead),
		.productInfoHead ul li:hover:not(.activeHead):last-child { 
			border-color: #64c020;;
		}
		
		.productInfoHead ul li:not(.activeHead) {
			border-right: 1px solid #fff;
		}
		
		.productInfoHead ul li:not(.activeHead):last-child {
			border-right: 1px solid #e6e6e6;
		}
		
		
		.productInfoHead ul li.activeHead {
			border: 1px solid #003da5;
		}
		
		.productInfoHead ul li.activeHead:hover {
			color: #fff;
		}
		
		.productInfoBox {
			border: 1px solid #003da5;
		}
		
		.product-view-right {
			margin-top: 1em;
			padding: 1em 1rem;
		}
		
		
		#productInfoBlock {
			margin-top: 0;
		}
		
		/* Detail buble */
		.product-detail-buble {
			padding: 0;
			margin-bottom: -0.5em;
		}
		
		.product-detail-buble img {
			margin-right: 0;
			max-width: 200px;
		}
		/* END Detail buble */
		
	}
	
	/* END Product box */
/* END Block bottom */

@media screen and (min-width: 460px)
{
	.retail-wrap > div {
		width: 25%;
	}
}

@media screen and (min-width: 460px)
{
	/* Options block */
	.product-option-main-wrap .opiton-cut > div {
		margin-right: 1.5rem;
	}
	
	.product-option-main-wrap {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	
	.product-option-main-wrap > div {
		width: 100%;
	}
	
	.product-option-main-wrap > div:first-of-type {
		width: 220px;
	}
	
	.product-option-main-wrap .opiton-cut > div:last-of-type {
		margin-right: 0;
	}
	/* END Options block */
}

@media screen and (min-width: 560px)
{
	.retail-wrap > div {
		width: 20%;
	}
}


@media screen and (min-width: 660px)
{
	.retail-wrap > div {
		width: 16.66666%;
	}
}


@media screen and (min-width: 860px)
{
	/* Base */
	.category-top-wrap.product-top-wrap {
		display: block;
	}
	/* END Base */
	
	.catalog-product-view .col-left.sidebar {
		display: block;
	}
	
	.product-view,
	.product-view-left {
		margin-top: 0;
	}
	
	.product-view-top,
	.product-view-left {
		padding: 0;
	}

	.product-view-right {
		padding-left: 0;
		padding-right: 0;
	}
	
	.catalog-product-view .page-main-wrap {
		margin-bottom: 2em;
	}
	
	.retail-wrap > div {
		width: 20%;
	}
}

@media screen and (min-width: 960px)
{
	.retail-wrap > div {
		width: 16.66666%;
	}
}

@media screen and (min-width: 660px)
{
	/* Block TOP*/
		/* Product media block */
		.product-view-left .product-image .product-image-slick-arrow {
			width: 45px;
			height: 45px;
		}
		/* Product media block */
	/* Block TOP*/
}


@media screen and (min-width: 1000px)
{
	.option.option-add-to-cart {
		margin-bottom: 3em;
	}
	
	.responsive-product-name {
		display: none;
	}
	
	.catalog-product-view .product-view {
		margin-top: 5px;
	}
	
	.catalog-product-view  .product-name {
		display: block;
	}
	
	
	.catalog-product-view  .product-name h2 {
		margin: 0;
		font-size: 2em;
	}
	
	.product-view-top .product-view-left {
		width: 48%;
		float: left;
	}
	
	.product-view-top .product-view-right {
		width: 48%;
		float: right;
		margin: 0;
		padding: 0;
	}
	
	.product-view-top::after {
		clear: both;
		display: block;
		content: '';
	}
	
	.option.option-add-to-cart button {
		display: block;
		width: 100%;
	}
	
	.short-description {
		margin-top: 1em;
	}
	
	.product-view-bottom .product-view-left,
	.product-view-bottom .product-view-right {
		width: 48%
	}
	
	
	.product-view-bottom .product-view-left{
		float: left;
	}
	
	.product-view-bottom .product-view-right {
		float: right;
		padding: 0;
		margin: 0;    
		margin-top: 2em;
		position: relative;
	}
	
	.product-view-bottom::after {
		clear: both;
		display: block;
		content: '';
	}
	
	.product-view-bottom {
		display: block;
	    margin-top: 0.5em;
	}
	
	
	.product-detail-buble img {
		max-width: 170px;
	}
	
	
	.catalog-product-view .col2-left-layout .col-main {
		padding-left: 1rem;
	}
	
	.product-view-right-title {
		display: block;
	} 
	
	.product-detail-buble {
		position: absolute;
		right: 0;
		top: -3.2em;
	}
	
	.mini-products-list li {
		padding-top: 0;
	}
	
	.retail-wrap > div {
		width: 25%;
	}
	
}

@media screen and (min-width: 1260px)
{ 
	.product-detail-buble {
	    right: -2.4rem;
	}
}

.news-content-wrap .option-social-block { 
	margin-bottom: 1rem;
}

.news-content-wrap .option-social-block::after {
	clear: both;
	display: block;
	content: '';

}

.news-list .kategorie-1 .latest-news-body,
.news-list .kategorie-1,
.news-list.news-list-collors-gradually .news-block:nth-child(1) .latest-news-body,
.sidebar-news-block .kategorie-1 .latest-news-body {
	background-color: #003da5;	
}


.news-list .kategorie-2 .latest-news-body,
.news-list .kategorie-2,
.news-list.news-list-collors-gradually .news-block:nth-child(2) .latest-news-body,
.sidebar-news-block .kategorie-2 .latest-news-body { 
	background-color: #64c020;	
}

/*

*/

.news-list .kategorie-3 .latest-news-body,
.news-list .kategorie-3,
.news-list.news-list-collors-gradually .news-block:nth-child(3) .latest-news-body,
.sidebar-news-block .kategorie-3 .latest-news-body { 
	background-color: #009de0;	
}

/*

*/
.news-list > .news-block:nth-child(3n+1),
.news-list > .news-block:nth-child(3n+1) .latest-news-body,
.news-related-inner-wrap > div:nth-child(3n+1),
.news-related-inner-wrap > div:nth-child(3n+1) .latest-news-body {
	background-color: #003da5;
}


.news-list > .news-block:nth-child(3n+2),
.news-list > .news-block:nth-child(3n+2) .latest-news-body,
.news-related-inner-wrap > div:nth-child(3n+2),
.news-related-inner-wrap > div:nth-child(3n+2) .latest-news-body {
	background-color: #64c020;
}


.news-list > .news-block:nth-child(3n+3),
.news-list > .news-block:nth-child(3n+3) .latest-news-body,
.news-related-inner-wrap > div:nth-child(3n+3),
.news-related-inner-wrap > div:nth-child(3n+3) .latest-news-body {
	background-color: #009de0;	
}

.sidebar-news-block .news-lastest-inner-wrap:nth-child(2n+1) .latest-news-body{
	background-color: #003da5;
}

.sidebar-news-block .news-lastest-inner-wrap:nth-child(2n+2) .latest-news-body{
	background-color: #64c020;
	
}

/* Base */
.homepage-news {
	margin-top: 3em;
	margin-bottom: 4em;
}

.homepage-wrap.homepage-news-2 {
	max-width: 2000px;
	    margin-top: 3em;
    margin-bottom: 4em;
}

.news-list .news-block .news-lastest-inner-wrap {
	height: 100%;
}

.news-list .news-block .news-lastest-inner-wrap > a {
	display: block;
	position: relative;
	height: 100%;
}

.news-list .news-block .news-lastest-inner-wrap > a span {
	
}

.news-list .latest-news-body {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 200;
	color: #fff;
	
	padding: 1em 1rem;
	padding-bottom: 1em;
	opacity: 0.9;
	
}

.news-list .vitar-button.vitar-white-button {
	display: inline-block;
	border: none;
	font-size: 0.9em;
	padding: 0;
}

.news-list .vitar-button.vitar-white-button .fa {
	margin-left: 0.5em;
   
}

.news-list .vitar-button.vitar-white-button:hover {
	background-color: transparent;
	
}

.news-list  .latest-news-bottom .latest-news-date {
	float: right;
}

.news-listXXX h3 {
    font-size: 1.1em;
    font-family: 'Museo', sans-serif;
    font-weight: 700;
}

.news-list .latest-news-desc {
	margin-bottom: 1em;
	max-height: 3.5em;
    overflow: hidden;
    line-height: 1.2;
}

.news-list p {
	margin: 0;
}
/* END Base */


/* Newsletter */
.news-list .newsletter-block {
	background-color: #003da5; 
	padding: 3em 1rem;
	color: #fff;
}

.news-list .newsletter-block h3 {
	margin-top: 0;
	
}

.news-list .newsletter-block img {
	display: none;
	margin: auto;
	margin-bottom: 1rem;
}

.news-list .newsletter-block .news-input-wrap {
	display: block;
	position: relative;
	margin-top: 2em;
}

.news-list .newsletter-block .news-input-wrap input {
	padding: 1em 1rem;
	width: 100%;
	margin-bottom: .5em;
	border: 1px solid #fff;
}

.news-list .newsletter-block .news-input-wrap button {
	width: 100%;
}

.news-list .newsletter-block .validation-advice {

	display: none;
}

.news-list .newsletter-block .news-input-wrap input.validation-failed {
	border-color: red;
}

.news-more-button {
	display: block;
	padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;
	background-color: #fff;
}

.news-more-button a {
	display: inline-block;
}
/* END Newsletter */


/* Sidebar News */
.sidebar-news-block {
	margin-bottom: 2em;
}

.sidebar-news-title h2 {    
	padding-left: 1.4rem;
    position: relative;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 900;
}

.sidebar-news-title h2:before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 0;
	top: 50%;
	
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	
	background-color: #003da5;
}

.sidebar-news-block .latest-news-body {
	color: #fff;
	padding: 1em 1rem;
	
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.9;
}

.sidebar-news-block .news-lastest-inner-wrap {
	margin-bottom: 0.5em;
}

.sidebar-news-block .news-lastest-inner-wrap {
	position: relative;
}

.sidebar-news-block .latest-news-desc {
	    line-height: 1.2em;
    max-height: 3.2em;
    overflow: hidden;
    font-size: 0.85em;
}

.sidebar-news-block .latest-news-desc p {
	color: #fff;
}

.sidebar-news-block .latest-news-title h3 {
	margin: 0;
	font-size: 0.95em;
	color: #fff;
} 


.sidebar-news-block .latest-news-bottom {

}

.sidebar-news-block  .latest-news-bottom {
    -webkit-transition: max-height 0.3s;
    transition: max-height 0.3s;
}

.sidebar-news-block .news-lastest-inner-wrap:hover .latest-news-bottom  {
	max-height: 50px;
}

.sidebar-news-block .news-lastest-inner-wrap .latest-news-bottom  {
	position: relative;
}

.sidebar-news-block .vitar-button.vitar-white-button {
	border: none;
    padding: 0.2em 0rem;
    font-size: 0.8em;
	font-weight: 100;
}

.sidebar-news-block .vitar-button.vitar-white-button:hover {
	background-color: transparent!important;
}

.sidebar-news-block .vitar-button.vitar-white-button:hover .fa {
	margin-left: 0.75rem;
}

.sidebar-news-block .latest-news-button {
    margin-top: 0.5em;	
}

.sidebar-news-block .latest-news-date {
	display: block;
	position: absolute;
	right: 0;
	color: #fff;
    bottom: 0;
    font-size: 0.8em;
}

.sidebar-news-block .news-block {
	margin-bottom: 0.5em;
}

.sidebar-news-block .vitar-button .fa {
	    font-size: 1.2em;
    font-weight: 900;
}

.news-sidebar-more-button {
	display: block;
    width: 100%;
    margin-top: 0.5em;
}

.news-sidebar-more-button a {
	display: block;    
	text-align: center;
}

/* END Sidebar News */


/* NEWS page */
.cms-magazin .page-main-wrap .col-main > .page-title,
.cms-magazin .page-main-wrap .col-main > .std > p,

.cms-clanky .page-main-wrap .col-main > .page-title,
.cms-clanky .page-main-wrap .col-main > .std > p {
	display: none;
}

.cms-magazin #menu-tabs,
.cms-magazin #menu-categories-wrapper,
.cms-magazin .sidebar-news-block,
.cms-magazin .category-top-wrap {
	display: none!important;
}

.cms-magazin .col-left.sidebar  {
	margin-top: 2em;
}

.news-block-page {
	
}

.news-block-page .news-lastest-inner-wrap > a {
    display: block;
    position: relative;
    height: 100%;
   }

.news-block-page .news-lastest-inner-wrap .latest-news-body {
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    color: #fff;
    padding: 1em 1rem;
    opacity: 0.9;
}

.news-block-page .vitar-button.vitar-white-button{
    display: inline-block;
    border: none;
    font-size: 0.9em;
    padding: 0;
}

.news-block-page .vitar-button:hover {
	background-color: #fff;
}

.news-block-page .news-lastest-inner-wrap:nth-child(3n+1) .vitar-button:hover {
	color: #003da5;
}

.news-block-page .news-lastest-inner-wrap:nth-child(3n+2) .vitar-button:hover {
	color: #64c020;
}

.news-block-page .news-lastest-inner-wrap:nth-child(3n+3) .vitar-button:hover {
	color: #64c020;
}

.news-block-page .news-lastest-inner-wrap:nth-child(3n+4) .vitar-button:hover {
	color: #009de0;
}

.news-block-page .latest-news-desc {
    margin-bottom: 1em;
    max-height: 2.5em;
    overflow: hidden;
    margin-top: 0.5em;
    line-height: 1.2;
}

.news-block-page .latest-news-date {
    float: right;
}

.news-block-page p {
	margin: 0;
}

.news-block-page .news-lastest-inner-wrap:nth-child(3n+1) .latest-news-body {
	background-color: #003da5;
}

.news-block-page .news-lastest-inner-wrap:nth-child(3n+2) .latest-news-body {
	background-color: #64c020;
}

.news-block-page .news-lastest-inner-wrap:nth-child(3n+3) .latest-news-body {
	background-color: #009de0;
}

/* NEWS page */


/* Detail */
.clnews-newsitem-view .category-top-wrap.small-top {
	display: none;
}

.clnews-newsitem-view .col-left.sidebar .news-category-list-wrap .news-category-outer-wrapp,
.cms-page-view .col-left.sidebar .news-category-list-wrap .news-category-outer-wrapp {
	display: none;
}

.clnews-newsitem-view .col-left.sidebar .news-category-title h3,
.cms-page-view .col-left.sidebar .news-category-title h3 {
	text-align: left;
	position: relative;
}

.clnews-newsitem-view .col-left.sidebar .news-category-title h3:hover,
.cms-page-view .col-left.sidebar .news-category-title h3:hover {
	cursor: pointer;
}

.clnews-newsitem-view .col-left.sidebar .news-category-title h3::after,
.cms-page-view .col-left.sidebar .news-category-title h3::after{
	content: "\f078";
    font-family: FontAwesome;
    font-size: 1em;
    position: absolute;
    top: 0.95em;
    color: #fff;
    right: 1rem;
}

.clnews-newsitem-view .col-left.sidebar .news-category-title.news-menu-acitve h3::after,
.cms-page-view .col-left.sidebar .news-category-title.news-menu-acitve h3::after{
	content: "\f077";
}

.news-item-detail {
	padding: 1em 1rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-direction: column;
}

.news-item-detail .item-categories {
	display: block;
	margin-bottom: 1em;
}

.news-item-detail .item-categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.news-item-detail .item-categories ul li {
	display: inline-block;
	margin-right: 0.2rem;
	margin-bottom: 0.5rem;
}

.news-item-detail .item-categories ul li a {
	display: block;
	padding: 0.8em 1rem 0.7em 1rem;
}

.news-item-detail header h1 {
	margin: 0;
	font-size: 1.5em;
    margin-bottom: 1em;
    margin-top: 0.5em;
}

.news-item-detail header .date {
	margin-bottom: 1em;
}

.news-image-wrap {
	margin-top: 1em;
	margin-bottom: 1em;	
	text-align: center;
}

.news-image-wrap img {
	display: inline-block;
}

.news-item-content-iner-wrap h2 {
	font-size: 1.3em;
	margin-top: 1.5em;
	margin-bottom: .5em;
}

.news-item-content-iner-wrap p {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	    line-height: 1.35em;
}

.news-item-content-iner-wrap p a {
	font-weight: bold;
}


.news-item-content-iner-wrap p a:hover {
	text-decoration: underline;
}

/* Detail */


/* Sidebar */ 
.cms-clanky .cms-menu-wrap,
.cms-magazin .cms-menu-wrap {
	display: none;
}

.cms-clanky .news-category-list-wrap,
.cms-magazin .news-category-list-wrap,
.clnews-index-index .news-category-list-wrap{
	display: block;
}

.news-category-title h3 {
	margin: 0;
	color: #fff;
    background-color: #003da5;
    display: block;
    width: 100%;
    padding: 1em 1rem;
    text-align: center;
}

.news-category-outer-wrapp ul li {
	display: block;
}

.news-category-outer-wrapp ul li a {
	display: block;
    border-bottom: 1px solid #e6e6e6;
}

.news-category-outer-wrapp ul li a:hover,
.news-category-outer-wrapp ul li.active-news a {
	font-weight: 900;
	color: #64c020;
}
/* END Sidebar */ 


/* Pager */
.news-list-pager {
	text-align: center;
	margin-top: 1em;
}

.news-list-pager ol {
	list-style: none;
    padding: 0;
    margin: 0;
}

.news-list-pager .pages {
	display: inline-block;
}

.news-list-pager ol li {
	    display: inline-block;
}


@media screen and (min-width: 460px) {
	.news-list-pager .pager-button-step {
		display: inline-block!important;
		width: auto!important;	
	}
}


.news-list-pager ol li a,
.news-list-pager ol li span {
    padding: 0.5em 0.7rem;
    text-decoration: none;
    border: 1px solid #003da5;
    display: block;
    color: #003da5;
    font-weight: 400;
}


.news-list-pager ol li.current a,
.news-list-pager ol li.current span { 
    background-color: #003da5;
    color: #fff;
}

.news-list-pager ol li a:hover {
    background-color: transparent;
    color: #64c020;
    border-color: #64c020;
}
/* Pager */


/* Related */
.news-related-wrap {
	margin-top: 1.5em;
	
}

.news-related-inner-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.news-related-inner-wrap > div {
	width: 100%;
}

.news-related-inner-wrap .news-lastest-inner-wrap > a {
	display: block;
	position: relative;
	height: 100%;
}

.news-related-inner-wrap .latest-news-desc {
    margin-bottom: 1em;
    max-height: 3.4em;
    overflow: hidden;
    line-height: 1.2;
    display: none!important;
}

.news-related-inner-wrap .latest-news-desc p {
	margin: 0;
}


.news-related-inner-wrap .latest-news-body {
	    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    color: #fff;
    padding: 1em 1rem;
    padding-bottom: 1em;
    opacity: 0.9;
	
}

.news-related-inner-wrap h3 {
    font-size: 1.1em;
    font-family: 'Museo', sans-serif;
    font-weight: 700;
    margin: 0;
}

.news-related-inner-wrap .latest-news-bottom {
    position: relative;
}

.news-related-inner-wrap  .latest-news-date{
    display: block;
    position: absolute;
    right: 0;
    color: #fff;
    bottom: 0;
    font-size: 0.8em;
}

.news-related-inner-wrap .latest-news-button {
    margin-top: 0.5em;
}

.news-related-inner-wrap .vitar-button.vitar-white-button{
    border: none;
    padding: 0.2em 0rem;
    font-size: 0.8em;
    font-weight: 100;
}

.news-related-inner-wrap .vitar-button .fa {
    font-size: 1.2em;
    font-weight: 900;
}

.news-related-inner-wrap  .vitar-button.vitar-white-button:hover {
    background-color: transparent!important;
}

.news-related-inner-wrap  .vitar-button.vitar-white-button:hover .fa {
    margin-left: 0.75rem;
}

.news-related-inner-wrap > div:hover .latest-news-bottom {
    max-height: 50px;	
}

.news-related-title {
	padding: 1em 1rem;
}

.news-related-title h3 {
	margin: 0;
	margin-bottom: 0.2em;
	font-size: 1.5em;
	
}
/* Related */




/* Responzive */
@media screen and (min-width: 460px)
{
	.news-related-inner-wrap > div {
		width: 50%;
	}
}

@media screen and (min-width: 460px)
{
	/* Newsletter */
	.news-list .newsletter-block .news-input-wrap button {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: auto;
	}
	
	.news-list .newsletter-block .news-input-wrap input { 
		margin: 0;
	}
	
	.news-list .newsletter-block img { 
		display: block;
	}
	/* END Newsletter */
}

@media screen and (min-width: 500px)
{
	/* NEWS page */
	.news-block-page {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
		flex-flow: wrap;
	}
	
	.news-block-page .news-lastest-inner-wrap  {
		width: 50%;
	}
	
	/*
	.news-block-page .news-lastest-inner-wrap:nth-child(1) .latest-news-body {
		background-color: #003da5;
	}
	
	.news-block-page .news-lastest-inner-wrap:nth-child(2) .latest-news-body {
		background-color: #64c020;
	}
	
	.news-block-page .news-lastest-inner-wrap:nth-child(3) .latest-news-body {
		background-color: #64c020;
	}
	
	.news-block-page .news-lastest-inner-wrap:nth-child(4) .latest-news-body {
		background-color: #009de0;
	}
	*/
	/* END NEWS page */
}

@media screen and (min-width: 500px)
{		
	/* Base */
	.news-list {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	    width: 100%;
	    flex-wrap: wrap;
	    flex-direction: row;
    }
    
	.news-list > div{
		width: 50%;
		float: left;
	}	
	
	.news-list::after {
		clear: both;
		display: block;
		content: '';
	}
	
	.latest-news-bottom {
		max-height: 0;
		overflow: hidden;

		-webkit-transition: max-height 0.5s;
    	transition: max-height 0.5s;
	}
	
	.news-list .newsletter-block img {
		display: block;
		max-width: 160px;
	}
	
	.news-list .newsletter-block .news-input-wrap input {
		margin-bottom: 0.5em;
	}
	
	.news-list .newsletter-block .news-input-wrap button {
		position: relative;
		width: 100%;
		
	}
	
	.news-list .newsletter-block {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	    flex-wrap: wrap;
	    align-items: center;
    }
	/* END Base */
}

@media screen and (min-width: 560px)
{	
	/* Detail */
	.news-item-detail {
		display: block;
	}
	
	.news-item-detail header h1 {
		margin-top: 0;
	}
	
	.news-image-wrap {
	    max-width: 40%;
		float: right;
		margin: 0;
		padding-left: 1rem;
		padding-bottom: 1em;
	}
	/* Detail */
}

@media screen and (min-width: 700px)
{	
	.news-item-detail header .date {
		display: inline-block;
	}
	
	.news-content-wrap .option-social-block {
		float: right;
		margin-top: 0;
	}
}


@media screen and (min-width: 860px)
{		
	/* Base */
	.news-list > div:nth-child(3) {
		display: none;
	}
	
	.news-list > div {
		width: 33.3333%
	}
	/* END Base */
	
	
	/* NEWS page */
	.cms-page-view .col2-left-layout .page-main-wrap {
	    flex-direction: row;
	}
	
	.cms-magazin .category-top-wrap {
		display: block!important;
	}
	
	.cms-magazin .news-category-list-wrap,
	.clnews-newsitem-view .news-category-list-wrap {
		display: block;
	}
	
	.cms-magazin .col-left.sidebar {
		margin-top: 0;
	}
	/* NEWS page */
	
	
	/* Detail */
	.clnews-newsitem-view .category-top-wrap.small-top,
	.cms-page-view .category-top-wrap.small-top {
		display: block;
	}
	
	.clnews-newsitem-view .col-left.sidebar .news-category-title h3,
	.cms-page-view .col-left.sidebar .news-category-title h3  {
		text-align: center;
	}
	
	.clnews-newsitem-view .col-left.sidebar .news-category-list-wrap .news-category-outer-wrapp,
	.cms-page-view .col-left.sidebar .news-category-list-wrap .news-category-outer-wrapp  {
		display: block!important;
	}
	
	.clnews-newsitem-view .col-left.sidebar .news-category-title h3::after,
	.cms-page-view .col-left.sidebar .news-category-title h3::after {
		display: none;
	}
	/* Detail */
	
	.homepage-news-2 .news-list .news-block .news-lastest-inner-wrap {
		min-height: 490px;
	}
	
	
	/* Detail */
	.news-item-detail header h1 {
		margin-top: 0;
	    font-size: 2.2em;
	}
	

	/* Detail */
	
	
	/* Related */
	.news-related-title {
		padding: 1em 0;
	}
	/* Related */
	
	.news-category-outer-wrapp {
		display: block!important;
	}
	
	.news-category-list-wrap .news-category-title h3 {
		text-align: left!important;
	}
	
	
	.news-item-detail header .date {
		display: block;
	}
	
	.news-content-wrap .option-social-block {
		float: none;
		margin-top: 1em;
	}
	
	.news-item-detail {
		padding: 0;
	}
}

@media screen and (min-width: 960px)
{		
	.news-related-inner-wrap > div {
			width: 25%;
	}
}

@media screen and (min-width: 1000px)
{	
	/* NEWS page */
	.news-block-page .latest-news-desc {
		max-height: 3.5em;
	}
	
	.news-block-page.news-block .news-lastest-inner-wrap > a:hover .latest-news-bottom {
	    max-height: 55px;
	}
	
	.news-block-page .vitar-button.vitar-white-button {
	    padding: 1em 1.5rem;
	    border: 1px solid #fff;
        margin-bottom: 1px;
	}
	/* NEWS page */

	.news-block-page .latest-news-date {
		margin-top: 1em;
	}
	
	
	.news-item-detail header .date {
		display: inline-block;
	}
	
	.news-content-wrap .option-social-block {
		float: right;
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.news-block-wrap {
		margin-bottom: 1em;
	}
}


@media screen and (min-width: 1100px)
{
	/* Detail */
	.news-item-detail {
		display: block;
	}
	
	.news-image-wrap {
		max-width: 40%;
		float: right;
		margin: 0;
		padding-left: 2.5rem;
    	padding-bottom: 2em;
	}
	/* Detail */
}


@media screen and (min-width: 1200px)
{		
	/* Base */
	.news-list > div:nth-child(3) {
		display: block;
	}
	
	.news-list > div {
		width: 25%
	}
	/* END Base */
	
	
	/* Slide UP */
	.news-list .news-block .news-lastest-inner-wrap > a:hover .latest-news-bottom {
		max-height: 50px;
	}
	
	.news-list  .latest-news-button {
		height: 50px;
	}
	
	.news-list .vitar-button.vitar-white-button {
	    padding: 1em 1.5rem;
		border: 1px solid #fff;
	}
	
	body .news-list .vitar-button.vitar-white-button:hover {
		background-color: #fff;
	}
	
	
	.news-list > .news-block:nth-child(3n+1) .vitar-button.vitar-white-button:hover,
	.news-list > .news-block:nth-child(3n+1) .vitar-button.vitar-white-button:hover {
		color: #003da5;
	}
	
	
	.news-list > .news-block:nth-child(3n+2) .vitar-button.vitar-white-button:hover,
	.news-list > .news-block:nth-child(3n+2) .vitar-button.vitar-white-button:hover {
		color: #64c020;
	}
	
	
	.news-list > .news-block:nth-child(3n+3) .vitar-button.vitar-white-button:hover,
	.news-list > .news-block:nth-child(3n+3) .vitar-button.vitar-white-button:hover {
		color: #009de0;	
	}

	.news-list .kategorie-1 .vitar-button.vitar-white-button:hover {
		color: #003da5;
	}
	
	.news-list .kategorie-2 .vitar-button.vitar-white-button:hover {
		color: #64c020;
	}
	
	.news-list .kategorie-3 .vitar-button.vitar-white-button:hover {
		color: #009de0;
	}
	
	/* END Slide UP */
	
	.homepage-news-2 .news-list .news-block .news-lastest-inner-wrap > a  .latest-news-img{
	}
	
}

@media screen and (min-width: 1300px)
{
	
	.news-list .newsletter-block img {
		max-width: 200px;
	}
	
	.homepage-news-2 .news-list .news-block .news-lastest-inner-wrap {
		min-height: 500px;
	}
}

@media screen and (min-width: 1000px)
{
	.homepage-news-2 .news-list .news-block .news-lastest-inner-wrap > a {
		margin-bottom: 0;	
	}
}


@media screen and (min-width: 1600px)
{		
	/* Newsletter */
	.news-list .newsletter-block img {
		display: block;
	}
	
	.news-list .newsletter-block .news-input-wrap button {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: auto;
	}
	
	.homepage-news .news-list .newsletter-block .news-input-wrap button {
		padding: 0.8em 0.8rem;
	}
	
	.news-list .newsletter-block .news-input-wrap input { 
		margin: 0;
	}
	
	/* END Newsletter */
	
	.homepage-news-2 .news-list .news-block .news-lastest-inner-wrap {
		min-height: 0;
	}
}


@media screen and (max-width: 859px)
{	
	.cms-index-index .news-list .news-block .news-lastest-inner-wrap > a .latest-news-img {
		margin-bottom: 195px;
	}
	
	.news-category-outer-wrapp {
		display: none;
	}
	
	.clnews-index-index  #banner_block_wrap {
		display: none;
	}
	
	.news-category-title h3 {
		position: relative;
	}
	
	.news-category-title h3:hover {
		cursor: pointer;
	}
	
	.news-category-title h3::after {
	    content: "\f107";
	    font-family: FontAwesome;
	    font-size: 1.5em;
	    position: absolute;
	    right: 1rem;
	    top: 50%;
	    -ms-transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	
	.news-category-title.active-news-list h3::after {
		    content: "\f106";
	}
	
}

@media screen and (max-width: 500px)
{	
	.cms-index-index .news-list .news-block .news-lastest-inner-wrap > a .latest-news-img {
		margin-bottom: 0;
	}
}


/* NEWS BANNER */	
.vitHiden
{
	/* display: none!important; */
}

.news-single-banner
{
	padding: 1em 1rem;
    width: 100%;
    box-sizing: border-box;
	
}

.news-single-banner-inner
{
	border: 7px solid #00ccff;
	
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	padding: 1em 1.5rem;    
}

.news-single-banner-inner:hover  
{
	cursor: pointer;	
}

.news-single-banner > div 
{ 
	width: 100%;	
}

.news-single-banner-image 
{
	text-align: center;
	margin-bottom: 1em;
	margin-left: auto;
    margin-right: auto;
}

.news-single-banner-image img 
{
	display: block;
	margin: 0 auto;
	max-width: 170px;
}

.news-single-banner-text
{
	margin-bottom: 1rem;
	font-size: 1.3em;
	line-height: 1.3em;
}

.news-single-banner-bottom 
{
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
}

.news-single-banner-bottom a
{
	display: block;
}

.news-single-banner-bottom-wrap 
{
	width: 100%;
	padding-top: 1rem;
    padding-bottom: 1rem;
}

.news-single-banner-bottom-wrap strong 
{
	margin-bottom: 0.5rem;
    display: block;
	text-transform: uppercase;
}

.news-single-banner-bottom {
	width: 100%;
}

.news-single-banner-bottom-wrap strong span 
{
	color: #64c020;
}

.news-single-banner-bottom-arrow 
{
	height: 100%;
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/arrow-block.png');	
	background-size: contain;
    background-repeat: no-repeat;
    width: 80px;
    margin-left: 1rem;
}

@media screen and (min-width: 1060px)
{
	.news-single-banner-inner 
	{
		-ms-flex-wrap: nowrap;
    	flex-wrap: nowrap;
    	
    	
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
	}
	
	.news-single-banner-text,
	.news-single-banner-image
	{
		margin-bottom: 0;
	}
	
	.news-single-banner-text {
	    padding: 0 1.5rem;
	}
	
	.news-single-banner-bottom-arrow
	{
		height: 100px;
	}
	
	.news-single-banner-inner
	{
		padding-top: 0.25em;
		padding-bottom: 0.25em;
	}
	
	.news-single-banner-image img 
	{
		max-width: 130px;
	}
	
	.news-single-banner-bottom-wrap
	{
		min-width: 180px;
	}
	
}

@media screen and (min-width: 1160px)
{
		
	.news-single-banner-inner
	{
		padding-top: 0;
		padding-bottom: 0;
	}
	
}

/* NEWS BANNER END */




	

/* Base */
.brand-outer-wrap {
	padding: 1em 1rem;	
}

.brand-inner-wrap {
	padding: 1em 1rem 0 1rem;
	border: 1px solid #e6e6e6;
	margin-bottom: 2em;
}
/* END Base */


/* Top Block */
.brand-top-wrap {
	text-align: center;
}
	/* Image */
	.brand-top-wrap .brand-image {
		max-width: 80px;
		display: inline-block;
	}
	
	.brand-top-wrap .brand-image img {
		margin: auto;
		margin-bottom: 2.5em;
		margin-top: 1em;
	}
	/* END Image */
	
	
	/* Description */
	.brand-bottom-wrap .brand-bottom-description {
		line-height: 1.4em;
		font-size: .9em;
	}
	/* END Description */
	
	
	/* Brand name */
	.brand-top-wrap .brand-name {
		text-align: left;
		margin-bottom: 1em;
		font-family: 'Museo', sans-serif;
    	font-weight: 900;
	}
	
	.brand-top-wrap .brand-name .brand-top-name {
		display: none;
	}
	
	.brand-top-wrap .brand-name.empty-meta .brand-top-name {
		display: block;
	}
	
	.brand-top-wrap .brand-name h2 {
		margin: 0;
	}
	/* END Brand name */

/* END Top Block */


/* Bottom Block */
	/* Img */
	.brand-bottom-wrap .brand-bottom-image {
		margin-top: 2em;
		margin-bottom: 2em;
	}
	
	.brand-bottom-wrap .brand-bottom-image img {
		margin: auto;
	}
	/* END Img */
	
	
	/* Buttons */
	.brand-buttons-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
		margin-left: -1rem;
		margin-right: -1rem;
		margin-top: 2em;
	}
	
	.brand-buttons-wrap > a {
		display: block;
		width: 100%;
		text-align: center;
		padding-left: .5rem;
		padding-right: .5rem;
	}
	/* END Buttons */	
/* END Bottom Block */


@media screen and (min-width: 560px)
{
	/* Base */
	.brand-outer-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	
	.brand-outer-wrap .brand-inner-wrap {
		width: 48%;
		margin-bottom: 4%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
		flex-direction: column;
	}
	/* END Base */
	
	
	/* Bottom Block */
		/* Buttons */
		.brand-buttons-wrap {
			margin-top: auto;
			padding-top: 1em;
		}
		/* END  Buttons */		
	/* Bottom Block */
}


@media screen and (min-width: 760px)
{
	
	/* Top Block */
	.brand-top-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
		flex-direction: row;
		align-items: center;
	}
		/* Img */
		.brand-top-wrap .brand-image {
			margin-right: 2rem;
			margin-left: 1rem;
		}	
		/* END Img */
	
	
		/* Brand name */
		.brand-top-wrap .brand-name {
		
		}
		
		.brand-top-wrap .brand-name .brand-top-name {
			display: block;
		}
		
		.brand-top-wrap .brand-top-motto h2 {
			font-weight: 100;
			font-size: 1.8em;
		}
		/* Brand name */
	
	/* END Top Block */
}


@media screen and (min-width: 999px)
{
	/* Base */
	.brand-outer-wrap .brand-inner-wrap {
		width: 49%;
		margin-bottoM: 2%;
	}
	/* END Base */
	
	
	/* Bottom Block */
	.brand-bottom-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
		flex-direction: row;
		align-items: center;
	}
	
		.brand-bottom-wrap .brand-bottom-image {
			margin-top: auto;
			margin-bottom: auto;
			min-width: 50%;
			margin-left: 1rem;
			
		}
		
		.brand-buttons-wrap {
			padding-top: 2em;
		}
	/* END Bottom Block */
	
}
input {
    outline: none;
    border: 1px solid #e6e6e6;
}

input::placeholder,
textarea::placeholder  {
	color: #003da5;
}

.validation-failed::placeholder {
	color: #c2083c;
}

.fieldset > .legend {
	display: none;
}




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


form:not(#webform_1):not(#webform_2):not(#webform_3) .form-list .fields {
	display: flex;
    flex-wrap: wrap;
}

form:not(#webform_1):not(#webform_2):not(#webform_3) .form-list .fields .field {
	width: 100%;
}

form:not(#webform_1):not(#webform_2):not(#webform_3) .form-list li input,
form:not(#webform_1):not(#webform_2):not(#webform_3) .form-list li textarea  {
	width: 100%;
    padding: 1em 1rem;
    margin-bottom: 0.5em;
    border: 1px solid #003da5;
}

.newsletter-input-wrap input {
	width: auto!important;
}

.customer-name {
	width: 100%;
}


form:not(#webform_1):not(#webform_2):not(#webform_3) .form-list li textarea  {
	resize: vertical;
	min-height: 150px;
}

form:not(#webform_1):not(#webform_2):not(#webform_3) .buttons-set button {
	width: 100%;
}

@media screen and (min-width: 860px)
{
	
	form:not(#webform_1):not(#webform_2):not(#webform_3) .form-list > li {
		margin-bottom: 1.5em;
	}
	
	form:not(#webform_1):not(#webform_2):not(#webform_3) .form-list .fields {
		justify-content: space-between;
	}

	form:not(#webform_1):not(#webform_2):not(#webform_3) .form-list .fields .field {
		/*	width: 49%; */
	}
}
@charset "UTF-8";

/* Registration form */
.customer-account-create h1 {
	font-size: 2em;
	margin: 0;
	margin-bottom: 1em;
}

.customer-account-create .account-create {
	padding: 1em 1rem;
}

.register-outer-wrap ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.register-outer-wrap .form-list .fields {
	margin: 0 !important;
}

.register-outer-wrap  .input-box {
	position: relative;
	margin-bottom: 1.5em;
}

.register-outer-wrap input,
.register-outer-wrap select {
	width: 100%;
	padding: 1em 1rem;
	border: 1px solid #003da5;
}

.register-outer-wrap input.validation-failed {
	border-color: #c2083c;
}

.register-outer-wrap label {
	margin-bottom: 0.3em;
    display: block;
}

.register-outer-wrap label em {
	color: #c2083c;
	margin-right: 0.3rem;
}

.register-outer-wrap .gdpr-consents {
	padding-top: 0;
}

.register-outer-wrap .gdpr-consents input {
	width: auto !important;
}

.register-outer-wrap .validation-advice {
	margin-top: 0.2em;
	color: #c2083c;
}

.account-create .required-info {
		color: #c2083c;
		margin-top: 1em;
}

.account-create .vitar-button {
	margin-top: 1em;
	margin-bottom: 2em;
	width: 100%;
}

.account-create #is_subscribed,
.account-create .choiceLabel { 
	width: auto;
	display: inline-block;
}	

.account-create .fieldset > .legend {
	display: block;
	font-size: 1.5em;
}

.customer-dob select {
	margin-bottom: 1em;
}

.newsletter-input-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.newsletter-input-wrap > input {
	    min-width: 1rem;
}
/* Registration form */


@media screen and (min-width: 660px)
{
	/* Registration form */
	.register-left-block {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	}
	
	.register-left-block > div {
		width: 50%;
		padding: 1em 1rem;
	}
	
	.customer-dob {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	}
	
	.customer-dob > select {
		margin-right: 0.5rem;
	}
	
	.customer-dob > select:last-of-type { 
		margin-right: 0;
	}
	
	.customer-account-create .fieldset.login {
		/* margin-top: 3em; */
	}
	/* Registration form */	
}
@charset "UTF-8";

/* Landing page */

.landing-page-header .header-logo-wrap {
	display: inline-block;
    align-items: center;
    padding-right: 0;
    width: 100%;
}

.landing-page-header .header-content-wrap > .header-second-logo {
	display: none;
}


.landing-page-header .header-content-wrap {
	display: flex;
	align-items: center;
}

.landing-page-header .header-content-wrap > .header-logo-wrap img {
	margin-left: auto;
	margin-right: auto;

}

.landing-page-header .header-content-wrap > .header-second-logo img {
	max-width: 220px;
	padding-left: 1rem;
	margin-right: 0;
    margin-left: auto;
}

.landing-page-header .headerLogo {
	max-width: 100%;
}



.is-landing-page {
	margin-bottom: 0!important;	
}

.is-landing-page .homepage-introduction {
	margin-bottom: 0;
	margin-top: 3em;
}

.is-landing-page .std > h2 {
	    color: #003da5;
    font-weight: 900;
    text-align: center;
    position: relative;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    margin-top: 2.5em;
    text-transform: uppercase;
    padding-left: 1rem;
    padding-right: 1rem;
    font-family: 'Museo', sans-serif;
    font-weight: 900;
}

.std > h2 > em,
.std > h2 > i {
    color: #64c020;
    font-style: normal;
    font-weight: 300;
}

.is-landing-page .std > h2::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	width: 72px;
	height: 12px;
	left: 50%;
	margin-left: -36px;
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/linka.jpg');	
}


@media screen and (min-width: 700px)
{
	
	.landing-page-header .header-second-logo  .headerLogo {
		margin-right: 0;
		margin-left: auto;
		max-width: 220px;
	}
	
	.landing-page-header .header-content-wrap {
		height: 105px;
	}
	
	.landing-page-header .header-second-logo  .headerLogo a {
		display: block;
	}
	
	
	.landing-page-header .headerLogo {
		max-width: 170px;
	}

	.landing-page-header .header-content-wrap > .header-second-logo {
		width: 50%;
		text-align: right;
	}
	
	.landing-page-header .header-content-wrap > .header-logo-wrap img {
		margin-left: 0;
	}
	
	.landing-page-header .header-content-wrap > .header-second-logo {
		display: block;
	}
	
	.landing-page-header .header-logo-wrap {
		width: 50%;
	}

	.landing-page-header .headerSearch {
		width: calc(100% - 500px);
		right: 300px;
		left: 220px;
		top: 2.3em;
		max-width: 100%;
	}
	
	.landing-page-header .header-content-wrap {
		padding-top: 1.5em;
	}
	
/*
	.make-gap {
		padding-top: 55px;
	    margin-top: -55px!important;
	}
*/
	
	.std.webforms-success.webform-was-send {
		margin-top: -150px;
		padding-top: 150px;
	}
}




@media screen and (min-width: 1200px)
{
	.landing-page-header .header-logo-wrap {

	}
}
/* END Landing page */


/*
.cms-page-view > .content-wrapper {
  position: relative;
  padding-bottom: 56.25% !important;
  padding-top: 25px !important;
  height: 0; 
}
  
.cms-page-view > .content-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
}
*/

.is-landing-page-footer .footer-container.footer-container-bottom {
	padding-bottom: 3em;
}

.is-landing-page-footer .header #nav > ul > li {
	position: relative;
}

.is-landing-page-footer .header #nav > ul > li:hover .menu-wrap {
	padding: 0;
	left: 50%;
	top: 55px;
    margin-left: -90px;
    width: 180px;
}


.is-landing-page-footer .header #nav > ul > li:hover .menu-wrap .menu-block {
	width: 100%;
}


.is-landing-page-footer .header #nav > ul > li .menu-wrap .menu-block a {
	border-bottom: 1px solid #fff;
	    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
    background-color: #009de0;
}

.is-landing-page-footer .header #nav > ul > li .menu-wrap .menu-block a:hover	 {
	
	background-color: #108ac2;
}


.is-landing-page-footer .header #nav > ul > li:hover .menu-wrap .menu-block li:last-child a {
	border: none;
}

.is-landing-page .products-grid-wrapper.category-slider > ul li .item-wrap {
	padding-bottom: 60px;
}

.landing-page-header #nav > ul > li > a {
	    display: flex;
    align-items: center;
}



.custom-cms-widget.widget-main-banner {
	margin-bottom: 3em;
}

.custom-cms-widget.widget-main-banner > ul  {
	width: 100%;	
	padding: 0;
}

.custom-cms-widget.widget-main-banner > ul li {
	margin: 0;
	width: 100%;
}


.custom-cms-widget.widget-main-banner > ul > li {
	display: none;
	width: 100%;
	max-width: 100%;
}

.custom-cms-widget.widget-main-banner > ul > li:first-child {
	display: block;
}

.custom-cms-widget.widget-main-banner > ul.slick-initialized .slick-track li {
	display: block;
}


.custom-cms-widget.widget-main-banner .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.custom-cms-widget.widget-main-banner .slick-initialized .slick-slide{
    display: block;
}

.custom-cms-widget.widget-main-banner .slick-dots li {
	background-color: transparent;
	width: 15px;
    height: 15px;
    border-radius: 0;
    overflow: visible;
        margin: 0 5px!important;
}

.custom-cms-widget.widget-main-banner .slick-dots li.slick-active,
.custom-cms-widget.widget-main-banner .slick-dots li:hover  {
	background-color: #fff;
}

.custom-cms-widget.widget-main-banner .slick-dots li button:hover,
.custom-cms-widget.widget-main-banner .slick-dots li.slick-active button:hover {
	background: #fff;
}

.custom-cms-widget.widget-main-banner .slick-dots li button{
	background-color: transparent;
	border: 2px solid #fff;
}

 
.custom-cms-widget.widget-main-banner .slick-dots {
	display: none!important;
}

.custom-cms-widget.widget-main-banner > ul li > img {
	display: block;
	position: relative;
	left: inherit;
	right: inherit;
}

.is-landing-page .homepage-list {
	margin-bottom: 3em;
	
}

.is-landing-page .widget-picture-left > ul > li > img,
.is-landing-page .widget-picture-right > ul > li > img{
	display: inline-block;
	    margin-top: 1em;
    margin-right: 1rem;
}

.cms-page-view .main .std > p > iframe {
	width: 100%!important;
}

.cms-page-view  #innerhtml img {
	margin-left: auto!important;
	margin-right: auto!important;
}

.cms-page-view .main.col1-layout .std > p {
	max-width: 1160px;
	margin: auto;
	padding: 1em 1rem;
	line-height: 1.5em;
}

.cms-page-view .main.col1-layout {
	margin-bottom: 2em;
}

.cms-page-view .main.col1-layout .std > h2 {
	color: #003da5;	
	font-weight: 900;
	text-align: center;
	position: relative;
	padding-bottom: 1em;
	margin-bottom: 0.5em;
    margin-top: 2.5em;
	text-transform: uppercase;
	padding-left: 1rem;
	padding-right: 1rem;
	font-family: 'Museo', sans-serif;
	font-weight: 900;
}



.cms-page-view .main.col1-layout .std > h2::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	width: 72px;
	height: 12px;
	left: 50%;
	margin-left: -36px;
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/linka.jpg');	
}

body.cms-page-view .main.col1-layout .main-container {
	max-width: 100%;	
}

.custom-cms-widget {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;    
	flex-direction: column-reverse;
	line-height: 1.5em;
	margin-bottom: 2em;
}

.custom-cms-widget > p {
	margin: 0;
	overflow: hidden;
	
}

.custom-cms-widget > ul {
	list-style: none;
	padding: 2em 1rem;
	margin: 0;
}

.custom-cms-widget > ul > li > a {
	    color: #64c020;
    font-weight: 900;
}

.custom-cms-widget > ul > li > a:hover  {
	text-decoration: underline;
}


.custom-cms-widget:nth-of-type(3n+1) > ul {
	background-color: #fafafa;
}

.custom-cms-widget:nth-of-type(3n+2) > ul {
	background-color: #fafafa;
}
.custom-cms-widget:nth-of-type(3n+3) > ul {
	background-color: #fafafa;
}


.cms-index-index .custom-cms-widget:nth-of-type(3n+1) > ul {
	background-color: #003da5;
}

.cms-index-index .custom-cms-widget:nth-of-type(3n+2) > ul {
	background-color: #64c020;
}
.cms-index-index .custom-cms-widget:nth-of-type(3n+3) > ul {
	background-color: #009de0;
}

.cms-index-index .custom-cms-widget > ul {
	color: #fff;
}

.custom-cms-widget > ul > li:last-of-type > a {
	   text-transform: uppercase;
	    background-color: transparent;
	    padding: 1em 1.5rem;
	    font-weight: 600;
	    color: #003da5;
	    border: 1px solid #003da5;
	    -webkit-transition: background 0.5s, border 0.5s, color 0.5s;
	    transition: background 0.5s, border 0.5s, color 0.5s;
	    
	    display: inline-block;
    	width: auto;
    	text-align: center;
    	font-size: 0.85em;
    	margin-top: 2em;
} 

.is-landing-page-footer .custom-cms-widget > ul > li:last-of-type > a {
	margin-top: 0;
}

.is-landing-page-footer .custom-cms-widget p:empty{
	display: none;
}

.cms-index-index .custom-cms-widget > ul > li:last-of-type > a {
	color: #fff;
	border-color: #fff;
}

.custom-cms-widget > ul > li:last-of-type > a:hover {
    border-color: #64c020;
    background-color: #64c020;
    color: #fff;
    text-decoration: none;
}


.cms-index-index  .custom-cms-widget > ul > li:last-of-type > a:hover {
	background-color: #fff;
	border-color: #fff;
}


.cms-index-index .custom-cms-widget:nth-of-type(3n+1) > ul > li:last-of-type > a:hover {
	color: #003da5;
}
.cms-index-index .custom-cms-widget:nth-of-type(3n+2) > ul > li:last-of-type > a:hover {
	color: #64c020;
}
.cms-index-index .custom-cms-widget:nth-of-type(3n+3) > ul > li:last-of-type > a:hover {
	color: #009de0;
}


.custom-cms-widget.widget-two-pictures > p {
	width: 100%;
}

.custom-cms-widget.widget-two-pictures  p {
	margin: 0!important;
}

.custom-cms-widget.widget-two-pictures {
	display: none;
}

.custom-cms-widget.widget-two-pictures.slick-initialized {
	display: block;
}


.custom-cms-widget.widget-two-pictures .homepage-main-slick-arrow{
    padding: 0 0.5rem;
    transform: none;
	font-size: 3em;
    top: 50%;    
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 1000px)
{
	.custom-cms-widget.widget-two-pictures .homepage-main-slick-arrow{
		font-size: 4em;
	}
}

.custom-cms-widget > ul > li > h2 {
	margin: 0;
	margin-bottom: 1em;
	height: auto;
    line-height: 100%;
}

/* Brands */
.custom-cms-widget-brands {
	margin-top: 1em;
	margin-bottom: 1em;	
}

.custom-cms-widget-brands > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.custom-cms-widget-brands > ul > li {
	width: 25%;
	padding: 0.5em 1rem;
}
/* Brands */


/* Co/Jak umíme */
.custom-cms-whawt-we-know  {
	max-width: 1200px;
	margin: auto;
	padding: 1em 1rem;
	margin-top: 1em;
}

.custom-cms-whawt-we-know > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.custom-cms-whawt-we-know > ul  li > img,
.custom-cms-whawt-we-know > ul  li > strong {
	display: block;
}

.custom-cms-whawt-we-know > ul  li  a:hover strong {
    background-color: #64c020;
    color: #fff;
}

.custom-cms-whawt-we-know > ul  li  a:hover {
	text-decoration: none;
}

.custom-cms-whawt-we-know > ul  li  strong {
	display: block;
	padding: 1em 0.5rem;
	text-align: center;
	color: #fff;
	background-color: #003da5;
	font-size: 1.1em;
	
	    -webkit-transition: background 0.5s, border 0.5s, color 0.5s;
	    transition: background 0.5s, border 0.5s, color 0.5s;
}


.custom-cms-whawt-we-know .product-image-slick-arrow {
	height: 35px;
    width: 35px;
    font-size: 2em;
    box-sizing: border-box;
    padding: 0;
    transform: none;
    background-color: #003da5;
       -webkit-transition: background 0.5s, border 0.5s;
    transition: background 0.5s, border 0.5s;
}

.custom-cms-whawt-we-know .slick-prev.product-image-slick-arrow {
	left: -0.7rem;
}

.custom-cms-whawt-we-know .slick-next.product-image-slick-arrow {
	right: -0.7rem;
}
   
.custom-cms-whawt-we-know .product-image-slick-arrow:hover {
	background-color: #64c020;
}

/* Co/Jak umíme */


/* Contact Plus Form */
.custom-cms-contact-plus-form .inner-left-wrap ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	color: #fff;
    overflow: hidden;
}


.custom-cms-contact-plus-form .inner-left-wrap ul > li {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color:  rgba(0, 61, 165, 0.9);
	padding: 1em 1rem;
	opacity: 0.9;
}

.custom-cms-contact-plus-form .inner-left-wrap ul:nth-of-type(2) > li {
		background-color:  rgba(100, 192, 32, 0.9);
}


.custom-cms-contact-plus-form .inner-left-wrap ul > li:first-of-type {
	position: relative;
	padding: 0;
}

.custom-cms-contact-plus-form .inner-left-wrap ul li:nth-of-type(2) { 
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.custom-cms-contact-plus-form .inner-left-wrap ul > li:last-of-type { 
	display: block;
	max-height: 0;
	padding: 0 1rem;
	/* height: 4.7em; */
	height: 0;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.custom-cms-contact-plus-form .inner-left-wrap ul > li:last-of-type p {
	margin: 0;
	max-height: 3.7em;
	
	overflow: hidden;
}


.custom-cms-contact-plus-form .inner-left-wrap ul > li a,
.custom-cms-contact-plus-form .inner-left-wrap ul > li em {
	display: block;
}

.custom-cms-contact-plus-form .inner-left-wrap ul > li a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.custom-cms-contact-plus-form .inner-left-wrap ul > li a {
	font-size: 1.4em;	
    margin-bottom: 0.3em;
}

.custom-cms-contact-plus-form .inner-left-wrap ul > li em {
	font-style: normal;
}

.custom-cms-contact-plus-form .inner-left-wrap ul:hover {
	cursor: pointer;
}

.custom-cms-contact-plus-form .inner-left-wrap ul:hover li:nth-of-type(2) { 
	bottom: 4.7em;
}

.custom-cms-contact-plus-form .inner-left-wrap ul li:last-of-type { 
	display: none;
}

.webform-inner-right-wrap {
	margin-top: 1em;	
	
	padding: 1em 1rem;
}

.custom-cms-contact-plus-form {
	margin-bottom: 2.5em;	
	max-width: 1960px;
	margin-left: auto;
	margin-right: auto;
}

.webform-inner-right-wrap > p:last-of-type {
	display: none!important;
}
/* Contact Plus Form */


.account-create {
	max-width: 1160px;
	margin: 0 auto;
}

.col1-layout .std .account-create .page-title {
	padding-left: 1rem;
	padding-right: 1rem;
}

.col1-layout .std .account-create p {
	padding: 0 1rem;
}


@media screen and (min-width: 500px)
{
	/* Contact Plus Form */
	.inner-left-wrap {
		display: -webkit-box;
		display: -moz-box;
	  	display: -ms-flexbox;
	  	display: -webkit-flex;
	  	display: flex;
	}
	
	.inner-left-wrap > ul {
		width: 50%;
	}
	/* Contact Plus Form */
}

@media screen and (max-width: 559px) 
{
	.custom-cms-contact-plus-form .inner-left-wrap ul:hover li:nth-of-type(2) {
		bottom: 0;
	}
}

@media screen and (min-width: 560px)
{
	.custom-cms-contact-plus-form .inner-left-wrap ul li:last-of-type { 
		display: block;
	}

	.custom-cms-contact-plus-form .inner-left-wrap ul:hover li:last-of-type { 
		max-height: 4.7em;
		height: 4.7em;
	}
	
	
}

@media screen and (min-width: 600px)
{
	
	.custom-cms-widget {
	    flex-direction: row;
	    overflow: hidden;
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.custom-cms-widget > ul,
	.custom-cms-widget > p {
		width: 50%;
	}
	
	.custom-cms-widget > ul {
	    z-index: 200;
    	padding: 3em 2rem;
    	min-height: 250px;
    }
    
    .is-landing-page-footer .custom-cms-widget > ul {
	  	min-height: 400px;
	    display: flex;
    	align-items: center;
    	flex-wrap: wrap;
    }
    
    .is-landing-page-footer .custom-cms-widget > ul > li{
		    width: 100%;
	}
    
    .custom-cms-widget.widget-main-banner .slick-dots {
    	display: block!important;
    }
    
    .custom-cms-widget.widget-main-banner > ul {
    	min-height: 0;
    }
    
    .custom-cms-widget > ul > li {
    	max-width: 550px;
    }
    
    .custom-cms-widget.widget-picture-right > ul > li {
    	margin-right: 0;
    	margin-left: auto;
    }
	
	.custom-cms-widget.widget-picture-right {
		flex-direction: row-reverse;
	}
	
	
	.custom-cms-widget > p {
		position: relative;
	}
	
	.custom-cms-widget:not(.widget-two-pictures) > p > img {
		position: absolute;
		top: 0;
	    bottom: 0;    
	    left: -1000%;
    	right: -1000%;
	    margin: auto;
	    
	    width: 100%;
    	max-width: none;
	}
	
	.custom-cms-widget.widget-picture-right > p > img {

	}
		
	.increase-height {
		height: 100%;
	    width: auto!important;
	}
	
	.custom-cms-widget.widget-two-pictures .increase-height {
		height: auto!important;
	    width: 100%!important;
	}
	
	/* Brands */
	.custom-cms-widget-brands > ul > li {
		width: 33.333%;
	}
	/* Brands */
}

@media screen and (max-width: 659px) 
{
	.col1-layout .std .account-create form {
		padding: 0 1rem;
	}
}

@media screen and (min-width: 860px)
{
	
	/* Brands */
	.custom-cms-widget-brands > ul > li {
		width: 25%;
	}
	/* Brands */
	
	.cms-page-view .col-main .page-title {
		padding: 0 0 1em 0;
	}
	
	
}

@media screen and (min-width: 1000px)
{
	.custom-cms-widget.widget-two-pictures > p {
		width: 50%;
	}
	/* Contact Plus Form */
	.custom-cms-contact-plus-form {
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    align-items: center;
	    
	}
	
	.custom-cms-contact-plus-form > div {
		width: 50%;
	}
	
	.webform-inner-right-wrap {
		padding-left: 2.5rem;
	}
	
	.webform-inner-right-wrap {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.webform-inner-right-wrap > h2 {
		margin-top: 0;
	}
	/* Contact Plus Form */
	
	
	/* Brands */
	.custom-cms-widget-brands > ul > li {
		width: 20%;
	}
	/* Brands */
}


@media screen and (min-width: 1200px)
{
	
	/* Brands */
	.custom-cms-widget-brands > ul > li {
		width: 16.666%;
	}
	/* Brands */
}

/* ------ SLICK ARROWS ------ */
.ambasador-main-wrap .ambasador-arrow {
	background: none!important;
	color: #003da5;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: normal;
    font-stretch: normal;
}

.ambasador-main-wrap .ambasador-arrow:hover {
	color: #64c020;
}


/* ------ AMBASADOR MAIN  ------ */
.ambasador-main-wrap {
		background-color: #f5f5f5;
}

.ambasador-main {
	position: relative;
	background-color: #f5f5f5;
	font-size: 1.1em;
}


/* ------ AMBASADOR TEXT  ------ */
.ambasador-text-wrap  {
	padding: 1em 1rem;
	padding-top: 3em;
	text-align: center;
}

.ambasador-title-wrap {
	max-width: 80%;
    margin: auto;
    position: relative;
}


.ambasador-title-wrap::before {
	content: '';
	display: block;
	color: #64c020;
	position: absolute;
	left: -1.2rem;
    bottom: -1rem;
    font-size: 3em;
    line-height: 0;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    background: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/uvozovky-start.svg');
	background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    
}

.ambasador-title-wrap::after {
	content: '';
	display: block;
	color: #64c020;
	position: absolute;
	right: -1.2rem;
    top: 0;
    font-size: 3em;
    line-height: 0;
    background: url('https://www.vitar.cz/skin/frontend/erigo/vitar/images/uvozovky-end.svg');
	background-position: center;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    
}

.ambasador-text-title {
	font-size: 1.5em;
	text-transform: uppercase;
    font-weight: bold;
	margin-bottom: 0.2rem;
	
    font-family: 'Museo';
    font-weight: 900;
}

.ambasador-border {
	display: block;
	padding: 1em 0;
}

.ambasador-border::after {
	display: block;
	content: '';
	height: 1px;
	width: 50px;
	margin: auto;
	background-color: #003da5;
} 

.ambasador-text-name {
	    margin-bottom: 0.2rem;
}

.ambasador-text-position {
	color: #64c020;
}

.ambasador-bottom-wrap {
	max-width: 300px;
    margin: auto;
}


.ambasador-button {
	display: block;
}

.ambasador-button a {
	display: inline-block;
    margin: auto;
    margin-top: 2rem;
	margin-bottom: 1rem;
}


/* ------ AMBASADOR IMAGE  ------ */
.ambasador-img {
	height: 200px;
	position: relative;
	overflow: hidden;
}

.ambasador-img img {
	position: absolute;
    top: 0;
    bottom: 0;
    left: -1000%;
    right: -1000%;
    margin: auto;
    width: auto;
    height: 100%;
    max-width: none;
}

@media screen and (min-width: 700px)
{
	.ambasador-text-wrap {
		position: absolute;
	    z-index: 100;
	    max-width: 450px;
	    font-size: 0.8em;
		padding-top: 0;
		top: 50%;
	    -ms-transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
    	transform: translateY(-50%);
	}
	
	.ambasador-img {
		min-height: 300px;
    	display: flex;
	}

	.ambasador-img img {
		position: relative;
		left: 55%;
		margin-left: 0!important;
	
	}
	
	.ambasador-main {
		padding-top: 1em;
	}
	
	.ambasador-main-wrap .ambasador-arrow {
		font-size: 4em;
	}
	
	.ambasador-button a {
		margin-bottom: 0;
	}
	
}

@media screen and (min-width: 900px)
{
	.ambasador-img img {
		margin-left: 0!important;
	}
	
	.ambasador-img {
		height: 330px;
	}
	
	.ambasador-text-wrap {
		left: 50%;
		margin-left: -390px;
		padding: 0;
	}
	
	.ambasador-title-wrap::before,
	.ambasador-title-wrap::after {
		width: 30px;
    	height: 30px;
	}
	
	.ambasador-title-wrap::before {
		bottom: -30px;
	}
	
	.ambasador-title-wrap::after {
		top: -30px;
	}
}

@media screen and (min-width: 1060px)
{
	.ambasador-text-wrap {
		font-size: 1em;
	    max-height: 80%;
	}
	
	.ambasador-main {
	}	
	.ambasador-button a {
		font-size: 0.8rem;
	}
	
	.ambasador-text-title {
		font-size: 1.9em;
	}
	
	.ambasador-main-wrap .ambasador-arrow {
		font-size: 7em;
	}
	

}

@media screen and (min-width: 1160px)
{
	.ambasador-main-wrap .ambasador-arrow.slick-next {
		right: 3rem;
	}
	
	.ambasador-main-wrap .ambasador-arrow.slick-prev {
		left: 3rem;
	}
}

@media screen and (min-width: 1400px)
{
	.ambasador-main {
		padding-top: 3em;
	}
	
	.ambasador-img {
		height: auto;
	}
	
	.ambasador-text-wrap {
		font-size: 1.2em;
	}

	.ambasador-text-wrap {
	  	margin-left: -590px;
    	max-width: 700px;
	}
	
	.ambasador-text-subtitle {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	
	.ambasador-border {
		padding: 2em 0;
	}
	
	.ambasador-text-title {
		font-size: 2.3em;
	}
	
	.ambasador-bottom-wrap {
		max-width: 400px;
	}
	
	.ambasador-button a {
		margin-top: 5rem;
	}
	
	.ambasador-main-wrap .ambasador-arrow.slick-next {
		right: 5%;
	}
	
	.ambasador-main-wrap .ambasador-arrow.slick-prev {
		left: 5%;
	}
	
}

@media screen and (min-width: 1600px)
{
	
	.ambasador-text-wrap {
		top: inherit;
	    -ms-transform: none;
	    -webkit-transform: none;
    	transform: none;
    	bottom: 4rem;
	}
	
	.ambasador-text-wrap {
	    margin-left: -550px;
	}
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider img {
	margin: auto;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
	margin: 0 .2rem;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-dots {
	list-style-type: none;
	padding: 0;
	position: absolute;
	margin: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
}

.slick-dots li {
	background: #cfcfcf;
	display: inline-block;
	width: 6px;
    height: 6px;
    border-radius: 1em;
	overflow: hidden;
	margin: 0 2px;
}

.slick-dots li button {
	background: #cfcfcf;
	text-indent: 9999px;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	outline: 0;
}

.slick-dots li button:hover,
.slick-dots li.slick-active button:hover {
	background: #901e1b;
}

.slick-dots li.slick-active button {
	background: #cf2d28;
}

.slick-prev,
.slick-next {
	display: block;
	position: absolute;
	top: 43%;
	border: 0;
	background: rgba(0, 0, 0, 0.1);
	color: #fff;
	font-size: 2.4em;
	font-weight: normal;
	font-stretch: ultra-condensed;
	font-family: Roboto , times, serif;
	transform: scale(1, 2.2);
	padding: 7px 12px;
	outline: 0;
	line-height: 0.27em;
}

.slick-prev:hover,
.slick-next:hover {
	background: rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

.slick-prev {
	left: 0px;
}

.slick-next {
	right: 0px;
}

/* Brand Page Slider */
.brand-slider ul {
	padding: 0;
	margin: 0;
}

@charset "UTF-8";

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('https://www.vitar.cz/skin/frontend/erigo/default/js/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }