/*------------------------------------*\
    RESET CSS
\*------------------------------------*/

@charset 'UTF-8';

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; color: #0c0c0c;}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select, button { vertical-align:middle; outline: 0; border: 0; border-radius: 0; font-family: 'Open Sans', sans-serif; font-weight: normal; color: #646464;}
input::placeholder {color: #646464; font-family: 'Open Sans', sans-serif; font-weight: normal;}
textarea {font-family: 'Open Sans', sans-serif; line-height: 1.3em; font-weight: 400; color: #646464;}
body {font-size: 16px; font-family: 'Open Sans', sans-serif; line-height: 1.3em; font-weight: 400; color: #646464; background-color: #F2F0EB; background-image: url('../img/nn0423-bck-mobile.jpg'); background-repeat: no-repeat; background-size: 100% auto; background-position: top center;}
a {text-decoration: none;}
a[data]:hover:after {display: none; content: attr(data); padding: 5px 10px; color: #333; position: absolute; left: 0; top: calc(100% + 5px); z-index: 100; background: #bebebe; text-transform: uppercase; font-size: 0.563em; letter-spacing: 0.135em; border-radius: 6px; text-align: center; line-height: 1.3em; white-space: nowrap;}
body, html {width: 100%; min-width: 320px; /*height: 100%; overflow-x: hidden;*/}
svg {display: block;}
html {scroll-behavior: unset !important;}

* {box-sizing: border-box;}
img, svg {display: block;}

.font-prvi {font-family: 'Open Sans', sans-serif;}
.font-drugi {font-family: 'Playfair Display', serif;}
.prelom {white-space: pre-line; word-break: break-word;}
.sakriveno {display: none !important;}

/*------------------------------------*\
    TIJELO COLOR
\*------------------------------------*/

.tijelo header .right .bell a:hover svg {fill: #C79532;}
.tijelo header .right .bell .bell-on {fill: #C79532;}
.tijelo header .left .messages-icon .mi-on {fill: #C79532;}
.tijelo header .left .messages-icon a:hover svg {fill: #C79532;}
.tijelo header .left .burger-menu:hover svg {fill: #C79532;}
.tijelo header .left .burger-menu.active svg {fill: #C79532;}
.tijelo header .messages-icon a.active svg {fill: #C79532;}
.tijelo header .bell a.active svg {fill: #C79532;}
.tijelo a {color: #646464; transition: 0.3s;}
.tijelo a:hover {color: #C79532;}
.tijelo .pm-index {background-image: url('../img/linije-tijelo.png');}
.tijelo .pm-index-novi {background-image: url('../img/linije-tijelo.png');}
.tijelo .pml-menu .menu ul li ul li.active::after {background-color: #C79532;}
.tijelo header .right .profile:hover span {color: #C79532;}
.tijelo header .right .profile.active a {border: 1px solid #646464;}
.tijelo header .right .profile a:hover {border: 1px solid #646464;}
.tijelo .ctlh-right:hover {color: #C79532;}
.tijelo .ctlh-right:hover svg {fill: #C79532;}
.tijelo .ctlh-right .click.active {color: #C79532; padding-right: 20px;}
.tijelo .ctlh-right .click.active svg {fill: #C79532;}
.tijelo .ctl-chat-first:hover .ctlcf-meta {color: #C79532;}
.tijelo .pmtnb-single.active .pmtnb-single-img-in {background-color: #C79532;}
.tijelo .cbc-icons:hover svg {fill: #C79532;}
.tijelo .cbc-message a:hover svg {fill: #646464;}
.tijelo .ctlcm-message a {color: #C79532; transition: 0.3s; font-weight: 600;}
.tijelo .ctlcm-message a:hover {color: #646464;}
.tijelo .ctlcfw-columns-text-cont .col-single .cs-right span {color: #C79532;}
.tijelo .pmlmb-messages-single.active .pmlmbms-img {border: 1px solid #C79532;}
.tijelo .pmlmb-messages-single.active .pmlmbms-meta span {background-color: #C79532;}
.tijelo .pmlmb-messages-single:hover .pmlmbms-message p {color: #C79532;}
.tijelo .pmlmb-header .close:hover svg {fill: #C79532;}
.tijelo .pmtnb-single.active .pmtnb-single-img {border: 1px solid #C79532;}
.tijelo .pmtnb-single.active .pmtnb-single-dot span {background-color: #C79532;}
.tijelo .pmtnb-header .close:hover svg {fill: #C79532;}
.tijelo .pmtnb-single:hover .pmtnb-single-content p {color: #C79532;}
.tijelo .pv-header a.close:hover svg {fill: #C79532;}
.tijelo .pv-meta a:hover svg {fill: #C79532;}
.tijelo .pvv-single:hover h3 {color: #C79532;}
.tijelo .pmlmb-messages-single.active .pmlmbms-img-in {background-color: #C79532;}
.tijelo .pmrp-links ul li a:hover::after {background-color: #C79532; visibility: visible;}
.tijelo .profile-line-in svg {fill: #646464;}
.tijelo .fol-ar-left:hover svg {fill: #C79532;}
.tijelo .fol-ar-right:hover svg {fill: #C79532;}
.tijelo .ctlcp-top h2 {color: #C79532;}
.tijelo .pih-dani a:hover {box-shadow: inset 0px -2px 0px 0px #C79532;}
.tijelo .pih-dani a.active {box-shadow: inset 0px -2px 0px 0px #C79532;}
.tijelo .pih-lista a:hover {box-shadow: inset 0px -2px 0px 0px #C79532;}
.tijelo .pih-lista a.active {box-shadow: inset 0px -2px 0px 0px #C79532;}
.tijelo .pic-row-content .accordian li.active::marker {color: #C79532;}
.tijelo .pic-row-meta .ocjeni:hover svg {fill: #C79532;}
.tijelo .pic-row-meta .oznaci:hover svg {fill: #C79532;}
.tijelo .pic-row-meta .ocjeni:hover {color: #C79532;}
.tijelo .pic-row-meta .oznaci:hover {color: #C79532;}
.tijelo .picrm-right .oznaci.active {color: #C79532;}
.tijelo .picrm-left .ocjeni.active {color: #C79532;}
.tijelo .picrm-right .oznaci.active svg {fill: #C79532;}
.tijelo .picrm-left .ocjeni.active svg {fill: #C79532;}
.tijelo .picrc-single h2 {color: #C79532;}
.tijelo .pmicl-bottom .item-index.active span {background-color: #C79532;}
.tijelo .pmicl-bottom .item-index.active h2 {color: #C79532;}
.tijelo .pmicr-single:hover {color: #C79532;}
.tijelo .pmicr-single:hover .single-meta {box-shadow: inset 0px -2px 0px 0px #c79532;}
.tijelo .pmicr-single.active:hover {color: #C79532 !important;}
.tijelo .pmicr-single.active:hover .single-meta {box-shadow: inset 0px -2px 0px 0px #c79532 !important;}
.tijelo .pccc-slider .arrow:hover svg {fill: #c79532;}
.tijelo .pccc-meta {background-color: #c79532;}
.tijelo .scc-graph-header .gh-left span:nth-child(1)::before {background-color: #c79532;}
.tijelo .uzvicnik-left svg  {fill: #c79532;}
.tijelo .sccp-percent-number h2 {color: #c79532;}
.tijelo .scc-preostalo h2 {color: #c79532;}
.tijelo .meta-single:hover {color: #c79532;}
.tijelo .meta-single:hover svg {fill: #c79532;}
.tijelo .zadatak-vise-manje a {color: #c79532;}
.tijelo .ctl-chat-message-note a {color: #c79532;}
.tijelo .mfs-ticker {background-color: #C79532;}
.tijelo .mfsr-link a:hover svg {fill: #c79532;}
.tijelo .single-item-bottom.active span {color: #c79532;}
.tijelo .single-item-top.active span {color: #c79532;}
.tijelo .pm-header .close:hover svg {fill: #c79532;}
.tijelo {--plyr-color-main: #c79532;}
.tijelo .snp-vrati a {color: #c79532;}
.tijelo .cmp-header h2 {color: #c79532;}
.tijelo .cmpcs-content h3 {color: #c79532;}
.tijelo .zzwp-buttons a:hover svg {fill: #c79532;}
.tijelo .zzp-addcomment-buttons a:hover svg {fill: #c79532;}
.tijelo .zzpf-bottom .comment-click.active .comment-icon {background-image: url('../svg/zid-comment-hover.svg');}
.tijelo .zzpf-bottom .comment-click.active {color: #c79532;}
.tijelo .zz-post .heart.active {background-image: url('../svg/heart-on.svg');}
.tijelo .zzpcs-top-right a.trash-icon:hover svg {fill: #c79532;}
.tijelo .zzph-right a:hover svg {fill: #c79532;}
.tijelo .zzph-right a.active svg {fill: #c79532;}
.tijelo .eph-right a:hover svg {fill: #c79532;}
.tijelo .pt-user-meta h3 {color: #c79532;}
.tijelo .per-user-meta h3 {color: #c79532;}
.tijelo .pmrco-cont input:checked + .slider {background-color: #c79532;}
.tijelo .pmrco-cont input:focus + .slider {box-shadow: 0 0 1px #c79532;}
.tijelo .vuc-uplate-tabela .col5 svg {fill: #c79532;}
.tijelo .vuc-uplate-tabela .col5 a {color: #c79532;}
.tijelo .vuc-uplate-tabela .col.inactive {color: #c79532;}
.tijelo .radio-container .radio-checkmark:after {background: #c79532; transition: 0.3s;}
.tijelo .radio-container input:checked ~ .radio-checkmark {box-shadow: inset 0px 0px 0px 1px #c79532; transition: 0.3s;}
.tijelo .radio-container:hover input ~ .radio-checkmark {box-shadow: inset 0px 0px 0px 1px #c79532;}
.tijelo .radio-container .radio-check-checkmark:after {background: #c79532; transition: 0.3s;}
.tijelo .radio-container input:checked ~ .radio-check-checkmark {box-shadow: inset 0px 0px 0px 1px #c79532; transition: 0.3s;}
.tijelo .radio-container:hover input ~ .radio-check-checkmark {box-shadow: inset 0px 0px 0px 1px #c79532;}
.tijelo .cu-footer a {color: #c79532;}
.tijelo .c-clanarina-istekla {background-color: #c79532;}
.tijelo .korak-faq .tehnicka-question h3 {border-bottom: 1px solid #c79532;}
.tijelo .pmrck-column .row.utisci {border-bottom: 2px solid #c79532;}
.tijelo .utisci-poruka svg {fill: #c79532;}
.tijelo .lci-inputs .toggle-password:hover {color: #c79532;}
.tijelo .lci-footer a {color: #c79532;}
.tijelo .lmbc-buttons span a {color: #c79532;}
.tijelo .login-content-in.email .login-message-box .lmb-content p {color: #c79532;}
.tijelo .pok-buttons a:hover svg {fill: #c79532;}
.tijelo .program-left-img img {border: 2px solid #c79532;}
.tijelo .clanarina-uplatnica-placanje-uplatnica h2 {color: #c79532;}
.tijelo .scol-right {background-color: #c79532;}
.tijelo .sco-right span {color: #c79532;}
.tijelo .sco-right svg {fill: #c79532;}
.tijelo .potp-odabir-single .trajanje-cijena .tc-top span {background-color: #C79532;}
.tijelo .pmrc-poruka h2 {color: #C79532;}
.tijelo .pmrc-poruka-footer-single svg {fill: #C79532;}
.tijelo .ctlcd-bottom-text a:hover {color: #C79532;}
.tijelo .pcnk-progres .header-tabs ul li.active {background-color: #C79532;}
.tijelo .pcnk-progres .header-tabs ul li:hover {color: #C79532;}
.tijelo .pcnk-progres .header-tabs ul li:hover svg {fill: #C79532;}
.tijelo .kalendar-dani div span.active:hover {color: #C79532;}
.tijelo .kalendar-dani div span.click {background-color: #C79532;}
.tijelo .km-strelical:hover svg {fill: #C79532;}
.tijelo .km-strelicad:hover svg {fill: #C79532;}
.tijelo .pmrc-obecanje-header-in a svg {fill: #C79532;}
.tijelo .obecanje .header .right .close:hover svg {fill: #C79532;}
.tijelo .obecanje-prikaz h2 {color: #C79532;}
.tijelo .proizvodi-main-header h2 {color: #C79532;}
.tijelo .psi-button:hover h2 {color: #C79532;}
.tijelo .psi-button:hover svg {fill: #C79532;}
.tijelo .proizvodi-item h2 {color: #C79532;}
.tijelo .pmt-thumb {border: 1px solid #C79532;}
.tijelo .lcim-right a {color: #C79532;}
.tijelo .pmicln-dodaci.active span.first {background-color: #C79532;}
.tijelo .pmicdp-in h2 {color: #C79532;}
.tijelo .pminc-sekcija .header .header-meta-in:hover .title {background-color: #C79532; border: 1px solid #C79532; color: #fff;}
.tijelo .pmrc-video-lekcije .row:hover .meta .meta-icon svg {fill: #C79532;}
.tijelo .pmrc-video-lekcije .row:hover .meta .meta-title {color: #C79532;}
.tijelo .pmrc-snimio-dstampaj .row:hover {color: #C79532;}
.tijelo .pmrc-snimio-dstampaj .row:hover .icon svg {fill: #C79532;}

@media screen and (min-width:768px) {
  .tijelo .zzpf-bottom a:hover .heart {background-image: url('../svg/heart-off-hover.svg');}
  .tijelo .zzpf-bottom a:hover .comment-icon {background-image: url('../svg/zid-comment-hover.svg');}
  .tijelo .zzpcs-top-right a:hover .heart {background-image: url('../svg/heart-on.svg');}
}

/*------------------------------------*\
    FONT SIZES
\*------------------------------------*/

.font9 {font-size: 0.563em;}
.font10 {font-size: 0.625em;}
.font11 {font-size: 0.688em;}
.font12 {font-size: 0.750em;}
.font13 {font-size: 0.813em;}
.font14 {font-size: 0.875em;}
.font15 {font-size: 0.938em;}
.font16 {font-size: 1em;}
.font17 {font-size: 1.063em;}
.font18 {font-size: 1.125em;}
.font20 {font-size: 1.250em;}
.font22 {font-size: 1.375em;}
.font24 {font-size: 1.500em;}
.font26 {font-size: 1.625em;}
.font28 {font-size: 1.750em;}
.font30 {font-size: 1.875em;}
.font34 {font-size: 2.125em;}
.font36 {font-size: 2.250em;}
.font39 {font-size: 2.438em;}
.font48 {font-size: 3.000em;}
.font48s {font-size: 2.500em;}
.font63 {font-size: 3.938em;}
.font82 {font-size: 5.125em;}

@media screen and (min-width:768px) {
  .font48s {font-size: 3.000em;}
}

/*------------------------------------*\
    ANIMATIONS
\*------------------------------------*/

.scale-in-center{-webkit-animation:scale-in-center .3s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center .3s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}

.fade-in{-webkit-animation:fade-in .5s cubic-bezier(.39,.575,.565,1.000) both;animation:fade-in .5s cubic-bezier(.39,.575,.565,1.000) both}
@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

.fade-in-overlay{-webkit-animation:fade-in-overlay .5s cubic-bezier(.39,.575,.565,1.000) .5s both;animation:fade-in-overlay .5s cubic-bezier(.39,.575,.565,1.000) .5s both}
@-webkit-keyframes fade-in-overlay{0%{opacity:0}100%{opacity:1}}@keyframes fade-in-overlay{0%{opacity:0}100%{opacity:1}}

.slide-in-right{-webkit-animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}

.slide-out-right{-webkit-animation:slide-out-right .5s cubic-bezier(.55,.085,.68,.53) both;animation:slide-out-right .5s cubic-bezier(.55,.085,.68,.53) both}
@-webkit-keyframes slide-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1}}@keyframes slide-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1}}

.slide-in-left{-webkit-animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}

.slide-in-left-menu{-webkit-animation:slide-in-left-menu .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-left-menu .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-in-left-menu{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-left-menu{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}

.slide-out-left{-webkit-animation:slide-out-left .5s cubic-bezier(.55,.085,.68,.53) both;animation:slide-out-left .5s cubic-bezier(.55,.085,.68,.53) both}
@-webkit-keyframes slide-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}}@keyframes slide-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}}

.scale-in-top{-webkit-animation:scale-in-top .5s cubic-bezier(.25,.46,.45,.94) .5s both;animation:scale-in-top .5s cubic-bezier(.25,.46,.45,.94) .5s both}
@-webkit-keyframes scale-in-top{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 0;transform-origin:50% 0;opacity:1}}@keyframes scale-in-top{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 0;transform-origin:50% 0;opacity:1}}

.slide-in-bottom{-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}

@media screen and (min-width:1280px) {
    .slide-in-left-menu {-webkit-animation:unset;animation:unset;}
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

.preload-loading {position: fixed; left: 0; right: 0; top: 53px; bottom: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.6); z-index: 1;}
.preload-loading img {display: block; width: 50px; height: auto;}

.header-platform {width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 10px 20px; background-color: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 300; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);}
header {display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 10px 20px; background-color: #fff; position: fixed; top: 0; left: 0; right: 0; z-index: 300; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);}
header .left {flex: 1; display: flex; flex-direction: row; justify-content: flex-start; align-items: center;}

header .left .messages-icon {display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; cursor: pointer;}
header .left .messages-icon svg {width: 23px; height: auto; transition: 0.3s;}
header .left .messages-icon .messages-tip {position: absolute; right: -9px; top: -6px; border-radius: 100%; color: #fff; min-width: 15px; min-height: 15px; display: flex; align-items: center; justify-content: center; padding: 0 5px; line-height: 1; background-color: #333;}
header .left .messages-icon a.active .mi-on {display: block;}
header .left .messages-icon a.active {-webkit-animation: wobble-hor-bottom 10s ease-out infinite both; animation: wobble-hor-bottom 10s ease-out infinite both;}
header .left .messages-icon a.active .mi-off {display: none;}
header .left .messages-icon .mi-on {display: none;}
header .left .messages-icon .mi-off {display: block; fill: #646464;}
header .left .burger-menu {margin-right: 12px; display: none;}
.naslovna header .left .burger-menu {display: none;}
header .left .burger-menu.deactive {display: none !important;}
header .left .burger-menu svg {height: 14px; width: auto; transition: 0.3s; fill: #646464;}

@-webkit-keyframes wobble-hor-bottom { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 1% { -webkit-transform: translateX(-10px) rotate(-6deg); transform: translateX(-10px) rotate(-6deg); } 2% { -webkit-transform: translateX(5px) rotate(6deg); transform: translateX(5px) rotate(6deg); } 3% { -webkit-transform: translateX(-5px) rotate(-3.6deg); transform: translateX(-5px) rotate(-3.6deg); } 4% { -webkit-transform: translateX(3px) rotate(2.4deg); transform: translateX(3px) rotate(2.4deg); } 5% { -webkit-transform: translateX(-2px) rotate(-1.2deg); transform: translateX(-2px) rotate(-1.2deg); } 6% { -webkit-transform: translateX(-10px) rotate(-6deg); transform: translateX(-10px) rotate(-6deg); } 7% { -webkit-transform: translateX(5px) rotate(6deg); transform: translateX(5px) rotate(6deg); } 8% { -webkit-transform: translateX(-5px) rotate(-3.6deg); transform: translateX(-5px) rotate(-3.6deg); } 9% { -webkit-transform: translateX(3px) rotate(2.4deg); transform: translateX(3px) rotate(2.4deg); } 10% { -webkit-transform: translateX(-2px) rotate(-1.2deg); transform: translateX(-2px) rotate(-1.2deg); }}
@keyframes wobble-hor-bottom { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 1% { -webkit-transform: translateX(-10px) rotate(-6deg); transform: translateX(-10px) rotate(-6deg); } 2% { -webkit-transform: translateX(5px) rotate(6deg); transform: translateX(5px) rotate(6deg); } 3% { -webkit-transform: translateX(-5px) rotate(-3.6deg); transform: translateX(-5px) rotate(-3.6deg); } 4% { -webkit-transform: translateX(3px) rotate(2.4deg); transform: translateX(3px) rotate(2.4deg); } 5% { -webkit-transform: translateX(-2px) rotate(-1.2deg); transform: translateX(-2px) rotate(-1.2deg); } 6% { -webkit-transform: translateX(-10px) rotate(-6deg); transform: translateX(-10px) rotate(-6deg); } 7% { -webkit-transform: translateX(5px) rotate(6deg); transform: translateX(5px) rotate(6deg); } 8% { -webkit-transform: translateX(-5px) rotate(-3.6deg); transform: translateX(-5px) rotate(-3.6deg); } 9% { -webkit-transform: translateX(3px) rotate(2.4deg); transform: translateX(3px) rotate(2.4deg); } 10% { -webkit-transform: translateX(-2px) rotate(-1.2deg); transform: translateX(-2px) rotate(-1.2deg); }}


header .middle {display: flex; align-items: center; justify-content: center; padding: 0 20px;}
header .middle img {width: auto; height: 33px;}

header .right {flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: flex-end;}
header .right .profile {display: flex; flex-direction: row; align-items: center; justify-content: flex-end; position: relative; z-index: 100;}
header .right .profile.active .profile-line {display: block;}

.profile-line {position: absolute; display: none; left: 12px; top: 100%;}
.profile-line-in {}
.profile-line-in svg {height: 64px; width: auto;}

header .right .profile a {display: block; border: 1px solid #fff; border-radius: 100%; padding: 1px; transition: 0.3s;}
header .right a[data]:after {right: 0; left: unset;}
header .right a {position: relative;}
header .right .bell {display: none; flex-direction: row; align-items: center; justify-content: center; position: relative; cursor: pointer; margin-right: 19px;}
header .right .bell a.active .bell-on {display: block;}
header .right .bell a.active .bell-off {display: none;}
header .right .bell .bell-on {display: none;}
header .right .bell .bell-off {display: block; fill: #646464;}
header .right .bell svg {width: 22px; height: auto; fill: #646464; transition: 0.3s;}

header .right .bell .bell-tip {position: absolute; right: -7px; top: 2px; border-radius: 100%; color: #fff; min-width: 15px; min-height: 15px; display: flex; align-items: center; justify-content: center; padding: 0 5px; line-height: 1; background-color: #333;}
header .right .profile img {width: 28px; height: 28px; object-fit: cover; border-radius: 100%; transition: 0.3s;}

.naslovna .mm-cont {display: none !important;}
.mm-cont {position: fixed; background-color: #fff; bottom: 0; left: 0; right: 0; z-index: 98; border-top: 1px solid #BEBEBE; display: block;}
.mm-cont ul {display: flex; flex-direction: row; align-items: center; justify-content: space-evenly;}
.mm-cont ul li {list-style-type: none; padding: 10px;}
.mm-cont ul li a {display: block; position: relative;}
.mm-cont ul li img {width: auto; height: 25px; transition: 0.3s;}
.mm-cont ul li img.on {display: block; position: absolute; left: 0; top: 0; z-index: 2; opacity: 0;}
.mm-cont ul li.active img.on {opacity: 1;}
.mm-cont ul li.active img.off {}

/*------------------------------------*\
    HEADER RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
  header .left .burger-menu {display: none;}
  a[data]:hover:after {display: block;}
  .mm-cont {display: none !important;}
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    LOGIN REGISTRATION
\*------------------------------------*/

.disable header .left .messages-icon:hover svg:hover {fill: #646464 !important;}
.disable header .left .messages-icon {cursor: default;}
.disable header .left .messages-icon svg {fill: #646464 !important;}
.disable header .right .bell {cursor: default;}
.disable header .right .bell svg {fill: #646464 !important;}

header.menu-disabled .left .messages-icon:hover svg:hover {fill: #646464 !important;}
header.menu-disabled .left .messages-icon {cursor: default;}
header.menu-disabled .left .messages-icon svg {fill: #646464 !important;}
header.menu-disabled .right .bell {cursor: default;}
header.menu-disabled .right .bell svg {fill: #646464 !important;}

.login-content {width: 100%; display: flex; flex-direction: column; align-items: center;}
.login-content-in {max-width: 490px; width: 100%; padding: 0 20px; margin-top: 10px;}
.login-content-in.email {max-width: 720px;}
.lci-header {padding: 40px 0; text-align: center; display: flex; flex-direction: column; align-items: center;}
.lci-header img {width: 188px; height: auto; margin-bottom: 30px;}
.lci-header h2 {margin-bottom: 15px; font-family: 'Playfair Display', serif; font-weight: 400;}
.lci-header span {text-align: center;}
.lci-header  h3 {font-family: 'Playfair Display', serif; font-weight: 400; color: #333; line-height: 1; margin-bottom: 10px;}
.lci-header img.radovi {max-width: 300px; width: 100%; margin-bottom: 40px;}

.lci-forma {padding-bottom: 30px;}
.lci-forma .button.login {font-size: 1em; width: 100%; padding: 8px; font-weight: 600; letter-spacing: 0.2em;}
.lci-forma .fields-error {margin-top: 10px; color: #FC8181; display: none;}
.lci-forma .fields-error.active {display: block;}
.lci-inputs {}
.lci-inputs input {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 17.5px; width: 100%; background-color: #fff; letter-spacing: 0.1em; padding: 10px 15px;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px #f6f3f0 inset !important;}
.lci-inputs .user-email {margin-bottom: 10px;}
.lci-inputs .password {position: relative;}
.lci-inputs .toggle-password {position: absolute; top: 50%; right: 15px; display: flex; flex-direction: row; align-items: center; text-transform: uppercase; letter-spacing: 0.15em; transform: translate(0px, -50%); cursor: pointer; transition: 0.3s;}
.lci-inputs .toggle-password img {width: 20px; height: auto; margin-left: 10px;}
.toggle-password span {display: flex; flex-direction: row; align-items: center; transition: 0.3s;}
.toggle-password span.pass-on {display: none;}
.toggle-password.active span.pass-off {display: none;}
.toggle-password.active span.pass-on {display: flex;}
.lci-meta {padding: 20px 0; display: flex; flex-direction: row; align-items: center;}
.lcim-left {display: flex; flex-direction: row; align-items: center; flex-grow: 1;}
.lcim-right {}
.lcim-right a {letter-spacing: 0.1em; text-decoration: underline; font-weight: 700; transition: 0.3s;}
.lcim-right a:hover {color: #646464;}
.lcim-left h2 {font-weight: 600; letter-spacing: 0.15em; margin-left: 10px;}
.check-container { display: block; position: relative; /*padding-left: 35px; margin-bottom: 12px;*/ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 20px; height: 20px;}
.check-checkmark.error {box-shadow: inset 0px 0px 0px 1px #FC8181;}
.check-container input { position: absolute; opacity: 0; cursor: pointer;}
.check-checkmark {position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border-radius: 50%; transition: 0.3s;}
.check-container input:checked ~ .check-checkmark { background-color: #fff;}
.check-checkmark:after { content: ""; position: absolute; display: none;}
.check-container input:checked ~ .check-checkmark:after {display: block;}
.check-container .check-checkmark:after {top: 50%; left: 50%; width: 10px; height: 10px; border-radius: 100%; transform: translate(-50%, -50%); transition: 0.3s; background: #646464; transition: 0.3s;}
.lci-footer {padding: 20px 20px 40px 20px; text-align: center; border-top: 1px solid #bebebe;}
.lci-footer h2 {font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 10px;}
.lci-footer span {letter-spacing: 0.1em;}
.lci-footer a {text-decoration: underline;}
.lci-footer a:hover {color: #646464;}

.potrebno.error .radio-checkmark {box-shadow: inset 0px 0px 0px 1px #FC8181; border: 0;}
.potrebno.error .radio-check-checkmark {box-shadow: inset 0px 0px 0px 1px #FC8181; border: 0;}
.potrebno.error .check-checkmark  {box-shadow: inset 0px 0px 0px 1px #FC8181; border: 0;}
.po-login .potrebno.error .check-checkmark  {box-shadow: unset;}
.potrebno.error input  {box-shadow: inset 0px 0px 0px 1px #FC8181; border: 0;}
.potrebno.error .required-fields-login {display: block;}

.login-message-box {padding: 20px; background-color: #fff; margin: 60px 0 40px 0; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px;}
.login-message-box.email {}
.lmb-header {text-transform: uppercase; letter-spacing: 0.135em; border-bottom: 1px solid #bebebe; padding-bottom: 6px; margin-bottom: 20px;}
.lmb-content {}
.lmb-content p {}
.lmb-content p.margin {margin-bottom: 20px;}
.lmb-content p.margin40 {margin-top: 50px;}
.lmb-content p b {font-weight: 600;}
.lmbc-input {margin: 10px 0;}
.lmbc-input input {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; width: 100%; background-color: #f6f3f0; letter-spacing: 0.1em; padding: 10px 15px; border-radius: 17.5px;}
.lmbc-input select {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; width: 100%; background-color: #f6f3f0; letter-spacing: 0.1em; padding: 10px 15px; border-radius: 17.5px; background-image: url('../svg/arrow-select.svg'); background-repeat: no-repeat; background-size: 15px; background-position: 97% 15px; cursor: pointer;}
.login-content-in.email .lmbc-input input::placeholder {color: #646464;}
.login-content-in.email .lmbc-input {margin: 20px 0;}
.lmbc-input input::placeholder {color: #bebebe;}
.lmbc-meta {text-align: right; margin-bottom: 30px;}
.lmbc-meta.left {text-align: left;}
.lmbc-meta.margin {margin-top: 20px;}
.lmbc-meta a {text-decoration: underline;}
.lmbc-buttons {display: flex; flex-direction: row; align-items: center; justify-content: flex-end;}
.lmbc-buttons input {margin-left: 10px; display: inline-block;}
.lmbc-buttons.margin {margin-top: 30px;}
.lmbc-buttons span {display: inline-block; flex-grow: 1;}
.lmbc-buttons span a {font-weight: 600; letter-spacing: 0.3em;}
.lmbc-buttons span a:hover {color: #646464;}

.po-login {width: 100%; display: flex; flex-direction: column; align-items: center;}
.po-login .lci-inputs input {}
.po-login .check-checkmark {background-color: #f6f3f0;}
.po-login .check-container input:checked ~ .check-checkmark {background-color: #f6f3f0;}
.po-login .lci-header {padding: 0 0 20px;}

.po-header-registracija {padding: 10px 20px; background-color: #c79532; color: #fff; width: 100%;}
.po-header-registracija h2 {width: 100%; text-align: center; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase;}
.po-stranica-registracija {width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 20px;}
.po-stranica-registracija-in {max-width: 780px; width: 100%;}
.posr-header {display: flex; flex-direction: row; align-items: center; padding-bottom: 10px; margin-bottom: 20px;}
.posrh-left {margin-right: 10px; margin-left: 10px;}
.posrh-left img {height: 29px; width: auto;}
.posrh-right {}
.posrh-right h2 {font-weight: 400; letter-spacing: 0.05em; margin-bottom: 6px;}
.posrh-right p {}
.posr-forma {}
.posr-forma .note {}
.posrf-input {margin: 20px 0;}
.posrf-input input {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; width: 100%; background-color: #fff; letter-spacing: 0.1em; padding: 10px 15px; border-radius: 17.5px;}
.posrf-input select {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; padding: 10px 15px; border-radius: 17.5px; background-color: #fff; letter-spacing: 0.1em; text-transform: uppercase; width: 100%; background-image: url(../svg/arrow-select.svg); background-repeat: no-repeat; background-size: 15px; background-position: 97% 15px; cursor: pointer;}
.posrf-button {display: flex; flex-direction: row; justify-content: flex-end; width: 100%; margin-top: 50px;}
.posrf-button .button {padding: 8px 30px; font-weight: 600; letter-spacing: 0.2em; font-size: 0.938em;}

.registracija-uspjesna {margin-top: -20px; background-color: #f6f3f0; padding: 50px 30px; background-color: rgba(255,255,255,0.5); box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px;}
.registracija-uspjesna h2 {text-align: center; font-weight: 400; line-height: 1.3em;}

.pmrc-clanarina-registracija {padding: 40px 0 20px;}
.pmrccr-izabrali-ste {max-width: 940px; width: 100%;}
.pmrccr-izabrali-ste h2 {text-transform: uppercase; font-weight: 400; letter-spacing: 0.25em; margin-bottom: 10px;}
.pmrccr-izabrali-ste-program {margin-bottom: 40px; display: flex; flex-direction: column; background-color: rgba(255,255,255,0.5); box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px;}
.pmrccr-izabrali-ste-program.column {padding: 10px 20px; align-items: center;}
.pmrccr-izabrali-ste-program.column .odaberi-naslov {text-transform: uppercase; font-weight: 400; letter-spacing: 0.25em; padding: 10px 0; line-height: 1;}
.pmrccr-izabrali-ste-program-left {flex: 1; display: flex; flex-direction: row; align-items: center; padding: 20px;}
.program-left-img {margin-right: 20px;}
.program-left-img img {width: 80px; height: 80px; object-fit: cover; border-radius: 100%;}
.program-left-meta {}
.program-left-meta h3 {font-family: 'Playfair Display', serif; font-weight: 400; color: #333; line-height: 1; margin-bottom: 10px;}
.program-left-meta span {text-transform: uppercase; letter-spacing: 0.2em;}
.pmrccr-izabrali-ste-program-right {padding: 20px; display: flex; flex-direction: row; align-items: flex-end;  background-color: #fff; border-radius: 0 0 13px 13px;}
.pmrccr-izabrali-ste-program-right div {text-align: right; width: 100%;}
.pmrccr-izabrali-ste-program-right span {text-transform: uppercase; letter-spacing: 0.25em; margin-bottom: 3px; display: block;}
.pmrccr-izabrali-ste-program-right h3 {font-weight: 600; color: #333;}

.pmrccr-izazovi {}
.pmrccr-izazovi .checkbox-select {margin-bottom: 0 !important; margin-right: 0 !important; justify-content: center !important; text-align: center !important;}
.pmrccr-izazovi .checkbox-single {font-family: 'Playfair Display', serif; font-weight: 400; color: #333; margin-bottom: 10px !important; margin-right: 0 !important;}
.pmrccr-izazovi .izazovi-cijena {margin: 10px;}
.pmrccr-izazovi .izazovi-cijena .cijena {text-transform: uppercase; letter-spacing: 0.1em;}
.pmrccr-izazovi .izazovi-cijena .cijena b {font-weight: 600;}
.pmrccr-izazovi .izazovi-cijena .usteda {letter-spacing: 0.1em;}
.izazovi-dugme {flex: 1; display: flex; justify-content: flex-end; padding: 10px 0;}

.pmrc-clanarina-registracija-problem {max-width: 380px; width: 100%;}
.pmrc-clanarina-registracija-problem p {margin-bottom: 20px;}
.pmrc-clanarina-registracija-problem p b {font-weight: 600;}
.pmrc-clanarina-registracija-problem .pok-buttons {padding: 0; justify-content: flex-start;}
.pmrc-clanarina-registracija-problem .pok-buttons .middle {margin: 0 20px;}
.pmrc-clanarina-registracija-problem .pok-buttons svg {height: 37px; margin-bottom: 0;}
.clanarina-uplatnica-placanje-uplatnica {}
.clanarina-uplatnica-placanje-uplatnica::after {content: ''; max-width: 240px; height: 1px; background-color: #bebebe; display: block; margin-bottom: 15px;}
.clanarina-uplatnica-placanje-uplatnica h2 {text-transform: uppercase; font-weight: 600; letter-spacing: 0.2em; line-height: 1; margin-bottom: 20px;}
.clanarina-uplatnica-placanje-uplatnica p {margin-bottom: 20px;}

.pmrc-poruka {max-width: 900px; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; padding: 30px 20px; margin-top: 20px; margin-bottom: 20px;}
.pmrc-poruka h2 {font-weight: 600; margin-bottom: 20px; line-height: 1.3em;}
.pmrc-poruka p {max-width: 620px; line-height: 1.6em;}
.pmrc-poruka-footer {margin-top: 40px; display: flex; flex-direction: column; align-items: center;}
.pmrc-poruka-footer-single {display: flex; flex-direction: row; align-items: center;}
.pmrc-poruka-footer-single svg {height: 37px; width: auto; margin-right: 20px;}
.pmrc-poruka-footer-single h3 {font-weight: 600; line-height: 1.4em;}
.pmrc-poruka-footer-single.left {margin-bottom: 20px;}
.pmrc-poruka-footer-single.right {flex: 1; display: flex; flex-direction: row; justify-content: flex-end; width: 100%;}

/*------------------------------------*\
    LOGIN REGISTRATION RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .lci-forma {padding-bottom: 40px;}
  .registracija-uspjesna {padding: 170px 130px;}
  .pmrccr-izabrali-ste-program {flex-direction: row;}
  .pmrccr-izabrali-ste-program-right {background-color: unset; border-radius: 0;}
  .pmrccr-izabrali-ste-program-right div {width: unset;}
  .pmrc-poruka-footer {flex-direction: row;}
  .pmrc-poruka-footer-single.left {flex: 0 1 396px; margin-bottom: 0;}
  .pmrc-poruka-footer-single.right {width: unset;}
  .login-content-in {margin-top: 60px;}
  #odabir-programa .login-content-in {margin-top: 0px;}
  .pmrccr-izazovi {margin-left: 20px;}
  .pmrccr-izazovi .checkbox-select {justify-content: flex-start !important; text-align: left !important;}
  .pmrccr-izazovi .izazovi-cijena {margin: 10px 30px 10px 0;}
  .izazovi-dugme {flex: 180px 1 0;}
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    PLATFORM MAIN
\*------------------------------------*/

.platform-body {display: flex; flex-direction: column; min-height: 100vh; height: 100%;}

.platform-main {width: 100%; margin-top: 53px; flex-grow: 1; display: flex; flex-direction: row; position: relative;}

.pml-menu {height: 100vh; min-height: unset; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.pmlm-box {min-height: unset; height: 100vh; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; box-shadow: 0px 4px 10px rgb(0 0 0 / 25%);}
.pmrn-box {min-height: unset; height: 100vh; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; box-shadow: 0px 4px 10px rgb(0 0 0 / 25%);}
.chat .photo-video-out {overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.pm-left {position: fixed; top: 53px; z-index: 98; width: 100%; display: none; flex-direction: row; min-height: 100%; flex-grow: 0; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);}
.pm-left.active {display: flex;}

.pm-left-messages {display: none; width: 100%; flex-direction: row; position: fixed; top: 53px; left: 0; z-index: 99; min-height: 100%; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);}
.pm-left-messages.active {display: flex;}
.pmlm-box {min-height: 100%; width: 75%; background-color: #F5F2EF; padding: 20px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.pmlmb-header {display: flex; flex-direction: row; align-items: center; margin-top: 10px; margin-bottom: 20px;}
.pmlmb-header h2 {flex: 1; font-weight: 400; text-transform: uppercase; letter-spacing: 0.4em; padding-right: 10px;}
.pmlmb-header .close svg {width: 14px; height: auto; fill: #646464; transition: 0.3s;}

.pmlmb-no-messages {text-align: left; text-transform: uppercase; letter-spacing: 0.2em; display: none;}
.pmlmb-no-messages.active {display: block;}

.pmlmb-messages {}
.pmlmb-messages-in {}
.pmlmb-messages-single {display: flex; flex-direction: row; align-items: center; padding-bottom: 10px; margin-bottom: 10px; position: relative;}
.pmlmb-messages-single a {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.pmlmbms-img {margin-right: 10px; padding: 1px; border: 1px solid #fff; border-radius: 100%; width: 50px; height: 50px;}
.pmlmbms-img-in {background-color: #bebebe; border-radius: 100%; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.pmlmbms-img-in .icon-nutri {height: 29px; width: auto;}
.pmlmbms-img-in .icon-psiha {height: 29px; width: auto;}
.pmlmbms-img-in .icon-fitnes {height: 23px; width: auto;}
.pmlmbms-img-in .icon-zdravlje {height: 32px; width: auto;}
.pmlmbms-img-in .icon-admin {height: 23px; width: auto;}
.pmlmbms-message {display: flex; flex-direction: column; justify-content: center; flex: 1;}
.pmlmbms-message .meta-datetime {margin-top: 5px;}
.pmlmb-messages-single.active .pmlmbms-message p {font-weight: 600;}
.pmlmbms-message p {font-weight: 400; line-height: 1.2; margin-bottom: 3px; transition: 0.3s; display: none !important;}
.pmlmbms-message span {line-height: 1.2; color: #bebebe; word-break: break-all;}
.pmlmb-messages-single.active .pmlmbms-message span {color: #646464;}
.pmlmbms-meta {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 10px;}
.pmlmbms-meta span {width: 9px; height: 9px; border-radius: 100%; background-color: transparent; }

.pml-menu {min-height: 100%; width: 75%; background-color: #F5F2EF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);}
.pml-menu h2 {font-family: 'Playfair Display', serif; color: #333; font-weight: 400; border-bottom: 1px solid #646464; text-align: center; padding: 20px 10px; margin: 0 10px;}
.pml-menu .menu {}
.pml-menu .menu ul {line-height: 1.3em;}
.pml-menu .menu ul li {list-style-type: none; text-transform: uppercase; font-weight: 400 !important; position: relative;}
.pml-menu .menu ul li:last-child {margin-bottom: 0;}
.pml-menu .menu ul li.inactive span {color: #bebebe; display: flex; flex-direction: row; align-items: center; justify-content: center; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1.2; text-align: center; padding: 15px 20px; transition: 0.3s; position: relative; font-weight: 600;}
.pml-menu .menu ul li.inactive a {padding: 0;}
.pml-menu .menu ul li.inactive:hover span {background-color: transparent; color: #bebebe; cursor: not-allowed;}
.pml-menu .menu ul li.active a {background-color: #fff; font-weight: 700;}
.pml-menu .menu ul li.active a span {display: block; position: relative;}
.pml-menu .menu ul li.active a span::before {content: ''; display: block; width: 6px; height: 6px; background-color: #C79532; border-radius: 100%; margin-right: 15px; position: absolute; left: -16px; top: 50%; transform: translate(0, -50%);}
.pml-menu .menu ul li ul li a span::before {display: none !important;}
.pml-menu .menu ul li ul li.active::after {content: ''; position: absolute; width: 7px; height: 18px; right: 0; top: 50%; transform: translate(20px, -50%);}
.pml-menu .menu ul li ul li a::before {display: none !important;}
.pml-menu .menu ul li a {color: #646464; display: flex; flex-direction: row; align-items: center; justify-content: center; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1.2; text-align: center; padding: 15px 20px; transition: 0.3s; position: relative; font-weight: 600;}
.pml-menu .menu ul li a:hover {background-color: #fff; color: #646464;}
.pml-menu .menu ul li.active ul {display: block;}
.pml-menu .menu ul li ul {display: none; padding: 10px; background-color: #e8e6e5;}
.pml-menu .menu ul li ul li {text-transform: none; padding-left: 0;}
.pml-menu .menu ul li ul li::before {display: none;}
.pml-menu .menu ul li ul li a {color: #646464; background-color: transparent !important; padding: 10px;}
.pml-menu .menu ul li ul li a:hover {color: #C79532;}
.pml-menu .menu ul li ul li.active a {color: #333;}
.pml-menu .menu ul li ul li.active a::before {display: none !important;}
.pml-overlay {display: block; flex: 1; background: rgba(255, 255, 255, 0.3);}

.pml-menu .menu ul li.disabled {color: #bebebe; position: relative; cursor: pointer;}
.pml-menu .menu ul li.disabled a {color: #bebebe;}
.pml-menu .menu ul li.disabled a:hover {color: #bebebe;}
.pml-menu .menu ul li.active.disabled {font-weight: 400 !important;}
.pml-menu .menu ul li.disabled[data]:hover:after {display: block; content: attr(data); padding: 5px 10px; color: #333; position: absolute; right: 0; top: calc(-100% - 5px); z-index: 100; background: #bebebe; text-transform: uppercase; font-size: 0.563em; letter-spacing: 0.135em; border-radius: 6px; text-align: center; line-height: 1.3em; white-space: nowrap;}

.platform-main.chat .pm-right {}
.pm-right {height: 100%; flex-grow: 1; display: flex; flex-direction: column; position: relative;}
.pmr-notifications-out {position: fixed; right: 0; top: 53px; bottom: 0; left: 0; z-index: 99; height: 100%; display: none;}
.pmr-notifications-out.active {display: block;}
.pmr-notifications {display: flex; flex-direction: row; min-height: 100%;}
.pmrn-box {min-height: 100%; width: 75%; background-color: #F5F2EF; padding: 20px 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.pmtnb-header {display: flex; flex-direction: row; align-items: center; margin-top: 10px; margin-bottom: 20px;}
.pmtnb-header h2 {flex: 1; font-weight: 400; text-transform: uppercase; letter-spacing: 0.4em; padding-right: 10px;}
.pmtnb-header .close {display: block;}
.pmtnb-header svg {width: 14px; height: auto; fill: #646464; transition: 0.3s;}

.pmtnb-no-notifications {text-align: left; text-transform: uppercase; letter-spacing: 0.2em; display: none;}
.pmtnb-no-notifications.active {display: block;}

.pmtnb-single {display: flex; flex-direction: row; align-items: center; border-bottom: 1px solid #bebebe; padding-bottom: 10px; margin-bottom: 10px; position: relative;}
.pmtnb-single a {position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
.pmtnb-single-img {margin-right: 10px; padding: 1px; border: 1px solid #fff; border-radius: 100%; width: 50px; height: 50px;}
.pmtnb-single-img-in {width: 100%; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 100%; background-color: #bebebe;}
.pmtnb-single-img-in .icon-nutri {height: 29px; width: auto;}
.pmtnb-single-img-in .icon-psiha {height: 29px; width: auto;}
.pmtnb-single-img-in .icon-fitnes {height: 23px; width: auto;}
.pmtnb-single-img-in .icon-zdravlje {height: 32px; width: auto;}
.pmtnb-single-img-in .icon-admin {height: 23px; width: auto;}
.pmtnb-single-img-in .icon-profile {height: 23px; width: auto;}

.pmtnb-single-content {display: flex; flex-direction: column; justify-content: center; flex: 1;}
.pmtnb-single-content p {line-height: 1.2; margin-bottom: 3px; transition: 0.3s;}
.pmtnb-single.active .pmtnb-single-content p {font-weight: 600;}
.pmtnb-single-content span {color: #bebebe; line-height: 1.2;}
.pmtnb-single-dot {padding-left: 20px;}
.pmtnb-single-dot span {width: 9px; height: 9px; background-color: #fff; display: block; border-radius: 100%;}

.pmr-profile-out {position: fixed; right: 0; top: 53px; left: 0; bottom: 0; z-index: 99; height: 100%; display: none; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);}
.pmr-profile-out.active {display: block;}
.pmrn-box.profile {position: relative;}
.pmr-profile {display: flex; flex-direction: row; min-height: 100%;}
.pmrp-profile-img {margin-top: 20px; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 20px;}
.pmrp-profile-img img {max-width: 118px; max-height: 118px; width: 100%; height: 100%; border-radius: 100%; object-fit: cover;}
.pmrppi-in {width: 134px; height: 134px; display: flex; flex-direction: row; align-items: center; justify-content: center; border: 1px solid #646464; border-radius: 100%;}
.pmrp-links {}
.pmrp-links ul {}
.pmrp-links ul li {list-style-type: none;}
.pmrp-links ul li:last-child {margin-bottom: 0px;}
.pmrp-links ul li a {display: block; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1.2; text-align: center; padding: 15px 20px; transition: 0.3s; position: relative; font-weight: 600;}
.pmrp-links ul li a:hover {background-color: #fff; color: #646464;}
.pmrp-social {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 60px 0 0; text-transform: uppercase; letter-spacing: 0.15em;}
.pmrp-social a {display: block; margin: 20px 10px 0;}
.pmrp-social a:hover svg {fill: #333;}
.pmrp-social svg {width: 40px; height: auto; fill: #C79532; transition: 0.3s;}
.pmrp-social span {display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%;}
.pmrp-social span:last-child {margin-bottom: 0;}

.float-overlay {-webkit-backface-visibility: hidden;-webkit-perspective: 1000;-webkit-transform: translate3d(0,0,0);-webkit-transform: translateZ(0);backface-visibility: hidden;perspective: 1000;transform: translate3d(0,0,0);transform: translateZ(0); display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); flex-direction: row; align-items: center; justify-content: center;}
.float-overlay.active {display: flex;}
.float-overlay .close-in-overlay {position: fixed; left: 0; right: 0; top: 0; bottom: 0;}
.float-overlay .close-button {position: absolute; right: 20px; top: 20px; cursor: pointer;}
.float-overlay .close-button svg {height: 17px; width: auto; display: block; fill: #646464; transition: 0.3s;}
.float-overlay .close-button:hover svg {fill: #C79532;}



.fo-lightbox {max-height: 100vh; padding: 0 20px; position: relative; max-width: 100vw; z-index: 2;}
.fol-ar-left {display: none; position: absolute; left: 0; top: 50%; transform: translate(0px, -50%);}
.fol-ar-left svg {height: 30px; width: auto; fill: #646464; transform: rotate(180deg); transition: 0.3s; cursor: pointer;}
.fol-ar-right {display: none; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%)}
.fol-ar-right svg{height: 30px; width: auto; fill: #646464; transition: 0.3s; cursor: pointer;}
.fo-lightbox-in {height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.foli-img {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row;}
.foli-img img {max-height: 80vh; max-width: 100%;}
.foli-img-meta {padding-top: 10px; display: block; color: #646464; text-align: center; letter-spacing: 0.18em;}
.foli-img-meta-top {padding: 0 10px 10px; display: block; text-transform: uppercase; letter-spacing: 0.2em; text-align: center; color: #646464;}
.foli-img-delete {display: flex; flex-direction: row; justify-content: flex-start;; flex: 1; padding-left: 20px;}
.foli-img-delete svg {height: 20px; width: auto; fill: #646464; transition: 0.3s;}
.foli-img-delete a:hover svg {fill: #C79532;}
.foli-delete-add {display: flex; flex-direction: row; align-items: center; padding-top: 10px; width: 100%;}
.foli-img-add {padding-right: 20px;}
.foli-img-add a {display: flex; flex-direction: row; align-items: center; color: #646464; letter-spacing: 0.3em; transition: 0.3s;}
.foli-img-add a:hover {color: #C79532;}
.foli-img-add a:hover svg {fill: #C79532;}
.foli-img-add svg {height: 14px; width: auto; fill: #646464; margin-right: 10px; transition: 0.3s;}

.pmr-content {padding: 20px 20px 60px 20px; width: 100%;}
.pmrc-header h2 {font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1; margin-bottom: 10px; max-width: 1100px; position: relative;}
.pmrc-header.izazov-title h2 {display: none;}
.pmrc-header.linija h2 {border-bottom: 1px solid #bebebe; padding-bottom: 10px;}
.pmrc-header p {max-width: 830px;}
.pmrc-header.sala {border-bottom: 1px solid #bebebe;}
.pmrc-header.sala h2 {margin-bottom: 10px;}
.pmrc-header.materijali {border-bottom: 1px solid #bebebe;}
.pmrc-header.materijali h2 {margin-bottom: 10px;}
.pmrc-header.statistika {margin-bottom: 30px;}
.pmrc-header .multiple p {padding-bottom: 15px;}
.pmrc-header .multiple p b {font-weight: 600;}
.pmrc-header .multiple p:last-child {padding-bottom: 0;}
.pmrc-header h4 {font-weight: 400; line-height: 1.4em; text-transform: uppercase; letter-spacing: 0.21em; text-align: center;}
a.pmrch-print {display: flex; font-size: 0.278em; font-family: 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.2em; flex-direction: row; align-items: center; position: absolute; right: 0; bottom: 5px; font-weight: 700; color: #C79532;}
a.pmrch-print svg {height: 16px; width: auto; display: block; margin-right: 5px; margin-left: 5px; fill: #C79532; transition: 0.3s;}
a.pmrch-print:hover {color: #333;}
a.pmrch-print:hover svg {fill: #333;}

.kursevi a.pmrch-print {line-height: 1; flex-direction: row-reverse;}
.kursevi .proizvodi-main-header h2 {width: 100%; display: flex; flex-direction: column; align-items: flex-start;}
.kursevi .proizvodi-main-header h2 a.pmrch-print svg {margin-right: 5px; margin-left: 0;}
.kursevi .proizvodi-main-header {margin-bottom: 10px; flex-direction: column; align-items: flex-start;}
.kursevi .proizvodi-main-header h2 span {display: block; line-height: 1; margin-bottom: 15px;}

.kursevi .kurs-main {width: 100%; display: flex; flex-direction: column-reverse;}
.kursevi .kurs-main .kurs-slika {background: #FFFFFF; box-shadow: 0px 0px 13px rgb(0 0 0 / 15%); border-radius: 12px; padding: 5px; margin-top: 10px;}
.kursevi .kurs-main .kurs-slika img {width: 100%; height: 250px; border-radius: 9px; object-fit: cover;}
.kursevi .kurs-main .kurs-player {background: #FFFFFF; box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15); border-radius: 12px;}
.kursevi .kurs-main .kurs-player .plyr__controls {border-radius: 12px;}

.pmrc-dimenzije {padding-top: 30px; display: flex; flex-direction: column; justify-content: flex-start;}
.dimenzije-left {display: flex; flex-direction: row; flex: 1; margin-bottom: 30px;}
.dl-single {background-color: #fff; padding: 30px 0 0; width: 100%; display: flex; flex-direction: column; align-items: center; margin-right: 20px; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px;}
.dl-single:last-child {margin-right: 0;}
.dl-single img {width: auto; height: 70px;}
.dls-image {flex: 1; display: flex; flex-direction: column; justify-content: center; margin-top: 30px; margin-bottom: 15px;}
.dls-number {padding: 0 15px; width: 100%; flex: 1; display: flex; flex-direction: column; justify-content: center;}
.dls-number span {display: block; width: 100%; text-align: center; padding: 0 0 20px; font-family: 'Playfair Display', serif; line-height: 1;}
.dls-meta {width: 100%; margin-top: 15px; display: flex; flex-direction: column; align-items: center; padding-top: 15px; background-color: #FBF6F3; padding-bottom: 15px; border-radius: 0 0 13px 13px;}
.dls-meta span:nth-child(1) {text-transform: uppercase; letter-spacing: 0.2em; line-height: 1;}
.dls-meta span:nth-child(2) {font-family: 'Playfair Display', serif; line-height: 1em;}
.dimenzije-empty {flex: 1; display: flex; flex-direction: column; align-items: center; text-transform: uppercase; letter-spacing: 0.2em; min-height: 240px; justify-content: center; text-align: center; padding: 20px;}

.dimenzije-right {width: 100%;}
.dr-cont {width: 100%; border-radius: 13px;}
.drc-header {display: flex; flex-direction: row; align-items: center; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 600; border-radius: 13px 13px 0 0; position: relative; z-index: 2;}
.drch-left {flex: 1; text-align: center; padding: 10px; line-height: 1; cursor: pointer; transition: 0.3s; background-color: #FBF6F3; border-radius: 13px 13px 0 0;}
.drch-left:hover {color: #c79532;}
.drch-left::before {content: ''; position: absolute; bottom: -10px; left: 0; width: 100%; z-index: 3; height: 10px; background-color: #fff;}
.drch-left.active {background-color: #fff; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); z-index: 1; color: #c79532; position: relative;}
.drch-right {flex: 1; text-align: center; padding: 10px; line-height: 1; cursor: pointer; transition: 0.3s; background-color: #FBF6F3; border-radius: 13px 13px 0 0;}
.drch-right::before {content: ''; position: absolute; bottom: -10px; left: 0; width: 100%; z-index: 3; height: 10px; background-color: #fff;}
.drch-right:hover {color: #c79532;}
.drch-right.active {background-color: #fff; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); z-index: 1; color: #c79532;}
.drc-content {padding: 20px; display: flex; flex-direction: row; background-color: #fff; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 0 0 13px 13px; position: relative; z-index: 1;}
.drcc-left {flex: 1; margin-right: 15px;}
.drcc-right {flex: 1;}
.drcc-single-item {text-transform: uppercase; letter-spacing: 0.1em;}
.single-item-top {display: flex; flex-direction: row; padding: 5px 20px 5px 10px; transition: 0.3s;}
.single-item-top.active {background-color: #F6F3F0;}
.single-item-top p {flex: 1;}
.single-item-top span {}
.single-item-bottom {padding: 5px 20px 5px 10px; border-top: 1px solid #dcdcdc; display: flex; flex-direction: row; justify-content: flex-end; transition: 0.3s;}
.single-item-bottom.active {background-color: #F6F3F0;}

.dimenzije-dugme {margin-top: 10px; display: flex; flex-direction: column; align-items: center;}

.popup-message.center {text-align: center;}
.popup-message.big-padding {padding: 20px;}
.popup-message {position: relative; z-index: 2; background-color: #fff; min-width: 200px; margin: 20px; padding: 20px; box-shadow: 4px 4px 10px rgb(0 0 0 / 20%); border-radius: 13px; overflow-y: auto; max-height: 90%; scroll-behavior: smooth;}
.popup-message .note-mentor {text-align: center; margin-top: 12px; line-height: 1.3em; font-style: italic; max-width: 550px; font-weight: 600;}
.pm-header {display: flex; flex-direction: row; align-items: center; border-bottom: 1px solid #bebebe; padding-bottom: 10px; margin-bottom: 10px; max-width: 550px;}
.pm-header .title {line-height: 1.2em; text-transform: uppercase; flex: 1; padding-right: 10px; text-align: left; width: unset; height: unset; background-color: unset; letter-spacing: 0.2em;}
.pm-header .red {color: #FC8181;}
.pm-header .green {color: #63AC9F;}
.pm-header .close {cursor: pointer; text-align: left; width: unset; height: unset; background-color: unset;}
.pm-header .close svg {height: 9px; width: auto; fill: #646464; transition: 0.3s;}
.pm-content {max-width: 550px;}
.pm-content p {margin-bottom: 10px; font-weight: 600;}
.pm-content p.center {text-align: center;}
.pm-content p.weigth400 {font-weight: 400;}

.pm-header .title.ocena-jelovnika {text-transform: none; letter-spacing: 0.1em;}

.popup-message .legenda {width: 100%; display: flex; flex-direction: column; justify-content: flex-start; gap: 7px;}
.popup-message .legenda span {display: flex; flex-direction: row; align-items: center; gap: 3px; line-height: 1.1em;}
.popup-message .legenda span::before {content: ''; width: 10px; height: 10px; border-radius: 100%; background-color: #64646;}
.popup-message .legenda .green::before {background-color: #63AC9F;}
.popup-message .legenda .red::before {background-color: #FC8181;}

.pm-content select {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; background-color: #f6f3f0; padding: 5px 24px 5px 10px; border-radius: 10px; background-image: url('../svg/arrow-select.svg'); background-repeat: no-repeat; background-size: 10px; background-position: 80% 10px; cursor: pointer; margin: 5px;}

.pm-mentor-cont {display: flex; flex-direction: row-reverse; align-items: flex-start; justify-content: center; gap: 10px;}
.pm-mentor {display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; margin-bottom: 10px; position: relative; z-index: 2;}
.pm-mentor.flex {flex: 1; flex-direction: column; align-items: flex-start;}
.pm-mentor.psiha {flex-direction: column; z-index: 1; align-items: flex-end;}
.pm-mentor-slika {width: 90px; height: 90px; border-radius: 100%; background-image: url('../svg/mentor-radial-bck.svg'); background-position: center; background-size: cover;}
.pm-mentor.psiha .pm-mentor-slika {background-image: url('../svg/zeleni-radial-bck.svg');}
.pm-mentor-slika img {width: 100%; height: 100%; border-radius: 100%; object-fit: cover;}
.pm-mentor-meta {display: flex; flex-direction: column; align-items: flex-start; gap: 2px; flex: 1;}
.pm-mentor.psiha .pm-mentor-meta {text-align: right;}
.pm-mentor-meta .ime-prezime { text-transform: uppercase; font-weight: 300; line-height: 1.3em; color: #333; letter-spacing: 0.2em; width: 100%;}
.pm-mentor-meta .ime-prezime b {font-weight: 600;}
.pm-mentor-meta .titula {line-height: 1.3em; color: #646464; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 300; width: 100%;}
.pm-mentor-meta .titula::after { content: ''; width: 100%; height: 1px; display: none; background-color: #C69214;}
.pm-uvodna {max-width: 340px; width: 100%; text-align: center; margin: 0 auto 15px auto; line-height: 1.4em; font-weight: 300;}

.pm-buttons-right {display: flex; flex-direction: row; justify-content: flex-end; flex-wrap: wrap; padding: 10px 0 0 0; gap: 10px;}
.pm-buttons-right.border {border-top: 1px solid #bebebe;}
.pm-buttons-center {display: flex; flex-direction: row; justify-content: center; gap:10px; padding: 10px 0 0;}
.pm-buttons-center.border {border-top: 1px solid #bebebe;}
.pm-buttons-center.padding {padding: 0;}
.pm-buttons-center.paddingt10 {padding: 10px 0 0;}
.pm-content button {}
.pm-content button:hover {}

.check-icon-anim-cont {display: flex; justify-content: center;}
.check-icon-anim {height: 70px; width: auto;}
.check-icon-stroke {animation: check-anim 1.5s cubic-bezier(0.76, -0.11, 1, 0.31) both alternate; animation-delay: 0.4s;}
@keyframes check-anim { 0% { stroke-dashoffset: 100; } 100% { stroke-dashoffset: 0; } }

.puff-in-center{-webkit-animation:puff-in-center .5s cubic-bezier(.47,0.000,.745,.715) .5s both;animation:puff-in-center .5s cubic-bezier(.47,0.000,.745,.715) .5s both}
@-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}

.pm-image-cont {display: flex; flex-direction: column; align-items: center; margin-bottom: -80px; position: relative; z-index: 2; margin-top: 20px;}
.pm-image-holder {width: 115px; height: 115px; position: relative;}
.pm-image-holder .overlay {background: radial-gradient(55.6% 55.6% at 55.6% 51.35%, rgba(217, 217, 217, 0) 68.35%, #E9E3DD 100%); border-radius: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2;}
.pm-image-holder img {width: 115px; height: 115px !important; object-fit: cover; border-radius: 100%; position: relative; z-index: 1; padding: 0 !important;}

.psiholog-popup.active {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.psiholog-popup .pmco-zvjezdice {padding: 0; border-bottom: 0; margin-bottom: 0;}
.psiholog-popup .pm-content {max-width: 750px;}
.psiholog-popup .pm-content p {font-weight: 400; margin-bottom: 15px; text-align: center;}
.psiholog-popup .popup-message {position: relative; z-index: 1; padding: 50px 20px 20px;}

.psiholog-poruka {text-align: center !important;}
.psiholog-poruka p {white-space: pre-line; word-break: break-word;}
.psiholog-poruka h3 {text-transform: uppercase;}
.psiholog-poruka ul {margin-bottom: 15px;}
.psiholog-poruka ul li {list-style-type: none;}

.pm-content .info-chat {width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center;}
.pm-content .info-chat .single {color: #646464;}
.pm-content .info-chat .single:last-child::after {display: none;}
.pm-content .info-chat .single::after {content: ''; display: block; width: 70px; height: 1px; background-color: #C4C4C4; margin: 13px auto;}
.pm-content .info-chat .single b {color: rgb(197, 147, 50); font-weight: 600;}

.pmc-ocjena {width: 100%;}
.pmc-ocjena .ocjene_error {font-size: 0.738em; text-align: center; color: #E64E37; margin-top: -10px; margin-bottom: 10px;}
.pmc-ocjena textarea {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; border: 0; height: 130px; background-color: #f6f3f0; padding: 15px; letter-spacing: 0.05em; resize: none; width: 100%; border-radius: 5px;}
.pmc-ocjena p {text-align: center; margin-bottom: 0;}
.pmco-zvjezdice {display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 10px 0 20px; border-bottom: 1px solid #DFDFDF; margin-bottom: 15px;}
.pmco-zvjezdice a {background-image: url('../svg/nn22-zvjezdica-off.svg'); background-repeat: no-repeat; background-size: 100% 100%; width: 30px; height: 28px; background-position: center; display: block; margin: 0 5px; transition: none;}
.pmco-zvjezdice a.active {background-image: url('../svg/nn22-zvjezdica-on.svg');}

.popup-message-fix {position: relative; z-index: 2; background-color: #fff; max-width: 700px; max-height: 90vh; width: 100%; margin: 20px; padding: 20px; display: flex; flex-direction: column; box-shadow: 4px 4px 10px rgb(0 0 0 / 20%); border-radius: 13px;}
.popup-message-fix.test-licnosti {padding: 15px;}
.pmf-header {margin-bottom: 10px; width: 100%;}
.pmf-header h2 {font-weight: 400; text-transform: uppercase; letter-spacing: 0.135em; padding-bottom: 10px; border-bottom: 1px solid #bebebe; width: 100%;}
.pmf-content {overflow-x: hidden; overflow-y: auto; flex-grow: 1; -webkit-overflow-scrolling: touch; width: 100%;}

.pmfc-jelovnik-popup {width: 100%;}
.pmfc-jelovnik-popup .note {margin-top: -20px; text-align: right; margin-bottom: 10px;}
.pmfc-jelovnik-popup p {font-weight: 600; margin-bottom: 10px;}
.pmfcjp-cont {width: 100%; margin-bottom: 20px;}
.pmfcjp-cont .top {display: flex; flex-direction: row; align-items: center;}
.pmfcjp-cont .top .left {background-color: #FFFBF3; position: relative; width: 100%; max-width: 160px; margin-right: 10px;}
.pmfcjp-cont .top .left input {font-weight: 400; letter-spacing: 0.135em; appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; background-color: transparent; width: 100%; text-align: left; color: #C79532; border: 0; display: block; padding: 7px 30px 7px 10px;}
.pmfcjp-cont .top .left input::placeholder {color: #C79532; opacity: 1;}
.pmfcjp-cont .top .left svg {display: block; height: 15px; width: auto; position: absolute; right: 10px; top: 50%; transform: translate(0, -50%);}
.pmfcjp-cont .top .right {text-transform: uppercase; font-weight: 400; letter-spacing: 0.135em; flex: 1; text-align: right; line-height: 1.2em;}
.pmfcjp-cont .top .right b {font-weight: 600;}
.pmfcjp-cont .bottom {padding: 0 10px 10px 10px; background-color: #F6F3F0; position: relative;}
.pmfcjp-cont .bottom .notice {position: absolute; left: 10px; top: 10px; right: 10px; z-index: 2;}
.pmfcjp-cont .bottom ul {height: 160px; overflow-x: auto; padding-top: 10px;}
.pmfcjp-cont .bottom ul li {list-style-type: none; text-transform: uppercase; font-weight: 400; letter-spacing: 0.135em; line-height: 1; background-color: #DDDDDD; border-radius: 5px; padding: 5px 10px; margin-right: 10px; margin-bottom: 10px; display: inline-block; cursor: pointer; transition: 0.3s; position: relative; opacity: 1;}
.pmfcjp-cont .bottom ul li:hover {opacity: 0.5;}
.pmfcjp-cont .bottom ul li.grey {background-color: #C8C8C8;}
.pmfcjp-cont .bottom ul li.active {background-color: #FC8181; color: #fff; padding: 5px 20px 5px 10px;}
.pmfcjp-cont .bottom ul li.active svg {display: block; height: 8px; width: auto; fill: #fff; transition: 0.3s;}

.pmfcjp-cont .bottom ul li.active .xfloat {display: block; transition: 0.3s; position: absolute; right: 10px; top: 50%; transform: translate(0px, -50%); z-index: 4;}
.pmfcjp-cont .bottom ul li.active .xstatic {display: block; transition: 0.3s; position: absolute; right: 10px; top: 50%; transform: translate(0px, -50%); z-index: 5;}
.pmfcjp-cont .bottom ul li.active:hover {opacity: 1;}

.pmfcjp-cont .bottom ul li.active.clickmobile .xstatic {padding: 9px; background-color: #FC8181; border-radius: 100%; right: -10px;}
.pmfcjp-cont .bottom ul li.active.clickmobile .xstatic svg {height: 12px;}
.pmfcjp-cont .bottom ul li.clickmobile .xfloat {z-index: 5;}
.pmfcjp-cont .bottom ul li.clickmobile .xstatic {z-index: 4;}
.pmfcjp-cont .bottom ul li.active.clickmobile .xfloat {padding: 9px; background-color: #FC8181; border-radius: 100%; right: -10px;}
.pmfcjp-cont .bottom ul li.active.clickmobile .xfloat svg {height: 12px;}

.pmfcjp-cont .bottom-fix {width: 100%; height: 10px; background-color: #F6F3F0;}
.pmfcjp-cont .bottom-cont {display: flex; flex-direction: column; flex-wrap: nowrap;}
.pmfcjp-cont .bottom-cont .bottom {flex: 0 1 160px;}
.pmfcjp-cont .bottom-cont .bottom .notice::before {content: 'Odaberi namirnice sa liste gore koje ne \017C eli\0161  u svom jelovniku.'; display: block; text-transform: uppercase; font-weight: 400; letter-spacing: 0.135em; line-height: 1.2em;}
.pmfcjp-cont .bottom-cont .bottom:nth-child(1) {border-bottom: 1px solid #C79532;}
.pmfc-jelovnik-popup input.jelovnik-napomena {font-weight: 400; letter-spacing: 0.135em; appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; background-color: #F6F3F0; width: 100%; text-align: left; color: #646464; border: 0; display: block; padding: 17px 20px;}
.pmfc-jelovnik-popup input.jelovnik-napomena::placeholder {text-transform: uppercase;}

.pmfc-popuni-profil {display: flex; flex-direction: column; align-items: center;}
.pmfc-popuni-profil-left {}
.pmfc-popuni-profil-left .note {letter-spacing: 0.1em; text-transform: uppercase; display: block; text-align: center; width: 100%; margin-top: 10px;}
.ppl-user-image {display: flex; flex-direction: row; align-items: center; justify-content: center; width: 192px;}
.ppl-cont {width: 192px; height: 192px; border-radius: 100%; background-color: #fff; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.ppl-cont a {display: flex; flex-direction: column; align-items: center; text-align: center; border-radius: 100%; width: 100%; height: 100%; justify-content: center; text-transform: uppercase; font-weight: 600; letter-spacing: 0.1em; line-height: 1.4; border: 1px solid #646464; padding: 15px;}
.ppl-cont a img {margin-bottom: 20px;}
.ppl-cont a span {font-weight: 600;}
.pmfc-popuni-profil-right {margin-top: 20px; width: 100%;}
.prvi-login-forma {}
::-moz-selection { background: rgba(198, 147, 50, 0.2); }
::selection { background: rgba(198, 147, 50, 0.2); }
.plf-input {margin-bottom: 20px; display: flex; gap: 5px; flex-direction: row; align-items: center; position: relative;}
.plf-input.mobile-col {flex-direction: column;}

.google-autocomplete {flex: 1; width: 100%;}
.google-autocomplete .css-13cymwt-control {background-color: #f6f3f0; border: 0; border-radius: 17.5px; letter-spacing: 0.1em; text-transform: uppercase; padding: 2px;}
.google-autocomplete.error .css-13cymwt-control {border: 1px solid #FC8181 !important;}
.google-autocomplete .css-13cymwt-control .css-1jqq78o-placeholder, .google-autocomplete .css-13cymwt-control .css-1dimb5e-singleValue {margin-left: 6px; color: #646464; font-size: 1em;}
.google-autocomplete .css-13cymwt-control .css-qbdosj-Input input {margin: 0 0 0 6px !important; box-shadow: unset;}
.google-autocomplete .css-t3ipsp-control .css-166bipr-Input input {box-shadow: unset;}
.google-autocomplete .css-t3ipsp-control .css-qbdosj-Input input {box-shadow: unset;}
.google-autocomplete input {box-shadow: unset !important;}

.google-autocomplete .css-t3ipsp-control {background-color: #f6f3f0; border: 0; border-radius: 17.5px; letter-spacing: 0.1em; text-transform: uppercase; padding: 2px; border-color: #C79532; box-shadow: none;}
.google-autocomplete .css-t3ipsp-control .css-1jqq78o-placeholder, .google-autocomplete .css-t3ipsp-control .css-1dimb5e-singleValue {margin-left: 6px; color: #646464; font-size: 1em;}
.google-autocomplete .css-t3ipsp-control:hover {border-color: #C79532; box-shadow: none;}
.google-autocomplete .css-t3ipsp-control .css-qbdosj-Input input {margin: 0 0 0 6px !important;}

.google-autocomplete .css-1nmdiq5-menu {width: 90%; left: 50%; transform: translate(-50%, 0); border: 0; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); border-radius: 17.5px;}
.google-autocomplete .css-1nmdiq5-menu .css-d7l1ni-option {background-color: #faf2e8; border-radius: 13.5px;}
.google-autocomplete .css-1nmdiq5-menu .css-tr4s17-option {background-color: #bc8d30; border-radius: 13.5px; color: #fff;}
.google-autocomplete .css-1nmdiq5-menu .css-1n6sfyn-MenuList {padding-top: 5px !important; padding-bottom: 5px !important; padding-left: 5px !important; padding-right: 5px !important;}

.pmrc-profil-edit .google-autocomplete .css-t3ipsp-control, .pmrc-profil-edit .google-autocomplete .css-13cymwt-control {background-color: #fff; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);}

.plf-input.join {gap: 0;}
.plf-input.join input:nth-child(1) {border-radius: 17.5px 0px 0px 17.5px;}
.plf-input.join input:nth-child(2) {border-radius: 0px 17.5px 17.5px 0px; border-left: 1px solid #E4E4E4; }
.plf-input.join input:nth-child(2)::placeholder {color: #BEBEBE;}
.plf-input.join select:nth-child(1) {border-radius: 17.5px 0px 0px 17.5px;}
.plf-input.join select:nth-child(2) {border-radius: 0px 17.5px 17.5px 0px; border-left: 1px solid #E4E4E4; }
.plf-input.join select {background-image: none;}
.plf-input label {letter-spacing: 0.1em; text-transform: uppercase;}
.plf-input input::-webkit-datetime-edit-text { color: #BEBEBE;}
.plf-input input::-webkit-datetime-edit-month-field { color: #BEBEBE; text-transform: uppercase;}
.plf-input input::-webkit-datetime-edit-day-field { color: #BEBEBE; text-transform: uppercase;}
.plf-input input::-webkit-datetime-edit-year-field { color: #BEBEBE; text-transform: uppercase;}
.plf-input input::-webkit-datetime-edit-day-field:focus, .plf-input input::-webkit-datetime-edit-month-field:focus, .plf-input input::-webkit-datetime-edit-year-field:focus {background-color: #C79532; color: white; outline: none;}
.plf-input .note {font-size: 0.8em; position: absolute; line-height: 1; bottom: -14px; right: 17px; letter-spacing: 0.1em;}
.plf-meta {margin-bottom: 10px; text-align: center;}
.plf-input input {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 17.5px; background-color: #f6f3f0; letter-spacing: 0.1em; padding: 11px 15px; text-align: center; flex: 1; width: 100%;}
.plf-input input.datum-rodjenja {min-height: 40px;}
.plf-input input::placeholder {text-transform: uppercase;}
.plf-input select {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 17.5px; width: 100%; background-color: #f6f3f0; letter-spacing: 0.1em; padding: 11px 15px; text-align: center; background-image: url(../svg/arrow-select.svg); background-repeat: no-repeat; background-size: 15px; background-position: 97% 15px; cursor: pointer;}
.plf-input select::placeholder {text-transform: uppercase;}

.plf-buttons {margin-top: 30px; width: 100%; display: flex; flex-direction: row; justify-content: center;}
.plf-buttons .button {padding: 5px 40px;}
.plf-buttons.margin .button {margin-left: 10px;}
.plf-buttons.margin .button:first-child {margin-left: 0;}

.popup-video {position: relative; z-index: 2; background-color: #fff; padding: 10px; margin: 20px; max-width: 800px;}
.popup-video video {width: 100%;}

.pm-content .atika-logo {display: flex; flex-direction: row; justify-content: center; margin-bottom: 20px;}
.pm-content .atika-logo img {height: 38px; width: auto;}
.pm-content h2 {font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1.3em; margin-bottom: 20px;}

.stranica-ne-postoji {max-width: 500px; width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center;}
.stranica-ne-postoji img {max-width: 380px; height: auto; margin-bottom: 50px; width: 100%;}
.stranica-ne-postoji h2 {font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1.2em; padding-bottom: 20px; border-bottom: 1px solid #bebebe; margin-bottom: 20px;}
.stranica-ne-postoji p {margin-bottom: 40px;}
.snp-vrati a {font-weight: 600;}
.snp-vrati a:hover {color: #646464;}

.test-licnosti-prva {display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}
.test-licnosti-prva img {height: 174px; width: auto; margin-bottom: 20px;}
.test-licnosti-prva h2 {font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1; border-bottom: 1px solid #bebebe; padding-bottom: 10px; margin-bottom: 20px; text-align: center;}
.test-licnosti-prva h3 {text-align: center; font-weight: 600; letter-spacing: 0.17em; text-transform: uppercase; margin-bottom: 20px;}
.test-licnosti-prva p {max-width: 380px; text-align: center; margin-bottom: 20px;}
.test-licnosti-prva .button {margin-top: 20px;}

.test-licnosti-forme {display: none;}
.forma-test-licnosti-single {}
.forma-test-licnosti-single img {width: 100%; height: auto;}
.forma-test-licnosti-single h1 {font-family: 'Playfair Display', serif; line-height: 1.2; font-weight: 400; margin-bottom: 10px;}
.forma-test-licnosti-single h1.linija {padding-bottom: 10px; border-bottom: 1px solid #bebebe; margin-bottom: 10px;}
.forma-test-licnosti-single h2 {font-weight: 400; line-height: 1.4em; padding-bottom: 10px; border-bottom: 1px solid #bebebe; margin-bottom: 10px;}
.forma-test-licnosti-single h2 a {color: #C79532; font-weight: 600;}
.forma-test-licnosti-single h2 a:hover {color: #646464;}
.forma-test-licnosti-single-in {}
.forma-test-licnosti-single-footer {border-top: 1px solid #bebebe; margin-top: 10px; display: flex; flex-direction: row; align-items: center; padding-top: 10px;}
.forma-test-licnosti-single-footer-left {flex: 1;}
.forma-test-licnosti-single-footer-right {display: flex; flex-direction: row; align-items: center;}
.forma-test-licnosti-single-footer-right .button {display: inline-block; margin-left: 10px; min-height: 31px;}

.forma-test-licnosti-single.upload-loader {position: relative;}
.forma-test-licnosti-single.upload-loader::before {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(255,255,255,0.8); z-index: 200; background-image: url('../svg/loader.svg'); background-repeat: no-repeat; background-position: center;}

.ftlsi-dimenzije {display: flex; flex-direction: column; flex-wrap: wrap;}
.ftlsi-dimenzije .row {flex: 0 0 33.3333%; display: flex; flex-direction: row; align-items: center; margin-top: 5px; margin-bottom: 5px;}
.ftlsi-dimenzije .row span {display: block; text-transform: uppercase; letter-spacing: 0.2em;}
.ftlsi-dimenzije .row input {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 13px; background-color: #f6f3f0; letter-spacing: 0.1em; padding: 10px; width: 100px; text-align: center;}
.ftlsi-dimenzije .row .left {flex: 1;}
.ftlsi-dimenzije .row .right {}

.forma-test-licnosti-single-platform {}
.forma-test-licnosti-single-platform h2 {font-family: 'Open Sans', sans-serif !important; font-weight: 400; line-height: 1.4em; padding-bottom: 10px; border-bottom: 0 !important; margin-bottom: 0px !important;}
.forma-test-licnosti-single-platform .ftlsi-forma p {font-weight: 400;}

.ftlsi-forma {padding: 10px;}
.ftlsi-forma.linija {border-bottom: 1px solid #bebebe;}
.ftlsi-forma.mb20 {margin-bottom: 20px;}
.ftlsi-forma.mb10 {margin-bottom: 10px;}
.ftlsi-forma.padding {padding: 10px 0;}
.ftlsi-forma.padding-check {padding: 10px 0 0;}
.ftlsi-forma p {margin-bottom: 10px;}
.ftlsi-forma p.marginb {margin-bottom: 0;}
.ftlsi-forma p.marginoff {margin-bottom: 0px;}
.ftlsi-forma p input {display: inline-block; width: unset; text-align: center; margin-bottom: 0; margin: 5px;}
.ftlsi-forma input.text-align-left {text-align: left;}
.ftlsi-forma input.w70 {width: 70px;}
.ftlsi-forma input {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 10px; background-color: #f6f3f0; letter-spacing: 0.1em; padding: 5px 10px; width: 100%; text-align: left; margin-bottom: 10px;}
.ftlsi-forma p select {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; background-color: #f6f3f0; padding: 5px 24px 5px 10px; border-radius: 10px; background-image: url(../svg/arrow-select.svg); background-repeat: no-repeat; background-size: 10px; background-position: 91% 10px; cursor: pointer; margin: 5px;}
.ftlsi-forma-radio {display: flex; flex-direction: row; align-items: flex-start; justify-content: center;}
.ftlsi-forma-radio-single {display: flex; flex-direction: row; align-items: center; margin-bottom: 10px; margin-right: 20px;}
.ftlsi-forma-radio-single .radio-container {width: 18px; height: 18px; margin-right: 5px;}
.ftlsi-forma-radio-single .radio-checkmark {width: 18px; height: 18px;}
.ftlsi-forma-radio-single .radio-container .radio-checkmark:after {width: 9px; height: 9px;}
.ftlsi-forma-radio-single .radio-check-checkmark {width: 18px; height: 18px;}
.ftlsi-forma-radio-single .radio-container .radio-check-checkmark:after {width: 9px; height: 9px;}
.ftlsi-forma .pinputnote {display: block; text-transform: uppercase; line-height: 1.2em; color: #C79532; margin-bottom: 15px;}
.ftlsi-forma .pinputspan {display: inline-flex; align-items: center; padding: 5px 10px; border: 1px solid #e5e0d8; border-radius: 10px; background: #f6f3f0;}
.ftlsi-forma .pinputspan input {margin: 0 0 0 5px; padding: 0; width: 40px;}
.ftlsi-forma .pinputspan .oznaka {font-size: 0.8em; color: #c5bdb1;}
.ftlsi-forma .vrednosti-slozene {display: flex; flex-direction: column; flex-wrap: wrap; gap: 5px; margin: 0 0 5px 0;}
.ftlsi-forma .vrednosti-slozene .pinputnote, .ftlsi-forma .vrednosti-slozene .radio-select {margin-bottom: 0;}
.ftlsi-forma .vrednosti-slozene .radio-select {margin-left: 5px;}


.ftlsi-forma textarea {resize: none; border: 0; outline: 0; margin: 0; min-height: 25px; max-height: 250px; border-radius: 10px; background-color: #f6f3f0; letter-spacing: 0.1em; padding: 5px 10px; width: 100%; text-align: left; margin-bottom: 10px; line-height: 1.5em;}

.ftlsi-forma-radio.cols {margin: 20px 0 10px; flex-wrap: wrap;}
.ftlsi-forma-radio.cols .ftlsi-forma-radio-single {margin-right: 5px; margin-left: 5px; display: flex; flex-direction: column; align-items: center; text-align: center; flex: 0 0 calc(50% - 20px);}
.ftlsi-forma-radio.cols .ftlsi-forma-radio-single label {margin-bottom: 5px;}
.ftlsi-forma-radio.cols .ftlsi-forma-radio-single h4 {font-weight: 400;}
.ftlsi-forma-radio.cols .ftlsi-forma-radio-single h5 {font-weight: 400; line-height: 1.5; position: relative; transition: 0.3s;}

.ftlsi-forma-radio.cols .ftlsi-forma-radio-single.obavjestenje h5::after {opacity: 0; transition: 0.3s; content: 'Detaljno pro\010Ditaj'; position: absolute; color: #fc8181; left: 50%; bottom: -20px; transform: translate(-50%, 0px); width: 100%; text-align: center; text-transform: uppercase; letter-spacing: 0.1em;}
.ftlsi-forma-radio.cols .ftlsi-forma-radio-single.obavjestenje.active {padding-bottom: 10px;}
.ftlsi-forma-radio.cols .ftlsi-forma-radio-single.obavjestenje.active h5::after {opacity: 1;}
.ftlsi-forma-radio.cols .ftlsi-forma-radio-single.obavjestenje.active h5 {box-shadow: 0 0 0 1px #fc8181; padding: 4px; border-radius: 5px;}

.ftlsi-forma-upload {}
.ftlsi-forma-upload .file-uploading {position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; background-color: rgb(0,0,0,0.2); z-index: 100;}
.ftlsi-forma-upload .file-uploading img {display: block; width: 50px; height: auto;}
.ftlsi-forma-upload label {display: block;}
.ftlsi-forma-upload a.button {}
.ftlsi-forma-upload .fajlovi {background-color: #f6f2ef; margin-top: 10px; display: flex; flex-direction: row; flex-wrap: wrap;}
.ftlsi-forma-upload .fajlovi span {display: flex; flex-direction: row; align-items: center; margin: 10px 5px; padding: 5px 10px; background-color: #fff; border-radius: 10px; word-break: break-all;}
.ftlsi-forma-upload .fajlovi a {display: block; margin-left: 5px;}
.ftlsi-forma-upload .fajlovi a:hover svg {fill: #000;}
.ftlsi-forma-upload .fajlovi a svg {height: 10px; width: auto; display: block; fill: #ec1111; transition: 0.3s;}

.form-note-small {margin-top: -7px; width: 100%; margin-bottom: 5px; line-height: 1.4em;}

.ftlsi-forma.naslovna-platforma {padding: 0;}
.ftlsi-forma.naslovna-platforma p {text-align: left;}
.ftlsi-forma.naslovna-platforma .radio-select {flex-direction: column; align-items: flex-start; margin-bottom: 0;}

.pmc-pitanja {margin-top: -10px;}
.pmc-pitanja h3 {margin-bottom: 10px; text-align: center;}
.pmc-pitanja-singles {display: flex; flex-direction: column; gap: 5px;}

.pmc-jelovnik {background-color: #F6F3F0; border-radius: 10px; margin-bottom: 10px;}
.pmc-jelovnik h3 {font-weight: 400; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; line-height: 1; border-bottom: 1px solid #fff; padding: 10px;}
.pmc-jelovnik .pmcj-jela {display: flex; flex-direction: column;}
.pmc-jelovnik .pmcj-jela .single {width: 100%; display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 10px; border-bottom: 1px solid #E7E3DF;}
.pmc-jelovnik .pmcj-jela .single:last-child {border-bottom: 0;}
.pmc-jelovnik .pmcj-jela .single .left {flex: 1; display: flex; flex-direction: column;}
.pmc-jelovnik .pmcj-jela .single .left .top {line-height: 1; text-transform: uppercase; letter-spacing: 0.2em; color: #CECECE; margin-bottom: 3px;}
.pmc-jelovnik .pmcj-jela .single .left .bottom {line-height: 1.3em;}
.pmc-jelovnik .pmcj-jela .single .right {}
.pmc-jelovnik .pmcj-jela .single .right .checkbox-select {margin-bottom: 0;}
.pmc-jelovnik .pmcj-jela .single .right .checkbox-select .checkbox-single {margin-right: 0; margin-bottom: 0;}
.pmc-jelovnik .pmcj-jela .single .right .checkbox-select .checkbox-single .check-container {margin-right: 0;}
.pmc-jelovnik .pmcj-jela .single .right .checkbox-select .checkbox-single .check-container .check-checkmark {border-radius: 100%;}
.pmc-jelovnik .pmcj-jela .single .right .checkbox-select .checkbox-single .check-container input:checked ~ .check-checkmark {box-shadow: inset 0px 0px 0px 1px #FC8181; background-color: #FC8181;}
.pmc-jelovnik .pmcj-jela .single .right .checkbox-select .checkbox-single .check-container .check-checkmark:after {background-color: transparent; background-image: url('../svg/nn-check.svg'); background-repeat: no-repeat; background-size: contain; width: 11px; height: 8px; margin-top: 1px; display: none;}
.pmc-jelovnik-cont .brojac {text-align: center; text-transform: uppercase; line-height: 1; letter-spacing: 0.2em; margin-bottom: 10px;}

.pmc-forma-jelovnik {width: 100%; margin-bottom: 10px;}
.pmc-forma-jelovnik textarea {resize: none; border: 0; outline: 0; padding: 10px; margin: 0; background-color: #F6F3F0; border-radius: 10px; flex: 1; width: 100%; transition: 0.3s;}
.pmc-forma-jelovnik textarea.error {box-shadow: inset 0px 0px 0px 1px #FC8181;}

/*------------------------------------*\
    NAMIRNICE POPUP NOVI
\*------------------------------------*/

.pmfc-jelovnik-popup-novi {width: 100%;}
.pmfc-jelovnik-popup-novi .note {margin-top: -20px; text-align: right; margin-bottom: 10px;}
.pmfc-jelovnik-popup-novi p {font-weight: 600; margin-bottom: 10px;}
.pmfc-jelovnik-popup-novi p strong {color: #FC8181; font-weight: 600;}
.pmfcjpn-cont {width: 100%; margin-bottom: 20px;}
.pmfcjpn-cont .top {display: flex; flex-direction: row; align-items: center;}
.pmfcjpn-cont .top .left {background-color: #FFFBF3; position: relative; width: 100%; max-width: 160px; margin-right: 10px;}
.pmfcjpn-cont .top .left input {font-weight: 400; letter-spacing: 0.135em; appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; width: 100%; text-align: left; color: #fff; border: 0; display: block; padding: 7px 30px 7px 10px; background-color: #C79532; border-radius: 13px 13px 0 0;}
.pmfcjpn-cont .top .left input::placeholder {color: #fff; opacity: 1;}
.pmfcjpn-cont .top .left svg {display: block; height: 15px; width: auto; position: absolute; right: 10px; top: 50%; transform: translate(0, -50%); fill: #fff;}
.pmfcjpn-cont .top .right {text-transform: uppercase; font-weight: 400; letter-spacing: 0.135em; flex: 1; text-align: right; line-height: 1.2em;}
.pmfcjpn-cont .top .right b {font-weight: 600;}
.pmfcjpn-cont .bottom {padding: 10px; #F6F3F0; position: relative;}
.pmfcjpn-cont .bottom .notice {}
.pmfcjpn-cont .bottom .overflow {height: 160px; overflow-x: auto;}
.pmfcjpn-cont .bottom ul li {list-style-type: none; text-transform: uppercase; font-weight: 400; letter-spacing: 0.135em; line-height: 1; background-color: #DDDDDD; border-radius: 5px; padding: 5px 10px; margin-right: 10px; margin-bottom: 10px; display: inline-flex; cursor: pointer; transition: 0.3s; position: relative; opacity: 1; align-items: center;}
.pmfcjpn-cont .bottom ul li span {color: #C79532; display: inline-block; font-size: 0.8em; margin-left: 5px;}
.pmfcjpn-cont .bottom ul li:hover {opacity: 0.5;}
.pmfcjpn-cont .bottom ul li.grey {background-color: #C8C8C8;}
.pmfcjpn-cont .bottom ul li.active {background-color: #FC8181; color: #fff; padding: 5px 20px 5px 10px;}
.pmfcjpn-cont .bottom.left ul li.active {padding: 5px 10px 5px 10px;}
.pmfcjpn-cont .bottom ul li.active img {display: block; height: 8px; width: auto; transition: 0.3s;}

.pmfcjpn-cont .bottom ul li.active .xfloat {display: block; transition: 0.3s; position: absolute; right: 10px; top: 50%; transform: translate(0px, -50%); z-index: 4;}
.pmfcjpn-cont .bottom ul li.active .xstatic {display: block; transition: 0.3s; position: absolute; right: 10px; top: 50%; transform: translate(0px, -50%); z-index: 5;}
.pmfcjpn-cont .bottom ul li.active:hover {opacity: 1;}

.pmfcjpn-cont .bottom ul li.active.clickmobile .xstatic {padding: 9px; background-color: #FC8181; border-radius: 100%; right: -10px; transition: 0.3s;}
.pmfcjpn-cont .bottom ul li.active.clickmobile .xstatic img {height: 12px; transition: 0.3s;}
.pmfcjpn-cont .bottom ul li.clickmobile .xfloat {z-index: 5; transition: 0.3s;}
.pmfcjpn-cont .bottom ul li.clickmobile .xstatic {z-index: 4; transition: 0.3s;}
.pmfcjpn-cont .bottom ul li.active.clickmobile .xfloat {padding: 9px; background-color: #893b3b; border-radius: 100%; right: -10px; transition: 0.3s;}
.pmfcjpn-cont .bottom ul li.active.clickmobile .xfloat img {height: 12px; transition: 0.3s;}

.pmfcjpn-cont .bottom .group {border-bottom: 1px solid #E8DFD6; margin-bottom: 10px;}
.pmfcjpn-cont .bottom .group ul {display: none;}
.pmfcjpn-cont .bottom .group.active ul {display: block;}
.pmfcjpn-cont .bottom .group .header {display: flex; flex-direction: row; align-items: center; position: sticky; top: 0; z-index: 5; background-color: #f7f3f0; padding-bottom: 5px; margin-bottom: 5px;}
.pmfcjpn-cont .bottom .group .header .left {display: flex; flex-direction: row; align-items: center; text-transform: uppercase; font-weight: 400; letter-spacing: 0.135em; line-height: 1; transition: 0.3s; margin-right: 10px;}
.pmfcjpn-cont .bottom.left .group .header .left {cursor: pointer;}
.pmfcjpn-cont .bottom.left .group .header .left:hover {color: #C79532;}
.pmfcjpn-cont .bottom .group .header .left img {width: 5px; height: 5px; margin-right: 5px; transition: 0.3s;}
.pmfcjpn-cont .bottom .group .header .left h2 {font-weight: 400;}
.pmfcjpn-cont .bottom .group.active .header .left img {transform: rotate(90deg);}
.pmfcjpn-cont .bottom .group .header .left span {color: #C79532; display: inline-block; font-size: 0.8em; margin-left: 5px;}
.pmfcjpn-cont .bottom .group .header .right {display: none; line-height: 1; flex: 1 1 70px; flex-direction: row; justify-content: flex-end;}
.pmfcjpn-cont .bottom .group .header .right span {display: block; cursor: pointer; transition: 0.3s; text-decoration: underline; font-size: 0.8em;}
.pmfcjpn-cont .bottom.right .group .header .right span {color: #FC8181;}
.pmfcjpn-cont .bottom .group .header .right span:hover {color: #C79532;}
.pmfcjpn-cont .bottom.right .group .header .right span:hover {color: #893b3b;}
.pmfcjpn-cont .bottom .group.active .header .right {display: flex;}

.pmfcjpn-cont .bottom-fix {width: 100%; height: 10px; background-color: #F6F3F0;}
.pmfcjpn-cont .bottom-cont {display: flex; flex-direction: column; flex-wrap: nowrap; background-color: #F6F3F0; border-radius: 0 13px 13px 13px;}
.pmfcjpn-cont .bottom-cont .bottom {flex: 0 1 160px;}
.pmfcjpn-cont .bottom .notice::before {content: 'Odaberi namirnice sa liste gore koje ne \017C eli\0161  u svom jelovniku.'; display: block; text-transform: uppercase; font-weight: 400; letter-spacing: 0.135em; line-height: 1.2em; color: #FC8181; font-weight: 600;}
.pmfcjpn-cont .bottom-cont .bottom:nth-child(1) {border-bottom: 1px solid #C79532;}
.pmfc-jelovnik-popup-novi input.jelovnik-napomena {font-weight: 400; letter-spacing: 0.135em; appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; background-color: #F6F3F0; width: 100%; text-align: left; color: #646464; border: 0; display: block; padding: 17px 20px; border-radius: 13px;}
.pmfc-jelovnik-popup-novi input.jelovnik-napomena::placeholder {text-transform: uppercase;}

.pmfcjpn-cont .bottom-cont .bottom .gilsmf {}
.pmfcjpn-cont .bottom-cont .bottom .gilsmf ul {}
.pmfcjpn-cont .bottom-cont .bottom .gilsmf li {}

.nn22-namirnice-market-kategorije {width: 100%; display: flex; flex-direction: row; justify-content: center; margin: 20px 0; background-color: rgba(255,255,255,0.5); box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px; overflow: hidden; padding: 10px; align-items: center; flex-wrap: wrap;}
.nn22-namirnice-market-kategorije span {text-transform: uppercase; margin-right: 10px;}
.nn22-namirnice-market-kategorije select {min-height: 25px; background-color: #FFFFFF; box-shadow: 1px 1px 3px rgb(0 0 0 / 15%); border-radius: 3px; padding: 0 29px 0 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../svg/nn22-stralica-dole-meni.svg); background-repeat: no-repeat; background-position: 92% center; max-width: 117px; width: 100%; color: #C79532; font-weight: 600;}

.nn22-namirnice-market {display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start;}
.nn22-namirnice-market .row {background-color: rgba(255,255,255,0.5); box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px; display: flex; flex-direction: column; width: 100%; overflow: hidden; margin-bottom: 20px;}
.nn22-namirnice-market .row .image {background-color: #fff; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px;}
.nn22-namirnice-market .row .image img {height: 100px; width: auto;}
.nn22-namirnice-market .row .table {width: 100%;}
.nn22-namirnice-market .row .table .table-col {display: flex; flex-direction: column;}
.nn22-namirnice-market .row .table .table-col .table-row {width: 100%; display: flex; flex-direction: row; line-height: 1.2em;}
.nn22-namirnice-market .row .table .table-col .table-row .left {background-color: #fff; width: 100px; padding: 0px 0px 0px 15px; text-transform: uppercase;}
.nn22-namirnice-market .row .table .table-col .table-row:first-child .left span {border-top: 1px solid #C4C4C4;}
.nn22-namirnice-market .row .table .table-col .table-row .left span {border-bottom: 1px solid #C4C4C4; display: block; width: 100%; padding: 5px 10px 5px 5px;}
.nn22-namirnice-market .row .table .table-col .table-row:last-child .left span {border-bottom: 0; padding: 5px 10px 10px 5px;}
.nn22-namirnice-market .row .table .table-col .table-row .left span.sastav {height: 100%; display: flex; flex-direction: column; justify-content: center;}
.nn22-namirnice-market .row .table .table-col .table-row:first-child .right {border-top: 1px solid #C4C4C4;}
.nn22-namirnice-market .row .table .table-col .table-row .right {flex: 1; margin-right: 15px; border-bottom: 1px solid #C4C4C4; padding: 5px 10px 5px 10px;}
.nn22-namirnice-market .row .table .table-col .table-row .right span {display: inline-block;}
.nn22-namirnice-market .row .table .table-col .table-row .right span.zuta {color: #C79532;}
.nn22-namirnice-market .row .table .table-col .table-row .right span.crvena {color: #e74949;}
.nn22-namirnice-market .row .table .table-col .table-row:last-child .right {border-bottom: 0; padding: 5px 10px 10px 10px;}
.nn22-namirnice-market .row .table .table-col .table-row.ocjena .left {color: #C79532; font-weight: 700;}
.nn22-namirnice-market .row .table .table-col .table-row.ocjena .right {color: #C79532; font-weight: 700;}

.checkbox-select {display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 10px;}
.checkbox-select.obavezno .checkbox-single .check-container .check-checkmark {box-shadow: inset 0px 0px 0px 1px #FC8181;}
.checkbox-select .checkbox-single {margin-right: 10px; margin-bottom: 10px; display: flex; flex-direction: row; align-items: center;}
.checkbox-select .checkbox-single .check-container {margin-right: 5px;}
.checkbox-select .checkbox-single .check-container:hover .check-checkmark {box-shadow: inset 0px 0px 0px 1px #c79532;}
.checkbox-select .checkbox-single .check-container input {appearance: auto !important; -moz-appearance: auto !important; -webkit-appearance: auto !important;}
.checkbox-select .checkbox-single .check-container input:checked ~ .check-checkmark {box-shadow: inset 0px 0px 0px 1px #c79532; transition: 0.3s;}
.checkbox-select .checkbox-single .check-container input.error ~ .check-checkmark {box-shadow: inset 0px 0px 0px 1px #FC8181;}
.checkbox-select .checkbox-single .check-container .check-checkmark {border-radius: 0; background-color: #fff; box-shadow: inset 0px 0px 0px 1px #bebebe;}
.checkbox-select .checkbox-single .check-container .check-checkmark:after {border-radius: 0; background-color: #c79532;}

.pmc-jelovnik .pmcj-jela .single .right .checkbox-select .checkbox-single .check-container .check-checkmark {background-color: #63AC9F; box-shadow: none}

.radio-select {display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 10px;}
.radio-select .radio-select-single {margin-right: 10px; margin-bottom: 10px; display: flex; flex-direction: row; align-items: center;}
.radio-select .radio-select-single .radio-container {width: 20px; height: 20px; margin-right: 5px;}
.radio-select .radio-select-single .radio-container input {}
.radio-select .radio-select-single .radio-container input.error ~ .radio-checkmark {box-shadow: inset 0px 0px 0px 1px #FC8181;}
.radio-select .radio-select-single .radio-container .radio-checkmark {width: 20px; height: 20px;}
.radio-select .radio-select-single .radio-check-note {padding: 5px 5px; border: 1px solid #e5e0d8; border-radius: 5px; background: #f6f3f0; display: inline-block; line-height: 1; margin-left: 5px;}
.radio-select.ml10 {margin-left: 10px;}
.radio-select .radio-select-single.ml10 {margin-left: 10px;}

.d0423-izazovi {display: flex; flex-direction: column; width: 100%; max-width: 950px; margin-top: 20px;}
.d0423-izazovi .top {display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 20px; gap: 10px;}
.d0423-izazovi .top .left {display: flex; flex-direction: column; flex: 1;}
.d0423-izazovi .top .left .pretitle {letter-spacing: 0.18em; text-transform: uppercase; line-height: 1.3em;}
.d0423-izazovi .top .left .title {letter-spacing: 0.18em; text-transform: uppercase; font-weight: 700; line-height: 1.3em;}
.d0423-izazovi .top .right {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px;}
.d0423-izazovi .top .right .download {display: flex; flex-direction: row; width: 100%; flex: 1; gap: 10px; background: rgba(255,255,255,0.5); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); border-radius: 6px 6px; padding: 10px; align-items: center; position: relative;}
.d0423-izazovi .top .right .download a {position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 2;}
.d0423-izazovi .top .right .download .meta {display: flex; flex-direction: column; flex: 1;}
.d0423-izazovi .top .right .download .meta .pretitle {letter-spacing: 0.2em; text-transform: uppercase; color: #C59332; font-weight: 700; line-height: 1; margin-bottom: 2px;}
.d0423-izazovi .top .right .download .meta .title {line-height: 1.3em; max-height: 33px; overflow-y: hidden;}
.d0423-izazovi .top .right .download .link {display: flex;}
.d0423-izazovi .top .right .download .link span {background: #C59332; border-radius: 6px; display: flex; flex-direction: row; align-items: center; justify-content: center; text-transform: uppercase; color: #fff; padding: 5px; letter-spacing: 0.2em; font-weight: 700; width: 100%; transition: 0.3s;}
.d0423-izazovi .top .right .download .link span img {height: 13px; width: auto;}
.d0423-izazovi .top .right .download:hover .link span {background: #63AC9F;}

.d0423-izazovi .bottom {display: flex; flex-direction: column; gap: 20px;}
.d0423-izazovi .bottom .left {flex: 1; display: flex; flex-direction: column; gap: 20px;}
.d0423-izazovi .bottom .left .video-player {width: 100%;}
.d0423-izazovi .bottom .left .video-player video {width: 100%; height: auto; display: block;}
.d0423-izazovi .bottom .left .video-player .kuhar-dugme {width: 100%; display: flex; flex-direction: column;}
.d0423-izazovi .bottom .left .video-player .kuhar-dugme a {background: #C59332; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); border-radius: 0px 0px 6px 6px; display: flex; flex-direction: row; align-items: center; text-transform: uppercase; color: #fff; font-weight: 700; letter-spacing: 0.2em; justify-content: center; line-height: 1; padding: 8px;}
.d0423-izazovi .bottom .left .video-player .kuhar-dugme a img {height: 15px; width: auto; margin-right: 5px;}
.d0423-izazovi .bottom .left .video-player .kuhar-dugme a:hover {background: #63AC9F;}
.d0423-izazovi .bottom .left .zadaci {background: rgba(255,255,255,0.5); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); border-radius: 10px; width: 100%; padding: 20px;}
.d0423-izazovi .bottom .left .zadaci h2 {line-height: 1; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 10px;}
.d0423-izazovi .bottom .left .zadaci ul {width: 100%;}
.d0423-izazovi .bottom .left .zadaci ul li {list-style-type: decimal; list-style-position: inside; line-height: 1.3em; margin-bottom: 5px;}

.d0423-izazovi .bottom .right {width: 100%; background: rgba(255,255,255,0.5); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); border-radius: 10px; display: flex; flex-direction: column;}
.d0423-izazovi .bottom .right .uvodne-cont {width: 100%;}
.d0423-izazovi .bottom .right .lekcije-cont {width: 100%;}
.d0423-izazovi .bottom .right h2 {text-align: center; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; line-height: 1; background: #FFFFFF; border-radius: 12px 12px 0px 0px; padding: 9px;}
.d0423-izazovi .bottom .right .lekcije {padding: 10px; display: flex; flex-direction: column; gap: 1px;}
.d0423-izazovi .bottom .right .lekcije .single {background: rgba(255, 255, 255, 0.5); display: flex; flex-direction: row; position: relative; transition: 0.3s;}
.d0423-izazovi .bottom .right .lekcije .single a {position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0;}
.d0423-izazovi .bottom .right .lekcije .single .check {background-color: #B0B0B0; display: flex; padding: 3px; align-items: center; justify-content: center; transition: 0.3s;}
.d0423-izazovi .bottom .right .lekcije .single.pogledano .check {background-color: #63AC9F;}
.d0423-izazovi .bottom .right .uvodne-cont .lekcije .single .check {background-color: #C59332;}
.d0423-izazovi .bottom .right .lekcije .single.pogledano .check img {display: block;}
.d0423-izazovi .bottom .right .lekcije .single .check img {display: none; width: 8px; height: auto;}
.d0423-izazovi .bottom .right .lekcije .single .meta {flex: 1; padding: 8px; display: flex; flex-direction: column; gap: 5px; position: relative;}
.d0423-izazovi .bottom .right .lekcije .single .meta .title {line-height: 1.3em;}
.d0423-izazovi .bottom .right .lekcije .single .meta .subtitle {letter-spacing: 0.1em; text-transform: uppercase; line-height: 1;}

.d0423-izazovi .bottom .right .lekcije .single:hover {background: #F5F2EF;}

.d0423-izazovi .bottom .right .lekcije .single.trenutno {background: rgba(255, 255, 255, 1);}
.d0423-izazovi .bottom .right .lekcije .single.trenutno .meta .title {font-weight: 600;}
.d0423-izazovi .bottom .right .lekcije .single.trenutno .meta {padding: 8px 38px 8px 8px;}
.d0423-izazovi .bottom .right .lekcije .single.trenutno .meta::after {content: url('../svg/d0423-izazov-oko.svg'); position: absolute; right: 10px; top: 50%; transform: translate(0, -50%);}

.d0423-izazovi .bottom .right .lekcije .single.nedostupno {cursor: not-allowed; background: rgba(255,255,255,0.5);}
.d0423-izazovi .bottom .right .lekcije .single.nedostupno .check {background-color: #DEDEDE;}
.d0423-izazovi .bottom .right .lekcije .single.nedostupno a {display: none;}
.d0423-izazovi .bottom .right .lekcije .single.nedostupno .meta {color: #B0B0B0;}

/*------------------------------------*\
    PLATFORM MAIN RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:359px) {
  .pm-mentor-slika {width: 60px; height: 60px;}
  .pm-mentor-meta .titula {letter-spacing: 0.15em;}
  .pm-mentor-meta .ime-prezime {letter-spacing: 0.15em;}
}

@media screen and (min-width:768px) {
  .dimenzije-left {margin-right: 20px; margin-bottom: 0;}
  .pmrc-dimenzije {flex-direction: row;}
  .dl-single {width: 170px;}
  .dl-single img {height: 85px;}
  .drcc-left {margin-right: 20px;}
  .stranica-ne-postoji {align-items: flex-start; text-align: left;}
  .popup-message {min-width: 430px;}
  .popup-message.big-padding {padding: 20px 60px;}
  .pm-content .atika-logo {margin-bottom: 40px;}
  .pm-content h2 {margin-bottom: 40px;}
  .pmfc-popuni-profil {flex-direction: row;}
  .pmfc-popuni-profil-left {margin-bottom: 40px; margin-right: 40px;}
  .plf-input input {text-align: left;}
  .plf-input select {text-align: left;}
  .plf-input {gap: 10px;}
  .plf-input.mobile-col {flex-direction: row;}
  .plf-meta {text-align: left; margin-bottom: 20px;}
  .plf-buttons {justify-content: flex-end;}
  .pmfc-popuni-profil-right {margin-right: 20px; flex: 1;}
  .ftlsi-dimenzije {flex-direction: row;}
  .ftlsi-dimenzije .row .right {margin-right: 30px;}
  .ftlsi-dimenzije .row input {padding: 11px 10px; width: 70px;}
  .ftlsi-dimenzije .row {margin-top: 10px; margin-bottom: 10px;}
  .ftlsi-forma-radio.cols .ftlsi-forma-radio-single {flex: unset;}
  .ftlsi-forma-radio.cols {margin: 20px 0 10px; flex-wrap: nowrap;}
  .popup-message-fix.test-licnosti {padding: 30px;}
  .pmfcjp-cont .top .left {max-width: 200px;}
  .pmfcjp-cont .bottom-cont .bottom {flex: 1; height: 180px;}
  .pmfcjp-cont .bottom-cont {display: flex; flex-direction: row; flex-wrap: nowrap;}
  .pmfcjp-cont .bottom-cont .bottom:nth-child(1) {border-right: 1px solid #C79532; border-bottom: 0;}
  .pmfcjp-cont .bottom-fix {height: 20px;}
  .pmfcjp-cont .bottom-cont .bottom .notice::before {content: 'Odaberi namirnice sa liste levo koje ne \017C eli\0161  u svom jelovniku.';}
  .pmfcjp-cont .bottom {padding: 10px 20px 10px;}
  .pmfcjp-cont .bottom .notice {left: 20px; top: 20px; right: 20px;}
  .pmfcjp-cont .bottom ul li.active:hover .xstatic {padding: 9px; background-color: #FC8181; border-radius: 100%; right: -10px;}
  .pmfcjp-cont .bottom ul li.active .xstatic:hover svg {fill: #893b3b;}
  .pmfcjp-cont .bottom ul li.active:hover .xstatic svg {height: 12px;}
  .pmfcjp-cont .bottom ul li:hover .xfloat {z-index: 5;}
  .pmfcjp-cont .bottom ul li:hover .xstatic {z-index: 4;}
  .pmfcjp-cont .bottom ul li.active:hover .xfloat {padding: 9px; background-color: #FC8181; border-radius: 100%; right: -10px;}
  .pmfcjp-cont .bottom ul li.active .xfloat:hover svg {fill: #893b3b;}
  .pmfcjp-cont .bottom ul li.active:hover .xfloat svg {height: 12px;}
  .nn22-namirnice-market .row {max-width: 330px; margin-right: 20px;}
  .nn22-namirnice-market-kategorije {max-width: 330px;}

  .pmfcjpn-cont .top .left {max-width: 200px;}
  .pmfcjpn-cont .bottom-cont .bottom {flex: 1; height: 180px;}
  .pmfcjpn-cont .bottom-cont {display: flex; flex-direction: row; flex-wrap: nowrap;}
  .pmfcjpn-cont .bottom-cont .bottom:nth-child(1) {border-right: 1px solid #C79532; border-bottom: 0;}
  .pmfcjpn-cont .bottom-fix {height: 20px;}
  .pmfcjpn-cont .bottom .notice::before {content: 'Odaberi namirnice sa liste levo koje ne \017C eli\0161  u svom jelovniku.';}
  .pmfcjpn-cont .bottom {padding: 20px 20px 10px;}
  .pmfcjpn-cont .bottom .notice {}
  .pmfcjpn-cont .bottom ul li.active:hover .xstatic {padding: 9px; background-color: #FC8181; border-radius: 100%; right: -10px;}
  .pmfcjpn-cont .bottom ul li.active:hover .xstatic img {height: 12px;}
  .pmfcjpn-cont .bottom ul li:hover .xfloat {z-index: 5;}
  .pmfcjpn-cont .bottom ul li:hover .xstatic {z-index: 4;}
  .pmfcjpn-cont .bottom ul li.active:hover .xfloat {padding: 9px; background-color: #893b3b; border-radius: 100%; right: -10px;}
  .pmfcjpn-cont .bottom ul li.active:hover .xfloat img {height: 12px;}
  .pmfcjpn-cont .bottom .group {}
  .dr-cont {max-width: 500px;}
  .dimenzije-dugme {align-items: flex-end;}
  .d0423-izazovi .top {flex-direction: row; align-items: center; gap: 20px;}
  .d0423-izazovi .top .right {max-width: 335px;}
  .google-autocomplete .css-13cymwt-control .css-1jqq78o-placeholder, .google-autocomplete .css-13cymwt-control .css-1dimb5e-singleValue {font-size: 1.2em;}
  .google-autocomplete .css-t3ipsp-control .css-1jqq78o-placeholder, .google-autocomplete .css-t3ipsp-control .css-1dimb5e-singleValue {font-size: 1.2em;}
  .plf-input.datum-rodjenja label {font-size: 1.2em;}
  .google-autocomplete .css-1nmdiq5-menu {width: 95%;}
  .ftlsi-forma .vrednosti-slozene {flex-direction: row; align-items: center;}
  .pmc-jelovnik .pmcj-jela .single .right .checkbox-select .checkbox-single .check-container:hover .check-checkmark {background-color: #FC8181;}
  .popup-message .legenda {flex-direction: row;}
}

@media screen and (min-width:1024px) {
  .pmr-content {padding: 30px 40px 40px;}
  .dimenzije-left {margin-right: 40px;}
  .drcc-left {margin-right: 40px;}
  .kursevi .kurs-main .kurs-slika img {height: 140px;}
  .kursevi .kurs-main {flex-direction: column;}
  .kursevi .kurs-main .kurs-slika {margin-bottom: 10px; margin-top: 0;}
  .kursevi .proizvodi-main-header h2 {flex-direction: row; align-items: center;}
  .kursevi .proizvodi-main-header h2 span {margin-bottom: 0px;}
  .d0423-izazovi .bottom {flex-direction: row;}
  .d0423-izazovi .bottom .right {max-width: 335px;}
  .pm-mentor.psiha {margin-right: -20px; align-items: center; flex-direction: row-reverse !important;}
  .pm-mentor.flex {flex-direction: row; align-items: center;}
  .pm-mentor-cont {gap: 0px; align-items: center;}
}

@media screen and (min-width:1140px) {
  .pmrc-header h4 {text-align: left;}
}

@media screen and (min-width:1280px) {
  .pm-left {display: flex; position: unset; width: unset; top: 0;}
  .chat .pml-menu {height: calc(100vh - 53px);}
  .chat .pmlm-box {height: calc(100vh - 53px);}
  .chat .pmrn-box {height: calc(100vh - 53px);}
  .pml-menu {width: 22.266vw; max-width: 360px;}
  .pml-overlay {display: none;}
  .pmlm-box {width: 22.266vw; max-width: 360px;}
  .pmrn-box {width: 22.266vw; max-width: 360px;}
  .pmr-notifications-out {left: unset;}
  .pmr-profile-out {left: unset; backdrop-filter: unset; -webkit-backdrop-filter: unset;}
  .pm-left-messages {width: unset; backdrop-filter: unset; -webkit-backdrop-filter: unset;}
  .pmrp-social span {width: unset;}
  .float-overlay .close-button {right: 50px; top: 50px;}
  .fol-ar-left {display: block;}
  .fol-ar-right {display: block;}
  .fo-lightbox {padding: 0 50px;}
  .pmrc-header.izazov-title h2 {display: block;}
  .d0423-izazovi {margin-top: 0;}
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    CHAT
\*------------------------------------*/

.pm-right .chat {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; flex-grow: 1; position: relative;}

.pm-right .chat .chat-top {width: 100%; display: flex; flex-direction: column;}
.pm-right .chat .chat-top .ct-left {flex-grow: 1; padding: 5px 10px 61px; display: flex; flex-direction: column; height: calc(100vh - 213px);}
.ctl-header {display: flex; flex-direction: row; align-items: center; border-bottom: 1px solid #bebebe; padding-left: 0px; height: 47px;}
.ctlh-left {display: inline-flex; flex-direction: row; align-items: center; flex: 1; padding-bottom: 10px; padding-right: 20px;}
.ctlh-left h2 {font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1;}
.ctlh-left p {text-transform: uppercase; letter-spacing: 0.18em; line-height: 1; position: relative; padding-left: 20px; margin-left: 20px; padding-bottom: 8px; display: none !important;}
.ctlh-left p::before {content: ''; width: 1px; height: 20px; background-color: #bebebe; display: block; position: absolute; left: 0; top: -3px;}

.ctlh-left .status {margin-left: 10px;}
.ctlh-left .status span {display: flex; flex-direction: row; align-items: center; text-transform: uppercase; font-weight: 700; line-height: 1; margin-top: 9px;}
.ctlh-left .status span::before {content: ""; width: 5px; height: 5px; display: block; border-radius: 100%; margin-right: 5px;}
.ctlh-left .status span.otvoreno {color: #63AC9F;}
.ctlh-left .status span.otvoreno::after {content: "Otvoreno"}
.ctlh-left .status span.otvoreno::before {background-color: #63AC9F;}
.ctlh-left .status span.zatvoreno {color: #E64E37;}
.ctlh-left .status span.zatvoreno::after {content: "Zatvoreno"}
.ctlh-left .status span.zatvoreno::before {background-color: #E64E37;}

.ctlh-right {transition: 0.3s; display: inline-flex; flex-direction: column; margin-bottom: 10px;}
.ctlh-right a {display: flex; flex-direction: row; flex-grow: 1;}
.ctlh-right svg {width: auto; height: 19px; fill: #646464; transition: 0.3s;}
.ctlh-right p {display: none; text-transform: uppercase; letter-spacing: 0.18em; margin-right: 10px;}
.ctlh-right .vrijeme {display: flex; flex-direction: row; align-items: center; border-radius: 20px; padding: 4px 14px 4px 7px; background-color: #333;}
.ctlh-right .vrijeme .image {margin-right: 5px;}
.ctlh-right .vrijeme .image img {height: 23px; width: auto;}
.ctlh-right .vrijeme .text {color: #fff; text-transform: uppercase; display: flex; flex-direction: column; align-items: flex-start;}
.ctlh-right .vrijeme .text span {line-height: 1; font-weight: 600;}
.ctlh-right .vrijeme .text span:nth-of-type(1) {}
.ctlh-right .vrijeme .text span:nth-of-type(2) {}

.ctl-chat {width: 100%; overflow-x: hidden; overflow-y: auto; display: flex; flex-direction: column-reverse; flex-grow: 1;}
.ctl-chat-first-out {padding: 20px 0; display: flex; flex-direction: column; align-items: center; min-height: min-content;}
.ctl-chat-first {padding: 10px 10px 0 10px; border: 1px solid #bebebe; background-color: #fff; align-self: center; position: relative; cursor: pointer; display: flex;; flex-direction: column; max-width: 722px; width: 100%;}
.ctl-chat-first a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; z-index: 3;}
.ctl-chat-first img {transition: 0.3s;}
.ctl-chat-first:hover .image {opacity: 0.8;}
.ctl-chat-first:hover .play {transform: scale(0.8);}

.loader-poruka {display: flex; flex-direction: column; align-items: center; padding: 20px 0 40px;}
.loader-poruka svg {width: 40px; height: auto;}
.loader-poruka svg circle {stroke: #646464;}
.loader-poruka svg path {stroke: #646464;}

.ctl-chat-first-welcome {padding: 20px; max-width: 722px; margin-bottom: 20px; margin-top: 20px; margin-left: 50px; background-color: rgba(255,255,255,0.5); box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px;}
.ctlcfw-in {}
.ctlcfw-in a {font-weight: bold;}
.ctlcfw-in a:hover {color: #646464;}
.ctlcfw-in p {white-space: pre-line; word-break: break-word; margin-bottom: 10px;}
.ctlcfw-in-top {margin-bottom: 30px;}
.ctlcfw-columns-text {}
.ctlcfw-columns-text h2 {padding-bottom: 10px; border-bottom: 1px solid #bebebe; margin-bottom: 20px;}
.ctlcfw-columns-text-cont {display: flex; flex-direction: column; flex-wrap: wrap;}
.ctlcfw-columns-text-cont .col-left {width: 100%; margin-right: 0px; margin-bottom: 30px; display: flex; flex-direction: column;}
.ctlcfw-columns-text-cont .col-right {width: 100%; margin-left: 0px; display: flex; flex-direction: column;}
.ctlcfw-columns-text-cont .col-single {display: flex; flex-direction: row; margin-bottom: 30px;}
.ctlcfw-columns-text-cont .col-single:last-child {margin-bottom: 0;}
.ctlcfw-columns-text-cont .col-single img {width: 39px; height: 39px; margin-right: 10px;}
.ctlcfw-columns-text-cont .col-single .cs-left {}
.ctlcfw-columns-text-cont .col-single .cs-right {}
.ctlcfw-columns-text-cont .col-single .cs-right span {font-weight: bold;}
.ctlcfw-columns-text-cont .col-single.zalbe-pohvale {align-items: center;}

.ctl-chat-message {display: flex; /*min-height: min-content;*/ flex-direction: row; align-items: flex-end; margin-bottom: 8px; /*content-visibility: auto;*/}
.ctl-chat-message.customer {align-self: flex-end; flex-direction: row-reverse;}
.ctl-chat-message.customer .ctlcm-icon {margin: 0 0 6px 4px;}
.ctl-chat-message.customer .ctlcm-message {align-items: flex-end; border: 0;}
.ctl-chat-message.customer .ctlcm-message p {text-align: right;}
.ctl-chat-message.customer .ctlcm-message .ctlcm-meta {text-align: right;}
.ctlcm-icon {margin: 0 4px 6px 0;}
.ctlcm-icon img {width: 40px; height: 40px; object-fit: cover; border-radius: 100%;}
.ctlcm-message {display: flex; flex-direction: column; align-items: flex-start; padding: 20px; background-color: rgba(255,255,255,0.5); box-shadow: 0px 0px 20px rgb(0 0 0 / 15%); border-radius: 13px; margin: 6px;}
.ctlcm-message.psiholog {background-color: rgba(245,232,244,0.6);}
.ctlcm-message a.button {margin: 5px 0 7px;}
.ctlcm-message p {text-align: left; white-space: pre-line; word-break: break-word; margin-bottom: 10px;}
.ctlcm-message img {max-width: 400px; height: auto; padding: 10px 0 0 0; display: inline-block; width: 100%;}
.ctlcm-message p img {cursor: pointer;}
.ctlcm-meta {text-align: left;}
.ctlcm-message .chat_videoframe {position: relative; overflow: hidden; height: auto; width: 100%;}
.ctlcm-message .chat_videoframe iframe {width: 100%; height: 100%;}

.ctlcm-message .video-customer {max-width: 300px; max-height: 200px; width: 100%; height: 100%;}
.ctlcm-message .video-customer img {width: 100%; height: 100%; object-fit: cover; display: block; padding: 0;}

/*PSIHOLOG*/
.ctl-chat-message.\31 nIVvnUUhGZErUK .ctlcm-message .ctlcm-meta, .ctl-chat-message.eJdXLedpCH6M8rv .ctlcm-message .ctlcm-meta {color: #92538C;} 

/*NUTRI*/
.ctl-chat-message.\30 MLDZGXuCupwbSM .ctlcm-message .ctlcm-meta, .ctl-chat-message.\30 dEmLsNC0sP9hNB .ctlcm-message .ctlcm-meta, .ctl-chat-message.\31 ekcGafcq4uUtQZ .ctlcm-message .ctlcm-meta, .ctl-chat-message.\31 t8s3G1j3nr8VOE .ctlcm-message .ctlcm-meta, .ctl-chat-message.\31 xjb47VMvyyLTbv .ctlcm-message .ctlcm-meta, .ctl-chat-message.\31 4ymTQzUQV6Emow .ctlcm-message .ctlcm-meta, .ctl-chat-message.puIzfxnlwpycBtR .ctlcm-message .ctlcm-meta, .ctl-chat-message.Z3XiiVDCAtM9JEl .ctlcm-message .ctlcm-meta, .ctl-chat-message.dgfagWIetJTeHPW .ctlcm-message .ctlcm-meta {color: #EFB5A5;} 

/*DOKTOR*/
.ctl-chat-message.\31 sgHnkmq3cdKwPF .ctlcm-message .ctlcm-meta, .ctl-chat-message.XoHww15jlsJhreE .ctlcm-message .ctlcm-meta {color: #5FCCB9;} 

.ctlcm-message-zadaci {}
.ctl-chat-message-note a {text-decoration: underline; transition: 0.3s; font-weight: 600;}
.ctl-chat-message-note a:hover {color: #646464;}
.ctlcm-message-zadaci  .pmrc-zadatak {max-width: 500px; margin-bottom: 10px;}
.ctl-chat-message.ciljevi {display: flex; flex-direction: column; align-items: flex-start; margin-top: 20px;}
.ctl-chat-message.ciljevi .ctl-chat-message-note {margin-top: 10px; margin-left: 10px;}

.ctlcf-image {position: relative; width: 100%;}
.ctlcf-image .play-out {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;}
.ctlcf-image .play {width: 24px; height: auto; transition: 0.3s;}
.ctlcf-image .image {height: 215px; width: 100%; object-fit: cover;}
.ctlcf-meta {text-transform: uppercase; letter-spacing: 0.25em; text-align: center; line-height: 1; padding: 10px; transition: 0.3s;}

.pm-right .chat .chat-top .ct-right {padding: 5px; display: flex; align-items: center; justify-content: center; position: relative;}
.pm-right .chat .chat-top .ct-right .banner {width: 100%; display: flex; flex-direction: column;}
.pm-right .chat .chat-top .ct-right .banner a {width: 100%; height: 100%;}
.pm-right .chat .chat-top .ct-right .banner img {width: 100%; height: auto; border: 2px solid #fff;}
.pm-right .chat .chat-top .ct-right .banner .b-desktop {display: none;}
.pm-right .chat .chat-top .ct-right .banner .b-mobile {display: block;}

.pm-right .chat .chat-top .ct-right .photo-video-out {display: none; position: fixed; right: 0; top: 53px; height: 100%; width: 100%; z-index: 101;}
.pm-right .chat .chat-top .ct-right .photo-video-out.active {display: block;}
.pm-right .chat .chat-top .ct-right .photo-video {padding: 20px 20px; width: 100%; min-height: 100%; background-color: #fff;}
.pv-header {display: flex; flex-direction: row; justify-content: flex-end;}
.pv-header svg {width: 14px; height: auto; fill: #646464; transition: 0.3s;}
.pv-photo {margin-top: 20px; margin-bottom: 20px;}
.pv-photo h2 {text-transform: uppercase; letter-spacing: 0.18em; font-weight: normal; line-height: 1; margin-bottom: 10px;}
.pv-photo-cont {display: flex; flex-direction: row; flex-wrap: wrap;}
.pvp-single {width: calc(33.3333% - 4px); margin-right: 4px; margin-bottom: 4px; height: 29vw;}
.pvp-single:nth-child(3n+3) {margin-right: 0;}
.pvp-single:hover img {opacity: 0.7;}
.pvp-single img {width: 100%; height: 100%; object-fit: cover; transition: 0.3s;}
.pv-meta {margin-top: 10px;}
.pv-meta a {display: flex; flex-direction: row; align-items: center; justify-content: flex-end; line-height: 1; text-transform: uppercase; letter-spacing: 0.2em; transition: 0.3s;}
.pv-meta a svg {width: 7px; height: auto; fill: #646464; margin-left: 5px; transition: 0.3s;}

.pv-video {}
.pv-video h2 {text-transform: uppercase; letter-spacing: 0.18em; font-weight: normal; line-height: 1; margin-bottom: 10px;}
.pv-video-cont {border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe;}
.pvv-single {display: flex; flex-direction: row; align-items: center; border-bottom: 1px solid #bebebe; position: relative;}
.pvv-single a {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;}
.pvv-single:last-child {border-bottom: 0;}
.pvv-single:hover img {opacity: 0.7;}
.pvvs-img {width: 100px; height: 100px;}
.pvvs-img img {width: 100%; height: 100%; object-fit: cover; transition: 0.3s;}
.pvvs-middle {flex: 1; display: flex; flex-direction: column; padding: 10px 20px;}
.pvvs-middle h3 {font-weight: 600; margin-bottom: 4px; line-height: 1.2; transition: 0.3s;}
.pvvs-middle span {color: #bebebe; line-height: 1.2;}
.pvvs-meta {}

.pm-right .chat .chat-bottom {padding: 10px; position: fixed; bottom: 50px; left: 0; right: 0;}
.cb-cont {display: flex; flex-direction: row; align-items: center;}
.cb-cont p.radno-vrijeme {padding: 5px 10px; font-size: 0.7em; text-transform: uppercase; width: 100%; text-align: center; letter-spacing: 0.1em;}
.cbc-icons {margin-right: 10px;}
.cbc-icons a {position: relative; width: 36px; height: 36px; background-color: #fff; border-radius: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%);}
.cbc-icons a[data]:after {top: unset; bottom: calc(100% + 5px);}
.cbc-icons svg {height: 16px; width: auto; transition: 0.3s; fill: #646464;}
.cbc-message {display: flex; flex-direction: row; align-items: center; background-color: #fff; border-radius: 20px; flex: 1; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%);}
.cbc-message textarea {resize: none; border: 0; outline: 0; padding: 8px 0 0 15px; margin: 0; background-color: transparent; flex: 1; min-height: 36px; max-height: 250px;}
.cbc-message a {position: relative; display: block; margin: 0 15px;}
.cbc-message a[data]:after {top: unset; bottom: calc(100% + 5px); right: 0; left: unset;}
.cbc-message svg {height: 15px; width: auto; transition: 0.3s; fill: #C59332;}

.cbc-button {margin-right: 10px; cursor: pointer; transition: 0.3s;}
.cbc-button img {height: 20px; width: auto;}
.cbc-button a {position: relative; width: 36px; height: 36px; background-color: #fff; border-radius: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%);}
.cbc-button a[data]:after {top: unset; bottom: calc(100% + 5px);}
.cbc-button svg {height: 16px; width: auto; fill: #646464;}
.cbc-button:hover svg {fill: #C79532;}

.ctlc-dimenzije {margin: 30px 0 50px 0; width: 100%;}
.ctlc-dimenzije.poruka {margin: 30px 0 50px 0;}
.ctlc-dimenzije.poruka .datum {text-align: center;}
.ctlc-dimenzije.poruka .ctlcd-bottom-text {max-width: 380px; margin: 0 auto;}
.ctlcd-top {display: flex; flex-direction: column; align-items: center; padding-bottom: 10px;}
.ctlcd-top img {width: 109px; height: auto;}
.ctlcd-top.poruka h2 {text-align: center; width: 100%;}
.ctlcd-top h2 {font-weight: 600; text-transform: uppercase; letter-spacing: 0.18em; text-align: center; margin-bottom: 10px;}
.ctlcd-top p {text-align: center; margin-bottom: 10px;}
.ctlcd-top p:last-child {margin-bottom: 0;}
.ctlcd-bottom {}
.ctlcd-bottom-inputs {display: flex; flex-direction: column; flex-wrap: wrap;}
.ctlcd-bottom-inputs .inputs-single {width: 100%; margin-right: 0px; background-color: rgba(255,255,255,0.5); border-radius: 17px; margin-bottom: 10px; display: flex; flex-direction: row; padding: 5px 5px 5px 20px; align-items: center;}

.ctlcd-bottom-inputs.dimenzije-popup .inputs-single {background-color: #F6F3F0;}

.ctlcd-bottom-inputs .inputs-single:nth-child(3n+3) {margin-right: 0;}
.ctlcd-bottom-inputs .inputs-single input {width: 82px; background-color: #fff; text-align: center; height: 29px; appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 14px;}
.ctlcd-bottom-inputs .inputs-single span {flex: 1; text-transform: uppercase; letter-spacing: 0.2em; padding-right: 10px;}
.ctlcd-bottom-buton {display: flex; flex-direction: row; justify-content: flex-end;}
.ctlcd-bottom-buton .button {padding: 5px 30px;}
.button {background-color: #C79532; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; color: #fff; padding: 5px 10px; text-transform: uppercase; font-size: 0.688em; letter-spacing: 0.195em; font-weight: 600; cursor: pointer; transition: 0.3s; text-align: center; appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; line-height: 1.4;}
a.button {color: #fff !important; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; line-height: 1; padding: 10px;}
.button:disabled, .button[disabled] {cursor: not-allowed; opacity: 0.5; background-color: #ccc;}
.button:hover:disabled, .button:hover[disabled] {background-color: #ccc; color: #fff !important; box-shadow: unset;}
.button.disabled {cursor: not-allowed; opacity: 0.5; background-color: #ccc;}
.button.disabled:hover {background-color: #ccc; color: #fff !important; box-shadow: unset;}
input.button {min-height: 31px;}
.button:hover {color: #C79532 !important; background-color: #fff; box-shadow: inset 0px 0px 0px 1px #c79532;}
.button svg {display: block; fill: #fff; margin-right: 5px;}
.button:hover svg {fill: #C79532;}
.button.marginb20 {margin-bottom: 20px;}
.ctlcd-bottom-text {text-align: center;}
.ctlcd-bottom-text p {text-align: center; margin: 20px 0;}
.ctlc-dimenzije.poruka .ctlcd-bottom-text p {margin: 0;}
.ctlcd-bottom-text a {font-weight: 600;}

.ctlc-dimenzije-plan {max-width: 640px; align-self: center; width: 100%;}
.ctlc-plan-ishrane {margin: 30px 0 30px 0; width: 100%;}
.ctlcp-top {display: flex; flex-direction: column; align-items: center; border-bottom: 1px solid #bebebe; padding-bottom: 10px;}
.ctlcp-top-img {margin-right: 0px; margin-bottom: 30px;}
.ctlcp-top-title {width: 100%;}
.ctlcp-top img {width: 180px; height: auto;}
.ctlcp-top h2 {font-weight: 600; text-transform: uppercase; letter-spacing: 0.18em; text-align: center; margin-bottom: 10px; width: 100%;}
.ctlcp-top p {text-align: center;}
.ctlcp-top-text {}
.ctlcp-top-text p {margin-bottom: 20px;}
.ctlcp-top-text p:first-child {font-weight: 600;}
.ctlcp-top-text p:last-child {margin-bottom: 0px;}
.ctlcp-bottom {margin-top: 20px;}
.ctlcp-bottom-inputs {display: flex; flex-direction: column;}
.ctlcp-bottom-inputs .button {align-self: flex-end;}
.inputs-single {display: flex; flex-direction: column; margin-bottom: 20px;}
.inputs-single p {font-weight: 600; margin-bottom: 5px;}
.inputs-single input {background-color: #fff; padding: 10px; text-align: left; appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; width: 100%;}
.unreadMarker { width: 100%; margin-top: 0px; margin-bottom: 20px; display: flex; flex-direction: column; align-items: center; color: #C79532; letter-spacing: 0.2em; font-size: 0.8em;}
.unreadMarker::before { content: 'NOVE PORUKE'; display: block; border-bottom: 1px dotted #dabc8c; padding: 5px 30px; border-top: 1px dotted #dabc8c; line-height: 1;}
.hide-marker .unreadMarker { display: none;}

.flex-row-center {display: flex; flex-direction: column; align-items: flex-start; gap: 10px;}

.ctlc-dimenzije24 {width: 100%; max-width: 590px; align-self: center;}
.ctlc-dimenzije24 .poruka {width: 100%; display: flex; flex-direction: column; align-items: center; margin: 30px 0;}
.ctlc-dimenzije24 .poruka h2 {text-transform: uppercase; font-weight: 600; letter-spacing: 0.2em; color: #C79532; width: 100%; text-align: center; border-bottom: 1px solid #C79532; line-height: 1.3em; padding-bottom: 3px; margin-bottom: 10px;}
.ctlc-dimenzije24 .poruka p {width: 100%; text-align: center; margin-bottom: 15px; line-height: 1.3em;}

.dimenzije-dodatna-pitanja .inputs-single input {border-radius: 20px; padding: 10px 15px;}

/*------------------------------------*\
    CHAT RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .ctl-chat-first-welcome {padding: 30px;}
  .ctlcfw-columns-text-cont {flex-direction: row;}
  .ctlcfw-columns-text-cont .col-left {width: calc(50% - 15px); margin-right: 15px; margin-bottom: 0;}
  .ctlcfw-columns-text-cont .col-left.max-width {width: 100%; margin-right: 0;}
  .ctlcfw-columns-text-cont .col-right {width: calc(50% - 15px); margin-left: 15px;}
  .ctlcd-bottom-inputs {flex-direction: row;}
  .ctlcd-bottom-inputs .inputs-single {width: calc(33% - 5px); margin-right: 10px;}
  .ctlcd-bottom-inputs .inputs-single input {width: 55px;}
  .ctl-chat-message.ciljevi {padding-left: 50px;}
  .ctlcm-message-zadaci {padding-left: 50px;}
  .ctlcd-top {flex-direction: row;}
  .ctlcp-top {flex-direction: row;}
  .ctlcp-top-img {margin-right: 30px; margin-bottom: 0px;}
  .ctlcp-top-img.dimenzije {margin-left: 30px;}
  .ctlcp-top h2 {text-align: left;}
  .ctlcp-top p {text-align: left;}
  .ctlcm-message .chat_videoframe {height: 293px; width: 520px;}
  .flex-row-center {flex-direction: row; align-items: center;}
  .flex-row-center p, .flex-row-center .radio-select, .flex-row-center .radio-select .radio-select-single {margin-bottom: 0;}
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width:1140px) {
    .pm-right .chat .chat-top .ct-right .banner .b-desktop {display: block;}
    .pm-right .chat .chat-top .ct-right .banner .b-mobile {display: none;}
    .pm-right .chat .chat-top {flex-direction: row-reverse;}
    .pm-right .chat .chat-top .ct-right {padding: 10px 20px 67px 30px; height: calc(100vh - 53px);}
    .pm-right .chat .chat-top .ct-left {padding: 30px 0 62px 30px; height: calc(100vh - 53px);}
    .ctlh-right p {display: block;}
    .ctl-header {padding-left: 10px;}
    .pm-right .chat .chat-top .ct-right .banner img {width: auto; height: 100%; max-height: 590px;}
    .pm-right .chat .chat-top .ct-right .banner {height: 100%; flex-direction: row;}
    .ctl-chat-message {max-width: 75%;}
    .pm-right .chat .chat-top .ct-right .photo-video-out {position: absolute; z-index: 99; top: 0;}
    .pm-right .chat .chat-top .ct-right .photo-video {border-left: 1px solid #bebebe; padding: 20px 10px;}
    .pvp-single {width: calc(50% - 2px); height: 86px;}
    .pvp-single:nth-child(2n+2) {margin-right: 0 !important;}
    .pvp-single:nth-child(3n+3) {margin-right: 4px;}
    .pvvs-meta {display: none;}
    .pvvs-img {width: 70px; height: 70px;}
    .pvvs-middle {flex: 1; display: flex; flex-direction: column; padding: 5px;}
    .pm-right .chat .chat-bottom {position: absolute;}
}

@media screen and (min-width:1280px) {
  .pm-right .chat .chat-bottom {padding: 10px 20px 15px 20px; bottom: 0;}
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    PLAN ISHRANE
\*------------------------------------*/

.plan-ishrane {padding: 20px 0;}
.pi-header {display: flex; flex-direction: row; align-items: center;}
.pih-dani {display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: center;}
.pih-dani a {background-color: #fff; padding: 10px 15px; margin-right: 10px; text-transform: uppercase; letter-spacing: 0.195em; display: inline-flex; flex-direction: column; align-items: center;}
.pih-dani a span {margin-left: 0px; margin-top: 5px; font-size: 1.4em;}
.pih-dani a.active {font-weight: 600;}

.pih-lista {width: 100%; text-align: center;}
.pih-lista a {background-color: #fff; padding: 10px 15px; text-transform: uppercase; letter-spacing: 0.195em; display: block;}
.pih-lista a.active {font-weight: 600;}

.pi-columns {display: flex; flex-direction: column; margin-top: 10px; align-items: center;}
.pi-columns .col {width: 100%;}
.pi-columns .col-one {max-width: 890px; width: 100%;}
.pi-columns .first {margin-right: 0px;}
.pi-columns .second {}
.pi-columns .row {margin-bottom: 10px; background-color: rgba(255,255,255,0.5); box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px;}
.pi-columns .row.active .pic-row-content {display: block;}
.pi-columns .row.active .pic-row-header {border-radius: 13px 13px 0 0;}
.pi-columns .row h4 {letter-spacing: normal; font-weight: 400; text-transform: none; padding: 7px 10px; text-align: center; line-height: 1; position: relative;}
.pi-columns .row h4 a.kalendar-icon {position: absolute; right: 14px; top: 6px; z-index: 2;}
.pi-columns .row h4 a.kalendar-icon img {width: 18px; height: auto;}
.pi-columns .row h4 a.kalendar-icon img.hover {opacity: 0; position: absolute; left: 0; top: 0; z-index: 2; transition: 0.3s;}
.pi-columns .row h4 a.kalendar-icon img.no-hover {opacity: 1; transition: 0.3s;}
.pi-columns .row h4 a.kalendar-icon:hover img.hover {opacity: 1;}
.pi-columns .row h4 a.kalendar-icon:hover img.no-hover {opacity: 0;}
.pi-columns .row.dnevni-kalkulator {position: relative;}
.pic-row-header {background-color: #fff; border-radius: 13px;}
.pic-row-header h2 {font-weight: 600; text-transform: uppercase; letter-spacing: 0.4em; text-align: center; padding: 13px 10px; line-height: 1; transition: 0.3s; cursor: pointer;}
.pic-row-header h2:hover {color: #C79532;}
.pic-row-header span {display: block; width: 100%; height: 33px; background-color: #f6f3f0; position: relative;}
.pic-row-header span img {width: 100%; height: auto; position: absolute; bottom: 0;}
.pic-row-header span img.dorucak {width: 300px; left: 50%; transform: translate(-50%, 0px); bottom: -6px;}
.pic-row-header span img.tecnost {width: 300px; left: 50%; transform: translate(-50%, 0px); bottom: -20px;}
.pic-row-header span img.rucak {width: 300px; left: 50%; transform: translate(-50%, 0px); bottom: -12px;}
.pic-row-header span img.medju {width: 300px; left: 50%; transform: translate(-50%, 0px); bottom: -26px;}
.pic-row-header span img.vecera {width: 300px; left: 50%; transform: translate(-50%, 0px); bottom: 0;}
.pic-row-header span img.namirnice-left {width: 110px; left: 20px; bottom: 0;}
.pic-row-header span img.namirnice-right {width: 146px; right: 10px; bottom: -15px;}

.pi-columns .row.dozvoljeni-unos .pic-row-content {padding: 15px;}

.dozvoljeni-unos.popup {margin-bottom: 0 !important;}
.dozvoljeni-unos.popup h4 {line-height: 1.3em;}

.pi-columns .row h4 .kalendar-float {position: absolute; left: 0; right: 0; top: 0; z-index: 4; padding-bottom: 30px; display: none;}
.pi-columns .row h4 .kalendar-float.active {display: block;}
.pi-columns .row h4 .kalendar-float .preload-loading {position: absolute; top: 0; bottom: 30px; border-radius: 13px;}

.pic-row-content {padding: 20px 30px 30px; display: none;}
.pic-row-content .accordian {padding-left: 16px;}
.pic-row-content .accordian li {list-style-type: decimal; padding: 10px 0; transition: 0.3s; line-height: 1.3em;}
.pic-row-content .accordian li::marker {color: #646464; font-size: 0.875em; transition: 0.3s;}
.pic-row-content .accordian .accordian-header {display: flex; flex-direction: row; align-items: center; transition: 0.3s; cursor: pointer;}
.pic-row-content .accordian .accordian-header:hover {color: #C79532;}
.pic-row-content .accordian .accordian-header:hover span.icon svg {fill: #C79532;}
.pic-row-content .accordian .accordian-header h2 {font-size: 0.875em; font-weight: 400; flex: 1; padding-right: 10px;}
.pic-row-content .accordian .accordian-header span {}
.pic-row-content .accordian .accordian-header span.icon svg {transition: 0.3s; fill: #646464;}
.pic-row-content .accordian li.active .accordian-header {color: #C79532;}
.pic-row-content .accordian li.active .accordian-header span.icon svg {transform: rotate(180deg); fill: #C79532;}

.pic-row-content .accordian li.active .acc-content {display: block;}
.pic-row-content .accordian .acc-content {padding: 10px 0 10px; display: none;}
.pic-row-content .accordian .acc-content h3 {font-weight: 600; letter-spacing: 0.25em;}
.pic-row-content .accordian .acc-content ul {padding: 4px 0 10px 21px;}
.pic-row-content .accordian .acc-content ul li {list-style-type: disc; padding: 0;}
.pic-row-content .accordian .acc-content ul li::marker {color: #646464; padding-right: 2px;}
.pic-row-content .accordian .acc-content p {padding: 2px 10px 0 10px; line-height: 1.3em; margin-bottom: 10px;}
.pic-row-content .accordian .acc-content p.note {font-size: 0.8em; line-height: 1.3em; font-style: italic; margin-bottom: 0;}

.pic-row-content .accordian .nutri-vrijednosti-plan {display: none;}
.pic-row-content .accordian li.active .nutri-vrijednosti-plan {display: block;}
.pic-row-content .accordian .nutri-vrijednosti-plan h3 {font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase;}
.pic-row-content .accordian .nutri-vrijednosti-plan .vrijednosti {display: flex; flex-direction: row; align-items: center; justify-content: center; text-align: center; margin: 10px 0 10px 0;}
.pic-row-content .accordian .nutri-vrijednosti-plan .vrijednosti div {display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; flex: 1; padding: 0 5px;}
.pic-row-content .accordian .nutri-vrijednosti-plan .vrijednosti div span:nth-child(1) {font-weight: 600; display: block; margin-bottom: 5px;}
.pic-row-content .accordian .nutri-vrijednosti-plan .vrijednosti div span:nth-child(2) {text-transform: uppercase;}

.kalkulator {display: flex; flex-direction: column; align-items: center;}
.kalkulator .bez-unosa {width: 100%; display: flex; flex-direction: row; align-items: flex-start;}
.kalkulator .bez-unosa .img {margin-right: 10px; margin-top: 3px;}
.kalkulator .bez-unosa .img img {width: 26px; height: auto;}
.kalkulator .bez-unosa .notice {line-height: 1.3em; flex: 1;}
.kalkulator .jela {width: 100%; margin-bottom: 10px;}
.kalkulator .jela .jelo {display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 10px;}
.kalkulator .jela .jelo:last-child {margin-bottom: 0;}
.kalkulator .jela .jelo .naslov {flex: 1; text-align: left;}
.kalkulator .jela .jelo .naslov span {font-weight: 600; margin-right: 5px; color: #c79535; font-size: 0.9em; display: inline-block; line-height: 1; width: unset; height: unset; background-color: unset;}
.kalkulator .jela .jelo .ikona {background-color: #C79532; width: 17px; height: 17px; border-radius: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 10px; margin-top: 5px; position: relative; cursor: pointer; transition: 0.3s;}
.kalkulator .jela .jelo .ikona a {display: block; width: 100%; height: 100%;}
.kalkulator .jela .jelo .ikona img.on {width: 10px; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 1; transition: 0.3s;}
.kalkulator .jela .jelo .ikona img.off {width: 9px; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); z-index: 1; opacity: 0; transition: 0.3s;}
.kalkulator .jela .jelo .ikona:hover img.on {opacity: 0;}
.kalkulator .jela .jelo .ikona:hover img.off {opacity: 1;}
.kalkulator .jela .jelo .ikona:hover {background-color: #FC8181;}
.kalkulator .vrijednosti {border-top: 1px solid #C4C4C4; border-bottom: 1px solid #C4C4C4; padding: 15px 10px; display: flex; flex-direction: column; align-items: center; margin-top: 15px; margin-bottom: 15px; width: 100%;}
.kalkulator .vrijednosti .naslov {text-align: center; text-transform: uppercase; font-weight: 600; letter-spacing: 0.25em; width: 100%; line-height: 1; margin-bottom: 15px;}
.kalkulator .vrijednosti .unosi {width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.kalkulator .vrijednosti .unosi .unos {display: flex; flex-direction: column; align-items: center; flex: 1; text-align: center;}
.kalkulator .vrijednosti .unosi .unos span {display: block; line-height: 1; width: unset; height: unset; background-color: unset;}
.kalkulator .vrijednosti .unosi .unos span:nth-child(1) {font-weight: 600; margin-bottom: 5px;}
.kalkulator .vrijednosti .unosi .unos span:nth-child(2) {text-transform: uppercase;}
.kalkulator .text {text-align: center; max-width: 300px; width: 100%;}
.kalkulator .text a {color: #C79532; font-weight: 700; transition: 0.3s;}
.kalkulator .text a:hover {color: #333;}
.kalkulator .error {line-height: 1.3em; text-align: center;}
.kalkulator .error.margin {margin-bottom: 10px;}
.kalkulator .vrijednosti .unosi .unos .error {margin-top: 0; }
.error {color: #FC8181;}
.prekoMakro {color: #d3910c; background-color: unset !important; height: auto !important;}
.kcal300 {background-color: unset !important; height: auto !important; margin-bottom: 10px; display: block;}
.kcal100 {background-color: unset !important; height: auto !important; margin-bottom: 10px; display: block;}
.kalkulator .text.napomena {margin-top: 10px; line-height: 1.2em; max-width: unset;}

.dugme-zeleno {background-color: #63AC9F; width: 100%; text-align: center; display: flex; flex-direction: row; align-items: center; justify-content: center; color: #fff !important; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 700; border-radius: 6px; padding: 10px; line-height: 1;}
.dugme-zeleno.border {background-color: #fff; box-shadow: inset 0px 0px 0px 1px #63ac9f; color: #63ac9f !important;}
.dugme-zeleno.border:hover {color: #50998C !important; box-shadow: inset 0px 0px 0px 1px #50998c; background-color: #fff;}
.dugme-zeleno.marginb10 {margin-bottom: 10px;}
.dugme-zeleno:hover {background-color: #50998C;}
.dugme-zeleno img {height: 16px; width: auto; margin-right: 10px;}

.odabir-jelovnik-float {padding: 10px; background-color: #fff; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px; display: flex; flex-direction: column; align-items: center; position: absolute; width: 100%; top: 0; z-index: 2;}
.ojf-header {width: 100%; text-align: center; margin-bottom: 10px;}
.ojf-jelovnik {width: 100%; margin-bottom: 10px; max-height: 250px; overflow: auto;}
.ojfj-content {width: 100%; display: flex; flex-direction: column; align-items: center; gap: 2px;}
.ojfj-single {width: 100%; border-radius: 6px; background-color: #F5F5F5; display: flex; flex-direction: column; align-items: center;}
.ojfjs-top {display: flex; flex-direction: row; align-items: center; width: 100%; gap: 10px; padding: 9px 10px;}
.ojfjs-top.otvoreno .ojfjs-ikona img {transform: rotate(0deg);}
.ojfjs-ikona {display: block;}
.ojfjs-ikona img {width: 8px; height: auto; transform: rotate(-90deg); transition: 0.3s;}
.ojfjs-naslov {flex: 1; letter-spacing: 0.2em; line-height: 1; text-transform: uppercase; cursor: pointer;}
.ojfjs-odabir {width: 17px; height: 17px; background-color: #fff; border-radius: 100%; border: 1px solid #C59332; cursor: pointer; position: relative;}
.ojfjs-odabir.odabrano {background-color: #C59332;}
.ojfjs-odabir.odabrano::after {content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 10px; height: 7px; background-image: url('../svg/nn-check.svg'); background-size: cover; background-repeat: no-repeat; z-index: 2; transform: translate(-50%, -50%);}
.ojfjs-odabir.odabrano-nesto {background-color: #C59332;}
.ojfjs-odabir.odabrano-nesto::after {content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 9px; height: 2px; background-image: url('../svg/nn-minus-icon.svg'); background-size: cover; background-repeat: no-repeat; z-index: 2; transform: translate(-50%, -50%);}

.ojfjs-bottom {width: 100%; display: flex; flex-direction: column; align-items: center; padding-bottom: 5px;}
.ojfjsb-jelo {width: 100%; display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 5px 10px 5px 20px; border-top: 1px solid #fff;}
.ojfjsb-jelo .naslov {flex: 1;}
.ojfjsb-jelo .naslov .obrok {letter-spacing: 0.32em; text-transform: uppercase; color: #C79532; line-height: 1; margin-bottom: 4px;}
.ojfjsb-jelo .naslov .naziv {line-height: 1.2em; transition: 0.3s;}

.ojf-dugmad {width: 100%; display: flex; flex-direction: row; gap: 10px; align-items: center;}

.ostale-namirnice-lista {width: 100%;}
.ostale-namirnice-lista h2 {width: 100%; text-align: center; font-weight: 600;  border-bottom: 1px solid #C4C4C4; padding-bottom: 5px; margin-bottom: 10px;}

.kalkulator .text .linkovi-single {display: flex; flex-direction: row; align-items: center; padding: 0 10px; flex: 1; justify-content: center; position: relative; margin-top: 10px;}
.kalkulator .text .linkovi-single a {display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 3;}
.kalkulator .text .linkovi-single .icon {margin-right: 10px;}
.kalkulator .text .linkovi-single .icon svg {fill: #C79532; transition: 0.3s;}
.kalkulator .text .linkovi-single .title {color: #C79532; text-transform: uppercase; font-weight: 700; letter-spacing: 0.2em; line-height: 1.2em; transition: 0.3s; text-align: left;}
.kalkulator .text .linkovi-single:hover .icon svg {fill: #333;}
.kalkulator .text .linkovi-single:hover .title {color: #333;}

.kalkulator .text.ostale-namirnice {border-top: 1px solid #C4C4C4; padding-top: 15px;}

.ostalen-float {position: absolute; left: 0; right: 0; top: 0; z-index: 4; padding-bottom: 30px; display: none;}
.ostalen-float.active {display: block;}
.ostalen-float-in {padding: 20px; background-color: #fff; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px; display: flex; flex-direction: column; align-items: center;}
.ostalen-float-header {display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 15px; position: relative; width: 100%;}
.ostalen-float-header .naslov {width: 100%; text-align: center;}
.ostalen-float-header .zatvori {position: absolute; cursor: pointer; z-index: 2; right: 0; top: 3px;}
.ostalen-float-header .zatvori img {width: 12px; height: auto;}
.ostalen-float-header .zatvori img.no-hover {opacity: 1; transition: 0.3s;}
.ostalen-float-header .zatvori img.hover {position: absolute; z-index: 2; top: 0; left: 0; opacity: 0; transition: 0.3s;}
.ostalen-float-header .zatvori:hover img.no-hover {opacity: 0;}
.ostalen-float-header .zatvori:hover img.hover {opacity: 1;}

.ostalen-float-pretraga {width: 100%; display: flex; flex-direction: row; align-items: center; background-color: #c79532; padding: 10px 10px 10px 15px; border-radius: 10px;}
.ostalen-float-pretraga input {flex: 1; outline: 0; border: 0; background-color: transparent; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; color: #fff; letter-spacing: 0.1em; margin-right: 15px; padding: 0;}
.ostalen-float-pretraga input::placeholder {color: #fff; text-transform: uppercase;}
.ostalen-float-pretraga img {width: 15px; height: 15px;}
.ostalen-float-broj {line-height: 1; margin: 10px 0; letter-spacing: 0.1em; text-transform: uppercase;}
.ostalen-float-broj span {font-weight: 600; font-size: 0.99em; display: inline-block; line-height: 1;}

.ostalen-float-namirnice {display: flex; flex-direction: column; align-items: center; min-height: 230px; max-height: 230px; width: 100%; overflow-x: auto;}
.ostalen-float-namirnice .namirnica {width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;}
.ostalen-float-namirnice .namirnica .namirnica-in {display: flex; flex-direction: row; align-items: flex-start; width: 100%;}
.ostalen-float-namirnice .namirnica span.naslov {flex: 1; text-align: left; margin-right: 10px; line-height: 1.3em; display: block;}
.ostalen-float-namirnice .namirnica span.img {width: 17px; height: 17px; border-radius: 100%; background-color: #c79532; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; position: relative;}
.ostalen-float-namirnice .namirnica span.img:hover {background-color: #63AC9F;}
.ostalen-float-namirnice .namirnica span.img:hover img.plus {transform: rotate(180deg);}
.ostalen-float-namirnice .namirnica span.img img.plus {width: 9px; height: auto; transition: 0.3s; position: relative; z-index: 1; opacity: 1;}
.ostalen-float-namirnice .namirnica span.img img.check {width: 10px; height: auto; transition: 0.3s; position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0;}
.ostalen-float-namirnice .namirnica.active span.img img.check {opacity: 1;}
.ostalen-float-namirnice .namirnica.active span.img img.plus {opacity: 0;}
.ostalen-float-namirnice .namirnica span.img.active {background-color: #63AC9F;}
.ostalen-float-namirnice .namirnica.active span.img {background-color: #63AC9F; cursor: pointer;}
.ostalen-float-namirnice .namirnica.active span.naslov {color: #63AC9F;}
.ostalen-float-namirnice .namirnica span.img.active:hover {background-color: #fc8181;}
.ostalen-float-namirnice .namirnica span.img.active:hover img.plus {transform: rotate(45deg);}

.ostalen-float-namirnice .namirnica.active span.img:hover img.plus {opacity: 1; transform: rotate(180deg);}
.ostalen-float-namirnice .namirnica.active span.img:hover img.check {opacity: 0;}

.ostalen-float-namirnice .namirnica .dodavanje-namirnice {width: 100%; display: flex; flex-direction: column;}
.ostalen-float-namirnice .namirnica .dodavanje-namirnice .cont {display: flex; flex-direction: row; background-color: #c79532; color: #fff; align-items: center; padding: 5px 5px 5px 10px; margin-top: 5px; width: 100%;}
.ostalen-float-namirnice .namirnica .dodavanje-namirnice .kolicina {flex: 1; text-transform: uppercase; line-height: 1; text-align: left; display: flex; flex-direction: row; align-items: center;}
.ostalen-float-namirnice .namirnica .dodavanje-namirnice .kolicina input {outline: 0; border: 0; background-color: transparent; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; color: #c79532; height: 22px; width: 36px; padding: 0 5px; text-align: center; background-color: #fff; margin: 0 10px;}
.ostalen-float-namirnice .namirnica .dodavanje-namirnice .kolicina input::placeholder {color: #c79532;}
.ostalen-float-namirnice .namirnica .dodavanje-namirnice .dugme {}
.ostalen-float-namirnice .namirnica .dodavanje-namirnice .dugme .button {padding: 6px; background-color: #fff; color: #C79532 !important; font-weight: 400; height: 22px;}
.ostalen-float-namirnice .namirnica .dodavanje-namirnice .dugme .button:hover {box-shadow: unset; background-color: #63AC9F; color: #fff !important;}
.ostalen-float-namirnice .namirnica .namirnica-dodana {width: 100%; line-height: 1; text-transform: uppercase; border: 1px solid #63AC9F; padding: 7px; color: #63AC9F; margin-top: 5px;}
.ostalen-float-namirnice .namirnica .dodavanje-namirnice .dozvoljeno {background-color: #E9E9E9; padding: 10px; background-image: none; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%;}
.ostalen-float-namirnice .namirnica .dodavanje-namirnice .dozvoljeno .dozvoljeno-single {flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center;}
.ostalen-float-namirnice .namirnica .dodavanje-namirnice .dozvoljeno .dozvoljeno-single span {color: #646464; text-transform: uppercase; line-height: 1; display: block; width: unset; height: unset; background-color: unset;}
.ostalen-float-namirnice .namirnica .dodavanje-namirnice .dozvoljeno .dozvoljeno-single p {color: #646464; font-weight: 600; line-height: 1; margin-bottom: 5px;}

.druga-jela-ai {width: 100%; display: flex; flex-direction: column; align-items: center;}
.druga-jela-ai form {width: 100%; display: flex; flex-direction: column; align-items: center;}
.druga-jela-ai form div {width: 100%;}
.druga-jela-ai form textarea {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; border: 0; height: 80px; background-color: #f6f3f0; padding: 15px; letter-spacing: 0.05em; resize: none; width: 100%; border-radius: 10px;}
.druga-jela-ai form button {width: 100%; border-radius: 10px; padding: 10px; font-size: 0.7em;}

.pic-row-content .accordian li.active .dodaj-kalkulator {display: block;}
.dodaj-kalkulator {display: none; width: 100%; margin-top: 20px; margin-bottom: 10px;}
.dodaj-kalkulator a {display: flex; flex-direction: row; align-items: center; justify-content: center; box-shadow: inset 0 0 0 1px #c79532; padding: 7px; transition: 0.3s;}
.dodaj-kalkulator span {display: block;}
.dodaj-kalkulator span.title {color: #C79532; text-transform: uppercase; font-weight: 600; line-height: 1; transition: 0.3s; flex: 1;}
.dodaj-kalkulator span.icon {background-color: #C79532; border-radius: 100%; width: 13px; height: 13px; display: flex; align-items: center; justify-content: center; margin-left: 7px; transition: 0.3s;}
.dodaj-kalkulator span.icon img {width: 7px; height: auto; margin-top: 1px; margin-left: 1px; transition: 0.3s;}

.pi-columns .row.dozvoljeni-unos {margin-bottom: 20px;}
.pic-row-content .dozvoljeno {display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%;}
.pic-row-content .dozvoljeno .dozvoljeno-single {flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center;}
.pic-row-content .dozvoljeno .dozvoljeno-single p {font-weight: 600; line-height: 1; margin-bottom: 5px;}
.pic-row-content .dozvoljeno .dozvoljeno-single span {color: #BEBEBE; text-transform: uppercase; line-height: 1; display: block; width: unset; height: unset; background-color: unset;}

.dodaj-kalkulator .dodano {display: flex;flex-direction: row;align-items: center;color: #63AC9F;border: 1px solid #63AC9F;justify-content: center;margin-top: 10px;line-height: 1;padding: 7px; position: relative;}
.dodaj-kalkulator .dodano span:nth-child(1) {text-transform: uppercase; flex: 1; transition: 0.3s;}
.dodaj-kalkulator .dodano span:nth-child(2) {background-color: #63AC9F;width: 13px;height: 13px;border-radius: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;margin-left: 5px; transition: 0.3s;}
.dodaj-kalkulator .dodano span:nth-child(2) img {width: 7px;height: auto;}
.dodaj-kalkulator .dodano a.ukloni-dugme {position: absolute; top: calc(100% + 1px); right: -1px; box-shadow: unset; background-color: #FC8181; color: #fff; text-transform: uppercase; border-radius: 0px 0px 10px 10px; display: flex; padding: 5px 10px; font-weight: 600; line-height: 1;}
.dodaj-kalkulator .dodano a.ukloni-dugme img {height: 9px; width: auto; transform: rotate(45deg); margin-left: 2px;}

.pi-columns .row.linkovi {margin-bottom: 20px;}
.pi-columns .row.linkovi .pic-row-content {padding: 10px;}
.pi-columns .row.linkovi .linkovi-cont {display: flex; flex-direction: row; align-items: center; justify-content: center;}
.pi-columns .row.linkovi .linkovi-cont .linkovi-single {display: flex; flex-direction: row; align-items: center; padding: 0 10px; flex: 1; justify-content: center; position: relative;}
.pi-columns .row.linkovi .linkovi-cont .linkovi-single:nth-child(1) {border-right: 1px solid #C4C4C4;}
.pi-columns .row.linkovi .linkovi-cont .linkovi-single a {display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 3;}
.pi-columns .row.linkovi .linkovi-cont .linkovi-single .icon {margin-right: 10px;}
.pi-columns .row.linkovi .linkovi-cont .linkovi-single .icon svg {fill: #C79532; transition: 0.3s;}
.pi-columns .row.linkovi .linkovi-cont .linkovi-single .title {color: #C79532; text-transform: uppercase; font-weight: 700; letter-spacing: 0.2em; line-height: 1.2em; transition: 0.3s;}
.pi-columns .row.linkovi .linkovi-cont .linkovi-single:hover .icon svg {fill: #333;}
.pi-columns .row.linkovi .linkovi-cont .linkovi-single:hover .title {color: #333;}

.picrc-single {margin-top: 20px;}
.picrc-single p {margin-bottom: 20px;}
.picrc-single h2 {font-size: 1.125em; line-height: 1.4em; font-weight: 400; margin-bottom: 10px;}
.picrc-single-content {}
.picrc-single-content h3 {font-weight: 600; letter-spacing: 0.25em;}
.picrc-single-content ul {padding: 10px 0 10px 36px;}
.picrc-single-content ul li {list-style-type: disc; padding: 0;}
.picrc-single-content ul li::marker {color: #646464; padding-right: 2px;}
.picrc-single-content p {padding: 10px 10px 0 20px;}

.pic-row-meta {}
.pic-row-meta-in svg {fill: #646464; height: 21px; width: auto; margin-right: 7px; transition: 0.3s;}
.pic-row-meta .ocjeni, .pic-row-meta .oznaci {display: inline-flex; flex-direction: row; align-items: center; line-height: 1.3em; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 600; cursor: pointer; transition: 0.3s;}
.pic-row-meta-in {display: flex; flex-direction: row; align-items: center; background-color: #fff; margin-top: 3px; padding: 18px 26px;}
.picrm-left {flex: 1; padding-right: 10px;}
.picrm-right {}
.pic-row-meta-in.columns {flex-direction: column;}
.pic-row-meta-in.columns .picrm-left {padding-right: 0px; text-align: center; padding-bottom: 20px;}

.ocjeni-poruka {margin-top: 3px; background-color: #fff; padding: 30px; display: none;}
.ocjeni-poruka.active {display: block;;}
.ocjeni-poruka p {border-bottom: 1px solid #bebebe; padding: 0 10px 10px;}
.ocjeni-zvjezdice {display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; margin-top: 30px;}
.ocjeni-zvjezdice a {background-image: url('../svg/star-off.svg'); background-repeat: no-repeat; background-size: 100% 100%; width: 26px; height: 24px; background-position: center; display: block; margin: 0 5px; transition: none;}
.ocjeni-zvjezdice a:hover {background-image: url('../svg/star-on.svg');}
.ocjeni-zvjezdice a.active {background-image: url('../svg/star-on.svg');}
.ocjeni-zvjezdice .s1:hover ~ a {background-image: url('../svg/star-on.svg');}
.ocjeni-zvjezdice .s2:hover ~ a {background-image: url('../svg/star-on.svg');}
.ocjeni-zvjezdice .s3:hover ~ a {background-image: url('../svg/star-on.svg');}
.ocjeni-zvjezdice .s4:hover ~ a {background-image: url('../svg/star-on.svg');}
.ocjeni-zvjezdice .s5:hover ~ a {background-image: url('../svg/star-on.svg');}

.oznaci-progres {margin-top: 3px; background-color: #fff; padding: 30px; display: none;}
.oznaci-progres.active {display: block;}
.oznaci-progres h2 {font-weight: 600; text-transform: uppercase; letter-spacing: 0.145em; margin-bottom: 5px;}
.op-meta {display: flex; flex-direction: row; align-items: center;}
.op-meta-left {padding-right: 30px; flex: 1;}
.op-meta-right {display: flex; flex-direction: row; align-items: center;}
.op-meta-right svg {height: 34px; width: auto; fill: #bebebe; transition: 0.3s;}
.op-meta-right span {display: block; width: 1px; height: 40px; background-color: #bebebe; margin: 0 20px;}
a.progres-off:hover svg {fill: #FC8181;}
a.progres-on:hover svg {fill: #63AC9F;}
a.progres-off.active svg {fill: #FC8181;}
a.progres-on.active svg {fill: #63AC9F;}

.tecnost-lista {display: flex; flex-direction: row; align-items: flex-end; margin-top: 30px;}
.tl-single {flex: 1; display: flex; flex-direction: column; align-items: center;}
.tl-single img.tl-voda {width: 34px;}
.tl-single img.tl-caj {width: 51px;}
.tl-single img.tl-detox {width: 40px;}
.tl-single img {width: 100%; height: auto;}
.tls-meta {text-transform: uppercase; display: flex; flex-direction: row; align-items: center; justify-content: center; text-align: center; margin-top: 20px;}
.tls-meta span {}
.tls-meta span:first-child {text-decoration: underline; margin-right: 5px; text-transform: none;}

.namirnice-lista {}
.namirnice-lista p {padding-bottom: 10px; border-bottom: 1px solid #bebebe; margin-bottom: 10px;}
.namirnice-lista ul {padding: 10px 0 0; display: grid; grid-template-columns: 100%;}
.namirnice-lista ul li {list-style-type: disc; margin: 5px 5px 5px 18px;}

.lista-za-kupovinu {max-width: 890px; width: 100%; border-radius: 13px; background: rgba(255, 255, 255, 0.60); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);}
.lzk-header {padding: 10px 25px 10px 25px; margin-bottom: 20px; background-color: #EFB5A5; border-radius: 13px 13px 0 0; color: #fff; text-transform: uppercase; font-weight: 600; letter-spacing: 0.1em;}
.lzk-content {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 0 25px 5px 25px;}
.lzkc-single {background-color: #fff; padding: 15px 0 20px 0; width: 100%; display: inline-block; margin-bottom: 20px; border-radius: 13px;}
.lzkc-single h2 {display: flex; flex-direction: row; align-items: flex-start; font-weight: 400; text-transform: uppercase; letter-spacing: 0.135em; padding: 0 20px; margin-bottom: 5px; width: 100%; line-height: 1.3em;}
.lzkc-single h2 img {margin-right: 3px; width: 5px; height: auto; margin-top: 5px;}
.lzkc-lista {width: 100%;}
.lzkc-lista .namirnica {display: flex; flex-direction: row; align-items: flex-start; padding: 4px 20px; border-bottom: 1px solid #E9E9E9; line-height: 1.3em;}
.lzkc-lista .namirnica .ikona {width: 23px; height: 23px; border-radius: 100%; background-color: #fff; margin-right: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: inset 0 0 0 1px #bebebe; transition: 0.3s; cursor: pointer;}
.lzkc-lista .namirnica .ikona.active {background-color: #C79532; box-shadow: unset;}
.lzkc-lista .namirnica .ikona img {width: 10px; height: auto;}
.lzkc-lista .namirnica .naslov {flex: 1; padding-right: 10px; margin-top: 2px;}
.lzkc-lista .namirnica .vrijednost {}

.tecnost-lista-napici {display: flex; flex-direction: column; margin-top: 30px; width: 100%;}
.tecnost-lista-napici .rows {flex: 1;}
.tecnost-lista-napici .rows:first-child {margin-right: 0px; margin-bottom: 10px;}
.tecnost-lista-napici .rows h2 {background-color: #F6F3F0; text-transform: uppercase; font-weight: 600; letter-spacing: 0.2em; padding: 10px 5px; text-align: center;}
.tecnost-lista-napici .rows ul {padding: 20px 20px 0 20px;}
.tecnost-lista-napici .rows ul li {list-style-type: none; margin-bottom: 7px; display: flex; flex-direction: row; align-items: flex-start;}
.tecnost-lista-napici .rows ul li::before {content: ''; background-color: #c4c4c4; max-width: 3px; height: 3px; border-radius: 100%; display: block; margin-top: 9px; margin-right: 5px; width: 100%;}

.dnevni-unos-float {display: none; position: fixed; z-index: 90; background-color: #FBF7F4; bottom: 0; left: 0; right: 0; box-shadow: 0px -2px 6px rgb(0 0 0 / 20%); padding-bottom: 20px;}
.dnevni-unos-float a.scrollto-dnevni-unos {position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; top: 0;}
.dnevni-unos-float.active {display: block;}
.duf-cont {width: 100%; display: flex; flex-direction: column;}
.duf-cont-header {width: 100%; background-color: #fff; padding: 10px 20px; text-align: center; text-transform: uppercase; line-height: 1; letter-spacing: 0.25em; margin-bottom: 10px;}
.duf-cont-content {width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-around; padding: 0 20px;}
.dufcc-single {display: flex; flex-direction: column; align-items: center;}
.dufcc-single-top {line-height: 1;}
.dufcc-single-top span {line-height: 1; display: inline-block;}
.dufcc-single-top span.crveni {color: #FC8181;}
.dufcc-single-top span:nth-child(1) {font-weight: 600; margin-right: 5px;}
.dufcc-single-top span:nth-child(2) {color: #BEBEBE;}
.dufcc-single-bottom {line-height: 1; margin-top: 5px; text-transform: uppercase; text-align: center; color: #BEBEBE;}
.duf-cont-arrow {width: 100%; display: flex; flex-direction: column; align-items: center; padding-top: 10px;}
.duf-cont-arrow svg {fill: #C79532; height: 7px; width: auto;}

/*------------------------------------*\
    PLAN ISHRANE RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:350px) {
  .pih-lista a {padding: 10px 5px;}
  .pih-dani a {padding: 10px 5px;}
}

@media screen and (min-width:768px) {
  .pih-lista {width: unset;}
  .pih-dani a {flex-direction: row; align-items: center;}
  .pih-dani a span {margin-left: 5px; margin-top: 0px; font-size: unset;}
  .pih-dani {justify-content: flex-start;}
  .pi-header {align-items: flex-start;}
  .namirnice-lista ul {grid-template-columns: 25% 25% 25% 25%;}
  .namirnice-lista ul li {margin: 10px 10px 10px 18px;}
  .pic-row-header span img.namirnice-left {width: 164px; left: 50px; bottom: 0;}
  .pic-row-header span img.namirnice-right {width: 264px; right: 50px; bottom: -28px;}
  .pic-row-meta-in.columns {flex-direction: row;}
  .pic-row-meta-in.columns .picrm-left {padding-right: 10px; text-align: left; padding-bottom: 0;}
  .ocjeni-zvjezdice a {width: 36px; height: 34px;}
  .op-meta-right span {margin: 0 30px;}
  .tecnost-lista-napici {flex-direction: row;}
  .tecnost-lista-napici .rows:first-child {margin-right: 10px; margin-bottom: 0;}
  .tecnost-lista-napici .rows h2 {padding: 10px 0px;}
  .lzkc-single {width: calc(33.3333% - 15px);}
  .dodaj-kalkulator .dodano span:nth-child(1) {flex: unset;}
  .dodaj-kalkulator span.title {flex: unset;}
}

@media screen and (min-width:1024px) {
  .pi-columns {flex-direction: row; align-items: flex-start;}
  .pi-columns .first {margin-right: 30px;}
  .pic-row-header span img.dorucak {width: 411px;}
  .pic-row-header span img.tecnost {width: 406px;}
  .pic-row-header span img.rucak {width: 398px;}
  .pic-row-header span img.medju {width: 396px;}
  .pic-row-header span img.vecera {width: 392px;}
  .pi-columns .col {max-width: 400px;}
  .pi-columns .second {position: -webkit-sticky; position: sticky; top: 83px;}
  .lzkc-lista .namirnica .ikona:hover {box-shadow: unset; background-color: #63AC9F;}
  .jelovnik-print .lzkc-lista .namirnica .ikona:hover {box-shadow: inset 0 0 0 1px #bebebe; background-color: #fff;}
  .jelovnik-print .lzkc-lista .namirnica .ikona {cursor: default;}
  .lzkc-lista .namirnica .ikona.active:hover {box-shadow: unset; background-color: #FC8181;}
  .lzkc-lista .namirnica .ikona {width: 17px; height: 17px;}
  .lzkc-lista .namirnica .naslov {margin-top: 0;}
  .dodaj-kalkulator a:hover {box-shadow: inset 0 0 0 1px #63AC9F;}
  .dodaj-kalkulator a:hover span.title {color: #63AC9F;}
  .dodaj-kalkulator a:hover span.icon {background-color: #63AC9F;}
  .dodaj-kalkulator a:hover span.icon img {transform: rotate(180deg); margin-top: 0; margin-left: 0;}
  .dnevni-unos-float.active {display: none;}
  .dodaj-kalkulator .dodano a.ukloni-dugme {display: none;}
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    NASLOVNA
\*------------------------------------*/

.pm-index {min-height: 100%; width: 100%; margin: 0 auto; background-repeat: no-repeat; background-position: bottom center; background-size: cover; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.pmi-cont {display: flex; flex-direction: column; align-items: center; margin: 30px 0; padding: 0 20px; width: 100%; max-width: 1140px;}
.pmic-left {margin-right: 0px; margin-bottom: 30px;}
.pmicl-top {}
.pmicl-top p {font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1.5em; text-align: center;}
.pmicl-top h2 {font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1; margin: 5px 0 20px; text-align: center;}
.pmicl-bottom {}
.pmicl-bottom::before {content: ''; display: block; width: 250px; height: 1px; background-color: #646464; margin-bottom: 10px;}

.pmic-left-new {margin-right: 0px; margin-bottom: 25px; display: flex; flex-direction: column; align-items: center; width: 100%;}
.pmicln-in {background-color: #fff; border-radius: 0 0 15px 15px; padding: 30px; width: 100%;}
.pmicln-in span {text-transform: uppercase; display: block; line-height: 1; letter-spacing: 0.1em; margin-bottom: 13px; text-align: center;}
.pmicln-in h2 {font-family: 'Playfair Display', serif; line-height: 1; font-weight: 400; margin-bottom: 20px; text-align: center;}
.pmicln-in-menu {display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-radius: 12px; background-color: #f6f3f0; position: relative;}
.pmicln-in-menu .item {list-style-type: none; text-transform: uppercase; letter-spacing: 0.15em; line-height: 1; padding: 8px 15px;}
.pmicln-in-menu .item:last-child:before {content: ''; display: block; position: absolute; left: 0; top: 0; border-radius: 12px; width: 28%; height: 100%; z-index: 1; transition: 1s ease; pointer-events: none;}
.pmicln-in-menu .item.tijelo.active a, .pmicln-in-menu .item.koza.active a, .pmicln-in-menu .item.psiha.active a {color: #fff;}
.pmicln-in-menu .item.tijelo.active ~ .item:last-child:before {background-color: #C79532; left: 0;}
.pmicln-in-menu .item.tijelo.active.not-member ~ .item:last-child:before {background-color: #BEBEBE !important;}
.pmicln-in-menu .item.koza.active ~ .item:last-child:before {background-color: #E9A593; left: 36%;}
.pmicln-in-menu .item.koza.active.not-member ~ .item:last-child:before {background-color: #BEBEBE !important;}
.pmicln-in-menu .item.psiha.active:before {background-color: #92528C; left: 72%;}
.pmicln-in-menu .item.psiha.active.not-member:before {background-color: #BEBEBE !important;}
.not-member-notice {max-width: 100%; margin-top: 20px; display: none; text-align: center;}
.not-member-notice a {font-weight: 600;}
.not-member-notice.active {display: block;}
.pmicln-dodaci {display: flex; flex-direction: row; align-items: center; background-color: #fff; border-radius: 15px; padding: 5px; margin-top: 9px; cursor: pointer;}
.pmicln-dodaci.active span.first a {color: #fff;}
.pmicln-dodaci:hover span {color: #C79532;}
.pmicln-dodaci span {line-height: 1; transition: 0.3s;}
.pmicln-dodaci span img {height: 44px; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.pmicln-dodaci span.first {text-transform: uppercase; letter-spacing: 0.15em; padding: 7px 15px; background-color: #f6f3f0; border-radius: 12px;}
.pmicln-dodaci span.second {position: relative; width: 44px; height: 25px; margin-left: 15px; margin-right: 15px;}
.pmicln-dodaci span.second .off {display: block;}
.pmicln-dodaci.active span.second .off {display: none;}
.pmicln-dodaci span.second .on {display: none;}
.pmicln-dodaci.active span.second .on {display: block;}

.pmicln-in-menu a {position: relative; z-index: 2;}

.pmicl-bottom-in {display: flex; flex-direction: row; align-items: center; justify-content: center;}
.pmicl-bottom .item-index {position: relative;}
.pmicl-bottom .item-index a {display: block;}
.pmicl-bottom-in .koza-menu-index {text-align: center; margin: 0 30px;}
.pmicl-bottom .item-index:last-child {margin-bottom: 0; text-align: right;}
.pmicl-bottom .item-index span {width: 6px; height: 6px; display: block; border: 1px solid #646464; border-radius: 100%; position: absolute; top: -21px; left: 50%; transform: translate(-50%, 0px); transition: 0.3s; background-color: #f6f3f0;}
.pmicl-bottom .item-index h2 {font-family: 'Playfair Display', serif; font-weight: 400;}
.pmicl-bottom .item-index.active h2 {font-size: 2.250em; line-height: 1em;}
.pmicl-bottom .item-index.active span {border: 0; top: -13px;}
.pmicl-bottom .not-member-desktop {padding: 0 0 0 20px; max-width: 220px; margin-bottom: 20px; display: none;}
.pmicl-bottom .not-member-desktop a {font-weight: 600;}
.pmicl-bottom .not-member-mobile {max-width: 220px; margin: 20px auto 0 auto; text-align: center; display: block;;}
.pmicl-bottom .not-member-mobile a {font-weight: 600;}

.pmic-right {display: flex; width: 100%; flex-wrap: wrap; max-width: 734px; font-size: 0.688em;}
.pmic-right.deactive a {display: none;}
.pmic-right.deactive .pmicr-single:hover {color: inherit;}
.pmic-right.deactive .pmicr-single:hover .single-meta {box-shadow: none;}
.pmic-right.deactive .pmicr-single:hover .single-image img {opacity: 1;}
.pmic-right.deactive .pmicr-single .single-image img {filter: grayscale(1);}
.pmicr-single {width: calc(50% - 10px); margin-right: 20px; position: relative;}
.pmicr-single.margin {margin-bottom: 20px;}
.pmicr-single.margin-mobile {margin-bottom: 20px;}
.pmicr-single:nth-child(2n+2) {margin-right: 0;}
.pmicr-single a {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;}
.pmicr-single:hover .single-image img {opacity: 0.8;}
.pmicr-single .single-image {width: 100%; height: 155px;}
.pmicr-single .single-image img {width: 100%; height: 100%; object-fit: cover; transition: 0.3s;}
.pmicr-single .single-meta {text-align: center; letter-spacing: 0.15em; text-transform: uppercase; background-color: #fff; padding: 10px; line-height: 1.1em; min-height: 50px; display: flex; align-items: center; justify-content: center; transition: 0.3s;}

.pmicr-single.active a {display: block !important;}
.pmicr-single.active .single-image img {filter: unset !important;}
.pmicr-single.active:hover .single-image img {opacity: 0.8 !important;}

.pmicr-single.disabled:hover {color: inherit;}
.pmicr-single.disabled:hover .single-meta {box-shadow: none;}
.pmicr-single.disabled:hover .single-image img {opacity: 1;}
.pmicr-single.disabled .single-image img {filter: grayscale(1);}
.pmicr-single.disabled a {display: none;}

.pmic-dodaci-prazno {}
.pmicdp-in {background-color: #fff; border-radius: 15px; padding: 30px;}
.pmicdp-in img {width: 64px; height: auto; margin-bottom: 20px;}
.pmicdp-in h2 {font-weight: 600; margin-bottom: 20px; line-height: 1;}
.pmicdp-in h2::after {content: ''; width: 100%; height: 1px; background-color: #bebebe; display: block; margin-top: 10px;}
.pmicdp-in p {line-height: 1.3em; margin-bottom: 20px;}

.pmic-dodaci {width: 100%;}
.pmicd-in {display: flex; flex-direction: row; flex-wrap: wrap;}
.pmicd-in::after {content: ''; flex: 0 1 31%;}
.pmicd-in .row {width: 100%; position: relative; margin-bottom: 25px; display: flex; flex-direction: column;}
.pmicd-in .row a {position: absolute; z-index: 6; left: 0; right: 0; bottom: 0; top: 0;}
.pmicd-in .row:hover .row-in {transform: scale(1.05); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); position: relative; z-index: 5;}
.pmicd-in .row:hover .row-in .row-meta {box-shadow: inset 0px -5px 0px #C79532;}
.pmicd-in .row .row-in {transition: 0.3s; flex-grow: 1; display: flex; flex-direction: column;}
.pmicd-in .row .row-in .row-img {height: 170px; position: relative;}
.pmicd-in .row .row-in .row-img img {width: 100%; height: 100%; object-fit: cover; border-radius: 5px 5px 0 0;}
.pmicd-in .row .row-in .row-img span {position: absolute; left: 0; bottom: 0; color: #fff; padding: 5px 10px; line-height: 1; letter-spacing: 0.15em; text-transform: uppercase;}
.pmicd-in .row .row-in .row-meta {background-color: #fff; border-radius: 0 0 5px 5px; padding: 20px; display: flex; flex-direction: column; align-items: flex-end; position: relative; transition: 0.3s; flex-grow: 1;}
.pmicd-in .row .row-in .row-meta::before {content: ''; width: 13px; height: 13px; display: block; position: absolute; border-radius: 100%; top: -6px; right: 20px;}
.pmicd-in .row.tijelo .row-in .row-meta::before {background-color: #C79532;}
.pmicd-in .row.koza .row-in .row-meta::before {background-color: #E9A593;}
.pmicd-in .row.psiha .row-in .row-meta::before {background-color: #92528C;}
.pmicd-in .row.tijelo .row-in .row-img span {background-color: #C79532;}
.pmicd-in .row.koza .row-in .row-img span {background-color: #E9A593;}
.pmicd-in .row.psiha .row-in .row-img span {background-color: #92528C;}
.pmicd-in .row .row-in .row-meta h2 {text-align: right; text-transform: uppercase; font-weight: 600; line-height: 1.3em;}
.pmicd-in .row .row-in .row-meta span {text-transform: uppercase; letter-spacing: 0.15em; text-align: right; line-height: 1; margin-top: 5px;}

/*------------------------------------*\
    NASLOVNA RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .pmicr-single .single-image {height: 325px;}
  .pmic-left-new {width: unset;}
  .not-member-notice {max-width: 250px;}
  .pmicln-in {width: unset;}
  .pmicdp-in {padding: 40px;}
  .pmicd-in .row {flex: 0 1 31%; width: unset; margin-right: 2.3%;}
  .pmicd-in .row .row-in .row-img {height: 120px;}
}

@media screen and (min-width:1024px) {
  .pmicr-single {width: 218px; margin-right: 40px;}
  .pmicr-single:nth-child(2n+2) {margin-right: 40px;}
  .pmicr-single:nth-child(3n+3) {margin-right: 0;}
  .pmicr-single .single-image {height: 193px;}
  .pmicr-single.margin-mobile {margin-bottom: 0px;}
  .pmicr-single.margin {margin-bottom: 30px;}
}

@media screen and (min-width:1140px) {
  .pmi-cont {display: flex; flex-direction: row; align-items: center; padding: 0;}
  .pmic-left {margin-right: 50px; margin-bottom: 0;}
  .pmicl-top p {text-align: left;}
  .pmicl-top h2 {text-align: left; margin: 10px 0 20px;}
  .pmicl-bottom::before {width: 190px; margin-bottom: 20px;}
  .pmicl-bottom-in {flex-direction: column; align-items: flex-start; justify-content: flex-start;}
  .pmicl-bottom .item-index {padding: 0 0 0 20px; margin-bottom: 20px;}
  .pmicl-bottom-in .koza-menu-index {text-align: left; margin: 0 0 20px 0;}
  .pmicl-bottom .item-index:last-child {text-align: left;}
  .pmicl-bottom .item-index.active span {top: calc(50% + 5px);}
  .pmicl-bottom .item-index span {left: 0; top: calc(50% + 2px); transform: translate(0px, -50%);}
  .pmic-right {font-size: 0.875em;}
  .pmicl-bottom .not-member-desktop {display: block;}
  .pmicl-bottom .not-member-mobile {display: none;}
  .pmic-left-new {margin-right: 50px; margin-bottom: 0; align-items: flex-end;}
  .pmicln-in {border-radius: 15px; padding: 30px 70px 30px 30px;}
  .not-member-notice {max-width: 220px; text-align: left;}
  .pmicln-in span {text-align: left;}
  .pmicln-in h2 {text-align: left;}

}

@media screen and (min-width:1280px) {
  .pmic-left {margin-right: 120px;}
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    NASLOVNA NOVA
\*------------------------------------*/

.pm-index-novi {min-height: 100%; width: 100%; background-repeat: no-repeat; background-position: bottom center; background-size: cover; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.pmin-cont {margin: 20px 0; max-width: 940px; width: 100%; padding: 0 20px;}
.pminc-sekcija {background: #FFFFFF; box-shadow: 0px 3px 4px rgb(0 0 0 / 15%); border-radius: 15px; padding: 20px 20px 0 20px;}
.pminc-sekcija.first {margin-bottom: 30px;}
.pminc-sekcija.second {position: relative; background: unset; box-shadow: unset; border-radius: unset;}
.pminc-sekcija.second .background {height: 300px; background: #FFFFFF; box-shadow: 0px 3px 4px rgb(0 0 0 / 15%); border-radius: 15px; position: absolute; z-index: 0; left: 0; top: 0; width: 100%;}
.pminc-sekcija .header {position: relative;}
.pminc-sekcija .header span {text-transform: uppercase; letter-spacing: 0.1em;}
.pminc-sekcija .header h2 {line-height: 1; font-family: 'Playfair Display', serif; font-weight: 400; color: #333; margin-bottom: 40px;}
.pminc-sekcija .header .header-meta {border-bottom: 1px solid #bebebe; display: flex; flex-direction: row; position: relative;}
.pminc-sekcija .header .header-meta-in {display: flex; flex-direction: row; align-items: center; position: absolute; top: 50%; right: 0; transition: 0.3s; transform: translate(0px, -50%);}
.pminc-sekcija .header .header-meta-in a {position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 2;}
.pminc-sekcija .header .header-meta-in .title {text-transform: uppercase; letter-spacing: 0.15em; border: 1px solid #c4c4c4; border-radius: 12px; padding: 6px 27px 6px 15px; line-height: 1; margin-right: 10px; transition: 0.3s; background-color: #fff;}
.pminc-sekcija .header .header-meta-in .image {position: absolute; right: 0; top: 50%; transform: translate(0px, -50%); z-index: 1;}
.pminc-sekcija .header .header-meta-in .image img {width: auto; height: 30px;}

.pminc-sekcija .content-programi {display: flex; flex-direction: row; flex-wrap: wrap; padding-top: 40px;}
.pminc-sekcija .cp-single {flex: 0 1 100%; display: flex; flex-direction: row; margin-bottom: 20px; position: relative;}
.pminc-sekcija .cp-single:hover .cps-image img {opacity: 0.8;}
.pminc-sekcija .cp-single.tijelo:hover .cps-meta .cps-meta-top h2 {color: #C79532;}
.pminc-sekcija .cp-single.tijelo:hover .cps-image .cpsi-box {box-shadow: inset 0px 0px 0px 3px #C79532;}
.pminc-sekcija .cp-single.koza:hover .cps-meta .cps-meta-top h2 {color: #E9A593;}
.pminc-sekcija .cp-single.koza:hover .cps-image .cpsi-box {box-shadow: inset 0px 0px 0px 3px #E9A593;}
.pminc-sekcija .cp-single.psiha:hover .cps-meta .cps-meta-top h2 {color: #92528C;}
.pminc-sekcija .cp-single.psiha:hover .cps-image .cpsi-box {box-shadow: inset 0px 0px 0px 3px #92528C;}
.pminc-sekcija .cp-single a {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;}
.pminc-sekcija .cp-single .cps-image {margin-right: 20px; position: relative; background-color: #f6f3f0;}
.pminc-sekcija .cp-single .cps-image .cpsi-box {position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; transition: 0.3s;}
.pminc-sekcija .cp-single .cps-image img {width: 110px; height: 110px; object-fit: cover; transition: 0.3s;}
.pminc-sekcija .cp-single .cps-image-empty {width: 110px; height: 110px; background-color: #BEBEBE; margin-right: 20px; display: flex; align-items: center; justify-content: center; transition: 0.3s;}
.pminc-sekcija .cp-single .cps-image-empty svg {height: 23px; width: auto; fill: #fff; transition: 0.3s;}
.pminc-sekcija .cp-single:hover .cps-image-empty svg {transform: rotate(180deg);}
.pminc-sekcija .cp-single:hover .cps-image-empty {box-shadow: inset 0px 0px 0px 3px #C79532;}
.pminc-sekcija .cp-single .cps-meta {display: flex; flex-direction: column; justify-content: space-between; flex: 1; word-break: break-word;}
.pminc-sekcija .cp-single .cps-meta .cps-meta-top {margin-bottom: 10px;}
.pminc-sekcija .cp-single .cps-meta .cps-meta-top span {text-transform: uppercase; letter-spacing: 0.1em; line-height: 1.1em; display: block; margin-bottom: 3px;}
.pminc-sekcija .cp-single .cps-meta .cps-meta-top h2 {font-family: 'Playfair Display', serif; font-weight: 400; color: #333; line-height: 1.1em; transition: 0.3s;}
.pminc-sekcija .cp-single .cps-meta .cps-meta-bottom {text-transform: uppercase; letter-spacing: 0.1em; display: flex; flex-direction: column;}
.pminc-sekcija .cp-single .cps-meta .cps-meta-bottom span {line-height: 1; display: block;}
.pminc-sekcija .cp-single .cps-meta .cps-meta-bottom.crveni span {color: #FC8181;}
.pminc-sekcija .cp-single .cps-meta .cps-meta-bottom span:nth-child(1) {margin-bottom: 5px;}
.pminc-sekcija .cp-single .cps-meta .cps-meta-bottom span:nth-child(2) {font-weight: 600;}
.pmic-dodaci.novi .pmicd-in .row {margin-bottom: 20px; filter: drop-shadow(2px 5px 10px rgba(0, 0, 0, 0.25));}
.pmic-dodaci.novi .pmicd-in .row .row-in .row-img {height: 140px;}

.pmicd-in .row .row-in .row-img-empty {width: 100%; height: 140px; background-color: #BEBEBE; display: flex; align-items: center; justify-content: center; transition: 0.3s;}
.pmicd-in .row .row-in .row-img-empty svg {height: 21px; width: auto; fill: #fff; transition: 0.3s;}
.pmicd-in .row:hover .row-in .row-img-empty svg {transform: rotate(180deg);}

/*------------------------------------*\
    NASLOVNA NOVA RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .pminc-sekcija .cp-single {flex: 0 1 49%; margin-right: 1%; margin-bottom: 25px;}
  .pminc-sekcija .header .header-meta {position: unset;}
  .pminc-sekcija .header .header-meta-in {top: 0; transform: unset;}
  .pminc-sekcija .header h2 {margin-bottom: 20px;}
  .pminc-sekcija .content-programi {padding-top: 30px;}
  .pmin-cont {margin: 30px 0;}
  .pminc-sekcija.second .background {height: 240px;}
  .pminc-sekcija {padding: 25px 25px 0 25px;}
  .pmic-dodaci.novi .pmicd-in .row {margin-bottom: 25px;}
  .pmic-dodaci.novi .pmicd-in .row .row-in .row-img {height: 105px;}
  .pmicd-in .row .row-in .row-img-empty {height: 105px}
}

@media screen and (min-width:1024px) {
  .pminc-sekcija .cp-single {flex: 0 1 32%; margin-right: 1.3%;}
  .pmic-dodaci.novi .pmicd-in .row {flex: 0 1 23%; margin-right: 2%;}
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    PROGRES
\*------------------------------------*/

.progres-content {padding: 20px 0 40px;}
.pc-columns {display: flex; flex-direction: column; align-items: center;}
.pc-columns .col {width: 100%;}
.pc-columns .col.first {margin-right: 0px; margin-bottom: 20px;}
.pc-columns .col.second {}

.progres-content.novi {padding: 40px 0 40px;}
.pcn-progres-kal {display: flex; flex-direction: column-reverse; max-width: 800px;}
.pcn-progres-kal .col.first {margin-top: 5px;}
.pcn-progres-kal .col {background-color: #fff; flex: 1;}

.pcnk-progres {padding: 20px;}
.pcnk-progres .pccc-report {padding: 0; display: none;}
.pcnk-progres .pccc-report.active {display: block;}
.pcnk-progres .header {display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.pcnk-progres .header .left {display: flex; flex-direction: column; align-items: center;}
.pcnk-progres .header .left h2 {font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1; position: relative; top: -15px;}
.pcnk-progres .header .left span {text-transform: uppercase; letter-spacing: 0.5em; display: block; font-weight: 400; padding-left: 5px;}
.pcnk-progres .header .right {}
.pcnk-progres .header .right img {width: 70px; height: auto;}
.pcnk-progres .header-tabs {border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe;}
.pcnk-progres .header-tabs ul {display: flex; flex-direction: row; align-items: center;}
.pcnk-progres .header-tabs ul li {list-style-type: none; padding: 10px; flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; text-transform: uppercase; cursor: pointer; transition: 0.3s;}
.pcnk-progres .header-tabs ul li span {display: block; letter-spacing: 0.1em; line-height: 1; margin-bottom: 5px;}
.pcnk-progres .header-tabs ul li svg {height: 26px; width: auto; fill: #646464; transition: 0.3s;}
.pcnk-progres .header-tabs ul li.active {color: #fff;}
.pcnk-progres .header-tabs ul li.active svg {fill: #fff;}
.pcnk-progres .header-tabs ul li.active:hover {color: #fff;}
.pcnk-progres .header-tabs ul li.active:hover svg {fill: #fff;}

.pcnk-kalendar {padding: 20px; background-color: #fff; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px;}
.kalendar-mjesec {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}

.pcnk-kalendar .pcnk-kalendar-loader {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.pcnk-kalendar .pcnk-kalendar-loader svg {height: 38px; width: auto;}
.pcnk-kalendar .pcnk-kalendar-loader span {text-transform: uppercase; letter-spacing: 0.1em; line-height: 1; margin-top: 10px; color: #A3A19E;}

.kalendar-mjesec-header {border-bottom: 1px solid #bebebe; display: flex; flex-direction: row; align-items: center; justify-content: center; padding-bottom: 10px; margin-bottom: 10px; position: relative;}
.kalendar-mjesec-header .naslov {width: 100%; text-align: center;}
.kalendar-mjesec-header .zatvori {position: absolute; cursor: pointer; z-index: 2; right: 0; top: 3px;}
.kalendar-mjesec-header .zatvori img {width: 12px; height: auto;}
.kalendar-mjesec-header .zatvori img.no-hover {opacity: 1; transition: 0.3s;}
.kalendar-mjesec-header .zatvori img.hover {position: absolute; z-index: 2; top: 0; left: 0; opacity: 0; transition: 0.3s;}
.kalendar-mjesec-header .zatvori:hover img.no-hover {opacity: 0;}
.kalendar-mjesec-header .zatvori:hover img.hover {opacity: 1;}

.km-strelical {transform: rotate(-180deg); cursor: pointer;}
.km-strelical svg {height: 12px; width: auto; fill: #646464; transition: 0.3s;}
.km-mjesec-godina {text-align: center; text-transform: uppercase; font-weight: 600; letter-spacing: 0.2em; flex: 1;}
.km-strelicad {cursor: pointer;}
.km-strelicad svg {height: 12px; width: auto; fill: #646464; transition: 0.3s;}
.kalendar-sedmica {display: flex; flex-direction: row; align-items: center; margin: 15px 0;}
.kalendar-sedmica span {flex: 1; display: block; text-align: center; font-weight: 300; width: unset; height: unset; background-color: #fff;}
.kalendar-dani {border-top: 1px solid #bebebe; display: flex; flex-direction: row; flex-wrap: wrap; padding: 5px 0; border-bottom: 1px solid #bebebe;}
.kalendar-dani div {flex: 0 0 14.2857143%; display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 3px 0;}
.kalendar-dani div span {text-align: center; width: 30px; height: 30px; border-radius: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; transition: 0.3s; background-color: #fff; position: relative;}
.kalendar-dani div span:before {content: ''; display: none; border: 1px solid #fff; width: 10px; height: 10px; border-radius: 100%; position: absolute; top: -2px; right: -2px; z-index: 2;}
.kalendar-dani div span:after {content: ''; display: none; border: 1px solid #fff; width: 10px; height: 10px; border-radius: 100%; position: absolute; top: 5px; right: -7px; z-index: 2;}
.kalendar-dani div span.tecnost:before {display: block; background-color: #61A4BC;}
.kalendar-dani div span.trening:after {display: block; background-color: #C59332;}
.kalendar-dani div span.deactive {color: #bebebe;}
.kalendar-dani div span.active {cursor: pointer; border: 1px solid #c4c4c4;}
.kalendar-dani div span.active.trenutni {border: 1px solid #333 !important; color: #333 !important; cursor: auto !important;}
.kalendar-dani div span.start {background-color: #333; color: #fff;}
.kalendar-dani div span.start.active {border: 0;}
.kalendar-dani div span.start:hover {color: #fff !important;}
.kalendar-dani div span.zeleni {border: 1px solid #63AC9F !important; background-color: #63AC9F; color: #fff; cursor: pointer;}
.kalendar-dani div span.zeleni:hover {color: #333 !important;}
.kalendar-dani div span.crveni {border: 1px solid #E9A593 !important; background-color: #E9A593; color: #fff; cursor: pointer;}
.kalendar-dani div span.crveni:hover {color: #333 !important;}
.kalendar-dani div span.sivi {border: 1px solid #ababab !important; background-color: #ababab; color: #fff; cursor: pointer;}
.kalendar-dani div span.sivi:hover {color: #333 !important;}
.kalendar-dani div span.click {color: #fff !important;}
.kalendar-dani div span.click:hover {color: #fff !important;}
.kalendar-dani div span.click.active {border: 0;}
.kalendar-dani div span.trenutni {font-weight: 700;}
.kalendar-dani div span.trenutni:hover {color: #333 !important;}

.pc-column {background-color: #fff;}
.pc-column.statistika {margin-bottom: 20px; display: block; position: relative;}
.pc-column.statistika a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;}
.pc-column.statistika .stat-header {position: relative; height: 85px; padding: 20px; display: flex; flex-direction: row; align-items: flex-end; margin-top: 30px;}
.pc-column.statistika .stat-header img {position: absolute; width: 163px; height: auto; right: 30px; top: -30px;}
.pc-column.statistika .stat-header h2 {font-weight: 400; letter-spacing: 0.21em; text-transform: uppercase; flex: 1; padding-right: 10px;}
.pc-column.statistika .stat-header span {}
.pc-column.statistika .stat-header span svg {height: 14px; width: auto; fill: #646464;}

.pcc-header {padding: 20px 20px 0 20px;}
.pcc-header h2 {font-weight: 400; border-bottom: 1px solid #bebebe; padding-bottom: 15px; text-transform: uppercase; letter-spacing: 0.2em;}
.pcc-content {padding: 30px 20px 0;}
.pmrc-header h3 {font-weight: 400; text-transform: uppercase; letter-spacing: 0.21em; margin-bottom: 10px;}
.pcc-content h3 {text-transform: uppercase; font-weight: 700; text-align: center;}
.pccc-slider {display: flex; flex-direction: row; align-items: center; padding: 30px 0;}
.pccc-slider .arrow {cursor: pointer;}
.pccc-slider .arrow svg {height: 14px; width: auto; fill: #646464; transition: 0.3s;}
.pccc-slider .arrow-left {transform: rotate(180deg);}
.pccc-slider .arrow-right {}
.pccc-slider .slide-image {flex: 1; display: flex; flex-direction: row; justify-content: center;}
.pccc-slider .slide-image img {height: 98px; width: auto;}

.pccc-meta {color: #fff; border-radius: 0 0 20px 20px; display: flex; flex-direction: row; align-items: center; padding: 4px 0;}
.pccc-meta-left {font-weight: 600; flex: 1; padding-left: 20px;}
.pccc-meta-right {padding-right: 20px;}
.pccc-meta-right span {font-weight: 700; line-height: 1;}
.pccc-meta-right span:first-child {margin-right: 3px;}

.pccc-report {padding: 0 20px;}
.pccc-report p {padding: 20px 0;}
.pccc-report p span {font-weight: 700;}
.pccc-report p span.crveni {color: #FC8181;}
.pccc-report p span.zeleni {color: #63AC9F;}
.pccc-report p span.sivi {color: #ababab;}
.pcccr-progres-report {display: flex; flex-direction: column; padding-bottom: 10px; border-bottom: 1px solid #bebebe;}
.pp-single {display: flex; flex-direction: row; align-items: center; margin-bottom: 10px;}
.pp-single h2 {font-weight: 400; text-transform: uppercase; letter-spacing: 0.145em; flex: 1; padding-right: 20px;}
.pp-single svg {height: 34px; width: auto; fill: #bebebe; transition: 0.3s;}
.pp-middle {display: block; width: 1px; height: 40px; background-color: #bebebe; margin: 0 20px;}
.pp-single .pp-off.active svg {fill: #FC8181;}
.pp-single .pp-on.active svg {fill: #63AC9F;}

.statistika-content {padding: 30px 0 0;}
.sc-columns {display: flex; flex-direction: column; align-items: center;}
.sc-columns .col {width: 100%;}
.sc-columns .col.first {margin-right: 0px; margin-bottom: 20px;}
.sc-columns .col.second {margin-top: 20px;}
.statistika-content.fitnes .sc-column {margin-bottom: 20px;}
.sc-column {background-color: rgba(255,255,255,0.5); box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px; padding: 30px; margin-bottom: 3px;}
.scc-graph-header {display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;}
.scc-graph-header .gh-left {display: flex; flex-direction: row; flex: 1;}
.scc-graph-header .gh-left span {letter-spacing: 0.255em; text-transform: uppercase; display: flex; flex-direction: row; align-items: center;}
.scc-graph-header .gh-left span:nth-child(1) {margin-right: 20px;}
.scc-graph-header .gh-left span:nth-child(1)::before {content: ''; display: block; width: 8px; height: 8px; border-radius: 100%; margin-right: 5px;}
.scc-graph-header .gh-left span:nth-child(2)::before {content: ''; display: block; width: 8px; height: 8px; border-radius: 100%; margin-right: 5px; background-color: #8cc3cf;}
.scc-graph-header .gh-right {}
.scc-graph-header .gh-right span {}

.scc-graph {}
.scc-graph p {}
.scc-graph-cont {padding: 20px 0; max-height: 200px; display: flex; flex-direction: row; justify-content: center;}
.scc-graph-cont canvas {max-width: 314px;}

.sc-odnos-header {display: flex; flex-direction: row;}
.sc-odnos-header .oh-left {flex: 1; padding-right: 40px;}
.sc-odnos-header .oh-right {}
.sc-odnos-content {margin-top: 30px;}
.sc-odnos-line {width: 100%; display: flex; flex-direction: row;}
.scol-left {height: 6px; background-color: #8cc3cc; border-radius: 5px 0 0 5px;}
.scol-right {height: 6px; border-radius: 0 5px 5px 0;}

.sc-odnos-postotak {margin-top: 20px; display: flex; flex-direction: row; align-items: center;}
.sc-odnos-postotak svg {height: 20px; width: auto; display: none;}
.sc-odnos-postotak .smile.active {display: block;}
.sc-odnos-postotak .smile-sad.active {display: block;}
.sc-odnos-postotak span {font-weight: 600;}
.sco-left {flex: 1; padding-right: 20px; display: flex; flex-direction: row; align-items: center;}
.sco-left span {color: #8cc3cc;}
.sco-left svg {fill: #8cc3cc; margin-right: 5px;}
.sco-right {display: flex; flex-direction: row; align-items: center;}
.sco-right span {}
.sco-right svg {margin-left: 5px;}

.scc-uzvicnik {display: flex;; flex-direction: row; align-items: center;}
.uzvicnik-left {padding: 0 30px;}
.uzvicnik-left svg {height: 60px; width: auto;}
.uzvicnik-right {flex: 1;}
.uzvicnik-right span {font-weight: 700; display: block;}

.sc-column.percent {margin-bottom: 0; max-height: 130px; height: 100%; padding: 20px;}
.sc-column.percent.fitnes {margin-top: 50px;}
.sc-column.percent.clanarina {margin-top: 0px;}
.scc-progres {position: relative; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: row;}
.scc-progres .percent {position: relative; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 30px;}
.scc-progres .percent img.progres-sat {position: absolute; width: auto; height: 44px; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.scc-progres .percent svg {transform: rotate(-90deg); width: 90px; height: 90px;}
.scc-progres .percent .druga {stroke: #E7DACD; transition: 0.3s;}
.scc-progres .percent .zlatna {stroke: #c79532; transition: 0.3s;}
.scc-progres .percent .percent {stroke-dasharray: 100;}
.sccp-percent-number {}
.sccp-percent-number h2 {font-family: 'Playfair Display', serif; line-height: 1; margin-bottom: 7px; font-weight: 500;}
.sccp-percent-number p {}

.sc-column.preostalo {margin-top: 50px;}
.scc-preostalo {}
.scc-preostalo h2 {font-family: 'Playfair Display', serif; line-height: 1; border-bottom: 1px solid #bebebe; padding-bottom: 10px; margin-bottom: 10px; font-weight: 500;}
.scc-preostalo p {}


/*------------------------------------*\
    PROGRES RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:340px) {
  .scc-graph-cont canvas {max-width: 220px !important;}
  .sc-column.percent {max-height: unset;}
}

@media screen and (max-width:400px) {
  .scc-graph-cont canvas {max-width: 240px;}
}

@media screen and (min-width:768px) {
  .pc-columns {flex-direction: row; align-items: unset;}
  .sc-columns {flex-direction: row; align-items: unset;}
  .pc-columns .col.first {margin-right: 30px; margin-bottom: 0px;}
  .sc-columns .col.first {margin-right: 30px; margin-bottom: 0px;}
  .sc-columns .col.second {margin-top: 0px;}
  .scc-graph-header {flex-direction: row;}
  .scc-graph-header .gh-left {padding-right: 10px;}
  .pc-columns .col {max-width: 330px;}
  .sc-columns .col {max-width: 390px;}
  .pc-column.statistika {display: none;}
  .scc-graph-cont canvas {max-width: unset;}
  .sc-column.percent.clanarina {margin-top: 10px;}
  .pcn-progres-kal {flex-direction: row;}
  .pcn-progres-kal .col.first {margin-right: 5px; flex: 0 0 41.25%; margin-top: 0;}
  .kalendar-dani div span {width: 37px; height: 37px;}
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    ZADACI I MOTIVACIJA SECTION
\*------------------------------------*/

.pmrc-zadaci {display: flex; flex-direction: row; flex-wrap: wrap; padding: 20px 0; align-items: flex-start;}
.pmrc-zadatak {width: 100%; background-color: #fff; padding: 20px; margin-bottom: 20px;}
.zadatak-image {margin-bottom: 10px;}
.zadatak-image img {width: 100%; height: 122px; object-fit: cover;}
.zadatak-in {}
.zadatak-in h2 {font-weight: 600; margin-bottom: 15px;}
.zadatak-in p {margin-bottom: 15px; white-space: pre-line;}
.zadatak-vise-manje {display: flex; flex-direction: row; justify-content: flex-end; padding-bottom: 15px; border-bottom: 1px solid #bebebe;}
.zadatak-vise-manje a {transition: 0.3s;}
.zadatak-vise-manje a:hover {color: #646464;}
.zadatak-vise-manje a:hover {}
.zadatak-meta {display: flex; flex-direction: row; align-items: center; margin-top: 15px;}
.meta-single {display: flex; flex-direction: row; text-transform: uppercase; letter-spacing: 0.2em; align-items: center; margin-right: 20px; position: relative;}
.meta-single a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2;}
.meta-single svg {height: 23px; width: auto; fill: #646464; margin-right: 5px; transition: 0.3s;}
.meta-single span {line-height: 1.2; transition: 0.3s;}
.zadatak-text-small {height: 80px; overflow: hidden;}
.zadatak-text-big {height: 100%; overflow: hidden; transition: 0.3s;}

.pmrc-motivacija {padding: 10px 0; display: flex; flex-direction: column; align-items: flex-start;}
.motivacija-featured {padding: 20px 0 20px;}
.mf-single {max-width: 600px; width: 100%; background-color: #fff; padding: 10px; position: relative; display: flex; flex-direction: column;}
.mfs-ticker {width: 60px; padding: 5px; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 30px;}
.mfs-ticker span {width: 8px; height: 8px; display: block; background-color: #fff; border-radius: 100%; margin: 11px 0 19px;}
.mfs-ticker h2 {font-weight: 500; line-height: 1.3; text-transform: uppercase; text-align: center;}
.mfs-left {width: 100%;}
.mfs-left img {width: 100%; height: 170px; object-fit: cover;}
.mfs-right {width: 100%; padding: 10px 0px 30px;}
.mfsr-header {text-transform: uppercase; margin-bottom: 15px;}
.mfs-right h2 {font-family: 'Playfair Display', serif; font-weight: 500; line-height: 1.3em;}
.mfsr-link {position: absolute; bottom: 20px; right: 20px;}
.mfsr-link a {text-transform: uppercase; letter-spacing: 0.2em; line-height: 1; display: flex; flex-direction: row; align-items: center;}
.mfsr-link a svg {height: 9px; width: auto; fill: #646464; margin-left: 5px; transition: 0.3s;}

.motivacije-cont {display: flex; flex-direction: column; flex-wrap: wrap; max-width: 1000px; width: 100%; border-top: 1px solid #bebebe; padding-top: 20px;}
.mc-single {width: 100%; position: relative; padding-bottom: 30px; transition: 0.3s; border-left: 1px solid #dcdcdc; margin-bottom: 20px;}
.mc-single:hover {background-color: #fff;}
.mc-single a {position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2;}
.mcs-image {}
.mcs-image img {width: 100%; height: 185px; object-fit: cover;}
.mcs-meta {padding: 10px 15px;}
.mcs-meta span {text-transform: uppercase; margin-bottom: 5px; display: block;}
.mcs-meta h2 {font-family: 'Playfair Display', serif; font-weight: 500; line-height: 1.3em; font-size: 1.313em;}
.mcsm-link {text-transform: uppercase; letter-spacing: 0.2em; line-height: 1; display: flex; flex-direction: row; align-items: center; position: absolute; right: 10px; bottom: 10px;}
.mcsm-link svg {height: 9px; width: auto; fill: #646464; margin-left: 5px; transition: 0.3s;}

.obecanje-jedno.deactive {display: none;}
.pmrc-obecanja {max-width: 890px; margin-top: 40px; width: 100%;}
.pmrc-obecanje-header {display: flex; flex-direction: row; width: 100%; margin-bottom: 10px; justify-content: space-between;}
.pmrc-obecanje-header-in {flex: 0 0 100%;}
.pmrc-obecanje-header-in a {display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 25px; background-color: #fff;}
.pmrc-obecanje-header-in a span {letter-spacing: 0.175em; text-transform: uppercase;}
.pmrc-obecanje-header-in a svg {width: auto; height: 14px; transition: 0.3s;}

.pmrc-obecanje-content {width: 100%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: flex-start;}
.pmrc-obecanje-content .col {flex: 0 0 100%; background-color: #fff; margin-bottom: 30px; padding: 25px;}

.obecanje {transition: 0.3s;}
.obecanje.dodavanje {display: none;}
.obecanje.dodavanje.active {display: block;}
.obecanje .header {display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-bottom: 10px; position: relative;}
.obecanje.dodavanje .header {border-bottom: 1px solid #dcdcdc;}
.obecanje .header .left {text-transform: uppercase; letter-spacing: 0.1em;}
.obecanje .header .right {}
.obecanje .header .right .close {cursor: pointer;}
.obecanje .header .right .close svg {height: 12px; width: auto; transition: 0.3s; fill: #646464;}
.obecanje .content-dodavanje {display: flex; flex-direction: column; padding-top: 10px;}
.obecanje .content-dodavanje .cd-input {display: flex; flex-direction: column; margin-bottom: 25px;}
.obecanje .content-dodavanje .cd-input span {letter-spacing: 0.05em; display: block; margin-bottom: 10px;}
.obecanje .content-dodavanje .cd-input input {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; background-color: #f6f3f0; padding: 15px; letter-spacing: 0.05em;}
.obecanje .content-dodavanje .cd-input textarea {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; border: 0; height: 80px; background-color: #f6f3f0; padding: 15px; letter-spacing: 0.05em; resize: none;}
.obecanje .content-dodavanje .cd-buttons {display: flex; flex-direction: row; justify-content: flex-end;}
.obecanje .content-dodavanje .cd-buttons .button {margin-left: 10px;}
.obecanje .content-dodavanje .cd-input input::placeholder {}

.obecanje-tag {position: absolute; text-transform: uppercase; color: #fff; right: 42px; padding: 30px 20px 10px 20px; border-radius: 0 0 20px 20px; top: -25px;}

.obecanje.ispunjeno {box-shadow: inset 0px 0px 0px 2px #63AC9F;}
.obecanje.ispunjeno .obecanje-tag.zeleni {display: block;}
.obecanje.ispunjeno .obecanje-prikaz h2 {color: #63AC9F;}
.obecanje-tag.zeleni {background-color: #63AC9F; display: none;}
.obecanje.ispunjeno .op-ispunjeno {display: block;}
.op-ispunjeno {display: none; color: #63AC9F; letter-spacing: 0.05em; font-weight: 600; margin-top: 20px;}

.obecanje.prekrseno {box-shadow: inset 0px 0px 0px 2px #FC8181;}
.obecanje.prekrseno .obecanje-tag.crveni {display: block;}
.obecanje.prekrseno .obecanje-prikaz h2 {color: #FC8181;}
.obecanje-tag.crveni {background-color: #FC8181; display: none;}
.obecanje.prekrseno .op-prekrseno {display: block;}
.op-prekrseno {display: none; color: #FC8181; letter-spacing: 0.05em; font-weight: 600; margin-top: 20px;}

.obecanje-prikaz {padding-top: 15px; border-bottom: 1px solid #dcdcdc; margin-bottom: 25px;}
.obecanje-prikaz h2 {font-weight: 600; line-height: 1.2em; margin-bottom: 20px;}
.obecanje-prikaz h2::after {content: ''; display: block; height: 1px; width: 90px; background-color: #dcdcdc; margin-top: 20px;}
.op-realizacija-plan {padding-bottom: 25px;}
.op-realizacija-plan span {letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 20px; display: block; line-height: 1;}
.op-realizacija-plan p {font-weight: 600; line-height: 1.4em;}

.obecanje-progres {}
.op-header span {text-transform: uppercase; letter-spacing: 0.1em; line-height: 1; margin-bottom: 10px; display: block;}
.op-header p {letter-spacing: 0.05em;}
.op-oznaci {margin-top: 30px; display: flex; align-items: center; justify-content: space-around;}
.op-oznaci svg {height: 34px; width: auto; transition: 0.3s; fill: #bebebe;}
.op-oznaci span {font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; margin-left: 10px; display: block;}
.op-oznaci .left {display: flex; flex-direction: row; align-items: center; flex: 1; margin-right: 10px;}
.op-oznaci .right {display: flex; flex-direction: row; align-items: center; flex: 1;}

/*------------------------------------*\
    ZADACI I MOTIVACIJA RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:350px) {
  .op-oznaci {flex-direction: column;}
  .op-oznaci .left {margin-bottom: 20px;}
}

@media screen and (min-width:768px) {
  .pmrc-zadatak {max-width: 340px; margin-right: 20px;}
  .motivacije-cont {flex-direction: row; padding-top: 30px;}
  .mc-single {width: 25%; border-right: 1px solid #dcdcdc; border-left: unset;}
  .mcs-image img {height: 122px;}
  .mcs-meta h2 {font-size: unset;}
  .motivacija-featured {padding: 20px 0 30px;}
  .mf-single {flex-direction: row;}
  .mfs-left {width: 50%;}
  .mfs-right {width: 50%; padding: 10px 20px 20px;}
  .pmrc-motivacija {padding: 20px 0;}
  .pmrc-obecanje-content .col {flex: 0 0 47.754%;}
  .op-oznaci .left {padding-left: 20px; margin-right: 20px;}
  .pmrc-obecanje-header-in {flex: 0 0 47.754%;}
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    DNEVNIK SECTION
\*------------------------------------*/

.pmrc-dnevnik-photo {padding: 30px 0; display: flex; flex-direction: column; align-items: center; width: 100%;}
.pmrcdp-left {display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; justify-content: center;}
.pmrcdp-right {margin-top: 20px;}
.dnevnik-dodaj-album {width: calc(50% - 10px); margin-bottom: 20px;}
.dnevnik-dodaj-album:last-child {margin-right: 0;}
.dodaj1 {margin-right: 20px;}
.dodaj2 {}
.dodaj3 {margin-right: 20px;}
.dodaj4 {}
.dnevnik-dodaj-album.poslije {margin-right: 0; width: 160px;}
.dnevnik-dodaj-album.poslije .dda-dodaj {position: relative;}
.dnevnik-dodaj-album.poslije img.pehar {width: 150px; height: auto; position: absolute; bottom: -14px; left: -34px; transform: rotate(11deg); z-index: 2;}
.dda-dodaj {width: 100%; height: 160px; background-color: rgba(255,255,255,0.5); box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; position: relative;}
.dda-dodaj .preload-loading {position: absolute; top: 0; border-radius: 13px;}
.dda-dodaj .preload-loading svg {height: unset; fill: unset; transition: unset;}
.dnevnik-dodaj-album.poslije .dda-dodaj::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: 0 0 0 4px #c79532; border-radius: 13px; transition: 0.3s;}
.dda-dodaj:hover span {color: #c79532}
.dda-dodaj:hover svg {fill: #c79532}

.dda-dodaj svg {height: 14px; width: auto; transition: 0.3s; fill: #bebebe; transition: 0.3s;}
.dda-dodaj span {text-transform: uppercase; letter-spacing: 0.2em; transition: 0.3s; text-align: center;}
.dda-meta {margin-top: 20px; text-transform: uppercase; text-align: center;}
.dda-meta p {letter-spacing: 0.2em; line-height: 1.4em;}
.dda-meta h2 {letter-spacing: 0.2em; line-height: 1.4em;}
.dda-dodaj.album {position: relative;}
.dda-dodaj.album:hover img {opacity: 0.8;}
.dda-dodaj.album:hover img.pehar {opacity: 1;}
.dda-dodaj.album img {width: 100%; height: 100%; object-fit: cover; border-radius: 13px; transition: 0.3s;}
.dda-dodaj.album span {position: absolute; color: #fff; left: 0; top: 0; margin-top: 0; bottom: 0; right: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.2); z-index: 1; border-radius: 13px; line-height: 1.2em; font-weight: 600;}

/*------------------------------------*\
    DNEVNIK RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .dnevnik-dodaj-album {width: 160px;}
  .dda-dodaj {width: 160px;}
  .dodaj1 {margin-right: 20px;}
  .dodaj2 {margin-right: 20px;}
  .dodaj3 {margin-right: 20px;}
}

@media screen and (min-width:1024px) {
  .pmrc-dnevnik-photo {flex-direction: row; align-items: flex-start;}
  .dnevnik-dodaj-album.poslije {margin-left: 45px;}
  .pmrcdp-right {margin-top: 0px;}
  .dnevnik-dodaj-album {margin-bottom: 0;}
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    SALA ZA TRENINGE I CILJEVI SECTION
\*------------------------------------*/

.pmrc-sala-trening {max-width: 880px; width: 100%; padding: 0;}
.pmrc-sala-trening .sala-poruka {letter-spacing: 0.21em;}
.sala-header {display: flex; flex-direction: row; align-items: flex-end; position: relative; padding-top: 50px;}
.sala-header .slika-left {flex: 1; padding-left: 10px;}
.sala-header .slika-left img {height: 55px; width: auto;}
.sala-header .slika-right {padding-right: 10px;}
.sala-header .slika-right img {height: 57px; width: auto;}
.sala-header p {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -100%); text-transform: uppercase; letter-spacing: 0.21em; max-width: 75%; text-align: center; font-size: 0.688em; width: 100%;}
.sala-video {}
.sala-video video {width: 100%;}

.st-odabir-treninga {display: flex; flex-direction: column; margin-top: 20px;}
.stot-single-trening {margin-bottom: 20px; flex: 1; filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.2)); transition: 0.3s; opacity: 0.6;}
.stot-single-trening.active {margin-bottom: 30px; opacity: 1;}
.stot-st-in {position: relative; transition: 0.3s; background-color: #F9F3EF; border-radius: 0px 0px 12px 12px;}
.stot-single-trening.active .stot-st-in {background-color: #fff; transform: scaley(1.05); transform-origin: top;}
.stot-st-in a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; z-index: 10;}
.trening-image {}
.trening-image img {height: 176px; width: 100%; object-fit: cover;}
.trening-single-meta {position: relative; text-align: right; padding: 0px 20px 10px 20px; transition: 0.3s; width: 100%;}
.trening-single-meta h2 {font-family: 'Playfair Display', serif; font-weight: 400; color: #333; line-height: 1; transition: 0.3s;}
.stot-single-trening:hover .trening-single-meta h2 {color: #C79532;}
.stot-single-trening.active .trening-single-meta h2 {color: #C79532;}
.trening-single-meta span {color: #646464; letter-spacing: 0.1em; display: block; text-transform: uppercase; transition: 0.3s;}
.stot-single-trening:hover .trening-single-meta span {color: #C79532;}
.stot-single-trening.active .trening-single-meta span {color: #C79532;}

.pmrc-ciljevi {padding: 40px 0 30px;}
.ciljevi-mjesecni-plan {max-width: 830px; width: 100%; background-color: #fff;}
.cmp-header {position: relative; border: 3px solid #f6f3f0; padding: 10px;}
.cmp-header img {width: 139px; height: auto; position: absolute; bottom: 0; left: 10px;}
.cmp-header h2 {padding-left: 159px; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 600;}
.cmp-content {padding: 20px; display: flex; flex-direction: column; flex-wrap: wrap;}
.cmpc-single {width: 100%; margin-bottom: 20px;}
.cmpc-single:last-child {margin-bottom: 0px;}
.cmpc-single:nth-child(2n+2) {margin-right: 0;}
.cmpc-single h2 {font-weight: 400; letter-spacing: 0.1em; line-height: 1.3em; margin-bottom: 10px; text-transform: uppercase;}
.cmpcs-content {background-color: #f6f2f0; border-top: 1px solid #dcdcdc; display: flex; flex-direction: row; align-items: flex-start; padding: 20px;}
.cmpcs-content h3 {font-family: 'Playfair Display', serif; line-height: 0.5; font-weight: 400;}
.cmpcs-content p {}
.cmpcsc-left {margin-right: 20px; min-height: 60px;}
.cmpcsc-right {}

.izazov-trening {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; padding: 20px 0 0 0;}
.izazov-trening-single {width: calc(50% - 5px); opacity: 0.5; cursor: not-allowed;}
.izazov-trening-single.active {opacity: 1; cursor: pointer;}
.izazov-trening-single .its-in {width: 100%; display: flex; flex-direction: column; align-items: center; position: relative;}
.izazov-trening-single.active .its-in a {display: block;}
.izazov-trening-single .its-in a {position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; display: none;}
.izazov-trening-single .its-in .image {width: 100%; position: relative;}
.izazov-trening-single .its-in .image .shadow {opacity: 0; transition: 0.3s; box-shadow: inset 0px 0px 20px #000000; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; border-radius: 15px;}
.izazov-trening-single.selected .image .shadow {opacity: 1;}
.izazov-trening-single .its-in .image img {width: 100%; height: auto; border-radius: 15px;}
.izazov-trening-single .its-in .meta {width: 100%;}
.izazov-trening-single.selected .its-in .meta h2 {font-weight: 600; color: #C59332;}
.izazov-trening-single .its-in .meta h2 {display: block; text-align: center; text-transform: uppercase; font-weight: 300; line-height: 1.1em; letter-spacing: 0.2em; color: #333; font-size: 0.875em; margin-top: 7px;}

/*------------------------------------*\
    SALA ZA TRENINGE I CILJEVI RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .sala-header {padding-top: 0px;}
  .sala-header .slika-left img {height: 105px;}
  .sala-header .slika-right img {height: 116px;}
  .sala-header p {font-size: 0.813em; max-width: 45%; transform: translate(-50%, -50%);}
  .sala-header .slika-left {padding-left: 30px;}
  .sala-header .slika-right {padding-right: 30px;}
  .cmp-header img {width: 164px; left: 20px;}
  .cmp-header h2 {padding-left: 204px;}
  .cmp-content {padding: 30px 30px 10px 30px; flex-direction: row;}
  .cmpc-single {width: calc(50% - 15px); margin-right: 30px;}
  .cmpc-single:last-child {margin-bottom: 20px;}
  .st-odabir-treninga {flex-direction: row; margin-top: 40px;}
  .trening-image img {height: 116px;}
  .stot-single-trening {padding: 0 5px 5px 5px; margin-bottom: 0;}
  .stot-single-trening.active {margin-bottom: 0;}
  .stot-single-trening:first-child {padding: 0px 5px 5px 0;}
  .stot-single-trening:last-child {padding: 0px 0px 5px 5px;}
  .izazov-trening {gap: 20px;}
  .izazov-trening-single {width: calc(25% - 15px);}
  .izazov-trening-single.active:hover .its-in .image .shadow {opacity: 1;}
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
  .pmrc-sala-trening {padding: 30px 0;}
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    TRENING A-GYM
\*------------------------------------*/

.pmrc-sala-trening.agym-sala {max-width: 1000px;}
.trening-agym-sala {width: 100%; display: flex; flex-direction: column;}

.trening-agym-sala .set {border-radius: 10px 10px 0 0; background: #FFF; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); width: 100%; flex: 1; position: relative; z-index: 2;}
.trening-agym-sala .set .spisak {display: flex; flex-direction: column;}
.trening-agym-sala .set .spisak .single {padding: 10px; border-bottom: 1px solid #DFDFDF; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; cursor: pointer; transition: 0.3s;}
.trening-agym-sala .set .spisak .single:hover {background-color: #F7F3ED;}
.trening-agym-sala .set .spisak .single:first-child {border-radius: 10px 10px 0 0;}
.trening-agym-sala .set .spisak .single.active {background-color: #C59332; border-bottom: 0;}
.trening-agym-sala .set .spisak .single.active .sub-title, .trening-agym-sala .set .spisak .single.active .title {color: #fff;}
.trening-agym-sala .set .spisak .single .sub-title {text-transform: uppercase; line-height: 1; letter-spacing: 0.2em; color: #C59332;}
.trening-agym-sala .set .spisak .single .title {text-transform: uppercase; letter-spacing: 0.2em; color: #333333; line-height: 1;}

.trening-agym-sala .vezbe-video {flex: 1; display: flex; flex-direction: column-reverse; border-radius: 0 0 10px 10px; background: rgba(255, 255, 255, 0.60); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15); position: relative; z-index: 1;}
.trening-agym-sala .vezbe-video .spisak {flex: 1; padding: 10px 20px 20px 20px; overflow: scroll; display: flex; flex-direction: column; gap: 10px; max-height: 370px;}
.trening-agym-sala .vezbe-video .spisak .single {border-radius: 25px; background: rgba(255, 255, 255, 0.60); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 10px 50px 10px 10px; position: relative; cursor: pointer;}
.trening-agym-sala .vezbe-video .spisak .single::after {content: ''; position: absolute; z-index: 1; right: 20px; top: calc(50% - 9px); width: 18px; height: 18px; background-image: url('../svg/selected-set25.svg'); background-repeat: no-repeat; background-size: cover; opacity: 0; transition: 0.3s;}
.trening-agym-sala .vezbe-video .spisak .single:hover .video-thumb .overlay {opacity: 0 !important;}
.trening-agym-sala .vezbe-video .spisak .single.active::after {opacity: 1;}
.trening-agym-sala .vezbe-video .spisak .single.active .video-thumb .overlay {opacity: 0 !important;}
.trening-agym-sala .vezbe-video .spisak .single .video-thumb {position: relative; border-radius: 15px; overflow: hidden; max-width: 70px; width: 100%;}
.trening-agym-sala .vezbe-video .spisak .single .video-thumb .overlay {position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.30); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 1; transition: 0.3s;}
.trening-agym-sala .vezbe-video .spisak .single .video-thumb .overlay .icon {width: 8px; height: auto;}
.trening-agym-sala .vezbe-video .spisak .single .video-thumb .thumb {width: 100%; height: auto; display: block; aspect-ratio: 1 / 1; object-fit: cover; position: relative; z-index: 1;}
.trening-agym-sala .vezbe-video .spisak .single .video-meta {display: flex; flex-direction: column; gap: 5px;}
.trening-agym-sala .vezbe-video .spisak .single .video-meta .title {line-height: 1; letter-spacing: 0.2em; color: #C59332; text-transform: uppercase;}
.trening-agym-sala .vezbe-video .spisak .single .video-meta .desc {line-height: 1; text-transform: uppercase; color: #333333; letter-spacing: 0.2em;}

.trening-agym-sala .vezbe-video .player {padding: 20px 20px 10px 20px;}
.trening-agym-sala .vezbe-video .player video {height: 100%; border-radius: 20px; width: 100%; aspect-ratio: 9 / 16; display: block;}


/*------------------------------------*\
    TRENING A-GYM
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .trening-agym-sala {max-height: 380px; flex-direction: row;}
  .trening-agym-sala .set {max-width: 200px; border-radius: 10px 0 0 10px;}
  .trening-agym-sala .vezbe-video {flex-direction: row; border-radius: 0 10px 10px 0;}
  .trening-agym-sala .set .spisak .single:first-child {border-radius: 10px 0 0 0;}
  .trening-agym-sala .vezbe-video .player {padding: 20px 20px 20px 0;}
  .trening-agym-sala .vezbe-video .spisak {padding: 20px; max-height: none;}
}

@media screen and (min-width:1024px) {
  .trening-agym-sala {max-height: 500px;}
  .trening-agym-sala .set {max-width: 250px;}
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}


/*------------------------------------*\
    ZAJEDNICKI ZID SECTION
\*------------------------------------*/

.pmr-zajednicki-zid {max-width: 930px; width: 100%;}
.pmr-zajednicki-zid a[data]:after {right: 0; left: unset;}
.pmr-zajednicki-zid .white-box {padding: 10px; background-color: rgba(255,255,255,0.5); width: 100%; transition: 0.3s; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); border-radius: 13px;}
.pmrzz-video {background-color: #fff; position: relative; margin-bottom: 20px; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px;}
.pmrzz-video:hover .play {transform: scale(0.8);}
.pmrzz-video a {position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 3;}
.pmrzzv-image {position: relative;}
.pmrzzv-image .play-out {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;}
.pmrzzv-image .play {width: 24px; height: auto; transition: 0.3s;}
.pmrzzv-image img.image {width: 100%; height: 215px; object-fit: cover; border-radius: 13px 13px 0 0;}
.pmrzzv-meta {text-align: center; letter-spacing: 0.25em; padding: 10px; text-transform: uppercase;}

.pmrzz-baner {width: 100%; margin-bottom: 20px; border-radius: 13px; overflow: hidden; border: 5px solid #fff; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);}
.pmrzz-baner img {width: 100%; height: auto;}
.pmrzz-baner img.desktop {display: none;}
.pmrzz-baner img.mobile {display: block;}

.white-box.pmrzz-add-post {padding: 10px;}
.white-box.zz-post {padding: 20px;}
.pmrzz-add-post {display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 30px;}
.pmrzz-add-post.active {flex-direction: column;}
.zz-user-image {padding: 2px; background-color: #fff; border-radius: 100%;}
.zz-user-image img {width: 47px; height: 47px; object-fit: cover; border-radius: 100%;}
.zz-write-post {background-color: #fff; width: 100%; border-radius: 20px; margin-left: 10px; padding: 12px 20px 9px 20px; position: relative; transition: 0.3s; border: 2px solid #EDE9E3;}
.zz-write-post textarea {resize: none; border: 0; outline: 0; margin: 0; background-color: transparent; flex: 1; height: 22px; width: 100%; transition: 0.3s;}
.pmrzz-add-post.active .zz-write-post {padding: 12px 20px 42px 20px; margin-top: 10px; margin-left: 0;}
.pmrzz-add-post.active .zzwp-buttons {display: flex;}
.pmrzz-add-post.active textarea {height: 120px;}
.zzwp-buttons {display: none; position: absolute; right: 20px; bottom: 20px; flex-direction: row;}
.zzwp-buttons a {position: relative;}
.zzwp-buttons a svg {fill: #646464; transition: 0.3s;}
.zzwp-buttons a.add-photo {}
.zzwp-buttons a.add-photo svg {height: 17px; width: auto;}
.zzwp-buttons a.send-post {margin-left: 10px;}
.zzwp-buttons a.send-post svg {height: 17px; width: auto;}

.pmrzz-add-post.active .zz-upload-photos {display: flex;}
.zz-upload-photos {display: none; flex-direction: row; flex-wrap: wrap; padding: 10px 0 0 0;}
.zzup-single-image {margin: 0 10px 10px 0; position: relative; width: calc(50% - 10px);}
.zzup-single-image .close-button {position: absolute; right: 10px; top: 10px; cursor: pointer; background-color: rgba(255,255,255,0.5); padding: 5px; border-radius: 5px;}
.zzup-single-image .close-button:hover svg {fill: #fff;}
.zzup-single-image .close-button svg {height: 12px; width: auto; display: block; fill: #000; transition: 0.3s;}
.zzup-single-image img {width: 100%; height: 100px; object-fit: cover; border-radius: 10px; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%);}

.zz-post {margin-bottom: 20px;}
.zz-post-header {display: flex; flex-direction: row; align-items: center;}
.zzph-left {display: flex; flex-direction: row; align-items: center; flex: 1; padding-right: 10px;}
.zzph-user-image {margin-right: 10px; padding: 2px; background-color: #fff; border-radius: 100%;}
.zzph-user-image img {width: 37px; height: 37px; object-fit: cover; border-radius: 100%;}
.zzph-user-meta {display: flex; flex-direction: column;}
.zzph-user-meta h2 {font-weight: 600; line-height: 1; margin-bottom: 5px;}
.zzph-user-meta span {letter-spacing: 0.1em; line-height: 1;}
.zzph-user-meta .program-name {text-transform: uppercase; color: #EFB5A5; text-align: left; margin-bottom: 2px; margin-top: -2px;}
.zzph-user-meta .program-name a {color: #EFB5A5;}
.zzph-user-meta .program-name a:hover {color: #63AC9F}
.zzph-user-meta .program-name.none, .zzph-user-meta .program-name.none a {color: #bcb7b0}
.zz-post-content {padding: 20px 0 30px;}
.zz-post-content p {white-space: break-spaces; word-break: break-word; line-height: 1.3em;}

.zzph-right {position: relative;}
.zzph-right a {display: block; position: relative;}
.zzph-right a.active[data]:after {display: none;}
.zzph-right a svg {height: 5px; width: auto; fill: #333; transition: 0.3s;}
.post-meta-tooltip {display: none; border: 1px solid #dcdcdc; position: absolute; padding: 5px; background-color: #fff; right: 0; top: 14px; z-index: 2;}
.post-meta-tooltip ul {display: flex; flex-direction: column;}
.post-meta-tooltip ul li {list-style-type: none;}
.post-meta-tooltip ul li a {display: flex; flex-direction: row; align-items: center; text-transform: uppercase; padding: 5px 10px;}
.post-meta-tooltip ul li a:hover {color: #646464; background-color: #fffbf3;}
.post-meta-tooltip img {height: 17px; width: auto; margin-right: 10px;}
.post-meta-tooltip.active {display: block;}

.zz-post-footer {}
.zz-post .heart {display: inline-block; background-image: url('../svg/heart-off.svg'); background-repeat: no-repeat; object-fit: contain;}
.zzpf-top {display: flex; flex-direction: row; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #bebebe; margin-bottom: 10px;}
.zzpf-like-number {flex: 1; padding-right: 20px; font-weight: 600; display: flex; flex-direction: row; align-items: center;}
.zzpf-like-number .heart {width: 15px; height: 13px; margin-right: 5px;}
.zzpf-comment-number {font-weight: 600;}
.zzpf-comment-number .comment-open {}
.zzpf-bottom {display: flex; flex-direction: row; align-items: center;}
.zzpf-bottom a {display: flex; flex-direction: row; align-items: center;}
.zzpfb-left {flex: 1; display: flex; justify-content: center;}
.zzpfb-left a .heart {width: 23px; height: 21px; margin-right: 5px;}
.zzpfb-right {flex: 1; display: flex; justify-content: center;}
.zzpfb-right a .comment-icon {display: inline-block; background-image: url('../svg/zid-comment.svg'); background-repeat: no-repeat; object-fit: contain; width: 24px; height: 20px; margin-right: 5px;}

.zz-post-comments {border-top: 1px solid #bebebe; margin-top: 10px; display: none;}
.zz-post-comments.active {display: block;}
.zzpc-single {padding: 20px 0px 10px;}
.zzpcs-top {display: flex; flex-direction: row; align-items: center;}
.zzpcs-top-left {display: flex; flex-direction: row; align-items: center; flex: 1; padding-right: 10px;}
.zzpcs-user-image {margin-right: 10px;}
.zzpcs-user-image img {width: 39px; height: 39px; object-fit: cover; border-radius: 100%;}
.zzpcs-user-meta {display: flex; flex-direction: column;}
.zzpcs-user-meta h2 {font-weight: 600; line-height: 1; margin-bottom: 5px;}
.zzpcs-user-meta span {letter-spacing: 0.1em; line-height: 1;}
.zzpcs-top-right {display: flex; flex-direction: row; align-items: center;}
.zzpcs-top-right a {display: flex; flex-direction: row; align-items: center; line-height: 1; position: relative;}
.zzpcs-top-right a.trash-icon svg {height: 17px; width: auto; fill: #646464; transition: 0.3s;}
.zzpcs-top-right a.trash-icon {margin-right: 10px;}
.zzpcs-top-right .heart {width: 15px; height: 13px; margin-left: 5px;}
.zzpcs-bottom {}
.zzpcs-bottom p {white-space: break-spaces; word-break: break-word; line-height: 1.3em; padding: 10px 30px 0 50px;}

.zzpcs-odgovori {}
.zzpcs-odgovori .zzpc-single {padding: 10px 0 0 50px;}
.zzpcs-odgovori-header {display: flex; flex-direction: row; align-items: center; padding: 10px 0 0 50px;}
.zzpcs-odgovori-header a {text-transform: uppercase; line-height: 1; letter-spacing: 0.1em;}

.load-comments {}
.load-comments .zzpc-single {display: none;}
.load-comments.active .zzpc-single {display: block;}
.load-comments.active a.load-comments-click {display: none;}
.load-comments a.load-comments-click {padding: 10px 0 10px 0; display: block; margin-left: 20px;}

.zz-post-addcomment {display: flex; flex-direction: row; align-items: flex-start; margin-top: 20px;}
.zzp-addcomment-user-image {}
.zzp-addcomment-user-image img {width: 37px; height: 37px; object-fit: cover; border-radius: 100%;}
.zzp-addcomment-write-post {background-color: #fff; border: 2px solid #EDE9E3; width: 100%; border-radius: 20px; margin-left: 10px; padding: 9px 20px 2px 20px; position: relative; transition: 0.3s;}
.zz-post-addcomment.active textarea {height: 100px;}
.zzp-addcomment-write-post textarea {resize: none; border: 0; outline: 0; margin: 0; background-color: transparent; flex: 1; height: 22px; width: 100%; transition: 0.3s;}
.zz-post-addcomment.active .zzp-addcomment-buttons {display: flex;}
.zzp-addcomment-buttons {position: absolute; right: 20px; bottom: 20px; flex-direction: row; display: none;}
.zzp-addcomment-buttons a {position: relative;}
.zzp-addcomment-buttons a svg {fill: #646464; transition: 0.3s;}
.zzp-addcomment-buttons a.add-photo {}
.zzp-addcomment-buttons a.add-photo svg {height: 17px; width: auto;}
.zzp-addcomment-buttons a.send-post {margin-left: 10px;}
.zzp-addcomment-buttons a.send-post svg {height: 17px; width: auto;}

.post-header-content.deactive {display: none;}
.edit-post {display: none;}
.edit-post.active {display: block;}
.edit-post-header {display: flex; flex-direction: row; align-items: center; border-bottom: 1px solid #bebebe; padding-bottom: 10px; margin-bottom: 20px;}
.eph-left {text-transform: uppercase; letter-spacing: 0.135em; flex: 1; padding-right: 10px;}
.eph-right {}
.eph-right a {display: block;;}
.eph-right a svg {height: 12px; width: auto; fill: #646464; transition: 0.3s;}

.zz-post-one-image {margin-top: 20px;}
.zz-post-one-image img {width: 100%; height: auto; object-fit: cover; transition: 0.3s;}
.zz-post-one-image a:hover img {opacity: 0.8;}
.zz-post-two-image a:hover img {opacity: 0.8;}
.zz-post-two-image {margin-top: 20px; display: flex; flex-direction: row;}
.zz-post-two-image a {flex: 1;}
.zz-post-two-image a:first-child {margin-right: 5px;}
.zz-post-two-image img {width: 100%; height: 150px; object-fit: cover; transition: 0.3s;}
.zz-post-more-image {margin-top: 20px; display: flex; flex-direction: row;}
.zz-post-more-image img {width: 100%; height: 250px; object-fit: cover; transition: 0.3s;}
.zz-post-more-image a {position: relative;}
.zz-post-more-image a:hover img {opacity: 0.8;}
.zz-post-more-image a span {position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; background-color: rgba(51,51,51,0.7); color: #fff; transition: 0.3s;}
.more-photo-two {display: flex; flex-direction: column;}
.more-photo-two img {height: 122.5px;}
.more-photo-two a {position: relative; display: block;}
.more-photo-two a {margin-left: 5px; margin-bottom: 5px;}
.more-photo-two a:hover span {background-color: rgba(51,51,51,0.5);}
.more-photo-two a:hover:nth-child(2) img {opacity: 1}

.white-box.zz-post.zz-no-posts {padding: 30px;}
.zz-no-posts p {text-transform: uppercase; text-align: center; letter-spacing: 0.1em;}

/*------------------------------------*\
    ZAJEDNICKI ZID RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .pmrzzv-meta {padding: 20px;}
  .pmr-zajednicki-zid .white-box {padding: 30px;}
  .white-box.pmrzz-add-post {padding: 20px 30px;}
  .white-box.zz-post {padding: 30px 30px 20px 30px;}
  .pmrzz-video {margin-bottom: 30px;}
  .zz-write-post {margin-left: 20px;}
  .pmrzz-add-post.active .zz-write-post {margin-top: 0; margin-left: 20px;}
  .pmrzz-add-post.active {flex-direction: row;}
  .zz-post {margin-bottom: 30px;}
  .zzpc-single {padding: 20px 20px 10px;}
  .zz-post-one-image img {height: 600px;}
  .zz-post-two-image img {height: 400px;}
  .more-photo-two {flex-direction: row;}
  .more-photo-two img {height: 250px;}
  .more-photo-two a {margin-bottom: 0px;}
  .zzup-single-image {width: calc(33.3333% - 10px);}
  .zzup-single-image img {height: 150px;}
  .pmrzz-baner img.desktop {display: block;}
  .pmrzz-baner img.mobile {display: none;}
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    PROFIL SECTION
\*------------------------------------*/

.pmrc-profil-top {position: relative; background-color: rgba(255,255,255,0.5);box-shadow: 2px 2px 6px rgb(0 0 0 / 20%);border-radius: 13px; padding: 20px; margin: 176px 0 49px; max-width: 810px;}
.pt-user-image {position: absolute; display: flex; flex-direction: row; align-items: center; justify-content: center; left: 50%; top: -145px; transform: translate(-50%, 0px);}
.ptui-cont {padding: 10px; border-radius: 100%; border: 1px solid #646464;}
.ptui-cont img {width: 170px; height: 170px; object-fit: cover; border-radius: 100%;}
.pt-user-meta {padding-left: 0; padding-top: 40px; width: 100%; text-align: center; padding-bottom: 30px;}
.pt-user-meta h2 {font-weight: 400; line-height: 1; margin-bottom: 9px;}
.pt-user-meta h3 {font-weight: 400; letter-spacing: 0.15em; margin-bottom: 10px; word-break: break-all; line-height: 1.4em;}
.pt-user-meta span {text-transform: uppercase; letter-spacing: 0.3em; display: inline-block; line-height: 1;}
.pt-user-meta span:last-child {margin-top: 0px; margin-left: 5px;}
.pt-user-edit {position: absolute; right: 20px; left: 20px; bottom: 15px;}
.pt-user-edit-in {display: flex; justify-content: center;}
.pt-user-edit a {color: #c79532; display: inline-flex; flex-direction: row; align-items: center; text-transform: uppercase; letter-spacing: 0.15em; font-weight: 700; text-align: center; line-height: 1; width: 100%; justify-content: center;}
.pt-user-edit a:hover {color: #646464;}
.pt-user-edit a:hover svg {fill: #646464;}
.pt-user-edit a svg {height: 12px; width: auto; transition: 0.3s; fill: #c79532; margin-right: 5px;}

.pmrc-profil-edit-top {display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 40px;}
.pmrc-profil-edit-top a {position: relative; display: block;}
.pmrc-profil-edit-top a svg {height: 18px; width: auto; transition: 0.3s; fill: #333;}
.pmrc-profil-edit-top a:hover svg {fill: #C79532;}
.pmrc-profil-edit-top h2 {text-transform: uppercase; font-weight: 400; letter-spacing: 0.18em; margin-top: 0px; margin-left: 10px;}

.pmrc-profil-edit {max-width: 820px; display: flex; flex-direction: column-reverse; align-items: flex-start;}
.pe-left {flex-grow: 1; margin-right: 0px; width: 100%;}
.pl-input {margin-bottom: 25px;}
.pl-input input {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; padding: 10px 15px; background-color: #fff; letter-spacing: 0.2em; width: 100%; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); border-radius: 17.5px;}
.pl-input select {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; padding: 10px 15px; background-color: #fff; letter-spacing: 0.2em; text-transform: uppercase; width: 100%; background-image: url('../svg/arrow-select.svg'); background-repeat: no-repeat; background-size: 15px; background-position: 97% 15px; cursor: pointer; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); border-radius: 17.5px;}
input.error {border: 1px solid #FC8181 !important;}
select.error {border: 1px solid #FC8181 !important;}
textarea.error {border: 1px solid #FC8181 !important;}
.required-fields {margin-top: 10px; color: #FC8181; display: none;}
.required-fields a {color: #FC8181; text-decoration: underline;}
.required-fields.error {display: block;}
.pl-input-buttons {display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
.pl-input-buttons input {margin-right: 20px; width: 100%; padding: 10px;}
.pl-input-buttons input:last-child {margin-right: 0;}

.pe-right {width: 100%; margin-bottom: 20px;}
.per-cont {position: relative; padding: 80px 20px 30px; margin-top: 120px; background-color: rgba(255,255,255,0.5); box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px;}
.per-cont-top {display: flex; flex-direction: row; align-items: center; position: absolute; width: 180px; height: 180px; top: -120px; left: 50%; transform: translate(-50%, 0px);}
.perct-left {width: 100%; height: 100%; border-radius: 100%; padding: 10px; position: absolute; left: 0; bottom: 0; border: 1px solid #646464;}
.perct-left .preload-loading {position: absolute; top: 0; border-radius: 100%; z-index: 0;}
.perct-left img {width: 100%; height: 100%; object-fit: cover; border-radius: 100%;}
.perct-right {display: flex; flex-direction: row; align-items: center; justify-content: center; bottom: 0; right: 0; position: absolute;}
.perct-right a {display: flex; flex-direction: column; align-items: center; text-align: center; border-radius: 100%; width: 44px; height: 44px; justify-content: center; text-transform: uppercase; font-weight: 600; letter-spacing: 0.1em; line-height: 1.4; padding: 0 5px; background-color: #C79532;}
.perct-right a:hover {background-color: #646464;}
.perct-right a img {margin-bottom: 2px;}
.perct-right a span {}
.per-user-meta {text-align: center;}
.per-user-meta h2 {font-weight: 400; line-height: 1.2; margin-bottom: 10px; word-break: break-word;}
.per-user-meta h3 {font-weight: 400; letter-spacing: 0.15em; margin-bottom: 10px; word-break: break-word; line-height: 1.3em;}
.per-user-meta span {text-transform: uppercase; letter-spacing: 0.3em;}

.pmrc-obavjestenja {padding: 40px 0 0;}
.pmrc-obavjestenja h2 {text-transform: uppercase; letter-spacing: 0.18em; font-weight: 400; margin-bottom: 30px;}
.pmrco-cont {}
.pmrco-cont ul {}
.pmrco-cont ul li {list-style-type: none; display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 30px;}
.pmrco-cont ul li ul li {display: block; margin-bottom: 0; position: relative;}
.pmrco-cont ul li ul li::before {content: ''; width: 6px; height: 1px; background-color: #bebebe; position: absolute; left: -11px; top: 9px;}
.pmrco-cont ul li div:last-child {padding-left: 15px;}
.pmrco-cont ul li div h3 {font-weight: 600; margin-bottom: 10px;}
.pmrco-cont .switch {position: relative; display: inline-block; width: 41px; height: 19px;}
.pmrco-cont .switch input {opacity: 0; width: 0; height: 0;}
.pmrco-cont .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #bebebe; -webkit-transition: .4s; transition: .4s; border-radius: 34px;}
.pmrco-cont .slider:before {position: absolute; content: ""; height: 15px; width: 15px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%;}
.pmrco-cont input:checked + .slider:before {-webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px);}

.pmrc-uplate {padding: 40px 0 0; max-width: 860px;}
.vuc-uplate-tabela {text-transform: uppercase; font-size: 0.9em;}
.vuc-uplate-tabela .col {padding: 10px;}
.vuc-uplate-tabela .col p {font-weight: 600;}
.vuc-uplate-tabela .col1 {flex: 1; width: 100%;}
.vuc-uplate-tabela .col2 {width: 100%}
.vuc-uplate-tabela .col3 {width: 100%;}
.vuc-uplate-tabela .col4 {width: 100%;}
.vuc-uplate-tabela .col5 {width: 100%; display: flex; flex-direction: row; justify-content: flex-end;}
.vuc-uplate-tabela .col5 svg {width: auto; height: 20px; display: block; margin-right: 10px; transition: 0.3s;}
.vuc-uplate-tabela .col5 a {display: inline-flex; flex-direction: row; transition: 0.3s;}
.vuc-uplate-tabela .col5 a:hover {color: #646464;}
.vuc-uplate-tabela .col5 a:hover svg {fill: #646464;}
.vuc-uplate-tabela .col span {display: block; margin-bottom: 5px; color: #646464;}
.vucut-header {display: none; flex-direction: row; align-items: center; padding: 10px 0; border-bottom: 1px solid #bebebe; letter-spacing: 0.135em;}
.vucut-uplata {display: flex; flex-direction: column; padding: 5px 0; border-bottom: 1px solid #bebebe; font-weight: 500; letter-spacing: 0.135em;}
.vuc-uplate-tabela .vucut-uplata .col4 {color: #63AC9F;}


/*------------------------------------*\
    PROFIL RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .pt-user-meta {padding-left: 212px; padding-top: 0; text-align: left; padding-bottom: 0;}
  .pt-user-meta span {display: block;}
  .pt-user-meta span:last-child {margin-top: 4px; margin-left: 0px;}
  .pt-user-image {left: 30px; top: 50%; transform: translate(0px, -50%);}
  .pmrc-profil-top {margin: 60px 0 74px;}
  .pt-user-edit {right: 30px; bottom: 20px; left: unset;}
  .pmrc-profil-edit-top {flex-direction: column; align-items: flex-start;}
  .pmrc-profil-edit-top h2 {margin-top: 20px; margin-left: 0;}
  .pmrc-profil-edit {flex-direction: row;}
  .pe-left {margin-right: 30px;}
  .pe-right {max-width: 340px; margin-bottom: 0px;}
  .pl-input-buttons {justify-content: flex-start;}
  .per-cont {padding: 90px 20px 30px;}
  .per-user-meta h2 {margin-bottom: 20px;}
  .per-user-meta h3 {margin-bottom: 20px;}
  .vucut-header {display: flex;}
}

@media screen and (min-width:1024px) {
  .vucut-uplata {flex-direction: row; padding: 20px 0;}
  .vuc-uplate-tabela .col span {display: none;}
  .vuc-uplate-tabela .col1 {flex: 1; width: unset;}
  .vuc-uplate-tabela .col2 {width: 18%}
  .vuc-uplate-tabela .col3 {width: 14%;}
  .vuc-uplate-tabela .col4 {width: 14%;}
  .vuc-uplate-tabela .col5 {width: 22%;}
  .vuc-uplate-tabela .col {padding: 0 10px;}
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    CLANARINA I PODRSKA SECTION
\*------------------------------------*/

.pmrc-clanarina {margin-top: 20px;}
.pmrc-clanarina .sc-columns {flex-direction: column; align-items: unset; margin-bottom: 20px;}
.pmrc-clanarina .sc-columns .col.first {margin-right: 20px; margin-top: 10px; margin-bottom: 0; display: flex; flex-direction: column; align-items: flex-start;}
.pmrc-clanarina .sc-column.percent {max-height: unset;}
.pmrc-clanarina .sc-column.preostalo {margin-top: 0px; margin-bottom: 0; flex-grow: 1; display: flex; flex-direction: row; align-items: center; justify-content: center; text-align: center; width: 100%;}

.c-clanarina-istekla {font-weight: 600; color: #fff; letter-spacing: 0.2em; padding: 10px 15px; text-align: left; max-width: 940px;}
.c-clanarina-uplate {padding: 20px; background-color: rgba(255,255,255,0.5); box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px; max-width: 810px; display: flex; flex-direction: column; align-items: flex-start; flex-wrap: wrap; margin-bottom: 20px;}
.c-clanarina-uplate a.button {padding: 5px 30px;}
.c-clanarina-uplate .last {flex: 1; display: flex; flex-direction: row; justify-content: flex-end; width: 100%; margin-top: 20px;}
.c-clanarina-uplate.registracija {background-color: transparent; max-width: 940px; box-shadow: unset;}
.radio-container { display: block; position: relative; /*padding-left: 35px; margin-bottom: 12px;*/ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 34px; height: 34px;}
.radio-container input { position: absolute; opacity: 0; cursor: pointer;}
.radio-checkmark { position: absolute; top: 0; left: 0; height: 34px; width: 34px; background-color: #fff; box-shadow: inset 0px 0px 0px 1px #bebebe; border-radius: 50%; transition: 0.3s;}
.radio-checkmark.error {box-shadow: inset 0px 0px 0px 1px #FC8181;}
.radio-container input:checked ~ .radio-checkmark { background-color: #fff;}
.radio-checkmark:after { content: ""; position: absolute; display: none;}
.radio-container input:checked ~ .radio-checkmark:after { display: block;}
.radio-container .radio-checkmark:after {top: 50%; left: 50%; width: 12px; height: 12px; border-radius: 100%; transform: translate(-50%, -50%); transition: 0.3s;}

.radio-check-checkmark { position: absolute; top: 0; left: 0; height: 34px; width: 34px; background-color: #fff; box-shadow: inset 0px 0px 0px 1px #bebebe; transition: 0.3s;}
.radio-check-checkmark.error {box-shadow: inset 0px 0px 0px 1px #FC8181;}
.radio-container input:checked ~ .radio-check-checkmark { background-color: #fff;}
.radio-check-checkmark:after { content: ""; position: absolute; display: none;}
.radio-container input:checked ~ .radio-check-checkmark:after { display: block;}
.radio-container .radio-check-checkmark:after {top: 50%; left: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%); transition: 0.3s;}

.c-clanarina-uplate .row {padding: 10px; display: flex; flex-direction: row; align-items: center;}
.c-clanarina-uplate .row.first {flex: 0 0 60%;}
.c-clanarina-uplate .row.last {justify-content: flex-end;}
.c-clanarina-uplate .row.prazni {padding: 0;}
.c-clanarina-uplate h2 {font-weight: 600; line-height: 1.2em; margin-bottom: 5px;}
.c-clanarina-uplate h3 {font-weight: 500; line-height: 1.2em;}
.c-clanarina-uplate .uplata-mali {line-height: 1.4em; display: block;}
.c-clanarina-uplate img.uplata-uplatnica {height: auto; width: 38px;}
.c-clanarina-uplate img.uplata-kartica {height: auto; width: 43px;}
.c-clanarina-uplate img.uplata-paypal {height: auto; width: 25px;}
.c-clanarina-uplate .text {}
.c-clanarina-uplate .ikona {margin-left: 20px; margin-right: 10px;}

.clanarina-problem {max-width: 500px; display: flex; flex-direction: row; align-items: flex-start; margin-top: 30px;}
.clanarina-problem .row.first {margin-right: 20px; margin-top: 0;}
.clanarina-problem svg.upitnik {height: 41px; width: auto; fill: #646464;}
.clanarina-problem h2 {font-weight: 600; margin-bottom: 10px;}
.clanarina-problem span {display: block; margin-bottom: 20px;}
.cp-buttons {display: flex; flex-direction: row; flex-wrap: wrap;}
.cp-buttons a {margin-right: 10px; margin-bottom: 10px; padding: 5px 10px;}

.clanarina-uplatnica {display: none;}
.clanarina-uplatnica.active {display: block;}
.clanarina-kartica {display: none;}
.clanarina-kartica.active {display: block;}
.clanarina-paypal {display: none;}
.clanarina-paypal.active {display: block;}
.clanarina-uplatnica-placanje {display: none;}
.clanarina-uplatnica-placanje.active {display: block;}
.uplata-box {padding: 30px; background-color: #fff; margin-bottom: 20px; max-width: 940px; background-color:rgba(255,255,255,0.5);box-shadow:2px2px6pxrgb(000/20%);border-radius:13px;}

.cu-header {padding-bottom: 20px;}
.cu-header h2 {font-weight: 400; letter-spacing: 0.25em;}
.cu-content {margin-bottom: 40px;}
.cu-content p {line-height: 1.5em;}
.cu-content p b {font-weight: 600;}
.cu-footer::before {content: ''; max-width: 240px; height: 1px; background-color: #bebebe; display: block; margin-bottom: 15px;}
.cu-footer p {line-height: 1.5em;}
.cu-footer a {text-decoration: underline; font-weight: 600;}
.cu-footer a:hover {color: #646464;}
.cu-buttons {display: flex; flex-direction: row; align-items: center; justify-content: flex-end;}
.cu-buttons {margin-top: 40px;}
.cu-buttons.margin {margin-top: 20px;}
.cuf-kartice {display: flex; flex-direction: row; align-items: center; flex-grow: 1; flex-wrap: wrap; gap: 10px;}
.cuf-kartice img.master {width: 37px; height: auto;}
.cuf-kartice img.master-id {width: 57px; height: auto; }
.cuf-kartice img.maestro {width: 47px; height: auto; }
.cuf-kartice img.visa {width: 46px; height: auto; }
.cuf-kartice img.visa-secure {width: 47px; height: auto;}
.cuf-kartice img.epay {width: 46px; height: auto;}
.cuf-kartice img.monri {width: 240px; height: auto; }

#payment-form {display: flex; flex-direction: column;}
#payment-form input {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; width: 100%; background-color: #fff; letter-spacing: 0.1em; padding: 10px 15px; border-radius: 17.5px; margin-bottom: 10px; font-size: 0.813em;}
#payment-form select {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 17.5px; padding: 10px 15px; background-color: #fff; letter-spacing: 0.2em; text-transform: uppercase; width: 100%; background-image: url(../svg/arrow-select.svg); background-repeat: no-repeat; background-size: 15px; background-position: 97% 15px; cursor: pointer; margin-bottom: 10px; font-size: 0.813em;}
#payment-form label {font-size: 0.688em; font-weight: 400; letter-spacing: 0.25em; text-transform: uppercase; display: inline-block; margin-bottom: 5px;}
#payment-form button {background-color: #C79532; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; color: #fff; padding: 10px; text-transform: uppercase; font-size: 0.688em; letter-spacing: 0.195em; font-weight: 600; cursor: pointer; transition: 0.3s; text-align: center; appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 0; line-height: 1.4;}
#payment-form button:hover {color: #C79532 !important; background-color: #fff; box-shadow: inset 0px 0px 0px 1px #c79532;}
#payment-form .form-row {margin-bottom: 10px;}
#card-errors {color: #FC8181; margin: 10px 0; font-weight: bold; text-align: center; border: 1px solid #FC8181; padding: 10px; font-size: 0.875em;} 
#kontakt-info .row {display: flex; flex-direction: column;}
#kontakt-info .column {flex: 1;}

.cu-notice {color: #FC8181; margin-bottom: 20px; font-weight: bold; text-align: center; border: 1px solid #FC8181; padding: 10px;}

.pmrc-podrska {padding: 30px 0 0;}
.tehnicka-cont {max-width: 1020px; display: flex; flex-direction: column; border-bottom: 1px solid #bebebe;}
.korak-left {flex: 1; margin-right: 0px;}
.korak-right {flex: 1;}
.tehnicka-answer h4 {}
.tehnicka-answer h4 img {width: 14px; height: auto; display: inline-block; margin-right: 10px;}

.tehnicka-broj {color: #fff; display: inline-block; font-size: 0.750em; background-color: #646464; float: left; padding: 1px 7px;}
.korak-faq li.active .tehnicka-question {transition: color 0.5s ease;}
.korak-faq .tehnicka-question {position: relative; cursor: pointer; padding: 0 0 20px 0; transition: color 0.5s ease; min-height: 64px; box-sizing: border-box;}
.korak-faq .tehnicka-question h3 {font-size: 1em; display: block; margin-left: 42px; padding-bottom: 2px; letter-spacing: 2px; min-height: 44px; box-sizing: border-box; padding-right: 40px; font-weight: 400;}
.korak-faq li.active .tehnicka-question h3 {color: #000;}
.korak-faq .tehnicka-question h3 {transition: 0.3s;}
.korak-faq .tehnicka-question h3:hover {color: #000;}
.tehnicka-h3-kratki {padding-right: 40px !important;}
.tehnicka-plus-minus {top: 19px !important;}
.tehnicka-answer {padding-left: 40px !important; font-size: 0.938em !important; letter-spacing: 0 !important;}
.korak-faq li.active .tehnicka-answer {padding-bottom: 0 !important;}
.tehnicka-answer h4 {font-weight: normal !important; margin-bottom: 20px !important; display: flex; flex-direction: row; align-items: center;}
.tehnicka-answer p {font-weight: 300 !important; margin-bottom: 20px !important;}
.korak-faq {list-style: none;}
.korak-faq li {padding-bottom: 20px;}
.korak-faq li.active .korak-answer {max-height: 1000px !important; padding-bottom: 25px; transition: max-height 0.5s ease, padding-bottom 0.5s ease;}
.korak-faq li.active .korak-question { color: #808080; transition: color 0.5s ease;}
.korak-faq .korak-answer {color: #606060; max-height: 0; overflow: hidden; transition: max-height 0.5s ease, padding-bottom 0.5s ease; font-size: 0.875em; letter-spacing: 1px; padding-left: 66px; padding-right: 34px;}
.korak-faq .korak-plus-minus-toggle {cursor: pointer; height: 21px; width: 21px; position: absolute; top: 29px; right: 10px;}
.korak-faq .korak-plus-minus-toggle:before, .korak-faq .korak-plus-minus-toggle:after {background: #000; content: ''; height: 1px; left: 0; position: absolute; top: 0; width: 21px; transition: transform 500ms ease;}
.korak-faq .korak-plus-minus-toggle:after {transform-origin: center;}
.korak-faq .korak-plus-minus-toggle.korak-collapsed:after {transform: rotate(90deg);}
.korak-faq .korak-plus-minus-toggle.korak-collapsed:before {transform: rotate(180deg);}
.korak-faq .korak-question {color: #262626; position: relative; cursor: pointer; padding: 0 0 20px 0; transition: color 0.5s ease;}
.korak-faq .korak-question h3 {font-family: 'Playfair Display', serif; font-size: 1.413em; display: block; border-bottom: 2px solid #cca764; margin-left: 66px; padding-top: 10px; padding-bottom: 9px; padding-right: 31px;}
.korak-question h3 {transition: 0.3s;}
.korak-question h3:hover {color: #808080;}

/*------------------------------------*\
    CLANARINA RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .pmrc-clanarina {margin-top: 0px;}
  .pmrc-clanarina .sc-column.percent {max-height: 137px;}
  .pmrc-clanarina .sc-columns .col.first {margin-right: 30px; display: unset; flex-direction: unset; align-items: unset;}
  .pmrc-clanarina .sc-column.preostalo {margin-top: 0px; margin-bottom: 0; flex-direction: unset; align-items: unset; justify-content: unset; text-align: unset;}
  .pmrc-clanarina .sc-columns {margin-bottom: 30px; flex-direction: row;}
  .c-clanarina-uplate {flex-direction: row; align-items: center; padding: 20px 30px;}
  .c-clanarina-uplate .last {margin-top: 0px;}
  .c-clanarina-uplate h2 {margin-bottom: 0px;}
  .cu-buttons.margin {margin-top: 0px;}
  .c-clanarina-uplate .row {margin-right: 20px;}
  #kontakt-info .row {flex-direction: row; align-items: center; gap: 10px;}
}

@media screen and (min-width:1024px) {
  .tehnicka-cont {flex-direction: row;}
  .korak-left {margin-right: 20px;}
  .tehnicka-broj {color: #fff; display: inline-block; font-size: 0.750em; float: left;}
  .korak-faq .tehnicka-question h3 {font-size: 1em; display: block; margin-left: 42px; padding-bottom: 2px; letter-spacing: 3px;}
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    KNJIGA UTISAKA SECTION
\*------------------------------------*/

.pmrc-knjiga {padding: 30px 0 0; display: flex; flex-direction: column; align-items: flex-start;}
.pmrck-column {width: 100%;}
.pmrck-column.first {flex: 1; margin-right: 0;}
.pmrck-column.second {flex: 1;}
.pmrck-column .row {background-color: #fff; position: relative; padding: 20px; margin-bottom: 20px;}
.pmrck-column .row-clean {padding: 10px 20px;}
.pmrck-column .row.sladja {}
.pmrck-column .row .sladja-slika-potpis {position: absolute; left: 50%; top: -122px; transform: translate(calc(-50% - 45px), 0);}
.pmrck-column .row .sladja-slika {padding: 5px; background-color: #fff; border: 1px solid #e9a593; transform: rotate(-5deg);}
.pmrck-column .row .sladja-slika img {width: 130px; height: auto;}
.pmrck-column .row .sladja-potpis {position: absolute; right: -78px; bottom: 17px;}
.pmrck-column .row .sladja-potpis img {width: 90px; height: auto;}
.pmrck-column .row .sladja-tekst {padding-top: 52px;}
.pmrck-column .row .sladja-tekst p {}
.pmrck-column .row .sladja-tekst span {text-transform: uppercase; letter-spacing: 0.2em; color: #bebebe; text-align: right; display: block; margin-top: 15px;}

.pmrck-column .row.utisci {}
.pmrck-column .row.utisci textarea {resize: none; border: 0; outline: 0; padding: 10px 0 10px 0; margin: 0; background-color: transparent; flex: 1; width: 100%; border-bottom: 1px solid #bebebe; text-align: center;}
.pmrck-column .row .utisci-footer {margin-top: 10px;}
.pmrck-column .row .utisci-footer .naslov {margin-bottom: 10px;}
.pmrck-column .row .utisci-footer .ispod {display: flex; flex-direction: column; align-items: center;}
.pmrck-column .row .utisci-footer h2 {font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; text-align: center;}
.pmrck-column .row .utisci-footer .utisci-ocjena {display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; flex: 1; margin-bottom: 20px;}
.pmrck-column .row .utisci-footer .utisci-ocjena a {background-image: url('../svg/utisci-heart-off.svg'); background-repeat: no-repeat; background-size: 100% 100%; width: 19px; height: 16px; background-position: center; display: block; margin: 0 5px; transition: none;}
.pmrck-column .row .utisci-footer .utisci-ocjena a:hover {background-image: url('../svg/utisci-heart-on.svg');}
.pmrck-column .row .utisci-footer .utisci-ocjena a.active {background-image: url('../svg/utisci-heart-on.svg');}
.pmrck-column .row .utisci-footer .utisci-ocjena .s1:hover ~ a {background-image: url('../svg/utisci-heart-on.svg');}
.pmrck-column .row .utisci-footer .utisci-ocjena .s2:hover ~ a {background-image: url('../svg/utisci-heart-on.svg');}
.pmrck-column .row .utisci-footer .utisci-ocjena .s3:hover ~ a {background-image: url('../svg/utisci-heart-on.svg');}
.pmrck-column .row .utisci-footer .utisci-ocjena .s4:hover ~ a {background-image: url('../svg/utisci-heart-on.svg');}
.pmrck-column .row .utisci-footer .utisci-ocjena .s5:hover ~ a {background-image: url('../svg/utisci-heart-on.svg');}
.pmrck-column .row.utisci-poruka {margin-top: -15px;}
.pmrck-column .utisci-poruka {display: none; flex-direction: row; align-items: center;}
.pmrck-column .utisci-poruka .uzvicnik {margin-right: 20px;}
.pmrck-column .utisci-poruka.active {display: flex;}
.pmrck-column .utisci-poruka svg {height: 26px; width: auto;}

.pmrck-column .row.izdvojeni-utisci {position: relative; margin-bottom: 40px; padding: 20px 20px 10px 20px;}
.pmrck-column .row.izdvojeni-utisci p {}
.pmrck-column .row.izdvojeni-utisci h3 {font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; text-align: right; padding: 4px 0 0;}
.pmrck-column .row.izdvojeni-utisci .utisci-ocjena-prikaz {display: flex; flex-direction: row; position: absolute; background-color: #fff; border: 3px solid #f6f3f0; border-radius: 3px; padding: 8px 10px; left: 20px; bottom: -20px;}
.pmrck-column .row.izdvojeni-utisci .utisci-ocjena-prikaz span {background-image: url('../svg/utisci-heart-off.svg'); background-repeat: no-repeat; background-size: 100% 100%; width: 19px; height: 16px; background-position: center; display: block; margin: 0 5px;}
.pmrck-column .row.izdvojeni-utisci .utisci-ocjena-prikaz span.active {background-image: url('../svg/utisci-heart-on.svg');}

.ocjena-usluge {}
.ou-header {text-align: left; margin-bottom: 20px;}
.ou-header span {}
.ou-header b {font-weight: 600;}
.ou-ocjene {display: flex; flex-direction: row;}
.ou-ocjene span {display: block; text-align: center; padding: 5px; flex: 0 0 20%; word-break: break-word; cursor: pointer;}
.ou-ocjene span.deactive img {opacity: 0.2;}
.ou-ocjene span:hover img {opacity: 0.8;}
.ou-ocjene span img {width: 100%; height: auto; margin-bottom: 30px; transition: 0.3s;}


/*------------------------------------*\
    KNJIGA UTISAKA RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
}

@media screen and (min-width:1024px) {
  .pmrc-knjiga {flex-direction: row;}
  .pmrck-column.first {flex: 0 0 480px; margin-right: 20px;}
  .pmrck-column.second {flex: 0 0 480px;}
  .pmrck-column .row .sladja-slika-potpis {top: -30px; left: 16px; transform: none;}
  .pmrck-column .row .sladja-tekst {padding-left: 159px; padding-top: 0;}
  .pmrck-column .row .sladja-potpis {right: 0; bottom: -31px;}
  .pmrck-column .row.utisci textarea {text-align: left;}
  .pmrck-column .row .utisci-footer h2 {text-align: left;}
  .pmrck-column .row .utisci-footer .ispod {flex-direction: row;}
  .pmrck-column .row .utisci-footer .utisci-ocjena {margin-bottom: 0px;}
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    KUPOVINA PROGRAMA
\*------------------------------------*/

body.outside {background-color: #fff;}
.platform-outside {width: 100%; min-height: 100vh;}
.po-header {width: 100%; padding: 20px; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.po-header h2 {font-weight: 600; letter-spacing: 0.2em; text-align: center; text-transform: uppercase;}

.po-header-cont {width: 100%; background-color: rgba(255,255,255,0.5); box-shadow: 2px 2px 6px rgb(0 0 0 / 20%);}
.po-header-title {display: flex; flex-direction: column; align-items: center; padding: 30px 20px 0;}
.po-header-title h3 {font-family: 'Playfair Display', serif; font-weight: 400; color: #333; line-height: 1.2em; text-align: center;}
.po-header-title span {font-weight: 600; text-transform: uppercase; letter-spacing: 0.195em; text-align: center; display: block; margin-bottom: 10px;}

.po-konsultacije { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; padding-bottom: 30px;}
.po-konsultacije-in {max-width: 680px; padding: 0 30px;}
.po-konsultacije h2 {padding: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.195em; text-align: center;}
.po-konsultacije h3 {font-family: 'Playfair Display', serif; font-weight: 400; color: #333; line-height: 1; text-align: center;}
.pok-buttons {display: flex; flex-direction: row; align-items: center; justify-content: center;}
.pok-buttons .middle {margin: 0 20px;}
.pok-buttons a {display: flex; flex-direction: column; align-items: center;}
.pok-buttons a svg {height: 60px; width: auto; transition: 0.3s; fill: #646464; margin-bottom: 20px;}
.pok-buttons a span {display: block; text-transform: uppercase; letter-spacing: 0.15em; text-align: center; line-height: 1;}
.pok-footer {text-align: center; line-height: 1.5em;}

.pki-header {}
.pki-header h3 {font-family: 'Playfair Display', serif; font-weight: 500; color: #333; line-height: 1.2em; text-align: center; margin-top: 20px;}
.pki-header h2 {padding: 10px 20px 20px 20px;}
.pki-header b {color: #FC8181;}

.po-trajanje-programa {width: 100%; display: flex; flex-direction: column; align-items: center; padding: 30px 20px;}
.po-trajanje-programa h2 {font-weight: 600; text-transform: uppercase; letter-spacing: 0.195em; text-align: center; margin-bottom: 30px;}
.po-trajanje-programa.normal {padding: 20px;}
.po-trajanje-programa.normal h2 {margin-bottom: 10px;}
.potp-odabir {display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.potp-odabir-single {display: flex; flex-direction: row; align-items: flex-start; margin: 0 20px 10px 20px;}
.potp-odabir-single.middle {margin: 30px 0;}
.potp-odabir-single .trajanje-cijena {margin-left: 20px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; min-width: 106px;}
.potp-odabir-single .trajanje-cijena .tc-top {position: relative;}
.potp-odabir-single .trajanje-cijena .tc-top h3 {line-height: 1; font-family: 'Playfair Display', serif; color: #333;}
.potp-odabir-single .trajanje-cijena .tc-top.normal h3 {font-weight: 400;}
.potp-odabir-single .trajanje-cijena .tc-top.normal::after {display: none;}
.potp-odabir-single .trajanje-cijena .tc-top span {font-family: 'Playfair Display', serif; position: absolute; display: block; top: 6px; right: -50px; color: #fff; padding: 2px 7px 4px;}
.potp-odabir-single .trajanje-cijena .tc-top::after {content: ''; display: block; width: 10px; height: 1px; background-color: #333; margin-top: 15px; margin-bottom: 5px;}
.potp-odabir-single .trajanje-cijena .tc-bottom {display: flex; flex-direction: column; align-items: flex-start;}
.potp-odabir-single .trajanje-cijena .tc-bottom span.sale {line-height: 1; margin-bottom: 5px; position: relative; color: #b7b7b7;}
.potp-odabir-single .trajanje-cijena .tc-bottom span.sale::before {content: ""; position: absolute; width: 110%; height: 1px; bottom: 7px; left: -5%; background-color: #b7b7b7;}
.potp-odabir-single .trajanje-cijena .tc-bottom span.price {line-height: 1; color: #333; font-weight: 700;}
.potp-odabir-single .radio-container {margin-top: 30px;}
.potp-odabir-single .trajanje-cijena .tc-bottom span.maliopis {margin-top: 5px; line-height: 1.1em; text-transform: uppercase;}
.potp-odabir-single .trajanje-cijena .tc-bottom span.usteda {color: #fff; line-height: 1; background-color: #fc8181; padding: 5px; border-radius: 5px; margin-top: 5px;}

.po-odabir-treninga {max-width: 560px; margin-top: 30px;}
.po-odabir-treninga .pmrccr-izabrali-ste-program {margin-bottom: 0;}
.pmrccr-izabrali-ste-program.kupovina {flex-direction: column;}
.pmrccr-izabrali-ste-program.kupovina .izazovi-dugme {flex: 1 !important;}
.pmrccr-izabrali-ste-program.kupovina .pmrccr-izazovi {margin-left: 0;}
.pmrccr-izabrali-ste-program.kupovina .pmrccr-izazovi .checkbox-select {justify-content: center !important; text-align: center !important;}

.po-metode {width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 30px 0; background-color: rgba(255,255,255,0.5); box-shadow: 2px 2px 6px rgb(0 0 0 / 20%);}
.po-metode-in {max-width: 750px; width: 100%; padding: 0 20px;}
.pom-select {width: 100%;}
.pom-select select {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; border-radius: 17.5px; padding: 10px 15px; background-color: #fff; letter-spacing: 0.2em; text-transform: uppercase; width: 100%; background-image: url(../svg/arrow-select.svg); background-repeat: no-repeat; background-size: 15px; background-position: 97% 15px; cursor: pointer; font-weight: 600;}
.po-metode-in h2 {font-weight: 600; text-transform: uppercase; text-align: left; width: 100%; padding: 30px 0 40px; letter-spacing: 0.2em;}
.pom-odabir-metode {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; margin-bottom: 40px;}
.pom-odabir-metode .row {flex: 0 0 auto; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 20px;}
.pom-odabir-metode .row:last-child {margin-bottom: 0;}
.pom-odabir-metode .row.first {margin-bottom: 30px;}
.pom-odabir-metode .row .ikona {margin-left: 20px; margin-right: 10px;}
.pom-odabir-metode .row .ikona img {height: auto;}
.pom-odabir-metode .row .ikona img.uplata-uplatnica {width: 38px;}
.pom-odabir-metode .row .ikona img.uplata-kartica {width: 43px;}
.pom-odabir-metode .row .ikona img.uplata-paypal {width: 25px;}
.pom-odabir-metode .row .text {font-weight: 600;}
.pom-uslovi {display: flex; flex-direction: row; align-items: center;}
.pom-uslovi.second {margin-top: 10px;}
.pom-uslovi-tekst {margin-left: 10px;}
.pom-uslovi-tekst a {text-decoration: underline;}
.pom-uslovi .check-checkmark {border-radius: 0; border: 1px solid #bebebe;}
.pom-uslovi .check-container .check-checkmark:after {border-radius: 0;}

.po-registracija {display: flex; flex-direction: row; align-items: center; justify-content: center;}
.por-in {max-width: 490px; width: 100%; padding: 50px 20px 0; margin-bottom: 30px;}
.por-header {display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 20px; padding: 0 20px;}
.porh-left {margin-right: 20px;}
.porh-left img {width: 52px; height: auto;}
.porh-right {text-align: center;}
.porh-right h2 {font-weight: 400; font-family: 'Playfair Display', serif; color: #333; line-height: 1; margin-bottom: 10px;}
.porh-right p {}
.por-footer {display: flex; flex-direction: column; align-items: center;}
.por-footer input.button {font-size: 1em; width: 100%; padding: 8px; font-weight: 600; letter-spacing: 0.2em;}
.por-footer::after {content: ''; display: block; max-width: 100%; height: 2px; background-color: #f6f3f0; width: 100%; margin-top: 40px;}

/*------------------------------------*\
    KUPOVINA PROGRAMA RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .po-konsultacije-in {padding: 0 20px;}
  .pok-buttons .middle {margin: 0 40px;}
  .pok-buttons a svg {height: 65px;}
  .po-trajanje-programa {padding: 60px 20px;}
  .potp-odabir {flex-direction: row;}
  .potp-odabir-single.middle {margin: 0 50px;}
  .pom-odabir-metode {flex-direction: row; margin-bottom: 50px; justify-content: space-evenly; align-items: center;}
  .pom-odabir-metode .row.first {margin-right: 80px; margin-bottom: 0;}
  .por-footer::after {max-width: 315px;}
  .porh-left {margin-right: 40px;}
  .por-header {padding: 0;}
  .pom-odabir-metode .row  {margin-bottom: 0;}
  .po-metode-in h2 {text-align: center;}
  .potp-odabir-single {margin: 0 20px;}
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    PROIZVODI
\*------------------------------------*/

.pmrc-header.proizvodi {border-bottom: 1px solid #bebebe; padding-bottom: 10px; margin-top: 15px;}
.pmrc-header.proizvodi span {letter-spacing: 0.18em; text-transform: uppercase; line-height: 1;}

.proizvodi-main {width: 100%;}
.proizvodi-main.drugi {padding-top: 10px;}
.proizvodi-main-header {width: 100%; max-width: 920px; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; margin: 10px 0 10px 0;}
.proizvodi-main-header h2 {font-family: 'Playfair Display', serif; line-height: 1.3em; font-weight: 400; margin-top: 10px; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.proizvodi-main-header h2 span {text-transform: unset; letter-spacing: unset; display: none; line-height: unset; margin-top: 0px;}
.proizvodi-main-header h2 a.pmrch-print {position: relative; bottom: 0;}
.proizvodi-main-header h2 a.pmrch-print svg {margin-right: 0;}
.proizvodi-main.drugi .proizvodi-main-header h2 {margin-top: 0;}
.proizvodi-main-header span {text-transform: uppercase; letter-spacing: 0.18em; display: block; line-height: 1; margin-top: 10px;}

.proizvodi-main-cols {margin-top: 5px; max-width: 920px; width: 100%; display: flex; flex-direction: column;}
.proizvodi-main-cols .col {}
.proizvodi-main-cols .col.left {flex: 1; margin-bottom: 30px;}
.proizvodi-main-cols .col.right {flex: 1;}
.proizvodi-select-item {}
.psi-button {background-color: #fff; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 20px; cursor: pointer; border-radius: 12px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);}
.psi-button.active svg {transform: rotate(90deg);}
.psi-button h2 {font-weight: 400; transition: 0.3s;}
.psi-button svg {height: 14px; width: auto; fill: #646464; transition: 0.3s;}

.proizvodi-thumb-items {background-color: #fff; padding: 20px; display: none; border-radius: 0 0 12px 12px; margin-top: -10px;}
.proizvodi-thumb-items.active {display: block;}
.proizvodi-thumb-items-cont {max-height: 300px; width: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.proizvod-thumb-item {display: flex; flex-direction: row; align-items: center; border-bottom: 2px solid #f6f3f0; padding-bottom: 10px; margin-bottom: 10px; cursor: pointer;}
.proizvod-thumb-item:last-child {margin-bottom: 0; border-bottom: 0;}
.proizvod-thumb-item:hover img {opacity: 0.8;}
.proizvod-thumb-item:hover h2, .proizvod-thumb-item:hover span {opacity: 0.8;}
.proizvod-thumb-item img {width: 65px; height: 65px; object-fit: cover; border-radius: 5px; transition: 0.3s;}
.proizvod-thumb-item h2 {font-weight: 400; line-height: 1.3em; transition: 0.3s; color: #C79532;}
.proizvod-thumb-item span {line-height: 1; display: block; margin-top: 5px; text-transform: uppercase; letter-spacing: 0.18em; transition: 0.3s;}
.proizvod-thumb-item span.kategorija {font-weight: 600;}
.proizvod-thumb-item .left {}
.proizvod-thumb-item .right {margin-left: 15px;}

.proizvodi-item {margin-top: 30px;}
.proizvodi-item .kategorija {display:flex; line-height:1.3em; margin-top:-13px; text-transform:uppercase; letter-spacing:.18em; transition:.3s; margin-bottom:20px;}
.proizvodi-main.drugi .proizvodi-item p {padding: 0;}
.proizvodi-item h2 {font-weight: 600; text-decoration: underline; line-height: 1.3em; margin-bottom: 20px;}
.proizvodi-item h3 {font-weight: 600; letter-spacing: 0.25em; line-height: 1.3em; margin-bottom: 10px;}
.proizvodi-item ul {padding: 0 0 20px 36px;}
.proizvodi-item ul li {list-style-type: disc;}
.proizvodi-item ul li::marker {color: #646464; font-size: 0.875em;}
.proizvodi-item p {padding-left: 20px; white-space: pre-line; word-break: break-word;}

.kuhar-meta {display: inline-flex; flex-direction: row; align-items: center; background-color: #FFFFFF; border-radius: 12px; padding: 10px 15px; gap: 10px; margin-bottom: 20px; justify-content: center; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);}
.kuhar-meta .single-meta {display: flex; flex-direction: row; align-items: center; text-transform: uppercase; color: #333;}
.kuhar-meta .single-meta img {margin-right: 5px;}

.proizvodi-main-thumb {width: 100%;}
.pmt-thumb {position: relative; padding: 10px; background-color: #fff; cursor: pointer;}
.pmt-thumb:hover img.main-thumb {opacity: 0.8;}
.pmt-thumb:hover .play-out img {transform: scale(0.8);}
.pmt-thumb .play-out {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1;}
.pmt-thumb .play-out img {height: 33px; width: auto; transition: 0.3s;}
.pmt-thumb img.main-thumb {width: 100%; height: auto; transition: 0.3s;}
.proizvodi-banners {width: 100%; display: flex; flex-direction: column; padding-top: 30px; align-items: flex-end;}
.proizvodi-banners div {flex: 1; margin-bottom: 20px;}
.proizvodi-banners img {width: 100%; height: auto; transition: 0.3s;}
.proizvodi-banners img:hover {opacity: 0.8;}

.proizvodi-main-thumb.thumb-tekst .pmt-thumb .play-out {display: none !important;}
.proizvodi-main-thumb.thumb-tekst .pmt-thumb {pointer-events: none !important;}

.proizvodi-download {display: flex; flex-direction: row; align-items: center; justify-content: flex-end;}
.proizvodi-button {background-color: #C79532; border-radius: 0 0 20px 20px; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 10px 20px; transition: 0.3s; cursor: pointer; width: 100%;}
.proizvodi-button:hover {opacity: 0.8;}
.proizvodi-button svg {height: 22px; width: auto; transition: 0.3s; fill: #fff;}
.proizvodi-button span {text-transform: uppercase; margin-left: 10px; display: block; line-height: 1; color: #fff; font-weight: 500; letter-spacing: 0.2em;}

.pm-dodaci-meni {display: flex; flex-direction: row; background: #FFFFFF; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 12px; position: relative; padding: 20px 20px 0 20px; flex-wrap: wrap; width: 100%; max-width: 920px;}
.pm-dodaci-meni .row {flex: 1; display: flex; flex-direction: column; align-items: center; padding: 0 5px; margin-bottom: 20px; position: relative;}
.pm-dodaci-meni .row.active .image {border: 4px solid #c59332;}
.pm-dodaci-meni .row.active .image img {opacity: 1;}
.pm-dodaci-meni .row.active h2 {color: #C59332; font-weight: 700;}
.pm-dodaci-meni .row .image {width: 70px; height: 70px; border-radius: 100%;}
.pm-dodaci-meni .row .image img {width: 100%; height: 100%; object-fit: cover; border-radius: 100%; position: relative; opacity: 0.5;}
.pm-dodaci-meni .row h2 {width: 100%; text-align: center; font-weight: 400; text-transform: uppercase; color: #646464; letter-spacing: 0.18em; line-height: 1.3em; margin-top: 10px;}
.pm-dodaci-meni .row a {position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0;}
.pm-dodaci-meni .title {width: 100%; display: flex; justify-content: center; text-transform: uppercase; letter-spacing: 0.18em; line-height: 1; margin-bottom: 15px; color: #C79532; font-weight: 700;}

/*------------------------------------*\
    PROIZVODI RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .proizvodi-banners {flex-direction: row; justify-content: space-between;}
  .proizvodi-banners div {flex: 0 1 49%; margin-bottom: 0px;}
  .proizvodi-button {width: unset; margin-right: 10px;}
}

@media screen and (min-width:1024px) {
  .proizvodi-main-cols {flex-direction: row; justify-content: space-between; gap: 30px;}
  .proizvodi-main-cols .col.left {flex: 0 1 530px; margin-bottom: 0;}
  .kursevi .proizvodi-main-cols .col.left {flex: 0 1 380px;}
  .proizvodi-main-thumb {max-width: 580px;}
  .proizvodi-banners {max-width: 580px;}
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
  .pm-dodaci-meni {display: none;}
  .proizvodi-main-header h2 span {display: block;}
  .proizvodi-main-header {display: flex; flex-direction: column; align-items: flex-start; margin: 0;}
  .proizvodi-main-header h2 {width: 100%; margin-top: 15px;}
  .proizvodi-main-cols {margin-top: 20px;}
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    MATERIJALI ZA RAD
\*------------------------------------*/

.pmrc-materijali-za-rad {max-width: 880px; width: 100%;}
.pmrc-materijali-za-rad .pmrc-header {margin-top: 30px;}
.pmrc-video-lekcije {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.pmrc-video-lekcije .row {flex: 0 1 100%; position: relative; margin-bottom: 20px; display: flex; flex-direction: column;}
.pmrc-video-lekcije .row a {position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 1;}
.pmrc-video-lekcije .row .image {height: 190px;}
.pmrc-video-lekcije .row .image img {width: 100%; height: 100%; object-fit: cover; transition: 0.3s;}
.pmrc-video-lekcije .row:hover .image img {opacity: 0.8;}
.pmrc-video-lekcije .row .meta {background-color: #fff; padding: 13px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex: 1;}
.pmrc-video-lekcije .row .meta .meta-title {transition: 0.3s; line-height: 1.3em;}
.pmrc-video-lekcije .row .meta .meta-icon {margin-left: 10px;}
.pmrc-video-lekcije .row .meta .meta-icon svg {height: 34px; width: auto; fill: #646464; transition: 0.3s;}

.pmrc-snimio-dstampaj {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.pmrc-snimio-dstampaj .row {flex: 0 1 100%; background-color: #fff; display: flex; flex-direction: row; align-items: center; padding: 10px; margin-bottom: 15px; position: relative;}
.pmrc-snimio-dstampaj .row a {position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 1;}
.pmrc-snimio-dstampaj .row .image {width: 40px; height: 40px; margin-right: 10px;}
.pmrc-snimio-dstampaj .row .image img {width: 100%; height: 100%; object-fit: cover; border-radius: 4px; transition: .3s;}
.pmrc-snimio-dstampaj .row:hover .image img {opacity: 0.8;}
.pmrc-snimio-dstampaj .row .title {transition: 0.3s; flex: 1;}
.pmrc-snimio-dstampaj .row .icon {display: flex; flex-direction: row; align-items: center; margin-left: 10px;}
.pmrc-snimio-dstampaj .row .icon h2 {transition: 0.3s; text-transform: uppercase; font-weight: 600; letter-spacing: 0.2em; margin-right: 10px; line-height: 1;}
.pmrc-snimio-dstampaj .row .icon svg {height: 24px; width: auto; fill: #646464; transition: 0.3s;}

/*------------------------------------*\
    MATERIJALI ZA RAD RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .pmrc-video-lekcije .row {flex: 0 1 31%; margin-bottom: 30px;}
  .pmrc-video-lekcije .row .meta {padding: 13px 20px;}
  .pmrc-snimio-dstampaj .row {flex: 0 1 49.2%;}
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

@media print {
    #pm-left {display: none;}
    body {-webkit-print-color-adjust: exact !important; background-color: #fff !important; overflow: hidden; height: unset; background-image: none;}
    * {float: none; transition: none !important; overflow: visible}
    .pic-row-content {display: block !important; -webkit-animation: unset; animation: unset;}
    .proizvodi-select-item {display: none;}
    .proizvodi-item {margin-top: 0;}
    .proizvodi-main-header {margin-top: 20px;}
    .proizvodi-main.no-print {display: none !important;}
    .pmt-thumb .play-out {display: none;}
    .pmt-thumb {break-inside: avoid-page !important;}
    .tijelo .pmt-thumb {border: 0 !important;}
    .pic-row-content .accordian .acc-content {display: block !important;}
    .pic-row-content .accordian li {color: #333 !important; break-inside: avoid !important;}
    header {position: relative;}
    header .left {display: none !important;}
    header .right {display: none !important;}
    .pi-header {display: none !important;}
    .pmrc-header {margin-top: 30px;}
    .pmrc-header p {max-width: unset !important;}
    .pic-row-content .accordian .accordian-header span {display: none;}
    .platform-main {margin-top: 0;}
    .pmrch-print {display: none !important;}
    .pi-columns {display: block !important; margin-top: 30px !important;}
    .pi-columns .row {margin-bottom: 20px !important; float: none !important; display: block !important; background-color: #fff !important;}
    .pi-columns .row.dorucak {page-break-after: always !important;}
    .pi-columns .row.medju {page-break-after: always !important;}
    .pi-columns .row.rucak {page-break-after: always !important;}
    .pi-columns .row.dnevni-kalkulator {page-break-before: always !important;}
    .pi-columns .row.vecera {}
    .pic-row-content {display: block !important;}
    .dodaj-kalkulator {display: none !important;}
    .plan-ishrane {padding: 0 !important;}
    .pic-row-meta {display: none;}
    .pic-row-content .accordian li::marker {font-size: 1.125em !important; line-height: 1.4em !important; font-weight: bold !important;}
    .pic-row-content .accordian .accordian-header h2 {font-size: 1.125em !important; line-height: 1.4em !important; font-weight: bold !important;}
    .pi-columns .col {margin-right: 0; display: block; flex-direction: unset; flex-wrap: unset; justify-content: unset; float: none !important; page-break-after: always !important;}
    .pi-columns .row.linkovi {display: none !important;}
    @page {size: auto; margin: 5mm; background-color: #fff;}
    .header-platform {position: absolute;}
    .pic-row-header {border-radius: 13px 13px 0 0;}
    .pi-columns .second {position: unset !important;}
    .pic-row-content .accordian .nutri-vrijednosti-plan {display: block !important;}
    .pm-dodaci-meni {display: none !important;}
    .mm-cont {display: none !important;}
}

/*------------------------------------*\
    NOVA NASLOVNA 22
\*------------------------------------*/

.nn-main {width: 100%; min-height: 100%; background-image: url('../img/nn0423-main-bck-mobile.jpg'); background-repeat: no-repeat; background-position: top center; background-size: cover; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px;}

.nn-main .top {width: 100%; display: flex; flex-direction: column; align-items: center; position: relative;}
.nn-main .top .meta {background: #FFFFFF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); border-radius: 7px; padding: 10px; max-width: 450px;}
.nn-main .top .meta .header {text-transform: uppercase; letter-spacing: 0.4em; border-bottom: 1px solid #bebebe; width: 100%; text-align: center; display: block;}
.nn-main .top .meta .content {display: flex; flex-direction: row; align-items: center; margin-top: 10px; padding: 0 10px; transition: 0.3s;}
.nn-main .top .meta .content .left {background-color: #F6F3F0; border-radius: 100%;}
.nn-main .top .meta .content .left img {border: 2px solid #c79532; border-radius: 100%; object-fit: cover; width: 52px; height: 52px;}
.nn-main .top .meta .content .right {margin-left: 10px; transition: 0.3s;}
.nn-main .top .meta .content .right .program-title {font-family: 'Playfair Display', serif; color: #333; line-height: 1;}
.nn-main .top .meta .content .right .program-end-date {line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; color: #888; margin-top: 8px;}
.nn-main .top .meta .content .right .program-inactive {text-transform: uppercase; letter-spacing: 0.1em; display: flex; flex-direction: column; margin-top: 5px;}
.nn-main .top .meta .content .right .program-inactive span {line-height: 1; display: block; color: #FC8181;}
.nn-main .top .meta .content .right .program-inactive span:nth-child(1) {margin-bottom: 2px;}
.nn-main .top .meta .content .right .program-inactive span:nth-child(2) {font-weight: 600;}

.nn-main .top .meta .content .no-program {display: flex; flex-direction: row; align-items: center;}
.nn-main .top .meta .content .no-program .img {width: 50px; height: 50px; border-radius: 100%; background-color: #F6F3F0; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 20px;}
.nn-main .top .meta .content .no-program .img img {height: 22px; width: auto;}
.nn-main .top .meta .content .no-program .text {flex: 1;}
.nn-main .top .meta .content .no-program .text br {display: none;}
.nn-main .top .meta .content .no-program .text a {color: #C79532; font-weight: 600; transition: 0.3s;}
.nn-main .top .meta .content .no-program .text a:hover {color: #333;}

.nn-main .top-novi {display: flex; flex-direction: column; align-items: center; width: 100%;}
.nn-main .top-novi .dugme {display: flex; flex-direction: row; align-items: center; background-color: #FFFFFF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); border-radius: 20px; padding: 9px 30px; transition: 0.3s; position: relative;}
.nn-main .top-novi .dugme a {position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0;}
.nn-main .top-novi .dugme .icon {margin-right: 10px; position: relative;}
.nn-main .top-novi .dugme:hover {background-color: #c79532;}
.nn-main .top-novi .dugme:hover img.on {display: none;}
.nn-main .top-novi .dugme:hover img.off {display: block;}
.nn-main .top-novi .dugme:hover .title {color: #ffffff;}
.nn-main .top-novi .dugme .icon img {height: 25px; width: auto;}
.nn-main .top-novi .dugme .icon img.on {display: block;}
.nn-main .top-novi .dugme .icon img.off {display: none;}
.nn-main .top-novi .dugme .title {letter-spacing: 0.1em; text-transform: uppercase; line-height: 1; font-weight: 600; transition: 0.3s; color: #646464; transition: 0.3s;}
.nn-main .top-novi .notice {display: flex; flex-direction: row; align-items: center; background-color: #FFFFFF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); border-radius: 20px; padding: 9px 30px; transition: 0.3s; position: relative;}
.nn-main .top-novi .notice .program-inactive {text-transform: uppercase; letter-spacing: 0.1em; display: flex; flex-direction: column;}
.nn-main .top-novi .notice .program-inactive span {line-height: 1; display: block; color: #FC8181; text-align: center;}
.nn-main .top-novi .notice .program-inactive span:nth-child(1) {margin-bottom: 2px;}
.nn-main .top-novi .notice .program-inactive span:nth-child(2) {font-weight: 600;}
.nn-main .top-novi .notice .no-program {display: flex; flex-direction: row; align-items: center;}
.nn-main .top-novi .notice .no-program .img {width: 30px; height: 30px; border-radius: 100%; background-color: #F6F3F0; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-right: 10px;}
.nn-main .top-novi .notice .no-program .img img {height: 13px; width: auto;}
.nn-main .top-novi .notice .no-program .text {flex: 1; line-height: 1.2em; color: #646464;}
.nn-main .top-novi .notice .no-program .text a {color: #C79532; font-weight: 600; transition: 0.3s;}

.nn-main .atika-kuhar {display: flex; position: relative; flex-direction: row; align-items: center; background: #FFFFFF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); border-radius: 19px; padding: 7px 18px; margin-top: 15px; margin-bottom: -4px;}
.nn-main .atika-kuhar:hover h3 {color: #C59332;}
.nn-main .atika-kuhar a {display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2;}
.nn-main .atika-kuhar h3 {font-weight: 400; color: #646464; text-transform: uppercase; letter-spacing: 0.15em; line-height: 1; transition: 0.3s;}
.nn-main .atika-kuhar img {height: 20px; width: auto; margin-left: 10px;}

.nn-main .bottom {width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 15px; padding-bottom: 50px;}
.nn-main .bottom .circles {display: flex; flex-direction: row; flex-wrap: wrap; max-width: 465px; align-items: center; justify-content: center;}
.nn-main .bottom .circles .single {background: #FFFFFF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); border-radius: 100%; width: 125px; height: 125px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 10px; transition: 0.3s; position: relative;}
.nn-main .bottom .circles .single a {position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 10;}
.nn-main .bottom .circles .single.active a:hover {cursor: pointer;}
.nn-main .bottom .circles .single:hover {cursor: not-allowed;}
.nn-main .bottom .circles .single a:hover {cursor: not-allowed;}
.nn-main .bottom .circles .single.active:hover {background-color: #c79532; cursor: pointer;}
.nn-main .bottom .circles .single.active:hover .title {color: #fff;}
.nn-main .bottom .circles .single.active:hover img.off {display: block;}
.nn-main .bottom .circles .single.active:hover img.on {display: none;}
.nn-main .bottom .circles .single .icon {display: block;}
.nn-main .bottom .circles .single .icon img {width: auto;}
.nn-main .bottom .circles .single.chat .icon img {height: 42px;}
.nn-main .bottom .circles .single.ishrana .icon img {height: 43px;}
.nn-main .bottom .circles .single.trening .icon img {height: 37px;}
.nn-main .bottom .circles .single.forum .icon img {height: 41px;}
.nn-main .bottom .circles .single.progres .icon img {height: 44px;}
.nn-main .bottom .circles .single.profil .icon img {height: 45px;}
.nn-main .bottom .circles .single .icon img.off {display: block;}
.nn-main .bottom .circles .single .icon img.on {display: none;}
.nn-main .bottom .circles .single.active img.on {display: block;}
.nn-main .bottom .circles .single.active img.off {display: none;}
.nn-main .bottom .circles .single .title {letter-spacing: 0.1em; text-transform: uppercase; line-height: 1; margin-top: 10px; font-weight: 600; transition: 0.3s; color: #F3F0EC;}
.nn-main .bottom .circles .single.active .title {color: #646464;}
.nn-main .bottom .circles .single .number-ticker {position: absolute; top: 2px; right: 10px; width: 28px; height: 28px; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #c79532; border-radius: 100%; color: #fff; font-weight: 600; line-height: 1; box-shadow: 0px 0px 3px rgb(0 0 0 / 25%); z-index: 4;}
.nn-main .bottom .circles .single .progres-circle {position: absolute; z-index: 2;}
.nn-main .bottom .circles .single .progres-circle svg {transform: rotate(-90deg); width: 125px; height: 125px;}
.nn-main .bottom .circles .single .progres-circle .percent {stroke-dasharray: 100;}
.nn-main .bottom .circles .single .progres-circle .zlatna {stroke: #c79532; transition: 0.3s;}
.nn-main .bottom .circles .single .progres-circle .siva {stroke: #F3F0EC; transition: 0.3s;}
.nn-main .bottom .circles .single.active:hover .progres-circle .zlatna {stroke: #ad7810;}
.nn-main .bottom .circles .single.active:hover .progres-circle .siva {stroke: #c79532;}
.nn-main .bottom .circles .single .progres-percent-number {display: none;}
.nn-main .bottom .circles .single.active .progres-percent-number {display: block; position: absolute; z-index: 3; top: 100%; left: 50%; transform: translate(-50%, 5px); width: 100%;}
.nn-main .bottom .circles .single.active .progres-percent-number span {display: block; text-align: center; font-weight: 700; color: #c79532; line-height: 1.2em; text-transform: uppercase; width: 100%;}
.nn-main .bottom .circles .single .trening-progres span {display: none;}
.nn-main .bottom .circles .single.active .trening-progres span {display: flex;}
.nn-main .bottom .circles .single .trening-progres {display: block; position: absolute; z-index: 3; width: 100%; height: 100%;}
.nn-main .bottom .circles .single .trening-progres img {width: 7px; height: auto; margin-left: 1px;}
.nn-main .bottom .circles .single:hover .trening-progres span {background: #ad7810;}
.nn-main .bottom .circles .single .trening-progres span {background: #C59332; box-shadow: 0px 0px 3px rgb(0 0 0 / 25%); flex-direction: column; align-items: center; width: 10px; height: 10px; justify-content: center; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; transition: 0.3s;}
.nn-main .bottom .circles .single .trening-progres .trening1 {position: absolute; right: 2px; top: 50%; z-index: 1; transform: translate(0, -50%); width: 10px; background-color: #fff; height: 2px;}
.nn-main .bottom .circles .single .trening-progres .trening2 {position: absolute; bottom: 2px; left: 50%; z-index: 1; transform: translate(-50%, 0px); width: 2px; background-color: #fff; height: 10px;}
.nn-main .bottom .circles .single .trening-progres .trening3 {position: absolute; left: 2px; top: 50%; z-index: 1; transform: translate(0, -50%); width: 10px; background-color: #fff; height: 2px;}
.nn-main .bottom .circles .single .trening-progres .trening4 {position: absolute; top: 2px; left: 50%; z-index: 1; transform: translate(-50%, 0px); width: 2px; background-color: #fff; height: 10px;}

/*------------------------------------*\
    NOVA NASLOVNA 22 RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  body {background-image: url('../img/nn0423-bck.jpg');}
  .nn-main .bottom {margin-top: 45px;}
  .nn-main.nn-0423 .bottom {margin-top: 15px;}
  .nn-main .bottom .circles .single {margin: 15px;}
  .nn-main .top .meta {padding: 10px 20px;}
  .nn-main .top .meta .content .right {margin-left: 20px;}
  .nn-main .top .meta .content .no-program .text br {display: block;}
  .nn-main .atika-kuhar {margin-bottom: -39px;}
  .nn-main {background-image: url('../img/nn0423-main-bck.jpg');}
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    TRENING NOVI 0922
\*------------------------------------*/

.pmrc-sala-trening.nn22-trening {padding: 0;}
.nn22-trening-aktivnost {width: 100%;}
.tr-columns {display: flex; flex-direction: column; margin-top: 20px;}
.nema-video .tr-columns {margin-top: 0;}
.nema-video .izazov-trening {display: none;}
.tr-columns .col {width: 100%;}
.tr-columns .col.first {}
.tr-columns .col.first .nn22n-poruke {max-width: unset;}
.nn22-trening-box {margin-bottom: 20px; background-color: rgba(255,255,255,0.5); box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px; width: 100%; overflow: hidden;}
.nn22-trening-box .header {color: #333; font-weight: 600; text-align: center; padding: 10px; background-color: #fff;}
.nn22-trening-box .header.zelena {color: #63AC9F;}
.nn22-trening-box .header.crvena {color: #E64E37;}
.nn22-trening-box .cont {width: 100%; padding: 15px;}
.nn22-trening-box .cont .row-first {width: 100%; display: flex; flex-direction: row; align-items: center; padding-bottom: 15px; border-bottom: 1px solid #C4C4C4;}
.nn22-trening-box .cont .row-first .left {flex: 1; display: flex; flex-direction: column; align-items: flex-start;}
.nn22-trening-box .cont .row-first .left span {line-height: 1; margin-bottom: 5px; display: block;}
.nn22-trening-box .cont .row-first .left .kalorije {display: flex; flex-direction: row; align-items: flex-end;}
.nn22-trening-box .cont .row-first .left .kalorije img {height: 16px; width: auto; margin-right: 5px;}
.nn22-trening-box .cont .row-first .left .kalorije h2 {font-weight: 600; line-height: 1; margin-right: 2px; color: #333;}
.nn22-trening-box .cont .row-first .left .kalorije p {line-height: 1;}
.nn22-trening-box .cont .row-first .right {flex: 1; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.nn22-trening-box .cont .row-first .right span {flex: 1; text-align: right; line-height: 1.2em; margin-right: 10px; display: block;}
.nn22-trening-box .cont .row-first .right .ikona {width: 16px; height: 16px; border: 1px solid #C59332; background-color: #fff; border-radius: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s;}
.nn22-trening-box .cont .row-first .right .ikona img {height: 7px; width: auto; display: none;}
.nn22-trening-box .cont .row-first .right .ikona.active {background-color: #C59332;}
.nn22-trening-box .cont .row-first .right .ikona.active img {display: block;}
.nema-video .nn22-trening-box .cont .row-second {padding: 0 10px 10px 10px;}
.nn22-trening-box .cont .row-second {padding: 10px; width: 100%;}
.nn22-trening-box .cont .row-second h3 {color: #333; font-weight: 600; margin-bottom: 15px; line-height: 1;}
.nn22-trening-box .cont .row-second .selector {display: flex; flex-direction: row; align-items: center;}
.nn22-trening-box .cont .row-second .selector .left {display: flex; flex-direction: row; flex: 1; align-items: center; margin-right: 5px;}
.nn22-trening-box .cont .row-second .selector .left img {height: 16px; width: auto; margin-right: 3px;}
.nn22-trening-box .cont .row-second .selector select {flex: 1; min-height: 25px; background-color: #FFFFFF; box-shadow: 1px 1px 3px rgb(0 0 0 / 15%); border-radius: 3px; padding: 0 10px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../svg/nn22-stralica-dole-meni.svg); background-repeat: no-repeat; background-position: 92% center;}
.nn22-trening-box .cont .row-second .selector .right {display: flex; flex-direction: row; flex: 1; align-items: center; margin-left: 5px;}
.nn22-trening-box .cont .row-second .selector .right img {height: 16px; width: auto; margin-right: 3px;}
.nn22-trening-box .cont .aktivnost-list {display: flex; flex-direction: column; width: 100%;}
.nn22-trening-box .cont .aktivnost-list .single {width: 100%; display: flex; flex-direction: row; align-items: center; padding: 8px 10px; border-bottom: 1px solid #C4C4C4;}
.nn22-trening-box .cont .aktivnost-list .single:last-child {border-bottom: 0;}
.nn22-trening-box .cont .aktivnost-list .single span {flex: 1; line-height: 1.2em; margin-right: 10px; display: flex; flex-direction: row; justify-content: flex-start; position: relative; align-items: center;}
.nn22-trening-box .cont .aktivnost-list .single .naslov {width: 45%; flex: unset;}
.nn22-trening-box .cont .aktivnost-list .single .naslov h3 {font-weight: 400; display: flex; flex-direction: column;}
.nn22-trening-box .cont .aktivnost-list .single .naslov h3 p {font-size: 0.750em; line-height: 1.2em; margin-top: 2px;}
.nn22-trening-box .cont .aktivnost-list .single .naslov::before {content: ''; width: 2px; height: 2px; background-color: #646464; border-radius: 100%; display: block; margin-right: 5px;}
.nn22-trening-box .cont .aktivnost-list .single .trajanje {}
.nn22-trening-box .cont .aktivnost-list .single .trajanje::before {content: ''; width: 2px; height: 2px; background-color: #646464; border-radius: 100%; display: block; margin-right: 5px;}
.nn22-trening-box .cont .aktivnost-list .single .kalorija {display: flex; flex-direction: row; align-items: center;}
.nn22-trening-box .cont .aktivnost-list .single .kalorija img {height: 11px; width: auto; margin-right: 5px;}
.nn22-trening-box .cont .aktivnost-list .single .delete {justify-content: flex-end; flex: unset; width: 7px;}
.nn22-trening-box .cont .aktivnost-list .single .delete div {width: 7px; height: 7px; cursor: pointer;}
.nn22-trening-box .cont .aktivnost-list .single .delete img {height: 7px; width: auto;}
.nn22-trening-box .cont .aktivnost-list .single .delete img.off {position: absolute; right: 0; top: 0; z-index: 1; opacity: 1; transition: 0.3s;}
.nn22-trening-box .cont .aktivnost-list .single .delete img.on {position: absolute; right: 0; top: 0; z-index: 2; opacity: 0; transition: 0.3s;}
.nn22-trening-box .cont .aktivnost-list .single .delete div:hover img.on {opacity: 1;}
.nn22-trening-box .cont .aktivnost-list .single .delete div:hover img.off {opacity: 0;}
.nn22-trening-box .cont .aktivnost-list .single .delete:hover img.off {}
.nn22-trening-box .cont .text-napomena {line-height: 1.3em; max-width: unset; text-align: center; width: 100%; margin-top: 5px;}
.nn22-trening-box .cont .text-napomena b {}

.nn22-trening-box .cont .dugme {display: flex; flex-direction: column; margin-top: 10px;}
.nn22-trening-box .cont .dugme a {width: 100%; background-color: #63AC9F; border-radius: 6px; display: flex; flex-direction: row; align-items: center; justify-content: center; line-height: 1; padding: 10px; color: #fff; letter-spacing: 0.2em; text-transform: uppercase; font-weight: 700;}
.nn22-trening-box .cont .dugme a:hover {background-color: #fff; color: #63AC9F; box-shadow: inset 0px 0px 0px 1px #63AC9F;}
.nn22-trening-box .cont .dugme a:hover svg {fill: #63AC9F;}
.nn22-trening-box .cont .dugme a svg {height: 16px; width: auto; fill: #ffffff; margin-right: 10px; transition: 0.3s;}

.nn22-bedz-trening {display: flex; flex-direction: row; align-items: center; margin-bottom: 15px;}
.nn22-bedz-trening span {flex: 1;}
.nn22-bedz-trening span img {width: 100%; height: auto;}

.nn22-trening-box .cont .lista {width: 100%;}
.nn22-trening-box .cont .lista ul {width: 100%;}
.nn22-trening-box .cont .lista ul li {list-style-type: none; margin-bottom: 8px; position: relative; padding-left: 20px; line-height: 1.2em;}
.nn22-trening-box .cont .lista ul li:last-child {margin-bottom: 0;}
.nn22-trening-box .cont .lista.zelena ul li::before {content: ''; width: 13px; height: 10px; display: block; background-image: url(../svg/nn22-check-zelena.svg); background-repeat: no-repeat; background-size: contain; position: absolute; top: 6px; left: 0px;}
.nn22-trening-box .cont .lista.crvena ul li::before {content: ''; width: 13px; height: 10px; display: block; background-image: url(../svg/nn22-x-crveni.svg); background-repeat: no-repeat; background-size: contain; position: absolute; top: 6px; left: 0px;}

.dnevne-kalorije {width: 100%; display: flex; flex-direction: column; align-items: center;}
.dnevne-kalorije .kalorije {width: 100%; display: flex; flex-direction: row; align-items: center;}
.kalkulator-kalorija .dnevne-kalorije .kalorije {padding: 0 10px;}
.dnevne-kalorije .kalorije .left {flex: 1; display: flex; flex-direction: column;}
.dnevne-kalorije .kalorije .left .top {padding: 5px 5px 5px 10px; border-left: 1px solid #C4C4C4; margin-bottom: 10px;}
.dnevne-kalorije .kalorije .left .top span {line-height: 1; display: block;}
.dnevne-kalorije .kalorije .left .top div {display: flex; flex-direction: row; align-items: flex-end; margin-top: 6px;}
.dnevne-kalorije .kalorije .left .top img {height: 16px; width: auto; margin-right: 3px;}
.dnevne-kalorije .kalorije .left .top h2 {color: #333; font-weight: 600; margin-right: 2px; line-height: 1;}
.dnevne-kalorije .kalorije .left .top p {line-height: 1;}
.dnevne-kalorije .kalorije .left .bottom {padding: 5px 5px 5px 10px; border-left: 1px solid #C4C4C4;}
.dnevne-kalorije .kalorije .left .bottom span {line-height: 1.2em; display: block;}
.dnevne-kalorije .kalorije .left .bottom div {display: flex; flex-direction: row; align-items: flex-end; margin-top: 6px;}
.dnevne-kalorije .kalorije .left .bottom img {height: 16px; width: auto; margin-right: 3px;}
.dnevne-kalorije .kalorije .left .bottom h2 {color: #333; font-weight: 600; margin-right: 2px; line-height: 1;}
.dnevne-kalorije .kalorije .left .bottom p {line-height: 1;}
.dnevne-kalorije .kalorije .right {width: 100px; height: 100px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.dnevne-kalorije .kalorije .right img {width: 100px; height: auto; position: absolute; left: 0; top: 0; z-index: 1; animation: rotacija infinite 10s linear;}
.dnevne-kalorije .kalorije .right h2 {position: relative; z-index: 2; line-height: 1; font-weight: 600; color: #C59332;}
.dnevne-kalorije .kalorije .right span {position: relative; z-index: 2; line-height: 1.1em; margin-top: 2px;}
.dnevne-kalorije .nutrijenti {width: 100%; display: flex; flex-direction: row; border-top: 1px solid #C4C4C4; margin-top: 15px; padding: 10px 10px 0 10px;}
.dnevne-kalorije .nutrijenti .single {flex: 1; margin-right: 15px;}
.dnevne-kalorije .nutrijenti .single:last-child {margin-right: 0;}
.dnevne-kalorije .nutrijenti .single h3 {color: #333; line-height: 1;}
.dnevne-kalorije .nutrijenti .single h3::after {content: ''; width: 100%; height: 2px; display: block; margin: 6px 0;}
.dnevne-kalorije .nutrijenti .single span {line-height: 1; display: block;}
.dnevne-kalorije .nutrijenti .single.proteini h3::after {background: linear-gradient(89.98deg, #92528C -0.8%, rgba(146, 82, 140, 0) 126.73%);}
.dnevne-kalorije .nutrijenti .single.masti h3::after {background: linear-gradient(89.98deg, #C59332 -0.8%, rgba(197, 147, 50, 0) 126.73%);}
.dnevne-kalorije .nutrijenti .single.uh h3::after {background: linear-gradient(89.98deg, #E9A593 -0.8%, rgba(233, 165, 147, 0) 126.73%);}

@keyframes rotacija {from { transform: rotate(0deg); } to { transform: rotate(360deg); }}

/*------------------------------------*\
    TRENING NOVI 0922 RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .tr-columns {flex-direction: row; align-items: flex-start; margin-top: 50px;}
  .nema-video .tr-columns {margin-top: 0;}
  .tr-columns .col {max-width: 330px;}
  .tr-columns .col.first {margin-right: 30px;}
  .nn22-trening-box .cont .row-first .right .ikona:hover img {display: block;}
  .nn22-trening-box .cont .row-first .right .ikona:hover {background-color: #63AC9F; border: 1px solid #63AC9F;}
  .nn22-trening-box .cont .row-first .right .ikona.active:hover {border: 1px solid #C59332; background-color: #C59332;}
  .nn22-bedz-trening {margin-bottom: 10px;}
}

@media screen and (min-width:1024px) {
  .pmrc-sala-trening.nn22-trening {padding: 30px 0;}
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    ISHRANA 0922 SECTION
\*------------------------------------*/

.nn22-ishrana .ishrana-slider .slide-content .pic-row-content .accordian {padding: 0;}
.nn22-ishrana .ishrana-slider .slide-content .pic-row-content .accordian .acc-content {display: block; padding: 0; margin-bottom: 10px;}
.nn22-ishrana .ishrana-slider .slide-content .pic-row-content .accordian .nutri-vrijednosti-plan {display: block;}
.nn22-ishrana .ishrana-slider .slide-content .dodaj-kalkulator {display: block;}
.nn22-ishrana .ishrana-slider .slide-content .pic-row-content .accordian .acc-content ul li {margin-bottom: 0;}

.nn22-ishrana {max-width: 1100px; width: 100%;}
.nn22-ishrana .ishrana-slider-cont {width: 100%;}
.nn22-ishrana .ishrana-slider {width: 100%; display: flex; flex-direction: row;}
.nn22-ishrana .ishrana-slider .slick-arrow {display: none !important;}
.slick-slide.slick-active .slide {min-height: 325px !important; height: auto !important;}
.slick-slide.slick-active.slick-cloned .slide {min-height: 325px !important; height: auto !important;}
.nn22-ishrana .ishrana-slider .slide {height: 325px; background-color: rgba(255,255,255,0.5); box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px; overflow: hidden; display: flex; flex-direction: column; width: 100%; flex: 1; transition: 0.3s;}
.nn22-ishrana .ishrana-slider .slick-slide div {margin-right: 10px;}
.nn22-ishrana .ishrana-slider .slick-slide .slide div {margin-right: 0;}
.nn22-ishrana .ishrana-slider .slick-list {padding: 10px 0 10px 3px;}
.nn22-ishrana .ishrana-slider .slide-header {font-weight: 600; text-align: center; padding: 9px 10px; background-color: #fff; text-transform: uppercase; letter-spacing: 0.4em; line-height: 1;}
.nn22-ishrana .ishrana-slider .slide-content {width: 100%; padding: 15px; flex: 1; overflow-y: auto; overflow-x: hidden;}
.nn22-ishrana .ishrana-slider .slide-content ul {}
.nn22-ishrana .ishrana-slider .slide-content li {list-style-type: none;}
.nn22-ishrana .ishrana-slider .slide-content .slide-content-header {width: 100%; display: flex; flex-direction: row; align-items: flex-start; cursor: pointer;}
.nn22-ishrana .ishrana-slider .slide-content .meni-lista.fitnes-program .slide-content-header {cursor: unset;}
.nn22-ishrana .ishrana-slider .slide-content .slide-content-header .left {flex: 1;}
.nn22-ishrana .ishrana-slider .slide-content .slide-content-header .left .top {letter-spacing: 0.32em; text-transform: uppercase; color: #C79532; font-weight: 600; line-height: 1; margin-bottom: 8px;}
.nn22-ishrana .ishrana-slider .slide-content .slide-content-header .left .input-box input {appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; outline: none; background-color: #fff; padding: 6px 10px; width: 100%; text-align: left;}
.nn22-ishrana .ishrana-slider .slide-content .slide-content-header .left .bottom {font-weight: 600; line-height: 1.3em; overflow: hidden; height: 21px; transition: 0.3s;}
.nn22-ishrana .ishrana-slider .slide-content .slide-content-header .right {margin-left: 20px; padding-top: 10px;}
.nn22-ishrana .ishrana-slider .slide-content li.active .slide-content-header .right img {transform: rotate(180deg);}
.nn22-ishrana .ishrana-slider .slide-content .slide-content-header:hover .left .bottom {color: #C79532;}
.nn22-ishrana .ishrana-slider .slide-content .slide-content-header .right img {height: 18px; width: auto; transition: 0.3s;}
.nn22-ishrana .ishrana-slider .slide-content .pic-row-content {display: none; padding: 0;}
.nn22-ishrana .ishrana-slider .slide-content li.active .pic-row-content {display: block;}
.nn22-ishrana .ishrana-slider .slide-content ul.meni-lista li {margin-bottom: 15px;}
.nn22-ishrana .ishrana-slider .slide-content ul.meni-lista li:last-child {margin-bottom: 0;}
.nn22-ishrana .ishrana-slider .slide-content li.active .slide-content-header .left .bottom {height: auto; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #c4c4c4;}
.nn22-ishrana .ishrana-slider .slide-footer {width: 100%; background: #FFFFFF; display: flex; flex-direction: column; align-items: center; box-shadow: 0px -1px 6px rgb(0 0 0 / 20%);}
.nn22-ishrana .ishrana-slider .slide-footer .dugme {text-transform: uppercase; color: #C59332; font-weight: 600; display: flex; flex-direction: row; align-items: center; line-height: 1; padding: 10px; cursor: pointer;}
.nn22-ishrana .ishrana-slider .slide-footer .dugme .icon {display: flex; width: 17px; height: 17px; background-color: #C59332; border-radius: 100%; align-items: center; justify-content: center; margin-left: 5px; transition: 0.3s;}
.nn22-ishrana .ishrana-slider .slide-footer .dugme .icon img {height: 10px; width: auto; transition: 0.3s;}
.nn22-ishrana .ishrana-slider .slide-footer .dugme:hover {color: #63ac9f;}
.nn22-ishrana .ishrana-slider .slide-footer .dugme:hover .icon {background-color: #63ac9f;}
.nn22-ishrana .ishrana-slider .slide-footer .dugme:hover .icon img {transform: rotate(360deg);}
.nn22-ishrana .is-arrows {width: 100%; display: flex; flex-direction: row; align-items: center; padding: 10px 20px;}
.nn22-ishrana .is-arrows img {height: 20px; width: auto; transition: 0.3s; cursor: pointer;}
.nn22-ishrana .is-arrows .prev-arrow-is {flex: 1; display: flex; flex-direction: row; justify-content: flex-start;}
.nn22-ishrana .is-arrows .prev-arrow-is img {}
.nn22-ishrana .is-arrows .next-arrow-is {flex: 1; display: flex; flex-direction: row; justify-content: flex-end;}
.nn22-ishrana .is-arrows .prev-arrow-is.slick-disabled img {opacity: 0;}

.ishrana-buttons {display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; justify-content: center; margin-top: 20px; margin-bottom: 20px;}
.ishrana-buttons .single {display: flex; flex-direction: column; align-items: center; width: 90px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; cursor: pointer; transition: 0.3s; position: relative;}
.ishrana-buttons .single a {position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0;}
.ishrana-buttons .single.active .title {font-weight: 600;}
.ishrana-buttons .single .button-holder {width: 90px; height: 90px; border-radius: 100%; background: #FFFFFF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.ishrana-buttons .single:hover .button-holder img {transform: rotate(360deg);}
.ishrana-buttons .single .button-holder img {height: 38px; width: auto; transition: 0.6s;}
.ishrana-buttons .single .title {text-align: center; margin-top: 10px; line-height: 1.1em; transition: 0.3s;}

.nn22-box {background-color: rgba(255,255,255,0.5); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); border-radius: 13px; display: flex; flex-direction: column; width: 100%; overflow: hidden;}
.nn22-box .header {font-weight: 600; text-align: center; padding: 7px 10px; background-color: #fff; line-height: 1; color: #333;}
.kalkulator-kalorija {display: none; position: relative;}
.active.kalkulator-kalorija {display: flex;}
.kalkulator-kalorija .dozvoljeno {display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; background-color: #C59332; padding: 15px; background-image: url('../svg/nn22-preporuceni-val.svg'); background-repeat: no-repeat; background-size: 100%; background-position: bottom center;}
.kalkulator-kalorija .dozvoljeno .dozvoljeno-single {flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center;}
.kalkulator-kalorija .dozvoljeno .dozvoljeno-single p {font-weight: 600; line-height: 1; margin-bottom: 5px; color: #fff;}
.kalkulator-kalorija .dozvoljeno .dozvoljeno-single span {color: #fff; text-transform: uppercase; line-height: 1; display: block; width: unset; height: unset; background-color: unset;}
.kalkulator-kalorija .kalkulator-cont {padding: 20px;}
.kalkulator-kalorija .dnevne-kalorije-cont {padding: 0 20px 20px 20px;}
.kalkulator-kalorija .dnevne-kalorije-cont .dnevne-kalorije {border-top: 1px solid #C4C4C4; padding-top: 20px;}

.izracunaj-vodu {background-image: url(../svg/nn22-izracunaj-vodu-bck.svg); background-repeat: no-repeat; background-position: bottom; background-size: 100%; display: none;}
.izracunaj-vodu.active {display: block;}
.iv-cont {width: 100%; display: flex; flex-direction: column; align-items: center; padding: 0 20px;}
.iv-cont .top {width: 100%; border-bottom: 1px solid #C4C4C4; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 15px 0 10px;}
.iv-cont .top p {display: inline-block; line-height: 1;}
.iv-cont .top span {display: inline-block; line-height: 1; color: #333; margin-top: 5px; margin-right: 5px;}
.iv-cont .middle {width: 100%; display: flex; flex-direction: row; padding-top: 20px; justify-content: center; padding-bottom: 47px;}
.iv-cont .middle .kap-vode {position: relative; margin-top: 4px;}
.iv-cont .middle .kap-vode img.kap-vode-img {height: 70px; width: auto; position: relative; z-index: 2;}
.iv-cont .middle .kap-vode svg {position: absolute; z-index: 1; top: 0px; left: 0px;}
.iv-cont .middle .kap-vode svg g rect {transition: 0.6s;}
.iv-cont .middle .meta {margin-left: 10px;}
.iv-cont .middle .meta h3 {font-family: 'Playfair Display', serif; font-weight: 400; line-height: 1; margin-bottom: 6px;}
.iv-cont .middle .meta p {line-height: 1;}
.iv-cont .bottom {width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; padding-bottom: 13px;}
.iv-cont .bottom .casa-vode {margin-right: 10px; color: #fff; display: flex; flex-direction: column; align-items: center;}
.iv-cont .bottom .casa-vode img {height: 28px; width: auto;}
.iv-cont .bottom .casa-vode span {width: 100%; text-align: center; line-height: 1; display: block; margin-top: 3px;}
.iv-cont .bottom .dodaj {display: flex; flex-direction: row; align-items: center; color: #fff; cursor: pointer; transition: 0.3s;}
.iv-cont .bottom .dodaj:hover img {transform: rotate(360deg);}
.iv-cont .bottom .dodaj:hover {color: #275565;}
.iv-cont .bottom .dodaj img {margin-right: 5px; transition: 0.6s;}

.planer-obroka {display: none;}
.planer-obroka.active {display: block;}
.po-cont {width: 100%; padding: 15px 15px 9px 15px; display: flex; flex-direction: column; align-items: flex-start;}
.po-cont .single {width: 100%; display: flex; flex-direction: row; align-items: center; text-transform: uppercase; border-bottom: 1px solid #C4C4C4; line-height: 1; padding: 7px 0;}
.po-cont .single:last-child {border-bottom: 0;}
.po-cont .single div {padding: 0 10px;}
.po-cont .single div.first {flex: 1; text-align: left;}
.po-cont .single div.second {text-align: left; color: #AC1660; letter-spacing: 0.16em;}
.po-cont .single div.delete {}
.po-cont .single div.delete span {display: block; position: relative; cursor: pointer;}
.po-cont .single div.delete span:hover img.off {opacity: 0;}
.po-cont .single div.delete span:hover img.on {opacity: 1;}
.po-cont .single div.delete span img {height: 9px; width: auto; transition: 0.3s;}
.po-cont .single div.delete span img.off {position: relative; z-index: 1; opacity: 1;}
.po-cont .single div.delete span img.on {position: absolute; left: 0; top: 0; z-index: 2; opacity: 0;}
.planer-obroka .footer {width: 100%; background-color: #AC1660; display: flex; flex-direction: column; align-items: center; position: relative; transition: 0.3s;}
.planer-obroka .footer:hover {background-color: #C59332;}
.planer-obroka .footer:hover span img {transform: rotate(360deg);}
.planer-obroka .footer a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2;}
.planer-obroka .footer span {display: flex; flex-direction: row; align-items: center; text-align: center; color: #fff; text-transform: uppercase; line-height: 1; padding: 7px;}
.planer-obroka .footer span img {height: 15px; width: auto; margin-right: 7px; transition: 0.6s;}
.kupovina-0922 .planer-obroka {margin-bottom: 30px; max-width: 500px;}

.krsi-ovako {display: none;}
.krsi-ovako.active {display: block;}
.ko-cont {width: 100%; padding: 15px 20px 0;}
.ko-cont .top {border-bottom: 1px solid #C4C4C4; padding: 0 5px 15px; margin-bottom: 20px; line-height: 1.2em;}
.krsi-ovako .ko-cont .top {text-align: center;}
.ko-cont .bottom {width: 100%;}
.ko-cont .bottom .buttons {display: flex; flex-direction: row; flex-wrap: wrap;}
.ko-cont .bottom .buttons span {display: flex; flex-direction: column; align-items: center; width: 50%; text-transform: uppercase; margin-bottom: 20px; line-height: 1; padding: 0 10px; cursor: pointer; transition: 0.3s;}
.ko-cont .bottom .buttons span:hover img {-webkit-animation:jello-horizontal .6s both;animation:jello-horizontal .6s both}
.ko-cont .bottom .buttons span:hover {color: #92528C;}
.ko-cont .bottom .buttons span img {height: 93px; width: auto; margin-bottom: 10px; transition: 0.6s;}
@-webkit-keyframes jello-horizontal{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jello-horizontal{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.ko-cont .top .top-buttons {display: flex; flex-direction: row; align-items: center;}
.ko-cont .top .top-buttons .back-button {margin-right: 10px; cursor: pointer;}
.ko-cont .top .top-buttons .back-button:hover img {transform: rotate(540deg);}
.ko-cont .top .top-buttons .back-button img {height: 15px; width: auto; transform: rotate(180deg); transition: 0.6s;}
.ko-cont .top .top-buttons .title {display: flex; flex-direction: row; align-items: center; text-transform: uppercase; letter-spacing: 0.195em; line-height: 1; flex: 1;}
.ko-cont .top .top-buttons .title img {height: 14px; width: auto; margin-right: 5px;}
.ko-cont .bottom .krsi-ovako-text {padding-bottom: 15px;}
.ko-cont .bottom .krsi-ovako-text p {counter-increment: step-counter; line-height: 1.2em; margin-bottom: 10px; position: relative; margin-left: 17px;}
.ko-cont .bottom .krsi-ovako-text p::before {content: counter(step-counter) "."; position: absolute; left: -17px; top: 0; z-index: 2; font-weight: 600;}
.krsi-ovako-u-gostima {display: none;}
.krsi-ovako-u-gostima.active {display: block;}
.krsi-ovako-u-restoranu {display: none;}
.krsi-ovako-u-restoranu.active {display: block;}
.krsi-ovako-napad-gladi {display: none;}
.krsi-ovako-napad-gladi.active {display: block;}
.krsi-ovako-manjak-vremena {display: none;}
.krsi-ovako-manjak-vremena.active {display: block;}

.pm-content-po-cont {display: flex; flex-direction: column; width: 100%;}
.pm-content-po-cont .single {border-bottom: 1px solid #C4C4C4; display: flex; flex-direction: row; align-items: center; padding-bottom: 5px; line-height: 1; padding-top: 5px;}
.pm-content-po-cont div {text-transform: uppercase; padding: 0 5px;}
.pm-content-po-cont div.first {flex: 1;}
.pm-content-po-cont div.second {}
.pm-content-po-cont .ikona {width: 16px; height: 16px; border: 1px solid #C59332; background-color: #fff; border-radius: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s;}
.pm-content-po-cont .ikona:hover {background-color: #C59332;}
.pm-content-po-cont .ikona:hover img.check {display: block;}
.pm-content-po-cont .ikona.active {background-color: #C59332;}
.pm-content-po-cont .ikona img.check {height: 7px; width: auto; display: none;}
.pm-content-po-cont .ikona img.delete {height: 7px; width: auto; display: none;}
.pm-content-po-cont .ikona.active img.check {display: block;}
.pm-content-po-cont .ikona.checked {background-color: #63AC9F; border: 1px solid #63AC9F;}
.pm-content-po-cont .ikona.checked img.check {display: block;}
.pm-content-po-cont .ikona.checked:hover img.check {display: none;}
.pm-content-po-cont .ikona.checked:hover img.delete {display: block;}
.pm-content-po-cont .ikona.checked:hover {background-color: #FC8181; border: 1px solid #FC8181;}

.nn22-notif {display: flex; flex-direction: column-reverse; align-items: flex-start;}
.nn22n-poruke {width: 100%; display: flex; flex-direction: column; align-items: center;}
.nn22n-poruke .single {width: 100%; background: #FFFFFF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); border-radius: 13px; padding: 20px; position: relative; margin-bottom: 20px;}
.nn22n-poruke .single::after {content: ''; background-color: #C59332; background-image: url(../svg/notif-icon.svg); width: 24px; height: 24px; display: block; border-radius: 100%; background-repeat: no-repeat; background-size: 15px 15px; background-position: center; box-shadow: -1px 1px 3px rgb(0 0 0 / 25%); position: absolute; top: -7px; right: -10px;}
.nn22n-poruke .single .content {display: flex; flex-direction: row; align-items: center;}
.nn22n-poruke .single .content .icon {width: 40px; height: 40px; border-radius: 100%; margin-right: 10px; position: relative; background-repeat: no-repeat; background-position: center; background-size: 20px auto;}
.nn22n-poruke .single .content .icon::before {content: ''; width: 20px; height: 20px; display: block; border-radius: 100%; position: absolute; right: -5px; top: -5px; box-shadow: -1px 1px 3px rgb(0 0 0 / 25%); background-repeat: no-repeat; background-position: center; background-size: 14px auto;}
.nn22n-poruke .single .content .text {flex: 1;}
.nn22n-poruke .single .content p {line-height: 1.3em; font-weight: 400; margin-bottom: 10px;}
.nn22n-poruke .single .content p:last-child {margin-bottom: 0;}
.nn22n-poruke .single .content p span {font-weight: 600;}
.nn22n-poruke .single .content p u {font-weight: 600;}

.nn22n-poruke .single.trening .content .icon {background-color: #63AC9F; background-image: url(../svg/notif-trening.svg);}
.nn22n-poruke .single.trening .content .icon::before {background-color: #63AC9F; background-image: url(../svg/notif-smiley-on.svg);}
.nn22n-poruke .single.trening .content p span {color: #63AC9F;}
.nn22n-poruke .single.trening.off .content .icon {background-color: #E9A593;}
.nn22n-poruke .single.trening.off .content .icon::before {background-color: #E9A593; background-image: url(../svg/notif-smiley-off.svg);}
.nn22n-poruke .single.trening.off .content p span {color: #E9A593;}

.nn22n-poruke .single.ishrana .content .icon {background-color: #63AC9F; background-image: url(../svg/notif-nutri.svg);}
.nn22n-poruke .single.ishrana .content .icon::before {background-color: #63AC9F; background-image: url(../svg/notif-smiley-on.svg);}
.nn22n-poruke .single.ishrana .content p span {color: #63AC9F;}
.nn22n-poruke .single.ishrana.off .content .icon {background-color: #E9A593;}
.nn22n-poruke .single.ishrana.off .content .icon::before {background-color: #E9A593; background-image: url(../svg/notif-smiley-off.svg);}
.nn22n-poruke .single.ishrana.off .content p span {color: #E9A593;}

.nn22n-poruke .single.osnovna .content .icon {background-color: #C59332; background-image: url(../svg/notif-body.svg);}
.nn22n-poruke .single.osnovna .content .icon::before {display: none;}
.nn22n-poruke .single.osnovna .content p span {color: #C59332;}

/*------------------------------------*\
    ISHRANA 0922 RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .ishrana-buttons {justify-content: flex-start; margin-top: 0; margin-bottom: 0;}
  .ishrana-buttons .single {margin-right: 30px; margin-left: 0; margin-bottom: 30px; width: 100px;}
  .nn22-box {max-width: 320px;}
  .ishrana-buttons .single .button-holder {width: 100px; height: 100px;}
  .ishrana-buttons .single .button-holder img {height: 48px;}
  .planer-obroka.shoping-lista-stranica  .po-cont .single div.second {width: 17%;}
  .nn22-ishrana .ishrana-slider .slide-content ul.meni-lista li {margin-bottom: 20px;}
  .nn22-notif {flex-direction: row;}
  .nn22n-poruke {max-width: 320px;}
  .active.kalkulator-kalorija, .active.izracunaj-vodu, .active.planer-obroka, .active.krsi-ovako, .active.krsi-ovako-u-gostima, .active.krsi-ovako-u-restoranu, .active.krsi-ovako-napad-gladi, .active.krsi-ovako-manjak-vremena {margin-right: 30px;}
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width:1140px) {
  .ishrana-buttons .single:hover .title {color: #C59332;}
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    ISHRANA PRINT
\*------------------------------------*/

.pm-right.print .nn22-ishrana .ishrana-slider-cont {display: block; float: none;}
.pm-right.print .pmrc-header .pmrch-print {display: none;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont .slide {margin-bottom: 40px;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont .slide .slide-header {font-weight: 600; text-align: left; padding: 10px; text-transform: uppercase; letter-spacing: 0.4em; line-height: 1; background-color: #646464; color: #fff; margin-bottom: 10px;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont .slide-content ul.meni-lista li {border: 1px solid #646464; padding: 10px; break-inside: avoid-page !important; list-style-type: none; margin-bottom: 20px; position: relative;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont .slide-content ul.meni-lista li::before {content: url(https://atika.net/wp-content/themes/atika/img/atika-logo.svg); display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 0.2;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont .slide-content .pic-row-content {padding: 0;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont .slide-content .pic-row-content .accordian .acc-content ul li {border: 0; padding: 0; break-inside: none !important; margin-bottom: 0;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont .slide-content .pic-row-content .accordian .acc-content ul li::before {display: none;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont .slide-content .slide-content-header .left .top {letter-spacing: 0.32em; text-transform: uppercase; font-weight: 600; line-height: 1; margin-bottom: 8px;}
.pm-right.print .nn22-ishrana {max-width: unset;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont {flex-direction: column;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont .slide-content .pic-row-content {display: block;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont .slide-content .pic-row-content .accordian .acc-content {display: block;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont .slide-content .pic-row-content .accordian .nutri-vrijednosti-plan {display: block;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont .slide-content .dodaj-kalkulator {display: none;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont .slide-footer {display: none;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont .slide-content .slide-content-header .left .bottom {height: auto; font-weight: 600;}
.pm-right.print .nn22-ishrana .ishrana-slider-cont .slide-content .slide-content-header .right {display: none;}
.pm-right.print .nn22-ishrana .is-arrows {display: none;}

@media print {
.tijelo {background-image: none; background-color: #fff; color: #000 !important;}
.tijelo header {position: relative;}
.platform-main {margin-top: 10px;}
.pmr-content {padding: 10px;}
.pmrc-header .pmrch-print {display: none;}
.nn22-ishrana .ishrana-slider-cont {display: block; float: none;}
.nn22-ishrana .ishrana-slider-cont .slide {height: unset; background-color: #fff; box-shadow: none; border-radius: 0; page-break-after: always !important; position: relative; display: block; overflow: unset; flex: unset; margin-bottom: 40px;}
.nn22-ishrana .ishrana-slider-cont .slide .slide-header {font-weight: 600; text-align: left; padding: 10px; text-transform: uppercase; letter-spacing: 0.4em; line-height: 1; background-color: #646464; color: #fff; margin-bottom: 10px;}
.nn22-ishrana .ishrana-slider-cont .slide-content ul.meni-lista li {border: 1px solid #646464; padding: 10px; break-inside: avoid-page !important; margin-bottom: 20px;}
.nn22-ishrana .ishrana-slider-cont .slide-content .pic-row-content {padding: 0;}
.nn22-ishrana .ishrana-slider-cont .slide-content .pic-row-content .accordian .acc-content ul li {border: 0; padding: 0; break-inside: none !important; margin-bottom: 0;}
.nn22-ishrana .ishrana-slider-cont .slide-content .slide-content-header .left .top {letter-spacing: 0.32em; text-transform: uppercase; font-weight: 600; line-height: 1; margin-bottom: 8px;}
.nn22-ishrana {max-width: unset;}
.nn22-ishrana .ishrana-slider-cont {flex-direction: column;}
.nn22-ishrana .ishrana-slider-cont .slide-content .pic-row-content {display: block;}
.nn22-ishrana .ishrana-slider-cont .slide-content .pic-row-content .accordian .acc-content {display: block;}
.nn22-ishrana .ishrana-slider-cont .slide-content .pic-row-content .accordian .acc-content .nutri-vrijednosti-plan {display: block;}
.nn22-ishrana .ishrana-slider-cont .slide-content .dodaj-kalkulator {display: none;}
.nn22-ishrana .ishrana-slider-cont .slide-footer {display: none;}
.nn22-ishrana .ishrana-slider-cont .slide-content .slide-content-header .left .bottom {height: auto; font-weight: 600;}
.nn22-ishrana .ishrana-slider-cont .slide-content .slide-content-header .right {display: none;}
.nn22-ishrana .ishrana-slider-cont .slide-content .slide-content-header:hover .left .bottom {color: #000;}
.nn22-ishrana .is-arrows {display: none;}
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    PRATI PROGRES
\*------------------------------------*/

#box-progres {min-height: 600px;}
.prati-progres-cont {display: flex; flex-direction: column; width: 100%;}
.ppc-kartice {width: calc(100vw - 40px); max-width: 750px; min-width: 320px; display: flex; flex-direction: column;}
.ppck-header {display: flex; flex-direction: row; padding-left: 13px; position: relative; z-index: 2;}
.ppck-header .title {background: #FAF5F3; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 17.5px 17.5px 0px 0px; text-transform: uppercase; padding: 12px 15px; color: #D4D4D4; letter-spacing: 0.2em; text-align: center; margin-right: 10px; line-height: 1; cursor: pointer;}
.ppck-header .title.active {background: #FFFFFF; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 17.5px 17.5px 0px 0px; color: #646464;}
.ppck-header .title.active::after {content: ''; height: 7px; background-color: #fff; display: block; position: absolute; left: 13px; top: 100%; right: 13px;}
.ppck-content-cont {display: none;}
.ppck-content-cont.active {display: block;}
.ppck-content {width: 100%; height: 100%; min-height: 215px;  background: #FFFFFF; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px; position: relative; z-index: 1;}
.ppck-content.progres::before {content: ''; width: 40px; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); border-radius: 13px 0px 0px 13px; z-index: 5;}
.pp-progres-cont {display: flex; width: 100%; padding: 20px 0; overflow-x: auto; flex-direction: row;}
.pp-progres-cont .dan {display: flex; flex-direction: column; margin: 0 7px;}
.pp-progres-cont .dan:first-child {margin: 0 7px 0 25px;}
.pp-progres-cont .dan:first-child .dan-cont .separator {left: -25px;}
.pp-progres-cont .dan:last-child {margin: 0 25px 0 7px;}
.pp-progres-cont .dan:last-child .dan-cont .separator {right: -25px;}
.pp-progres-cont .ishrana-trening {height: 80px; position: relative;}
.pp-progres-cont .dan-cont {position: relative; padding: 0 7px; min-width: 80px; height: 162px;}
.pp-progres-cont .dan-cont .separator {position: absolute; height: 2px; background-color: #646464; z-index: 3; left: -7px; right: -7px;}
.pp-progres-cont .dan-cont::before {content: ''; background: linear-gradient(0deg, rgba(238, 238, 238, 0) 0%, #EEEEEE 50%, rgba(238, 238, 238, 0) 100%); width: 1px; height: 100%; display: block; position: absolute; left: 0; bottom: 0; z-index: 1;}
.pp-progres-cont .dan-cont::after {content: ''; background: linear-gradient(0deg, rgba(238, 238, 238, 0) 0%, #EEEEEE 50%, rgba(238, 238, 238, 0) 100%); width: 1px; height: 100%; display: block; position: absolute; right: 0; bottom: 0; z-index: 1;}
.pp-progres-cont .date {text-align: center;letter-spacing: 0.2em;text-transform: uppercase; color: #D4D4D4; margin: 0 3px; line-height: 1; min-height: 11.01px;}
.pp-progres-cont .single {display: none; flex-direction: column; align-items: center;}

.pp-progres-cont .single.ispunjeno::after {content: ''; width: 30px; height: 30px; display: block; border-radius: 6px 6px 0px 0px;}
.pp-progres-cont .single.ispunjeno::after {background-color: #63AC9F;}
.pp-progres-cont .single.nije-ispunjeno::before {content: ''; width: 30px; height: 30px; display: block; border-radius: 0px 0px 6px 6px;}
.pp-progres-cont .single.nije-ispunjeno::before {background-color: #E9A593;}
.pp-progres-cont .single.ispunjeno {position: absolute; bottom: 0; display: flex;}
.pp-progres-cont .single.ispunjeno.ishrana {left: 0px;}
.pp-progres-cont .single.ispunjeno.trening {right: 0px;}
.pp-progres-cont .single.nije-ispunjeno {position: absolute; top: 100%; margin-top: 2px; display: flex;}
.pp-progres-cont .single.nije-ispunjeno.ishrana {left: 0;}
.pp-progres-cont .single.nije-ispunjeno.trening {right: 0;}
.pp-progres-cont .single img {display: none;}
.pp-progres-cont .ishrana.ispunjeno img.on {display: block; margin-bottom: 5px;}
.pp-progres-cont .ishrana.nije-ispunjeno img.off {display: block; margin-top: 5px;}
.pp-progres-cont .trening.ispunjeno img.on {display: block; margin-bottom: 5px;}
.pp-progres-cont .trening.nije-ispunjeno img.off {display: block; margin-top: 5px;}
.ppck-footer {width: 100%; display: flex; flex-direction: row; margin-top: 10px; padding: 0 10px;}
.ppck-footer .left {flex: 1; display: flex; flex-direction: column;}
.ppck-footer .right {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end;}
.ppck-footer .right span {margin-right: 0;}
.ppck-footer .top {display: flex; flex-direction: row; text-transform: uppercase; margin-bottom: 10px;}
.ppck-footer .bottom {display: flex; flex-direction: row; align-items: center;}
.ppck-footer span {display: flex; flex-direction: row; line-height: 1; align-items: center; margin-right: 10px;}
.ppck-footer span img {height: 15px; width: auto; margin-right: 5px;}
.ppck-footer .bottom .ispunjeno::before {content: ''; width: 10px; height: 10px; display: block; background-color: #63AC9F; border-radius: 100%; margin-right: 5px;}
.ppck-footer .bottom .nije-ispunjeno::before {content: ''; width: 10px; height: 10px; display: block; background-color: #E9A593; border-radius: 100%; margin-right: 5px;}

.pp-statistika-cont {background: linear-gradient(180deg, rgba(238, 238, 238, 0) 50%, #EEEEEE 100%); border-radius: 0px 0px 13px 13px; padding: 0 50px 0 10px; display: flex; flex-direction: row;}
.pp-statistika-ishrana-trening {display: flex; flex-direction: column; height: 100%; min-height: 215px; flex: 1;}
.pp-statistika-cont .middle {flex: 1; display: flex; flex-direction: column;}
.pp-statistika-cont .middle:first-child {margin-bottom: 5px;}
.pp-statistika-cont .middle.trening {flex-direction: column-reverse;}
.pp-statistika-cont .middle .ruler {flex: 1; display: flex; justify-content: space-between; margin-right: 6px;}
.pp-statistika-cont .middle .ruler span {width: 1px; background: linear-gradient(0deg, #E3E3E3 0%, rgba(255, 255, 255, 0) 100%);}
.pp-statistika-cont .middle.trening .ruler span {background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #E3E3E3 100%);}
.pp-statistika-cont .middle .graph {flex: 1; max-height: 20px;}
.pp-statistika-cont .middle .graph .holder {width: 100%; height: 20px; background-color: #E9A593; border-radius: 0 6px 6px 0px;}
.pp-statistika-cont .middle .graph .holder .percent {height: 20px; width: calc((var(--percent) / 100) * 100%); background-color: #63AC9F; position: relative; transition: 0.3s;}
.pp-statistika-cont .middle .graph .holder .percent div {position: absolute; width: 2px; height: 40px; background-color: #646464; right: 0; z-index: 3; display: flex; flex-direction: column; justify-content: flex-end;}
.pp-statistika-cont .middle.ishrana .graph .holder .percent div {bottom: 0;}
.pp-statistika-cont .middle.trening .graph .holder .percent div {top: 0;}
.pp-statistika-cont .middle .graph .holder .percent div::before {counter-reset: percent var(--percent); content: counter(percent) '%'; display: inline-block; margin-left: 6px; color: #63AC9F; font-family: 'Playfair Display', serif; font-weight: 400; font-size: 1em; line-height: 1.3em;}
.pp-statistika-cont .middle.ishrana .graph .holder .percent div::after {content: 'Ishrane ispo\0161 tovano'; display: inline-block; font-size: 0.525em; text-transform: uppercase; line-height: 1.2; position: relative; margin-left: 6px; margin-bottom: 27px;}
.pp-statistika-cont .middle.trening .graph .holder .percent div::after {content: 'Treninga ispo\0161 tovano'; display: inline-block; font-size: 0.525em; text-transform: uppercase; line-height: 1.2; position: relative; margin-left: 6px; margin-bottom: -25px;}
.ppsc-icons {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left: 5px;}
.ppsc-icons img:first-child {margin-bottom: 7px;}
.ppsc-icons img {width: 20px; height: auto;}

.ppc-dimenzije {width: 100%; max-width: 750px; display: flex; flex-direction: column; margin-top: 30px;}
.ppc-dimenzije .left {flex: 1;}
.dimenzije-nove {width: 100%;}
.dimenzije-nove-cont {width: 100%; display: flex; flex-direction: column; position: relative; z-index: 2;}
.dnc-header {display: flex; flex-direction: row; padding-left: 13px; position: relative; z-index: 2;}
.dnc-header .title {background: #FFFFFF; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 17.5px 17.5px 0px 0px; color: #646464; text-transform: uppercase; padding: 12px 15px; letter-spacing: 0.2em; text-align: center; margin-right: 10px; line-height: 1; cursor: pointer;}
.dnc-header .title::after {content: ''; height: 7px; background-color: #fff; display: block; position: absolute; left: 13px; top: 100%; right: 13px;}
.dnc-content {width: 100%; background: #FFFFFF; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 13px; position: relative; z-index: 1; display: flex; flex-direction: row; padding: 10px;}
.dnc-content .col {flex: 1; display: flex; flex-direction: column;}
.dnc-content .col:first-child {margin-right: 10px;}
.dnc-content .col .single {display: flex; flex-direction: row; text-transform: uppercase; align-items: center; letter-spacing: 0.1em; background-color: #FCF9F8; padding: 10px; border-radius: 10px; margin-bottom: 10px;}
.dnc-content .col .single:last-child {margin-bottom: 0;}
.dnc-content .col .single .title {flex: 1; line-height: 1; padding-right: 10px;}
.dnc-content .col .single .value {line-height: 1; display: flex; flex-direction: column; align-items: flex-end;}
.dnc-content .col .single .value span {}
.dnc-content .col .single .value span:first-child {margin-bottom: 7px; color: #E9A593;}
.dnc-content .col .single .value span:last-child {color: #C4C4C4;}
.dimenzije-nove-footer {display: flex; flex-direction: column-reverse; align-items: center; padding: 0 13px; position: relative; z-index: 1;}
.dimenzije-nove-footer .meta {flex: 1; display: flex; flex-direction: row; align-items: center;}
.dimenzije-nove-footer .meta span {letter-spacing: 0.2em; text-transform: uppercase; color: #646464; margin-right: 10px; display: flex; flex-direction: row; align-items: center; font-weight: 600; line-height: 1;}
.dimenzije-nove-footer .meta span::before {content: ''; width: 10px; height: 10px; display: block; border-radius: 100%; margin-right: 5px;}
.dimenzije-nove-footer .meta span.trenutne::before {background-color: #E9A593;}
.dimenzije-nove-footer .meta span.pocetne::before {background-color: #C4C4C4;}
.dimenzije-nove-footer .other {display: flex; flex-direction: row; justify-content: flex-end; margin-bottom: 10px;}
.dimenzije-nove-footer .other a {letter-spacing: 0.2em; text-transform: uppercase; background-color: #63AC9F; border-radius: 0 0 13px 13px; padding: 10px 15px;}
.dimenzije-nove-footer .other a:hover {color: #63AC9F !important; background-color: #fff; box-shadow: unset;}
.ppc-dimenzije .right {width: 100%; padding-top: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.ppc-dimenzije .right .single {background: #63AC9F; box-shadow: 2px 2px 6px rgb(0 0 0 / 20%); border-radius: 100%; width: 130px; height: 130px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff;}
.ppc-dimenzije .right .single:first-child {margin-right: 20px;}
.ppc-dimenzije .right .single img {height: 15px; width: auto; margin-bottom: 4px;}
.ppc-dimenzije .right .single h2 {font-family: 'Playfair Display', serif; font-weight: 400; margin-bottom: 11px;}
.ppc-dimenzije .right .single h3 {line-height: 1; text-transform: uppercase; font-weight: 400; margin-bottom: 2px;}
.ppc-dimenzije .right .single:first-child h3 {margin-bottom: -2px;}
.ppc-dimenzije .right .single h4 {font-family: 'Playfair Display', serif; font-weight: 400;}

/*------------------------------------*\
    PRATI PROGRES RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
  .ppck-content.progres::before {width: 60px;}
  .pp-statistika-cont {padding: 0 70px 0 20px; }
  .pp-statistika-cont .middle .graph .holder .percent div::before {font-size: 1.875em;}
  .pp-statistika-cont .middle.ishrana .graph .holder .percent div::after {font-size: 0.625em;}
  .pp-statistika-cont .middle.trening .graph .holder .percent div::after {font-size: 0.625em; margin-bottom: -45px;}
  .ppsc-icons {margin-left: 10px;}
  .ppc-dimenzije {flex-direction: row;}
  .dimenzije-nove-footer {flex-direction: row;}
  .dimenzije-nove-footer .other {margin-bottom: 0px;}
  .dnc-content {padding: 20px;}
  .ppc-dimenzije .right {width: 130px; padding-top: 40px; margin-left: 10px; flex-direction: column; justify-content: flex-start;}
  .ppc-dimenzije .right .single:first-child {margin-bottom: 10px; margin-right: 0;}
  .dimenzije-nove-footer .meta {min-height: 31px;}
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}

/*------------------------------------*\
    ISHRANA 0823
\*------------------------------------*/

.ishrana0823 {max-width: 1100px; width: 100%; display: flex; flex-direction: column; gap: 20px; margin: 0 0 30px 0;}

.ishrana0823 .left-col {width: 100%; display: flex; flex-direction: column; gap: 20px; position: relative;}
.ishrana0823 .ostalen-float {padding-bottom: 0; bottom: 0;}
.ishrana0823 .ostalen-float-in {height: 100%; box-shadow: unset; padding: 10px;}
.ishrana0823 .ostalen-float-header .naslov {font-size: 0.938em; text-align: center; width: 100%; text-transform: uppercase; letter-spacing: 0.2em;}
.ishrana0823 .ostalen-float-header {margin-bottom: 10px;}
.ishrana0823 .ostalen-float-namirnice {min-height: 330px; max-height: 330px;}
.ishrana0823 .right-col {flex: 1; display: flex; flex-direction: column; gap: 20px;}

.ishrana0823 .jelovnik {width: 100%; border-radius: 13px; background: rgba(255, 255, 255, 0.60); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); padding: 10px;}
.ishrana0823 .jelovnik .jelovnik-slider-cont {width: 100%; display: flex; flex-direction: column; gap: 10px;}
.ishrana0823 .jelovnik .jelovnik-slider-cont .is-arrows {display: flex; flex-direction: row; align-items: center; gap: 10px; justify-content: space-between;}
.ishrana0823 .jelovnik .jelovnik-slider-cont .is-arrows img {cursor: pointer; height: 20px; width: auto;}
.ishrana0823 .jelovnik .jelovnik-slider {width: 100%; display: flex; flex-direction: row;}
.ishrana0823 .jelovnik .js-slide-single {width: 100%; overflow-y: auto; max-height: 100%; height: 340px;}
.ishrana0823 .jelovnik .js-slide-single .title-jelovnik {text-transform: uppercase; text-align: center; letter-spacing: 0.2em; margin-bottom: 10px;}
.ishrana0823 .jelovnik .js-slide-single .content {display: flex; flex-direction: column; gap: 10px;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo {background-color: #fff; border-radius: 10px; padding: 10px 10px 20px 10px; display: flex; flex-direction: column; gap: 10px; transition: 0.3s; position: relative;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo.active {}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .strelica {position: absolute; z-index: 2; left: 50%; bottom: 10px; transform: translate(-50%, 0px); transition: 0.3s;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .click-pop {position: absolute; left: 0; right: 0; bottom: 0; height: 25px; z-index: 3;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo.active .strelica {opacity: 0;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo.dodano {box-shadow: inset 0 0 0 1px #63AC9F;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .header {display: flex; flex-direction: row; align-items: center; gap: 10px;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .header .left {flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 3px}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .header .left .obrok {background-color: #63AC9F; border-radius: 7px; font-weight: 600; letter-spacing: 0.2em; color: #fff; text-transform: uppercase; line-height: 1; padding: 4px 8px;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .header .left .naslov {line-height: 1.3em; max-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 240px;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo.active .header .left .naslov {max-height: 400px; max-width: unset; white-space: unset;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .header .left .naslov:hover {cursor: pointer; color: #333;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .header .right {}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .header .right .dodaj-jelo {}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .header .right .dodaj-jelo a {display: flex; width: 20px; height: 20px; align-items: center; justify-content: center; background-color: #63AC9F; border-radius: 100%;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .header .right .dodaj-jelo a:hover img {transform: rotate(180deg);}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .header .right .dodaj-jelo img {display: block; width: 10px; height: 10px; transition: 0.3s;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept {display: none;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo.active .recept {display: block;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept .accordian {}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept .accordian .acc-content {margin-bottom: 10px;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept .accordian .acc-content h3 {font-weight: 600; letter-spacing: 0.25em;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept .accordian .acc-content ul {padding: 4px 0 10px 21px;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept .accordian .acc-content ul li {list-style-type: disc;padding: 0; transition: 0.3s; line-height: 1.3em;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept .accordian .acc-content p {padding: 2px 10px 0 10px; line-height: 1.3em; margin-bottom: 10px;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept .accordian .acc-content p.note {font-size: 0.8em; line-height: 1.3em; font-style: italic; margin-bottom: 0;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept .accordian .nutri-vrijednosti-plan {display: block;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept .accordian .nutri-vrijednosti-plan h3 {font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept .accordian .nutri-vrijednosti-plan .vrijednosti {display: flex; flex-direction: row; align-items: center; justify-content: center; text-align: center; margin: 10px 0 0 0;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept .accordian .nutri-vrijednosti-plan .vrijednosti div {display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; flex: 1; padding: 0 5px;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept .accordian .nutri-vrijednosti-plan .vrijednosti div span {}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept .accordian .nutri-vrijednosti-plan .vrijednosti div span:nth-child(1) {font-weight: 600; display: block; margin-bottom: 5px;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept .accordian .nutri-vrijednosti-plan .vrijednosti div span:nth-child(2) {text-transform: uppercase;}
.ishrana0823 .jelovnik .js-slide-single .content .single-jelo .recept .accordian .dodaj-kalkulator {display: block;}

.ishrana0823 .dugmad {border-radius: 13px; background: rgba(255, 255, 255, 0.60); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); padding: 10px; display: flex; flex-direction: row; align-items: center; gap: 10px;}
.ishrana0823 .dugmad .dugme {flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; box-shadow: inset 0 0 0 1px #dadada; border-radius: 10px; gap: 5px; position: relative; transition: 0.3s;}
.ishrana0823 .dugmad .dugme a {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2;}
.ishrana0823 .dugmad .dugme.namirnice {box-shadow: inset 0 0 0 1px #C59332;}
.ishrana0823 .dugmad .dugme.namirnice:hover {box-shadow: inset 0 0 0 2px #C59332;}
.ishrana0823 .dugmad .dugme.tecnost {box-shadow: inset 0 0 0 1px #61A4BC;}
.ishrana0823 .dugmad .dugme.tecnost:hover {box-shadow: inset 0 0 0 2px #61A4BC;}
.ishrana0823 .dugmad .dugme.kalendar {box-shadow: inset 0 0 0 1px #AB5C57;}
.ishrana0823 .dugmad .dugme.kalendar:hover {box-shadow: inset 0 0 0 2px #AB5C57;}
.ishrana0823 .dugmad .dugme .icon {}
.ishrana0823 .dugmad .dugme .icon img {height: 20px; width: auto; transition: 0.3s;}
.ishrana0823 .dugmad .dugme:hover .icon img {transform: rotate(360deg)}
.ishrana0823 .dugmad .dugme .naslov {display: flex; flex-direction: column; gap: 2px;}
.ishrana0823 .dugmad .dugme.namirnice .naslov {color: #C59332;}
.ishrana0823 .dugmad .dugme.tecnost .naslov {color: #61A4BC;}
.ishrana0823 .dugmad .dugme.kalendar .naslov {color: #AB5C57;}
.ishrana0823 .dugmad .dugme .naslov span {display: block; line-height: 1; text-align: center;}
.ishrana0823 .dugmad .dugme .naslov span:nth-child(1) {letter-spacing: 0.2em; text-transform: uppercase;}
.ishrana0823 .dugmad .dugme .naslov span:nth-child(2) {}

.ishrana0823 .unos-na-dan {flex: 1; border-radius: 13px; background: rgba(255, 255, 255, 0.60); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); padding: 10px 20px 20px 20px; display: flex; flex-direction: column; gap: 10px;}
.ishrana0823 .unos-na-dan .title-unos {text-align: center; width: 100%; text-transform: uppercase; letter-spacing: 0.2em;}
.ishrana0823 .unos-na-dan .title-unos b {font-weight: 600;}
.ishrana0823 .unos-na-dan .meta-unos {border-radius: 10px; background-image: url('../img/ish0823-unos-bck-mob.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; color: #fff; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 15px; padding: 15px;}
.ishrana0823 .unos-na-dan .meta-unos .unos {display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 5px;}
.ishrana0823 .unos-na-dan .meta-unos .unos .icon {}
.ishrana0823 .unos-na-dan .meta-unos .unos .icon .kap-vode {position: relative;}
.ishrana0823 .unos-na-dan .meta-unos .unos .icon .kap-vode img {position: relative; z-index: 2; height: 16px; width: auto;}
.ishrana0823 .unos-na-dan .meta-unos .unos .icon .kap-vode svg {position: absolute; z-index: 1; top: 0px; left: 0px; height: 16px; width: auto;}
.ishrana0823 .unos-na-dan .meta-unos .unos .icon .kap-vode svg g rect {transition: 0.6s;}
.ishrana0823 .unos-na-dan .meta-unos .unos .icon img {height: 16px; width: auto;}
.ishrana0823 .unos-na-dan .meta-unos .unos .vrijednost {display: flex; flex-direction: column; text-align: left; justify-content: flex-start; gap: 2px;}
.ishrana0823 .unos-na-dan .meta-unos .unos .vrijednost .broj {display: flex; flex-direction: row; align-items: center; line-height: 1; gap: 2px;}
.ishrana0823 .unos-na-dan .meta-unos .unos .vrijednost .broj .uneseno {}
.ishrana0823 .unos-na-dan .meta-unos .unos .vrijednost .broj .preporuceno {}
.ishrana0823 .unos-na-dan .meta-unos .unos .vrijednost .naziv {line-height: 1; text-transform: uppercase;}

.ishrana0823 .unos-na-dan .unosi-obroka {background-color: #fff; border-radius: 10px; padding: 10px; display: flex; flex-direction: column; gap: 10px; flex: 1;}
.ishrana0823 .unos-na-dan .unosi-obroka .unosi-single {display: flex; flex-direction: row;}
.ishrana0823 .unos-na-dan .unosi-obroka .unosi-single .kolicina {margin-right: 3px; color: #C59332; font-weight: 600; line-height: 1.2em;}
.ishrana0823 .unos-na-dan .unosi-obroka .unosi-single .naslov-podnaslov {flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 3px;}
.ishrana0823 .unos-na-dan .unosi-obroka .unosi-single .naslov-podnaslov .naslov {line-height: 1.3em;}
.ishrana0823 .unos-na-dan .unosi-obroka .unosi-single .naslov-podnaslov .podnaslov {line-height: 1; text-transform: uppercase; letter-spacing: 0.2em;}
.ishrana0823 .unos-na-dan .unosi-obroka .unosi-single .obrisi {margin-left: 10px; background-color: #FC8181; width: 20px; height: 20px; border-radius: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.ishrana0823 .unos-na-dan .unosi-obroka .unosi-single .obrisi:hover {background-color: #AB5C57;}
.ishrana0823 .unos-na-dan .unosi-obroka .unosi-single .obrisi:hover img {transform: rotate(180deg);}
.ishrana0823 .unos-na-dan .unosi-obroka .unosi-single .obrisi img {width: 8px; height: auto; transition: 0.3s;}
.ishrana0823 .unos-na-dan .napomena {color: #A3A19E; text-align: center; width: 100%; line-height: 1.3em;}
.ishrana0823 .unos-na-dan .napomena b {font-weight: 600;}
.ishrana0823 .unos-na-dan .napomena br {display: none;}
.ishrana0823 .unos-na-dan .unosi-obroka .nema-unosa {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%;}
.ishrana0823 .unos-na-dan .unosi-obroka .nema-unosa img {width: 26px; height: 26px;}
.ishrana0823 .unos-na-dan .unosi-obroka .nema-unosa p {line-height: 1.3em; text-align: center;}
.ishrana0823 .unos-na-dan .unosi-obroka .nema-unosa p br {display: none;}

.ishrana0823 .ishr-box-float {position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 4; display: none;}
.ishrana0823 .ishr-box-float.active {display: block;}
.ishrana0823 .ishr-box-float-in {height: 100%; padding: 10px; background-color: #fff; border-radius: 13px; display: flex; flex-direction: column; align-items: center; gap: 10px;}
.ishrana0823 .ishr-box-float.tecnost .ishr-box-float-in {padding: 10px 10px 0 10px; gap: 0;}
.ishrana0823 .ishrb-float-header {display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; width: 100%;}
.ishrana0823 .ishrb-float-header .naslov {text-align: center; width: 100%; text-transform: uppercase; letter-spacing: 0.2em;}
.ishrana0823 .ishrb-float-header .zatvori {position: absolute; cursor: pointer; z-index: 2; right: 0; top: 3px;}
.ishrana0823 .ishrb-float-header .zatvori img {width: 12px; height: auto;}
.ishrana0823 .ishrb-float-header .zatvori img.hover {position: absolute; z-index: 2; top: 0; left: 0; opacity: 0; transition: 0.3s;}
.ishrana0823 .ishrb-float-header .zatvori img.no-hover {opacity: 1; transition: 0.3s;}
.ishrana0823 .ishrb-float-header .zatvori:hover img.no-hover {opacity: 0;}
.ishrana0823 .ishrb-float-header .zatvori:hover img.hover {opacity: 1;}
.ishrana0823 .ishr-box-float.tecnost .ishr-box-float-in .iv-cont {height: 100%; gap: 20px; margin-top: 10px; padding: 0;}
.ishrana0823 .ishr-box-float.tecnost .ishr-box-float-in .iv-cont .top {padding: 0 0 10px 0;}
.ishrana0823 .ishr-box-float.tecnost .ishr-box-float-in .iv-cont .bottom {padding-bottom: 0; justify-content: center; gap: 30px; align-items: flex-end; width: calc(100% + 20px); background-image: url('../svg/ish0823-tecnost-bck.svg'); background-repeat: no-repeat; background-position: top; background-size: 100%; padding: 50px 20px 20px; background-color: #61A4BC; border-radius: 0 0 13px 13px;}
.ishrana0823 .ishr-box-float.tecnost .ishr-box-float-in .iv-cont .middle {flex: 1; padding-top: 0; padding-bottom: 0; align-items: center; flex-direction: column; gap: 20px;} 
.ishrana0823 .ishr-box-float.tecnost .ishr-box-float-in .iv-cont .middle .meta-kap-vode {display: flex; align-items: center;}
.ishrana0823 .ishr-box-float.tecnost .ishr-box-float-in .iv-cont .middle .meta-text-voda {text-align: center; color: #A3A19E; line-height: 1.3em;}
.ishrana0823 .ishr-box-float.tecnost .ishr-box-float-in .iv-cont .bottom .dodaj-tecnost-dugmad {display: flex; flex-direction: column; align-items: center; gap: 5px;}
.ishrana0823 .ishr-box-float.tecnost .ishr-box-float-in .iv-cont .bottom .dodaj-tecnost-dugmad .ikona {}

.ishrana0823 .ishr-box-float-in .pcnk-kalendar {padding: 0; background-color: transparent; box-shadow: unset; border-radius: 0; flex: 1;}
.ishrana0823 .ishr-box-float-in .kalendar-note {text-align: center; color: #A3A19E; line-height: 1.3em;}
.ishrana0823 .ishr-box-float-in .kalendar-legenda {display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: center; gap: 5px; margin-top: 10px;}
.ishrana0823 .ishr-box-float-in .kalendar-legenda span {display: flex; text-align: center; line-height: 1; gap: 3px; color: #A3A19E;}
.ishrana0823 .ishr-box-float-in .kalendar-legenda span::before {content: ''; border: 1px solid #C4C4C4; width: 10px; height: 10px; display: block; border-radius: 100%;}
.ishrana0823 .ishr-box-float-in .kalendar-legenda span.ishrana-on::before {border: 0; background-color: #63AC9F;}
.ishrana0823 .ishr-box-float-in .kalendar-legenda span.ishrana-off::before {border: 0; background-color: #E9A593;}
.ishrana0823 .ishr-box-float-in .kalendar-legenda span.trening-on::before {border: 0; background-color: #C59332;}
.ishrana0823 .ishr-box-float-in .kalendar-legenda span.tecnost-on::before {border: 0; background-color: #61A4BC;}

.jelovnik-print {max-width: 890px; width: 100%; display: flex; flex-direction: column; gap: 20px; margin-bottom: 20px;}
.jelovnik-print .js-slide-single {width: 100%;}
.jelovnik-print .js-slide-single .title-jelovnik {text-transform: uppercase; text-align: center; letter-spacing: 0.2em; margin-bottom: 10px; background-color: #63AC9F; color: #fff; padding: 10px; border-radius: 10px; font-weight: 700;}
.jelovnik-print .js-slide-single .content {display: flex; flex-direction: column; gap: 10px;}
.jelovnik-print .js-slide-single .content .single-jelo {border-radius: 10px; padding: 20px; display: flex; flex-direction: column; gap: 10px; transition: 0.3s; position: relative; background: rgba(255, 255, 255, 0.60); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);}
.jelovnik-print .js-slide-single .content .single-jelo.active {}
.jelovnik-print .js-slide-single .content .single-jelo .strelica {position: absolute; z-index: 2; left: 50%; bottom: 10px; transform: translate(-50%, 0px); transition: 0.3s; display: none;}
.jelovnik-print .js-slide-single .content .single-jelo.active .strelica {opacity: 0;}
.jelovnik-print .js-slide-single .content .single-jelo.dodano {box-shadow: inset 0 0 0 1px #63AC9F;}
.jelovnik-print .js-slide-single .content .single-jelo .header {display: flex; flex-direction: row; align-items: center; gap: 10px;}
.jelovnik-print .js-slide-single .content .single-jelo .header .left {flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 3px}
.jelovnik-print .js-slide-single .content .single-jelo .header .left .obrok {background-color: #63AC9F; border-radius: 7px; font-weight: 600; letter-spacing: 0.2em; color: #fff; text-transform: uppercase; line-height: 1; padding: 4px 8px;}
.jelovnik-print .js-slide-single .content .single-jelo .header .left .naslov {line-height: 1.3em; color: #333; font-weight: 600;}
.jelovnik-print .js-slide-single .content .single-jelo .header .right {display: none;}
.jelovnik-print .js-slide-single .content .single-jelo .header .right .dodaj-jelo {}
.jelovnik-print .js-slide-single .content .single-jelo .header .right .dodaj-jelo a {display: flex; width: 20px; height: 20px; align-items: center; justify-content: center; background-color: #63AC9F; border-radius: 100%;}
.jelovnik-print .js-slide-single .content .single-jelo .header .right .dodaj-jelo a:hover img {transform: rotate(180deg);}
.jelovnik-print .js-slide-single .content .single-jelo .header .right .dodaj-jelo img {display: block; width: 10px; height: 10px; transition: 0.3s;}
.jelovnik-print .js-slide-single .content .single-jelo .recept .accordian {}
.jelovnik-print .js-slide-single .content .single-jelo .recept .accordian .acc-content {margin-bottom: 10px;}
.jelovnik-print .js-slide-single .content .single-jelo .recept .accordian .acc-content h3 {font-weight: 600; letter-spacing: 0.25em;}
.jelovnik-print .js-slide-single .content .single-jelo .recept .accordian .acc-content ul {padding: 4px 0 10px 21px;}
.jelovnik-print .js-slide-single .content .single-jelo .recept .accordian .acc-content ul li {list-style-type: disc;padding: 0; transition: 0.3s; line-height: 1.3em;}
.jelovnik-print .js-slide-single .content .single-jelo .recept .accordian .acc-content p {padding: 2px 10px 0 10px; line-height: 1.3em; margin-bottom: 10px;}
.jelovnik-print .js-slide-single .content .single-jelo .recept .accordian .acc-content p.note {font-size: 0.8em; line-height: 1.3em; font-style: italic; margin-bottom: 0;}
.jelovnik-print .js-slide-single .content .single-jelo .recept .accordian .nutri-vrijednosti-plan {display: block;}
.jelovnik-print .js-slide-single .content .single-jelo .recept .accordian .nutri-vrijednosti-plan h3 {font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase;}
.jelovnik-print .js-slide-single .content .single-jelo .recept .accordian .nutri-vrijednosti-plan .vrijednosti {display: flex; flex-direction: row; align-items: center; justify-content: center; text-align: center; margin: 10px 0 0 0;}
.jelovnik-print .js-slide-single .content .single-jelo .recept .accordian .nutri-vrijednosti-plan .vrijednosti div {display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; flex: 1; padding: 0 5px;}
.jelovnik-print .js-slide-single .content .single-jelo .recept .accordian .nutri-vrijednosti-plan .vrijednosti div span {}
.jelovnik-print .js-slide-single .content .single-jelo .recept .accordian .nutri-vrijednosti-plan .vrijednosti div span:nth-child(1) {font-weight: 600; display: block; margin-bottom: 5px;}
.jelovnik-print .js-slide-single .content .single-jelo .recept .accordian .nutri-vrijednosti-plan .vrijednosti div span:nth-child(2) {text-transform: uppercase;}
.jelovnik-print .js-slide-single .content .single-jelo .recept .accordian .dodaj-kalkulator {display: block;}
.jelovnik-print .js-slide-single .content .single-jelo::before {content: ''; background-image: url('https://atika.net/app/svg/atika-symbol.svg'); display: block; position: absolute; background-repeat: no-repeat; background-size: 30%; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.15; background-position: center; z-index: 10;}

/*------------------------------------*\
    ISHRANA 0823 RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:350px) {
  .ishrana0823 .dugmad .dugme .naslov span:nth-child(1) {letter-spacing: 0.1em;}
  .ishrana0823 .dugmad .dugme {padding: 5px;}
}

@media screen and (max-width:360px) {
  .ishrana0823 .jelovnik .js-slide-single .content .single-jelo .header .left .naslov {max-width: 190px;}
}

@media screen and (min-width:768px) {
  .ishrana0823 .jelovnik {padding: 10px 20px 20px 20px;}
  .ishrana0823 .jelovnik .js-slide-single .content .single-jelo .header .left .naslov {max-width: 310px;}
  .ishrana0823 .dugmad .dugme {flex-direction: row;}
  .ishrana0823 .dugmad .dugme .naslov span {text-align: left;}
  .ishrana0823 .unos-na-dan .meta-unos {background-image: url('../img/ish0823-unos-bck.jpg');}
  .ishrana0823 .unos-na-dan .napomena br {display: block;}
  .ishrana0823 .unos-na-dan .unosi-obroka .nema-unosa p br {display: block;}
  .ishrana0823 .ishr-box-float.tecnost .ishr-box-float-in .iv-cont .bottom {padding: 70px 20px 20px;}
  .ishrana0823 .ishr-box-float-in {padding: 10px 20px 20px;}
  .ishrana0823 .ishr-box-float.tecnost .ishr-box-float-in {padding: 10px 20px 0 20px;}
  .ishrana0823 .ishr-box-float.tecnost .ishr-box-float-in .iv-cont .bottom {width: calc(100% + 40px);}
  .ishrana0823 .ostalen-float-in {padding: 10px 20px 20px;}
  .ishrana0823 .jelovnik .jelovnik-slider-cont {gap: 20px;}
}

@media screen and (min-width:1024px) {
  .ishrana0823 {flex-direction: row; align-items: unset;}
  .ishrana0823 .left-col {max-width: 417px;}
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
  .ishrana0823 .unos-na-dan .meta-unos {justify-content: space-between; padding: 15px; gap: unset;}
}

/*------------------------------------*\
    SECTION
\*------------------------------------*/



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:320px) {
}

@media screen and (min-width:768px) {
}

@media screen and (min-width:1024px) {
}

@media screen and (min-width:1140px) {
}

@media screen and (min-width:1280px) {
}

@media screen and (min-width:1440px) {
}