html {
	font-size: 12px;
}
@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}
body {
	font-family: 'Open Sans';
}
body.home {
	padding-top: 70px;
}
.navbar-default {
	background: #fff;
}
.navbar-brand img {
	max-height: 100%;
}
.cat-list {
	display: flex;
	flex-wrap: wrap;
}
.product-info-title-wrap h2 {
	margin: 0;
	font-size: 1.8rem;
}
.linkbtn, .product-info-title-wrap, .categoryName h1, .related-products-title h3 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  display: flex;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  line-height: 30px;
  font-size: 1rem;
  text-transform: uppercase;
  width: 100%;
  align-content: center;
  margin-bottom: 20px;
  text-decoration: none;
}
.linkbtn svg {
	height: 4rem;
	width:auto;
}
.product-info-title-wrap svg {
	height: 6rem;
        width: auto;
}
.ingTextContainer svg {
	height: 4rem;
}
.categoryName h1:hover .background {
	background: #fff;
}
.categoryName .img {
	padding: .7rem;
	background: #fff;
}
.categoryName svg {
	height: 2.5rem;
}
.img,
.txt {
  display: flex;
  align-items: center;
  position: relative;
  line-height: 50px;
  padding: 0 2rem;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.left {
  float: left;
  border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  -webkit-border-radius: 6px 0 0 6px;
  flex-grow: 1;
  color: #fff;
  transition: all .2s;
  border: 2px solid;
  border-right: none;
}
.right {
  float: right;
  border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  -webkit-border-radius: 0 6px 6px 0;
  padding: 5px;
  color: #fff;
  transition: all .2s;
  border: 2px solid;
  border-left: none;
  text-transform: none;
}
.ingTextContainer .left {
  border-radius: 0 6px 6px 0;
	border-right: 2px solid;
	border-left: none;
}
.ingTextContainer .right {
  border-radius: 6px 0 0 6px;
	border-left: 2px solid;
	border-right: none;
}
.product-info-title-wrap .right {
	padding: 10px;
}
.linkbtn:hover .right {
  padding-right: 10px;
}
.product-info-title-wrap:hover .right {
  padding-right: 20px;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.home #slider {
	margin-bottom: 50px;
}
.img-wrap {
	display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid;
    border-radius: 6px 6px 0px 0;
	border-bottom: 0;
	height: 15rem;
}
#datafetch h2 {
	margin-bottom: 2rem;
}
#datafetch h2 a {
	color: #fff;
	border-radius: 6px;
	text-transform: uppercase;
    font-size: 1rem;
    padding: 1rem;
}
.category-dermatologia .background,
#datafetch .category-dermatologia .background,
.category-dermatologia > a .background,
.category-dermatologia .product-description li:before {
	background: #D88365;
}
.category-dermatologia .border, .category-dermatologia > a .border {
	border-color: #D88365 !important;
}
.category-dermatologia .color,
.category-dermatologia .linkbtn:hover .background,
.category-dermatologia .ingListContainer li,
.category-dermatologia .textContainer a:hover h2,
.category-dermatologia .textContainer a:hover h2 span,
.category-dermatologia .categoryName h1:hover .txt {
	color: #D88365;
}
.category-dermatologia .ingFill2,
.category-dermatologia .categoryName svg {
	fill: #D88365;
}
.category-ortopedia .background,
#datafetch .category-ortopedia .background,
.category-ortopedia > a .background,
.category-ortopedia .product-description li:before {
	background: #38C6F4;
}
.category-ortopedia .border, .category-ortopedia > a .border {
	border-color: #38C6F4 !important;
}
.category-ortopedia .color,
.category-ortopedia .linkbtn:hover span.left,
.category-ortopedia .ingListContainer li,
.category-ortopedia .textContainer a:hover h2,
.category-ortopedia .textContainer a:hover h2 span,
.category-ortopedia .categoryName h1:hover .txt {
	color: #38C6F4;
}
.category-ortopedia .ingFill2,
.category-ortopedia .categoryName svg {
	fill: #38C6F4;
}
.category-witaminy .background,
#datafetch .category-witaminy .background,
.category-witaminy > a .background,
.category-witaminy .product-description li:before {
	background: #93C83E;
}
.category-witaminy .border, .category-witaminy > a .border {
	border-color: #93C83E !important;
}
.category-witaminy .color,
.category-witaminy .linkbtn:hover .background,
.category-witaminy .ingListContainer li,
.category-witaminy .textContainer a:hover h2,
.category-witaminy .textContainer a:hover h2 span,
.category-witaminy .categoryName h1:hover .txt {
	color: #93C83E;
}
.category-witaminy .ingFill2,
.category-witaminy .categoryName svg {
	fill: #93C83E;
}
.category-uklad-krwionosny .background,
#datafetch .category-uklad-krwionosny .background,
.category-uklad-krwionosny > a .background,
.category-uklad-krwionosny .product-description li:before {
	background: #F04F4E;
}
.category-uklad-krwionosny .border, .category-uklad-krwionosny > a .border {
	border-color: #F04F4E !important;
}
.category-uklad-krwionosny .color,
.category-uklad-krwionosny .linkbtn:hover .background,
.category-uklad-krwionosny .ingListContainer li,
.category-uklad-krwionosny .textContainer a:hover h2,
.category-uklad-krwionosny .textContainer a:hover h2 span,
.category-uklad-krwionosny .categoryName h1:hover .txt {
	color: #F04F4E;
}
.category-uklad-krwionosny .ingFill2,
.category-uklad-krwionosny .categoryName svg {
	fill: #F04F4E;
}
.category-laryngologia .background,
#datafetch .category-laryngologia .background,
.category-laryngologia > a .background,
.category-laryngologia .product-description li:before {
	background: #224e3e;
}
.category-laryngologia .border, .category-laryngologia > a .border {
	border-color: #224e3e !important;
}
.category-laryngologia .color,
.category-laryngologia .linkbtn:hover .background,
.category-laryngologia .ingListContainer li,
.category-laryngologia .textContainer a:hover h2,
.category-laryngologia .textContainer a:hover h2 span,
.category-laryngologia .categoryName h1:hover .txt {
	color: #224e3e;
}
.category-laryngologia .ingFill2,
.category-laryngologia .categoryName svg {
	fill: #224e3e;
}
.category-odpornosc .background,
#datafetch .category-odpornosc .background,
.category-odpornosc > a .background,
.category-odpornosc .product-description li:before {
	background: #A270B0;
}
.category-odpornosc .border, .category-odpornosc > a .border {
	border-color: #A270B0 !important;
}
.category-odpornosc .color,
.category-odpornosc .linkbtn:hover .background,
.category-odpornosc .ingListContainer li,
.category-odpornosc .textContainer a:hover h2,
.category-odpornosc .textContainer a:hover h2 span,
.category-odpornosc .categoryName h1:hover .txt {
	color: #A270B0;
}
.category-odpornosc .ingFill2,
.category-odpornosc .categoryName svg {
	fill: #A270B0;
}
.category-liposomy .background,
#datafetch .category-liposomy .background,
.category-liposomy > a .background,
.category-liposomy .product-description li:before {
	background: #F99B1C;
}
.category-liposomy .border, .category-liposomy > a .border {
	border-color: #F99B1C !important;
}
.category-liposomy .color,
.category-liposomy .linkbtn:hover .background,
.category-liposomy .ingListContainer li,
.category-liposomy .textContainer a:hover h2,
.category-liposomy .textContainer a:hover h2 span,
.category-liposomy .categoryName h1:hover .txt {
	color: #F99B1C;
}
.category-liposomy .ingFill2,
.category-liposomy .categoryName svg {
	fill: #F99B1C;
}
.category-sen .background,
#datafetch .category-sen .background,
.category-sen > a .background,
.category-sen .product-description li:before {
	background: #171C8F;
}
.category-sen .border, .category-sen > a .border {
	border-color: #171C8F !important;
}
.category-sen .color,
.category-sen .linkbtn:hover .background,
.category-sen .ingListContainer li,
.category-sen .textContainer a:hover h2,
.category-sen .textContainer a:hover h2 span,
.category-sen .categoryName h1:hover .txt {
	color: #171C8F;
}
.category-sen .ingFill2,
.category-sen .categoryName svg {
	fill: #171C8F;
}
.category-uklad-moczowo-plciowy .background,
#datafetch .category-uklad-moczowo-plciowy .background,
.category-uklad-moczowo-plciowy > a .background,
.category-uklad-moczowo-plciowy .product-description li:before {
	background: #E9B052;
}
.category-uklad-moczowo-plciowy .border, .category-uklad-moczowo-plciowy > a .border {
	border-color: #E9B052 !important;
}
.category-uklad-moczowo-plciowy .color,
.category-uklad-moczowo-plciowy .linkbtn:hover .background,
.category-uklad-moczowo-plciowy .ingListContainer li,
.category-uklad-moczowo-plciowy .textContainer a:hover h2,
.category-uklad-moczowo-plciowy .textContainer a:hover h2 span,
.category-uklad-moczowo-plciowy .categoryName h1:hover .txt {
	color: #E9B052;
}
.category-uklad-moczowo-plciowy .ingFill2,
.category-uklad-moczowo-plciowy .categoryName svg {
	fill: #E9B052;
}
.cat-list .linkbtn:hover span.left {
	background: #fff;
}


