body{ max-width: 100vw; overflow-x:hidden; }

body > * { max-width:100vw; }

.hidden{
    display: none;
}
html{
    font-size: calc(0.6em + 1vw)!important;
    -webkit-text-size-adjust: none;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong, bold, b{
    font-weight: bold;
}
em, i, italic{
    font-style: oblique;
}


.clanci-tabs {
  display: flex;
  gap: 8em;
}

.clanci-tabs .tab {
  width: 48em;
}
.clanci-tabs img {
  width: 100%;
  height: auto;
}

@media all and (max-width:680px){
    .clanci-tabs {
  flex-direction: column;
  padding-left:5em;
  padding-right:5em;
}

.clanci-tabs .tab {
  width: 100%;
}

}


#clanci-omegol {
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
}

.gumb-nagradna {
  margin: 0 auto;
  text-align: center;
  min-height:80px;
}


.gumb-nagradna a {
  margin: 0 auto;
  text-align: center;
  background: #fff;
  padding: 10px 20px 10px 20px;
  font-size: 18px;
  border-radius: 50px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  color: #333;
  cursor: pointer;
}

.gumb-nagradna a:hover  {
  background: #db2129;
  color: #fff;

}



.nagradnaigra {
    max-width:1300px;
    margin:0 auto;
    background:#fff;
    border-radius:20px;
    text-align:center;
    padding-top:20px;
}

.nagradnaigra iframe {
    width: 100%;
    height: 100vh;
}

.pravilnik a {
  font-size: 16px;
  padding-top: 20px;
  display: block;
  padding-bottom: 20px;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  color: #333;
  padding-left:5px;
  padding-right:5px;
}

.pravilnik {
      font-size: 16px;
  display: flex;
  color: #000;
  justify-content: center;
  flex-direction: row;
  align-items: baseline;
}

@media all and (max-width:900px){

.nagradnaigra {
    max-width:90%;
}
}

