-----------------------------------------------------------------*/
.social-icon {
  --cnvs-socialicon-size: 2.5rem;
  --cnvs-socialicon-gap: 5px;
  --cnvs-socialicon-fontsize: calc( var(--cnvs-socialicon-size) / 2.5);
  --cnvs-socialicon-border: 1px;
  --cnvs-socialicon-border-color: var(--cnvs-contrast-600);
  --cnvs-socialicon-lineheight: calc(var(--cnvs-socialicon-size) - calc(var(--cnvs-socialicon-border) * 2));
  --cnvs-socialicon-rounded: 0.375rem;
  --cnvs-socialicon-color: var(--bs-contrast-900);
  float: left;
  display: block;
  margin: 0 var(--cnvs-socialicon-gap) var(--cnvs-socialicon-gap) 0;
  width: var(--cnvs-socialicon-size);
  height: var(--cnvs-socialicon-size);
  font-size: var(--cnvs-socialicon-fontsize);
  line-height: var(--cnvs-socialicon-lineheight) !important;
  color: var(--cnvs-socialicon-color);
  text-shadow: none;
  border: var(--cnvs-socialicon-border) solid var(--cnvs-socialicon-border-color);
  border-radius: var(--cnvs-socialicon-rounded);
  overflow: hidden;
  /* Social Icons - Large
  -----------------------------------------------------------------*/
  /* Social Icons - Small
  -----------------------------------------------------------------*/
}
[class*=-flex] > .social-icon, [class*=row] > .social-icon {
  float: none;
  margin-right: var(--cnvs-socialicon-gap-x);
  margin-bottom: var(--cnvs-socialicon-gap-y);
  flex: 0 0 auto;
}
.social-icon.si-large {
  --cnvs-socialicon-size: 3.5rem;
}
.social-icon.si-small {
  --cnvs-socialicon-size: 2rem;
  --cnvs-socialicon-fontsize: 0.875rem;
}
.social-icon i {
  display: block;
  position: relative;
  line-height: inherit;
  transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .social-icon i {
    transition: none;
  }
}
.social-icon i:last-child {
  color: #FFF;
}
.social-icon:hover i:first-child {
  margin-top: calc(var(--cnvs-socialicon-lineheight) * -1);
}
.social-icon:hover {
  color: var(--cnvs-socialicon-color);
  border-color: transparent;
}
.social-icon.bg-dark, .social-icon.bg-dark:hover {
  color: var(--bs-gray-200);
}
.social-icon.bg-light {
  --cnvs-socialicon-color: var(--bs-gray-900);
  background-color: var(--bs-gray-200) !important;
}
.social-icon[class*=" bg-"] {
  border-color: transparent;
}
.social-icon.no-transition:hover i:first-child {
  display: none;
  margin-top: 0;
}

.bg-flickr,
.h-bg-flickr:hover {
  background-color: rgba(var(--cnvs-color-flickr-rgb), 1) !important;
}

.bg-facebook,
.h-bg-facebook:hover {
  background-color: rgba(var(--cnvs-color-facebook-rgb), 1) !important;
}

:root {
  --cnvs-color-flickr:	#ff0084;
  --cnvs-color-flickr-rgb:	255, 0, 132;

  --cnvs-color-facebook:	#3b5998;
  --cnvs-color-facebook-rgb:	59, 89, 152;
	
	}

.si-sticky {
  position: fixed;
  top: 50%;
  left: 5px;
  width: 36px;
  z-index: 499;
  transform: translateY(-50%);
  /* Social Icons - Sticky Right
  -----------------------------------------------------------------*/
}
.si-sticky.si-sticky-right {
  left: auto;
  right: 8px;
}

.read-more-trigger.btn-sm {
	padding: 0.30em 0.85em 0.35em 0.40em;
	font-size: 0.75em;
	font-weight: 500;
	line-height: 1;
	color: #fff;
	text-align: center;
	border-radius: 0.25rem;
}

