@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto Slab', serif, Arial;
	color: #545454;
	background: #f0f0f0;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

a, a:link, a:hover, a:active, a:visited, a:focus {
	text-decoration: none;
}

ul, li {
	padding: 0;
	margin: 0;
}

.blog-links ul{
	list-style: none;
	margin: 0 !important;
	padding: 0;
}

.blog-links ul li a{
	cursor: pointer;
	font-size: 1.2rem;
}

.blog-links ul li a:hover, .blog-links ul li a:focus, .blog-links ul li a:active, .blog-links ul li a:visited{
	color: #009ac4 !important;
}

.home-slider-wrapper {
	max-width: 1140px;
	margin: 25px auto 0;
	height: 450px;
	overflow: hidden;
	position: relative;
}

.prevBtn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 30px;
	z-index: 3;
	font-size: 40px;
	cursor: pointer;
}

.nextBtn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 30px;
	z-index: 3;
	font-size: 40px;
	cursor: pointer;
}

.prevBtn a, .nextBtn a {
	color: #fff;
}

.home-slider-wrapper .bx-wrapper {
	border: 0;
    background: none;
}

.home-slider-wrapper .bx-wrapper .bx-pager {
	bottom: 20px;
}

.home-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a {
	border-radius: 0;
	width: 15px;
	height: 15px;
	background: #fff!important;
	border: 1px solid #fff;
}

.home-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link.active {
	background: #60c1ca!important;
}

.home-slide {
	height: 450px;
	background-repeat: no-repeat!important;
	background-position: top center!important;
	background-size: cover!important;
	position: relative;
}

.home-slide a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.home-slide a.no-link {
	pointer-events: none;
	cursor: auto;
}

a .slide-text {
	max-width: 500px;
	margin-left: 100px;
	color: #fff;
}

a .slide-text h2 {
	font-weight: 700;
	margin: 0 0 10px;
}

.slide-btn {
	display: inline-block;
	border: 1px solid #fff;
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
}

.style-text {
	color: #545454;
}

.style-image {
	position: relative;
}

.style-text p {
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 25px;
}

.style-text p big {
	font-size: inherit;
	/* Resets to the size of the parent element, or you can set a specific size */
	line-height: inherit;
	/* Adjust if you have specific needs */
	margin-bottom: 0;
	/* Typically, you don't want additional bottom margin inside <p> */
}

.style-text h1 {
	font-size: 80px;
	font-weight: 700;
	color: #009ac4;
}

.style-text h2 {
	font-size: 33px;
	margin: 40px 0 10px 0;
	color: #009ac4;
}

.style-text h3 {
	font-size: 23px;
	margin: 40px 0 10px 0;
	color: #009ac4;
}

.style-text h4 {
	font-size: 23px;
	margin: 40px 0 10px 0;
}

.style-text ul {
	margin-left: 40px;
	margin-bottom: 25px;
}

.style-text a {
	color: #009ac4;
}

.style-text a.cta, .product-desc a.cta, .brand-cta, a.brand-cta  {
	color: #fff !important;
	background: rgb(34,148,188);
	background: -moz-linear-gradient(90deg, rgba(34,148,188,1) 0%, rgba(72,188,198,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(34,148,188,1) 0%, rgba(72,188,198,1) 100%);
	background: linear-gradient(90deg, rgba(34,148,188,1) 0%, rgba(72,188,198,1) 100%);
	font-size: 18px;
    font-weight: 700;
    padding: 15px 18px;
    text-transform: uppercase;
    border-radius: 8px;
    display: inline-block;
}

.brand-cta-container {
	text-align: center;
}

.style-text a.cta:hover, .product-desc a.cta:hover, a.brand-cta:hover {
	opacity: 0.8;
}

.back-link {
	margin-top: 30px;
}
.back-link a {
	color: #cbcbcb;
	font-size: 15px;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	color: #545454;
	background-color: transparent;
	border-color: transparent;
}
.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none;
}

.discount-info{
	/*position: fixed;
	top: 0;*/
	width: 100%;
	background: #32a2c5;
	font-size: 15px;
    padding: 3px;
    font-weight: 900;
	z-index: 500;
	color: white;
}

/* ########### MENU  #########*/

.navigation {
	padding: 20px 0 30px 0;
	border-bottom: 1px solid #e6e6e6;
	background: #fff;
}

.top-show-links {
	display: inline-block;
}

.top-show-links a {
	margin-left: 25px;
}

.top-nav a {
	color: #545454;
}

.language-span {
	font-size: 13px;
	color: #545454;
}

.main-nav {
	position: relative;
}

.main-nav nav {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 18px;
}

.main-nav nav ul li a {
	font-size: 19px;
	color: #545454;
}

.main-nav nav ul li {
	position: relative;
}

.main-nav nav ul li:not(:last-child):after {
	content: "";
	width: 1px;
	height: 25px;
	position: absolute;
	top: 3px;
	right: 0;
	background: #d7d7d7;
}

.main-nav nav ul li a {
	margin: 0 15px;
}

.main-nav nav ul li:last-child a {
	margin: 0 0 0 15px;
}

.top-nav .dropdown .btn {
	background: transparent;
	border: none;
	color: #545454;
	text-transform: uppercase;
	padding-right: 0;
}

.dropdown-menu {
	text-transform: uppercase;
}

.dropdown-langs {
	min-width: 80px;
}

.dropdown-item.active, .dropdown-item:active {
	color: #545454;
	background-color: transparent;
}
.mobile-nav {
    position: relative;
	padding: 13px 0;
	background: #fff;
    border-bottom: 1px solid #eee;
}
.mobile-nav img {
    width: 140px;
}
.mobile-nav i {
	background: -webkit-gradient(linear, left top, left bottom, from(#6bc1c9), to(#3988bb));
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
}
.mobile-nav-right a {
	font-size: 24px;
	margin-top: -2px;
}
.mobile-nav-right a {
    padding-left: 10px;
}
.mobile-cart-link {
	position: relative;
}
.mobile-menu-list li a {
    font-size: 18px;
}
.dd .nav-link {
	text-transform: uppercase;
	background: #fff;
	border: 0;
	font-size: 17px;
	padding: 15px;
	color: #545454;
}
.dd .nav-link:focus {
	outline: 0;
}
.dd .dropdown-menu a {
	padding-left: 10px;
	font-size: 15px;
}
#sidr-right {
	font-family: 'Roboto Slab', serif;
	background: #fff;
	box-shadow: none;
	border-left: 1px solid #d7d7d7;
}
#sidr-right ul {
    display: block;
    margin: 0;
    padding: 0;
    border-top: none;
    border-bottom: 1px solid #d7d7d7;
}
#sidr-right ul li {
    border-top: 1px solid #d7d7d7;
    border-bottom: none;
}
#sidr-right ul li a {
    color: #545454;
}
#sidr-right .dropdown-menu {
	min-width: 90px;
}
.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span {
    box-shadow: none;
}
/* ########### END MENU  #########*/

/* ########### PAGE #########*/
.page{
	padding: 90px 0 0 0;
}
.page h1 {
	font-size: 100px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
}
.page-intro {
	max-width: 800px;
	margin: 0 auto;
	font-size: 20px;
	text-align: center;
}

/* ########### END PAGE #########*/

