@font-face {
font-family: 'Trade Gothic Condensed';
src: url(/fonts/TradeGothic-Condensed.eot);
src: url(/fonts/TradeGothic-Condensed.eot?#iefix) format('embedded-opentype'),
url(/fonts/TradeGothic-Condensed.woff2) format('woff2'),
url(/fonts/TradeGothic-Condensed.woff) format('woff'),
url(/fonts/TradeGothic-Condensed.ttf) format('truetype'),
url(/fonts/TradeGothic-Condensed.svg#TradeGothic-CondensedNo.18) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Trade Gothic Condensed';
src: url(/fonts/TradeGothic-BoldCondensed.eot);
src: url(/fonts/TradeGothic-BoldCondensed.eot?#iefix) format('embedded-opentype'),
url(/fonts/TradeGothic-BoldCondensed.woff2) format('woff2'),
url(/fonts/TradeGothic-BoldCondensed.woff) format('woff'),
url(/fonts/TradeGothic-BoldCondensed.ttf) format('truetype'),
url(/fonts/TradeGothic-BoldCondensed.svg#TradeGothic-BoldCondensedNo.20) format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Trade Gothic';
src: url(/fonts/TradeGothic.eot);
src: url(/fonts/TradeGothic.eot?#iefix) format('embedded-opentype'),
url(/fonts/TradeGothic.woff2) format('woff2'),
url(/fonts/TradeGothic.woff) format('woff'),
url(/fonts/TradeGothic.ttf) format('truetype'),
url(/fonts/TradeGothic.svg#TradeGothic) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Trade Gothic';
src: url(/fonts/TradeGothic-Bold.eot);
src: url(/fonts/TradeGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(/fonts/TradeGothic-Bold.woff2) format('woff2'),
url(/fonts/TradeGothic-Bold.woff) format('woff'),
url(/fonts/TradeGothic-Bold.ttf) format('truetype'),
url(/fonts/TradeGothic-Bold.svg#TradeGothic-Bold) format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Trade Gothic';
src: url(/fonts/TradeGothic-Light.eot);
src: url(/fonts/TradeGothic-Light.eot?#iefix) format('embedded-opentype'),
url(/fonts/TradeGothic-Light.woff2) format('woff2'),
url(/fonts/TradeGothic-Light.woff) format('woff'),
url(/fonts/TradeGothic-Light.ttf) format('truetype'),
url(/fonts/TradeGothic-Light.svg#TradeGothic-Light) format('svg');
font-weight: 300;
font-style: normal;
}.single-news__content-wrapper,
.single-news__content,
.single-news__content figure,
.single-news__content figure video { max-width: 100%; }
.section__content--news { gap: 20px; }
.single-news__content figure { margin: 0; }
.single-news .single-news__content-wrapper img { height: auto; width: auto !important; max-width: 100%; }
.hero__content { position: absolute !important; }
.hero__divider { display: none !important; }
.hero__content-meta { position: absolute !important; bottom: -4px; left: 100px; }
.hero__content-meta .btn--green--full { font-size: 165%; border-radius: 44px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.section--text-slide #copy1 { top: -100px !important; }
.section--text-slide #copy2 { top: 74px !important; }
.section--text-slide #copy3 { top: 210px !important; }
.single-news li { font-family: Trade Gothic, sans-serif; line-height: 1.44444em; color: #424242; font-size: 1.125rem; }
.hero__arrow { left: 10vw; }
@media (min-width: 768px) and (max-width: 991px){
.header__menu-list:first-child { display: none; }
.hero__content-meta { left: auto; text-align: right; }
}
@media (min-width: 320px) and (max-width: 767px){
.hero--main .hero__video-wrapper { top: 20px !important; }
.section--text-slide #copy1 { top: -120px !important; }
.section--text-slide #copy2 { top: 60px !important; }
.section--text-slide #copy3 { top: 160px !important; }
.hero__content-meta { width: auto !important; padding-top: 0 !important; min-height: 75px !important; left: 15px; }
.hero__content-meta .btn--green--full { font-size: 100%; border-radius: 44px !important; }
}
.hero--zlatni { position: relative; background: url(//www.panpivo.hr/wp-content/themes/pan/assets/images/z_bg_desktop.jpg) no-repeat center top; background-size: cover; }
.hero--zlatni > img { position: absolute; }
.zlatni-pasica-d { bottom: 0; left: 0; height: auto; width: 100vw; }
.zlatni-pasica-m { display: none; }
.zlatni-ruka-d { top: -10vh; left: 0; height: 115vh; width: auto; }
.zlatni-ruka-m { display: none; }
.zlatni-tekst { top: 40%; transform: translateY(-50%); right: 4vw; height: auto; width: 56vw; }
.zlatni-container {	width: 100%; position: absolute; bottom: 0;}
.zlatni-container .section__inner { position: relative !important; margin: 0 auto !important; }
@media screen and (max-aspect-ratio: 16/9) {
.zlatni-ruka-d { left: -10vw; }
.zlatni-tekst { right: 4vw; }
}
@media screen and (max-aspect-ratio: 1/1) {
.zlatni-ruka-d { height: 100vh; top: 0; }
.zlatni-tekst { right: auto; left: 2vw; top: 20vh; }
}
@media screen and (max-aspect-ratio: 1/1) and (max-width: 600px) {
.zlatni-ruka-d { display: none; }
.zlatni-ruka-m { display: block; width: 100%; height: auto; left: 0; top: 30px; }
.zlatni-tekst { display: none; }
.zlatni-pasica-d { display: none; }
.zlatni-pasica-m { display: block; bottom: 0; left: 0; height: auto; width: 100vw; }
}
.home .header__menu-link { color: #fff !important; }
.hero--plati { position: relative; background: url(//www.panpivo.hr/wp-content/themes/pan/assets/images/plati-panom/background.jpg) no-repeat center top; background-size: cover; z-index: 0; }
.hero--plati .klas { position: absolute; top: 20vh; left: -30vw; width: 70vw; height: auto; opacity: .2; z-index: -3; }
.hero--plati .lijeva { position: absolute; top: 40vh; left: -14vw; pointer-events: none; }
.hero--plati .lijeva img { position: relative; width: 35vw; height: auto; }
.hero--plati .lijeva:before,
.hero--plati .lijeva:after { content: ''; position: absolute; top: 0; left: 14vw; width: 28vw; height: calc(688 / 260 * 28vw); transform: rotate(28deg); }
.hero--plati .desna { position: absolute; top: 16vh; right: 10vw; pointer-events: none; }
.hero--plati .desna img { position: relative; width: 14vw; height: auto; } 
.hero--plati .desna:before,
.hero--plati .desna:after { content: ''; position: absolute; top: -4vh; left: 3vh; width: 16vw; height: calc(688 / 260 * 16vw); }
.hero--plati .lijeva:before,
.hero--plati .desna:before { background: url(//www.panpivo.hr/wp-content/themes/pan/assets/images/plati-panom/sjena.webp) no-repeat center; background-size: cover; mix-blend-mode: multiply; -webkit-mix-blend-mode: multiply; opacity: .6; z-index: -2; }
.hero--plati .lijeva:after,
.hero--plati .desna:after { background: url(//www.panpivo.hr/wp-content/themes/pan/assets/images/plati-panom/refrakcija.webp) no-repeat center; background-size: cover; mix-blend-mode: overlay; -webkit-mix-blend-mode: overlay; opacity: 1; z-index: -3; }
.hero--plati .desna:before, 
.hero--plati .desna:after {
transform: rotate(-4deg);
top: 2vw;
left: 3vw;
}
.hero--plati .naslov { width: 46vw; height: auto; margin-inline: auto; padding-top: 25vh; display: block; }
.plati-container {	width: 100%; position: absolute; bottom: 0; z-index: 2; }
.plati-container .section__inner { position: relative !important; margin: 0 auto !important; }
@media screen and (max-aspect-ratio: 85/100) {
.hero--plati .klas { top: 2vh; width: 150%; left: 16vw; }
.hero--plati .naslov { width: 82vw; transform: translate(0, -10vh); }
.hero--plati .lijeva { top: 44vh; left: 57vw; transform: rotate(-40deg); }
.hero--plati .lijeva img { width: 60vw; }
.hero--plati .lijeva:before,
.hero--plati .lijeva:after { top: -8vh; left: 7vw; width: 60vw; height: calc(688 / 260 * 60vw); }
.hero--plati .desna { position: absolute; bottom: 6vh; right: 75vw; transform: rotate(14deg); top: auto; }
.hero--plati .desna img { position: relative; width: 31vw; height: auto; }
.hero--plati .desna:before, .desna:after {content: ''; position: absolute; top: 1vh; left: 1vh; width: 31vw; height: calc(688 / 260 * 31vw); }
}