/* .button-reveal */
		.button.button-reveal i {
			opacity: 0;
			left: auto !important;
			right: 20px !important;
			background-color: transparent;
			transition: all .3s ease !important;
		}

		.button.text-end.button-reveal i {
			left: 20px !important;
			right: auto !important;
		}

		.button:not(.text-end).button-reveal i {
			left: auto !important;
			right: 20px !important;
		}

		.button:hover.button-reveal i {
			opacity: 1;
			right: 0 !important;
			transform: translateX(-10px);
		}

		.button.button-reveal:not(.text-end):hover span { left: -11% !important; }

		.button.button-reveal.text-end:hover span { left: 11% !important; }

.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(32,158,187,0.07);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}

@media (min-width: 992px) {

	.header-size-md.md2 .header-wrap-clone {
		height: calc( 140px + 0px );
	}
	
	.primary-menu .sub-menu-container .menu-item > .menu-link {
	color: #333;
}

.primary-menu .sub-menu-container .menu-item:hover > .menu-link {
	color: #06a696;
}
	
	}
/* ----------------------------------------------------------------
.menu-item.menu-item-btn .menu-link > div {
	background-color: rgba(255,255,255,.15);
	padding: 8px 20px;
	border-radius: 50px;
}

.menu-item.menu-item-btn .menu-link:hover > div {
	background-color: rgba(255,255,255,.8);

}
-----------------------------------------------------------------*/

.menu-item.menu-item-important .menu-link > div::after {
		content: '';
		display: inline-block;
		position: relative;
		top: -5px;
		left: 5px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #06A696;
	}

.bg-dark2 {
	background-color: #373D52;
}
.list-group-item-action {
  width: 100%;
  color: #000;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #06A696;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.entry-image.moje a img {
            width: 48px;
			height: 48px;
        }

#gotoTop {
	border-radius: 5px;
	background-color: rgba(6,166,150,0.3);
}
.tabvet {
            display: inline-block;
            margin-left: 40px;
        }

.mission-goals .feature-box {
	box-shadow: 0 0 10px rgba(99, 114, 130, 0.15);
	padding: 25px 20px;
	border-radius: 10px;
}

.bg-color-green {
	padding: 80px 0;
	background-color: rgba(32,158,187,0.07);
	border-top: 1px solid rgba(32,158,187,0.08);
	border-bottom: 1px solid rgba(32,158,187,0.1);
}

slider-innerslider-innerslider-innerslider-innerslider-innerslider-innerslider-innerslider-innerslider-innerslider-innerslider-inner.dark #page-title h1,
#page-title.dark h1 {
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.py-2-5 {
  padding-top: 0.65rem !important;
  padding-bottom: 0.7rem !important;
}

#page-title.page-title-center.dark.include-header {
	padding: 200px 0 60px 0;
}

.dark #page-title span,
#page-title.dark span {
	color: #AAA;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
}
.card-body h4.vacsie { font-size: 21px }
.feature-box-border-vertical .feature-box { position: relative; }

		.feature-box-border-vertical .feature-box:not(.noborder)::before,
		.feature-box-border-vertical.border-hover-animate .feature-box:not(.noborder)::after {
			content: "";
			position: absolute;
			top: calc(64px + 13px);
			left: 59px;
			width: 2px;
			height: calc(100% - 90px);
			background-color: #EEE;
			z-index: 0;
		}

		.feature-box-border-vertical.border-hover-animate .feature-box:not(.noborder)::after {
			background-color: #06a696;
			height: 0;
			transition: height .3s ease-in-out;
		}

		.feature-box-border-vertical .feature-box:nth-child(1):not(.noborder)::before { background-color: #06a696; }

		.feature-box-border-vertical.border-hover-animate .feature-box:hover:not(.noborder)::after { height: calc(100% - 90px); }

		.feature-box-border-vertical .fbox-icon i,
		.feature-box-border-vertical .fbox-border.fbox-light .fbox-icon i {
			line-height: 60px;
			font-size: 24px;
			z-index: 1;
			text-align: center;
		}

.promo-dark {
	background-color: #56588b
}

.promo-border {
	background-color: #eeeff7;
}

.color2 {
color: #d6d7de
	}
.bg-color2 {
background-color: #EEEEF1
	}

.h-bg-color3:hover {
background-color: #d6d7de
	}

.slider-box-wrap {
	position: relative;
	top: -80px;
	z-index: 2;
}

.slider-bottom-box {
	display: block;
	padding: 40px;
	background: #FFF;
	box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.1);
	border-radius: 3px;
}
.sipka {
width: 60px
	}
