@import 'https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,700,700i&subset=latin-ext';

body, html {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	background: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 1.2em;
	font-weight: 300;
	text-align: left;
	text-rendering: optimizeLegibility;
}

.body-wrapper {
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 1499px) {
	.body-wrapper {
		width: 1470px;
	}
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	color: #000000;
	line-height: 1.2em;
	font-weight: 300;
}
p {
	color: #656565;
	font-size: 16px;
	line-height: 20px;

}
@media (max-width: 767px) {
p {
	font-size: 14px;
	line-height: 18px;
}
}

a.fullsize {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
}
a.back {
	padding-left: 12.5px;
}
a.back:before{
	position: absolute;
	font-family: "imunoglukan";
	content: "\62";
	margin-top: 0;
	left: 10px;
}
.desktop {
	display: block !important;
}
.desktop-inline {
	display: inline;
}
.mobile {
	display: none !important;
}

@media (max-width: 767px) {
.desktop,
.desktop-inline {
	display: none !important;
}
.mobile {
	display: block !important;
}
}

/* BOOTSTRAP */

/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane, .pill-content > .pill-pane {
    display: block;    /* undo display:none          */
    height: 0;         /* height:0 is also invisible */ 
    overflow: hidden;  /* no-overflow                */
}
.tab-content > .active, .pill-content > .active {
    height: auto;      /* let the content decide it  */
}
.tab-content > .tab-pane svg {
    height: auto;      /* let the content decide it  */
}
/* bootstrap hack end */

/* NAVBAR */
/* NAVBAR-MAIN */
.navbar-main {
	background-color: #FFF;
	position: relative;
	border: none;
	padding: 0;
	margin: 0;
}
.navbar-main .container {
	position: relative;
}
.navbar-main .navbar-nav>li>a {
	font-family: 'Roboto', sans-serif; /* 'seravek-light', Arial; */
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
	color: #cb1442;
	padding: 0 12px;
	padding-top: 35px;
	padding-bottom: 35px;
}
.navbar-main .navbar-nav>li.active>a,
.navbar-main .navbar-nav>li.dropdown.open>a,
.navbar-main .navbar-nav>li>a:hover,
.navbar-main .navbar-nav>li>a:focus {
  background-color: #f5f5f5;
	text-decoration: none;
}
.navbar-main .navbar-nav>li.with-icon>a.dropdown-toggle .fa {
  font-size: 20px;
	line-height: 16px;
	margin-right: 5px;
}

.navbar-main .navbar-nav>li.imunoklub>a {
	padding: 15px 12px;
	border-left: 2px solid #e5e5e5;
}
.navbar-main .navbar-nav>li.imunoklub>a img {
	width: auto;
	height: 60px;
}
.navbar-main .navbar-nav>li.imunoklub>a img.mobile {
	padding: 0 5px;
}
@media (max-width: 1199px) {
.navbar-main .navbar-nav>li.imunoklub>a img.desktop {
	display: block;
}
.navbar-main .navbar-nav>li.imunoklub>a img.mobile {
	display: none;
}
}
@media (max-width: 467px) {
.navbar-main .navbar-nav>li.imunoklub>a img.desktop {
	display: none;
}
.navbar-main .navbar-nav>li.imunoklub>a img.mobile {
	display: block;
}
}
.navbar-main .navbar-nav>li.eshop>a {
	background-color: #00549e;
	color: #ffffff;
	min-width: 127px;
	text-align: center;
}
.navbar-main .navbar-nav>li.eshop.active>a,
.navbar-main .navbar-nav>li.eshop>a:hover,
.navbar-main .navbar-nav>li.eshop>a:focus {
	background-color: #004582;
}

.navbar-main .navbar-nav>li.eshop>a .fa {
	display: none;
}

.navbar-toggle {
	margin-top: 27px;
	margin-right: 0;
	margin-bottom: 29px;

}
.navbar-toggle .icon-bar {
	background-color: #2b2b2b;
}

/* NAVBAR-BRAND */
.navbar-brand {
	overflow: hidden;
	height: 90px;
	padding: 7px 15px 13px 15px;
}
.navbar-brand img {
	width: auto;
	height: 60px;
}

.navbar-other {
	position: absolute;
	top: 0;
	right: 0;
}


/* DROPDOWN MENU */
.navbar-main .dropdown-menu>li>a {
    padding: 3px 15px;
    color: #000;
		text-transform: uppercase;
}
.navbar-main .dropdown-menu>li>a:hover,
.navbar-main .dropdown-menu>li>a:focus {
    background-color: #f0f0f0;
}
.navbar-main .dropdown-menu>.active>a,
.navbar-main .dropdown-menu>.active>a:focus,
.navbar-main .dropdown-menu>.active>a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #cb1442;
	outline: 0;
}
.navbar-main .navbar-nav>li>a.dropdown-toggle .fa {
	font-size: 20px;
}
.navbar-main .navbar-nav>li>.dropdown-menu {
		min-width: auto;
    border: 1px solid #e5e5e5;	
    border-radius: 0;
}

@media (max-width: 1199px) {
.navbar-main .navbar-nav>li>a {
	font-size: 14px;
	padding-left: 6px;
	padding-right: 6px;	
}
.navbar-main .navbar-nav>li.imunoklub>a {
	padding: 17px 6px;
}
.navbar-main .navbar-nav>li.imunoklub>a img {
	width: auto;
	height: 56px;
}
.navbar-main .navbar-nav>li.eshop>a {
	min-width: 110px;
}

.navbar-brand {
	padding: 10px 10px 14px 10px;
}
.navbar-brand img {
	width: auto;
	height: 56px;
}
.navbar-main .dropdown-menu>li>a {
    padding: 3px 10px;
}
.navbar-main .navbar-nav>li.with-icon>a.dropdown-toggle .fa {
  font-size: 18px;
	line-height: 14px;
}

}
@media (max-width: 991px) {
.navbar-main .navbar-nav>li>a {
	font-size: 12px;
	padding-left: 6px;
	padding-right: 6px;	
}
.navbar-main .navbar-nav>li.imunoklub>a {
	padding: 22px 6px;
}
.navbar-main .navbar-nav>li.imunoklub>a img {
	width: auto;
	height: 46px;
}
.navbar-main .navbar-nav>li.eshop>a {
	min-width: 87px;
}
.navbar-brand {
	padding: 16px 6px 28px 6px;
}
.navbar-brand img {
	width: auto;
	height: 46px;
}
.navbar-main .dropdown-menu>li>a {
	font-size: 12px;
  padding: 3px 5px;
}
.navbar-main .navbar-nav>li.with-icon>a.dropdown-toggle .fa {
  font-size: 16px;
	line-height: 12px;
}

}

@media (max-width: 1199px) {
.navbar-header {
	position: relative;
	display: block;
	top: 0;
}

.navbar-brand {
	position: relative;
	padding: 10px 10px 14px 10px;
}
.navbar-brand img {
	width: auto;
	height: 56px;
}

.navbar-other {
	right: 45px;
}
.navbar-main .navbar-nav>li>a {
	font-size: 15px;
	padding: 0 15px;
	padding-top: 15px;
	padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;	
}
.navbar-other .navbar-nav {
    margin: 0 0;
}
.navbar-other .navbar-nav>li {
	display: block;
	float: left;
}
.navbar-other .navbar-nav>li>a {
	display: block;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 35px;
	padding-bottom: 35px;
  border-bottom: none;	
}
.navbar-main .dropdown-menu>li>a,
.navbar-main .open .dropdown-menu>li>a {
	display: block;
	float: none;
	font-size: 15px;
  padding: 3px 5px;
}
.navbar-main .open .dropdown-menu {
	position: absolute;
	display: block;
  background-color: #fff;
	z-index: 1000;
}
.navbar-main .navbar-nav>li.with-icon>a.dropdown-toggle .fa {
  font-size: 18px;
	line-height: 14px;
}
/* NAVBAR COLLAPSE */
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 2px solid #e5e5e5;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

}

@media (max-width: 467px) {
.navbar-brand {
	padding: 16px 6px 28px 6px;
}
.navbar-brand img {
	width: auto;
	height: 46px;
}
.navbar-main .navbar-nav>li.eshop>a {
	min-width: auto;
}
.navbar-main .navbar-nav>li.eshop>a .fa {
	display: inline;
	font-size: 16px;
}
.navbar-main .navbar-nav>li.eshop>a .inner-text {
	display: none;
}
.navbar-main .navbar-nav>li.imunoklub>a {
	padding: 22px 2px;
	background-color: #FFFFFF;
}
.navbar-main .navbar-nav>li.imunoklub>a img {
	width: auto;
	height: 46px;
}
}


/* TOPBANNER */

.topbanner  {
	min-height: 10px;

}

.topbanner .banner-img  {
	margin-bottom: 40px;
}
.topbanner .container-fluid {
	padding-left: 0;
	padding-right: 0;	
}