.container{
    position: relative;
    width: 100%;
    min-height: 100vh;
    font-family: 'Futura Round';
    margin: auto;
    background: #d12630;
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    color: #fff;
}
header{
    width: 100%;
    height: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.tabs{
    position: relative;
}
.prev-arrow, .next-arrow{
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    background-image: url(images/prev-arrow.png);
    background-image: url(images/prev-arrow.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.next-arrow{
    -ms-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -webkit-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.tabs .prev-arrow{
    filter: invert(100%);
}
.tabs .next-arrow{
    filter: invert(15%) sepia(52%) saturate(5464%) hue-rotate(347deg) brightness(109%) contrast(93%);
}
.slick-tabs{
    margin: auto;
}
.slick-tabs .tab a{
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.slick-tabs .tab img{
    width: 100%;
    height: auto;
}
.za-zdravlje-srca{
    position: relative;
    width: 100%;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
.za-zdravlje-srca > div{
    line-height: 1.2;
}
.omegol-linija{
    position: relative;
    line-height: 1.2;
}
.omegol-linija::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background-image: url(images/omegol-linija-divider.png);
    background-image: url(images/omegol-linija-divider.webp);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
.omegol-linija .title{
    position: absolute;
    top: 0;
    z-index: 6;
}
.omegol-linija .title img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.omegol-linija .desc{
    position: absolute;
    top: 0;
}
.omegol-linija .product-slider{
    position: absolute;
    top: 0;
    background-image: url(images/omegol-linija-srce.png);
    background-image: url(images/omegol-linija-srce.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 3;
}
.omegol-linija .product-slider .slick-products{
    position: absolute;
    width: 60%;
    height: 120%;
    left: 20%;
    bottom: 0;
    padding-bottom: 9.38%;
}
.omegol-linija .product-slider .slick-products div{
    height: 100%;
}
.omegol-linija .product-slider .slick-products .slick-track{
    display: flex;
    align-items: flex-end;
}
.omegol-linija .product-slider .slick-products .slick-track .item{
    position: relative;
    height: 100%;
}
.omegol-linija .product-slider .slick-products .slick-track .item img{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    margin-top: 30%;
    -ms-transform: translateY(-70%);
    -moz-transform: translateY(-70%);
    -webkit-transform: translateY(-70%);
    -o-transform: translateY(-70%);
    transform: translateY(-70%);
}
.omegol-linija .product-slider .prev-arrow, .omegol-linija .product-slider .next-arrow{
    top: 45%;
    width: 5.4462934%;
    padding-top: 9.3797276%;
    filter: invert(15%) sepia(52%) saturate(5464%) hue-rotate(347deg) brightness(109%) contrast(93%);
}
.omegol-linija .product-slider .prev-arrow{
    left: 4.5385779%;
}
.omegol-linija .product-slider .next-arrow{
    right: 6.8%;
}
.omegol-linija .logo{
    position: absolute;
    top: 0;
    z-index: 4;
}
.omegol-linija .logo img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.omegol-linija .text{
    position: absolute;
    top: 0;
    text-align: center;
    color: #5c3427;
}
.omegol-linija .text .animate{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
}
.srce-je-vazno{
    position: relative;
    line-height: 1.2;
}
.srce-je-vazno::before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    background-image: url(images/srce-je-vazno-divider.png);
    background-image: url(images/srce-je-vazno-divider.webp);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
.srce-je-vazno .srce{
    position: absolute;
    top: 0;
}
.srce-je-vazno .srce img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.srce-je-vazno .title{
    position: absolute;
    top: 0;
}
.srce-je-vazno .title img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.srce-je-vazno .desc{
    position: absolute;
    top: 0;
    text-align: right;
}
.srce-je-vazno .desc p{
    margin-bottom: 1em;
}
.srce-je-vazno .namaz{
    position: absolute;
    top: 0;
    right: 0;
}
.srce-je-vazno .namaz img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.srce-je-vazno .slogan{
    position: absolute;
    top: 0;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
}
.srce-je-vazno .popup-open{
    position: absolute;
    top: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.srce-je-vazno .popup{
    position: absolute;
    top: 0;
    right: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.srce-je-vazno .popup .text{
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.srce-je-vazno .popup .text p{
    margin-bottom: 1em;
}
.srce-je-vazno .popup .text p:last-child{
    margin-bottom: 0;
}
.srce-je-vazno-video{
    position: relative;
    line-height: 1.2;
}
.srce-je-vazno-video::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background-image: url(images/video-srce.png);
    background-image: url(images/video-srce.webp);
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
}
.srce-je-vazno-video .title{
    position: absolute;
    top: 0;
}
.srce-je-vazno-video .title img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.srce-je-vazno-video .image{
    position: absolute;
    top: 0;
}
.srce-je-vazno-video .image img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.srce-je-vazno-video .desc{
    position: absolute;
    top: 0;
    font-weight: bold;
    text-align: right;
}
.srce-je-vazno-video .desc p{
    margin-bottom: 1em;
}
.srce-je-vazno-video .video-slider{
    position: absolute;
    top: 0;
}
.srce-je-vazno-video .video-slider .item .video{
    position: relative;
    width: 100%;
    padding-top: 100%;
}
.srce-je-vazno-video .video-slider .item .video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.srce-je-vazno-video .video-slider .item .caption{
    text-align: center;
    color: #5c3427;
}
.srce-je-vazno-video .video-slider .item .caption p{
    margin-bottom: 1em;
}
.srce-je-vazno-video .prev-arrow, .srce-je-vazno-video .next-arrow{
    filter: invert(15%) sepia(52%) saturate(5464%) hue-rotate(347deg) brightness(109%) contrast(93%);
}
.upoznajte-omegol{
    position: relative;
    line-height: 1.2;
    color: #5c3427;
}
.upoznajte-omegol::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    background-image: url(images/upoznajte-omegol-divider.png);
    background-image: url(images/upoznajte-omegol-divider.webp);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
.upoznajte-omegol .rezultati{
    position: relative;
    margin: auto;
}
.upoznajte-omegol .rezultati .slick-track{
    display: flex;
}
.upoznajte-omegol .rezultati .item{
    float: none;
    display: flex;
    min-height: 100%;
    height: auto;
}
.upoznajte-omegol .rezultati .item .box{
    display: flex;
    min-height: 100%;
    background: #f5d87f;
    overflow: hidden;
}
.upoznajte-omegol .rezultati .item .box .image{
    position: relative;
}
.upoznajte-omegol .rezultati .item .box .image img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.upoznajte-omegol .rezultati .item .box .text{
    position: relative;
}
.upoznajte-omegol .rezultati .item .box .text::before{
    display: none;
    position: absolute;
    content: '';
    top: 5%;
    left: 0;
    width: 100%;
    height: 90%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    mix-blend-mode: soft-light;
}
.upoznajte-omegol .rezultati .item .box .text.bg-rezultati::before{
    display: block;
    background-image: url(images/rezultati/rezultati-icon.webp);
}
.upoznajte-omegol .rezultati .item .box .text.bg-jelovnik::before{
    display: block;
    background-image: url(images/rezultati/jelovnik-icon.webp);
}
.upoznajte-omegol .rezultati .item .box .text.bg-navike::before{
    display: block;
    background-image: url(images/rezultati/navike-icon.webp);
}
.upoznajte-omegol .rezultati .item .box .text.bg-pregledi::before{
    display: block;
    background-image: url(images/rezultati/pregledi-icon.webp);
}
.upoznajte-omegol .rezultati .item .box .text > *{
    position: relative;
    z-index: 2;
}
.upoznajte-omegol .rezultati .item .box .text p{
    margin-bottom: 1em;
}
.upoznajte-omegol .rezultati .item .box .text p:last-child{
    margin-bottom: 0;
}
.upoznajte-omegol .prev-arrow, .upoznajte-omegol .next-arrow{
    filter: invert(100%);
}
.upoznajte-omegol ul li{
    position: relative;
    line-height: 1.74285714;
    padding-left: 2.285714286em;
}
.upoznajte-omegol ul li::before{
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 1.571428571em;
    height: 1.171428571em;
    margin-top: -0.585714285em;
    background-image: url(images/icon-check.png);
    background-image: url(images/icon-check.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.upoznajte-omegol a{
    color: #d62026;
}
.upoznajte-omegol blockquote{
    position: relative;
    text-align: center;
    padding-left: 3em;
    padding-right: 3em;
}
.upoznajte-omegol blockquote::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 2.085714286em;
    height: 1.45712857em;
    margin-top: -0.728571428em;
    background-image: url(images/icon-quote-start.png);
    background-image: url(images/icon-quote-start.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.upoznajte-omegol blockquote::after{
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    width: 2.085714286em;
    height: 1.45712857em;
    margin-bottom: -0.728571428em;
    background-image: url(images/icon-quote-end.png);
    background-image: url(images/icon-quote-end.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/*@media all and (orientation:landscape) and (min-width:1280px){
    .container{
        max-width: 80vw;
        font-size: 0.8em;
    }
}*/
@media all and (max-width:430px){
    .desktop{
        display: none;
    }
    body{
        font-size: 2.291vw;
    }
    .container{
        background-image: url(images/bg-mobile.jpg);
        background-image: url(images/bg-mobile.webp);
    }
    header{
        padding-top: 74.4186%;
        background-image: url(images/header-mobile.png);
        background-image: url(images/header-mobile.webp);
    }
    .slick-tabs{
        width: 75%;
    }
    .tabs{
        margin-top: -3.95348%;
        margin-bottom: 15.3488372%;
    }
    .prev-arrow, .next-arrow{
        width: 2.79%;
        padding-top: 5.116%;
    }
    .tabs .prev-arrow{
        left: 18.6%;
    }
    .tabs .next-arrow{
        right: 18.6%;
    }
    .za-zdravlje-srca{
        font-size: 1.8em;
        padding-top: 87.6744186%;
        background-image: url(images/za-zdravlje-srca-mobile.png);
        background-image: url(images/za-zdravlje-srca-mobile.webp);
    }
    .za-zdravlje-srca > div{
        position: absolute;   
    }
    .za-zdravlje-srca .box-1{
        top: 16.2%;
        left: 21.8%;
        width: 15em;
    }
    .za-zdravlje-srca .box-2{
        top: 68%;
        left: 21.8%;
        width: 16em;
    }
    .omegol-linija{
        width: 100%;
        padding-top: 139.5348837%;
    }
    .omegol-linija::before{
        width: 30.9302325%;
        margin-top: 8.6046511%;
        padding-top: 2.5581395%;
    }
    .omegol-linija .title{
        left: 65.4651162%;
        width: 53.488372%;
        margin-top: 13.2558139%;
        margin-left: -26.744186%;
        padding-top: 16.9767441%;
    }
    .omegol-linija .desc{
        left: 65.4651162%;
        width: 19.3em;
        font-size: 1.4em;
        line-height: 1.071428571;
        text-align: center;
        margin-left: -9.65em;
        padding-top: 34.8837209%;
        color: #5c3427;
        z-index: 5;
    }
    .omegol-linija .product-slider{
        left: 24.8837209%;
        width: 49.7674418%;
        margin-top: 70.2325581%;
        padding-top: 43.2558139%;
    }
    .omegol-linija .product-slider .slick-products{
        height: 114%;
    }
    .omegol-linija .logo{
        left: 54.4186046%;
        width: 15.5813953%;
        margin-top: 108.372093%;
        padding-top: 4.1860465%;
    }
    .omegol-linija > .text{
        left: 65.4651162%;
        width: 18em;
        font-size: 1.4em;
        line-height: 1.071428571;
        margin-left: -9em;
        margin-top: 118.6046512%;
        z-index: 2;
    }
    .srce-je-vazno{
        width: 100%;
        padding-top: 183.255814%
    }
    .srce-je-vazno::before{
        width: 30.9302325%;
        margin-top: 10%;
        padding-top: 2.5581395%;
    }
    .srce-je-vazno .srce{
        display: none;
    }
    .srce-je-vazno .title{
        left: 3.9534883%;
        width: 49.7674418%;
        margin-top: 24.8837209%;
        padding-top: 28.6046511%;
    }
    .srce-je-vazno .desc{
        right: 3.488372%;
        width: 12.2em;
        font-size: 1.4em;
        line-height: 1.071428571;
        margin-top: 21.6279069%;
        z-index: 2;
    }
    .srce-je-vazno .namaz{
        width: 100%;
        margin-top: 42.7906976%;
        padding-top: 57.9069767%;
    }
    .srce-je-vazno .slogan{
        display: none;
    }
    .srce-je-vazno .popup-open{
        right: 3.488372%;
        width: 34.6511627%;
        margin-top: 92.3255814%;
        padding-top: 26.5116279%;
        background-image: url(images/srce-je-vazno-cta-mobile.png);
        background-image: url(images/srce-je-vazno-cta-mobile.webp);
    }
    .srce-je-vazno .popup{
        width: 92.7906976%;
        margin-top: 123.255814%;
        padding-top: 60%;
        background-image: url(images/srce-je-vazno-popup-mobile.png);
        background-image: url(images/srce-je-vazno-popup-mobile.webp);
    }
    .srce-je-vazno .popup .text{
        left: 5.764411%;
        width: 16em;
        font-size: 1.4em;
        line-height: 1.071428571em;
    }
    .srce-je-vazno .popup .text br{
        display: none;
    }
    .srce-je-vazno-video{
        width: 100%;
       /* padding-top: 155.1162791%;*/
       padding-top:71.116%;
    }
   /* .srce-je-vazno-video::before{
        width: 56.9767441%;
        margin-top: 78.1395348%;
        padding-top: 64.1860465%;
    }*/
    .srce-je-vazno-video .title{
        left: 3.9534883%;
        width: 45.5813953%;
        margin-top: 10.9302325%;
        padding-top: 26.0465116%;
        z-index: 3;
    }
    .srce-je-vazno-video .image{
        left: 7.325581395%;
        width: 85.3488372%;
        margin-top: 21.6279069%;
        padding-top: 41.3953488%;
    }
    .srce-je-vazno-video .image::after{
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(images/video-image-shadow.png);
        background-image: url(images/video-image-shadow.webp);
        background-size: cover;
        background-position: center;
        z-index: 2;
        background-blend-mode: multiply;
    }
    .srce-je-vazno-video .desc{
        right: 10.2325581%;
        width: 12em;
        font-size: 1.4em;
        line-height: 1.071428571;
        margin-top: 46.5116279%;
        z-index: 3;
    }
    .srce-je-vazno-video .video-slider{
        left: 29.06976745%;
        width: 41.8604651%;
        margin-top: 68.372093%;
    }
    .srce-je-vazno-video .video-slider .item .caption{
        font-size: 1.4em;
        line-height: 1;
        padding-top: 1em;
    }
    .srce-je-vazno-video .prev-arrow, .srce-je-vazno-video .next-arrow{
        top: 0;
        width: 6.66666%;
        margin-top: 50%;
        padding-top: 11.111111%;
    }
    .srce-je-vazno-video .prev-arrow{
        left: -13.333%;
    }
    .srce-je-vazno-video .next-arrow{
        right: -13.333%;
    }
    .upoznajte-omegol{
        width: 100%;
        padding-top: 11.8604651%;
        padding-bottom: 1.1627906%;
    }
    .upoznajte-omegol::before{
        width: 100%;
        margin-top: 7.4418604%;
        padding-top: 2.5581395%;
    }
    .upoznajte-omegol .rezultati{
        width: 38.4em;
    }
    .upoznajte-omegol .rezultati .item{
        padding: 2.7em;
    }
    .upoznajte-omegol .rezultati .item .box{
        flex-direction: column;
        border-radius: 2.5em;
        box-shadow: 0px 0px 2.646em 0.2em rgba(0, 0, 0, 0.1); 
    }
    .upoznajte-omegol .rezultati .item .box .image{
        padding-top: 55.757575%;
    }
    .upoznajte-omegol .rezultati .item .box .text{
        font-size: 1.2em;
        padding: 2.5em 2.333em;
    }
    .upoznajte-omegol .prev-arrow, .upoznajte-omegol .next-arrow{
        width: 1.2em;
        height: 2em;
        z-index: 9;
    }
    .upoznajte-omegol .prev-arrow{
        left: -0.8em;
    }
    .upoznajte-omegol .next-arrow{
        right: -0.8em;
    }
}
@media all and (min-width:431px){
    .mobile{
        display: none;
    }
    body{
        font-size: 0.516vw;
    }
    .container{
        background-image: url(images/bg.jpg);
        background-image: url(images/bg.webp);
    }
    header{
        padding-top: 66.66666%;
        background-image: url(images/header.png);
        background-image: url(images/header.webp);
    }
    .tabs{
        margin-top: 5.729%;
        margin-bottom: 8.3854166%;
    }
    .prev-arrow, .next-arrow{
        width: 1.5625%;
        padding-top: 2.7083%;
    }
    .tabs .prev-arrow{
        left: 4.0625%;
    }
    .tabs .next-arrow{
        right: 4.0625%;
    }
    .slick-tabs{
        margin-left: 4.8958333%;
        margin-right: 4.8958333%;
    }
    .slick-tabs .tab a{
        padding: 0 8.62%;
    }
    .za-zdravlje-srca{
        font-size: 5em;
        padding-top: 42.291666%;
        background-image: url(images/za-zdravlje-srca.png);
        background-image: url(images/za-zdravlje-srca.webp);
    }
    .za-zdravlje-srca > div{
        position: absolute;
        top: 31.8%;
    }
    .za-zdravlje-srca .box-1{
        width: 9.6em;
        left: 18.6%;
    }
    .za-zdravlje-srca .box-2{
        width: 13em;
        left: 59.6%;
    }
    .omegol-linija{
        width: 100%;
        padding-top: 46.875%;
    }
    .omegol-linija::before{
        width: 30.8333%;
        margin-top: 1.35416%;
        padding-top: 2.65625%;
    }
    .omegol-linija .title{
        right: 3.64583%;
        width: 38.54%;
        margin-top: 5.625%;
        padding-top: 11.979166%;
    }
    .omegol-linija .desc{
        right: 73.229%;
        width: 12em;
        font-size: 3.5em;
        text-align: right;
        padding-top: 11.458%;
        z-index: 2;
    }
    .omegol-linija .product-slider{
        left: 33.3333333%;
        width: 34.4270833%;
        margin-top: 11.5625%;
        padding-top: 29.7395833%;
    }
    .omegol-linija .logo{
        right: 3.64583%;
        width: 9.3229166%;
        margin-top: 36.8229166%;
        padding-top: 2.5%;
    }
    .omegol-linija > .text{
        display: flex;
        justify-content: center;
        align-items: center;
        right: 4.16%;
        width: 15em;
        height: 42%;
        font-size: 3.5em;
        margin-top: 17%;
        z-index: 5;
    }
    .omegol-linija .text > div{
        font-size: 0.8em;
    }
    .omegol-linija > .text .animate{
        top: 50%;
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .srce-je-vazno{
        width: 100%;
        padding-top: 61.3541666%
    }
    .srce-je-vazno::before{
        width: 30.8333%;
        margin-top: 1.3541666%;
        padding-top: 2.65625%;
    }
    .srce-je-vazno .srce{
        left: 11.875%;
        width: 38.4895833%;
        padding-top: 33.3854166%;
    }
    .srce-je-vazno .title{
        right: 7.2395833%;
        width: 22.708333%;
        margin-top: 10%;
        padding-top: 13.125%;
    }
    .srce-je-vazno .desc{
        right: 76.3541666%;
        width: 10.5em;
        font-size: 3.5em;
        margin-top: 18.4895833%;
    }
    .srce-je-vazno .namaz{
        width: 77.1875%;
        margin-top: 16.1979166%;
        padding-top: 42.8125%;
    }
    .srce-je-vazno .slogan{
        right: 7.2395833%;
        font-size: 3.5em;
        line-height: 1.019142857;
        margin-top: 19.3229166%;
    }
    .srce-je-vazno .popup-open{
        right: 4.58333%;
        width: 25.15625%;
        margin-top: 24.0625%;
        padding-top: 8.958333%;
        background-image: url(images/srce-je-vazno-cta.png);
        background-image: url(images/srce-je-vazno-cta.webp);
        cursor: pointer;
    }
    .srce-je-vazno .popup{
        display: none;
        width: 52.6041666%;
        margin-top: 33.59375%;
        padding-top: 20.2604166%;
        background-image: url(images/srce-je-vazno-popup.png);
        background-image: url(images/srce-je-vazno-popup.webp);
    }
    .srce-je-vazno .popup .text{
        left: 6.4356435%;
        font-size: 2.8em;
        line-height: 1em;
    }
    .srce-je-vazno-video{
        width: 100%;
        padding-top: 37.8645833%;
        /*padding-top: 87.8645833%;*/
    }
    /*.srce-je-vazno-video::before{
        width: 54.4791666%;
        margin-top: 23.6458333%;
        padding-top: 59.6354166%;
    }*/
    .srce-je-vazno-video .title{
        left: 3.8541666%;
        width: 22.708333%;
        padding-top: 13.0729166%;
    }
    .srce-je-vazno-video .image{
        right: 3.6458333%;
        width: 60.7291666%;
        margin-top: 2.1354166%;
        padding-top: 30.0520833%;
    }
    .srce-je-vazno-video .desc{
        right: 73.4375%;
        width: 12em;
        font-size: 3.5em;
        margin-top: 13.0729166%;
    }
    .srce-je-vazno-video .video-slider{
        left: 2.7604167%;
        width: 94.4791666%;
        margin-top: 35.1041666%;
    }
    .srce-je-vazno-video .video-slider .item > *{
        padding: 0 4.21875%;
    }
    .srce-je-vazno-video .video-slider .item .caption{
        font-size: 3.5em;
        padding-top: 7.5949367%;
    }
    .upoznajte-omegol{
        width: 100%;
        padding-top: 8.88541666%;
        padding-bottom: 1.614583%;
    }
    .upoznajte-omegol::before{
        width: 100%;
        margin-top: 5.8854166%;
        padding-top: 2.65625%;
    }
    .upoznajte-omegol .rezultati{
        width: 188em;
    }
    .upoznajte-omegol .rezultati .item{
        padding: 12em;
    }
    .upoznajte-omegol .rezultati .item .box{
        align-items: center;
        border-radius: 10em;
        box-shadow: 0em 0em 11.76em 0.24em rgba(0,0,0,0.1); 
    }
    .upoznajte-omegol .rezultati .item .box .image{
        min-width: 27.4390243%;
        height: 100%;
    }
    .upoznajte-omegol .rezultati .item .box .text{
        font-size: 3.5em;
        padding: 2.857142857em;
    }
    .upoznajte-omegol .prev-arrow, .upoznajte-omegol .next-arrow{
        width: 3em;
        height: 5.2em;
        z-index: 9;
    }
    .upoznajte-omegol .prev-arrow{
        left: 4.8em;
    }
    .upoznajte-omegol .next-arrow{
        right: 4.8em;
    }
}