/* ########### HOMEPAGE #########*/
#video { 
	pointer-events: none;
	cursor: default; 
	width: 100%;
    height: 100%;
}
.home-video {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.home-video iframe {
	position: absolute;
	bottom: -35px;
}
.video-over {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	text-align: center;
}
.video-over h1 {
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom: 170px;
} 
.mobile-video {
	position: relative;
	height: calc(100vh - 51px);
	background: url("../images/youtube-pic.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.mobile-video .fa-youtube {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 75px;
}

.embed-responsive {
    height: 100%;
}
.home_intro {
	padding: 50px 0 25px 0;
}
.home_intro p {
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
	color: #009ac4;
	text-align: center;
	font-size: 30px;
	margin: 0 auto;
    max-width: 700px;
}
.scroll-btn,
.scroll-btn:hover {
	font-size: 60px;
	color: #fff;
}
.homepage .search-blog .input-group {
	width: 100%;
}

.home-big-banner,
.home-small-banner {
	padding: 25px 0;
}
.home-big-banner img,
.home-small-banner img {
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.25);
}
.homepage .products-list.bottom-section {
	padding-top: 70px; 
}
.homepage .articles-list {
	margin: 0;
}
.homepage .article-big-row:not(:last-child) {
    margin-bottom: 0;
}
.homepage .article-big-row,
.homepage .article-sm-row{
	padding: 25px 0;
}
.products-list .bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: transparent;
}
.search-blog-holder {
	position: relative;
    height: 242px;
    background: #009ac4;
    border: 15px solid #fff;
    padding: 0 30px;
    margin-top: 1px;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.25);
}
.search-blog-holder span {
	display: block;
    color: #fff;
    font-size: 44px;
    margin-top: 30px;
    text-transform: uppercase;
}
.slider p,
.brand-page .slider p {
	max-width: 230px;
	margin: 5px auto 0 auto;
	font-size: 14px;
    line-height: 24px;

}
.slider img {
	margin: 0 auto;
}
.slider-img-box {
	min-height: 160px;
}
.bx-wrapper .bx-controls-direction a {
    top: 25%;
}

/* ########### END HOMEPAGE #########*/

/* ########### MAGAZIN #########*/
.filters-hold  {
	margin-top: 50px;
	text-align: center;
}
.filters-hold a {
    font-size: 20px;
    background: #009ac4;
    color: #fff;
    padding: 10px;
    transition: 0.3s;
    display: inline-block;
    margin-bottom: 19px;
}
.filters-hold a:hover, .filters-hold a.active {
	background: #d7d7d7;
	color: #fff;
}
.filters-hold a.active i {
	margin-left: 5px;
}
.filters-hold a:not(:last-child) {
	margin-right: 5px;
}
.articles-list {
	margin-top: 50px;
}
.article-col p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.article-col h2 {
	font-size: 16px;
	font-weight: 700;
	color: #545454;
	margin-top: 15px;
	padding: 0 15px;
}
.article-bg-col img {
	border: 30px solid #fff
}
.article-sm-col img {
	border: 15px solid #fff
}
.article-holder {
	position: relative;
}
.article-bg-col h2 {
	position: absolute;
	bottom: 45px;
	font-size: 36px;
	color: #fff;
	padding: 0 70px 0 50px;
}

.article-sm-col h2.article-h2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	padding: 0 15px;
}
.shadow_bg {
	max-width: 1600px;
    margin: -90px auto 0 auto;
}
.article-img {
	position: relative;
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.25);
}

.article-shortdesc{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,154,196,0.8);
	opacity: 0;
	z-index: 100;
}

.article-sm-col .article-shortdesc{
	border: 15px solid #fff;
}

.article-sm-col .article-img {
	box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.25);
}

.article-bg-col .article-shortdesc{
	border: 30px solid #fff;
}

.article-img:hover .article-shortdesc {
	opacity: 1;
}

.article-bg-col a:hover h2 {
	display: none;
}

.article-shortdesc span{
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	font-size: 14px;
	padding: 15px;
	z-index: 100;
	max-height: 208px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical;
}

.article-hover-text {
	position: absolute;
	left: 0;
	bottom: 0;
}

.article-bg-col .article-hover-text span {
	position: unset;
}

.article-bg-col .article-shortdesc .article-hover-heading {
	font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}

.big-article .article-shortdesc span {
	max-height: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 16;
	-webkit-box-orient: vertical;
}

.article-sm-col .article-shortdesc span {
	font-size: 14px;
}

.article-bg-col .article-shortdesc span {
	font-size: 20px;
}

.article-sm-col .article-holder {
	max-width: 240px;
}

.problematika-list .article-sm-col .article-holder {
	max-width: 100%;
}

.article-bg-col .article-holder {
	max-width: 530px;
}
.blog-bg-over {
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border: 30px solid #fff;
    background: rgba(0,154,196,0.1);
}
.row.article-small-row .article-sm-col:nth-child(-n+2), .row.article-small-row .article-sm-col:nth-child(-n+3) {
	margin-bottom: 25px;
}

.row.article-def-row .article-sm-col {
	margin-bottom: 25px;
}

.article-big-row:not(:last-child) {
	margin-bottom: 50px;
}
.search-blog {
	margin-top: 8px;
}
.search-blog .input-group {
	width: 50%;
    margin: 0 auto;
}
.search-blog button.btn {
    background-color: #009ac4;
	border-color: #009ac4;
	color: #fff;
    padding: 0 20px;
	font-size: 23px;
}
.search-blog #article-input {
    margin-right: 10px;
	padding: 30px 10px;
}
.homepage .search-blog button.btn {
    background-color: #fff;
	border-color: #fff;
	color: #009ac4;
    padding: 0 20px;
	font-size: 23px;
	border: 0;
	border-radius: 0;
}
.homepage .search-blog #article-input {
    margin-right: -1px;
	padding: 30px 10px;
	border: 0;
	border-radius: 0;
}
.form-control:focus {
    border-color: none;
    outline: none;
    box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #009ac4;
	border-color: #009ac4;
	outline: none;
}

.search-blog-holder .btn-primary:not(:disabled):not(.disabled).active, .search-blog-holder .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #009ac4;
    background-color: #fff;
	border-color: #fff;
	outline: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.btn-lang:not(:disabled):not(.disabled).active, .btn-lang:not(:disabled):not(.disabled):active, .show>.btn-lang.dropdown-toggle {
    color: #545454;
    background-color: #fff;
    border-color: #fff;
    outline: none;
}


/* ########### END MAGAZIN  #########*/