.topbanner .slide-container {
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
	-webkit-transition: opacity 1s ease;
}
.topbanner .slide-container.slick-initialized {
    visibility: visible;
    opacity: 1;    
}
.topbanner .slide-container {
	overflow: hidden;
}
.topbanner .slide-container div {
	position: relative;
}

.topbanner .slide-container > div:not(:first-child) {
	position: absolute;
	top: 0;
	z-index: -1;
}
.topbanner .slide-container.slick-initialized > div:not(:first-child) {
	position: relative;
}
.topbanner .slide-container div img {
	width: 100%;
	display: block;
	height: auto;
}
.topbanner .container {
	min-height: 460px;
}
.topbanner .product {
	position: relative;
	z-index: 100;
}
.topbanner .product .product-img {
	position: relative;
	display: block;
	z-index: 99;
	width: 45%;
	margin-left: -90px;
}
.topbanner .product .product-img img {
	position: relative;
	width: 100%;
	height: auto;
	display: block;
}
.topbanner .product .product-text {
	position: relative;
	display: block;
	width: 60%;
	z-index: 100;
	margin-left: 15px;
	margin-top: 3%;
}
.topbanner h2 {
	font-size: 48px;
	line-height: 58px;
	min-height: 58px;
	margin: 0;
	padding: 0;
	font-weight: 700;
	font-style:oblique;
	color: #FFFFFF;
}
.topbanner p {
	font-size: 48px;
	line-height: 58px;
	min-height: 116px;
	margin: 0;
	padding: 0;
	font-weight: 100;
	font-style: normal;
	color: #FFFFFF;
}
.topbanner .bg-image-container {
	position: absolute;
	top: 0;
	margin-bottom: 20px;
	z-index: 1;
	width: 100%;
	height: 450px;
  overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
  background-position: center center;	
}

@media (max-width: 1199px) {
.topbanner .container {
	min-height: 375px;
}

.topbanner h2,
.topbanner p {
	font-size: 36px;
	line-height: 42px;
	min-height: 42px;
}
.topbanner p {
	min-height: 84px;
}
.topbanner .product .product-img {
	width: 52%;
	margin-left: -80px;
}

.topbanner .product .product-text {
	width: 60%;
}

.topbanner .bg-image-container {
	height: 400px;
	margin-bottom: 60px;
}

}
@media (max-width: 991px) {
.topbanner .container {
	min-height: 310px;
}
.topbanner h2,
.topbanner p {
	font-size: 32px;
	line-height: 40px;
	min-height: 40px;
}
.topbanner p {
	min-height: 80px;
}

.topbanner .product .product-img {
	margin-left: -60px;
}

.topbanner .product .product-text {
	width: 60%;
}
.topbanner .bg-image-container {
	height: 340px;
}

}
@media (max-width: 767px) {
.topbanner .container {
	min-height: 240px;
}
.topbanner h2,
.topbanner p {
	font-size: 28px;
	line-height: 36px;
	min-height: 36px;
}
.topbanner .product .product-text {
	width: 80%;
}
.topbanner .product .product-img {
	width: 70%;
	margin-left: -10%;
}
.topbanner .bg-image-container {
	height: 300px;
  background-position: 40% center ;	
}

.topbanner .slide-container div{
	display: block;
	overflow: none;
	width: 100%;

}
.topbanner .slide-container div img {
	height: auto;
	width: 100%;
	max-width: none;
}
}
@media (max-width: 467px) {

.topbanner h2,
.topbanner p {
	font-size: 20px;
	line-height: 26px;
	min-height: 26px;	
}
.topbanner .product .product-text {
	width: 70%;
}
.topbanner .product .product-img {
	width: 90%;
	margin-left: -15%;
}
.topbanner .bg-image-container {
	height: 230px;
}

}

/* SUBBANERS */
.subbanners {
	margin-top: -10px;
}
.subbanners .container {
	padding-top: 0;
	padding-bottom: 40px;	
}
.subbanners h2 {
	font-size: 24px;
	line-height: 32px;
	text-transform: uppercase;
	margin-bottom: 20px;
	color: #004582;
	min-height: 140px;
}
.subbanners .distributor h2 {
	text-align: center;
	margin-bottom: 0;
	min-height: 0;
}
.subbanners .distributor img {
	margin: 5px auto;
}
.subbanners a .more {
	font-size: 24px;
	font-weight: 300;
	color: #004582;
}
.subbanners a .more:after {
	font-family: "Fontawesome";
	content: "\f105";
	position: absolute;
	margin-left: 10px;
	font-size: 30px;
}
.subbanners a {
	position: relative;
	display: block;
	padding: 20px 40px;
}
.subbanners a .hover {
	position: absolute;
	display: none;
	left: 0;
	bottom: -40px;
	z-index: 100;
}
.subbanners a:hover,
.subbanners a:hover h2,
.subbanners a:hover p,
.subbanners a:focus,
.subbanners a:focus h2,
.subbanners a:focus p,
.subbanners a:link,
.subbanners a:link h2,
.subbanners a:link p {
	text-decoration: none;
}
.subbanners a:hover .more {
	color: #cb1442;
	text-decoration: none;
}
.subbanners a:hover .hover {
	display: block;
}
.subbanners .col {
	padding: 0;
}
.subbanners .middle {
	display: block;
	padding: 0 30px;
}
.subbanners .middle.wide {
	padding: 0 0;
}
.subbanners .col:first-child h2,
.subbanners .col:last-child h2
{
	color: #cb1442;
}
.subbanners .col:first-child
{
	border-right: 2px solid #e5e5e5;
}
.subbanners .col:last-child
{
	border-left: 2px solid #e5e5e5;
}
.subbanners .col-sm-6:last-child
{
	border-left: none;
}
@media (max-width: 1199px) {
.subbanners h2 {
	font-size: 20px;
	line-height: 28px;
	min-height: 120px;
}
.subbanners .distributor img {
	margin: 10px auto;
}

.subbanners a {
	padding: 15px 40px;
}
.subbanners a .more {
	font-size: 20px;
}
.subbanners a .more:after {
	font-size: 24px;
}
.subbanners .middle {
	padding: 0 20px;
}

}
@media (max-width: 991px) {
.subbanners {
	margin-top: 0;
}
.subbanners .container {
	padding-bottom: 30px;	
}
.subbanners a .hover {
	bottom: -30px;
}

.subbanners h2 {
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 15px;
	margin-top: 15px;
	min-height: 110px;
}

.subbanners a {
	padding: 10px 20px;
}
.subbanners a .more {
	font-size: 18px;
}
.subbanners a .more:after {
	font-size: 22px;
}

.subbanners .middle {
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.subbanners {
	margin-top: -15px;
}
.subbanners .container {
	padding-bottom: 15px;	
}

.subbanners h2 {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 15px;
	margin-top: 15px;
	min-height: auto;
	text-align: center;

}
.subbanners .distributor img {
	margin: 0 auto;
}
.subbanners .more {
	font-size: 20px;
	text-align: center;	
}
.subbanners .more:after {
	font-size: 24px;
}
.subbanners a:hover .hover {
	display: none;
}
.subbanners .col {
	padding-bottom: 25px;
}
.subbanners .col:first-child
{
	border-right: none;
	border-bottom: 2px solid #e5e5e5;
}
.subbanners .col:last-child
{
	border-left: none;
	border-top: 2px solid #e5e5e5;
	
}
.subbanners .middle {
	padding: 0;
}
}
/* SPORT/VYSKUM BANNERY */
.sportbanner {
	position: relative;
	background: url('../images/bg-sport-banner_a5d45b09e3.jpg') no-repeat center;
	background-size: cover;
	height: 480px;
}
.vyskumbanner {
	position: relative;
	background: url('../images/bg-vyskum-banner_f7e530fc29.jpg') no-repeat center;
	background-size: cover;
	height: 480px;
	border-bottom: 2px solid #ffffff;

}
.sportbanner h2,
.vyskumbanner h2 {
	font-size: 48px;
	line-height: 58px;
	font-weight: 100;
	color: #ffffff;
	margin-top: 80px;
	margin-bottom: 80px;
	padding-left: 60px;
}
.vyskumbanner h2 {
	color: #000000;

}
@media (max-width: 1199px) {
.sportbanner h2,
.vyskumbanner h2 {
	font-size: 48px;
	line-height: 58px;
	margin-top: 70px;
	margin-bottom: 70px;	
	padding-left: 40px;
}
.vyskumbanner h2 {
	padding-left: 15px;
}
}
@media (max-width: 991px) {
.sportbanner,
.vyskumbanner {
	height: 400px;
}
.sportbanner h2,
.vyskumbanner h2 {
	font-size: 36px;
	line-height: 50px;
	margin-top: 50px;
}
}
@media (max-width: 767px) {
.sportbanner,
.vyskumbanner {
	height: 400px;
}
.sportbanner h2,
.vyskumbanner h2 {
	font-size: 28px;
	line-height: 36px;
	margin-top: 60px;
}
}
@media (max-width: 467px) {
.sportbanner,
.vyskumbanner {
	height: 400px;
}
.sportbanner h2,
.vyskumbanner h2 {
	font-size: 20px;
	line-height: 32px;
	margin-top: 50px;
	margin-bottom: 50px;	
	padding-left: 10px;
}
}




/* MAPA */
.mapabanner {
	text-align: center;
	padding: 20px 0 30px 0;
}
.mapabanner h2 {
	color: #cb1442;
	font-size: 56px;
	font-weight: 100;
	line-height: 64px;
	margin-top: 0;
	margin-bottom: 10px;	
}
.mapabanner p {
	color: #cb1442;
	font-size: 20px;
	line-height: 26px;
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 0;	
}

/* MAP */
.map {
	position: relative;	
}
.map img {
	position: relative;	
}
.map .hover {
	width: 100%;
	height: 100%;
	left: 0;
	position: absolute;
	z-index: 100;
	display: none;
}
.map .hover.eu {
	width: 256px;
	height: 174px;
	top: 14px;
	left: 439px;
}
.mapabanner .tab-pane {
	position: relative;
}
.mapabanner .tab-pane .map-nav {
	position: absolute;
	top: 0;
	margin-left: 15px;
	z-index: 102;
}
.mapabanner .tab-pane .map-nav>li {
	float: none;
	text-align: left;
	margin: 0;
	padding: 0;
}
.mapabanner .tab-pane .map-nav>li>a {
	color: #cb1442;
  font-size: 24px;
  line-height: 32px;
	padding: 7.5px 15px;
}
.mapabanner .tab-pane h3 {
	color: #cb1442;
	font-size: 36px;
  font-weight: 300;
  line-height: 40px;
	padding: 7.5px 15px;
	
}

.mapabanner .tab-pane .map-nav>li>a:focus,
.mapabanner .tab-pane .map-nav>li>a:hover {
	background-color: #f0f0f0;
}

.map-area:hover,
area:hover  {
	outline: none;
	overflow: hidden;
}

#world-tab .map-area.eu:hover:before  {
	background: url('../images/map-europe-hover_004d3f1078.jpg');
	background-size: cover;
	content:"";
	top: 14px;
	left: -145px;
	width: 254.6px;
	height: 172.9px;
	display: block;
	position: absolute;
}
#world-tab .map-area.as:hover:before  {
	background: url('../images/map-asia-hover_83e76c039b.jpg');
	background-size: cover;
	content:"";
	top: 14px;
	left: 38px;
	width: 429.4px;
	height: 363.85px;
	display: block;
	position: absolute;
}

