:root {
    --main-color: #AE841F;
    --blue-color: #007CBA;
    --teget-color: #1f566e;
}
.main-color {color: #AE841F;} .main-background {background-color: #AE841F;}
.blue-color {color: #007CBA;} .blue-background {background-color: #007CBA;}
.white-color {color: #fff;} .white-back {background-color: #fff;}

/*Headers*/
@font-face {
    font-family: 'Soho Pro';
    src: url('/vendors/fonts/soho/SohoPro-Regular.eot');
    src: local('Soho Pro Regular'), local('SohoPro-Regular'),
        url('/vendors/fonts/soho/SohoPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/vendors/fonts/soho/SohoPro-Regular.woff2') format('woff2'),
        url('/vendors/fonts/soho/SohoPro-Regular.woff') format('woff'),
        url('/vendors/fonts/soho/SohoPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
  

::-moz-selection {color: #fff; background-color: #AE841F;}
::selection { color: #fff; background-color: #AE841F;}
.noselect, img, .static h1 {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
*:focus {outline: none!important;}

@media only screen and (min-width: 1170px) {
	.container { width: 1200px; }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {	
	.container { width: 98%; }
}



.flex-row-center {display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap;}

body, h1, h2, h3, h4, h5, h6, p, ul, li, a {font-family: 'Titillium Web', sans-serif;}
h1, h2, h3, h4, h5, h6, header .menu-cart a { font-weight: normal; font-family: 'Soho Pro', Georgia, serif; color: #1f566e;}
ul {list-style: none; padding-left: 0;}
body, .homepage .about-us-img h3, .kontakt .contact-info-left {background: transparent url(/img/back/bg-white.jpg) repeat top left;}
/*body .border {padding-bottom: 80px;}*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    background: transparent;
}

.homepage header .middle {position: absolute; top: 0; left: 0;}
header .middle { width: 100%; z-index: 999; box-shadow: none;  /*box-shadow: 0 5px 15px #eee;*/ transition: all .4s ease-in-out; position: absolute; top: 0; left: 0; border-bottom: 1px solid #eee;}
body:not(.homepage) header .middle {background-color: #fff;}
.middle {}

.sticky-header.fixed, .middle-clone.fixed {position: fixed!important; background: rgba(255,255,255,0.93); box-shadow: 0 5px 15px rgb(0 0 0 / 10%); transition: all .4s ease-in-out;}
.sticky-header.fixed .logo img {max-height: 50px;}

.top100 {padding-top: 100px;}
.crisp {image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;}


.video-wrap {position: relative; height: 70vh; width: 100%;}
.video-wrap img {height: 100%;}
.video-wrap:before {content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; position: absolute; background: #f5f5f5d6;}
.video-wrap:after {content:""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: url(/img/back/noise.svg);}



.video-text {position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); z-index: 9!important; width: 100%; max-width: 70%;}
.video-text h1 {font-family: 'nk252regular'; font-size: 76px; color: var(--blue-color);}
.video-text a {box-shadow: 0 0 60px #00000082; border: none;}
.video-back {display: block; visibility: visible; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: display .3s; -moz-transition: display .3s; transition: display .3s; pointer-events: none;}
#header-video {display: inline-block; vertical-align: baseline; object-fit: cover; width: 100%; height: 100%; filter: sepia(0.5);}


.title-icon {padding-left: 35px; position: relative; display: inline-block;}
.title-icon:before {position:absolute; display: block; width: auto; height: auto; left: 0; color: var(--teget-color); content: ""; top: 3px; font: 22px/22px "icomoon";}

.next-prev {width: 100%; position: absolute; bottom: -15px}
:is(.swiper-button-next, .swiper-button-prev)::after {display: block; font-family:"Font Awesome 5 Free"!important; content:"\f30b"!important; font-weight: 600; font-size: 22px!important; color: var(--blue-color)!important; font-size: 30px!important;}
.swiper-button-prev::after {content:"\f30a"!important;}

.sepia2 {filter:sepia(0.2);}
.sepia3 {filter:sepia(0.3);}

.darkhover {position: relative; overflow: hidden;}
.darkhover:after {content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; transition: background-color 0.2s ease-in; display: block; position: absolute; }
.darkhover:hover:after {background-color: #313a471f; }
.darkhover img {transition: all 0.2s ease-in;}
.darkhover:hover img {transform: scale(1.1);}

.border {background: #ffffff1a;}

header .logo img {height: auto; max-height: 100px; margin-top: 0; transition: max-height .6s;}
header .menu-cart ul {margin: 0; text-align: center;}
header .menu-cart ul > li {margin-left: 0; border-right: 1px solid #1f568b3b;}
header .menu-cart a {font-size: 18px; padding: 38px 12px; transition: background .3s ease-in, color .1s ease-in;}
header .menu-cart a:hover {background: var(--blue-color); color: #fff;}
.sticky-header.fixed .menu-cart ul:not(.dropdown-menu) > li > a {padding: 27px 12px;}



header .dropdown-submenu .dropdown-menu {text-align: left; padding: 0; border: none; margin-top: 38px; border-radius: 0; min-width: 0; min-width: 100%;}
header .dropdown-submenu .dropdown-menu > li {float: left; width: 100%;}
header .dropdown-submenu .dropdown-menu > li > a {line-height: 1.8em; padding: 5px 10px; text-align: center;}
.sticky-header.fixed .dropdown-submenu .dropdown-menu {margin-top: 26px;}

header .advanced-search .input input {border: 0; color: var(--blue-color); background: transparent; border-bottom: 1px solid #bbb; border-radius: 0; padding: 10px 40px 10px 25px;}
header .advanced-search .search {position: relative;}
header .advanced-search .search:before {position: absolute; left: 10px; top: 9px; content: "\E910"; font: 22px "icomoon"; color: var(--teget-color);}
header .advanced-search .input input::placeholder {}



.homepage .home-banner .swiper-slide img {filter: grayscale(85%);}
.homepage .home-banner .swiper-slide .description {font-family: 'nk252regular'; font-size: 76px; color: var(--blue-color);}

.homepage .icons-about img {max-height: 110px;}



.homepage .promo-wrapper {padding: 50px 0 70px;}
.homepage .promo-wrapper h3:before {content: "\e918";}
.homepage .promo-wrapper .promo {display: flex; box-shadow: 0 10px 30px 0 rgb(0 0 0 / 28%);} /*promo je div, ul nav*/
.homepage .promo-wrapper .promo > ul {display: flex; flex-direction: column; width: 20%;}
.homepage .promo-wrapper .promo > ul > li {background: linear-gradient(90deg, #f7f7f700, #007baf36); }
.homepage .promo-wrapper .promo > ul > li:first-child > a {border-top: none;}
.homepage .promo-wrapper .promo > ul > li > a {color: var(--blue-color); border-bottom: 1px solid #fff; padding: 15px; z-index: 9; margin-right: 0; border-radius: 0; cursor: pointer; text-align: right; font-size: 20px; line-height: 1.4; 
                                                font-weight: 600; border-right: none;}
.homepage .promo-wrapper .promo > ul > li.active > a, .homepage .promo-wrapper .promo > ul > li:hover > a {background-color: #fff;}
.homepage .promo-wrapper .promo > ul > li.active > a {}
.homepage .promo-wrapper .promo > ul > li:last-child > a {border-bottom: none;}
.homepage .promo > ul > li > a > span {display: block; text-align: right; font-size: 14px; line-height: 1.2; font-weight: normal; color: #1F3D3E; text-decoration: none; transition: all .3s;  -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent;}


.homepage .promo-wrapper .promo .tab-content {padding: 20px; background: url(/img/back/promo-backgr.jpg) no-repeat top; background-size: cover; position: relative; z-index: 1;}
.homepage .promo-wrapper .promo .tab-content:after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgb(255 255 255 / 38%); z-index: 2;}
.homepage .promo-wrapper .promo .tab-content .tab-pane {position: relative; z-index: 9; padding: 0 25px; height: 320px; overflow-y: auto; scrollbar-color: var(--blue-color) #ddd; scrollbar-width: thin!important; width: 100%;}
.homepage .promo-wrapper .promo .tab-content .tab-pane .one-promotion a {border-bottom: 1px solid #d0d0d0; padding: 5px 0; transition: all 0.2s ease-in-out;}
.homepage .promo-wrapper .promo .tab-content .tab-pane .one-promotion a:hover {background: #007cba0f;}
.homepage .promo-wrapper .promo .tab-content .tab-pane .one-promotion a > div:nth-of-type(1) > img {border-radius: 50%; max-width: 65px;}
.homepage .promo-wrapper .promo .tab-content .tab-pane .one-promotion a :is(.datefromto, .promoname) {color: var(--blue-color);}
.homepage .promo-wrapper .promo .tab-content .tab-pane .one-promotion a .datefromto {color: inherit; font-weight: 700;}
.homepage .promo-wrapper .promo .tab-content .tab-pane .one-promotion a > div:nth-of-type(4) > img { max-width: 100px;}

.homepage .promo-wrapper .promo .tab-content .tab-pane::-webkit-scrollbar {width: 5px;}
/* Track*/
.homepage .promo-wrapper .promo .tab-content .tab-pane::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 5px;}
/* Handle*/
.homepage .promo-wrapper .promo .tab-content .tab-pane::-webkit-scrollbar-thumb {background: var(--blue-color); border-radius: 5px;}



.homepage .kozmetika h3:before {content: "\e928";}
.homepage .kozmetika .row > div:first-of-type img {max-width: 450px;}
.homepage .kozmetika .swiper-pagination {display: none;}



.homepage .about-us-wrap-out {padding: 50px 0 70px;}
.homepage .about-us-img, .homepage .about-us-text {display: inline-block; vertical-align: middle; width: calc(50% - 10px); line-height: 1.4em;}
.homepage .about-us-img {width: calc(50% + 9px); position: relative;}
.homepage .about-us-text {margin-left: -33px; padding: 40px 50px; color: #fff; background-color: var(--blue-color); box-shadow: 0 10px 30px 0 rgb(0 0 0 / 40%); position: relative; z-index: 9;}
.homepage .about-us-text h2 {color: #fff;}
.homepage .about-us-text img {filter: brightness(0) invert(1); max-width: 250px; margin: 18px auto; display: block;}
.homepage .about-buttons {display: inline-block; margin-top: 10px;}
.homepage .about-us-text .about-buttons a {background-color: var(--main-color); display: inline-block; margin-right: 20px;}
.homepage .about-us-text .about-buttons a:nth-of-type(2) {background-color: #1f566e;}
.homepage .about-us-text .about-buttons a:nth-of-type(2) span:nth-of-type(2) {background-color: var(--main-color);}
.homepage .about-us-img h3 {position: absolute; margin: 0; padding: 10px 20px 10px 0; border-radius: 0 0 20px 0; z-index: 2;}
.homepage .about-us-img h3:after {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff1a; z-index: 1;}
.homepage .about-us-wrap .brand-title-icon:before {content: '\E92A'; font-size: 26px; line-height: 26px;}




.homepage .baner3 {background: rgba(246, 247, 248, 0.68);}
.homepage .baner3 h3:before {content: "\E924";}


.homepage .baneri {display: grid; grid-template-columns: repeat(2, 1fr);}
.homepage .baneri > div, .homepage .baneri .baner-grid {position: relative;}

.homepage .baneri .baner-text {position: absolute; z-index: 1; left: 0; right: 0; bottom: 0;}
.homepage .baneri .baner-text > div {max-width: 70%; padding-left: 40px; padding-bottom: 40px;}
.homepage .baneri .baner-text > div > span {display: inline-block;}
.homepage .baneri .baner-text > div > span:nth-child(1) {font-size: 20px; display: block;}
.homepage .baneri .baner-text > div > span:nth-child(2) {font-size: 60px; border-bottom: 1px solid transparent; transition: border-color 0.2s ease-in; font-weight: 700; line-height: 1;}
.homepage .baneri .baner-grid:hover span:nth-child(2) {border-color: #313a47;}
.homepage .baneri .baner-grid:after {content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; transition: background-color 0.2s ease-in; display: block; position: absolute;}
.homepage .baneri .baner-grid:hover:after {background-color: #313a471f;}
.homepage .baneri > div:nth-child(2) span:nth-child(2) {font-size: 32px;}




.homepage .slideBanner img {filter: grayscale(0.9) sepia(0.3); -webkit-transition: .2s -webkit-filter linear;
-moz-transition: .2s -moz-filter linear;
-moz-transition: .2s filter linear;
-ms-transition: .2s -ms-filter linear;
-o-transition: .2s -o-filter linear;
transition: .2s filter linear, .2s -webkit-filter linear;}
.homepage .slideBanner img:hover {filter: grayscale(0) sepia(0);}


.news-home h3 > span:before {content: '\E903';}
:is(.news-preview, .lastestnews) .service-box > div {justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start; min-height: 100px;}
:is(.news-preview, .lastestnews, .news) .newsdate {display: inline-block; background: #666; padding: 0; text-align: center; color: #fff; font-size: 30px; font-weight: bold; border-radius: 3px; line-height: 1.8;}
:is(.news-preview, .lastestnews, .news) .newsdate span {display: block; background: var(--blue-color); font-size: 10px; text-transform: uppercase; width: 70px; padding: 3px; border-radius: 0 0 3px 3px;}
:is(.news-preview, .lastestnews, .news) .newscat {color: var(--blue-color); text-transform: uppercase; font-size: 0.8em;}
:is(.news-preview, .lastestnews, .news) .newscat > span {color: #ccc; text-transform: initial;}
:is(.news-preview, .lastestnews) .newsimg {display: flex; max-height: 200px; position: relative;}
.news-preview .newsimg img {object-fit: cover; object-position: center;}
:is(.news-preview, .lastestnews, .news) .newsname h4 {display: block;}
:is(.news-preview, .lastestnews) p {line-height: 1.6em; margin-bottom: 0;}
.news-preview a > i {color: #c8b690;}


.homepage .lastestnews {background: #007cba47;}
.homepage .lastestnews h3 {display: block;}
.homepage .lastestnews h3 > span:before {content: "\E924";}
.homepage .lastestnews .imgdiv > img {object-fit: cover; object-position: center; height: 170px; width: 170px; border-radius: 50%; border: 2px solid #ebf4f8;}
.homepage .lastestnews .newsdate {background: #ffffffbd; color: var(--teget-color);}
.homepage .lastestnews .service-box > div {min-height: unset;}
.homepage .lastestnews .newscat > span {color: #6397b1;}
.homepage .lastestnews p  {margin-bottom: 10px;}




:is(.homepage, .o-nama) .locations-info-content ul > li {position: relative; padding-left: 30px; border-bottom: 1px solid #eee; line-height: 1.6em; font-weight: 300;}
:is(.homepage, .o-nama) .locations-info-content ul:nth-child(2) > li {border: none;}
/*:is(.homepage, .o-nama) .locations-info-content :is(ul:first-child, ul:nth-child(2) ) > li:first-child {padding-left: 0;}*/
:is(.homepage, .o-nama) .locations-info-content ul > li svg {width: 22px; position: absolute; left: 0;}
:is(.homepage, .o-nama) .locations-info-content ul > li:before {content: ""; font: 16px "icomoon"; color: #c8b690; background-color: transparent; position: absolute; left: 0; top: 5px;}
:is(.homepage, .o-nama) .locations-info-content .location-address:before {content: "";}
:is(.homepage, .o-nama) .locations-info-content .location-phone:before {content: "\E921";}
:is(.homepage, .o-nama) .locations-info-content .location-email:before {content: "\E90C";}
/*:is(.homepage, .o-nama) .locations-info-content .location-wt:before {content: "\E912";}*/
:is(.homepage, .o-nama) .locations-info-content ul:nth-child(2) > li svg {fill: #60d460;}

:is(.homepage, .o-nama) .locations-info-content .location-address > a {display: block; color: var(--teget-color); font-weight: 700;}



.locations-home {z-index: 2; position: relative; margin-top: -55px;}
.locations-home .swiper-container {padding-bottom: 20px;}
.locations-home .effect-hover {padding-bottom: 15px;}
.locations-home .effect-zoe > img {position: relative; display: block; min-height: 100%; max-width: 100%; filter: sepia(.3);}
.locations-home .effect-hover:hover :is(.effect-content, .effect-element), .effect-zoe:hover :is(.effect-content, .effect-element) { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); color: #333;}
:is(.locations-home .effect-hover:hover, .effect-zoe:hover) .effect-element {-webkit-transition-delay: 0.05s; transition-delay: 0.05s;}
:is(.locations-home .effect-hover:hover, .effect-zoe:hover) .effect-element2 {-webkit-transition-delay: 0.2s; transition-delay: 0.2s;}
.locations-home h4 {position: relative; z-index: 1; margin: -15px auto; background: #fff; padding: 10px 20px; width: 100%; box-shadow: 0 10px 10px #ddd; display: flex; align-items: center;}

.locations-home :is(.effect-hover h4 > span, .effect-zoe ~ h4.zoe-h4 > span, .effect-hover h4 > img, .effect-zoe ~ h4.zoe-h4 > img)  {position: relative; display: block; transition: all 0.3s;}
.locations-home .effect-hover:hover h4 > span, .effect-zoe:hover ~ h4.zoe-h4 > span, .locations-home .effect-hover:hover h4 > img, .effect-zoe:hover ~ h4.zoe-h4 > img  {z-index: 0; opacity: 0;}

.locations-home .swiper-slide {display: block; text-align: inherit;  font-size: inherit;}
.locations-home .effect-zoe {position: relative; overflow: hidden; display: block;}
.locations-home .effect-zoe:after {content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; position: absolute; background: #e1f3fb33; }
.locations-home .effect-zoe .effect-content {position: absolute; left: 0; width: 100%; top: auto; bottom: 0; padding: 1em; height: 100%; background: #fff; color: #3c4a50; padding: 2em; color: #fff;  z-index: 9;}

.effect-zoe .effect-content, .effect-zoe .effect-element {-webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}




.static h1 {padding: 50px 0; z-index: 2; position: relative; }
.breadcrumb {background-color: transparent; padding-left: 0;}
.static .title-header {position: relative; background: url(/img/back/blog-back-1.jpg) no-repeat center; background-size: cover; padding-top: 180px;}
.static .title-header:after {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 124 186 / 53%); z-index: 1;}
.o-nama .title-header {background: url(/img/back/pharm-comp.jpg);}


.o-nama .title-header {margin-bottom: 0;}
.o-nama p {line-height: 1.7em; font-size: 18px;}
.o-nama p > a {font-weight: 700; text-decoration: underline;}
.o-nama p > a:hover {text-decoration: none;}
.o-nama .blue-back {background: #007cba14;}
.o-nama .parallax-container {position: relative; color: #fff;}
.o-nama .parallax-container:after {position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(90deg, #000000ad, #007bafb3);}
.o-nama .parallax-container .parallax-content {z-index: 9;}
.o-nama .parallax-container .parallax-content img {border-radius: 100%; padding: 30px; background: linear-gradient(90deg, #e6f0f5c2, #007bafb3);}
.o-nama .locations-home {padding-top: 30px; padding-bottom: 70px;}




.nase-apoteke #map {height: 300px; box-shadow: inset 0 0 15px 3px #ddd!important;}
.nase-apoteke #map > div > div > div:nth-of-type(2) > div:nth-of-type(2), .kontakt #mapaMarker > div > div > div:nth-of-type(2) > div:nth-of-type(2)  {box-shadow: inset 0 0 15px 3px #ddd!important; transition: all 0.2s ease;}
.nase-apoteke .gm-style-iw {overflow-x: hidden; padding: 0; border-radius: 0; max-height: none!important;}
.nase-apoteke .gm-style-iw > div {overflow: hidden!important; max-height: none!important;}
.nase-apoteke .gm-style-iw h4 {position: relative; margin: 0; background-color: #ae841f; color: #fff; font-size: 15px; line-height: 20px; font-weight: 600; text-transform: none; height: 50px; display: flex; 
                                align-items: center; justify-content: center; padding: 0 30px;}
.nase-apoteke .gm-style-iw h4:before {content: ''; width: 40px; height: 30px; background: transparent url(/img/icon/favicon-w.png) no-repeat center; background-size: 30px;}
.nase-apoteke .gm-style-iw ul {padding: 0;}
.nase-apoteke .gm-style-iw ul li {text-align: center; list-style: none; border-bottom: 1px solid #e5e5e5; padding: 8px 0; margin: 0 15px;}
.nase-apoteke .gm-style-iw ul li:last-child {border-bottom: none;}
.nase-apoteke .gm-style-iw table {margin: 0 auto; border-spacing: 0 5px; border-collapse: separate;}
.nase-apoteke .gm-style-iw table td:first-child {width: 40%; text-align: right; border-right: 1px solid #e5e5e5; padding-right: 12px;}
.nase-apoteke .gm-style-iw table td:last-child { width: 60%; text-align: left; padding-left: 12px;}
.nase-apoteke .gm-style-iw ul li a {position: relative; text-decoration: none; transition: color 0.1s ease;}
.nase-apoteke .gm-style-iw ul li a:after {position: absolute; content:"\e913"; font: 16px/21px "icomoon"; color: #c8b690; background-color: transparent; width: 0; margin-left: 6px; transition: color 0.1s ease;}
.nase-apoteke .gm-style-iw ul li a:hover, .nase-apoteke .gm-style-iw ul li a:hover:after {color: var(--blue-color);}



.nase-apoteke .pharmacy-list-block {padding: 40px 0 30px;}
.nase-apoteke .pharmacy-list-block:nth-child(2n+0) {background-color: #ffffff99;}
.nase-apoteke .pharmacy-list-block > div:nth-of-type(1) {color: #6e7275;}
.nase-apoteke .pharmacy-list-block > div:nth-of-type(1) h4 {border-bottom: 1px solid #e5e5e5; font-size: 32px; line-height: 35px; padding: 0 20px 10px; font-family: inherit; color: inherit;}
.nase-apoteke .pharmacy-list-block > div:nth-of-type(1) b {font-size: 48px; line-height: 51px; display: block; margin-top: 12px;}

.nase-apoteke .pharmacy-list-block .pharmacy-grid .location {margin-bottom: 32px;}
.nase-apoteke .pharmacy-list-block .pharmacy-grid a > h2 > img {max-height: 30px; margin-right: 5px;}
.nase-apoteke .pharmacy-list-block .pharmacy-grid .location > img {margin-right: 0; max-height: 40px;}

.nase-apoteke .pharmacy-list-block .pharmacy-grid a.lira-btn {-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; display: block; padding: 14px 0;}                                                    
.nase-apoteke .pharmacy-list-block .pharmacy-grid a h2 {font-size: 17px; line-height: 20px; color: #fff; letter-spacing: 0; font-weight: 700; text-transform: capitalize; 
                                                        -webkit-border-radius: 33px; -moz-border-radius: 33px; border-radius: 33px; border: 0; box-sizing: border-box; margin: 0; margin-right: 43px; font-family: 'Titillium Web', sans-serif;}  
.nase-apoteke .pharmacy-list-block .pharmacy-grid a span {-webkit-border-radius: 0 33px 33px 0; -moz-border-radius: 0 33px 33px 0; border-radius: 0 33px 33px 0;}      
.nase-apoteke .pharmacy-list-block .pharmacy-grid a:hover span {border-radius: 31px;}
                                                    
                                                    
.nase-apoteke .pharmacy-list-block .pharmacy-grid a:hover {text-decoration: none;}
.nase-apoteke .pharmacy-list-block .pharmacy-grid ul {padding-left: 0;}
.nase-apoteke .pharmacy-list-block .pharmacy-grid ul > li {display: block; color: #000; border-bottom: 1px solid #e5e5e5; font-size: 15px; line-height: 18px; font-weight: 400; text-align: center; padding: 12px 0;}
.nase-apoteke .pharmacy-list-block .pharmacy-grid ul > li > a {color: #000;}
.nase-apoteke .pharmacy-list-block .pharmacy-grid ul > li > a:hover {color: var(--blue-color);}
.nase-apoteke .pharmacy-list-block .pharmacy-grid table {color: #000; border-spacing: 0 9px; border-collapse: separate; margin: 10px auto 0; min-width: 160px;}

.nase-apoteke .pharmacy-list-block .pharmacy-grid table td:first-child {border: none; border-right: 1px solid #e5e5e5; padding: 0 12px 0 0;}
.nase-apoteke .pharmacy-list-block .pharmacy-grid table td:last-child {border: none; promotion-listpadding: 0 0 0 12px;}




.brendovi .brand-letters {justify-content: flex-start; align-items: flex-start;}
.brendovi .brand-letters .one-letter {width: calc(100%/6); text-align: center; margin-bottom: 50px;}
.brendovi .brand-letters .one-letter ul {list-style: none; padding: 0;}
.brendovi .brand-letters .one-letter :is(h2, ul li a) {text-transform: uppercase;}

.brand h1:before {content: '\E92A'; font-size: 30px; line-height: 34px;}
.brand h3:before {content: "\e918";}
.brand .promotion-list li {display: grid; align-items: center; gap: 30px; grid-template-columns: 80px 200px auto; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.brand .promotion-list {list-style: none; padding: 0;}
.brand .promotion-list li img {max-width: 70px;}


/*.brand-row {border: 1px solid #eaeaea; padding: 15px 0;}*/
.brendovi .brand-row .letter { color: #ccc; font-size: 120px; margin-top: 20px; text-align: center; }
.brendovi ul.list-of-brands { margin: 0 15px 15px 15px; padding: 0; height: 140px; display: flex; flex-direction: column; flex-wrap: wrap; }
.brendovi ul.list-of-brands li { list-style-type: none; width: 250px; font-size: 11px;}

.brendovi ul.letters { margin: 0 0 50px 0; padding: 0; }
.brendovi ul.letters li {list-style-type: none; display: inline-block;}


.location-one h2 {margin-bottom: 20px;}
.location-one .header-title {position: relative; background: transparent url(/img/back/header-apoteka.jpg) /*url(/img/back/location-back-test.jpg)*/ no-repeat center left; background-size: cover; 
                                min-height: 400px; margin-bottom: 30px; margin-top: 100px;}
/*.location-one .header-title:after {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(90deg, #00000057, transparent);}*/


.location-one .pharmacy-info-box {background-color: rgba(255, 255, 255, 0.95); border-bottom: none; box-shadow: 0 0 3px #72808a; position: absolute; left: 50%; width: 380px; margin-left: -590px; top: 200px; text-align: left;}
.location-one .pharmacy-info-box h1 {font-size: 22px; line-height: 26px; margin-bottom: 20px; padding-left: 16px; padding-right: 16px; text-align: left;}
.location-one .pharmacy-info-box p {margin-bottom: 24px; padding: 0 16px; font-size: 16px; line-height: 24px;}
.location-one .pharmacy-info-box p a {display: block; color: var(--blue-color);}
.location-one .pharmacy-info-box .pharmacy-info-contact {border-top: 1px solid #a1abb2; clear: both; overflow: hidden;}
.location-one .pharmacy-info-box .pharmacy-info-contact a {box-sizing: border-box; color: inherit; display: block; float: left; padding: 10px 15px; text-align: center; width: 50%; text-decoration: none; transition: all 0.2s ease-in-out;}
.location-one .pharmacy-info-box .pharmacy-info-contact a:hover {background: #fff;}
.location-one .pharmacy-info-box .pharmacy-info-contact a + a { border-left: 1px solid #a1abb2;}
.location-one .pharmacy-info-box .pharmacy-info-contact a > span {position: relative; padding-left: 30px;}
.location-one .pharmacy-info-box .pharmacy-info-contact a > span:before {content:"\E915"; font: 18px/24px "icomoon"; color: var(--blue-color); background-color: transparent; position: absolute; left: 0;}
.location-one .pharmacy-info-box .pharmacy-info-contact a + a > span:before {content:"\E914";}

.location-one .description {font-size: 1.25em; line-height: 1.4em;}
.location-one .description2 {font-size: 1.1em; line-height: 1.3em;}

.location-one ul:is(.working-hours, .contact-info, .pharmacies-city) {border-top: 1px solid #c6cdd1; font-size: 18px; line-height: 44px; margin: 0;}
.location-one ul:is(.working-hours, .contact-info, .pharmacies-city) > li {display: block; /*justify-content: space-between; align-items: center;*/ padding: 0; border-bottom: 1px solid #c6cdd1; }
.location-one ul:is(.working-hours, .contact-info, .pharmacies-city) > li > span {display: inline-block; float: right;}
.location-one ul.working-hours li > span {color: #1f566e; font-weight: 700;}
.location-one ul.contact-info li:nth-child(2) > span {float: none; text-align: right; display: block;}
.location-one ul:is(.working-hours, .contact-info, .pharmacies-city) > li a {color: var(--blue-color);}

.location-one .pharmacy-img-list {display: grid; font-size: 0; grid-gap: 10px; grid-template-columns: repeat(5, 1fr); margin: 20px 0;}
.location-one .pharmacy-img-list > li > a {position: relative; display: flex; max-height: 110px; overflow: hidden; webkit-transition: all .2s ease-in-out;
                                        -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.location-one .pharmacy-img-list > li > a > img {width: 100%; height: 100%; object-fit: cover;}
.location-one .pharmacy-img-list > li > a:before {position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: auto; height: auto; background-color: transparent; z-index: 999;content: "\f067"; 
                                                    font-family: "Font Awesome 5 Free"; font-size: 16px; font-style: normal; font-weight: 700; pointer-events: none; -webkit-font-smoothing: antialiased; color: #fff; opacity: 0;}
.location-one .pharmacy-img-list > li > a:hover:before {opacity: 1; cursor: pointer;}                                                    
.location-one .pharmacy-img-list > li > a:after {position: absolute; content: ''; width: 100%; height: 100%; background-color: rgb(0 123 175 / 60%); top: 0; left: 0; opacity: 0; webkit-transition: all .2s ease-in-out;
                                        -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.location-one .pharmacy-img-list > li > a:hover:after {opacity: 1; cursor: pointer;} 




.location-one .contact-info li > i {color: #d0d0d0;}
.location-one .contact-info li {position: relative; font-size: 17px;}
.location-one .contact-info li svg {width: 24px; margin-bottom: -5px;}

.location-one .contact-info li:is(:nth-child(2), :nth-child(3), :nth-child(4), :nth-child(5)):before {content: "\E924"; font: 21px/48px "icomoon"; color: #c8b690; background-color: transparent; position: absolute; left: 0;}
.location-one .contact-info li:nth-child(3):before {content: "\E921";}
.location-one .contact-info li:nth-child(4):before {content: "\E921"; transform: rotate(270deg);}
.location-one .contact-info li:nth-child(5):before {content: "\E90C";}
.location-one .contact-info li > a {display: block;}

.location-one .recepti img {padding: 20px;}

.location-one .pharmacy-map {border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.location-one .pharmacies-city li img {max-width: 22px; margin-top: -3px;}




.promocije-apoteke .swiper-slide {background-color: #007cba0a; display: flex; flex-direction: row; padding: 0;position: relative; margin-bottom: 0; z-index: 9; border-right: 1px solid #eee;  transition: all 0.3s ease;}
.promocije-apoteke .swiper-slide:nth-child(2n+1) {background-color: background-color: #007cba0a;}
.promocije-apoteke .swiper-slide > a {width: 100%; margin: 0; border: none!important; border-radius: 0; font-size: 20px; transition: all 0.3s ease; z-index: 9; padding: 20px 0;}
.promocije-apoteke .swiper-slide a > span {display: block; text-align: center; color: #a27e31; font-weight: 200; font-size: 18px; transition: all 0.2s ease;}
.promocije-apoteke .swiper-slide a > p {margin: 0; color: #1f566e; text-transform: uppercase; font-weight: 700; font-size: 14px;}

.promocije-apoteke .swiper-slide.active {border: none; transition: all .3s; position: relative;}
.promocije-apoteke .swiper-slide:hover {border-right-color: #fff;}
.promocije-apoteke .swiper-slide:hover span {font-weight: 400; color: #1f566e;}
.promocije-apoteke .swiper-slide.active > a  {background: linear-gradient(0deg, var(--main-color) 0%, #f8f6f7 100%); color: #fff; border: none;}
.promocije-apoteke .swiper-slide.active > a > span {color: #fff; font-weight: 700;}
.promocije-apoteke .swiper-slide:not(.active) > a:hover {background: #fff; color: var(--blue-color);}
.promocije-apoteke .swiper-slide a > div {text-align: center;}


.promocije-apoteke .swiper-slide.active:after  {content: ""; position: absolute; display: block; width: 22px; height: 22px; right: 45%; bottom: -11px; background: var(--main-color); transform: rotate(45deg); z-index: 1;}

.promocije-apoteke .swiperAkcije {/*box-shadow: 0 10px 40px 0 rgb(85 41 122 / 28%)*/; overflow: unset; overflow-x: clip;}
.promocije-apoteke ul.swiper-wrapper {display: flex; z-index: 9; position: relative; border-bottom: none;}
.promocije-apoteke .swiper-slide > a {}
.promocije-apoteke .swiper-slide > a:focus, .promocije-apoteke .swiper-slide > a:visited {text-decoration:none;}
.promocije-apoteke .swiper-slide > a:hover {text-decoration: none;}
.promocije-apoteke .najava a {flex-direction: column;}
.promocije-apoteke .najava a i {font-size: 24px; margin-top: 5px;}



.promocije-apoteke .swiper-container-holder {position: relative; transition: all 2.3s ease; z-index: 2;}


.promocije-apoteke .tab-content {cursor: default;}
.promocije-apoteke .no-promo {padding: 40px 0;}
.promocije-apoteke .no-promo p, .promocije-apoteke .no-promo span {text-align: center; display: block;}
.promocije-apoteke .no-promo p {font-size: 20px; color: var(--blue-color);}



.akcije-promocije .tab-content .tab-pane .one-promotion {/*justify-content: flex-start;*/ transition: all 0.3s ease; position: relative; overflow: hidden; z-index: 9;}
.akcije-promocije .tab-content .tab-pane .one-promotion:hover {/*border-color: #577783;*/}

.akcije-promocije .tab-content .tab-pane .one-promotion > div {padding: 15px;}

.akcije-promocije .tab-content .tab-pane .one-promotion:nth-child(odd) > div {background-color: #fff;}
.akcije-promocije .tab-content .tab-pane .one-promotion:nth-child(even) > div {background-color: #007cba0a;}
.akcije-promocije .tab-content .tab-pane .one-promotion > div:hover {background: #33333314;}
.akcije-promocije .tab-content .tab-pane a {transition: all 0.2s ease;}

.akcije-promocije .tab-content .tab-pane .one-promotion img {max-width: 60px; max-height: 60px;}
.akcije-promocije .tab-content .tab-pane .one-promotion span {font-weight: 700;}
.akcije-promocije .tab-content .tab-pane .one-promotion a > div:nth-of-type(3) span {font-weight: 700; color: var(--blue-color);}

.akcije-promocije .tab-content .tab-pane .nazivpromocije {color: #333; padding: 10px; text-align: center; font-size: 16px; border-bottom: 1px dotted #bbb; font-weight: 600;}
.akcije-promocije .tab-content .tab-pane .datumvreme span {font-weight: 700;}
.akcije-promocije .tab-content .tab-pane .text-left {justify-content: left!important; }

.akcije-promocije .najava-akcija img {max-height: 60px;}
.akcije-promocije .najava-akcija a {background: #fff; padding: 10px}
.akcije-promocije .najava-akcija a :is(div, span) {font-weight: 700;}
.akcije-promocije .najava-akcija a > span {color: var(--blue-color);}
.akcije-promocije .najava-akcija a > div {padding: 5px 0; border-bottom: 1px solid #ddd; margin-bottom: 5px;}
.akcije-promocije .najava-akcija h3 > i {color: #c8b690; margin-right: 5px;}


.promotion-one .main-content {border-bottom: 1px solid #eee;}
.promotion-one .main-content > div:first-of-type {justify-content: space-between; border-bottom: 1px solid #eee; flex-wrap: nowrap;}
.promotion-one .main-content .description {border-bottom: 1px solid #eee; padding-bottom: 30px;}
.promotion-one .main-content img {max-width: 200px;}

.promotion-one .datefromto {position: relative; padding-left: 70px; padding-bottom: 20px; line-height: 2em;}
.promotion-one .datefromto:before {content: "\E924"; font: 40px/40px "icomoon"; color: var(--teget-color); transition: color .2s ease-in-out; position: absolute; width: 30px; display: block; left: 0; top: calc(50% - 24px);}
.promotion-one .datefromto > div {color: var(--blue-color); font-weight: 700; font-size: 1.2em; display: table; padding: 3px; position: relative;}
.promotion-one .datefromto > div > span {min-width: 140px; display: inline-block; color: var(--teget-color);}
.promotion-one .datefromto > div:nth-child(2) {color: #fb8874;}
.promotion-one .datefromto > div:after {content: ''; position: absolute; width: 100%; bottom: -5px; height: 1px; left: 0; z-index: 9; background: linear-gradient(270deg, #007CBA, #1f566e);}
.promotion-one .datefromto > div:nth-child(2):after {background: linear-gradient(90deg, #1f566e, #fb8874);}

.promotion-one .promolist img {border-radius: 100%; padding: 30px; transition: all 0.2s ease; position: relative;}
.promotion-one .promolist img:hover {padding: 10px;}
.promotion-one .promolist .promolist-brand:hover ~ img {padding: 10px;}
.promotion-one .promolist a:nth-of-type(2) {font-weight: 700;  border-bottom: 1px solid #ddd; display: block; padding-bottom: 5px; margin-bottom: 5px;}
.promotion-one .promolist img.promolist-brand {position: absolute; bottom: 70px; right: -12px; max-width: 100px; z-index: 1; height: auto; border: 1px solid white; box-sizing: content-box; border-radius: 0; background: #ffffffd1; padding: 3px; border-radius: 20px 0 20px 0; box-shadow: 1px 1px 2px #eee;}
.promotion-one .promolist span {color: #fb8874;}








.blog .news-template-short3 h4 {color: var(--teget-color);}

.news h1 > span:before {content: "\E924"; font-size: 30px; line-height: 34px;}
.news h1 .title-icon {padding-left: 40px;}
.news :is(h1, h3, h4) {font-weight: normal;}
.news .sidebar {padding: 20px 0;}
.news .news-title {justify-content: flex-start;}
.news .news-title .newsdate {background: #a27e31;}



.kontakt #mapaMarker {z-index: 9;}

.kontakt .content form :is(input,textarea):not(input[type=submit]) {border: none; box-shadow: none; background: transparent; border-bottom: 2px dashed #9f9f9fe6; padding: 15px; transition: all .2s ease-in-out;}
.kontakt .content form :is(input:focus,textarea:focus):not(input[type=submit]) {/*background: #edf1f1;*/ background: #fff; border-bottom: 2px solid var(--blue-color);}

.kontakt .contact-info-box {display: flex;}
.kontakt .contact-info-left {position: relative; width: 50%;  margin-top: -200px; z-index: 1; padding: 200px 20px 30px 40px; box-shadow: 2px 2px 12px #eee;}
.kontakt .contact-info-left * {position: relative; z-index: 9;}
.kontakt .contact-info-left:after {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: #007cba0a; z-index: 2;}
.kontakt .contact-info-left li {position: relative; font-size: 20px; padding: 10px 0; display: block;}
.kontakt .contact-info-left li:before {display: inline-block; position: absolute; left: 0; top: 12px; color: #d0cabe;}
.kontakt .contact-info-left li :is(a, span)  {padding-left: 40px;}
.kontakt .contact-info-left li span {}
.kontakt .contact-info-left li:nth-child(3):before {content:"\E912";}
.kontakt .contact-info-left :is(.footer-inst, .footer-fb):after {color: #007cba;}


.kontakt .contact-info-right {background: #fff; padding: 200px 20px 30px 40px; margin-top: -200px; /*border-right: 1px solid #eee; border-bottom: 1px solid #eee;*/ box-shadow: 2px 2px 12px #eee; z-index: 2;}
.kontakt .contact-info-right ul li {position: relative; padding-left: 30px; line-height: 1.4em;}
.kontakt .contact-info-right ul span {font-size: 22px; margin-bottom: 10px; display: block; line-height: 1.4em;}
.kontakt .contact-info-right ul li:before {content: "\E902"; font: 13px/20px "icomoon"; color: #c8b690; background-color: transparent; position: absolute; left: 0; top: 2px; width: 30px; display: inline-block;}

.kontakt .swiper-container-holder {padding: 20px 0;}
.kontakt .swiperLocation img:first-child {max-width: 50px;}
.kontakt .swiperLocation img:last-child {width: 180px; height: 180px;}
.kontakt .swiperLocation img:last-child:after {content: ""; display: block; padding-bottom: 100%;}

.kontakt .swiper-wrapper > img {}
.kontakt .location-slide {flex-direction: column; position: relative;}
.kontakt .location-slide:after {position: absolute; content: ''; background: url(/img/favicon.png); width: 50px; height: 50px; display: block; right: -25px; z-index: 9; background-size: 50px 50px;}
.kontakt .location-slide > a {color: var(--blue-color);}
.kontakt .location-slide > * {border-bottom: 1px solid #e6e6e6; padding: 5px 0;}
.kontakt .location-slide > span:last-of-type {border-bottom: none;}


.kontakt .next-prev {bottom: -30px;}
.kontakt :is(.swiper-button-prev, .swiper-button-next) {color: #eee;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: var(--blue-color);}





footer .details {position: relative; background-color: #337ab70a;}
     
.footer-ribbon {position: absolute; top: -16px; padding: 10px 16px; color: #fff; font-size: 1.2em; z-index: 101; background-color: var(--blue-color); font-family: 'Shadows Into Light', cursive; letter-spacing: 1px; font-family: 'nk252regular'; text-transform: uppercase;}
.footer-ribbon:before { content: ""; height: 0; position: absolute; top: 0; width: 7px; right: 100%; border-right: 10px solid #063248; border-top: 16px solid transparent;}

footer .details h4 {margin-bottom: 0;}
footer .details h4::before {display: none;}

footer .logo {max-width: 200px; height: auto; margin: 0 0 20px;}

footer .footer-info li a {position: relative; padding-left: 40px; line-height: 40px; font-size: 1.2em; color: var(--blue-color);}
footer .footer-info li a:hover {padding-left: 40px;}
footer .footer-info li a::before, .kontakt .contact-info-left li:before {content:"\e929"; font: 22px/20px "icomoon"; color: #c8b690; background-color: transparent; width: 0;}
footer .footer-info li.footer-phone a::before, .kontakt .contact-info-left li:nth-child(2):before {content:"\e921";}

footer ul > li > a {position: relative; padding-left: 25px;  -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; display: inline-block;}
footer ul > li > a:before {content: ""; position: absolute; display: block; width: 10px; height: 2px; background-color: var(--blue-color); top: 11px; visibility: visible; transform: scale(1);}
footer ul > li > a:hover {padding-left: 15px; padding-right: 15px;}
footer ul > li > a:hover:before {width: 4px;}


footer .footer-city {position: relative; padding: 18px 0; display: flex;}
footer .footer-city:after {content: ""; position: absolute; display: block; width: 417px; height: 548px; background: url(img/back/doktor.png) no-repeat 0 0; background-size: contain; right: -90px; bottom: 0;}
footer .footer-city a {position: relative; display: flex; align-items: center; font-size: 1.8rem; font-weight: 700;}
footer .footer-city a span {margin-right: 13px; display: flex;}


footer .signature {background: var(--blue-color); background: #2e2c26;}
footer .signature span {font-family: 'nk252regular'; font-size: 30px;}


footer .footer-social {margin-top: 30px;}
footer .footer-social a, .kontakt .contact-social a {display: inline-block; transition: transform .4s ease-in-out; margin-right: 20px; padding: 5px;}
footer .footer-social a:before, .kontakt .contact-social a:before {display: none;}
footer .footer-social a:after, .kontakt .contact-social a:after {content: "\e907"; font: 30px/30px "icomoon"; color: #c8b690; transition: color .2s ease-in-out; }
footer .footer-social a.footer-inst:after, .kontakt .contact-social a.footer-inst:after {content: "\e90a";}
footer .footer-social a:hover, .kontakt .contact-social a:hover {/*transform: rotate(360deg);*/}
footer .footer-social a:hover, footer .footer-social a:visited, footer .footer-social a:focus, .kontakt .contact-social a:hover, .kontakt .contact-social a:visited {text-decoration: none;}
footer .footer-fb:hover:after, .kontakt .footer-fb:hover:after {color: #3b5998;}
footer .footer-inst:hover:after, .kontakt .footer-inst:hover:after {color: #E1306C;}


@font-face{font-family:'icomoon';src:url('/vendors/fonts/icomoon2.woff') format('woff'); font-weight:normal;font-style:normal;font-display:block}

.icon-bc{content:"\e913"}.icon-user{content:"\e912"}.icon-secure{content:"\e911"}.icon-search{content:"\e910"}.icon-schedule{content:"\e90f"}.icon-percentage{content:"\e90e"}.icon-nav-down{content:"\e90d"}.icon-newsletter{content:"\e90c"}.icon-lotion{content:"\e90b"}
.icon-in{content:"\e90a"}.icon-fb{content:"\e907"}.icon-gift{content:"\e909"}.icon-flyers{content:"\e908"}.icon-delivery{content:"\e906"}.icon-danger-white{content:"\e905"}.icon-danger-red{content:"\e904"}.icon-contract{content:"\e903"}
.icon-checkmark-footer{content:"\e902"}.icon-check{content:"\e901"}.icon-cart{content:"\e900"}.icon-whatsapp{content:"\e916"}.icon-viber{content:"\e915"}.icon-email{content:"\e914"}.icon-pdf{content:"\e917"}.icon-arrow-left{content:"\e919"}
.icon-close{content:"\e91a"}.icon-garbage{content:"\e91b"}.icon-coupon{content:"\e91c"}.icon-cards{content:"\e91d"}.icon-return{content:"\e91e"}.icon-gift2{content:"\e91f"}.icon-discount{content:"\e918"}.icon-priority{content:"\e920"}
.icon-phone{content:"\e921"}.icon-checked{content:"\e922"}.icon-arrow-light{content:"\e923"}.icon-skin-care{content:"\e928"}.icon-patches{content:"\e927"}.icon-mother{content:"\e926"}.icon-medicine{content:"\e925"}.icon-favorites{content:"\e924"}
.icon-mail2{content:"\e929"}.icon-price-tags{content:"\e92a"}.icon-pin{content:"\e93a"}



.compensate-for-scrollbar {margin-right: 0!important;}

.lira-btn { font-family: inherit; position: relative; display: inline-block; vertical-align: middle; width: auto; outline: 0; font-size: 14px; line-height: 16px; letter-spacing: 0; font-weight: 700; text-transform: uppercase; -webkit-border-radius: 3px;
            -moz-border-radius: 3px; border-radius: 3px; border: 0; box-sizing: border-box; margin: 0; -webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
            -moz-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out; transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out; padding: 18px 28px; cursor: pointer;
            color: #fff!important; background-color: var(--blue-color); border: 2px solid #fff; } 
.lira-btn .lira-btn-text {margin-right: 43px;}
.lira-btn-icon {width: 48px; position: absolute; right: 0; top: 0; height: 100%; background-color: var(--main-color); text-align: center; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; 
                -webkit-transition: all .3s cubic-bezier(0,0,.2,1); -moz-transition: all .3s cubic-bezier(0,0,.2,1); transition: all .3s cubic-bezier(0,0,.2,1); }
.lira-btn-icon i {position: relative; display: inline-block; line-height: inherit; padding: 0; font-size: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.lira-btn:hover .lira-btn-icon { width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } 
.lira-btn:hover, .lira-btn:hover span {text-decoration: none; color: #fff;}
.lira-btn-icon-dark {background-color: #1f566e;}
    
    


.fb-like :is(span, span iframe) {width: 100%!important;}





/* lg i veći */
@media only screen and (min-width: 992px) {
    .flex-lg {display: flex; align-items: center;}
    
}


/* lg i manji */
@media only screen and (max-width: 991px) {
    .text-center-lg {text-align: center;}
    .o-nama .parallax-container .parallax-content img {max-width: 200px; display: block; margin: 0 auto 20px; padding: 20px;}
    .o-nama .swiperOneSlide .swiper-wrapper {margin: 30px 0;}
    
    .location-one .pharmacy-img-list {margin-bottom: 30px;}
    
    .news h1 {font-size: 28px; letter-spacing: -1px;}
    .news .service-box {margin-bottom: 30px;}
    .news .service-box > div {min-height: unset;}

}





@media only screen and (max-width: 767px) {

h2 {font-size: 26px;}
h3 {font-size: 23px;}

#nav-section {margin: 0;}
header .bottom {background: #ffffffe0; position: fixed; top: 0; z-index: 999; width: 100%; transition: background .2s ease-in;}
.homepage header .bottom {background: transparent; }

header .navbar-header {min-height: 70px;}
header .navbar-header .navbar-brand > img {height: 60px;}
header .navbar-collapse {background: #fff;}
header .navbar-collapse ul {text-align: center;}
header .navbar-default .navbar-toggle {background-color: transparent; border: none; margin-right: 10px; margin-top: 18px;}
header .navbar-default .navbar-toggle .icon-bar {background-color: var(--teget-color);}
header .solid-menus .navbar-brand.navbar-brand-center {position: relative; left: unset;}
header .solid-menus .navbar-pos-search, header .solid-menus .navbar-pos-search a {position: relative; top: unset; right: unset; width: auto; height: auto; line-height: inherit;}
#nav-section .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}

.navbar-collapse.in {-moz-transition: all .4s cubic-bezier(.455,.03,.515,.955); transition: all .4s cubic-bezier(.455,.03,.515,.955); height: calc(100vh - 70px); display: flex; justify-content: center; align-items: center; padding: 20px;}
.navbar-collapse > ul > li {opacity: 0; -moz-transition: all .6s cubic-bezier(.455,.03,.515,.955); transition: all .6s cubic-bezier(.455,.03,.515,.955);}
.navbar-collapse.in > ul > li {opacity: 1; -moz-transition: all .6s .4s cubic-bezier(.455,.03,.515,.955); transition: all .6s cubic-bezier(.455,.03,.515,.955) .4s;}
#nav-section .navbar-default .navbar-collapse .navbar-nav > li a {font-size: 1.3em; text-transform: inherit; color: var(--teget-color); font-weight: 700; line-height: 32px;}
#nav-section .navbar-default .navbar-collapse .navbar-nav > li a:hover {text-decoration: underline;}
#nav-section .navbar-default .navbar-collapse .navbar-nav > li a i {margin-left: 5px;}
#nav-section .navbar-default .navbar-collapse .social-menu li a {padding: 20px; text-decoration: underline; font-size: 1.1em;}
#nav-section .navbar-default .navbar-collapse > div > ul:nth-of-type(3) li a { color: #077eb1;}

#nav-section .solid-menus .no-bg li.active a {color: #a27e31!important; background: none;}

.text-center-sm {text-align: center;}
.static .title-header {padding-top: 100px;}
.top100 {padding-top: 70px;}

.video-text h1 {font-size: 56px;}
.lira-btn {padding: 18px 20px;}

.video-wrap {/*margin-top: 50px;*/}

.fixedbackground {background: #fff!important;}


.title-icon {padding-left: 0; text-align: center;}
.title-icon:before {top: -25px; left: calc(50% - 11px);}

.homepage .promo-wrapper {text-align: center;}
.homepage .promo-wrapper .lira-btn {margin: 30px 0;}
.homepage .promo-wrapper .promo {display: block;}

.homepage .promo-wrapper .promo ul.nav-tabs {display: grid; width: 100%;}
.homepage .promo-wrapper .promo ul.nav-tabs li {}
.homepage .promo-wrapper .promo ul.nav-tabs li a {display: flex; justify-content: space-between; padding: 8px 15px; align-items: center;}

.homepage .promo-wrapper .promo .tab-content {padding: inherit;}
.homepage .promo-wrapper .promo .tab-content .tab-pane {height: 300px;}
.homepage .promo-wrapper .promo .tab-content .tab-pane .one-promotion {padding: 5px 0;}

.homepage .about-us-wrap-out {padding-bottom: 50px;}
.homepage .about-us-home {display: block; width: 100%;}
.homepage .about-us-home .about-us-text {display: block; width: 100%; margin-left: auto; padding: 20px 25px; box-shadow: none;}
.homepage .about-us-img {width: 100%;}

.homepage .about-us-home .about-buttons {text-align: center; margin: 0 auto; display: block;}
.homepage .about-us-home .about-buttons a {margin: 10px 0;}

.homepage .brand-title-icon {margin-top: 60px;}


.homepage .kozmetika  {padding: 40px 0 80px;}
.homepage .kozmetika > div > .row {display: block;}
.homepage .kozmetika .row > div:first-of-type {display: grid;}
.homepage .kozmetika > div > .row > div h3 {order: 1}
.homepage .kozmetika .row > div:first-of-type img {order: 2; max-width: 100%; margin-top: 20px;}
.homepage .kozmetika > div > .row > div p {order: 3}

.homepage .baner3 .baneri {display: block;}
.homepage .baneri .baner-text > div {max-width: 80%; padding-left: 15px; padding-bottom: 15px;}
.homepage .baneri .baner-text > div > span:nth-child(2) {font-size: 30px;}
.homepage .baneri > div:nth-child(2) span:nth-child(2) {font-size: 24px;}


.homepage .lastestnews .one-news {display: block;}
.homepage :is(.lastestnews, .news-home) .service-box {margin-top: 30px;}
.homepage :is(.lastestnews, .news-home) .service-box > div {margin-bottom: 10px;}

.homepage .news-home {padding-top: 20px;}


.o-nama .locations-home {padding-bottom: 30px;}

.nase-apoteke .pharmacy-list-block .location {margin-bottom: 30px;}
.nase-apoteke .pharmacy-list-block > div > div > div:nth-of-type(1) {margin-bottom: 50px;}


.location-one .header-title {margin-top: 70px; min-height: 140px; position: relative;}
.location-one .recepti {margin: 50px 0;}
.location-one .recepti img {max-width: 50%; margin: 0 auto; display: block;}
.location-one .pharmacy-info-box {position: relative; top: 0; left: 0; margin-left: 0; width: 100%; margin-top: 0; box-shadow: none; background: transparent; border-bottom: 1px solid #a1abb2;}
.location-one .banner {margin-top: 30px;}
.location-one .pharmacy-img-list {grid-template-columns: repeat(3, 1fr);}


.brendovi .brand-letters .one-letter {width: calc(100%/4);}


.akcije-promocije .najava-akcija p {text-align: center;}

.news .news-title {flex-wrap: nowrap;}

.kontakt .contact-info-box {display: block;}
.kontakt :is(.contact-info-left, .contact-info-right) {margin-top: 0; padding: 20px; text-align: center;}
.kontakt .contact-info-left {width: 100%;}
.kontakt .contact-info-right img {max-width: 80%;}
.kontakt :is(.contact-info-left, .contact-info-right) li {display: table; margin: 0 auto;}
.kontakt .g-recaptcha {}
.kontakt button {margin: 20px auto 0;}



footer .footer-city::after {display: none;}
footer .logo {margin-top: 10px;}
footer .footer-social {margin-top: 0;}
footer .footer-social a {margin: 0 10px 20px;}

footer .signature .row > div {text-align: center;}
footer .signature .row > div:first-child span {padding: 30px 0; display: block;}


}




@media only screen and (max-width: 576px) {
    
    .text-center-xs {text-align: center;}
    .brendovi .brand-letters .one-letter {width: calc(100%/3);}
    .location-one ul.pharmacies-city > li > span {float: none; display: block;}
    footer .footer-city {display: grid; grid-template-columns: 50% 50%; grid-row: auto auto; grid-column-gap: 20px; grid-row-gap: 20px; text-align: center;}
    
}


.scrollToTop {right: 0; border-radius: 0; transition: all 0.3s ease-in;}