/* ########### Article details  #########*/
.wider-container {
	max-width: 1340px;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.article-content {
	position: relative;
	padding: 30px 0 50px 0;
}
.article-intro {
	margin-top: 50px;
}
.intro-wrapper {
	position: relative;
	height: 100%;
}
.article-intro p {
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
	color: #545454;
	font-size: 40px;
	line-height: 45px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.article-intro .style-image {
	margin-left: -150px;
}
.infografika-intro {
    margin-bottom: 50px;
}
.infografika-intro p {
	position: unset;
	top: unset;
	transform: none;
	margin-bottom: 40px;
}
.infografika-article {
	margin-bottom: 30px;
}
.infografika-media {
	margin-top: 30px;
}
.image-text {
	position: absolute;
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
	color: #545454;
	max-width: 640px;
	color: #545454;
	font-size: 32px;
    line-height: 42px;
	background: #f0f0f0;
}
.article-image {
	border: 30px solid #fff;
}
.article-image:after {
	content: "";
	height: 20px;
	background: red;
}
.article-img-left .image-text {
	bottom: -50px;
	right: 0;
	padding: 50px 0 50px 50px;
}
.article-img-right .image-text {
	bottom: -50px;
	left: 0;
	padding: 50px 50px 50px 0;
}
.article-img-right img {
	margin-left: 550px;
    width: 60%;
}
.article-img-left img {
	margin-left: -100px;
    width: 60%;
}
.article-img-middle .image-text {
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	padding: 50px;
	text-align: center;
	width: 700px;
}
.article-longdesc {
	margin-bottom: 40px;
}
.image-text p {
	margin: 0;
}

.article-img-left .article-shadow, .article-img-right .article-shadow {
	margin-top: -10px;
}

/* #######  END ARTICLE DETAILS ########## */
.product-section {
	position: relative;
    z-index: 1000;
    max-width: 1600px;
    margin: 0 auto;
    text-align: center;
}
.brand-header {
	max-width: 1800px;
	height: 700px;
	margin: 0 auto;
	background-repeat: no-repeat!important;
	background-position: center!important;
	background-size: cover!important;
}
.wrapper {
	position: relative;
	width: 100%;
}
.text-860 {
	max-width: 860px;
	margin: 0 auto;
}
.product-section p {
	font-size: 18px;
}
.product-text-center h2 {
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
	font-size: 72px;
	line-height: 77px;
	margin-bottom: 20px;
}
.product-text-center.text-40 h2 {
	margin-bottom: 40px;
}
.product-text-center.text-40 h3:not(:last-child),
.product-text-center.text-40 p:not(:last-child){
	margin-bottom: 40px;
}
.brand-intro {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}
.brand-intro-sm {
	font-size: 26px;
	line-height: 30px;
}
.bold-700 {
	font-weight: 700;
}
.list-20 {
	margin-left: 20px;
}
.list-50 {
	margin-left: 50px;
}
.bg-section  {
	position: relative;
}
.bg-section .wrapper {
	min-height: 830px;
}
.bg-image {
	background-color: #3084ba!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: center!important;
}
.bg-text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: left;
	color: #fff;
}
.bg-text.go-right {
	right: 0;
}
.bg-text-width {
	max-width: 570px;
}
.bg-text h2 {
	font-size: 45px;
	line-height: 50px;
	margin-bottom: 30px;
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
}
.bg-text h3 {
	font-size: 26px;
	margin-bottom: 30px;
	font-weight: 500;
}
.bg-text p {
	font-family: 'Roboto';
}
.bg-text ul, .bg-text ol {
	margin-left: 20px;
}
.bg-text br {
	display: none;
}
.bg-text .bg-text-nexa {
	margin-top: 50px;
}

.bg-text .bg-text-nexa {
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
	font-size: 36px;
	line-height: 46px;
	width: 100%;
}
.bg-text.text-xy-center{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
	width: 100%;
}
.bottom-section h2, .linked-blog h3 {
	font-family: 'Roboto Slab', serif;
	position: relative;
	font-size: 60px;
	z-index: 1;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 50px;
}

.bottom-section h2:before, .linked-blog h3:before {
	border-top: 2px solid #fff;
	content:"";
	margin: 0 auto;
	position: absolute; 
	top: 50%; left: 0; right: 0; bottom: 0;
	width: 100%;
	z-index: -1;
}
.bottom-section h2 span, .linked-blog h3 span {
	background: #f0f0f0;
	padding: 0 29px;
}
.savjetovaliste.bottom-section {
    padding: 100px 0 0 0;
}
.linked-blog {
	padding: 100px 0;
}
.savjetovaliste.bottom-section h3 {
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
	font-size: 50px;
	margin-bottom: 30px;
}
.savjetovaliste.bottom-section p {
	font-family: 'Roboto';
	font-size: 18px;
	line-height: 22px;
	margin-top: 15px;
}
.savjetovaliste.bottom-section .pitanje-naslov {
	font-family: 'Roboto Slab', serif;
	margin-bottom: 0;
	font-weight: 700;
}

.pitanje-box p{
	display: inline;
}


.pitanja-odgovori .pitanje-box:not(:last-child) {
	margin-bottom: 30px;
}
.btn-blue {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	background: #32a2c5;
	font-weight: 700;
	padding: 8px 14px;
	text-transform: uppercase;
	border-radius: 8px;
	margin: 30px 0 0 30px;
	transition: 0.4s;
}
.btn-blue.btn-blue-sm {
	font-size: 14px;
    margin: 0;
    padding: 8px 20px;
}
button.btn-blue {
	border: none;
}
.btn-blue:hover {
	color: #fff;
	background: #0a85aa;
}
.savjetovaliste img {
	float: left;
	margin-right: 30px;
}
.socials {
	margin-top: 30px;
}
.socials ul {
	list-style: none;
}
.socials a {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #32a2c5;
	text-transform: uppercase;
}
.socials a:not(last-of-type) {
	margin-bottom: 15px;
}
.socials a i {
	font-size: 26px;
	vertical-align: middle;
}
.related-article h3 {
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
	font-size: 55px;
	text-transform: unset;
	text-align: center;
	color: #545454;
}
.related-article h3:before {
    border-top: 2px solid #545454;
}
.illustration-img img {
	display: block;
	margin: 0 auto;
}
.basic-intro-brands {
	padding: 60px 0;
}

/*---------- PROSPAN ----------- */
.prospan {
	color: #3e3d40;
}
.brand-page p {
	font-family: 'Roboto';
	font-size: 20px;
	line-height: 30px;
	margin: 0;
}
.brand-page ul li {
	font-family: 'Roboto';
	font-size: 20px;
}
.brand-intro-text {
	padding: 0 0 100px 0;
}
.prospan-intro {
	padding: 0 0 100px 0;
}
.prospan-intro .product-text-center, .brand-intro-text .product-text-center {
	max-width: 750px;
	margin: 0 auto;
}
.prospan-intro h2 {
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
	font-size: 72px;
	line-height: 82px;
	margin-bottom: 30px;
}

.prospan-intro h3 {
	margin-bottom: 10px;
}

.prospan-intro .wrapper img {
	margin-bottom: 20px;
}
 
/*.prospan-label {
	position: absolute;
	right: 165px;
	top: -145px;
	max-width: 470px;
	background: url("../images/papiric.png");
	background-repeat: no-repeat;
	background-size: cover;
}*/
.paper-wrap {
	background: url("/assets/images/paper-bg.png");
	width: 410px;
	height: 300px;
	background-size: 404px 250px;
	background-repeat: no-repeat;
}

.product-group .paper-wrap {
	position: relative;
	margin: -110px auto 0;
	right: auto;
}

.paper-wrap h2, .paper-wrap-mob h2 {
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
	color: #1c2479;
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 20px;
	padding: 0 70px;
}
.paper-wrap .product-list, .paper-wrap-mob  .product-list{
	padding: 40px 0;
	margin-left: -16px;
}
.product-list-mobile {
	position: absolute; top:50%; 
	transform: translate(-50%,-50%);
	background-image: url('/assets/images/paper-bg2.png '); 
	background-repeat:no-repeat; 
	background-size: 100% 100%; 
	display: inline; 
	margin:0 auto
}
.product-list-mobile h3 {
	line-height: 21px;
}
.paper-wrap-mob .product-list {
	margin: 0 auto;
}
.product-list h3 a {
	color: #3e3d40;
	font-size: 22px;
	font-family: 'Roboto';
	font-weight: 700;
	padding: 20px 0;
}
.product-list h3 {
	padding: 0 40px;
}
.separator-green {
	padding-top: 10px;
}
.label-content {
	position: absolute;
	top: 0;
	width: 90%;
	padding-top: 45px;
}
.product-section .prospan-label p {
	margin: 0;
}
.product-section .prospan-label p:not(:first-child)::after {
	color: red;
}
.group-products {
	margin-top: -100px;
	padding-bottom: 60px;
}
.group-products .group-image {
	margin-left: -110px;
}
.group-products.list {
    margin-top: 50px;
} 
.prospan-jedinstven {
	padding: 120px 0;
}
.prospan-jedinstven .wrapper{
	min-height: 530px;
}
.brsljan2 {
	position: absolute;
	left: 160px;
	top: 0;
}
.otisak-green {
	margin-bottom: 30px;
}
.prospan-jedinstven .product-text-center {
	max-width: 930px;
	margin: 0 auto;
}
.bottom-text {
	padding-bottom: 100px;
}
.za-male-i-velike h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 800px;
	color: #fff;
}
.sustav-kvalitete {
	padding: 80px 0 180px 0;
}
.sustav-kvalitete img {
	margin-bottom: 40px;
}
.sustav-kvalitete .product-text-center p {
	max-width: 930px;
	margin: 0 auto;
}
.biljke-nisu-lijekovi {
	padding: 130px 0 150px 0;
}