#slider {
	width: 100%;
	min-height: 450px;
	position: relative;
	overflow-x: hidden;
}
#slider .slide, #slider .sliderpreloader, #slider .slider-overlay, #slider .categoryName {
	width: 100%;
	min-height: 450px;
	position: absolute;
}
#slider .slider-overlay {
	background: transparent;
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%);
}
#slider .sliderpreloader {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
#slider .sliderpreloader svg {
	width: 100px;
	height: 100px;
	margin: 20px;
	display: inline-block;
}
#slider .slide {
	display: none;
	color: #fff;
}

.product-info-wrap {
}
.product-info {
}
.product-info-img-wrap {
	text-align: center;
}
.product-info-img {
	max-width: 100%;
}


.headline {
	position: relative;
	height: 100vh;
	color: #fff;
	text-align: left;
	background-size: cover;
	background-position: top center;
}
.headline:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 17, 17, 0.5);
}

.inner {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  z-index: 10;
  transform: translateX(-50%) translateY(-50%);
  -webkit-animation: fade-in 0.75s 0.25s ease-in forwards;
          animation: fade-in 0.75s 0.25s ease-in forwards;
}
.inner h1 {
  margin: 0;
  font-size: 3em;
  line-height: 1.2em;
  text-transform: uppercase;
}
.inner p {
  margin: 0;
  font-size: 1.4em;
}
.inner p strong {
	display: block;
	margin: 20px 0;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
header {
	margin-bottom: 50px;
}
.productWrap {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: flex-start;
	margin-bottom: 5rem;
}
.imgContainer {
}
.imgContainer img {
	max-width: 100%;
}
.textContainer h2, .titleContainer p {
	margin: 0;
	padding: 1.25rem 2.5rem 1.25rem 2.5rem;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.5rem;
}
.textContainer {
	position: relative;
}
.textContainer header {
	display: flex;
}
.titleContainer {
	align-content: center;
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
	position: relative;
	border-radius: 0 0 6px 6px;
	border: 2px solid transparent;
	border-top: 0;
	transition: all .2s;
}
.product-quantity {
	position: absolute;
    bottom: -2.5rem;
    right: 0;
    background: #3C4752;
    color: #fff;
    padding: 0.625rem;
	font-size: 1rem;
	line-height: 1.25rem;
}
.tagContainer {
}
.textContainer img {
	margin-left: 1.875rem;
	height: 7.5625rem;
}
.textContainer h2 span, .product-info-title-wrap h2 span {
	display: block;
	color: #fff;
	text-transform: lowercase;
	font-size: .9rem;
	padding: 0.3125rem 0px 0.3125px 0.125px;
}
.product-info-title-wrap h2 span.product-info-quantity {
	border-radius: 6px;
	margin-top: 5px;
	padding: 5px;
	color: #3C4752;
	background: #fff;
	position: absolute;
    bottom: -20px;
    border: 2px solid;
    right: 20px;
}
.product-description {
  border: 2px solid transparent;
  border-radius: 6px;
  padding: 2.5rem;
}
.product-description ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  padding-top: 1rem;
}
.product-description li {
  padding-left: 1.3rem;
  position: relative;
  margin: .625rem 0;
  font-size: 1rem;
}