.kategoria {
border-top: solid 4px #06a696;
	}

.kategoria:hover {
box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	
	}

.headvet h2 {
	font-weight: 700;
}

.headvet::after {
	content: '';
	display: block;
	margin-top: 10px;
	width: 40px;
	border-top: 2px solid #06a696;
}

.center .headvet::after,
.text-center .headvet::after,
.headvet.center::after,
.headvet.text-center::after { margin: 20px auto 0; }

#copyrights .copyright-links.graphic a {
border-bottom: none
}

.feature-text {
	display: flex;
	align-items: center;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
	padding-bottom: 10px;
}

.fbox-text {
	font-size: 70px;
	line-height: 1;
	font-weight: 900;
	font-family: sans-serif;
}

.feature-text h3 {
	font-size: 22px;
	line-height: 1.3;
	margin-bottom: 0;
	margin-left: 15px;
	font-weight: 800;
}

.bg-color-light {
	padding: 80px 0;
	background-color: rgba(var(--themecolorrgba, 32,158,187),0.07);
	border-top: 1px solid rgba(var(--themecolorrgba, 32,158,187),.08);
	border-bottom: 1px solid rgba(var(--themecolorrgba, 32,158,187),.1);
}


.bg-black10 { background-color: rgba(0,0,0,0.3) }

.lsm1 { letter-spacing: -0.02rem !important; }

#button-dark-menu:hover {
	
	color: #fff;
	opacity: 1;
	text-shadow: none
	
	}

.button.button-dark {
	background-color: #111;
}

.h-bg-green2:hover {
	background-color: rgba(6,166,150,0.07);
}

.button.button-green2 {
	background-color: rgba(6,166,150,0.3);
	color: #333;
	text-shadow: none
}

.button.button-green2:hover {
	background-color: #111;
	color: #fff;
}

.button.button:hover {
	background-color: #373D52;
}