.biljke-nisu-lijekovi .product-text-center p{
	max-width: 880px;
	margin: 0 auto;
}
.biljke-nisu-lijekovi .product-text-center p:not(:last-of-type) {
	margin-bottom: 10px;
}
.line-img {
	margin: 40px 0;
}
.napomena {
	font-size: 18px;
}
.prospan-ekstrakt {
	padding-bottom: 50px;
}
.prospan-ekstrakt h3 {
	font-size: 32px;
	line-height: 38px;
}
.brsljan4{
	position: absolute;
	top: 0;
	right: -310px;
	z-index: -1;
}
.ekstrakt-ucinak {
	padding-bottom: 50px;
}
.ekstrakt-ucinak p {
	font-size: 36px;
	line-height: 46px;
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
	text-align: right;
	margin-top: 100px;
}
.ekstrakt-ucinak img {
	margin-left: -130px;
}

/*-------------- END PROSPAN ------------- */

/* -------------- ISLA MEDIC --------------------- */
.isla_medic .product-text-center h2,
.isla_medic .paper-wrap h2,
.isla_medic .paper-wrap-mob h2 {
	color: #13376a;
}
.islamedic_top_img {
	padding: 0 0 80px 0;
}
.islamedic_intro_text {
	padding: 0 0 80px 0;
}
.islamedic_intro_text_first p {
	font-size: 26px;
	line-height: 31px;
}
.islamedic_intro_text_first {
	margin-bottom: 70px;
}
.islamedic_intro_text_second h2 {
	margin-bottom: 5px;
}
.islamedic_ucinkovitost .bg-text {
	top: 38%;
}
.islamedic_ucinkovitost .bg-text h2 {
	color:#fff;
}
.islamedic_ucinkovitost .bg-text h2.light {
	font-weight: 300;
}
.islamedic_hidrogel {
	padding: 0 0 90px 0;
}
.islamedic_hidrogel img {
	margin-bottom: 80px;
}
.isla_medic.brand-page .highlight-text {
	font-size: 26px;
}
.islamedic_trostruka_ucinkovitost h2 {
	font-size: 36px;
	text-transform: uppercase;
}
.islamedic_trostruka_ucinkovitost .bg-text {
	color: #202d69;
}
.islamedic_trostruka_ucinkovitost img {
	margin-bottom: 40px;
}
.islamedic_trostruka_ucinkovitost h3 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 10px;
}
.islamedic_formula {
	padding: 40px 0 160px 0;
}
.islamedic_formula h2 {
	margin-bottom: 30px;
}
.islamedic_formula .islamedic_formula-text:not(:last-child) {
	margin-bottom: 40px;
}
.islamedic_znacajke {
    padding: 0 0 160px 0;
}
.islamedic_znacajke img {
	margin-bottom: 25px;
}
.islamedic_znacajke h3 {
	color: #17376a;
	font-size: 24px;
	font-weight: 700;
    max-width: 190px;
    margin: 0 auto;
}
.islamedic_znacajke .col-lg-4 {
	margin-bottom: 40px;
}
.isla_suputnik .bg-text {
	top: 18%;
	transform: unset;
}
.isla_suputnik .bg-text h2 {
	color: #063367;
	max-width: 370px;
}
.islamedic_primjena {
	padding: 30px 0 110px 0;
}
.islamedic_primjena p {
	font-size: 36px;
    line-height: 46px;
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
	color: #063367;
	text-align: center;
	max-width: 650px;
	margin: 0 auto;
}
.isla_medic.tresnja .product-text-center h2,
.isla_medic.tresnja .paper-wrap h2,
.isla_medic.tresnja .paper-wrap-mob h2 {
	color: #ad0043;
}
.islamedic_tresnja_intro {
	padding: 0 0 50px 0;
}
.islamedic_ublazava img {
	margin-top: 30px;
}
.islamedic_ucinkovitost {
	padding: 80px 0;
}
.isla .product-text-center {
	max-width: 860px;
	margin: 0 auto;
}
.isla .product-text-center h2 {
	color: #063367;
}
.isla_intro {
	padding: 0 0 70px 0;
}
.isla_intro img {
	margin-bottom: 30px;
}
.isla_pomaze .bg-text-nexa {
	max-width: 525px;
}
.isla-pastila {
	padding: 100px 0 100px 0;
}
.isla_pastile{
	margin-bottom: 40px;
}
.isla_lisaj {
	padding-bottom: 30px;
}
.isla_lisaj p {
	font-size: 36px;
    line-height: 46px;
    font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
    color: #063367;
    text-align: center;
    max-width: 570px;
	margin: 0 auto 35px auto;
}
.saznaj-vise {
	display: inline-block;
	font-size: 20px;
	text-transform: uppercase;
	color: #063367;
	padding: 10px 20px;
	border: 1px solid #063367;
}
.lisaj {
	margin: 40px auto 0 auto;
}
.isla_namjena {
	padding-bottom: 90px;
}
.isla_namjena img {
	margin: 0 auto;
}
.isla_namjena h2 {
	margin-bottom: 40px;
}
.isla_trostruka .product-section .saznaj-vise {
	color: #fff;
	border: 1px solid #fff;
	margin-top: 70px;
}
.isla_princip {
	padding: 30px 0 100px 0;
}
.isla_princip h2 {
	margin-bottom: 70px;
}
.product-section .princip-box {
	background: #063367;
	margin-bottom: 30px;
	padding: 45px 30px;
}
.product-section .princip-box p {
	color: #fff;
	margin-bottom: 0;
}
.pastile2 {
	margin-top: 40px;
}

.isla_primjenom {
	padding: 30px 0 110px 0;
}
.isla_primjenom p {
	font-size: 36px;
    line-height: 46px;
    font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
    color: #063367;
    text-align: center;
    max-width: 570px;
    margin: 0 auto 35px auto;
}
.isla_primjenom img {
	margin-top: 20px;
}
.isla_snaga_prirode .bg-text {
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}
.isla_junior .product-text-center h2,
.isla_junior .paper-wrap h2,
.isla_junior .paper-wrap-mob h2 {
	color: #dc005b;
}
.isla_junior_intro img {
	margin-bottom: 40px;
}
.isla_junior_info_img {
	padding: 80px 0 120px 0;
}
.isla_junior_info_img .komentari {
	margin-top: 50px;
}
.isla_junior_prehlade .product-section p {
	margin-bottom: 0;
}
.isla_junior_prehlade .product-section ul{
	font-weight: 700;
}
.isla_junior_sadrzi {
	padding: 120px 0 100px 0;
}
.vitamini_img {
	margin-bottom: 100px;
}
.jagoda_kom_img {
	margin-top: 20px;
}
.isla_junior_lisaj .bg-text {
    top: 15%;
    transform: unset;
}
.isla_junior_pastile p {
	font-size: 36px;
    line-height: 46px;
    font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
    color: #dc005b;
    text-align: center;
    max-width: 570px;
    margin: 0 auto 35px auto;
}
.isla_junior_pastile .jagode2_img {
	margin-top: 110px;
}

.isla_junior_pastile .dodaci_img {
	margin: 130px 0;
}
/* --------------- END ISLA MEDIC ------------------- */

/* ------------------- TYROSUR --------------------- */
.tyrosur_intro {
	padding: 0 0 100px 0;
}
.tyrosur .product-text-center h2,
.tyrosur .paper-wrap h2,
.tyrosur .paper-wrap-mob h2 {
	color: #eb135f;
}
.tyrosur_stane_svugdje {
	padding-bottom: 80px;
}
.tyrosur_zasto_bas .bg-text {
	top: 11%;
	left: 16%;
	transform: unset;
}
.tyrosur_praktican {
	padding: 50px 0 100px 0;
}