.product-description li:before {
content: "";
  position: absolute;
  left: 0;
  top: .5rem;
  width: .375rem;
  height: .375rem;
}
.ingredientsContainer, .product-description {
	margin-top: 1.875rem;
}
.ingFill1 {
	fill:#3c4752;
}
.ingredientsImg {
	margin-right: 1.875rem;
	padding-top: 5rem;
}
.ingredientsImg svg {
	height: 3.125rem;
}
.ingListContainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ingTextContainer {
	display: flex;
}
.ingTextContainer header {
	margin: 0;
}
.ingTextContainer p {
	margin: 0;
    padding: 1.25rem 0;
    color: #fff;
    font-size: 1.875rem;
	width: 100%;
    position: relative;
}
.ingTextContainer p span {
	margin: 0;
    font-size: 1.25rem;
    position: absolute;
	right: 0;
}
.ingListContainer ul {
	margin-bottom: 1.25rem;
	margin-left: 7rem;
	margin-right: 2rem;
}
.ingListContainer li {
	color: #fff;
	position: relative;
	padding-right: 3.125rem;
	padding-bottom: .7rem;
	padding-top: .7rem;
	border-bottom: 1px solid;
}
.ingListContainer li strong {
	position: absolute;
	right: 0rem;
	font-weight: 400;
}
.ingListContainer li:hover, .ingListContainer li:hover strong {
	font-weight: 700;
}