.button-vetgene:not(.button-border) { background-color: #373D52 !important; padding: 18px 22px;}
.button-3d.button-vetgene:hover,
.button-reveal.button-vetgener:hover,
.button-border.button-vetgene:hover,
.button-border.button-vetgene.button-fill::before { background-color: #06a696 !important; }

.button-border.button-vetgene {
	color: rgba(0,0,0,.5);
	border-color: rgba(0,0,0,.3);
	padding: 7px 21px;
	background-color: rgba(0,0,0,.03)
}

.button.button-vetgene:hover { background-color: #06a696 !important; }

.button-medgene:not(.button-border) { background-color: #06a696 !important; }
.button-3d.button-medgene:hover,
.button-reveal.button-medgener:hover,
.button-border.button-medgene:hover,
.button-border.button-medgene.button-fill::before { background-color: #06a696 !important; }

.button-border.button-medgene {
	color: #06a696;
	border-color: #06a696;
}
.button.button-medgene:hover { background-color: #373D52 !important; }

.button-grey:not(.button-border) { background-color: #6c757d !important; }
.button-3d.button-grey:hover,
.button-reveal.button-grey:hover,
.button-border.button-grey:hover,
.button-border.button-grey.button-fill::before { background-color: #6c757d !important; }

.button-border.button-grey {
	color: #6c757d;
	border-color: #6c757d;
}
.button.button-grey:hover { background-color: #111 !important; }

.fbox-icon.grey i {
	color: #6c757d;
}

.bg-medgene {
	background: -webkit-linear-gradient(180deg, #07D0BC, #06a696) !important;
	background: linear-gradient(180deg, #07D0BC, #06a696) !important;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	}
.bg-medgene:hover {
	background: -webkit-linear-gradient(180deg, #666, #111) !important;
	background: linear-gradient(180deg, #666, #111) !important;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	}
.fmail, .ftel {
	letter-spacing: 0.04rem
	}

.list-group-flush > .list-group-item:last-child {
  border-width: 0 0 1px;
}



@media (max-width: 991.98px) {
	
	#page-title.page-title-center.dark.include-header {
	padding: 40px 0 40px 0;
}
	
	.card-body h3.vacsie { font-size: 30px }
	
	.card-body h4.vacsie { font-size: 28px }

	a .tlacidlo {
		padding:14px 32px 14px 32px;
	}
	
	.svg-trigger path {
	stroke: #FFF;
}

.menu-item .sub-menu-trigger {
	color: #F7F7F7;
}


.primary-menu .sub-menu-container .menu-item > .menu-link {
	color: #E5E5E5;
	font-weight: 700;
}
	
}

.vertical-bottom {
	z-index: 3;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	min-height: 100%;
	justify-content: flex-end;
	flex-flow: column;
	text-align: right
}

.gradient-medgene,
.h-gradient-medgene:hover {
	background: -webkit-linear-gradient(120deg, #fbb91a, #e52a18) !important;
	background: linear-gradient(120deg, #fbb91a, #e52a18) !important;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.gradient-medgene-slider,
.h-gradient-medgene-slider:hover {

	background: -webkit-linear-gradient(to top, #575a84, #575a84) !important;
	background: linear-gradient(to top, #575a84, #575a84) !important;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.header-size-md .hsmall .menu-container > .menu-item > .menu-link {
		padding-top: 19px;
		padding-bottom: 19px;
	}

#header .menu-container > .menu-item:first-child > .menu-link { padding-left: 5px; }

#header .menu-container > .menu-item > .menu-link {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}



#button-dark-menu {
			padding-top: 8px;
		}

.svg-trigger {
	width: 50px;
	height: 50px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: transform 400ms;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fbox-plain.fbox-sm {
	margin-bottom: 40px;
}

.fbox-icon { top: 3px; }

.fbox-plain.fbox-sm h3 {
	text-transform: none;
	font-weight: 600;
	font-size: 1.125rem;
	letter-spacing: 0;
}

#logo { max-width: 	290px }



.dark .dropdown-menu .dropdown-item.disabled, .dropdown-menu .dropdown-item:disabled {
  color: #999;
}

.slider-title h1 { font-size: 65px; font-family: 'Dosis', sans-serif; font-weight: 500; line-height: 85px; color: #fff; }

.slider-title h2 { font-size: 85px; font-family: 'Dosis', sans-serif; font-weight: 300; line-height: 90px; color: rgba(0,0,0,0.55)}

.slider-title small { font-size: 44px; font-family: 'Dosis', sans-serif; font-weight: 400; line-height: 55px; color: rgba(0,0,0,0.55);}

.card-block-wrap .card-block { padding: 70px 70px }
.card-block-wrap { 
	background-color: #eeeff7;
}

/* 
#header.sticky-header #header-wrap { 
	background-color: #373D52;
} */

.dark .sub-menu-container {
	border-top-color: #06a696;
}

.mobile-primary-menu .menu-item .menu-link:hover i,
.mobile-primary-menu .menu-item .menu-link i,
.mobile-primary-menu .menu-item .menu-link:hover,
.mobile-primary-menu .menu-item .menu-link {
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

.mobile-primary-menu .menu-item .menu-link:hover i  { color: #06a696;}
.mobile-primary-menu .menu-item .menu-link:hover  { color: #06a696;}

.card-block.paragraph { 
	background: url('../images/paragraph.svg');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
}

.widget > h4 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 10px;
}

.footer-big-contacts {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
}

.footer-big-contacts span {
	display: block;
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
	color: #888;
	letter-spacing: 2px;
}

.dark .footer-big-contacts { color: rgba(255,255,255,0.8); }

.bgelement { background: linear-gradient(to right, rgba(255,255,255,0.1) 40%, rgba(255,255,255,0)), url('../images/bg-lab.jpg') no-repeat 30% 50% / cover; }

.accordion-title, .accordion-content { font-family: 'Poppins', sans-serif; }

.popup-banner { padding-top: 200px }

@media (max-width: 991.98px) {	
	
	#header.header-size-md #header-wrap { 
	background-color: #373D52;
}
	
	.popup-banner { padding-top: 250px }
	
	.bgelement {
		background: linear-gradient(to right, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0)), url('../images/bg-lab2.jpg') no-repeat 0% 50% / cover;
	}
	
	
	#logo { max-width: 280px; padding-top: 5px; padding-left: 5px }	
	.header-size-md #header-wrap #logo img {
	height: 80px;
}

	.slider-inner { padding-bottom: 50px }
	.slider-title small { font-size: 36px; font-family: 'Dosis', sans-serif; font-weight: 500; line-height: normal; color: rgba(0,0,0,0.55)}
	

	}
@media (max-width: 768px) {
	.slider-title h1 { font-size: 40px; font-family: 'Dosis', sans-serif; font-weight: 500; line-height: 55px; }
	.slider-title h2 { font-size: 60px; font-family: 'Dosis', sans-serif; font-weight: 300; line-height: 75px; color: rgba(0,0,0,0.7);}
	.slider-inner { padding-bottom: 50px }
	.slider-title small { font-size: 28px; font-family: 'Dosis', sans-serif; font-weight: 500; line-height: normal; color: rgba(0,0,0,0.7);}
	h1.display-5 {
		font-size: calc( 1.575rem + 3.9vw );
	}
	.card-block-wrap .card-block { padding: 40px 40px }
	
	#logo { max-width: 	270px }
	
	.portfolio-item .portfolio-image h2 { font-size: 18px }
	}


@media (max-width: 576px) {
	.slider-title h1 { font-size: 45px; line-height: 55px;}
	.slider-title h2 { font-size: 46px; font-family: 'Dosis', sans-serif; font-weight: 300; line-height: 55px; color: rgba(0,0,0,0.7);}
	.slider-inner { padding-bottom: 50px}
	.slider-title small  { font-size: 28px; font-family: 'Dosis', sans-serif; font-weight: 500; line-height: normal; color: rgba(0,0,0,0.7);}
	#logo { max-width: 	220px }
	}
@media (max-width: 480px) {
	
	.slider-title h1 { font-size: 38px; font-family: 'Dosis', sans-serif; font-weight: 500; line-height: 40px; }
	.slider-inner { padding-bottom: 50px}
	}

@media (max-width: 1200px) {
	.display-1 {
		font-size: calc( 1.725rem + 5.7vw );
	}
	.display-2 {
		font-size: calc( 1.675rem + 5.1vw );
	}
	.display-3 {
		font-size: calc( 1.575rem + 3.9vw );
	}
	.display-4 {
		font-size: calc( 1.475rem + 2.7vw );
	}
	.display-5 {
		font-size: calc( 1.375rem + 1.5vw );
	}
	.display-6 {
		font-size: calc( 1.275rem + 0.3vw );
	}

}


.dropdown-langs .dropdown-item {
	font-size: 14px;
}

.dropdown-langs img {
	margin-right: 8px;
	width: 20px;
	height: 20px;
}

.dropdown-langs .dropdown-toggle::after {
	position: relative;
	font-family: 'font-icons';
	content: "\e998";
	font-size: 10px;
	font-weight: 100;
	top: 3px;
	border: 0;
	color: #B8B8B8;
	margin-left: -4px;
}

.flip-card-front::after,
.flip-card-back::after {

	opacity: 0;

}

.flip-card-back { background-color: #fff; }

.bg-overlay-bg {
	background-color: rgba(255,255,255,0.85);
}