.tyrosur_rana .bg-text {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.tyrosur_prasak {
	padding: 50px 0 130px 0;
}

.tyrosur_infekcije .bg-text-width {
	max-width: 480px;
}

/* ------------------------ END TYROSUR ------------------------------*/

/* ------------------------ NOSI SET ------------------------------*/
.nosi_set .product-text-center h2,
.nosi_set .paper-wrap h2,
.nosi_set .paper-wrap-mob h2 {
	color: #234482;
}
.nosi_set_intro {
	padding: 0 0 80px 0;
}
.nosi_set_intro img {
	margin: 0 0 80px 0;
}
.nosi_set_sadrzi .bg-text,
.nosi_set_jednostavan .bg-text,
.nosi_set_zadovoljna .bg-text {
    top: 10%;
    transform: unset;
}
.nosi_set_namjena {
	padding: 90px 0 100px 0;
}
.nosi_set_harmonija {
	padding: 0 0 90px 0;
}
.nosi_set_harmonija img {
	margin-bottom: 70px;
}
.nosi_set_primjena {
	padding: 90px 0 100px 0;
}
.nosi_set_primjena span {
	font-size: 26px;
}
.nosi_set_primjena img {
	margin: 0 0 80px 0;
}

/* ------------------------ END NOSI SET ------------------------------*/

/* ------------------------ OTOVENT ------------------------------*/
.otovent_intro {
	padding: 0 0 90px 0;
}
.otovent .product-text-center h2, 
.otovent .paper-wrap h2,
.otovent .paper-wrap-mob h2 {
	color: #008bbf;
}
.otovent_je_lako {
	padding: 0 0 90px 0;
}
.otovent_je_lako .proizvod1 {
	margin-bottom: 30px;
}
.otovent_je_lako .proizvod2 {
	margin-top: 30px;
}
.otovent_primjena {
	padding: 90px 0;
}
.otovent_primjena h3:last-child {
	margin-top: 90px;
}


/* ------------------------ END OTOVENT ------------------------------*/

/* ------------------------ VAXOL ------------------------------*/
.vaxol .product-text-center h2,
.vaxol .paper-wrap h2,
.vaxol .paper-wrap-mob h2  {
	color: #234482;
}
.vaxol_intro {
	padding: 0 0 130px 0;
}
.vaxol_siguran .bg-text-width{
	max-width: 410px;
}
.vaxol_prirodan {
	padding: 60px 0 90px 0;
}
.vaxol_prirodan img {
	margin-top: 50px;
}
.vaxol_ispiranje .bg-text {
    top: 20%;
    transform: unset;
}
.vaxol_jednostavan {
	padding: 0 0 90px 0;
}

/* ------------------------ END VAXOL ------------------------------*/

/* ------------------------ PANTHENOL ------------------------------*/
.panthenol_intro {
	padding: 0 0 100px 0;
}
.panthenol_intro img {
	margin-bottom: 70px;
}
.panthenol .product-text-center h2,
.panthenol .paper-wrap h2,
.panthenol .paper-wrap-mob h2  {
	color: #e25b1f;
}
.panthenol_suha_koza .bg-text {
	top: 15%;
	transform: unset;
}
.panthenol_suha_koza .bg-text-width {
	max-width: 420px;
}
.panthenol_pravilna_njega {
	padding: 60px 0 100px 0;
}
.panthenol_zasto .bg-text h2 {
	font-size: 72px;
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
}
.panthenol_ublazava {
	padding: 60px 0 150px 0;
}
.panthenol_koza h3 {
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
	font-size: 72px;
}
.panthenol_koza .bg-text:first-child .bg-text-width {
	max-width: 300px;
}
.panthenol_koza .bg-text:last-child {
	top: 80%;
}
.panthenol_koza .bg-text:last-child .bg-text-width {
	max-width: 100%;
}
.panthenol_nepaznja {
	padding: 120px 0 90px 0;
}
.panthenol_nepaznja img {
	margin-top: 90px;
}

/* ------------------------ END PANTHENOL ------------------------------*/

/* ------------------------ SILICOLGEL ------------------------------*/

.silicolgel_intro {
	padding: 0 0 90px 0;
}
.silicolgel_intro img {
	margin-bottom: 40px;
}
.silicolgel .product-text-center h2,
.silicolgel .paper-wrap h2,
.silicolgel .paper-wrap-mob h2 {
	color: #7c7b7b;
}
.silicolgel_lijecenje .bg-text {
    top: 25%;
    transform: unset;
}
.silicolgel_lijecenje .bg-text p,
.silicolgel_namjena .bg-text p {
    max-width: 420px;
}
.silicolgel_zastitni_sloj {
	padding: 60px 0 120px 0;
}
.silicolgel_zastitni_sloj img {
	margin: 70px 0 80px 0;
}
.silicolgel_zanimljivosti {
	padding: 90px 0;
}
/*-------------- END SILICOLGEL ------------- */

/*--------------  ESPRICO ------------- */
.esprico_intro {
	padding: 0 0 170px 0;
}
.esprico .product-text-center h2,
.esprico .paper-wrap h2,
.esprico .paper-wrap-mob h2 {
	color: #e25b1f;
}
.esprico_intro .strelica2 {
	position: absolute;
    bottom: -160px;
    right: -310px;
}
.esprico_koncentracija .bg-text p {
	max-width: 440px;
}
.esprico_koncentracija .bg-text p:not(:last-child) {
	margin-bottom: 30px;
}
.esprico_proces {
	padding: 0 0 120px 0;
}
.esprico_namjena .bg-text p:not(:last-child) {
	margin-bottom: 30px;
}
.esprico_namjena .bg-text-width p {
	max-width: 400px;
}
.esprico_namjena .bg-text {
	top: 20%;
	transform: unset;
}
.esprico_prijatelji {
	padding: 90px 0 110px 0;
}
.esprico_prijatelji .mineral {
	text-transform: uppercase;
}
.esprico_masne_kiseline {
	padding: 0 0 90px 0;
}
.esprico_masne_kiseline .bg-section:not(:last-child) {
	margin-bottom: 50px;
}
.esprico_masne_kiseline ul {
	margin-left: 25px;
}
/*-------------- END ESPRICO ------------- */

/*-------------- NISITA ------------- */
.nisita_intro {
	padding: 0 0 90px 0;
}
.nisita .product-text-center h2,
.nisita .paper-wrap h2,
.nisita .paper-wrap-mob h2 {
	color: #004898;
}
.nisita_zasto .bg-text p {
	max-width: 320px;
}
.nisita_peckanje {
	padding: 60px 0 130px 0;
}
.nisita_mast .bg-text-width {
	max-width: 470px;
}
.nisita_disanje {
	padding: 60px 0 130px 0;
}
.nisita_vise {
	padding: 60px 0 130px 0;
}
.nisita_illus {
	padding: 0 0 90px 0;
}
/*-------------- END NISITA ------------- */

/*-------------- MYCOSAN ------------- */
.mycosan_intro {
	padding: 0 0 120px 0;
}
.mycosan .product-text-center h2,
.mycosan .paper-wrap h2,
.mycosan .paper-wrap-mob h2 {
	color: #4f1a82;
}
.mycosan_infekcije .bg-text p:not(:last-child) {
	margin-bottom: 30px;
}
.mycosan_infekcije .saznaj-vise,
.mycosan_stopalo .saznaj-vise {
	color: #fff;
	border-color: #fff;
	margin-top: 50px;
}
.mycosan_preporuka {
	padding: 90px 0 130px 0;
}
.mycosan_preporuka .saznaj-vise,
.mycosan_tretman .saznaj-vise,
.mycosan_preporuka .saznaj-vise:hover
.mycosan_tretman .saznaj-vise:hover {
	color: #4f1a82;
	border-color: #4f1a82;
}
.mycosan_tretman {
	padding: 60px 0 90px 0;
}

/*-------------- END MYCOSAN ------------- */

/*-------------- CONTRACTUBEX ------------- */
.contractubex_intro {
	padding: 0 0 90px 0;
}
.contractubex .product-text-center h2,
.contractubex .paper-wrap h2,
.contractubex .paper-wrap-mob h2  {
	color: #3e3d40;
}
.contractubex_oziljci .bg-text-width p {
	max-width: 390px;
}
.contractubex_oziljci  .bg-text p:not(:last-child) {
	margin-bottom: 30px;
}
.contractubex_djelovanje {
	padding: 90px 0 130px 0;
}
.contractubex_djelovanje .saznaj-vise,
.contractubex_djelovanje .saznaj-vise:hover {
	color: #3e3d40;
	border-color: #3e3d40;
}
.contractubex_zatvaranje  {
	padding: 0 0 90px 0;
}
.contractubex_zatvaranje .bg-text p:not(:last-child) {
	margin-bottom: 30px;
}
.contractubex_zatvaranje .bg-text-width p {
	max-width: 460px;
}

/*-------------- END CONTRACTUBEX ------------- */

/*-------------- PANTOGAR ------------- */
.pantogar_intro {
	padding: 0 0 90px 0;
}
.pantogar .product-text-center h2,
.pantogar .paper-wrap h2,
.pantogar .paper-wrap-mob h2 {
	color: #7c7b7b;
}
.pantogar_efikasnost {
	padding: 60px 0 120px 0;
}
.pantogar_gubitak_kose  .bg-text p:not(:last-child) {
	margin-bottom: 30px;
}
.pantogar_gubitak_kose .bg-text-width {
	max-width: 380px;
}
.pantogar_gusta_kosa .bg-text p:not(:last-child) {
	margin-bottom: 30px;
}
.pantogar_gusta_kosa .bg-text p {
	max-width: 390px;
}
.pantogar_gubitak_kose2 {
	padding: 0 0 120px 0;
}
.pantogar_savjeti {
	padding: 90px 0 100px 0;
}
.bg-text p:not(:last-child) {
	margin-bottom: 30px;
}
.pantogar_gutiatak_kose3 .bg-text-width {
    max-width: 400px;
}
.pantogar_savjet2 {
	padding: 0 0 90px 0;
}
.pantogar_savjet2 .bg-text-width p {
	max-width: 380px;
}

/*-------------- END PANTOGAR ------------- */

/*-------------- MERZ SPECIAL ------------- */

.merz_spezial_intro {
	padding: 0 0 90px 0;
}
.merz-spezial .product-text-center h2,
.merz-spezial .paper-wrap h2,
.merz-spezial .paper-wrap-mob h2 {
	color: #3e3d40;
}
.merz_spezial_intro .brand-intro-sm {
	font-size: 26px!important;
	line-height: 30px!important;
}
.merz_spezial_intro .list2 {
	position: absolute;
	bottom: 0;
	right: -200px;
}
.merz_spezial_lepota p:not(:last-child) {
	margin-bottom: 30px;
}
.merz_spezial_sjajna_kosa {
	padding: 40px 0 90px 0;
}
.merz_spezial_lepota p {
	max-width: 380px;
}
.merz_spezial_drazeje .list-group:not(:last-child) {
	margin-bottom: 30px;
}
.merz_spezial_image {
	padding: 40px 0 90px 0;
}

/*-------------- END MERZ SPECIAL ------------- */

/*-------------- TRACHISAN------------- */
.trachisan_intro {
	padding: 0 0 90px 0;
}
.trachisan .product-text-center h2,
.trachisan .paper-wrap h2,
.trachisan .paper-wrap-mob h2 {
	color: #173680;
}

.trachisan_pomaze img {
	margin-bottom: 50px;
}
.trachisan_dostupan {
	padding: 50px 0 150px 0;
}
.trachisan_dostupan img {
	margin-bottom: 50px;
}
.trachisan_bezbedan {
	padding: 130px 0 90px 0;
}
.trachisan_bezbedan img {
	margin-top: 70px;
}
.trachisan_sadrzaj {
	padding: 0 0 90px 0;
}
.trachisan_sadrzaj .saznaj-vise,
.trachisan_sadrzaj .saznaj-vise:hover {
	color: #fff;
	border-color: #fff;
	margin-top: 30px;
}

/*-------------- END TRACHISAN ------------- */

/*-------------- PRODUCTS ------------- */
.product-upute.product-details {
	padding: 35px 0;
}
.product-page {
	color: #000;
}
.product-page .upute-bottom { 
	padding-bottom: 50px;
}
.product-header {
	position: relative;
	padding-bottom: 50px;
	background: #eee;
}
.product-bg {
	position: absolute;
	width: 100%;
	height: 420px;
}
.product-img-holder {
   padding-top: 80px;
	margin: auto;
}
.product-detail {
	margin-left: -100px;
}
.product-details h1, .product-details h2, .product-details h3{
	font-family: 'Roboto Slab', serif;
}
.product-details  {
	font-family: 'Roboto';
	padding: 35px 0 0 0;
}
.product-headings {
	margin-bottom: 30px;
}
.product-img-holder .product-group-img {
	max-height: 550px;
	/*position: absolute;
    left: 50%;
    transform: translateX(-50%);*/
}
.product-details h1 {
	font-size: 60px;
	line-height: 70px;
	font-weight: 700;
	margin-bottom: 20px;
}
.product-headings h2 {
	font-size: 22px;
	line-height: 32px;
	font-weight: 700;
}
.product-desc h2 {
    font-size: 26px;
    color: #32a2c5;
    font-weight: 700;
    margin: 25px 0 10px 0;
}
.product-desc h3 {
    font-size: 18px;
    margin: 25px 0 10px 0;
}
.product-desc p {
	font-size: 18px;
}
.product-desc p:not(:last-child) {
	margin-bottom: 10px;
}
.product-desc ul {
	font-size: 18px;
	margin: 0 0 20px 20px;
}
.pitanja h3 {
	font-size: 40px;
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
	margin-bottom: 20px;
}
.pitanja p {
	color: #2e2d30;
}
.product-pitanja .pitanje-naslov {
	font-family: 'Roboto Slab', serif;
	margin-bottom: 0;
	font-weight: 700;
}
.product-pitanja {
	margin-bottom: 70px;
	font-family: 'Roboto Slab', serif, Arial;
}
.product-pitajte .btn-blue {
	font-family: 'Roboto Slab', serif, Arial;
	margin: 0 0 0 30px;
}
.upute-heading h2 {
	position: relative;
	font-size: 60px;
	text-align: center;
	color: #32a2c5;
	font-weight: 700;
	text-transform: uppercase;
	z-index: 1;
}
.upute-heading h2:before {
	border-top: 2px solid #fff;
	content: "";
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
}
.upute-heading h2 span {
	padding: 0 30px;
	background: #f0f0f0;
}
.toggle-arrow {
	font-size: 40px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	position: relative;
	z-index: 1;
	padding: 0 30px;
	background: #f0f0f0;
}

.upute-display div {
	position: relative;
	display: block;
	text-align: center;
	color: #32a2c5;
	font-weight: 700;
	text-transform: uppercase;
	z-index: 1;
}
.upute-display div:before {
	border-top: 2px solid #fff;
	content: "";
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
}
.upute {
	display: none;
	overflow: hidden;
}
.product-desc.upute {
	padding-top: 30px;
}
.upute-display {
	margin-top: 20px;
}
.brand-page .upute-bottom {
	padding-top: 100px;
}
.upute-bottom  .upute-box {
	background: #fff;
	padding: 15px;
}
.upute-bottom  .upute-box p {
	font-family: 'Roboto';
	font-size: 33px;
    line-height: 42px;
	text-align: center;
	margin: 0 auto;
	font-weight: 600;
}
.page.brand-list-page {
	padding: 90px 0;
}


/*------------------ END PRODUCTS --------------------*/

/* BRAND */

.brand-title{
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
    font-size: 72px;
    line-height: 82px;
    margin-bottom: 30px;
}

/*------------------ SAVJETOVALISTE --------------------*/
.savjetovaliste-page  {
	color: #2e2d30;
	background-color: #b8c1ca;
}
.savjetovaliste-header {
    background: url("../images/savjetovaliste-background.jpg");
    background-position: top;
    background-repeat: no-repeat;
    padding: 100px 0;
}
.savjetovaliste-page h1 {
    font-family: 'Roboto Slab', serif;
    font-size: 100px;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}
.savjetovaliste-page p {
    font-size: 20px;
    line-height: 30px;
}
.savjetovaliste-page h3 {
    font-size: 50px;
}
.dd-box {
    margin: 50px 0 70px 0;
}
.dd-filter {
    display: inline-block;
    margin-right: 40px;
}
.dropdown.dd-filter button {
	font-size: 18px;
    background: #32a1c5;
    padding: 8px 15px 10px 15px;
    font-weight: bold;
    border-radius: 8px;
    border: 0;
}
.dd-box h3 {
    font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
    margin-bottom: 20px;
}
.product-pitajte h3 {
    font-size: 50px;
}
.product-pitajte p {
    font-family: 'Roboto';
    font-size: 18px;
    line-height: 24px;
}
.sidebar-filters {
    margin-top: 15px;
}

.sidebar-links {
	display: none;
}

.sidebar-links.links-show {
	display: block;
}

.savjetovaliste-details, .shop-details {
    padding: 60px 0;
}
.sidebar-links {
    margin-bottom: 40px;
}
.sidebar-links ul {
    list-style: none;
    margin-left: 15px;
}
.sidebar-links ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #545454;
}
.sidebar-links ul li.active a {
    color: #32a1c5;
}
.sidebar-links ul li a:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f105";
    margin-right: 5px;
}
.product-dd .dd-filter {
    display: block;
    margin: 0;
}
.product-dd .dd-filter button {
    width: 100%;
    text-align: left;
}