.img-wrap img {
	margin: 0;
	height: 10rem;
	transition: all .3s;	
}
.textContainer a:hover .img-wrap img {
	height: 11rem;
}

footer {
	margin: 50px 0;
}
.textContainer a:hover .titleContainer {
	background: #fff;
}
.red-spacer {
	height: 1rem;
	background: #BF311A;
}
.valentis-logo {
	margin: 50px 0;
	text-align: center;
}
.valentis-logo svg {
	width: 200px;
}
.footer-info {
	text-align: center;
}
.contact-info {
	margin: 50px 0;
}
.icons {
	line-height: 1rem;
	position: relative;
}
.icons svg {
	width: 1rem;
	position: relative;
	top: .2rem;
	margin-right: .5rem;
}
.categoryName {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
}
.categoryName h1 {
	justify-content: center;
	color: #fff;
	width: auto;
	margin: 0;
	position: relative;
	z-index: 2;
	cursor: pointer;
	
}
.search-button, .search-form-close {
	height: 20px;
    position: absolute;
    right: 70px;
    top: 15px;
	width: 20px;
	cursor: pointer;
}
.search-form {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
	display: none;
	padding-top: 50px;
    text-align: center;
	overflow-y: auto;
}
.search-form input {
	border: 2px solid #BF311A;
	padding: 20px;
	border-radius: 6px;
	width: 350px;
}
.product-description-asterisk {
    text-align: right;
    margin: .5rem 0;
    font-size: .8rem;
}
.product-description-asterisk ul {
	list-style: none;
}
.product-dosage {
	text-align: center;
	margin-top: 2.5rem;
}
.related-products-title h3 {
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: #fff;
}
.titleContainer p {
	font-size: 1rem;
}
.related-product-wrap .img-wrap {
	height: 10rem;
}
.related-product-wrap .img-wrap img {
	height: 6rem;
}
.related-product-wrap:hover .img-wrap img {
	height: 7rem;
}
.related-products-title h3.noradius {
	border-radius: 0;
	border-bottom: 1px solid transparent;
}
.product-ingredients-asterisk ul {
	list-style: none;
}
.product-ingredients-asterisk ul li {
	text-align: right;
	padding-right: 2rem;
	font-size: .8rem;
}
.categoryName .categoryInfo {
	display: none;
	flex: 0 0 100%;
	margin-top: -20px;
}
.categoryName .categoryInfoTxt {
	background: #fff;
	border: 2px solid transparent;
	border-radius: 6px;
	padding: 1rem;
}
.categoryName .categoryInfoTxt strong {
	display: block;
	margin: 1rem 0;
}
.WebT {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0 100px 0;
}
.WebTlogo, .WebTtext {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
img.WebTlogo {
	height: 44px;
}
img.WebTtext {
	height: 35px;
}
.WebTtext {
	padding-top: 10px;
	-webkit-transform: translateX(-75px);
	-moz-transform: translateX(-75px);
	transform: translateX(-75px);
	opacity: 0;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.WebT:hover .WebTtext {
	opacity: 1;
}

@media (max-width: 767px) {
	#slider, #slider .slide, #slider .sliderpreloader, #slider .slider-overlay, #slider .categoryName {
		min-height: 50vh;
	}
}