#asia-tab area.az:hover:before  {
	background: url('../images/map-az-hover_f301a0b9f8.jpg');
	background-size: cover;
	content:"";
	top: 179px;
	left: 311px;
	width: 60.8px;
	height: 31.35px;
	display: block;
	position: absolute;
}
#asia-tab area.vn:hover:before  {
	background: url('../images/map-vn-hover_8c341af872.jpg');
	background-size: cover;
	content:"";
	top: 315px;
	left: 690px;
	width: 66.5px;
	height: 99.75px;
	display: block;
	position: absolute;
}
#asia-tab area.tr:hover:before  {
	background: url('../images/map-tr-asia-hover_f946c71e45.jpg');
	background-size: cover;
	content:"";
	top: 155px;
	left: 139px;
	width: 160px;
	height: 114px;
	display: block;
	position: absolute;
}
#europe-tab area.es:hover:before  {
	background: url('../images/map-es-hover_b8ff3be6e1.jpg');
	background-size: cover;
	content:"";
	top: 283px;
	left: 149px;
	width: 228.95px;
	height: 210.9px;
	display: block;
	position: absolute;
}
#europe-tab area.fr:hover:before  {
	background: url('../images/map-fr-hover_7bf4f50c15.jpg');
	background-size: cover;
	content:"";
	top: 151px;
	left: 271px;
	width: 202.35px;
	height: 219.45px;
	display: block;
	position: absolute;
}
#europe-tab area.be:hover:before  {
	background: url('../images/map-be-hover_401bab0e24.jpg');
	background-size: cover;
	content:"";
	top: 141.5px;
	left: 405px;
	width: 52.25px;
	height: 43.7px;
	display: block;
	position: absolute;
}
#europe-tab area.it:hover:before  {
	background: url('../images/map-it-hover_c5d6430a67.jpg');
	background-size: cover;
	content:"";
	top: 274px;
	left: 449px;
	width: 237.5px;
	height: 272.65px;
	display: block;
	position: absolute;
}
#europe-tab area.mk:hover:before  {
	background: url('../images/map-mk-hover_fb5e366679.jpg');
	background-size: cover;
	content:"";
	top: 388px;
	left: 697px;
	width: 61.75px;
	height: 25.65px;
	display: block;
	position: absolute;
}
#europe-tab area.pl:hover:before  {
	background: url('../images/map-pl-hover_3a7042c513.jpg');
	background-size: cover;
	content:"";
	top: 53px;
	left: 581px;
	width: 161.5px;
	height: 140.6px;
	display: block;
	position: absolute;
}
#europe-tab area.cz:hover:before  {
	background: url('../images/map-cz-hover_f2ad131d94.jpg');
	background-size: cover;
	content:"";
	top: 168px;
	left: 554px;
	width: 97.85px;
	height: 52.25px;
	display: block;
	position: absolute;
}
#europe-tab area.sk:hover:before  {
	background: url('../images/map-sk-hover_828e3cfd7c.jpg');
	background-size: cover;
	content:"";
	top: 195px;
	left: 634px;
	width: 87.4px;
	height: 52.25px;
	display: block;
	position: absolute;
}
#europe-tab area.at:hover:before  {
	background: url('../images/map-at-hover_465f41c0d2.jpg');
	background-size: cover;
	content:"";
	top: 221px;
	left: 519px;
	width: 114px;
	height: 62.7px;
	display: block;
	position: absolute;
}
#europe-tab area.hu:hover:before  {
	background: url('../images/map-hu-hover_4677331d24.jpg');
	background-size: cover;
	content:"";
	top: 230px;
	left: 606px;
	width: 105.45px;
	height: 61.75px;
	display: block;
	position: absolute;
}
#europe-tab area.si:hover:before  {
	background: url('../images/map-si-hover_02f19a4e6b.jpg');
	background-size: cover;
	content:"";
	top: 283px;
	left: 557px;
	width: 50.35px;
	height: 25.65px;
	display: block;
	position: absolute;
}
#europe-tab area.hr:hover:before  {
	background: url('../images/map-hr-hover_b6470e6595.jpg');
	background-size: cover;
	content:"";
	top: 283px;
	left: 554px;
	width: 114.95px;
	height: 60.8px;
	display: block;
	position: absolute;
	z-index: 1;
}

#europe-tab area.mn:hover:before  {
	background: url('../images/map-me-hover_da6b94fb5a.jpg');
	background-size: cover;
	content:"";
	top: 353px;
	left: 643px;
	width: 70.3px;
	height: 35.15px;
	display: block;
	position: absolute;
}
#europe-tab area.ba:hover:before  {
	background: url('../images/map-ba-hover_9ee0f5861b.jpg');
	background-size: cover;
	content:"";
	top: 318px;
	left: 599px;
	width: 81.7px;
	height: 60.8px;
	display: block;
	position: absolute;
}
#europe-tab area.rs:hover:before  {
	background: url('../images/map-rs-hover_9923c48495.jpg');
	background-size: cover;
	content:"";
	top: 292px;
	left: 670px;
	width: 78.85px;
	height: 87.4px;
	display: block;
	position: absolute;
}
#europe-tab area.bg:hover:before  {
	background: url('../images/map-bg-hover_87ce726163.jpg');
	background-size: cover;
	content:"";
	top: 327px;
	left: 740px;
	width: 104.5px;
	height: 70.3px;
	display: block;
	position: absolute;
}