.dropdown.dd-filter .dropdown-menu {
	max-height: 350px;
	overflow-y: scroll;
}
.savjetovaliste-details .pitanja, .shop-details .pitanja {
    margin-top: 90px;
}
.savjetovaliste-details .pitanja h3, .shop-details .pitanja h3 {
    font-size: 50px;
}

.savjetovaliste-details h1, .shop-details h1 {
    font-size: 60px;
    color: #32a2c5;
    font-weight: 700;
}
.shop-intro {
	font-size: 30px;
    line-height: 40px;
	margin-top: 15px;
}
.filter-section .btn-toggle {
    position: relative;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #32a1c5;
    padding: 10px 15px;
    border: 0;
    border-radius: 8px;
    text-align: left;
}
.group-products-link {
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
	font-size: 40px;
}
.group-products-link, .group-products-link:hover {
	color: #1c2479;
}
.btn-toggle:not(:last-child) {
    margin-bottom: 20px;
}
.btn-toggle::after {
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
}
.card {
    border: 0;
}
/*.product-filter {
    display: none;
}*/
.product-filter ul li a{
	font-size: 15px;
}
.card-header, .card-header .btn {
    padding-left: 0;
}
.card-header .btn {
    font-size: 22px;
    color: #32a1c5;
	font-weight: 700;
	text-align: left;
}
.card-header .btn:hover {
    text-decoration: none;
}
.card-header .btn.collapsed,
.card-header .btn.collapsed:hover,
.card-header .btn.collapsed:focus {
	color: #545454;
    text-decoration: none;
}
.card-header .btn-link.focus, .card-header .btn-link:focus {
    text-decoration: none;
    box-shadow: none;
}
.accordion {
    margin-top: 60px;
}
.accordion .card {
    border-bottom: 2px solid #b2dae5!important;
}
.accordion .card-header {
    background: #f0f0f0;
}
.card .btn.btn-link:before {
    content: "\f35a";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    margin: 0px 10px 0 0;
    font-size: 22px;
    float: left;
}
.card .btn.btn-link span {    
	display: block;
	overflow: hidden;
  }
