@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: fs_hackney_web;
  src: url(../index/fs_hackney_web_heavy-webfont.woff2);
  src:
    url(../index/fs_hackney_web_heavy-webfont.woff2?#iefix) format("embedded-opentype"),
    url(../index/fs_hackney_web_heavy-webfont.woff2) format("woff2"),
    url(../index/fs_hackney_web_heavy-webfont.woff2) format("woff"),
    url(../index/fs_hackney_web_heavy-webfont.woff2) format("truetype"),
    url(../index/fs_hackney_web_heavy-webfont.woff2#fs_hackney_webheavy) format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: fs_hackney_web;
  src: url(../index/fs_hackney_web_bold-webfont.woff2);
  src:
    url(../index/fs_hackney_web_bold-webfont.woff2?#iefix) format("embedded-opentype"),
    url(../index/fs_hackney_web_bold-webfont.woff2) format("woff2"),
    url(../index/fs_hackney_web_bold-webfont.woff2) format("woff"),
    url(../index/fs_hackney_web_bold-webfont.woff2) format("truetype"),
    url(../index/fs_hackney_web_bold-webfont.woff2#fs_hackney_webheavy) format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/roboto-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../index/roboto-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../index/roboto-slab-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}

@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../index/roboto-slab-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(../index/rubik-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(../index/rubik-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: index-font;
  src: url(../index/index-font.woff?1787742575);
  src:
    url(../index/index-font.woff?1787742575#iefix) format("eot"),
    url(../index/index-font.woff?1787742575) format("woff"),
    url(../index/index-font.woff?1787742575) format("truetype"),
    url(../index/index-font.woff?1787742575#index-font) format("svg");
}

@charset "UTF-8";
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}
[hidden] {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
b,
strong {
  font-weight: 700;
}
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
small {
  font-size: 80%;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
button,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button {
  text-transform: none;
}
button {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled] {
  cursor: default;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
@media print {
  *,
  :after,
  :before {
    color: #000 !important;
    text-shadow: none !important;
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  a[href^="#"]:after {
    content: "";
  }
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  h2,
  p {
    orphans: 3;
    widows: 3;
  }
  h2 {
    page-break-after: avoid;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
button,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:focus,
a:hover {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.h1,
.h2,
h1,
h2 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
h1 .small,
h1 small,
h2 .small,
h2 small {
  font-weight: 400;
  line-height: 1;
  color: #777;
}
.h1,
.h2,
h1,
h2 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
h1 .small,
h1 small,
h2 .small,
h2 small {
  font-size: 65%;
}
.h1,
h1 {
  font-size: 36px;
}
.h2,
h2 {
  font-size: 30px;
}
p {
  margin: 0 0 10px;
}
.small,
small {
  font-size: 85%;
}
.text-center {
  text-align: center;
}
.text-uppercase {
  text-transform: uppercase;
}
ul {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul {
  margin-bottom: 0;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn.active:focus,
.btn:active:focus,
.btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled] {
  cursor: not-allowed;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}
a.btn.disabled {
  pointer-events: none;
}
.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:active,
.btn-link:focus,
.btn-link:hover {
  border-color: transparent;
}
.btn-link:focus,
.btn-link:hover {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover {
  color: #777;
  text-decoration: none;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  color: #777;
}
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #eee;
  border-color: #337ab7;
}
.nav > li > a > img {
  max-width: none;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.clearfix:after,
.clearfix:before,
.nav:after,
.nav:before {
  display: table;
  content: " ";
}
.clearfix:after,
.nav:after {
  clear: both;
}
.hidden {
  display: none !important;
}
@-ms-viewport {
  width: device-width;
}
:root {
  --swiper-theme-color: #007aff;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
:root {
  --swiper-navigation-size: 44px;
}
.index-add-cover:before {
  content: "\e001";
}
.index-arrow-down-right:before {
  content: "\e002";
}
.index-arrow-down-triangle:before {
  content: "\e003";
}
.index-arrow-down:before {
  content: "\e004";
}
.index-arrow-drop:before {
  content: "\e005";
}
.index-arrow-increase:before {
  content: "\e006";
}
.index-arrow-left:before {
  content: "\e007";
}
.index-arrow-right-triangle:before {
  content: "\e008";
}
.index-arrow-right:before {
  content: "\e009";
}
.index-arrow-up-right:before {
  content: "\e00a";
}
.index-arrow-wind:before {
  content: "\e00b";
}
.index-arrow_left_right:before {
  content: "\e00c";
}
.index-arrow_up_down:before {
  content: "\e00d";
}
.index-audio-circle:before {
  content: "\e00e";
}
.index-audio:before {
  content: "\e00f";
}
.index-basket:before {
  content: "\e010";
}
.index-bullhorn-circle:before {
  content: "\e011";
}
.index-bullhorn:before {
  content: "\e012";
}
.index-calendar-circle:before {
  content: "\e013";
}
.index-camera:before {
  content: "\e014";
}
.index-category:before {
  content: "\e015";
}
.index-chat:before {
  content: "\e016";
}
.index-check:before {
  content: "\e017";
}
.index-chevron-left-s:before {
  content: "\e018";
}
.index-chevron-left:before {
  content: "\e019";
}
.index-chevron-right-s:before {
  content: "\e01a";
}
.index-chevron-right:before {
  content: "\e01b";
}
.index-cijene-symbol-1:before {
  content: "\e01c";
}
.index-cijene-symbol-2:before {
  content: "\e01d";
}
.index-cijene-symbol-3:before {
  content: "\e01e";
}
.index-clock:before {
  content: "\e01f";
}
.index-close-b:before {
  content: "\e020";
}
.index-close:before {
  content: "\e021";
}
.index-comment-alt:before {
  content: "\e022";
}
.index-comment-circle:before {
  content: "\e023";
}
.index-comment:before {
  content: "\e024";
}
.index-cross:before {
  content: "\e025";
}
.index-delete-outline:before {
  content: "\e026";
}
.index-delete:before {
  content: "\e027";
}
.index-direction:before {
  content: "\e028";
}
.index-dislike:before {
  content: "\e029";
}
.index-dot:before {
  content: "\e02a";
}
.index-dots:before {
  content: "\e02b";
}
.index-exclamation-circle:before {
  content: "\e02c";
}
.index-facebook-circle:before {
  content: "\e02d";
}
.index-facebook:before {
  content: "\e02e";
}
.index-feedback:before {
  content: "\e02f";
}
.index-fullscreen:before {
  content: "\e030";
}
.index-gallery-arrow-left:before {
  content: "\e031";
}
.index-gallery-arrow-right:before {
  content: "\e032";
}
.index-google:before {
  content: "\e033";
}
.index-gplus:before {
  content: "\e034";
}
.index-hamburger:before {
  content: "\e035";
}
.index-heart-fill:before {
  content: "\e036";
}
.index-heart:before {
  content: "\e037";
}
.index-info:before {
  content: "\e038";
}
.index-injection:before {
  content: "\e039";
}
.index-instagram:before {
  content: "\e03a";
}
.index-interview-circle:before {
  content: "\e03b";
}
.index-interview:before {
  content: "\e03c";
}
.index-like:before {
  content: "\e03d";
}
.index-link:before {
  content: "\e03e";
}
.index-linkedIn:before {
  content: "\e03f";
}
.index-live-basket:before {
  content: "\e040";
}
.index-live-card:before {
  content: "\e041";
}
.index-live-cards:before {
  content: "\e042";
}
.index-live-circle:before {
  content: "\e043";
}
.index-live-corner:before {
  content: "\e044";
}
.index-live-football-goal:before {
  content: "\e045";
}
.index-live-foul-free-kick:before {
  content: "\e046";
}
.index-live-free-throw:before {
  content: "\e047";
}
.index-live-half-time-end:before {
  content: "\e048";
}
.index-live-half-time-start:before {
  content: "\e049";
}
.index-live-handball-goal:before {
  content: "\e04a";
}
.index-live-highlight:before {
  content: "\e04b";
}
.index-live-huge-opportunity:before {
  content: "\e04c";
}
.index-live-injury:before {
  content: "\e04d";
}
.index-live-interruption-fall-withdrawal:before {
  content: "\e04e";
}
.index-live-knockout:before {
  content: "\e04f";
}
.index-live-match-end:before {
  content: "\e050";
}
.index-live-match-start:before {
  content: "\e051";
}
.index-live-offside:before {
  content: "\e052";
}
.index-live-overtime-end:before {
  content: "\e053";
}
.index-live-overtime-start:before {
  content: "\e054";
}
.index-live-penalty:before {
  content: "\e055";
}
.index-live-person:before {
  content: "\e056";
}
.index-live-press-conference:before {
  content: "\e057";
}
.index-live-quarter-end:before {
  content: "\e058";
}
.index-live-quarter-start:before {
  content: "\e059";
}
.index-live-set-game:before {
  content: "\e05a";
}
.index-live-seven-meters:before {
  content: "\e05b";
}
.index-live-substitution:before {
  content: "\e05c";
}
.index-live-suspension:before {
  content: "\e05d";
}
.index-live-timeout:before {
  content: "\e05e";
}
.index-live-transfer:before {
  content: "\e05f";
}
.index-live-var-no-goal:before {
  content: "\e060";
}
.index-live-var:before {
  content: "\e061";
}
.index-live-water-polo-goal:before {
  content: "\e062";
}
.index-live-winner-first-place:before {
  content: "\e063";
}
.index-live:before {
  content: "\e064";
}
.index-loader-circle:before {
  content: "\e065";
}
.index-logo:before {
  content: "\e066";
}
.index-magnifier:before {
  content: "\e067";
}
.index-mail:before {
  content: "\e068";
}
.index-mail2:before {
  content: "\e069";
}
.index-mail3:before {
  content: "\e06a";
}
.index-map-pin:before {
  content: "\e06b";
}
.index-messenger:before {
  content: "\e06c";
}
.index-meteoalarm-1:before {
  content: "\e06d";
}
.index-meteoalarm-10:before {
  content: "\e06e";
}
.index-meteoalarm-11:before {
  content: "\e06f";
}
.index-meteoalarm-12:before {
  content: "\e070";
}
.index-meteoalarm-2:before {
  content: "\e071";
}
.index-meteoalarm-3:before {
  content: "\e072";
}
.index-meteoalarm-4:before {
  content: "\e073";
}
.index-meteoalarm-5:before {
  content: "\e074";
}
.index-meteoalarm-6:before {
  content: "\e075";
}
.index-meteoalarm-7:before {
  content: "\e076";
}
.index-meteoalarm-8:before {
  content: "\e077";
}
.index-meteoalarm-9:before {
  content: "\e078";
}
.index-money:before {
  content: "\e079";
}
.index-open-link:before {
  content: "\e07a";
}
.index-pause-circle:before {
  content: "\e07b";
}
.index-pause:before {
  content: "\e07c";
}
.index-pencil:before {
  content: "\e07d";
}
.index-pepper:before {
  content: "\e07e";
}
.index-photo-circle:before {
  content: "\e07f";
}
.index-photo:before {
  content: "\e080";
}
.index-picture:before {
  content: "\e081";
}
.index-pinterest:before {
  content: "\e082";
}
.index-play-circle:before {
  content: "\e083";
}
.index-play:before {
  content: "\e084";
}
.index-plus:before {
  content: "\e085";
}
.index-product:before {
  content: "\e086";
}
.index-recepti-plus:before {
  content: "\e087";
}
.index-refresh:before {
  content: "\e088";
}
.index-reply:before {
  content: "\e089";
}
.index-send:before {
  content: "\e08a";
}
.index-share:before {
  content: "\e08b";
}
.index-shopping-cart:before {
  content: "\e08c";
}
.index-square:before {
  content: "\e08d";
}
.index-star-half:before {
  content: "\e08e";
}
.index-star:before {
  content: "\e08f";
}
.index-success:before {
  content: "\e090";
}
.index-tiktok:before {
  content: "\e091";
}
.index-timer:before {
  content: "\e092";
}
.index-triangle-up:before {
  content: "\e093";
}
.index-trophy:before {
  content: "\e094";
}
.index-twitter:before {
  content: "\e095";
}
.index-user-alt:before {
  content: "\e096";
}
.index-user:before {
  content: "\e097";
}
.index-verify:before {
  content: "\e098";
}
.index-viber:before {
  content: "\e099";
}
.index-video-arrow-left:before {
  content: "\e09a";
}
.index-video-arrow-right:before {
  content: "\e09b";
}
.index-video-circle:before {
  content: "\e09c";
}
.index-video:before {
  content: "\e09d";
}
.index-wapp:before {
  content: "\e09e";
}
.index-weather-cloud-cover:before {
  content: "\e09f";
}
.index-weather-ice:before {
  content: "\e0a0";
}
.index-weather-liquid:before {
  content: "\e0a1";
}
.index-weather-moonrise:before {
  content: "\e0a2";
}
.index-weather-moonset:before {
  content: "\e0a3";
}
.index-weather-rain:before {
  content: "\e0a4";
}
.index-weather-snow:before {
  content: "\e0a5";
}
.index-weather-sunrise:before {
  content: "\e0a6";
}
.index-weather-sunset:before {
  content: "\e0a7";
}
.index-weather-thunderstorm:before {
  content: "\e0a8";
}
.index-weather-uv-index:before {
  content: "\e0a9";
}
.index-weather-wind-gust:before {
  content: "\e0aa";
}
.index-weather-wind:before {
  content: "\e0ab";
}
.index-x:before {
  content: "\e0ac";
}
.index-youtube:before {
  content: "\e0ad";
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(1.1875em, 0);
  }
}
@keyframes homepage-skeleton-shimmer {
  0% {
    background-position: -600px 0;
  }
  100% {
    background-position: 600px 0;
  }
}
* {
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}
a:focus,
a:focus-visible,
button:focus-visible {
  outline: 0;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
a {
  color: #1d1d1d;
}
a:focus,
a:hover {
  text-decoration: none;
  color: #1d1d1d;
}
h1,
h2 {
  margin: 0;
  padding: 0;
}
button,
button:active,
button:focus {
  background: 0 0;
  outline: 0;
  padding: 0;
}
.visible {
  visibility: visible;
}
.display-none {
  display: none !important;
}
.no-padding {
  padding: 0 !important;
}
.center-aligner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.flex {
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.flex-align-items-center {
  align-items: center;
}
.flex-justify-space-between {
  justify-content: space-between;
}
.flex-1 {
  flex: 1;
}
.img-holder {
  position: relative;
  background: #ebebeb;
  overflow: hidden;
}
.img-holder img {
  position: absolute;
  width: 100%;
  font-size: 0;
}
.index-rotate {
  -webkit-animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes pulse-ring {
  0% {
    transform: scale(0.33);
  }
  100%,
  80% {
    opacity: 0;
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
@keyframes animationFade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes animationFadeLight {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.title-pulse-dot {
  animation:
    pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite,
    animationFadeLight 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
  display: inline-block;
  font-size: 0.6em;
  position: relative;
  top: -0.1em;
  margin-right: 1px;
}
body,
html {
  height: 100%;
  min-height: 100%;
}
body {
  color: #1d1d1d;
  font-family: Roboto, sans-serif, "Noto Color Emoji";
  background: #fff;
  margin: 0;
}
.main-container {
  max-width: 1240px;
  margin: auto;
  padding: 0 20px;
  position: relative;
}
.dropdown-menu {
  z-index: 990 !important;
}
.separator-45 {
  height: 45px;
}
.no-height {
  height: 0 !important;
}
.dropdown-menu {
  padding: 0;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #ebebeb;
  font-size: 12px;
  font-family: Rubik, sans-serif;
  line-height: 38px;
  z-index: 200;
}
.dropdown-menu li {
  padding: 0 20px;
}
.dropdown-menu li:hover {
  color: #fff;
}
.scroll-menu-arrows-holder {
  position: relative;
  overflow: hidden;
}
.scroll-menu-arrows-holder .scroll-menu {
  min-width: 4000px;
}
.scroll-menu-arrows-holder .scroll-menu-arrows {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  background: #fff;
}
.scroll-menu-arrows-holder .scroll-menu-arrows .navigation-arrow {
  float: left;
  line-height: 41px;
  width: 41px;
  font-size: 8px;
  cursor: pointer;
}
.scroll-menu-arrows-holder .scroll-menu-arrows .navigation-arrow:not(:last-child) {
  border-right: 1px solid #ebebeb;
}
.scroll-menu-arrows-holder .scroll-menu-arrows .navigation-arrow.disabled {
  cursor: default;
  color: #c5c5c5;
  pointer-events: none;
}
.popup-holder {
  background-color: #fff;
  box-shadow: -26px 15px 128px 0 rgba(31, 31, 31, 0.35);
  position: fixed;
  top: calc(50% - 190px);
  left: calc(50% - 307px);
  z-index: 999999;
  padding: 16px;
  border-radius: 8px;
}
.popup-holder .btn-close-popup {
  font-size: 17px;
  line-height: 17px;
  padding: 10px;
  position: absolute;
  top: 6px;
  right: 6px;
  color: #828282;
  cursor: pointer;
}
.popup-overlay-container {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
}
.main-menu-container {
  position: absolute;
  width: 100%;
}
.main-menu-container .main-container {
  overflow: initial;
}
.main-menu-container .fixed-top {
  position: fixed !important;
  top: 0;
  z-index: 999999;
  width: 100%;
}
.main-menu-container .main-menu {
  font-family: Rubik, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  height: 60px;
  position: relative;
  z-index: 300;
}
.main-menu-container .main-menu .logo {
  margin: 0;
  font-size: 0;
  line-height: 60px;
  height: 60px;
  position: relative;
  float: left;
  z-index: 100;
  padding: 0 27px;
  overflow: hidden;
}
.main-menu-container .main-menu .logo .homepage-link {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  z-index: 2;
}
.main-menu-container .main-menu .logo img {
  margin: -3px 0 0 -1px;
  position: relative;
  z-index: 1;
}
.main-menu-container .main-menu .logo .small {
  display: none;
}
.main-menu-container .main-menu .menu-holder {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  height: 60px;
  background: #fff;
  position: relative;
}
.main-menu-container .main-menu i {
  font-size: 15px;
  line-height: 58px;
}
.main-menu-container .main-menu .dropdown-content {
  position: absolute;
  top: 58px;
  background: #fff;
  width: 195px;
  z-index: 300;
  border: 1px solid #ebebeb;
  font-family: Rubik, sans-serif;
  font-weight: 300;
  text-transform: none;
  left: calc(50% - 97.5px);
}
.main-menu-container .main-menu .dropdown-content:before {
  content: "";
  position: absolute;
  left: calc(50% - 10px);
  top: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  z-index: 200;
}
.main-menu-container .main-menu .dropdown-content:after {
  content: "";
  position: absolute;
  left: calc(50% - 11px);
  top: -11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 11px 11px;
  border-color: transparent transparent #ebebeb transparent;
  z-index: 100;
}
.main-menu-container .main-menu .dropdown-content li {
  float: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.main-menu-container .main-menu .dropdown-content li a {
  padding-left: 25px !important;
  line-height: 50px;
}
.main-menu-container .main-menu .dropdown-content li:hover a {
  color: #fff;
}
.main-menu-container .main-menu li {
  float: left;
  position: relative;
}
.main-menu-container .main-menu li .expandable,
.main-menu-container .main-menu li a,
.main-menu-container .main-menu li span {
  color: #232323;
  text-decoration: none;
  padding: 0 13px;
  display: block;
  line-height: 60px;
  cursor: pointer;
}
.main-menu-container .main-menu li .expandable:hover,
.main-menu-container .main-menu li a:hover,
.main-menu-container .main-menu li span:hover {
  color: grey;
}
.main-menu-container .main-menu li .btn-open-search {
  padding: 0 15px;
  cursor: pointer;
}
.main-menu-container .main-menu li .btn-open-search:hover {
  color: grey;
}
.main-menu-container .main-menu li:first-child a {
  padding-left: 26px;
}
.main-menu-container .main-menu li .user-menu .separator {
  border-right: 1px solid #ebebeb;
}
.main-menu-container .main-menu li .user-menu .login-btn {
  padding: 0 15px;
  margin-top: 21px;
  line-height: 15px;
  cursor: pointer;
}
.main-menu-container .main-menu li .user-menu .login-btn i {
  line-height: 15px;
}
.main-menu-container .main-menu .right-part {
  float: right;
}
.main-menu-container .main-menu .right-part a.menu-icon {
  height: 60px;
}
.main-menu-container .main-menu .right-part a:last-child {
  padding-right: 0;
}
@media (max-width: 1024px) {
  .main-menu-container .main-menu {
    font-size: 12px;
    height: 54px;
  }
  .main-menu-container .main-menu .logo {
    line-height: 54px;
    height: 54px;
  }
  .main-menu-container .main-menu .logo img {
    margin: -3px 0 0 -1px;
  }
  .main-menu-container .main-menu .menu-holder {
    height: 54px;
  }
  .main-menu-container .main-menu .dropdown-content {
    top: 52px;
  }
  .main-menu-container .main-menu .vijesti-text {
    padding-left: 30px;
  }
  .main-menu-container .main-menu li .expandable,
  .main-menu-container .main-menu li a {
    padding: 0 11px;
    line-height: 54px;
  }
  .main-menu-container .main-menu li:first-child a {
    padding-left: 22px;
  }
  .main-menu-container .main-menu i {
    font-size: 15px;
    line-height: 52px;
  }
  .main-menu-container .main-menu .right-part a {
    height: 54px;
  }
}
.sub-menu-container {
  margin-top: 60px !important;
}
.sub-menu-container .sub-menu-holder {
  height: 43px;
  position: relative;
  z-index: 100;
  width: 100%;
}
.sub-menu-container .sub-menu-holder .sub-menu {
  border-bottom: 1px solid #ebebeb;
  height: 42px;
}
.sub-menu-container .sub-menu-holder .sub-menu .sub-menu-item {
  font-family: Rubik, sans-serif;
  font-size: 14px;
  float: left;
  line-height: 40px;
  position: relative;
  border-bottom-width: 3px;
}
.sub-menu-container .sub-menu-holder .sub-menu .sub-menu-item.active,
.sub-menu-container .sub-menu-holder .sub-menu .sub-menu-item:hover {
  border-bottom-style: solid;
}
.sub-menu-container .sub-menu-holder .sub-menu .sub-menu-item a {
  padding: 0 10px;
  display: block;
}
.sub-menu-container .sub-menu-holder .sub-menu:not(:first-child) {
  margin-left: 5px;
}
.main-footer .logo {
  display: block;
}
.main-footer .logo img {
  width: 184px;
}
.main-footer .logo-holder {
  padding: 18px 0 20px;
  display: flex;
  align-items: center;
}
.main-footer .premium-holder {
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  gap: 30px;
}
.main-footer .premium-holder__title {
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 3px;
}
.main-footer .premium-holder__title--accent {
  font-weight: 700;
}
.main-footer .premium-holder__button {
  background: #eb1e25;
  border-radius: 6px;
  color: #fff;
  font-family: Rubik, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.048px;
  width: 140px;
  text-align: center;
  display: block;
  transition: color 0.2s linear;
}
.main-footer .premium-holder__button:hover {
  background: #cf1118;
}
.main-footer .list-holder {
  padding: 25px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.main-footer .list-holder ul {
  flex: 1;
  margin-right: 20px;
}
.main-footer .list-holder ul:not(:last-child) {
  border-right: 1px solid #ebebeb;
}
.main-footer .list-holder ul li {
  font-size: 12px;
  line-height: 2.38;
  letter-spacing: 0.4px;
}
.main-footer .list-holder ul li a {
  color: #919191;
  font-size: 13px;
}
.main-footer .list-holder ul li a i {
  margin-right: 10px;
  width: 20px;
  display: inline-block;
  text-align: center;
  color: #1d1d1d;
}
.main-footer .list-holder ul li a i.youtube {
  font-size: 10px;
}
.main-footer .list-holder ul li.heading {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 10px;
}
.main-footer .list-holder ul li.heading a {
  color: #232323;
}
.main-footer .impressum {
  line-height: 50px;
  font-size: 13px;
  color: #919191;
}
.main-footer .impressum li {
  float: right;
}
.main-footer .impressum li:not(:last-child) {
  float: left;
  margin-right: 25px;
}
.main-footer .impressum a {
  color: #919191;
}
.timeline-side .timeline-tab {
  font-size: 24px;
  font-weight: 300;
  line-height: 19px;
  margin-bottom: 28px;
  text-align: center;
}
.timeline-side .timeline-tab li {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
  line-height: 12px;
  font-weight: 500;
}
.timeline-side .timeline-tab li a {
  color: #c5c5c5;
  padding: 0;
  padding: 0 9px 18px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.timeline-side .timeline-tab li a:focus,
.timeline-side .timeline-tab li a:hover {
  color: #100f14;
  background: 0 0;
}
.timeline-side .timeline-tab li.active a {
  color: #100f14;
}
.timeline-side .timeline-tab li.active:first-child ~ hr {
  margin-left: 37px;
  width: 80px;
}
.timeline-side .timeline-tab li.active:nth-child(2) ~ hr {
  margin-left: 155px;
  width: 92px;
}
.timeline-side .timeline-tab li:hover a {
  color: #100f14;
}
.timeline-side .timeline-tab li:hover:first-child ~ hr {
  margin-left: 37px;
  width: 80px;
}
.timeline-side .timeline-tab li:hover:nth-child(2) ~ hr {
  margin-left: 155px;
  width: 92px;
}
.timeline-side .timeline-tab hr {
  height: 3px;
  margin: 0;
  border: none;
  transition: 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.timeline-content ul {
  position: relative;
}
.timeline-content ul li:not(:last-child) article {
  padding-bottom: 22px;
}
.timeline-content ul article {
  position: relative;
  gap: 20px;
}
.timeline-content ul article .side-content {
  width: 35px;
  font-family: Flama;
  position: relative;
}
.timeline-content ul article .num {
  display: block;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
.timeline-content ul article .desc {
  display: block;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
}
.timeline-content ul article .title-box {
  flex: 1;
}
.timeline-content ul article .title-box a {
  font-size: 15px;
  line-height: 1.33;
  color: #1d1d1d;
  font-weight: 400;
  display: block;
  word-break: break-word;
}
.timeline-content .more-news {
  font-family: Rubik, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  color: #c5c5c5;
  display: block;
  width: 300px;
  border: solid 1px #efefef;
  line-height: 45px;
  text-align: center;
  margin-top: 24px;
}
.timeline-content.latest ul li:not(:last-child) article:before {
  content: "";
  position: absolute;
  left: 17px;
  top: 45px;
  background: #ebebeb;
  height: calc(100% - 50px);
  width: 1px;
  display: block;
  z-index: 1;
}
.timeline-content.most-read .title-box {
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.timeline-content.most-read .title-box .line {
  position: absolute;
  height: 3px;
  bottom: -2px;
  background: #c5c5c5;
}
.social-holder {
  font-family: Roboto, sans-serif;
  display: inline-block;
  color: #fff;
  align-items: center;
  height: 32px;
}
.social-holder .other {
  background: #c6c6c6;
  width: 20px;
  height: 20px;
  text-align: center;
  cursor: pointer;
  font-size: 11px;
  line-height: 24px;
}
@keyframes pulse-ring {
  0% {
    transform: scale(0.33);
  }
  100%,
  80% {
    opacity: 0;
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
.tags-holder .tag-item {
  font-family: Rubik, sans-serif;
  font-size: 13px;
  line-height: 33px;
  border-radius: 16.5px;
  padding: 0 14px;
  background: #f2f2f2;
  display: inline-block;
  margin: 0 10px 10px 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-transform: lowercase;
  cursor: pointer;
}
.tags-holder .tag-item .hashtag {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tags-holder .tag-item:not(:last-child) {
  margin-right: 10px;
}
.tags-holder .tag-item:hover {
  color: #fff;
}
.tags-holder .tag-item:hover .hashtag {
  color: #fff !important;
}
.portal-comments-container .profile-image-holder {
  position: relative;
  color: #828282;
}
.portal-comments-container .profile-image-holder .profile-image {
  height: 40px;
  width: 40px;
  margin-right: 10px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  border-radius: 50%;
  overflow: hidden;
}
.portal-comments-container .profile-image-holder .profile-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.portal-comments-container .profile-image-holder .profile-image:not(.initials) {
  display: block;
}
.portal-comments-container .footer-holder {
  justify-content: end;
  align-items: center;
}
.portal-comments-container .footer-holder .btn-main {
  padding: 0 10px;
  font-family: Rubik, sans-serif;
  font-size: 13px;
  line-height: 31px;
  font-weight: 500;
  text-transform: uppercase;
  border: none;
  color: #fff;
  height: 31px;
  text-align: center;
  border-radius: 2px;
  margin-top: 12px;
  cursor: pointer;
}
.portal-comments-container .footer-holder .desc {
  font-size: 10px;
  line-height: 16px;
  margin-top: 5px;
  color: #828282;
}
.portal-comments-container .comments-sorting-container {
  line-height: 17px;
  font-size: 15px;
  font-weight: 700;
  padding-bottom: 12px;
  margin-top: 30px;
}
.portal-comments-container .comments-sorting-container .total-count {
  color: #c5c5c5;
}
.portal-comments-container .comments-sorting-container .comments-title {
  margin-right: 7px;
}
.portal-comments-container .comments-sorting-container .sorting-holder {
  font-family: Rubik, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
}
.portal-comments-container .comments-sorting-container .sorting-holder .options {
  font-size: 12px;
}
.portal-comments-container .comments-sorting-container .sorting-holder .options i {
  font-size: 6px;
  padding-left: 10px;
  line-height: 17px;
  position: absolute;
  top: 0;
  right: 0;
}
.portal-comments-container
  .comments-sorting-container
  .sorting-holder
  .options.open
  .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.portal-comments-container .comments-sorting-container .sorting-holder .options .dropdown-toggle {
  margin-right: 15px;
}
.portal-comments-container .comments-sorting-container .sorting-holder .options .dropdown-menu {
  left: 0;
  max-width: 190px;
  width: 190px;
  text-transform: initial;
}
.portal-comments-container .comments-sorting-container .sorting-holder .options li {
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 46px;
  font-weight: 500;
}
.portal-comments-container .comments-sorting-container .sorting-holder .options li:hover {
  cursor: pointer;
}
.portal-comments-container
  .comments-rating-distribution
  .average-holder
  .average-stars
  .star
  .index-star-half {
  position: absolute;
  top: 0;
  left: 0;
}
.portal-comments-container .comments-new-holder {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 12px;
}
.portal-comments-container .comments-new-holder .input-holder {
  position: relative;
  flex: 1;
  padding-right: 40px;
}
.portal-comments-container .comments-new-holder .input-holder .input-field {
  width: 100%;
  border: none;
  padding: 0;
  resize: vertical;
  border-radius: 0;
  height: 22px;
  margin-top: 8px;
  resize: none;
  display: block;
}
.portal-comments-container .comments-new-holder .input-holder .input-field::placeholder {
  color: #828282;
  opacity: 1;
}
.portal-comments-container .comments-new-holder .input-holder .input-field:-ms-input-placeholder {
  color: #828282;
}
.portal-comments-container .comments-new-holder .input-holder .input-field::-ms-input-placeholder {
  color: #828282;
}
.portal-comments-container .comment-holder {
  border-top: 1px solid #ebebeb;
}
.portal-comments-container .comment-holder.disabled {
  opacity: 0.5;
}
.portal-comments-container .comment-holder .profile-image-holder {
  margin-top: 12px;
}
.portal-comments-container .comment-holder .comment-main-content-container {
  flex: 1;
}
.portal-comments-container
  .comment-holder
  .comment-main-content-container
  .comment-main-content-holder {
  padding-top: 12px;
}
.portal-comments-container
  .comment-holder
  .comment-main-content-container
  .comment-main-content-holder
  .comment-info {
  justify-content: space-between;
  line-height: 16px;
  align-items: center;
}
.portal-comments-container
  .comment-holder
  .comment-main-content-container
  .comment-main-content-holder
  .comment-info
  .profile-name-holder {
  align-items: baseline;
}
.portal-comments-container
  .comment-holder
  .comment-main-content-container
  .comment-main-content-holder
  .comment-info
  .profile-name {
  font-size: 14px;
  font-weight: 700;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.portal-comments-container
  .comment-holder
  .comment-main-content-container
  .comment-main-content-holder
  .comment-info
  .comment-date {
  font-size: 12px;
  color: #828282;
  margin-left: 5px;
  margin-right: 10px;
}
.portal-comments-container
  .comment-holder
  .comment-main-content-container
  .comment-main-content-holder
  .comment-content {
  margin-top: 4px;
  font-size: 15px;
  line-height: 22px;
  word-break: break-word;
  white-space: pre-line;
}
.portal-comments-container
  .comment-holder
  .comment-main-content-container
  .comment-main-content-holder
  .comment-actions {
  line-height: 14px;
  margin-top: 11px;
  margin-bottom: 12px;
  align-items: center;
}
.portal-comments-container
  .comment-holder
  .comment-main-content-container
  .comment-main-content-holder
  .comment-actions
  .icon {
  color: #ebebeb;
  font-size: 14px;
  position: relative;
  top: -1px;
}
.portal-comments-container
  .comment-holder
  .comment-main-content-container
  .comment-main-content-holder
  .comment-actions
  .btn-reply {
  font-size: 12px;
  text-transform: uppercase;
  cursor: pointer;
  color: #828282;
  display: flex;
  align-items: center;
  gap: 3px;
}
.portal-comments-container
  .comment-holder
  .comment-main-content-container
  .comment-main-content-holder
  .comment-actions
  .btn-reply:hover {
  color: #1d1d1d;
}
.portal-comments-container
  .comment-holder
  .comment-main-content-container
  .comment-main-content-holder
  .comment-actions
  .btn-reply:hover
  i {
  color: #c5c5c5;
}
.portal-comments-container .comment-replies-list .comment-holder {
  border-top: none !important;
}
.portal-comments-container
  .comment-replies-list
  .comment-holder
  .comment-main-content-container
  .comment-main-content-holder {
  padding-top: 0;
}
.portal-comments-container
  .comment-replies-list
  .comment-holder
  .comment-main-content-container
  .comment-main-content-holder
  .comment-info
  .profile-image-holder {
  margin-top: 0;
}
.portal-comments-container
  .comment-replies-list
  .comment-holder
  .comment-main-content-container
  .comment-main-content-holder
  .comment-info
  .profile-image-holder
  .profile-image {
  height: 16px;
  width: 16px;
  margin-right: 6px;
  font-size: 8px;
  line-height: 16px;
}
.portal-comments-container .reactions-holder {
  flex: 1;
  font-size: 12px;
  line-height: 12px;
}
.portal-comments-container .reactions-holder .reaction {
  margin-right: 15px;
  color: #ebebeb;
  cursor: pointer;
  align-items: center;
}
.portal-comments-container .reactions-holder .reaction .stats {
  color: #828282;
  margin-left: 3px;
}
.portal-comments-container .reactions-holder .reaction i {
  font-size: 14px;
}
.portal-comments-container .reactions-holder .reaction i.top {
  margin-top: -3px;
}
.portal-comments-container .reactions-holder .reaction i.bottom {
  margin-top: 1px;
}
.portal-comments-container .reactions-holder .reaction:hover .stats {
  color: #1d1d1d;
}
.portal-comments-container .reactions-holder .reaction:hover i {
  color: #c5c5c5;
}
.portal-comments-container .comments-warning-popup-holder {
  width: 610px;
  text-align: center;
  padding: 50px;
}
.portal-comments-container .comments-warning-popup-holder .main-title {
  font-size: 20px;
  margin-bottom: 30px;
}
.portal-comments-container .comments-warning-popup-holder .actions-holder {
  justify-content: space-evenly;
}
.portal-comments-container .comments-warning-popup-holder .actions-holder .btn-main {
  font-family: Rubik, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 50px;
  background: #f4f4f4;
  text-transform: uppercase;
  position: relative;
  text-align: center;
  cursor: pointer;
  padding: 0 12px;
  border-radius: 2px;
}
.portal-comments-container .comments-warning-popup-holder .actions-holder .btn-main:hover {
  background: #eb1e25;
  color: #fff;
}
.portal-comments-container .comments-warning-popup-holder .actions-holder .btn-main.accent {
  background: #eb1e25;
  color: #fff;
}
.portal-comments-container .comments-embed-popup-holder {
  width: 960px;
  top: calc(50% - 300px);
  left: calc(50% - 470px);
  text-align: center;
  padding: 30px;
}
.portal-comments-container .comments-embed-popup-holder .btn-close-popup {
  top: 10px;
  right: 20px;
}
.portal-comments-container .comments-embed-popup-holder .embed-holder {
  margin-top: 30px;
  position: relative;
  aspect-ratio: 16/9;
}
.portal-comments-container .comments-embed-popup-holder .embed-holder iframe {
  left: 0;
  top: 0;
  height: 100% !important;
  width: 100% !important;
  position: absolute;
}
@media (max-width: 900px) {
  .portal-comments-container .comments-embed-popup-holder {
    width: 660px;
    top: calc(50% - 215px);
    left: calc(50% - 330px);
  }
}
.status-new-container .status-new-popup {
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-new-container .status-new-popup .new-status-popup-holder {
  width: 810px;
  position: relative;
  padding-top: 46px;
  padding-bottom: 16px;
  padding-right: 0;
  top: unset;
  left: unset;
  bottom: unset;
  right: unset;
}
.status-new-container .status-new-popup .new-status-popup-holder .btn-close-popup {
  font-size: 16px;
  line-height: 16px;
}
.status-new-container .status-new-popup .warning-holder {
  padding: 12px;
  border-radius: 6px;
  background: #f9e5e6;
  border: 1px solid #eb1e25;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  margin: 32px 66px 50px 50px;
}
.status-new-container .status-new-popup .warning-holder a {
  text-decoration: underline;
}
.status-new-container .status-new-popup .status-new-inner {
  gap: 12px;
}
.status-new-container .status-new-popup .status-new-holder {
  padding-top: 8px;
}
.status-new-container .status-new-popup .status-new-holder .new-scroll-container {
  max-height: calc(100dvh - 230px);
  overflow-y: auto;
  padding-right: 16px;
}
.status-new-container .status-new-popup .status-new-holder .input-field {
  width: 100%;
  resize: none;
  border-radius: 0;
  height: 22px;
  border: none;
  overflow: hidden;
  line-height: 22px;
  padding: 0;
}
.status-new-container .status-new-popup .status-new-holder .input-field-lg {
  min-height: 84px;
}
.status-new-container .status-new-popup .status-new-holder .input-field::placeholder {
  color: #828282;
  opacity: 1;
}
.status-new-container .status-new-popup .status-new-holder .input-field:-ms-input-placeholder {
  color: #828282;
}
.status-new-container .status-new-popup .status-new-holder .input-field::-ms-input-placeholder {
  color: #828282;
}
.status-new-container .status-new-popup .status-new-holder.input-validation-error {
  border-color: #eb1e25;
}
.status-new-container .status-new-popup .status-new-holder .status-image-holder {
  position: relative;
  margin-top: 12px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #f5f5f5;
}
.status-new-container .status-new-popup .status-new-holder .status-image-holder img {
  width: 100%;
}
.status-new-container .status-new-popup .status-new-holder .status-video-holder {
  position: relative;
  margin-top: 12px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #f5f5f5;
}
.status-new-container .status-new-popup .status-new-holder .status-video-holder video {
  width: 100%;
  display: block;
}
.status-new-container .status-new-popup .status-new-holder .status-video-holder .player-overlay {
  cursor: pointer;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.status-new-container
  .status-new-popup
  .status-new-holder
  .status-video-holder
  .player-overlay
  .icon-holder {
  height: 80px;
  width: 80px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  color: #eb1e25;
}
.status-new-container
  .status-new-popup
  .status-new-holder
  .status-video-holder
  .player-overlay
  .icon-holder
  i {
  line-height: 80px;
  font-size: 34px;
  margin-left: 5px;
}
.status-new-container .status-new-popup .status-new-holder .status-fb-preview,
.status-new-container .status-new-popup .status-new-holder .status-ig-preview,
.status-new-container .status-new-popup .status-new-holder .status-image-holder,
.status-new-container .status-new-popup .status-new-holder .status-tiktok-preview,
.status-new-container .status-new-popup .status-new-holder .status-twitter-preview,
.status-new-container .status-new-popup .status-new-holder .status-video-holder,
.status-new-container .status-new-popup .status-new-holder .status-youtube-preview {
  position: relative;
}
.status-new-container .status-new-popup .status-new-holder .status-fb-preview .btn-remove,
.status-new-container .status-new-popup .status-new-holder .status-ig-preview .btn-remove,
.status-new-container .status-new-popup .status-new-holder .status-image-holder .btn-remove,
.status-new-container .status-new-popup .status-new-holder .status-tiktok-preview .btn-remove,
.status-new-container .status-new-popup .status-new-holder .status-twitter-preview .btn-remove,
.status-new-container .status-new-popup .status-new-holder .status-video-holder .btn-remove,
.status-new-container .status-new-popup .status-new-holder .status-youtube-preview .btn-remove {
  position: absolute;
  color: #fff;
  height: 34px;
  width: 34px;
  justify-content: center;
  align-items: center;
  right: 12px;
  top: 12px;
  cursor: pointer;
  background: #1d1d1d;
  font-size: 15px;
  border-radius: 50%;
  z-index: 1;
}
.status-new-container .status-new-popup .status-new-holder .status-tiktok-preview,
.status-new-container .status-new-popup .status-new-holder .status-youtube-preview {
  margin-top: 12px;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.status-new-container .status-new-popup .status-new-holder .status-tiktok-preview iframe,
.status-new-container .status-new-popup .status-new-holder .status-youtube-preview iframe {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 6px;
}
.status-new-container .status-new-popup .status-new-holder .status-ig-preview iframe {
  width: 100%;
  max-width: 360px;
  min-height: 400px;
  display: block;
  border-radius: 6px;
  border: 1px solid #f5f5f5;
}
.status-new-container .status-new-popup .status-new-holder .status-fb-preview {
  margin-top: 12px;
  overflow: hidden;
}
.status-new-container .status-new-popup .status-new-holder .status-fb-preview .fb-video {
  display: block;
}
.status-new-container .status-new-popup .status-new-holder .status-fb-preview .fb-video iframe {
  border-radius: 6px;
}
.status-new-container .status-new-popup .status-new-holder .status-twitter-preview iframe {
  border-radius: 6px;
}
.status-new-container .status-new-popup .status-new-holder .main-loader {
  height: 300px;
  margin-top: 12px;
  background: #f5f5f5;
  border-radius: 6px;
}
.status-new-container .status-new-popup .field-validation-error {
  color: #eb1e25;
  font-size: 10px;
  line-height: 14px;
  margin-top: 5px;
  text-align: right;
  padding: 0 16px;
}
.status-new-container .status-new-popup .footer-holder {
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 12px;
  margin-right: 16px;
  border-top: 1px solid #ebebeb;
}
.status-new-container .status-new-popup .footer-holder .actions-holder {
  gap: 18px;
  align-items: center;
}
.status-new-container .status-new-popup .footer-holder .actions-holder .action {
  cursor: pointer;
  font-size: 15px;
  color: #919191;
  height: 30px;
  width: 30px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.status-new-container .status-new-popup .footer-holder .actions-holder .action .input-upload {
  height: 100%;
  width: 100%;
  cursor: pointer;
  text-indent: -9999px;
  position: absolute;
  opacity: 0;
  top: 0;
}
.status-new-container .status-new-popup .footer-holder .actions-holder .action i {
  position: relative;
}
.status-new-container .status-new-popup .footer-holder .actions-holder .action:hover:before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  background: #f5f5f5;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.status-new-container .status-new-popup .footer-holder .submit-holder {
  gap: 24px;
  align-items: center;
  justify-content: end;
  flex: 1;
}
.status-new-container .status-new-popup .footer-holder .submit-holder .field-validation-counter {
  color: #eb1e25;
  font-weight: 300;
  font-size: 14px;
}
.status-new-container
  .status-new-popup
  .footer-holder
  .submit-holder
  .field-validation-counter.valid {
  color: #919191;
}
.status-new-container .status-new-popup .footer-holder .submit-holder .btn-add-status {
  font-family: Rubik, sans-serif;
  font-size: 13px;
  line-height: 31px;
  font-weight: 500;
  text-transform: uppercase;
  border: none;
  color: #fff;
  height: 30px;
  width: 84px;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
}
.status-new-container .status-new-popup .footer-holder .submit-holder .btn-add-status.valid {
  cursor: pointer;
}
.status-new-container .status-new-popup .footer-holder .submit-holder .btn-add-status:active {
  transform: scale(0.96);
}
.status-new-container .status-new-popup .footer-holder .submit-holder .btn-add-status.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.status-new-container .status-new-popup .footer-holder .submit-holder .btn-add-status .main-loader {
  font-size: 10px;
}
.status-new-container .status-new-popup .footer-holder .desc {
  font-size: 10px;
  line-height: 16px;
  margin-top: 5px;
  color: #828282;
}
.status-new-container .status-new-popup .terms-of-use-holder {
  margin-top: 12px;
  margin-right: 16px;
  padding: 12px;
  color: #828282;
  font-size: 10px;
  line-height: 14px;
  background: #f5f5f5;
}
.status-new-container .status-new-popup .terms-of-use-holder a {
  color: #828282;
  text-decoration: underline;
}
.statuses-holder .status-popup-holder {
  width: 810px;
  top: 30px;
  bottom: 30px;
  padding-top: 60px;
  padding-bottom: 0;
  left: calc(50% - 405px);
}
.statuses-holder .status-popup-holder .btn-close-popup {
  font-size: 16px;
  line-height: 16px;
}
.statuses-holder .status-popup-holder .scroll-container {
  overflow-y: auto;
  height: 100%;
  padding-right: 16px;
  padding-bottom: 16px;
  margin-right: -16px;
}
.statuses-holder .status-popup-holder .status-holder {
  margin-bottom: 12px;
  padding-top: 0;
}
.newsletter-popup-holder {
  width: 590px;
  text-align: center;
  padding: 100px 95px 80px;
}
.newsletter-popup-holder .main-title {
  font-size: 28px;
  margin-bottom: 30px;
}
.newsletter-popup-holder .input-field {
  flex: 1;
  border: 1px solid #ebebeb;
  padding: 9px 16px;
  resize: vertical;
  border-radius: 0;
  font-size: 16px;
}
.newsletter-popup-holder .btn-submit {
  background: #eb1e25;
  font-size: 13px;
  line-height: 45px;
  width: 115px;
  text-align: center;
  letter-spacing: 0.13px;
  font-weight: 700;
  color: #fff;
  border: none;
  border-radius: 0;
  text-transform: uppercase;
  cursor: pointer;
}
.newsletter-popup-holder .logo-holder {
  height: 20px;
  margin-top: 55px;
}
.hdz-consent-popup-holder {
  width: 610px;
  text-align: center;
  padding: 100px 95px 80px;
  border: 10px solid #eb1e25;
}
.hdz-consent-popup-holder .main-title {
  font-size: 28px;
  margin-bottom: 30px;
}
.hdz-consent-popup-holder .actions-holder {
  justify-content: space-evenly;
}
.hdz-consent-popup-holder .actions-holder .action {
  background: #ebebeb;
  font-size: 13px;
  line-height: 45px;
  width: 180px;
  text-align: center;
  letter-spacing: 0.13px;
  font-weight: 700;
  border: 1px solid #ebebeb;
  border-radius: 0;
  text-transform: uppercase;
  cursor: pointer;
}
.hdz-consent-popup-holder .actions-holder .action:hover {
  background: #fff;
}
.hdz-consent-popup-holder .logo-holder {
  height: 35px;
  margin-top: 55px;
}
.homepage-poll-popup-holder {
  width: 720px;
  text-align: center;
  padding: 0;
  top: calc(50% - 184px);
  left: calc(50% - 360px);
  border: 1px solid #eb1e25;
}
.homepage-poll-popup-holder .logo-holder {
  height: 16px;
  margin: 41px 0 66px;
}
.homepage-poll-popup-holder .main-title {
  font-size: 20px;
  line-height: 16px;
  margin-bottom: 25px;
  font-weight: 700;
}
.homepage-poll-popup-holder .description {
  margin: 0 75px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}
.homepage-poll-popup-holder .cta {
  color: #fff;
  font-size: 12px;
  line-height: 40px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 30px;
  margin: 40px auto 50px;
}
.login-popup-holder {
  width: 420px;
  padding: 35px 30px 25px;
  top: calc(50% - 276px);
  left: calc(50% - 210px);
  border-radius: 8px;
  text-align: center;
}
.login-popup-holder * {
  box-sizing: border-box;
}
.login-popup-holder .btn-close-popup {
  top: 22px;
  right: 30px;
  padding: 0;
  font-size: 13px;
  line-height: 13px;
  transition: color 0.2s linear;
}
.login-popup-holder .btn-close-popup:hover {
  color: #1d1d1d;
}
.login-popup-holder .main-title {
  font-size: 30px;
  line-height: 32px;
  font-weight: 700;
  color: #1d1d1d;
}
.login-popup-holder .login-social-holder {
  flex-direction: column;
  margin-top: 30px;
}
.login-popup-holder .login-social-holder .social-btn {
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 15px 18px;
  border: 1px solid #ebebeb;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #1d1d1d;
  cursor: pointer;
  transition: border-color 0.2s linear;
}
.login-popup-holder .login-social-holder .social-btn:hover {
  border-color: #c5c5c5;
}
.login-popup-holder .login-social-holder .social-btn:not(:last-child) {
  margin-bottom: 10px;
}
.login-popup-holder .login-social-holder .social-btn i {
  margin-right: 10px;
  font-size: 18px;
  line-height: 1;
}
.login-popup-holder .login-divider {
  align-items: center;
  margin-top: 20px;
}
.login-popup-holder .login-divider .divider-line {
  flex: 1;
  height: 1px;
  background: #ebebeb;
}
.login-popup-holder .login-divider .divider-text {
  color: #828282;
  font-size: 12px;
  letter-spacing: 0.36px;
  padding: 0 12px;
  white-space: nowrap;
}
.login-popup-holder .login-form {
  margin-top: 20px;
}
.login-popup-holder .login-form .input-holder {
  margin-bottom: 10px;
}
.login-popup-holder .login-form .input-holder .input-field {
  width: 100%;
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 6px;
  padding: 14px;
  font-size: 14px;
  line-height: normal;
}
.login-popup-holder .login-form .input-holder .input-field::placeholder {
  color: #c5c5c5;
}
.login-popup-holder .login-form .description {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #828282;
  margin-bottom: 20px;
}
.login-popup-holder .login-form .login-btn {
  font-family: Rubik, sans-serif;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  display: block;
  border: none;
  width: 100%;
  padding: 15px;
  border-radius: 6px;
  background: #eb1e25;
  cursor: pointer;
  transition: background-color 0.2s linear;
}
.login-popup-holder .login-form .login-btn:hover {
  background: #cf1118;
}
.login-popup-holder .register-row {
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  font-size: 13px;
}
.login-popup-holder .register-row span {
  color: #828282;
}
.login-popup-holder .register-row .register-link {
  margin-left: 6px;
  color: #eb1e25;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}
.login-popup-holder .register-row .register-link:hover {
  text-decoration: underline;
}
.login-popup-holder .disclaimer-holder {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #828282;
  padding-top: 20px;
  margin-top: 30px;
  border-top: 1px solid #ebebeb;
}
.login-popup-holder .disclaimer-holder a {
  color: #1d1d1d;
  text-decoration: none;
}
.feedback-popup__btn-open {
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 6px;
  height: 39px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  z-index: 1;
}
.feedback-popup__btn-open i {
  font-size: 15px;
}
.feedback-popup__container {
  width: 420px;
  padding: 35px 30px 30px;
  top: calc(50% - 274px);
  left: calc(50% - 210px);
}
.feedback-popup__container .main-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
.feedback-popup__container .description {
  font-size: 14px;
  line-height: 18px;
  color: #828282;
  margin: 2px 0 20px;
  max-width: 315px;
}
.feedback-popup__container .field-label {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 4px;
  color: #828282;
}
.feedback-popup__container .input-field {
  border-radius: 6px;
  width: 100%;
  border: 1px solid #ebebeb;
  padding: 15px;
  resize: vertical;
}
.feedback-popup__container .input-field.input-validation-error {
  border-color: #eb1e25;
}
.feedback-popup__container .field-validation-error {
  font-family: Roboto, sans-serif;
  font-size: 12px;
  color: #eb1e25;
  margin-bottom: 15px;
  display: inline-block;
}
.feedback-popup__container .btn-submit {
  font-family: Rubik, sans-serif;
  font-size: 16px;
  line-height: 46px;
  font-weight: 500;
  color: #fff;
  border: none;
  border-radius: 6px;
  width: 100%;
}
.feedback-popup__container .btn-submit,
.feedback-popup__container .btn-submit:active,
.feedback-popup__container .btn-submit:focus {
  background: #eb1e25;
}
.feedback-popup__container .btn-submit:hover {
  background: #cf1118;
}
.feedback-popup__container .btn-submit:disabled {
  opacity: 1;
  color: #fff;
}
.feedback-popup__container .g-recaptcha {
  margin: 10px 0;
}
.feedback-popup__container .g-recaptcha > div {
  margin: auto;
}
.feedback-popup__container .success-holder {
  text-align: center;
  margin: 70px 0;
  font-size: 14px;
  line-height: 18px;
}
.feedback-popup__container .success-holder i {
  display: block;
  font-size: 38px;
  color: #37874c;
}
.feedback-popup__container .success-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 10px;
}
.feedback-popup__container .success-desc {
  margin-top: 2px;
  color: #828282;
}
@keyframes msgOpacity {
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.portal-chat-container .comments-warning-popup-holder {
  width: 610px;
  text-align: center;
  padding: 50px;
}
.portal-chat-container .comments-warning-popup-holder a {
  text-decoration: underline;
}
.portal-chat-container .comments-warning-popup-holder .main-title {
  font-size: 16px;
  margin-bottom: 30px;
}
.portal-chat-container .comments-warning-popup-holder .actions-holder {
  justify-content: space-evenly;
}
.portal-chat-container .comments-warning-popup-holder .actions-holder .btn-main {
  font-family: Rubik, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 50px;
  background: #f4f4f4;
  text-transform: uppercase;
  position: relative;
  text-align: center;
  cursor: pointer;
  padding: 0 12px;
}
.portal-chat-container .comments-warning-popup-holder .actions-holder .btn-main:hover {
  background: #eb1e25;
  color: #fff;
}
.portal-chat-container .comments-warning-popup-holder .actions-holder .btn-main.accent {
  background: #eb1e25;
  color: #fff;
}
.portal-chat-container .comments-warning-popup-holder .description {
  color: #828282;
  font-size: 11px;
  margin-top: 15px;
}
.cube-holder-oglasi .form-oglasi-search .btn-submit .index-magnifier {
  color: #c5c5c5;
  font-size: 17px;
}
.cube-holder-recepti .form-recepti-search .btn-submit .index-magnifier {
  color: #c5c5c5;
  font-size: 17px;
}
.cube-holder-recepti .recipe-box-holder .content-holder .info-holder .prep-time .index-timer {
  font-size: 12px;
  margin-right: 7px;
  color: #c5c5c5;
}
.cube-holder-cijene .form-cijene-search .btn-submit .index-magnifier {
  color: #c5c5c5;
  font-size: 17px;
}
.article-container .article-holder {
  padding-top: 155px !important;
}
.article-container .article-holder .article-title-holder {
  margin-bottom: 20px;
}
.article-container .article-holder .article-title-holder .title {
  font-size: 45px;
  font-weight: 700;
  line-height: 1.24;
  margin: 0 0 20px;
  font-family: "Roboto Slab", serif;
}
.article-container .article-holder .article-title-holder .article-info {
  font-size: 14px;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ebebeb;
  padding-top: 20px;
}
.article-container .article-holder .article-title-holder .article-info .author-holder {
  align-items: center;
  line-height: 20px;
  font-family: Rubik, sans-serif;
  margin-right: 35px;
  flex: 1;
}
.article-container .article-holder .article-title-holder .article-info .author-holder .time {
  font-weight: 400;
}
.article-container
  .article-holder
  .article-title-holder
  .article-info
  .author-holder
  .time:first-letter {
  text-transform: uppercase;
}
.article-container .article-holder .article-title-holder .article-info .social-holder {
  flex: 0 0 300px;
  justify-content: end;
}
.article-container .article-holder .article-title-holder .img-container {
  margin-top: 20px;
}
.article-container .article-holder .top-part {
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
.article-container .article-holder .top-part .right-part {
  flex: 0 0 300px;
  padding-bottom: 10px;
}
.article-container .article-holder .top-part .right-part .tab-content {
  min-height: 200px;
}
.article-container .article-holder .top-part .right-part .tab-content .loading-img {
  margin: auto;
  display: block;
}
.article-container .article-holder .top-part .right-part.direction-column {
  flex-direction: column;
}
.article-container .article-holder .top-part .left-part {
  flex: 1;
  max-width: 800px;
  min-width: 0;
}
.article-container .article-holder .top-part .left-part .img-container {
  margin: 0 35px 40px 0;
}
.article-container .article-holder .top-part .left-part .content-holder {
  margin-right: 4.7%;
}
.article-container .article-holder .top-part .left-part .content-holder .text-holder .text {
  font-size: 17px;
  font-family: Arial;
  line-height: 27px;
  word-break: break-word;
}
.article-container .article-holder .top-part .left-part .content-holder .text-holder .text img {
  width: 100%;
}
.article-container .article-holder .top-part .left-part .content-holder .text-holder .text p,
.article-container .article-holder .top-part .left-part .content-holder .text-holder .text ul,
.article-container .article-holder .top-part .left-part .content-holder .text-holder .text > div {
  margin: 0 0 20px;
}
.article-container .article-holder .top-part .left-part .content-holder .text-holder .text ul {
  padding: 0 0 0 40px;
  list-style: unset;
}
.article-container .article-holder .top-part .left-part .content-holder .bullet-send-report-icon {
  color: #1d1d1d;
  font-size: 10px;
  margin-right: 2px;
  vertical-align: middle;
  display: inline-block;
}
.article-container .article-holder .top-part .left-part .content-holder .article-report-container {
  margin-top: 30px;
}
.article-container
  .article-holder
  .top-part
  .left-part
  .content-holder
  .article-report-container.no-padding {
  padding-bottom: 0;
}
.article-container
  .article-holder
  .top-part
  .left-part
  .content-holder
  .article-report-container
  .article-report-trigger {
  font-size: 17px;
  color: #737272;
  font-family: Arial;
  cursor: pointer;
}
.article-container .article-holder .top-part .left-part .content-holder .article-call-to-action {
  font-size: 17px;
  color: #828282;
  font-family: Arial;
  margin-top: 22px;
  border-top: 1px solid #ebebeb;
  padding-top: 25px;
}
.article-container
  .article-holder
  .top-part
  .left-part
  .content-holder
  .article-call-to-action
  .subtitle {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  align-items: baseline;
  gap: 5px;
  margin-bottom: 22px;
  overflow: hidden;
}
.article-container
  .article-holder
  .top-part
  .left-part
  .content-holder
  .article-call-to-action
  .subtitle
  .first-part {
  align-items: center;
  gap: 5px;
}
.article-container
  .article-holder
  .top-part
  .left-part
  .content-holder
  .article-call-to-action
  .subtitle__logo {
  font-weight: 700;
  opacity: 0;
}
.article-container
  .article-holder
  .top-part
  .left-part
  .content-holder
  .article-call-to-action
  .subtitle__logo
  i {
  position: relative;
  top: 1px;
}
.article-container
  .article-holder
  .top-part
  .left-part
  .content-holder
  .article-call-to-action
  .subtitle__nation {
  font-weight: 700;
  opacity: 0;
}
.article-container
  .article-holder
  .top-part
  .left-part
  .content-holder
  .article-call-to-action
  .subtitle__visitors {
  color: #919191;
}
.article-container
  .article-holder
  .top-part
  .left-part
  .content-holder
  .article-call-to-action
  .subtitle
  .visible {
  opacity: 1;
  transition: opacity 2s;
}
.article-container
  .article-holder
  .top-part
  .left-part
  .content-holder
  .article-call-to-action
  .bullets {
  line-height: 18px;
  margin-bottom: 30px;
}
.article-container .article-holder .top-part .left-part .content-holder .article-call-to-action a {
  color: inherit;
}
.article-container .article-holder .top-part .left-part .content-holder .reactions-container {
  margin: 28px 0 30px;
  padding-top: 30px;
  border-top: 1px solid #ebebeb;
}
.article-container .article-holder .timeline-side .timeline-tab {
  font-size: 21px;
  line-height: 21px;
}
.article-container .article-holder .timeline-side .timeline-tab li {
  margin-right: 4px;
}
.article-container .article-holder .timeline-side .timeline-tab li a {
  padding: 0 4px 10px;
}
.article-container .article-holder .timeline-side .timeline-tab li.active:first-child ~ hr {
  margin-left: 16px;
  width: 80px;
}
.article-container .article-holder .timeline-side .timeline-tab li.active:nth-child(2) ~ hr {
  margin-left: 113px !important;
  width: 92px;
}
.article-container .article-holder .timeline-side .timeline-tab li.active:nth-child(3) ~ hr {
  margin-left: 222px;
  width: 57px;
}
.article-container .article-holder .timeline-side .timeline-tab li:hover:first-child ~ hr {
  margin-left: 16px !important;
  width: 80px;
}
.article-container .article-holder .timeline-side .timeline-tab li:hover:nth-child(2) ~ hr {
  margin-left: 113px !important;
  width: 92px;
}
.article-container .article-holder .timeline-side .timeline-tab li:hover:nth-child(3) ~ hr {
  margin-left: 222px !important;
  width: 57px;
}
.article-container .comments-holder {
  padding-top: 60px !important;
  padding-bottom: 30px !important;
}
.article-container .comments-holder .left-part {
  width: 100%;
  margin-right: 30px;
  position: relative;
}
.article-container .comments-holder .right-part {
  flex: 0 0 300px;
}
@media (max-width: 1099px) {
  .article-container .article-holder .article-title-holder .article-info .author-holder {
    margin-right: 17px;
  }
  .article-container .top-part .left-part .img-container {
    margin-right: 0 !important;
  }
  .article-container .top-part .right-part {
    margin-left: 17px !important;
  }
  .article-container .top-part .content-holder {
    padding-left: 0 !important;
  }
}
.article-container .main-gallery-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(26, 26, 26, 0.95);
  top: 0;
  left: 0;
  z-index: 999999;
}
.article-container .main-gallery-popup .btn-close-gallery {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
}
.article-container .main-gallery-popup .logo {
  margin: 0;
  font-size: 0;
  line-height: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 110px;
}
.article-container .main-gallery-popup .logo a {
  padding: 0 27px;
  display: block;
}
.article-container .main-gallery-popup .logo a img {
  margin: -3px 0 0 -1px;
}
.article-container .main-gallery-popup .gallery-left-part {
  width: calc(100% - 430px);
  margin: 90px 40px 0;
  position: relative;
}
.article-container .main-gallery-popup .gallery-left-part .full-width-container {
  position: relative;
  height: 100%;
}
.article-container .main-gallery-popup .gallery-left-part .main-sliders-holder {
  height: 100%;
  padding-bottom: 200px;
}
.article-container .main-gallery-popup .gallery-left-part .gallery-main-slider-holder {
  margin: auto;
  height: 100%;
}
.article-container
  .main-gallery-popup
  .gallery-left-part
  .gallery-main-slider-holder
  .gallery-main-slider {
  height: 100%;
}
.article-container
  .main-gallery-popup
  .gallery-left-part
  .gallery-main-slider-holder
  .gallery-main-slider
  .slider-item
  .gallery-img-holder {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-align: center;
  box-align: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  box-pack: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  box-direction: normal;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
.article-container
  .main-gallery-popup
  .gallery-left-part
  .gallery-main-slider-holder
  .gallery-main-slider
  .slider-item
  img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  height: auto;
  vertical-align: bottom;
}
.article-container .main-gallery-popup .gallery-left-part .slider-nav {
  color: #fff;
  font-size: 34px;
  line-height: 34px;
  position: absolute;
  top: calc(50% - 17px);
  cursor: pointer;
  z-index: 1;
}
.article-container .main-gallery-popup .gallery-left-part .slider-nav.slider-prev {
  left: 0;
}
.article-container .main-gallery-popup .gallery-left-part .slider-nav.slider-next {
  right: 0;
}
.article-container .main-gallery-popup .gallery-left-part .slider-nav.swiper-button-disabled {
  display: none;
}
.article-container .main-gallery-popup .gallery-left-part .gallery-thumb-slider {
  margin: 30px auto;
  max-width: 1000px;
}
.article-container .main-gallery-popup .gallery-left-part .gallery-thumb-slider .slider-item {
  border-width: 2px;
  border-style: solid;
}
.article-container
  .main-gallery-popup
  .gallery-left-part
  .gallery-thumb-slider
  .slider-item
  .img-holder {
  padding-bottom: 57.38%;
}
.article-container
  .main-gallery-popup
  .gallery-left-part
  .gallery-thumb-slider
  .slider-item:not(.swiper-slide-thumb-active) {
  border-color: transparent;
  cursor: pointer;
}
.article-container .main-gallery-popup .gallery-left-part .gallery-desc-slider {
  width: 100%;
  font-size: 14px;
  margin: auto;
  position: absolute;
  bottom: 0;
}
.article-container .main-gallery-popup .gallery-left-part .gallery-desc-slider .counter {
  font-weight: 500;
  color: #b1bab9;
  line-height: 14px;
  margin-bottom: 11px;
}
.article-container .main-gallery-popup .gallery-left-part .gallery-desc-slider .desc {
  font-size: 11px;
  line-height: 14px;
  height: 45px;
  overflow: hidden;
  color: #828282;
}
.article-container .main-gallery-popup .gallery-left-part .gallery-desc-slider .desc .credits {
  color: #fff;
  text-transform: uppercase;
}
.article-container .main-gallery-popup .gallery-left-part .gallery-desc-slider .desc .credits-link {
  text-decoration: underline;
}
.article-container .main-gallery-popup .gallery-right-part {
  flex: 0 0 350px;
  padding: 90px 25px 0;
  background: #232323;
  position: relative;
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
.cijene-container .category-popup {
  width: 440px;
  left: calc(50% - 220px);
  top: 70px;
  padding: 30px 30px 25px;
  max-height: 366px;
  display: flex;
  flex-direction: column;
}
.cijene-container .category-popup__title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ebebeb;
  cursor: pointer;
}
.cijene-container .category-popup__title:hover {
  color: #eb1e25;
}
.cijene-container .category-popup__loading {
  height: 100px;
}
.cijene-container .category-popup__empty {
  padding: 40px 0;
  text-align: center;
  font-size: 13px;
  color: #828282;
}
.cijene-container .category-popup__list {
  overflow-y: auto;
}
.cijene-container .category-popup__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
}
.cijene-container .category-popup__item-name {
  padding: 5px 0;
  flex: 1;
  cursor: pointer;
}
.cijene-container .category-popup__item-name:hover {
  color: #eb1e25;
}
.cijene-container .category-popup__item-expand {
  width: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  cursor: pointer;
}
.cijene-container .category-popup__item-expand i {
  font-size: 6px;
  color: #828282;
  transition: transform 0.15s ease;
}
.cijene-container .category-popup__item-expand--right i {
  font-size: 10px;
}
.cijene-container .category-popup__item-expand:hover i {
  color: #eb1e25;
}
.cijene-container .category-popup__item.is-open i {
  transform: rotate(180deg);
}
.cijene-container .category-popup__sublist {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 5px 0;
}
.cijene-container .category-popup__subitem {
  padding: 0 14px 0 10px;
  font-size: 15px;
  line-height: 20px;
  cursor: pointer;
}
.cijene-container .category-popup__subitem:hover {
  color: #eb1e25;
}
.cijene-container .retailer-container .retailer-stores-popup {
  width: 482px;
  padding: 35px 30px 30px;
  top: 50px;
  left: calc(50% - 241px);
}
.cijene-container .retailer-container .retailer-stores-popup__product {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 15px;
  padding-bottom: 20px;
}
.cijene-container .retailer-container .retailer-stores-popup__img-holder {
  height: 81px;
  width: 81px;
  border-radius: 8px;
  border: 1px solid #ebebeb;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  color: #ebebeb;
  overflow: hidden;
}
.cijene-container .retailer-container .retailer-stores-popup__img-holder img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.cijene-container .retailer-container .retailer-stores-popup__info {
  overflow: hidden;
  flex: 1;
}
.cijene-container .retailer-container .retailer-stores-popup__name {
  font-size: 13px;
  line-height: 15px;
  width: fit-content;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cijene-container .retailer-container .retailer-stores-popup__name:hover {
  color: #eb1e25;
}
.cijene-container .retailer-container .retailer-stores-popup__brand {
  font-size: 10px;
  line-height: 13px;
  color: #828282;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 1px;
}
.cijene-container .retailer-container .retailer-stores-popup__prices-holder {
  display: flex;
  gap: 4px;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  margin-top: 8px;
}
.cijene-container .retailer-container .retailer-stores-popup__price-before {
  text-decoration: line-through;
  text-decoration-color: #82828280;
  color: #828282;
  font-weight: 400;
}
.cijene-container .retailer-container .retailer-stores-popup__percentage {
  display: flex;
  gap: 2px;
  align-items: center;
}
.cijene-container .retailer-container .retailer-stores-popup__percentage.positive {
  color: #37874c;
}
.cijene-container .retailer-container .retailer-stores-popup__percentage.negative {
  color: #c0392b;
}
.cijene-container .retailer-container .retailer-stores-popup__percentage i {
  font-size: 6px;
}
.cijene-container .retailer-container .retailer-stores-popup__unit-price {
  font-size: 10px;
  line-height: 13px;
  color: #828282;
  margin-top: 1px;
}
.cijene-container .retailer-container .retailer-stores-popup__stores {
  max-height: 147px;
  overflow-y: scroll;
  margin-bottom: 15px;
  border-bottom: 1px solid #ebebeb;
}
.cijene-container .retailer-container .retailer-stores-popup__store-item {
  margin-bottom: 12px;
  display: flex;
  gap: 50px;
  align-items: center;
  cursor: pointer;
}
.cijene-container
  .retailer-container
  .retailer-stores-popup__store-item.active
  .retailer-stores-popup__store-name,
.cijene-container
  .retailer-container
  .retailer-stores-popup__store-item:hover
  .retailer-stores-popup__store-name {
  color: #eb1e25;
}
.cijene-container .retailer-container .retailer-stores-popup__store-name {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  display: flex;
  gap: 3px;
}
.cijene-container .retailer-container .retailer-stores-popup__store-distance {
  color: #828282;
  font-weight: 400;
  text-decoration: underline dotted;
  text-underline-offset: 15%;
}
.cijene-container .retailer-container .retailer-stores-popup__store-distance:hover {
  color: #eb1e25;
}
.cijene-container .retailer-container .retailer-stores-popup__store-separator {
  color: #828282;
  font-weight: 500;
}
.cijene-container .retailer-container .retailer-stores-popup__store-address {
  font-size: 12px;
  line-height: 16px;
  margin-top: 2px;
  display: flex;
  gap: 4px;
  align-items: baseline;
  color: #828282;
}
.cijene-container .retailer-container .retailer-stores-popup__store-address i {
  font-size: 9px;
}
.cijene-container .retailer-container .retailer-stores-popup__store-price {
  font-size: 13px;
  font-weight: 700;
  line-height: 15px;
  text-align: right;
}
.cijene-container .retailer-container .retailer-stores-popup .cijene-map {
  height: 290px;
  margin-top: 15px;
}
@keyframes cijene-pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
.cijene-container .cijene-map .leaflet-popup {
  border-radius: 8px;
  overflow: hidden;
}
.cijene-container .cijene-map .leaflet-popup-content-wrapper {
  border-radius: 0 !important;
}
.cijene-container .cijene-map .leaflet-popup-content {
  margin: 18px !important;
  font-family: Roboto, sans-serif;
}
.cijene-container .cijene-map .leaflet-popup-content .cijene-popup-logo {
  height: 36px;
  width: 36px;
  margin-bottom: 8px;
}
.cijene-container .cijene-map .leaflet-popup-content .cijene-popup-logo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.cijene-container .cijene-map .leaflet-popup-content .cijene-popup-store {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.cijene-container .cijene-map .leaflet-popup-content .cijene-popup-address {
  font-size: 12px;
  line-height: 16px;
  color: #828282;
  margin-bottom: 8px;
}
.cijene-container .cijene-map .leaflet-popup-content .cijene-popup-price {
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}
.cijene-container .cijene-map .leaflet-popup-content .cijene-popup-price.cheapest {
  color: #37874c;
}
.cijene-container .cijene-map .leaflet-popup-content .cijene-popup-directions-holder {
  display: flex;
  align-items: center;
  gap: 4px;
}
.cijene-container .cijene-map .leaflet-popup-content .cijene-popup-directions {
  text-decoration: underline;
  font-size: 12px;
  line-height: 16px;
  color: #1d1d1d;
}
.cijene-container .cijene-map .leaflet-popup-content .cijene-popup-directions i {
  font-size: 9px;
}
.cijene-container .cijene-map .leaflet-popup-content .cijene-popup-directions:hover {
  color: #eb1e25;
}
.cijene-container .products-popup {
  width: 520px;
  left: calc(50% - 260px);
  top: calc(50% - 206px);
  height: 412px;
  padding: 35px 30px 0 30px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.cijene-container .products-popup__title {
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  margin-bottom: 15px;
}
.cijene-container .products-popup__subtitle {
  font-size: 12px;
  line-height: 16px;
  color: #828282;
}
.cijene-container .products-popup__subtitle strong {
  font-weight: 600;
  color: #1d1d1d;
}
.cijene-container .products-popup .search-input {
  padding-right: 42px;
}
.cijene-container .products-popup .search-clear {
  right: 4px;
}
.cijene-container .products-popup__loading {
  height: 300px;
}
.cijene-container .products-popup__empty {
  padding: 60px 0;
  text-align: center;
  font-size: 13px;
  color: #828282;
}
.cijene-container .products-popup__list {
  overflow-y: auto;
  margin-top: 20px;
  flex: 1;
  min-height: 0;
}
.cijene-container .products-popup__item {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
}
.cijene-container .products-popup__item:last-child {
  border-bottom: none;
}
.cijene-container .products-popup__item:hover .products-popup__item-name {
  color: #eb1e25;
}
.cijene-container .products-popup__item--selected .products-popup__item-name {
  color: #eb1e25;
  font-weight: 500;
}
.cijene-container .products-popup__item-img {
  flex: 0 0 auto;
  width: 53px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ebebeb;
  border-radius: 6px;
  overflow: hidden;
}
.cijene-container .products-popup__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cijene-container .products-popup__item-img i {
  font-size: 22px;
  color: #c5c5c5;
}
.cijene-container .products-popup__item-info {
  flex: 1;
  min-width: 0;
}
.cijene-container .products-popup__item-name {
  font-size: 15px;
  line-height: 18px;
}
.cijene-container .products-popup__item-brand {
  margin-top: 1px;
  font-size: 12px;
  line-height: 16px;
  color: #828282;
}
.cijene-container .products-popup__item-price {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 600;
}
@keyframes cijene-toast-in {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.profile-container .comments-warning-popup-holder {
  width: 610px;
  text-align: center;
  padding: 50px;
}
.profile-container .comments-warning-popup-holder .main-title {
  font-size: 20px;
  margin-bottom: 30px;
}
.profile-container .comments-warning-popup-holder .actions-holder {
  justify-content: space-evenly;
}
.profile-container .comments-warning-popup-holder .actions-holder .btn-main {
  font-family: Rubik, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 50px;
  background: #f4f4f4;
  text-transform: uppercase;
  position: relative;
  text-align: center;
  cursor: pointer;
  padding: 0 12px;
  border-radius: 2px;
}
.profile-container .comments-warning-popup-holder .actions-holder .btn-main:hover {
  background: #eb1e25;
  color: #fff;
}
.profile-container .comments-warning-popup-holder .actions-holder .btn-main.accent {
  background: #eb1e25;
  color: #fff;
}
.main-bg-hover:hover {
  background: #eb1e25;
}
.main-text {
  color: #eb1e25 !important;
}
.main-text-hover:hover {
  color: #eb1e25 !important;
}
.main-text-hover .title-parsed-text {
  color: #eb1e25 !important;
}
.main-text-dark-hover:hover {
  color: #cf1118 !important;
}
.vijesti-bg {
  background: #eb1e25;
}
.vijesti-bg-hover:hover {
  background: #eb1e25;
}
.vijesti-gradient-bg {
  background: #eb1e25;
}
.vijesti-bg-dark-hover:hover {
  background: #cf1118;
}
.vijesti-text {
  color: #eb1e25 !important;
}
.vijesti-text-parsed .title-parsed-text {
  color: #eb1e25;
}
.vijesti-text-hover:hover {
  color: #eb1e25 !important;
}
.vijesti-text-hover .title-parsed-text {
  color: #eb1e25 !important;
}
.vijesti-link-underline a {
  border-bottom: 2px solid #eb1e25;
}
.vijesti-link-underline a:hover {
  border-bottom-color: transparent;
  color: #eb1e25;
}
.vijesti-border-bottom {
  border-bottom-color: #eb1e25;
}
.sport-text-hover:hover {
  color: #4f9500 !important;
}
.sport-text-hover .title-parsed-text {
  color: #4f9500 !important;
}
.magazin-bg-hover:hover {
  background: #f25f18;
}
.magazin-text-hover:hover {
  color: #f25f18 !important;
}
.magazin-text-hover .title-parsed-text {
  color: #f25f18 !important;
}
.auto-bg-gradient-hover:hover {
  background: linear-gradient(130deg, #a6a6a6 0, #595959);
}
.auto-text-hover:hover {
  color: #595959 !important;
}
.auto-text-hover .title-parsed-text {
  color: #595959 !important;
}
.mame-bg-hover:hover {
  background: #f8b5c6;
}
.mame-text-hover:hover {
  color: #f8b5c6 !important;
}
.mame-text-hover .title-parsed-text {
  color: #f8b5c6 !important;
}
.ljubimci-bg-hover:hover {
  background: #08a7cb;
}
.ljubimci-text-hover:hover {
  color: #08a7cb !important;
}
.ljubimci-text-hover .title-parsed-text {
  color: #08a7cb !important;
}
.fit-bg-hover:hover {
  background: #9abe17;
}
.fit-text-hover:hover {
  color: #9abe17 !important;
}
.fit-text-hover .title-parsed-text {
  color: #9abe17 !important;
}
.oglasi-text-hover:hover {
  color: #fb3d02 !important;
}
.oglasi-text-hover .title-parsed-text {
  color: #fb3d02 !important;
}
.lajkhr-bg-hover:hover {
  background: #457fc0;
}
.lajkhr-text-hover:hover {
  color: #457fc0 !important;
}
.lajkhr-text-hover .title-parsed-text {
  color: #457fc0 !important;
}
.recepti-bg-hover:hover {
  background: #fb3d02;
}
.recepti-text-hover:hover {
  color: #fb3d02 !important;
}
.recepti-text-hover .title-parsed-text {
  color: #fb3d02 !important;
}
.shopping-bg-gradient-hover:hover {
  background: linear-gradient(130deg, #ff07c5 0, #f70e16);
}
.shopping-text-hover:hover {
  color: #ff07c5 !important;
}
.shopping-text-hover .title-parsed-text {
  color: #ff07c5 !important;
}
.food-bg-hover:hover {
  background: #fd4700;
}
.food-text-hover:hover {
  color: #fd4700 !important;
}
.food-text-hover .title-parsed-text {
  color: #fd4700 !important;
}
.horoskop-bg-hover:hover {
  background: #18115e;
}
.horoskop-text-hover:hover {
  color: #18115e !important;
}
.horoskop-text-hover .title-parsed-text {
  color: #18115e !important;
}
.chill-bg-hover:hover {
  background: #000;
}
.chill-text-hover:hover {
  color: #000 !important;
}
.chill-text-hover .title-parsed-text {
  color: #000 !important;
}
.odgovori-text-hover:hover {
  color: #08104d !important;
}
.odgovori-text-hover .title-parsed-text {
  color: #08104d !important;
}
.vjezbe-bg-hover:hover {
  background: #9a629a;
}
.vjezbe-text-hover:hover {
  color: #9a629a !important;
}
.vjezbe-text-hover .title-parsed-text {
  color: #9a629a !important;
}
.kalendar-bg-hover:hover {
  background: #88615c;
}
.kalendar-text {
  color: #88615c !important;
}
.kalendar-text-hover:hover {
  color: #88615c !important;
}
.kalendar-text-hover .title-parsed-text {
  color: #88615c !important;
}
.main-content-bg {
  background: #fff;
}
:root {
  --color-main: #eb1e25;
  --color-vijesti: #eb1e25;
  --color-sport: #4f9500;
  --color-magazin: #f25f18;
  --color-rouge: #d50089;
  --color-auto: #595959;
  --color-mame: #f8b5c6;
  --color-ljubimci: #08a7cb;
  --color-fit: #9abe17;
  --color-video: #e00605;
  --color-kuhinja: #ffc131;
  --color-oglasi: #fb3d02;
  --color-lajkhr: #457fc0;
  --color-dostave: #1c8a8a;
  --color-recepti: #fb3d02;
  --color-osmrtnice: #1d1d1d;
  --color-ostalo: #457fc0;
  --color-gaming: #767575;
  --color-shopping: #ff07c5;
  --color-food: #fd4700;
  --color-horoskop: #18115e;
  --color-putovanja: #0397fe;
  --color-chill: #000000;
  --color-odgovori: #08104d;
  --color-vjezbe: #9a629a;
  --color-kalendar: #88615c;
  --color-kalendar-tertiary: #88615c14;
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
.text a.offer-link,
.article-holder a.offer-link,
h2 a.offer-link {
  color: #0645ad !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  font-weight: 700 !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  background: none !important;
}

.text a.offer-link:hover,
.article-holder a.offer-link:hover {
  color: #0b0080 !important;
}

a.offer-link.btn-link {
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.comment-root.js-hidden {
  display: none !important;
}

.subtitle__visitors::before,
.subtitle__visitors::after,
.subtitle__logo::before,
.subtitle__nation::before {
  content: none !important;
  display: none !important;
}

.subtitle__visitors {
  text-transform: none !important;
}

@media (max-width: 991px) {
  html,
  body {
    height: auto !important;
    min-height: 100%;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  .float-menu.fixed-top,
  .main-menu-container,
  .main-menu {
    position: static !important;
  }

  body {
    padding-top: 0 !important;
  }

  .subtitle__visitors {
    position: static !important;
    display: block !important;
  }

  .subtitle__visitors::before,
  .subtitle__visitors::after {
    display: none !important;
    content: none !important;
  }

  .comments-new-holder {
    position: relative !important;
  }

  .comments-new-holder .btn,
  .comments-new-holder button,
  .comments-new-holder a {
    position: static !important;
    float: none !important;
    display: inline-block;
    margin-top: 8px;
  }

  .sub-menu-container,
  .scroll-menu-arrows,
  .timeline-side,
  .side-content,
  .user-menu,
  .right-part {
    display: none !important;
  }

  .main-menu-container,
  .main-menu,
  .main-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }

  .main-menu {
    height: 56px !important;
  }

  .menu-holder {
    display: flex !important;
    gap: 14px;
    overflow-x: auto;
    white-space: nowrap;
    align-items: center;
    height: 56px;
  }

  .menu-holder > * {
    flex: 0 0 auto;
  }

  .article-holder {
    padding: 0 12px !important;
  }

  .top-part.flex,
  .top-part {
    display: block !important;
  }

  .left-part,
  .content-holder,
  .text-holder,
  .text {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
  }

  .article-holder h1,
  h1 {
    font-size: 26px !important;
    line-height: 1.2 !important;
    margin: 16px 0 10px !important;
  }

  .subtitle,
  h2 {
    font-size: 18px !important;
    line-height: 1.35 !important;
  }

  .article-holder p {
    font-size: 17px !important;
    line-height: 1.55 !important;
  }

  .img-container,
  .img-holder {
    max-width: 100% !important;
    width: 100% !important;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  .comments-holder,
  .comments-container {
    padding: 0 12px !important;
    width: 100% !important;
    display: block !important;
  }

  .comment-holder,
  .comments-list {
    width: 100% !important;
  }
}
.mob-only {
  display: none !important;
}
@media (max-width: 767px) {
  .mob-only {
    display: block !important;
  }
  .mob-sticky-cta {
    display: block !important;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
    border-top: 2px solid #c0392b;
    padding: 10px 16px;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
  }
  .mob-sticky-cta a {
    display: block;
    background: #c0392b;
    color: #fff;
    text-align: center;
    padding: 13px 16px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.95em;
    text-decoration: none;
  }
  .mob-sticky-cta .mob-sub {
    text-align: center;
    font-size: 0.72em;
    color: #888;
    margin-top: 4px;
  }
  body {
    padding-bottom: 72px;
  }
}

.main-container {
  max-width: 1140px;
}

.btn-link {
  width: 100%;
  height: 54px;
  background: #eb1e25;
  color: #fff !important;
  border: none !important;
  text-decoration: none !important;
  outline: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.btn-link:hover {
  background: #cf1118 !important;
}

.btn-link a {
  color: #fff !important;
  border: none !important;
  text-decoration: none !important;
}



.popup_show {
  visibility: visible;
  pointer-events: auto;
  z-index: 150;
}
.popup_show .popup__content {
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}
html.popup-show body::after {
  opacity: 1;
  pointer-events: auto;
}
html.lock {
  overflow: hidden;
  touch-action: none;
}
html.lock body {
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
}

img {
  max-width: 100%;
  height: auto;
}

[class^="index-"]:before,
[class*=" index-"]:before {
  font-family: index-font, sans-serif !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}