#europe-tab area.tr:hover:before  {
	background: url('../images/map-tr-hover_8767474ad6.jpg');
	background-size: cover;
	content:"";
	top: 370px;
	left: 816px;
	width: 82px;
	height: 54px;
	display: block;
	position: absolute;
}
#europe-tab area.cy:hover:before  {
	background: url('../images/map-cy-hover_624b263334.jpg');
	background-size: cover;
	content:"";
	top: 530px;
	left: 916px;
	width: 71px;
	height: 26px;
	display: block;
	position: absolute;
}
@media (max-width: 1199px) {
#world-tab .map-area.eu:hover:before  {
	top: 12px;
	left: -122px;
	width: 209.93px;
	height: 142.57px;
}
#world-tab .map-area.as:hover:before  {
	top: 12px;
	left: 28px;
	width: 354.07px;
	height: 300.02px;
}
#asia-tab area.az:hover:before  {
	top: 147px;
	left: 256px;
	width: 50.13px;
	height: 25.85px;
}
#asia-tab area.vn:hover:before  {
	top: 260px;
	left: 570px;
	width: 54.83px;
	height: 82.25px;
}
#asia-tab area.tr:hover:before  {
	top: 128px;
	left: 115px;
	width: 132px;
	height: 94px;
}
#europe-tab area.es:hover:before  {
	top: 233px;
	left: 122px;
	width: 188.78px;
	height: 173.9px;
}
#europe-tab area.fr:hover:before  {
	top: 124px;
	left: 224px;
	width: 166.85px;
	height: 180.95px;
}
#europe-tab area.be:hover:before  {
	top: 117px;
	left: 334px;
	width: 43.08px;
	height: 36.03px;
}
#europe-tab area.it:hover:before  {
	top: 226px;
	left: 369px;
	width: 195.83px;
	height: 224.82px;
}
#europe-tab area.mk:hover:before  {
	top: 321px;
	left: 575px;
	width: 50.92px;
	height: 21.15px;
}
#europe-tab area.pl:hover:before  {
	top: 43px;
	left: 478px;
	width: 133.17px;
	height: 115.93px;
}
#europe-tab area.cz:hover:before  {
	top: 139px;
	left: 457px;
	width: 80.68px;
	height: 43.08px;
}
#europe-tab area.sk:hover:before  {
	top: 161px;
	left: 523px;
	width: 72.07px;
	height: 43.08px;
}
#europe-tab area.at:hover:before  {
	top: 182px;
	left: 428px;
	width: 94px;
	height: 51.7px;
}
#europe-tab area.hu:hover:before  {
	top: 190px;
	left: 501px;
	width: 86.95px;
	height: 50.92px;
}
#europe-tab area.si:hover:before  {
	top: 233px;
	left: 459px;
	width: 41.52px;
	height: 21.15px;
}
#europe-tab area.hr:hover:before  {
	top: 233px;
	left: 457px;
	width: 94.78px;
	height: 50.13px;
}
#europe-tab area.mn:hover:before  {
	top: 292px;
	left: 531px;
	width: 57.97px;
	height: 28.98px;
}
#europe-tab area.ba:hover:before  {
	top: 262px;
	left: 494px;
	width: 67.37px;
	height: 50.13px;
}
#europe-tab area.rs:hover:before  {
	top: 240px;
	left: 551px;
	width: 65.02px;
	height: 72.07px;
}
#europe-tab area.bg:hover:before  {
	top: 270px;
	left: 610px;
	width: 86.16px;
	height: 57.96px;
}

#europe-tab area.tr:hover:before  {
	top: 305px;
	left: 673px;
	width: 67px;
	height: 45px;
}
#europe-tab area.cy:hover:before  {
	top: 437px;
	left: 755px;
	width: 58px;
	height: 21px;
}

}
@media (max-width: 991px) {
.mapabanner {
	display: none;
}
.mapabanner h2 {
	font-size: 46px;
	line-height: 47px;
}
#world-tab .map-area.eu:hover:before  {
	top: 9px;
	left: -97px;
	width: 160.8px;
	height: 109.2px;
}
#world-tab .map-area.as:hover:before  {
	top: 9px;
	left: 18px;
	width: 271.2px;
	height: 229.8px;
}
#asia-tab area.az:hover:before  {
	top: 112px;
	left: 196px;
	width: 38.4px;
	height: 19.8px;
}
#asia-tab area.vn:hover:before  {
	top: 199px;
	left: 436px;
	width: 42px;
	height: 63px;
}

}
@media (max-width: 767px) {
.mapabanner {
	display: none;
}
}

/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane, .pill-content > .pill-pane {
    display: block;    /* undo display:none          */
    height: 0;         /* height:0 is also invisible */ 
    overflow: hidden;  /* no-overflow                */
}
.tab-content > .active, .pill-content > .active {
    height: auto;      /* let the content decide it  */
} /* bootstrap hack end */


/* FACEBOOK */
.facebook {
	border-top: 4px solid #3b5998;
	color: #656565;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
}
.facebook p {
	margin: 0;
	padding: 20px 0 30px 0;
}
.facebook a.fblogo {
	display: inline-block;
	background: url('../images/img-fb-logo_978b889115.jpg') no-repeat center;
	background-size: contain;
	height: 36px;
	width: 120px;
	margin-bottom: -8px;
}
@media (max-width: 767px) {
.facebook a.fblogo {
	height: 32px;
	width: 80px;
	margin-bottom: -10px;
}
}

/* SOCIAL */
.social {
	border-top: 4px solid #3b5998;
	color: #656565;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
}
.social p {
	margin: 0;
	padding: 20px 0 30px 0;
}
.social a.icon {
	display: inline-block;
	height: 40px;
	width: 40px;
	margin-left: .25em;
	margin-right: .25em;
	margin-bottom: -10px;
}
.social a.icon img {
	height: 40px;
	width: 40px;
}