.card .collapse,
.card .collapsing {
    background: #f0f0f0;
}
.card-body {
    font-family: 'Roboto';
	font-size: 18px;
	line-height: 22px;
	padding: 0 0 35px 0;
}
.card-body p {
    padding-left: 35px;
}
/*------------------ END SAVJETOVALISTE --------------------*/


/*------------------ PROBLEMATIKA --------------------*/
	/*background-position: -900px 0;
	background-size: 404% 100%;*/
	
.problematika-page {
	padding-top: 90px;
}
.problematika-list {
	padding: 70px 0 120px 0;
}
.problematika-list .article-img:hover .article-shortdesc {
	z-index: 0;
}
.problematika-page h1 {
	font-size: 100px;
	font-weight: 700;
	margin-bottom: 25px;
}
.problematika-page p {
	max-width: 800px;
	margin: 0 auto;
}
.problematika-list .article-col h2 {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
	font-size: 27px;
    text-transform: uppercase;
    width: 85%;
    text-align: center;
}
.problematika-list .article-col {
	margin-bottom: 30px;
}
.problematika-header {
	position: relative;
	max-width: 1800px;
	height: 700px;
	margin: 0 auto;
	background-position: top!important;
    background-repeat: no-repeat!important;
	background-size: cover!important;
	margin-bottom: 40px;
}
.problematika-header h1 {
	position: absolute;
	left: 50%;
	bottom: 100px;
	transform: translateX(-50%);
	font-size: 100px;
	font-weight: 700;
	width: 80%;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.problematika-details {
	padding-bottom: 60px;
}
.problematika-details .product-list-col {
	margin-bottom: 30px;
}
.problematika-details .savjetovaliste.bottom-section {
	padding: 30px 0;
}
.problematika-details .linked-blog {
    padding: 0 0 30px 0;
}
.problematika-details .products-list.bottom-section {
	padding: 30px 0 0 0;
}
.problematika-details .bx-wrapper{
	margin: 0;
}
.products-list {
	text-align: center;
}
.products-list img {
	margin-bottom: 25px;
}
.homepage .products-list img {
	margin-bottom: 0;
}
.products-list a {
	color: #545454;
}
.products-list h3 {
	font-size: 18px;
	font-weight: 700;
}
.products-list p {
	font-family: 'Roboto';
	font-size: 14px;
}
/*------------------ END PROBLEMATIKA --------------------*/

/*------------------ FOOTER --------------------*/
.footer {
	padding: 60px 0;
}
.footer-img-center {
	text-align: center;
	margin-bottom: 50px;
}
.footer-img-center span {
	display: block;
	text-align: center;
	position: relative;
	z-index: 10;
  }
  .footer-img-center span:after {
	content: "";
	width: 35%;
	position: absolute;
	right: 0;
	top: 50%;
	height: 2px;
	background: #fff;
	z-index: -1;
  }
  .footer-img-center span:before {
	content: "";
	width: 35%;
	position: absolute;
	left: 0;
	top: 50%;
	height: 2px;
	background: #fff;
	z-index: -1;
  }
.footer-img-center a {
	font-family: 'Roboto';
	font-weight: 700;
	font-size: 18px;
	color: #32a1c5;
}
.footer-img-center p {
	font-size: 18px;
}
.footer-content .custom-row {
	margin-left: 5px;
	margin-right: 5px;
}
.footer-content .custom-col {
	padding-left: 5px;
	padding-right: 5px;
}
.footer-content {
	padding-bottom: 80px;
	border-bottom: 1px solid #ccc;
}
.footer-content span {
	font-size: 10px;
	line-height: 16px;
	display: block;
	margin-bottom: 20px;
}
.footer-content .footer-logo {
	display: block;
	margin-bottom: 15px;
	max-height: 30px;
}
.footer-facebook i {
	font-size: 42px;
	color: #000;
	float: left;
	margin-right: 10px;
}
.footer-facebook span {
    font-weight: 700;
    color: #3e3d40;
}
.facebook-link, .instagram-link {
	font-size: 42px;
}
.facebook-link,
.facebook-link:hover {
	color: #3C5A99;
}
.small-logo{
	max-width: 24px;
}
.savjetovaliste .small-logo{
	margin-right: 10px;
}
.large-logo{
	max-width: 32px;
}
.instagram-link,
.instagram-link:hover {
	color: #32a1c5;
}
.mobile-footer-left img {
	margin-right: 20px;
}
.brm-hlt {
	padding-left: 30px;
}
.brand-box {
	border: 1px solid #fff;
	margin-bottom: 30px;
}
.brm-hlt.hr {
	padding-left: 60px;
}
.store-img {
	width: 100px;
}
.store-img.appstore-img {
	margin-right: 10px;
	width: 100px;
}
.footer-bottom {
	font-size: 11px;
	padding-top: 20px;
}
.footer-bottom span {
	display: inline-block;
	color: #aaaaaa;
}
.design-by {
	color: #aaaaaa;
}
.footer-bottom a {
	color: #aaaaaa;
}
.footer-copy {
	float: left;
}
.footer-copy a {
	text-transform: uppercase;
}
.mypharma-logo {
    width: 232px;
}
.sep {
	margin: 0 8px;
}
.design-by {
	float: right;
}
#contactForm button {
	background: #32a2c5;
	border: 0;
	margin-top: 10px;
}
#contactForm button:hover {
    color: #fff;
    background: #0a85aa;
}
form input {
	-webkit-text-fill-color: #545454;
	background-color: #fff;
	opacity: 1; /* required on iOS */
	border: 1px solid #ccc;
	border-radius: .25rem;
}
.contact-section .savjetovalitse-img {
    margin-right: 25px;
}
.contact-section.savjetovaliste {
	padding-bottom: 100px;
}
.result-msg {
	padding: 60px 0 40px 0;
}
.result-msg span {
	font-size: 30px;
    color: #545454;
}
.bg-success {
	background-color: #99e8ba!important;
	color: #000000;
	padding: 20px;
}
.help-article {
	padding: 90px 0;
}
.help-article h1{
	font-size: 55px;
    font-weight: 700;
    color: #009ac4;
    margin-bottom: 40px;
}
.bg-gradient {
	position: absolute;
	top: 0;
	width: 75%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, from(rgb(43 142 189)), to(rgba(29,106,123,0)));
    background: -o-linear-gradient(left, rgb(43 142 189), rgba(29,106,123,0));
    background: linear-gradient(to right, rgb(43 142 189), rgba(29,106,123,0));
}
.bg-gradient.bg-gradient-right {
	background: -webkit-gradient(linear, right top, left top, from(rgb(43 142 189)), to(rgba(29,106,123,0)));
    background: -o-linear-gradient(right, rgb(43 142 189), rgba(29,106,123,0));
    background: linear-gradient(to left, rgb(43 142 189), rgba(29,106,123,0));
	right: 0;
}
.error {
	font-size: 13px;
    margin-top: 5px;
}
.g-recaptcha div {
	height: auto!important;
}

.material-symbols-outlined{
	vertical-align: middle;
	padding-bottom: 4px;
}
/*------------------ END FOOTER --------------------*/


/* GDPR */

#gdpr-popup {
    background-color: #f3f3f3;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 56000;
    display: none;
    padding: 10px 0;
    font-size: 14px;
}

#gdpr-popup .wrap {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}

#gdpr-popup .content-scroll {
    max-height: 200px;
    overflow: auto;
    padding: 5px 0;
    border-top: 1px solid #303537;
    border-bottom: 1px solid #323537;
    margin-bottom: 10px;
}

.Action-button {
    width: 50%;
    padding: 10px 40px;
    border-radius: 20px;
    color: #fff;
    background-color: #4abcd6;
    text-align: center;
    cursor: pointer;
    border: 2px solid transparent!important;
    transition: all 300ms;
}

.gdpr-no {
    float: right;
}

.gdpr-secend-content, .gdpr-content, #gdpr-popup {
    display: none;
}

.spech2title{
	font-family: 'Pacifico';
	font-display: swap;
	font-style: normal;
    font-size: 72px;
    line-height: 77px;
    margin-bottom: 20px;
    margin-top: 190px;
}

/* SHOP */

.shop-btns {
	display: inline-flex;
}

.shop-btns .btn, .product-boxer .btn {
	background: rgb(40,145,189);
	background: linear-gradient(0deg, rgba(40,145,189,1) 0%, rgba(87,191,200,1) 100%);
	border-color: #2891bd;
	color: #fff;
}

.shop-btns .btn.btn-secondary {
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(102,102,102,1) 100%);
	border-color: #000;
}

.btn-main {
	margin-left: 3px;
	font-weight: 700;
}

.product-boxer .btn-main {
	margin-left: 0;
	font-size: 15px;
}

.price-info {
	font-size: 15px;
    position: absolute;
    bottom: 20px;
    left: 0;
    margin: auto;
    padding: 0 15px;
    right: 0;
}
.shop-btns .btn:hover, .product-boxer .btn:hover {
	opacity: .85;
}

.shop-btns input {
	max-width: 50px;
	text-align: center;
	margin: 0 3px;
}

.shop-price {
	font-size: 16px;
	margin: 5px 0 0;
	font-weight: 700;
	color: #545454;
}

.list .shop-price {
    margin: 10px 0 15px 0;
}

.shop-price.inner {
	font-size: 22px;
	line-height: 17px;
}

.shop-package {
	color: #545454;
	border: 1px solid #ccc;
	padding: 4px 7px;
	display: inline-block;
	font-size: 13px;
	margin: 10px 0 0;
}

.list .shop-package {
	margin: 10px 0;
}

.shop-package.inner {
	margin: 5px 0 15px;
}

.shop-price sup {
	top: auto;
	bottom: 0;
	font-weight: 700;
}

.shop-price strong {
	font-size: 15px;
	font-weight: 700;
}

.list .price-info span {
	display: block;
}

.label-special{
	background: #03A9F4!important;
}

.shop-info label, .product-boxer .label {
	background: #b45ce1;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 17px;
	font-weight: 700;
	color: #fff;
	border-radius: 6px;
}

.product-boxer .label {
    position: absolute;
	display: inline-block;
    bottom: 15px;
    left: -30px;
    right: 0;
    width: 60%;
}

.shop-info-product {
    display: inline-block;
    margin-top: -15px;
}

.product-boxer .label {
	cursor: pointer;
}


.product-boxer .label-special{
	position: absolute;
    display: inline-block;
    top: 15px;
    left: -30px;
    right: 0;
    width: 60%;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    color: #fff;
    border-radius: 6px;
}

.shop-price s {
	opacity: .35;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
}

.products-wrapper .col {
	display: inherit;
}

.product-boxer h2 {
	font-size: 22px;
	font-weight: 700;
	color: #32a2c5;
}

.list .product-boxer h2 {
    margin-top: 15px;
}

.product-boxer {
	background: #fff;
	border: 1px solid #e2e2e2;
	text-align: center;
	position: relative;
	padding: 25px 15px 75px;
    border-radius: 12px;
    position: relative;
    margin-top: 30px;
}

.list .product-boxer {
	padding: 25px 15px 100px;
}

.product-boxer figure {
	position: relative;
	margin: 0;
}

.product-boxer .shop-price strong, .product-boxer .shop-price s {
	display: block;
}

.product-boxer .shop-price s {
	padding-right: 0;
	text-align: center;
}

.product-boxer .shop-price {
	line-height: 1;
	color: #545454;
}

.product-boxer .shop-price strong {
	margin: 5px 0 10px;
	font-size: 17px;
}

.product-boxer a {
	display: block;
}

.product-list-btns {
	margin-top: 10px;
}

.product-list-btns .btn-main {
    margin-left: 5px;
}
.list .plus, .list .minus {
    width: 25px;
}
.custom-checkbox label {
    font-size: 13px;
}
.custom-checkbox label a {
    color: #32a2c5;
    text-decoration: underline;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #32a2c5;
    background-color: #32a2c5;
}
.custom-control .error {
    position: absolute;
    bottom: 0;
}
.marker {
	font-size: 17px;
    display: inline-block;
    background: #009ac4;
    font-weight: 700;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 8px;
}

.marker, .marker a {
	color: #fff;
}

.btn-delete-promocode{
	font-size: 15px;
    color: #32a2c5;
    margin-left: 15px;
    border: 0;
}

.rasprodato{
	background: #ff8394;
    color: white;
    padding: 7px 10px;
    border-radius: 5px;
}

.product-details .product-desc a{
	text-decoration: underline;
	color: #32a2c5;
}

a.section-link{
	color:#009ac4!important;
}
	a.section-link:hover {
		color: #545454!important;
		text-decoration: underline;
	}