/* FOOTER */
.footer {
	background-color: #f5f5f5;
	color: #999999;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}
.footer p {
	font-size: 14px;
	line-height: 18px;
	margin: 0;
	padding: 10px 80px;
}
.footer .container {
	position: relative;
}
.footer p.made {
	font-size: 12px;
	line-height: 16px;	
	display: block;
	color: #999999;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 10px 20px;
}
.footer a.contact {
	color: #cb1442;
	font-size: 14px;
	line-height: 18px;	
	display: inline-block;
	position: relative;
	top: 0;
	right: 0;
	margin: 0;
	padding: 10px 20px;
	text-transform: uppercase;
	text-decoration: none;
}
.footer a.contact:focus,
.footer a.contact:hover {
	background-color: #fff;
}
.footer .modal p {
	padding: 0;
}
@media (max-width: 767px) {
.footer {
	font-size: 12px;
	line-height: 16px;
	text-align: left;
}
.footer p {
	font-size: 12px;
	line-height: 16px;
	padding-left: 0;
	padding-right: 80px;
}
.footer a.contact {
	font-size: 12px;
	line-height: 16px;	
}

}
/* CONTENT */
.content {
	padding-bottom: 30px;
}
.content .info {
	color: #656565;
	font-size: 16px;
	text-align: center;
	padding: 20px 0;
}
.content h1 {
	color: #cb1442;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px;
}
.content h2 {
    color: #00549e;
    font-size: 24px;
    font-weight: 100;
    line-height: 30px;
    margin-bottom: 15px;
}
.content hr {
    border-top: 2px solid #e5e5e5;
}
@media (max-width: 767px) {
.content h1 {
	font-size: 24px;
	line-height: 30px;
}
}

/* PRODUCTS */

.products .product-slider {
	background-color: #f5f5f5;
}
.products .product-slider .product-text p {
	font-size: 14px;
	line-height: 18px;
	padding: 0;
	margin: 0;
}
.products .product-slider .product-text p.red {
	font-weight: 700;
  color: #cb1442;
}
.products .product-slider a.product {
	display: block;
	padding: 25px;
	text-decoration: none;
	color: #656565;
	outline: none;
}
.products .product-slider a.product:focus,
.products .product-slider a.product:hover {
	background-color: #FFFFFF;
}

.products h1 {
  color: #00549e;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px;
}
.products h1 .red {
	color: #cb1442;
}
.products h2 {
	color: #cb1442;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px;
}
.products h3 {
	color: #cb1442;
	font-size: 24px;
	font-weight: 100;
	line-height: 30px;
	margin-bottom: 0;
}
.products .highlight {
	color: #cb1442;
	font-weight: 700;
}
.products .grey {
	background-color: #f5f5f5;
}
.products .row {
	padding-top: 10px;
	padding-bottom: 30px;
}
.products .content{
	padding-top: 10px;
}
.products .content hr {
	margin-top: 30px;
	margin-bottom: 0;
}
.products .product-info{
	color: #656565;
	font-size: 16px;
	line-height: 20px;
}


/* PRODUCT BENEFITS */
.products .benefit {
	padding-left: 30px;
}
.products .benefit:before {
	position: absolute;
	margin-left: -30px;
	font-family: "imunoglukan";
	content: "\66";
	font-size: 22px;
	line-height: 22px;
	margin-top: 0px;
  color: #00549e;
}
.products .btn {
	margin-top: 10px;
}
@media (max-width: 767px) {
.products h1 {
	font-size: 24px;
	line-height: 30px;
}
.products h2 {
	font-size: 24px;
	line-height: 30px;
}
.products h3 {
	font-size: 20px;
	line-height: 26px;
}
.products .benefit {
	padding-left: 25px;
}
.products .benefit:before {
	margin-left: -25px;
	font-size: 18px;
	line-height: 18px;
	margin-top: 1px;
}
}


/* PRODUCT BUTTONS*/
.btn-buy {
	border: 1px solid #00549e;
	color: #00549e;	
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	background-color:transparent;
	margin-right: 10px;
	min-width: 125px;
}
.btn-buy:focus,
.btn-buy:hover {
	background-color: #00549e;
	color: #FFFFFF;
}
.btn-more {
	border: 1px solid #cb1442;
	color: #cb1442;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	background-color:transparent;
	margin-right: 10px;
	min-width: 125px;	
}
.btn-more:focus,
.btn-more:hover {
	background-color: #cb1442;
	color: #FFFFFF;
}
.btn-package {
	border: 1px solid #656565;
	color: #656565;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	background-color:transparent;
	min-width: 125px;
	cursor: default;
}

.btn-reminder-wrapper {
	text-align: center;
	margin-top: .5em;
}
.btn-reminder {
	border: 1px solid transparent;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 700;
	background-color: #cb1442;
	padding-left: 2rem;
	padding-right: 2rem;

}
.btn-reminder:focus,
.btn-reminder:hover {
	background-color: #00549e;
	color: #FFFFFF;
}

.btn-reminder .btn-reminder-inline {
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.btn-reminder .img-reminder {
	display: block;
	width: 3em;
	height: 3em;
}

.btn-reminder .text-reminder {
	display: block;
	text-align: left;
	padding-bottom: 0;
	margin-bottom: 0;
	padding-left: 1rem;
}

/* SLICK Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
		z-index: 100;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'imunoglukan';
    font-size: 30px;
		line-height: 30px;
    line-height: 1;
    opacity: .75;
	  color: #00549e;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -15px;
}
.slick-prev:before
{
    content: '\62';
}
.slick-next
{
    right: -15px;
}
.slick-next:before
{
    content: '\63';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 0;
}

.slick-dots
{
    position: absolute;
    bottom: 10px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

@media (max-width: 1199px) {
.slick-dots
{
    bottom: 10px;
}
}
@media (max-width: 991px) {
.slick-dots
{
    bottom: 10px;
}
}

.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 0;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px 0;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: .75;
}
.slick-dots li button:before
{
    font-family: 'Fontawesome';
    font-size: 12px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '\f1db';
    text-align: center;

    opacity: .5;
    color: #858585;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    content: '\f111';
    opacity: .5;
    color: #858585;
}

/* PORADNA */
.poradna h1 {
  color: #cb1442;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px;
	margin-bottom: 15px;
}
.poradna h1.red {
	color: #cb1442;
}
.poradna h2 {
	color: #00549e;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px;
	margin-bottom: 15px;

}
.poradna h2.red {
	color: #cb1442;
}
.poradna .topbanner {
	position: relative;
	background: url('../images/bg-poradna-banner_07d18e8fd1.jpg') no-repeat center;
	background-size: cover;
	height: 330px;
}
.poradna .topbanner .banner-text {
	font-size: 30px;
	line-height: 40px;
	font-weight: 100;
	color: #000;
	margin-top: 60px;
	padding-left: 15px;
}
/* PORADNA NAV TABS */
.poradna .nav-tabs {
    border-bottom: 1px solid #e5e5e5;
}
.poradna .nav>li {
    border: 1px solid #e5e5e5;
		margin: 0;
		padding: 0;
		margin-right: -1px;
		margin-bottom: -1px;
		text-align: center;
		width: 33.34%;
}
.poradna .nav>li.active {
		margin: 0;
		padding: 0;
		margin-right: -1px;
		margin-bottom: -1px;		
}
.poradna .nav>li>a,
.poradna .nav>li.active>a {
	border: 0;
	border-bottom: 0;
	font-size: 24px;
	line-height: 36px;
	font-weight: 300;
	color: #00549e;
	border-radius: 0;
	margin: 0;
	padding: 15px 20px;

}
.poradna .nav-tabs>li>a:focus,
.poradna .nav-tabs>li>a:hover {
    background-color: #f0f0f0;
}
.poradna .nav-tabs>li.active>a,
.poradna .nav-tabs>li.active>a:focus,
.poradna .nav-tabs>li.active>a:hover {
    background-color: #f2f6fa;
    border: none;
		margin: 0;
}
.poradna .tab-content {
	margin-bottom: 30px;
}
.poradna .question {
	position: relative;
	margin-top: -1px;
}
.poradna .question .image {
	position: absolute;
	width: 80px;
	padding: 10px;
}
.poradna .question .text {
	font-size: 16px;
	line-height: 20px;
	color: #656565;
	padding: 10px 0;
	padding-left: 90px;
	padding-right: 40px;
	min-height: 80px;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.poradna .question a.show-answer {
	display: block;
	font-size: 24px;
	line-height: 30px;
	text-decoration: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 100%;
	text-align: center;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;	
}

.poradna .question a.show-answer:before {
	font-family: "imunoglukan";
	content: "\61";
	color: #cb1442;
	display: block;
	position: relative;
  top: 50%;
	height: 24px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.poradna .question a.show-answer.collapsed:before {
	font-family: "imunoglukan";
	content: "\63";
	color: #00549e;
}

.poradna .question a.show-answer.collapsed:focus:before,
.poradna .question a.show-answer.collapsed:hover:before {
	color: #cb1442;
}

.poradna .answer {
	font-size: 16px;
	line-height: 20px;
	font-style: oblique;
	color: #00549e;
	padding: 0;
	margin: 0;
	margin-top: -1px;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;	
  border-bottom: 1px solid #e5e5e5;
}
.poradna .answer p {
	font-size: 16px;
	line-height: 20px;
	font-style: oblique;
	color: #00549e;
	padding: 10px;
	margin: 0;	
}

/* PORADNA MESSAGES */
.poradna p.note,
.blog p.note{
	font-size: 16px;
	line-height: 20px;
	color: #656565;
	padding: 10px;
	margin: 0;	
}

/* PORADNA FORM */
.poradna .form {
	display: block;
}
.poradna .form-group{
	margin: 0;
}
.poradna .form-control,
.blog .form-control {
    display: block;
    width: 100%;
    height: 42px;
    padding: 10px 12px;
    font-size: 16px;
    color: #656565;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
		margin-top: -1px;
}
/* FEEDBACK */
.poradna .has-feedback .form-control,
.blog .has-feedback .form-control {
    color: #656565;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
		margin-top: -1px;
}
.poradna .form-control-feedback,
.blog .form-control-feedback {
    width: 42px;
    height: 42px;
    line-height: 42px;
}
.poradna .bootstrap-select ~ .form-control-feedback {
	margin-right: 20px;
}
.poradna textarea.form-control {
    height: 100px;
}
.poradna .bootstrap-select {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0;
    font-size: 16px;
    color: #656565;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
		margin-top: -1px;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	font-weight: 300;
	color: #c1c1c1;
	font-style: oblique;
}
.poradna .bootstrap-select .btn-default {
    display: block;
    height: 42px;
    padding: 10px 12px;
    font-size: 16px;
    font-weight: 300;
    background-image: none;
    border: 0;
    border-radius: 0;
		outline: none;
}
.poradna .bootstrap-select .btn-default:focus,
.poradna .bootstrap-select .btn-default:hover {
    background-color: #f0f0f0;
		outline: none !important;
}

.poradna .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.poradna .bootstrap-select.open .dropdown-toggle {
    background-color: #f2f6fa;
}
.poradna .bootstrap-select .dropdown-toggle:focus {
    background-color: #f2f6fa;
    outline: none;
    outline-offset: 0;
}

.poradna .dropdown-menu {
    margin-top: 0;
    font-size: 16px;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f2f6fa;
	
}
.poradna .dropdown-menu>li>a {
    display: block;
    padding: 6px 10px;
    font-weight: 300;
    color: #656565;
    border-bottom: 1px solid #e5e5e5;
    outline: none;
}
.poradna .dropdown-menu>li>a:focus,
.poradna .dropdown-menu>li>a:hover {
    color: #656565;
    background-color: #d7e7f6;

}
.poradna .dropdown-menu>li:last-child>a {
    border-bottom: none;
}
.form-control::-webkit-input-placeholder { color: #c1c1c1; font-style: oblique }
.form-control:-moz-placeholder { color: #c1c1c1; font-style: oblique }
.form-control::-moz-placeholder { color: #c1c1c1; font-style: oblique }
.form-control:-ms-input-placeholder { color: #c1c1c1; font-style: oblique }

.poradna .placeholder {
	font-weight: 300;
	color: #c1c1c1;
	font-style: oblique;
	 }

.poradna .btn-send {
	background: none;
 	border: none;
  font-size: 24px;
	font-weight: 300;
	text-align: right;
	color: #00549e;
	padding: 6px 25px;
	margin: 0;
	margin-top: 10px;
	outline: none;
}

.poradna .btn-send:after {
	position: absolute;
	font-family: "imunoglukan";
	content: "\63";
	margin-top: 2px;
	right: 10px;
}
.poradna .btn-send:focus,
.poradna .btn-send:hover {
	color: #cb1442;
	outline: none;
	box-shadow: none;
}
.poradna .btn-send.disabled,
.poradna .btn-send.disabled:focus,
.poradna .btn-send.disabled:hover {
	color: #656565;
}
@media (max-width: 1199px) {
.poradna .nav>li>a,
.poradna .nav>li.active>a {
	font-size: 22px;
	line-height: 30px;
	padding: 10px 5px;
}

}

@media (max-width: 991px) {
.poradna .topbanner {
	height: 300px;
}
.poradna .topbanner .banner-text {
	font-size: 24px;
	line-height: 36px;
	margin-top: 60px;
	padding-left: 15px;
}
.poradna .nav>li {
	width: 50%;
}
.poradna .nav>li>a,
.poradna .nav>li.active>a {
	font-size: 18px;
	line-height: 26px;
	padding: 10px 15px;
}
}

@media (max-width: 767px) {

.poradna .topbanner {
	height: 260px;
	background-position: 0 center;
	
}
.poradna .topbanner .banner-text {
	font-size: 20px;
	line-height: 30px;
	margin-top: 50px;
	padding-left: 15px;
}
.poradna .nav>li {
	width: auto;
	text-align: left;
}

.poradna .nav>li>a,
.poradna .nav>li.active>a {
	font-size: 18px;
	line-height: 26px;
	padding: 10px 15px;
}
.poradna .question .image {
	width: 60px;
	padding: 5px;
	
}
.poradna .question .text {
	padding-left: 70px;
	padding-right: 40px;
	min-height: 60px;
	font-size: 14px;
	line-height: 18px;
}
.poradna .answer p {
	font-size: 14px;
	line-height: 18px;
}

.poradna p.note{
	font-size: 14px;
	line-height: 18px;

}
.poradna .btn-send {
  font-size: 18px;
	padding: 6px 15px;
}

}

.poradna .right-col {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;

}


/* MESSAGE */
.message {
	display: none;
}

/* PODPORUJEME */
/* PORADNA */
.podporujeme {
	padding-bottom: 30px;
}
.podporujeme h1 {
  color: #cb1442;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px;
	margin-bottom: 20px;
}
.podporujeme h1.red {
	color: #cb1442;
}
.podporujeme h2 {
	display: block;
	color: #cb1442;
	font-size: 20px;
	font-weight: 300;
	line-height: 26px;
	margin-bottom: 15px;
}
.podporujeme h2 .funkcia {
	color: #656565;
}
.podporujeme .col {
	padding-right: 30px;
 	padding-left: 30px;
}
.podporujeme .zoznam .col:first-child {
  border-right: 1px solid #e5e5e5;
}
.podporujeme .topbanner {
	position: relative;
	background: url('../images/bg-podporujeme-banner_b2d44a9302.jpg') no-repeat center bottom;
	background-size: cover;
	height: 330px;
}
.podporujeme .topbanner .banner-text {
	font-size: 30px;
	line-height: 40px;
	font-weight: 100;
	color: #ffffff;
	margin-top: 40px;
}

.podporujeme .podporovany {
	display: block;
	position: relative;
}
.podporujeme .podporovany .row {
    margin-right: 0;
    margin-left: 0;
}
.podporujeme .podporovany a {
	position: relative;
	display: block;
}
.podporujeme .podporovany h2 {
	display: block;
	float: left;
	position: relative;	
	width: 70%;
	padding: 10px 0;
	margin: 0;
}
.podporujeme .podporovany a.link {
	position: relative;
	display: block;
	width: 30%;
	float: left;
  font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	text-align: right;
	color: #00549e;
	padding: 10px 0;
	margin: 0;
	padding-right: 25px;
	padding-top: 7px;
	outline: none;
}
.podporujeme .podporovany a.link:after {
	position: absolute;
	font-family: "imunoglukan";
	content: "\63";
	margin-top: 2px;
	right: 0;
}
.podporujeme .podporovany a.link:focus,
.podporujeme .podporovany a.link:hover {
	color: #cb1442;
	text-decoration: none;
}

.podporujeme .support-article h1 {
	margin-top: 20px;
}
.podporujeme .support-article h2 {
	display: block;
	position: relative;	
	float: none;
	width: 100%;
	padding: 0;
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
	padding-bottom: 0;
	margin-bottom: 10px;
}
.podporujeme .support-article h3 {
	font-size: 18px;
	font-weight: 300;
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 15px;
}

.podporujeme .support-article {
	position: relative;
	padding-bottom: 30px;
}

.podporujeme .support-article a.back:before {
	left: -5px;
}

@media (max-width: 1199px) {
.podporujeme .topbanner .banner-text {
	margin-top: 20px;
}
.podporujeme h2 {
	font-size: 18px;
	line-height: 22px;
}
.podporujeme .podporovany a.link {
  font-size: 18px;
	line-height: 22px;
	padding-top: 10px;

}

}

@media (max-width: 991px) {
.podporujeme .topbanner {
	height: 300px;
}
.podporujeme .topbanner .banner-text {
	font-size: 24px;
	line-height: 30px;
	margin-top: 40px;
}
.podporujeme h2 {
	font-size: 16px;
	line-height: 20px;
}
.podporujeme .podporovany a.link {
  font-size: 16px;
	line-height: 20px;
	padding-right: 15px;
}

}

@media (max-width: 767px) {
.podporujeme .topbanner {
	height: 260px;
	background-position: left center;
}
.podporujeme .topbanner .banner-text {
	font-size: 20px;
	line-height: 30px;
	margin-top: 20px;
	padding-left: 15px;
}

.podporujeme .zoznam .col {
	overflow: hidden;
	padding-bottom: 15px;
}
.podporujeme .zoznam .col:first-child {
  border-right: none;
}
.podporujeme .podporovany h2 {
	width: 60%;
}
.podporujeme .podporovany a.link {
	width: 40%;
}
}

/* BLOGY */

/* BLOG */
.blog h1 {
  color: #cb1442;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.blog h1.headline {
	margin-top: 20px;
}
.blog h1.red {
	color: #cb1442;
}
.blog h2 {
	color: #00549e;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px;
	margin-bottom: 15px;
}
.blog h2.red {
	color: #cb1442;
}
.blog .topbanner {
	position: relative;
	background: url('../images/bg-blog-banner_06bb77f82d.jpg') no-repeat center;
	background-size: cover;
	height: 330px;
}
.blog .topbanner .banner-text {
	font-size: 30px;
	line-height: 40px;
	font-weight: 100;
	color: #FFF;
	margin-top: 40px;
	padding-left: 15px;
}
/* BLOG NAV TABS */
.blog .nav-tabs {
    border-bottom: 1px solid #e5e5e5;
}
.blog .nav>li {
    border: 1px solid #e5e5e5;
		margin: 0;
		padding: 0;
		margin-right: -1px;
		margin-bottom: -1px;
		text-align: center;
		width: 33.34%;
}
.blog .nav>li.active {
		margin: 0;
		padding: 0;
		margin-right: -1px;
		margin-bottom: -1px;		
}
.blog .nav>li>a,
.blog .nav>li.active>a {
	border: 0;
	border-bottom: 0;
	font-size: 22px;
	line-height: 36px;
	font-weight: 300;
	color: #00549e;
	border-radius: 0;
	margin: 0;
	padding: 15px 20px;

}
.blog .nav-tabs>li>a:focus,
.blog .nav-tabs>li>a:hover {
    background-color: #f0f0f0;
}
.blog .nav-tabs>li.active>a,
.blog .nav-tabs>li.active>a:focus,
.blog .nav-tabs>li.active>a:hover {
    background-color: #f2f6fa;
    border: none;
		margin: 0;
}
.blog .tab-content {
	margin-bottom: 30px;
}
.blog .blog-list-item {
	display: block;
	padding: 15px 0;
  border-bottom: 1px solid #e5e5e5;
}
.blog .blog-list-item:last-child {
  border-bottom: none;
}
.blog .blog-list-item h2,
.blog .blog-article h2 {
	display: block;
	color: #cb1442;
	font-size: 20px;
	font-weight: 300;
	line-height: 26px;
	margin: 0;
	padding: 10px 0;
}
.blog .blog-list-item h2 .datum,
.blog .blog-article h2 .datum {
	color: #656565;
}
.blog .blog-list-item:focus,
.blog .blog-list-item:hover {
	text-decoration: none;
}
.blog .blog-list-item:focus h1,
.blog .blog-list-item:hover h1{
	color: #00549e;
}
.blog .blog-list-item:focus h1:after,
.blog .blog-list-item:hover h1:after{
	position: absolute;
	font-family: "imunoglukan";
	content: "\63";
	margin-top: 2px;
	right: 5px;
}

.blog .blog-article h1 {
	margin-top: 20px;
}
.blog .blog-article {
	padding-bottom: 30px;
}
.blog .blog-article p.poznamka {
	font-size: 14px;
	color: #656565;
	font-weight: 300;
	line-height: 18px;
}
.blog .blog-article a {
	font-size: 16px;
	color: #cb1442;
	text-decoration: underline;
	font-weight: 300;
	line-height: 20px;
}
.blog .blog-article a.back {
	font-size: 14px;
	color: #00549e;
	text-decoration: none;
	font-weight: 300;
	line-height: 20px;
}

.blog .blog-article h3 {
	display: block;
	color: #00549e;
	font-size: 18px;
	font-weight: 300;
	line-height: 24px;
}
.blog .blog-article ul {
	font-size: 16px;
	color: #656565;
	font-weight: 300;
	line-height: 20px;
}
.blog .blog-article ul>li {
	margin-bottom: 5px;
}

.blog .blog-article table {
	color: #656565;
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	margin-top: 20px;
}



.blog .right-col {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

@media (max-width: 1199px) {

.blog .nav>li>a,
.blog .nav>li.active>a {
	font-size: 22px;
	line-height: 30px;
	padding: 10px 5px;
}

}

@media (max-width: 991px) {
.blog .topbanner {
	height: 300px;
}
.blog .topbanner .banner-text {
	font-size: 24px;
	line-height: 36px;
	margin-top: 40px;
	padding-left: 15px;
}
.blog .nav>li {
		width: 50%;
}
.blog .nav>li>a,
.blog .nav>li.active>a {
	font-size: 18px;
	line-height: 26px;
	padding: 10px 15px;
}

}

@media (max-width: 767px) {

.blog .topbanner {
	height: 260px;
	background-position: 0 center;
}
.blog .topbanner .banner-text {
	font-size: 20px;
	line-height: 30px;
	margin-top: 30px;
	padding-left: 15px;
}
.blog .nav>li {
		width: auto;
		text-align: left;
}
.blog .nav>li>a,
.blog .nav>li.active>a {
	font-size: 18px;
	line-height: 26px;
	padding: 10px 15px;

}
.blog p.note{
	font-size: 14px;
	line-height: 18px;

}
}

/* IMMUNITY */
.immunity .row {
	padding-bottom: 30px;
}
.immunity .row .col-sm-8 {
	padding-top: 10px;
}

.immunity h1 {
  color: #cb1442;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.immunity h1.headline {
	margin-top: 20px;
}
.immunity h1.red {
	color: #cb1442;
}
.immunity h2 {
	color: #00549e;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px;
	margin-bottom: 15px;
}
.immunity h2.red {
	color: #cb1442;
}
.immunity .topbanner {
	position: relative;
	background: url('../images/bg-immunity-banner_3300d08096.jpg') no-repeat center;
	background-size: cover;
	height: 330px;
}
.immunity .topbanner .banner-text {
	font-size: 30px;
	line-height: 40px;
	font-weight: 100;
	color: #FFF;
	margin-top: 40px;
	padding-left: 15px;
}

/* CONTACT */
.contact .topbanner {
	position: relative;
	background: url('../images/bg-contact-banner_7ba53dcc6e.jpg') no-repeat center;
	background-size: cover;
	height: 330px;
}
.contact h1 {
  color: #cb1442;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px;
	margin-bottom: 15px;
	margin-top: 20px;
}

.contact h1.red {
	color: #cb1442;
}
.contact h2 {
	color: #00549e;
	font-size: 30px;
	font-weight: 100;
	line-height: 36px;
	margin-bottom: 15px;
}
.contact h2.red {
	color: #cb1442;
}
.contact {
	padding-bottom: 40px;

}

/* RIGHT COLUMN ODBORNICI */
.right-col-odbornici {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #f0f0f0;
}
.right-col-odbornici h2 {
	padding: 20px 15px;
	padding-bottom: 0;
	margin-top: 0;
}
.right-col-odbornici p {
	padding: 0;
	margin: 0;
}
.right-col-odbornici a{
	font-size: 16px;
	line-height: 20px;
	color: #cb1442;
}

.right-col-odbornici ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.right-col-odbornici li {
	list-style: none;
	padding: 15px 15px;
	margin: 0;
  border-top: 1px solid #dddddd;
}

/* RIGHT COLUMN MODAL */

.modal-content {
    border: 1px solid #dddddd;
    border-radius: 0;
}
.modal-header {
	background-color: #f0f0f0;
	padding-left: 30px;
	text-align: left;
}
.modal-header .close {
    margin-top: -10px;
		margin-right: -7.5px;
}
.modal-title {
	font-size: 24px;
	line-height: 30px;
	color: #cb1442;
}
.modal-body {
	text-align: left;
	padding-left: 30px;
}
.modal-body a {
	color: #cb1442;
}
.modal-body p {
	margin-bottom: 15px;
}
.right-col-odbornici .modal-body .foto {
    border: 1px solid #e5e5e5;
		padding: 0;
		margin-top: 5px;
		margin-bottom: 15px;
}


/* RIGHT COLUMN BLOGY */
.right-col-blogy {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #e7e7e7;
}
.right-col-blogy h2 {
	padding: 20px 15px;
	padding-bottom: 0;
	margin-top: 0;
}
.right-col-blogy a{
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #656565;
  border-top: 1px solid #c5c5c5;
	padding: 15px 15px;
	margin: 0;
}

/* RIGHT COLUMN NEWSLETTER */
.right-col-newsletter {
	padding-top: 0;
	padding-bottom: 20px;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #f7f7f7;
}
.right-col-newsletter h2 {
	padding: 20px 15px;
	margin: 0;
}
.right-col-newsletter .form-group{
	display: block;
	margin: 0 15px;
}
.right-col-newsletter .form-group .btn-submit{
	position: absolute;
	display: block;
	width: 44px;
	font-size: 20px;
	color: #00549e;
	top: 1px;
	right: 0;
}
.right-col-newsletter .form-group .btn-submit.disabled,
.right-col-newsletter .form-group .btn-submit.disabled:focus,
.right-col-newsletter .form-group .btn-submit.disabled:hover {
	color: #656565;
}
.right-col-newsletter .form-group .btn-submit span{
	display: block;
	margin-top: -1px;
	margin-left: -2px;	
}
.right-col-newsletter .form-control-feedback {
	margin-right: 40px;
}
.right-col-newsletter .message {
	display: none;
	padding: 0 15px;
}
.right-col-newsletter .message .alert {
	margin: 0;
	margin-top: 10px;
	padding: 10px 15px;
	text-align: center;
}

/* RIGHT COLUMN INTERESTS */
.right-col-interest {
	padding-top: 0;
	padding-bottom: 20px;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #f7f7f7;
}
.right-col-interest h2 {
	color: #cb1442;
	padding: 20px 15px;
	margin: 0;
}
.right-col-interest a{
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #cb1442;
  border-top: 1px solid #dddddd;
	padding: 10px 15px;
	margin: 0;
}

/* RIGHT COLUMN PRODUCTS */
.right-col-products {
	padding-top: 0;
	padding-bottom: 20px;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #f7f7f7;
}
.right-col-products h2 {
	padding: 20px 15px;
	margin: 0;
}
.right-col-products .product-text p {
	font-size: 18px;
	line-height: 26px;
	padding: 0;
	margin: 0;
}
.right-col-products .product-text p.red {
	font-weight: 700;
  color: #cb1442;
}
.right-col-products a.product {
	display: block;
	padding: 25px 50px;
	text-decoration: none;
	color: #656565;
	outline: none;
}
.right-col-products a.product:focus,
.right-col-products a.product:hover {
	background-color: #FFFFFF;
}

@media (max-width: 1199px) {
.right-col-products .product-text p {
	font-size: 18px;
	line-height: 26px;
}
.right-col-products a.product {
	padding: 25px 30px;
}

}
@media (max-width: 991px) {
.right-col-products .product-text p {
	font-size: 16px;
	line-height: 24px;
}
.right-col-products a.product {
	padding: 25px 20px;
}
}
@media (max-width: 767px) {
.right-col-products .product-text p {
	font-size: 16px;
	line-height: 24px;
}
.right-col-products a.product {
	padding: 25px 20px;
}
}

/* FOTOGALERIA */
.gallery .col-sm-2,
.gallery .col-xs-6 {
    padding-right: 5px;
    padding-left: 5px;
}
.gallery.row {
    margin-right: -5px;
    margin-left: -5px;
	margin-top: 15px;
	margin-bottom: 20px;
}

.helper {
    display: inline-block;
    vertical-align: middle;
	height: 100%;
}

a.thumbnail {
	display: block;
	position: relative;
	height: 172.5px;
	width: auto;
	border-radius: 0;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
	text-decoration: none;
	background-color: #f0f0f0;
	border: none;
	text-align: center;
  white-space: nowrap;	
}
a.thumbnail img {
    display: inline-block;
	max-height: 172.5px;
	vertical-align: middle;
}
a.thumbnail h4 {
	font-size: 20px;
	color: #e4b9ab;
	padding: 0;
	margin: 0;
}

a.thumbnail:hover,
a.thumbnail:focus {
	background-color: #c5c5c5;
	border: none;
    -webkit-box-shadow: none;	
    -moz-box-shadow: none;	
    box-shadow: none;
	text-decoration: none;
}
.no-topmargin {
	margin-top: 0;
}

@media (max-width: 1199px) {
a.thumbnail {
	height: 148px;
}
a.thumbnail img {
	max-height: 148px;
}
}
@media (max-width: 991px) {
a.thumbnail {
	height: 111px;
}
a.thumbnail img {
	max-height: 111px;
}
}
@media (max-width: 767px) {
a.thumbnail {
	height: 172.5px;
}
a.thumbnail img {
	max-height: 172.5px;
}
}

/* STORY */
.story {
	padding-top: 1em;
	padding-bottom: 3em;
	border-top: 1px solid #e5e5e5;
}
.story h1 {
	color: #cb1442;
	font-size: 2.6em;
	line-height: 1.25em;
	font-weight: 100;
    margin-bottom: .25em;
	padding-bottom: 0;
}
.story h2 {
    color: #00549e;
	font-size: 2em;
	line-height: 1.4em;
    font-weight: 100;
    margin-top: 0;
	margin-bottom: 1em;
}
.story h3 {
	color: #cb1442;
	font-size: 2.6em;
	line-height: 1.25em;
	font-weight: 100;
    margin-bottom: .5em;
	padding-bottom: 0;
}
.story .perex {
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: 300;
	font-style: italic;
}
.story p {
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: 300;
	font-style: normal;
	margin-bottom: 1em;
}
@media (min-width: 768px) {
	.story .row {
		display: flex;
		align-items: center;
	}
}
/* STORY END */


/* FOR KIDS */
.for-kids {
	padding-top: 0;
	padding-bottom: 0;
	border-top: 1px solid #e5e5e5;
}
.for-kids h1 {
	font-size: 3em;
	line-height: 1.25em;
	font-weight: 300;
	font-style: italic;
    margin-bottom: .25em;
	padding-bottom: 0;
	color: #00549e;
}
.for-kids h2 {
    color: #cb1442;
	font-weight: 300;
	font-style: italic;
	font-size: 2.6em;
	line-height: 1.4em;
    margin-top: 0;
	margin-bottom: .5em;
}
.for-kids h3 {
	color: #00549e;
	font-size: 2.2em;
	line-height: 1.25em;
	font-weight: 300;
	font-style: italic;
    margin-bottom: .5em;
	padding-bottom: 0;
}
.for-kids .perex {
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: 300;
	font-style: italic;
}
.for-kids p {
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: 300;
	font-style: normal;
	margin-bottom: 1em;
}

.for-kids .immu-logo {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 18rem;
}

@media (min-width: 768px) {
	.for-kids .row {
		display: flex;
		align-items: center;
	}
	.for-kids .immu-logo {
		width: 20rem;
	}
}

.clouds {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}
.cloud {
	position: absolute;
}
.cloud-left-1 {
	top: auto;
	bottom: 0;
	left: 0;
	width: 26rem;
	margin-bottom: 6rem;
}
.cloud-left-2 {
	top: 0;
	bottom: auto;
	left: 0;
	width: 20rem;
	margin-top: 6rem;
	margin-left: 6rem;
}
.cloud-right-1 {
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	width: 16rem;
	margin-bottom: 12rem;
}
.cloud-right-2 {
	top: 0;
	bottom: auto;
	left: auto;
	right: 0;
	width: 18rem;
	margin-top: 6rem;
	margin-right: 10rem;
}
.cloud-right-3 {
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	width: 16rem;
	margin-bottom: 6rem;
	margin-right: 20rem;
}

@media (max-width: 767px) {
	.cloud-left-1 {
		width: 18rem;
		margin-bottom: 4rem;
	}
	.cloud-left-2 {
		width: 14rem;
		margin-top: 14rem;
		margin-left: 2rem;
	}
	.cloud-right-1 {
		width: 10rem;
		margin-bottom: 8rem;
	}
	.cloud-right-2 {
		width: 12rem;
		margin-top: 4rem;
		margin-right: 6rem;
	}
	.cloud-right-3 {
		width: 10rem;
		margin-bottom: 4rem;
		margin-right: 12rem;
	}
}

.episodes {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.episode {
	width: 33.33%;
	padding: 2rem;
}
.episode a {
	display: block;
	overflow: hidden;
	border: .5rem solid #00549e;
	border-radius: 2rem;
	text-decoration: none;
	transition: border-color .15s linear;
}
.episode h3 {
	font-size: 1.8em;
	line-height: 1.25em;
	font-weight: 300;
	font-style: italic;
    margin-bottom: .25em;
	
}
.episode .inner-text {
	padding: .5rem 2rem;
	min-height: 20rem;
}
.episode a h3 {
	text-decoration: none;
	transition: color .15s linear;
}
.episode a p {
	text-decoration: none;
}
.episode a:hover {
    border-color: #cb1442;
}
.episode a:hover h3 {
    color: #cb1442;
}
@media (max-width: 1199px) {
	.episode .inner-text {
		min-height: 22rem;
	}
}
@media (max-width: 991px) {
	.episode {
		width: 50%;
		padding: 2rem;
	}
	.episode .inner-text {
		min-height: 20rem;
	}
}
@media (max-width: 767px) {
	.episode {
		width: 100%;
		padding: 2rem;
	}
	.episode .inner-text {
		min-height: auto;
	}
}

.single-nav {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.single-nav a {
	display: block;
	position: relative;
	color: #cb1442;
	font-size: 1.8rem;
	text-decoration: none;
	padding: .75em 1em;
	margin: .5em;
	border: 1px solid #cb1442;
	border-radius: .5em;
	transition: color, border-color .15s linear;
}

.single-nav a:hover {
	color: #00549e;
	border-color:#00549e;
}



.single-nav .nav-prev .icon {
	margin-right: 1rem;
}
.single-nav .nav-next .icon {
	margin-left: 1rem;
}

@media (max-width: 767px) {
	.single-nav {
		justify-content: center;
	}
}

a.btn-with-icon {
	display: inline-block;
	position: relative;
	background-color: #cb1442;
	color:white;
	font-size: 1.8rem;
	line-height: 1.4em;
	font-weight: bold;
	text-decoration: none;
	padding: 1em 1.25em;
	margin: .5em auto;
	border: 1px solid #cb1442;
	border-radius: .5em;
	transition: background-color, color, border-color .15s linear;
}

a.btn-with-icon:hover {
	background-color: #00549e;
	border-color:#00549e;
}

a.btn-with-icon .icon {
	margin-left: 1rem;
}

a.btn-omalovanky-download {
	display: inline-block;
	margin: 2rem;
	
}
@media (min-width: 768px) {
	a.btn-omalovanky-download {
		display: none;
	}
}
/* FOR KIDS END */



/* BACKGROUNDS */
.bg-white {
	background-color: #fff;
}
.bg-gray {
	background-color: #f5f5f5;
}
.bg-gradient-blue {
	background-image: linear-gradient(#b1c7dc, #b1c7dc);
}


.bg-gradient-blue p {
	color: #000000;
}

/* PADDINGS */
.py-0 {
	padding-top: 0;
	padding-bottom: 0;
}
.py-1 {
	padding-top: .5em;
	padding-bottom: .5em;
}
.py-2 {
	padding-top: 1em;
	padding-bottom: 1em;
}
.py-3 {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
.py-4 {
	padding-top: 2em;
	padding-bottom: 2em;
}
.py-5 {
	padding-top: 2.5em;
	padding-bottom: 2.5em;
}
.py-6 {
	padding-top: 3em;
	padding-bottom: 3em;
}
.py-8 {
	padding-top: 4em;
	padding-bottom: 4em;
}
.py-10 {
	padding-top: 5em;
	padding-bottom: 5em;
}
.pt-4 {
	padding-top: 2em;
}
.pt-6 {
	padding-top: 3em;
}
.pb-6 {
	padding-bottom: 3em;
}
.pb-8 {
	padding-bottom: 4em;
}
.pb-10 {
	padding-bottom: 5em;
}
.pb-12 {
	padding-bottom: 6em;
}

.mb-2 {
	margin-bottom: 1em;
}
.mb-4 {
	margin-bottom: 2em;
}

@media (min-width: 768px) {
	.sm-py-4 {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.sm-py-5 {
		padding-top: 2.5em;
		padding-bottom: 2.5em;
	}
	.sm-py-6 {
		padding-top: 3em;
		padding-bottom: 3em;
	}
}

/* POSITIONS */
.relative {
	position: relative;
}

/* Z-INDEX */
.z-0 {
	z-index: 0;
}
.z-1 {
	z-index: 1;
}
.z-2 {
	z-index: 2;
}
.z-3 {
	z-index: 3;
}