@font-face {
  font-family: 'helvetica-1';
  src: url('../fonts/HELV_H_X.ttf');
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/myriadproregular.ttf');
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('Fonts/MyriadPro-bold.otf');
  font-weight: 700;
}
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot');
  src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"]:before {
*/
.icon-flickr:before,
.icon-tablet:before,
.icon-mobile:before,
.icon-laptop:before,
.icon-ipod:before,
.icon-headphones:before,
.icon-phone:before,
.icon-camera:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-flickr:before {
  content: "\e002";
}
.icon-tablet:before {
  content: "\e009";
}
.icon-mobile:before {
  content: "\e00a";
}
.icon-laptop:before {
  content: "\e001";
}
.icon-ipod:before {
  content: "\e008";
}
.icon-headphones:before {
  content: "\e000";
}
.icon-phone:before {
  content: "\e004";
}
.icon-camera:before {
  content: "\e006";
}
.forum-page-number {
  color: #fff;
  padding: 0 4px;
  display: inline-block;
}
.forum-page-number:hover,
.forum-page-number.active {
  text-decoration: underline;
}
.postovi-footer ul li.forum-paging {
  float: left;
}
.single-post .user {
  padding-top: 10px;
}
.single-post .user img {
  width: auto;
  height: 40px;
  padding-left: 10px;
}
.single-post .user .user-name {
  display: inline-block;
  padding-left: 10px;
}
.modal-backdrop {
  z-index: 100;
}
.no-margin-img {
  margin: 0;
}
.forum-post-quote-text {
  position: relative;
  white-space: pre-wrap;
  word-wrap: break-word;
  border: 1px solid #c7c5c5;
  background-color: #eee;
  display: block;
  padding: 15px 20px;
  border-radius: 0px;
  font-style: italic;
}
.forum-toolbar-wrapper {
  padding: 10px 35px 25px 35px;
}
.forum-toolbar-wrapper:after {
  clear: both;
  position: relative;
  display: block;
  content: "";
}
.forum-toolbar-wrapper textarea {
  resize: none;
  width: 100%;
  height: 150px;
  border: none;
  border: 1px solid #dcdcdc;
  padding: 10px;
}
.forum-post-body-text {
  white-space: pre-wrap;
  position: relative;
  word-wrap: break-word;
  font-size: 14px;
}
.forum-post-quote-author {
  padding-right: inherit;
  font-style: italic;
  display: block;
  text-align: right;
  padding-top: 8px;
  opacity: 0.8;
}
.ns-box {
  position: fixed;
  background: rgba(134, 179, 0, 0.8);
  padding: 22px;
  line-height: 1.4;
  z-index: 1000;
  pointer-events: none;
  color: rgba(250, 251, 255, 0.95);
  font-size: 22px;
  margin-left: 0px;
  z-index: 450000;
}
@media screen and (max-width: 1009px) {
  .ns-box {
    margin-left: 0;
  }
}
.ns-box.ns-show {
  pointer-events: auto;
}
.ns-box a {
  color: inherit;
  opacity: 0.7;
  font-weight: 700;
}
.ns-box a:hover,
.ns-box a:focus {
  opacity: 1;
}
.ns-box p {
  margin: 0;
}
.ns-box.ns-show,
.ns-box.ns-visible {
  pointer-events: auto;
}
.ns-close {
  height: 40px;
  width: 40px;
  position: absolute;
  right: 4px;
  top: 4px;
  overflow: hidden;
  text-indent: 100%;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ns-close:hover,
.ns-close:focus {
  outline: none;
}
.ns-close::before,
.ns-close::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 60%;
  top: 50%;
  left: 50%;
  background: #6e6e6e;
}
.ns-close:hover::before,
.ns-close:hover::after {
  background: #fff;
}
.ns-close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.ns-close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
/* To bar notifications */
.ns-box.ns-bar {
  bottom: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 1009px) {
  .ns-box.ns-bar {
    width: 100%;
  }
}
.ns-bar .ns-close {
  background: transparent;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ns-bar .ns-close::before,
.ns-bar .ns-close::after {
  background: #b7b5b3;
}
.novosti-banner-right.bottom article {
  height: 145px;
}
[class^="ns-effect-"].ns-bar.ns-hide,
[class*=" ns-effect-"].ns-bar.ns-hide {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}
/* Individual Effects */
/* Slide on top */
.ns-effect-slidetop .icon {
  position: absolute;
  display: block;
  font-size: 109%;
  top: 50%;
  left: 1em;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.ns-effect-slidetop p {
  padding: 0 3.2em;
  font-size: 1.2em;
  display: inline-block;
}
.ns-effect-slidetop .ns-close::before,
.ns-effect-slidetop .ns-close::after {
  width: 2px;
  background: #fff;
}
.ns-effect-slidetop .ns-close:hover::before,
.ns-effect-slidetop .ns-close:hover::after {
  background: #fff;
}
.ns-effect-slidetop.ns-show .icon,
.ns-effect-slidetop.ns-show p {
  -webkit-animation-name: animScaleUp;
  animation-name: animScaleUp;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ns-effect-slidetop.ns-show p {
  -webkit-animation-name: animFade;
  animation-name: animFade;
}
@-webkit-keyframes animScaleUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0) scale3d(0, 0, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -50%, 0) scale3d(1, 1, 1);
  }
}
@keyframes animScaleUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0) scale3d(0, 0, 1);
    transform: translate3d(0, -50%, 0) scale3d(0, 0, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, -50%, 0) scale3d(1, 1, 1);
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1);
  }
}
.ns-effect-slidetop.ns-show,
.ns-effect-slidetop.ns-hide {
  -webkit-animation-name: animSlideTop;
  animation-name: animSlideTop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
@-webkit-keyframes animSlideTop {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes animSlideTop {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* Expanding Loader */
.ns-effect-exploader {
  background: #fff;
  color: #7a7264;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.ns-effect-exploader .icon {
  position: absolute;
  left: 0.25em;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.ns-effect-exploader .ns-box-inner {
  position: relative;
}
.ns-effect-exploader p {
  padding: 0.25em 2em 0.25em 3em;
}
.ns-effect-exploader .ns-close:hover::before,
.ns-effect-exploader .ns-close:hover::after {
  background: #98815a;
}
.ns-effect-exploader.ns-show {
  -webkit-animation-name: animLoad;
  animation-name: animLoad;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
}
@-webkit-keyframes animLoad {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0, 0.3, 1);
  }
  33% {
    opacity: 1;
    -webkit-transform: scale3d(0.5, 0.3, 1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(0.6, 0.3, 1);
  }
  80%,
  85% {
    opacity: 1;
    -webkit-transform: scale3d(1, 0.3, 1);
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@keyframes animLoad {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0, 0.3, 1);
    transform: scale3d(0, 0.3, 1);
  }
  33% {
    opacity: 1;
    -webkit-transform: scale3d(0.5, 0.3, 1);
    transform: scale3d(0.5, 0.3, 1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(0.6, 0.3, 1);
    transform: scale3d(0.6, 0.3, 1);
  }
  80%,
  85% {
    opacity: 1;
    -webkit-transform: scale3d(1, 0.3, 1);
    transform: scale3d(1, 0.3, 1);
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.ns-effect-exploader.ns-hide {
  -webkit-animation-name: animFade;
  animation-name: animFade;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
.ns-effect-exploader.ns-show .ns-box-inner,
.ns-effect-exploader.ns-show .ns-close {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
.ns-effect-exploader.ns-show .ns-close {
  -webkit-animation-name: animFade;
  animation-name: animFade;
}
.ns-effect-exploader.ns-show .ns-box-inner {
  -webkit-animation-name: animFadeMove;
  animation-name: animFadeMove;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.fade-in-anim.ng-enter {
  -webkit-transition: 250ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 250ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 250ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 250ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 250ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  position: relative;
  display: block;
}
.fade-in-anim.ng-enter-stagger {
  /* this will have a 100ms delay between each successive leave animation */
  transition-delay: 0.1s;
  /* in case the stagger doesn't work then the duration value
   must be set to 0 to avoid an accidental CSS inheritance */
  transition-duration: 0s;
}
.fade-in-anim.ng-enter.ng-enter-active {
  opacity: 1;
  transform: translateY(0px);
}
.fade-in-anim.ng-leave {
  display: none;
}
.fade-in-anim.ng-enter {
  opacity: 0;
  transform: translateY(-50px);
}
@-webkit-keyframes animFadeMove {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes animFadeMove {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ns-box-inner i {
  font-size: 35px;
  color: #fff;
  margin-right: 35px;
  width: 35px;
  vertical-align: middle;
}
.ns-box-inner p {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 300;
  vertical-align: middle;
  padding-right: 35px;
  width: calc(100% - 75px);
  display: inline-block;
}
@media screen and (max-width: 800px) {
  .ns-box-inner p {
    font-size: 20px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 500px) {
  .ns-box-inner p {
    font-size: 16px;
    padding-left: 10px;
  }
}
/* #region CUSTOM BOOTSTRAP */
.not-reviewed-notice {
  font-size: 30px;
  font-weight: bold;
  color: #8E97A9;
  line-height: 50px;
}
.search .gsc-control-cse {
  background: transparent;
  border: none;
  padding-left: 0;
  padding: 0;
  padding-top: 0;
}
.search .gsc-input-box {
  height: 27px;
}
.mobile-search.search {
  padding-left: 15px;
  padding-right: 15px;
}
.bg-banner {
  position: fixed;
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
  height: 100%;
  z-index: 0;
  background: url('../images/wallpaper.png');
  background-repeat: no-repeat;
  background-position: top center;
}
@media screen and (max-width: 1115px) {
  .bg-banner {
    display: none;
  }
}
.display-too-small-message {
  display: none;
}
.display-too-small-message span {
  padding-top: 15px;
  font-size: 22px;
  display: block;
  position: relative;
  top: 24px;
  line-height: 25px;
}
.display-too-small-message img {
  width: 100%;
  max-width: 385px;
}
@media screen and (max-width: 1008px) {
  .display-too-small-message {
    position: fixed;
    height: 100%;
    width: 100%;
    display: block;
    top: 0px;
    left: 0px;
    background: white;
    z-index: 1001;
    padding-top: 25%;
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media screen and (max-width: 1008px) {
  .usporedi-me {
    display: none;
  }
}
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #333333;
  background-image: url(../images/body_background.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  overflow-y: auto;
  overflow-x: hidden;
}
@media screen and (max-width: 768px) {
  body {
    background-image: none;
  }
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: white;
}
.navbar-default .navbar-toggle {
  border: none;
  margin-right: 10px;
  position: absolute;
  top: 0;
  left: 0;
}
.navbar.navbar-default {
  margin-bottom: 5px;
  overflow: visible;
  padding: 0 0px 5px 0px;
  background: none;
  border: none;
}
@media screen and (max-width: 768px) {
  .navbar.navbar-default {
    background-image: none;
    background: #2E3646;
    margin-bottom: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1002;
  }
}
.navbar.navbar-default h1 {
  overflow: hidden;
  padding: 0;
  margin: 12px 0 0 0;
  font-size: 12px;
  line-height: 16px;
}
.navbar.navbar-default h1 a {
  display: block;
}
@media screen and (max-width: 480px) {
  .navbar.navbar-default h1 a img {
    display: inline-block;
  }
}
@media screen and (max-width: 480px) {
  .navbar.navbar-default h1 a:focus img {
    /*border: 1px solid #fff;
        padding: 0 10px;*/
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.navbar-default {
  border: none;
}
.navbar-default .navbar-inner {
  background-color: #2E3646;
  font-family: 'Myriad Pro';
  clear: both;
}
.navbar-inner {
  min-height: 40px;
  padding-right: 12px;
  padding-left: 12px;
}
.navbar-inverse .btn-navbar {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e0e0e;
  background-image: -moz-linear-gradient(top, #151515, #040404);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
  background-image: -webkit-linear-gradient(top, #151515, #040404);
  background-image: -o-linear-gradient(top, #151515, #040404);
  background-image: linear-gradient(to bottom, #151515, #040404);
  background-repeat: repeat-x;
  border-color: #040404 #040404 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-right: 5px;
  margin-left: 5px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
  background-repeat: repeat-x;
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}
.navbar .btn,
.navbar .btn-group {
  margin-top: 5px;
}
.btn {
  border-color: #c5c5c5;
  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.btn {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.navbar .brand {
  padding: 12px;
  font-size: 16px;
  text-decoration: none;
}
.navbar-inverse .brand {
  color: #999;
}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #fff;
}
.navbar .brand {
  display: block;
  float: left;
  padding: 10px 20px 10px;
  margin-left: -12px;
  font-size: 20px;
  font-weight: 200;
  color: #fff;
}
.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: right;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .navbar .nav {
    margin-right: 0;
  }
}
.nav {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
}
.navbar .nav > li:first-child {
  border-right: 1px solid #556488;
  border-left: 0 none;
}
.navbar .nav > li {
  border-right: 1px solid #556488;
  border-left: 1px solid #20262E;
}
.navbar .nav > li {
  float: left;
}
li {
  line-height: 20px;
}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #fff;
}
.navbar .nav > li > a {
  float: none;
  padding: 10px 12px 10px;
  color: #fff;
  text-decoration: none;
  font-size: 19px;
}
@media screen and (max-width: 992px) {
  .navbar .nav > li > a {
    font-size: 17px !important;
    padding: 10px !important;
  }
}
.nav > li > a {
  display: block;
}
.navbar .nav > li:last-child {
  border-right: 0 none;
  border-left: 0 solid #20262E;
}
.navbar-default .brand:hover,
.navbar-default .nav > li > a:hover {
  color: #86B300;
}
.navbar-default .nav > li > a:focus,
.navbar-default .nav > li > a:hover {
  color: #86B300;
  background-color: transparent;
}
/* #endregion END OF CUSTOM BOOTSTRAP */
/* Additional stylesheet
-------------------------------------------------- */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
}
*::selection {
  background-color: #99cc00;
  color: #ffffff;
}
*::moz-selection {
  background-color: #99cc00;
  color: #ffffff;
}
span.alternate-gallery-view-more {
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.51);
}
ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
a {
  text-decoration: none;
  color: #000;
}
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  margin-bottom: -90px;
}
.navbar.navbar-default .navbar-inner {
  border: 0;
}
.navbar.navbar-default .brand {
  padding: 15px;
  font-size: 19px;
  text-decoration: none;
}
.navbar.navbar-default .nav > li > a {
  padding: 10px 12px;
  font-size: 19px;
}
.navbar.navbar-default .nav > li > .active {
  color: #747A84;
}
.akcije {
  width: 90px;
  line-height: 40px;
  padding: 0 !important;
  color: #fff !important;
  margin-left: 10px;
}
.akcije span {
  padding: 0px 10px 1px;
  border-radius: 3px;
  font-family: Helvetica;
  font-weight: 800;
  font-size: 17px;
  background: #fb5d00;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fb5d00 16%, #d71600 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fb5d00 16%, #d71600 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fb5d00 16%, #d71600 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb5d00', endColorstr='#d71600', GradientType=0);
  /* IE6-9 */
}
.akcije span:hover {
  background: #86B300;
  color: #fff !important;
}
.content {
  margin-top: 5px;
  background-color: #fff;
}
.content .main {
  padding-right: 1px;
}
.sticker-fixed {
  background-image: url(../images/sticker-fixed.png);
  background-repeat: no-repeat;
  background-position: right top;
  position: fixed;
  width: 112px;
  height: 108px;
  margin-left: -117px;
  z-index: 100000;
}
.sticker-fixed .broj {
  font-weight: bold;
  font-size: 18px;
  float: right;
  color: #fff;
  position: absolute;
  bottom: 17px;
  right: 7px;
}
.sticker-fixed .up {
  line-height: 5px;
  font-size: 0.6em;
  float: right;
}
.wallpaper {
  position: absolute;
  background-size: 100%;
  width: 100%;
  height: 100%;
}
/*search*/
.search {
  float: right;
  position: relative;
  top: -10px;
  max-width: 378px;
}
@media screen and (max-width: 992px) {
  .search {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .search {
    margin: 25px auto 0;
    float: none;
    padding: 0 10px;
  }
}
.search_naslov {
  font-size: 31px;
  font-weight: bold;
  line-height: 42px;
  font-family: Tahoma, Geneva, sans-serif;
  display: block;
}
@media screen and (max-width: 992px) {
  .search_naslov {
    margin-top: 15px;
    display: inline-block;
    color: #000;
    float: left;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .search_naslov {
    color: #fff;
    margin-left: 0;
  }
}
.search_naslov_uredaji {
  margin-left: 0px !important;
  color: #BDC1CC !important;
  font-size: 40px !important;
  width: 100% !important;
  margin-bottom: 15px !important;
}
.search input.gsc-search-button,
input.gsc-search-button:hover,
input.gsc-search-button:focus {
  height: 27px;
  width: auto;
}
.search-main .search {
  float: none;
}
.search-main .search form {
  float: none;
}
.search-main .search .searchbox {
  padding-left: 40px;
}
.search-main .search .submit {
  position: absolute;
}
.search .searchbox {
  background-color: transparent;
  height: 26px;
  width: 346px;
  border: 0 none;
  font-size: 16px;
  color: #000;
  padding-top: 0;
  padding-right: 2px;
  padding-bottom: 0;
  padding-left: 2px;
  float: right;
  padding-top: 10px;
}
@media screen and (max-width: 992px) {
  .search .searchbox {
    width: 93%;
  }
}
.submit {
  background-image: url(../images/search_submit.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  border: 0 none;
  float: left;
  width: 30px !important;
  height: 30px;
}
.reset_button {
  background-image: url(../images/search_reset.png);
  background-repeat: no-repeat;
  background-position: left top;
  float: right;
  margin-top: 7px;
  background-color: transparent;
  height: 16px;
  width: 16px !important;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  cursor: pointer;
  position: absolute;
  right: 5px;
}
.img-container.slika.profile-image-small {
  width: 31px;
  height: 40px;
}
.login {
  float: left;
  margin-bottom: 12px;
  margin-top: 48px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .login {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .login {
    margin-top: 10px;
    float: right;
    margin-right: 10px;
  }
}
.login a {
  float: left;
  display: block;
  text-decoration: none;
  color: #28303D;
  border-right: 1px solid #28303D;
  padding: 0 4px;
  line-height: 12px;
  font-size: 11px;
  font-family: Tahoma, Geneva, sans-serif;
}
@media screen and (max-width: 992px) {
  .login a {
    color: #000;
  }
}
@media screen and (max-width: 768px) {
  .login a {
    color: #fff;
  }
}
.login a:last-child {
  border: 0 none;
}
.login a:hover {
  text-decoration: underline;
}
.login-usporedi {
  background-image: url(../images/login-usporedi.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 16px !important;
}
.prijava-usporedi {
  padding-left: 40px !important;
  position: relative;
  float: left;
  display: block;
  text-decoration: none;
  color: #28303D;
  padding: 0 4px;
  line-height: 12px;
  font-size: 11px;
  font-family: Tahoma, Geneva, sans-serif;
}
.prijava-usporedi .slika {
  position: absolute;
  width: 40px;
  height: 50px;
  overflow: hidden;
  float: left;
  top: -29px;
  left: 0px;
}
.prijava-usporedi .slika img {
  height: 40px;
  width: auto;
}
.login-facebook {
  background-image: url(../images/login-facebook.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 16px !important;
  margin-left: 4px;
}
/*gradienti*/
.gradient-siva {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #F9F9F9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #F9F9F9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #F9F9F9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #F9F9F9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #F9F9F9 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #F9F9F9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F9F9F9', GradientType=0);
  /* IE6-9 */
}
.gradient-siva:hover {
  background: #EEEFF0;
}
.gradient-siva-dark {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #D6D7DB 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #D6D7DB));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #D6D7DB 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #D6D7DB 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #D6D7DB 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #D6D7DB 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#D6D7DB', GradientType=0);
  /* IE6-9 */
}
.gradient-siva-dark:hover {
  background: #D6D7DB;
}
.gradient-dark-red-bg {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #EDE5E9 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #EDE5E9));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #EDE5E9 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #EDE5E9 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #EDE5E9 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #EDE5E9 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#EDE5E9', GradientType=0);
  /* IE6-9 */
}
.gradient-dark-red-bg:hover {
  background: #EDE5E9;
}
.gradient-dark-red-bg2 {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #DCA8A8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #DCA8A8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #DCA8A8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #DCA8A8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #DCA8A8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #DCA8A8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DCA8A8', GradientType=0);
  /* IE6-9 */
}
.gradient-dark-red-bg2:hover {
  background: #990000;
}
.gradient-dark-red-bg2:hover .red {
  background: #990000;
  color: #fff;
}
.gradient-dark-red-bg2:hover .naslov {
  color: #fff !important;
}
.gradient-dark-red-bg3 {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FF6600 0%, #CC0000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF6600), color-stop(100%, #CC0000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FF6600 0%, #CC0000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FF6600 0%, #CC0000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FF6600 0%, #CC0000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #FF6600 0%, #CC0000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6600', endColorstr='#CC0000', GradientType=0);
  /* IE6-9 */
}
.gradient-dark-red-bg3:hover {
  background: #EC4000;
}
.gradient-green {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #C2D87E 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #C2D87E));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #C2D87E 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #C2D87E 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #C2D87E 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #C2D87E 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#C2D87E', GradientType=0);
  /* IE6-9 */
}
.gradient-green:hover {
  background: #C2D87E;
}
.gradient-orange {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #FFF5E5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #FFF5E5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #FFF5E5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #FFF5E5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #FFF5E5 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #FFF5E5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#FFF5E5', GradientType=0);
  /* IE6-9 */
}
.gradient-orange:hover {
  background: #FFF5E5;
}
.gradient-blue {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #E5EAEF 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #E5EAEF));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #E5EAEF 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #E5EAEF 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #E5EAEF 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #E5EAEF 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E5EAEF', GradientType=0);
  /* IE6-9 */
}
.gradient-blue:hover {
  background: #E5EAEF;
}
.gradient-dark-blue {
  opacity: 1 !important;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #556482 0%, #2E3646 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #556482), color-stop(100%, #2E3646));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #556482 0%, #2E3646 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #556482 0%, #2E3646 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #556482 0%, #2E3646 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #556482 0%, #2E3646 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#556482', endColorstr='#2E3646', GradientType=0);
  /* IE6-9 */
}
.gradient-dark-blue:hover {
  background: #2E3646;
}
.gradient-submit-blue {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #556482 0%, #00162D 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #556482), color-stop(100%, #00162D));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #556482 0%, #00162D 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #556482 0%, #00162D 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #556482 0%, #00162D 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #556482 0%, #00162D 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#556482', endColorstr='#00162D', GradientType=0);
  /* IE6-9 */
}
.gradient-red {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #F5E6E6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #F5E6E6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #F5E6E6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #F5E6E6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #F5E6E6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #F5E6E6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F5E6E6', GradientType=0);
  /* IE6-9 */
}
.gradient-red:hover {
  background: #F5E6E6;
}
.gradient-dark-green {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #DFE4CE 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #DFE4CE));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #DFE4CE 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #DFE4CE 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #DFE4CE 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #DFE4CE 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DFE4CE', GradientType=0);
  /* IE6-9 */
}
.gradient-dark-green:hover {
  background: #DFE4CE;
}
.gradient-dark-green2 {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #86B300 0%, #3D5100 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86B300), color-stop(100%, #3D5100));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #86B300 0%, #3D5100 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #86B300 0%, #3D5100 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #86B300 0%, #3D5100 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #86B300 0%, #3D5100 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86B300', endColorstr='#3D5100', GradientType=0);
  /* IE6-9 */
}
.gradient-dark-green2:hover {
  background: #86B300;
}
.gradient-dark-blue-siva {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #6C727D 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #6C727D));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #6C727D 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #6C727D 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #6C727D 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #6C727D 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#6C727D', GradientType=0);
  /* IE6-9 */
}
.gradient-dark-blue-siva:hover {
  background: #2E3646;
}
.gradient-dark-blue-siva:hover .dark-blue {
  color: #fff !important;
}
.gradient-middle-red {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #F2794C 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #F2794C));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #F2794C 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #F2794C 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #F2794C100 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #F2794C 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F2794C', GradientType=0);
  /* IE6-9 */
}
.gradient-middle-red:hover {
  background: #EC4000;
}
.gradient-middle-red:hover .middle-red {
  color: #fff !important;
}
/*main banner*/
.main-banner {
  width: 100%;
  height: 280px;
  position: relative;
}
.main-banner .podnaslov {
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 5px;
  margin-left: 25px;
  line-height: 18px;
}
.main-banner .naslov {
  font-size: 30px;
  font-weight: bold;
  line-height: 34px;
  height: 68px;
  overflow: hidden;
  margin-left: 25px;
  margin-top: 15px;
}
.main-banner .tekst {
  margin-left: 25px;
  margin-top: 15px;
  font-size: 14px;
  overflow: hidden;
  line-height: 20px;
}
.main-banner .slika {
  overflow: hidden;
  text-align: center;
  display: block;
}
@media screen and (max-width: 768px) {
  .main-banner .slika {
    margin-top: 25px;
  }
}
.main-banner .slika.news-img-container img {
  width: 100%;
  max-width: 350px;
}
.main-banner .slika.columns-img-container img {
  width: 100%;
  max-width: 340px;
}
.main-banner .slika.theme-img-container img {
  width: 100%;
  max-width: 505px;
}
.main-banner .slika.product-thumb-img-container-bigger img {
  width: 100%;
  max-width: 180px;
}
.main-banner .slika.device-img-container img {
  width: 100%;
  max-width: 460px;
}
.main-banner .slika.review-img-container img {
  width: 100%;
  max-width: 250px;
}
.main-banner .slika img {
  vertical-align: middle;
}
/*breadcrumb*/
.breadcrumb {
  margin-left: 5px;
  padding: 0px 0px;
  margin: 0 0 0px;
  display: inline-block;
  background: none;
}
@media screen and (max-width: 450px) {
  .breadcrumb {
    width: 100%;
  }
}
.breadcrumb ul {
  display: inline-block;
}
.breadcrumb ul li {
  padding: 0px 4px 0px 0px;
  display: inline;
}
.breadcrumb ul li a {
  font-size: 16px;
}
.breadcrumb ul li a:hover {
  text-decoration: underline;
}
.breadcrumb ul li:first-child a {
  color: #2C3346;
}
.breadcrumb a:hover,
a:hover {
  color: inherit;
}
/*naslov*/
.dark-red {
  color: #4A0025 !important;
}
/* boja teksta */
.dark-red-bg {
  background-color: #4A0025 !important;
}
/* boja pozadine */
.dark-blue {
  color: #2E3646;
}
/* boja teksta */
.dark-blue-bg {
  background-color: #2E3646 !important;
}
/* boja pozadine */
.dark2-blue-bg {
  background-color: #202532;
}
/* boja pozadine */
.green {
  color: #86B300;
}
/* boja teksta */
.green-bg {
  background-color: #86B300 !important;
}
/* boja pozadine */
.green2-bg {
  background-color: #86B300 !important;
}
/* boja pozadine */
.green2-bg:hover {
  background-color: #587500 !important;
}
.dark-green {
  color: #587500;
}
/* boja teksta */
.dark-green-bg {
  background-color: #587500 !important;
}
/* boja pozadine */
.middle-green-bg {
  background-color: #678A00 !important;
}
/* boja pozadine */
.orange {
  color: #FF9900;
}
/* boja teksta */
.orange-bg {
  background-color: #FF9900 !important;
}
/* boja pozadine */
.middle-orange-bg {
  background-color: #FFC182 !important;
}
/* boja pozadine */
.blue {
  color: #003366;
}
/* boja teksta */
.blue-bg {
  background-color: #003366 !important;
}
/* boja pozadine */
.middle-blue-bg {
  background-color: #4C7094;
}
.red {
  color: #990000;
}
/* boja teksta */
.red-bg {
  background-color: #990000 !important;
}
/* boja pozadine */
.tabs-siva {
  background-color: #6C727D;
}
.tabs-siva:hover {
  background-color: #202532;
}
.middle-red-bg {
  background-color: #4A0025;
}
/* boja pozadine */
.middle-red-bg:hover {
  background-color: #4A0025;
}
.siva {
  color: #CCD7D4;
}
/* boja teksta */
.siva-bg {
  background-color: #CCD7D4;
}
/* boja pozadine */
.blue-forum {
  color: #336699;
}
/* boja teksta */
.blue-forum-bg {
  background-color: #336699 !important;
}
/* boja pozadine */
.blue-twitter {
  color: #00ACEE;
}
/* boja teksta */
.blue-twitter-bg {
  background-color: #00ACEE;
}
/* boja pozadine */
.purple {
  color: #553E5A;
}
.purple-bg {
  background-color: #553E5A;
}
.white {
  color: #fff !important;
}
.white-bg {
  color: #fff !important;
}
.middle-red {
  color: #EC4000;
}
.middle-red-bg {
  background-color: #EC4000 !important;
}
.purple {
  color: #553E5A;
}
.purple-bg {
  background-color: #553E5A;
}
.middle-red-bg2 {
  background-color: #F2794C !important;
}
.naslov-kat {
  height: 20px;
  position: relative;
  width: 100%;
  margin-top: 2px;
  clear: left;
}
.naslov-kat.newest-reviews-title {
  margin-top: 5px;
}
.naslov-kat .tekst {
  font-size: 28px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 5px;
  position: relative;
  background-color: #fff;
  z-index: 99;
  float: left;
  font-family: 'Archivo Black', sans-serif;
  margin-top: -2px;
  letter-spacing: -0.1em;
  font-style: normal;
  font-weight: 900;
}
.naslov-kat .podnaslov {
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 5px;
  position: relative;
  z-index: 100;
  float: left;
  font-family: 'Archivo Black', sans-serif;
  margin-top: -2px;
  letter-spacing: -0.1em;
  font-style: normal;
  margin-left: -2px;
  font-weight: 900;
  position: absolute;
  top: -16px;
  left: 44px;
}
.naslov-kat .pozadina {
  width: 100%;
  float: left;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.naslov-kat .pozadina .ukupno {
  float: right;
  line-height: 20px;
  margin-right: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  .naslov-kat .pozadina .ukupno {
    display: none;
  }
}
select.catalog-sorter {
  z-index: 1000;
  position: relative;
  background: #86B300;
  border: 1px solid #fff;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  padding: 5px 55px 4px 0;
}
/*novosti */
.novosti {
  clear: left;
  width: 100%;
}
.novosti article .article-inner-wrapper {
  position: relative;
  height: 155px;
  padding: 10px 0px;
  margin-top: 4px;
}
@media screen and (max-width: 480px) {
  .novosti article .article-inner-wrapper {
    height: auto;
    padding: 0 0 35px 0;
  }
}
.novosti article .slika {
  width: 100%;
  max-width: 140px;
  overflow: hidden;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}
.novosti article .slika img {
  vertical-align: middle;
  width: auto;
}
.novosti article .naslov {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
  margin-right: 10px;
  margin-top: 5px;
  color: #000;
  display: block;
}
.novosti article .tekst {
  margin-right: 10px;
  margin-top: 10px;
  line-height: 14px;
  height: 42px;
  overflow: hidden;
}
.novosti article .datum {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
/*testovi*/
.testovi {
  width: 100%;
}
.testovi article {
  position: relative;
}
.testovi article .article-inner-wrapper {
  height: 419px;
  margin-top: 4px;
}
.testovi article .article-inner-wrapper .ocjena {
  margin-left: 20px;
  margin-top: 10px;
}
.testovi article .article-inner-wrapper .ocjena .vasa-ocjena .text-ocjena {
  width: 75px;
  text-align: center;
  line-height: 25px;
  font-weight: bold;
  font-size: 30px;
  background-color: transparent;
  border: 0 none;
  color: #262C38;
}
.testovi article .article-inner-wrapper .ocjena .vasa-ocjena .naslov-ocjena {
  font-size: 13px;
  color: #262C38;
}
.testovi article .article-inner-wrapper .ocjena .nasa-ocjena .naslov-ocjena {
  font-size: 13px;
  color: #262C38;
}
.testovi article .article-inner-wrapper .ocjena .nasa-ocjena .text-ocjena {
  width: 75px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  font-weight: bold;
  font-size: 35px;
  border-radius: 8px;
  background-color: #262C38;
  border: 0 none;
  color: #fff;
}
.testovi article .article-inner-wrapper .slika {
  width: 100%;
  overflow: hidden;
  text-align: center;
  display: block;
}
.testovi article .article-inner-wrapper .slika img {
  vertical-align: middle;
  width: auto;
  max-width: 140px;
}
.testovi article .article-inner-wrapper .naslov {
  font-size: 18px;
  font-weight: bold;
  display: block;
  clear: both;
  max-height: 48px;
  line-height: 24px;
  overflow: hidden;
  margin-left: 30px;
  margin-top: 40px;
  color: #000;
  text-decoration: none;
}
.testovi article .article-inner-wrapper .tekst {
  display: block;
  margin-left: 30px;
  line-height: 16px;
  margin-right: 30px;
  height: 48px;
  padding-right: 30px;
  overflow: hidden;
  margin-top: 10px;
}
.testovi article .article-inner-wrapper .volimo-index {
  display: block;
  height: 90px;
  margin-left: 30px;
  margin-top: 10px;
  line-height: 14px;
}
.testovi article .article-inner-wrapper .volimo-index .naslov-volimo {
  text-transform: uppercase;
  font-weight: bold;
}
.testovi article .article-inner-wrapper .volimo-index ul {
  list-style-type: square;
}
.testovi article .article-inner-wrapper .volimo-index ul li {
  line-height: 14px;
  margin-left: 20px;
}
.testovi article .article-inner-wrapper .opsirnije {
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  background-color: #2E3646;
  padding: 0 5px;
}
.testovi article .article-inner-wrapper .opsirnije:hover {
  background-color: transparent;
  color: #2E3646;
}
/*checkbox*/
.usporedi-me {
  margin: 20px auto;
}
.usporedi-me label {
  cursor: pointer;
  position: absolute;
  width: 64px;
  height: 108px;
  left: 0px;
  top: 0px;
  background-image: url(../images/checkbox-after.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.usporedi-me label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 60px;
  height: 106px;
  top: 0px;
  padding: 0 2px;
  left: 0px;
  background-image: url(../images/checkbox.png);
  background-repeat: no-repeat;
  background-position: left top;
}
.usporedi-me input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
/*uredaji*/
.uredaji {
  width: 100%;
  overflow: hidden;
  padding: 10px 0;
}
@media screen and (max-width: 992px) {
  .uredaji {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .uredaji {
    margin-bottom: 25px;
  }
}
.uredaji .selected-category-col {
  padding-right: 1px;
  float: left;
  width: 30%;
}
.uredaji .selected-category-col a.selected-category {
  font-size: 16px;
  padding: 15px 0;
  margin-right: 1px;
  width: 100%;
  float: left;
  cursor: pointer;
  margin-top: 1px;
  margin-bottom: 10px;
  display: block;
  text-align: center;
}
#ListsList {
  float: left;
  width: 70%;
}
@media screen and (max-width: 768px) {
  .uredaji .kategorije {
    text-align: center;
  }
}
.uredaji .kategorije a {
  font-size: 16px;
  display: block;
  text-align: center;
  padding: 15px 0;
  margin-right: -1px;
  width: 33%;
  display: inline-block;
  cursor: pointer;
  margin-top: 1px;
}
@media screen and (max-width: 768px) {
  .uredaji .kategorije a {
    width: 85px;
  }
}
.uredaji .kategorije a .font {
  font-size: 3em;
}
.uredaji .kategorije a .naslov {
  color: #000;
  font-size: 12px;
  margin-top: 5px;
}
/* uredaji - search*/
.uredaji-search {
  width: 100%;
  padding-top: 10px;
}
@media screen and (max-width: 992px) {
  .uredaji-search #DevicesSearchInput {
    top: 0 !important;
  }
}
.uredaji-search .search_naslov {
  font-size: 40px;
  font-weight: bold;
  line-height: 35px;
  color: #86B300;
  opacity: .5;
  margin-left: 10px;
  top: 0;
}
.uredaji-search form {
  position: relative;
  border: 1px solid #334501;
  background-image: url(../images/search_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  height: 30px;
  width: 99%;
  opacity: .5;
  /*margin-right: 10px;
    margin-left: auto;
    margin-right: auto;*/
  margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
  .uredaji-search form {
    margin-bottom: 25px;
    margin-top: 60px;
  }
}
.uredaji-search .searchbox {
  background-color: transparent;
  height: 26px;
  width: 100%;
  border: 0 none;
  font-size: 13px;
  color: #000;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 0;
  padding-left: 35px;
  margin-top: -1px;
  opacity: 1 !important;
}
@media screen and (max-width: 992px) {
  .uredaji-search .searchbox {
    padding-top: 0;
    position: relative;
    top: -60px;
  }
}
.k-autocomplete.searchbox {
  padding-left: 20px;
}
.uredaji-search .submit {
  background-image: url(../images/search_submit.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  border: 0 none;
  float: left;
  width: 30px !important;
  height: 30px;
  margin-top: 0 !important;
  position: absolute;
  left: 0px;
  top: 0px;
}
.uredaji-search .reset_button {
  background-image: url(../images/search_reset.png);
  background-repeat: no-repeat;
  background-position: left top;
  float: right;
  margin-top: 7px;
  background-color: transparent;
  height: 16px;
  width: 16px !important;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 0px;
}
.uredaji-search .tekst {
  margin-left: 10px;
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #86B300;
  width: 100%;
  padding-bottom: 20px;
}
@media screen and (max-width: 992px) {
  .uredaji-search .tekst {
    position: relative;
    top: -20px;
  }
}
/*top liste*/
.top-liste {
  width: 100%;
  overflow: hidden;
}
.top-liste ul .naslov-kat {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  height: 50px;
  width: 100%;
  margin-right: 2px;
  margin-top: 4px;
  float: left;
  display: block;
  text-transform: uppercase;
}
.top-liste ul li {
  line-height: 45px;
  height: 45px;
  width: 100%;
  margin-top: 2px;
  float: left;
}
.top-liste ul li a {
  float: left;
  line-height: 45px;
  height: 45px;
  width: 100%;
}
.top-liste ul li a:hover .broj {
  color: #2E3646;
}
.top-liste ul li a:hover .naslov {
  color: #990000;
}
.top-liste ul li a .broj {
  text-align: right;
  color: #EDD3D3;
  font-size: 40px;
  margin-left: 10px;
  margin-right: 10px;
}
.top-liste ul li a .naslov {
  float: left;
  width: 175px;
  margin: 0px;
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  font-size: 14px;
  font-weight: bold;
  color: #2E3646;
  text-align: left;
}
.top-liste ul li a .naslov:hover {
  color: #2E3646;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: white;
  background-color: transparent;
  border: none;
}
.desktop-button {
  display: none;
}
@media screen and (max-width: 768px) {
  .desktop-button {
    float: right;
    display: block;
    color: white;
    font-size: 20px;
    position: relative;
    margin-top: -27px;
    margin-right: 35px;
  }
}
@media screen and (min-width: 768px) {
  .desktop-button {
    margin-top: -20px;
  }
}
.navbar-toggle {
  float: left;
}
/*kolumne*/
.kolumne {
  width: 100%;
  overflow: hidden;
}
.kolumne article .article-inner-wrapper {
  padding: 13px;
  height: 353px;
  margin-top: 2px;
}
.kolumne article .article-inner-wrapper .slika {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .kolumne article .article-inner-wrapper .slika .img-container {
    margin-left: 0px;
    margin-right: 0px;
  }
}
.kolumne article .article-inner-wrapper .slika img {
  max-width: 220px;
}
.kolumne article .article-inner-wrapper .naslov {
  max-height: 40px;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #2C3346;
  margin-top: 15px;
  display: block;
  overflow: hidden;
}
.kolumne article .article-inner-wrapper .tekst {
  line-height: 14px;
  height: 126px;
  overflow: hidden;
  margin-top: 15px;
}
.kolumne article .article-inner-wrapper .autor {
  margin-top: 10px;
}
.kolumne article .article-inner-wrapper .autor span {
  font-style: italic;
}
/*izbor urednika*/
.izbor-urednika {
  width: 100%;
  overflow: hidden;
  padding: 0 0 5px 0;
}
.izbor-urednika article .article-inner-wrapper {
  position: relative;
  height: 155px;
  margin-top: 4px;
}
.izbor-urednika article .article-inner-wrapper .slika {
  width: 103px;
  height: 103px;
  display: block;
  margin: 5px 15px;
}
.izbor-urednika article .article-inner-wrapper .slika img {
  width: auto;
  height: 103px;
}
.izbor-urednika article .article-inner-wrapper .naslov {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  max-height: 40px;
  margin-left: 8px;
  display: block;
  overflow: hidden;
  margin-right: 15px;
  margin-top: 5px;
  color: #000;
}
.izbor-urednika article .article-inner-wrapper .tekst {
  margin-right: 15px;
  margin-left: 8px;
  margin-top: 10px;
  line-height: 14px;
  height: 70px;
  overflow: hidden;
}
/*footer*/
.footer-padding {
  padding: 0 5px 5px 5px;
  background-color: #fff;
  float: left;
}
.footer {
  width: 100%;
  margin-bottom: 60px;
  position: relative;
  background-color: #000;
  padding: 20px;
  margin-top: 5px;
}
.footer .logo {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: white;
}
.footer .logo img {
  margin-bottom: 7px;
}
.footer .footer-meni {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.footer .footer-meni ul {
  text-align: center;
}
.footer .footer-meni ul li {
  display: inline;
  padding: 0 10px;
  border-right: 1px solid #fff;
}
.footer .footer-meni ul li a {
  font-family: Tahoma, Geneva, sans-serif;
  color: #FFF;
  font-size: 14px;
}
.footer .footer-meni ul li a:hover {
  text-decoration: underline;
}
.footer .footer-meni ul li:last-child {
  border-right: 0 none;
}
.footer .partneri {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
.footer .partneri ul {
  text-align: center;
}
.footer .partneri ul li {
  margin-right: 15px;
  display: inline;
  color: #fff;
  font-family: Tahoma, Geneva, sans-serif;
}
.footer .partneri ul li a {
  font-family: Tahoma, Geneva, sans-serif;
  color: #FFF;
}
.footer .partneri ul li a:hover {
  text-decoration: underline;
}
.footer .social {
  position: absolute;
  bottom: 35px;
  right: 20px;
}
.footer .social ul {
  float: right;
}
.footer .social ul li {
  float: left;
  margin-right: 10px;
}
.footer .social ul li a:hover {
  opacity: .5;
}
/* ---------- SIDEBAR ---------- */
.content .sidebar {
  margin-top: 0;
}
.content .teme-sidebar {
  margin-top: -4px;
}
/*main-banner-right*/
.main-banner-right {
  height: 280px;
  border-left: 1px solid #2E3646;
}
.main-banner-right article {
  height: 50%;
  border-bottom: 1px solid #2E3646;
}
.main-banner-right article:last-child {
  border-bottom: 0 none;
}
.main-banner-right article .slika {
  width: 100%;
  overflow: hidden;
  text-align: center;
  display: block;
}
.main-banner-right article .slika img {
  width: 100%;
  max-width: 140px;
}
.main-banner-right article .naslov {
  margin-right: 15px;
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  margin-top: 20px;
  color: #000;
  text-decoration: none;
}
.main-banner-right article .tekst {
  margin-right: 15px;
  margin-top: 10px;
  line-height: 14px;
  height: 42px;
  overflow: hidden;
}
/*tabs*/
.tabs {
  float: left;
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
}
.tabs-menu {
  width: 100%;
  margin-top: 20px;
}
.tabs-menu.tabs-menu-article-cat {
  margin-top: 5px;
}
.tabs-menu--alternative ul {
  width: 280px !important;
}
@media screen and (max-width: 768px) {
  .tabs-menu ul {
    float: none;
  }
}
.tabs-menu ul li.active {
  height: 48px;
  float: left;
  line-height: 24px;
  background-color: #202532;
  border-bottom: 0 none;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .tabs-menu ul li.active.dark-red-bg.active {
    background-color: #210011 !important;
  }
}
@media screen and (max-width: 768px) {
  .tabs-menu ul li.active.middle-red-bg.acitve {
    background-color: #c33500 !important;
  }
}
@media screen and (max-width: 768px) {
  .tabs-menu ul li.active.orange-bg.active {
    background-color: #d68100 !important;
  }
}
@media screen and (max-width: 768px) {
  .tabs-menu ul li.active.dark-green-bg.active {
    background-color: #394c00 !important;
  }
}
@media screen and (max-width: 768px) {
  .tabs-menu ul li.active {
    float: none;
  }
}
.tabs-menu ul li:hover {
  opacity: 1;
}
.tabs-menu ul li.active2 {
  display: inline;
  float: left;
  padding: 0 10px;
  line-height: 24px;
  height: 48px;
  background-color: #003366;
  border-bottom: 0 none;
  opacity: 1;
}
.tabs-menu ul li.active2:hover a {
  background: transparent;
}
.tabs-menu ul li:first-child {
  border-bottom: 0 none;
  border-left: 0 none;
}
.tabs-menu ul li a {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
  opacity: 1;
  padding: 11px 15px;
  display: block;
  border: none;
}
@media screen and (max-width: 450px) {
  .tabs-menu ul li a {
    font-size: 15px;
    padding: 11px 0px;
  }
}
.tabs-menu ul li a:hover {
  opacity: 1;
}
.tabs-menu ul li {
  height: 47px;
  float: left;
  line-height: 24px;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .tabs-menu ul li {
    float: none;
    margin-bottom: 1px;
    border-left: none;
  }
}
.rating-col {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .rating-col {
    text-align: left;
    margin-top: 10px;
    float: left;
    width: 100%;
  }
}
.product-status-container {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .product-status-container {
    padding-top: 20px;
    text-align: left;
  }
}
.product-status-img {
  width: 100%;
  height: auto;
  max-width: 305px;
}
.tabs-menu-bg {
  width: 100%;
  height: 5px;
  clear: both;
  margin: 0px;
  padding: 0px;
}
.tabs .box {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.tabs .box .odd {
  list-style-type: none;
  padding: 0px 15px 0 0;
  margin: 0px;
  width: 50%;
  float: left;
}
.tabs .box .even {
  list-style-type: none;
  padding: 0px 15px 0 0;
  margin: 0px;
  width: 50%;
  float: left;
}
.tabs .box ol li {
  border-bottom: 1px solid #3A445C;
  padding-bottom: 13px;
  margin-top: 12px;
  margin-left: 15px;
}
.tabs .box ol li a {
  display: block;
  text-decoration: none;
}
.tabs .box ol li a .broj {
  float: left;
  width: 45px;
  text-align: left;
  height: 30px;
  line-height: 30px;
  color: #3B455A;
  font-size: 35px;
  margin-right: 20px;
}
.tabs .box ol li a .naslov {
  line-height: 14px;
  height: 28px;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
  text-align: left;
}
.tabs .box ol li a:hover .broj {
  color: #fff;
}
.tabs .box ol li a:hover .naslov {
  opacity: .3;
}
/*vimeo*/
.vimeo {
  float: left;
  margin-top: 5px;
}
/*facebook*/
.facebook {
  width: 100%;
  border: 1px solid #666666;
  min-height: 300px;
  overflow: hidden;
  margin-top: 5px;
}
.facebook iframe {
  width: 100% !important;
}
/*banner*/
.banner-sidebar {
  float: left;
  width: 366px;
  border: 1px solid #666666;
  height: 278px;
  line-height: 278px;
  text-align: center;
  margin-top: 5px;
}
/*forum*/
.forum {
  float: left;
  width: 100%;
  overflow: hidden;
}
.forum ul {
  float: left;
  margin: 10px 0 0 0;
}
.forum ul li {
  border-bottom: 1px solid #6C727D;
  padding: 10px 2px 10px 2px;
}
.forum ul li:last-child {
  border-bottom: 0 none;
  margin-bottom: 0px;
}
.forum ul li .naslov {
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
}
.forum ul li .autor {
  color: #999;
  font-size: 11px;
  line-height: 13px;
}
.forum ul li .tekst {
  font-size: 11px;
  font-style: italic;
  color: #000;
  line-height: 13px;
}
/*twitter*/
.twitter {
  float: left;
  width: 100%;
  overflow: hidden;
}
.twitter .up {
  float: left;
  padding: 10px 2px;
  border-bottom: 1px solid #4AC3F2;
  margin: 0px;
  width: 100%;
}
.twitter .up .left {
  float: left;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #00ACEE;
  text-decoration: none;
}
.twitter .up .right {
  float: right;
  font-size: 12px;
  line-height: 20px;
  text-decoration: underline;
  color: #00ACEE;
}
.twitter ul {
  float: left;
}
.twitter ul li {
  border-bottom: 1px solid #4AC3F2;
  padding: 10px 2px 10px 2px;
  background-color: #F6F7F8;
}
.twitter ul li:last-child {
  border-bottom: 0 none;
}
.twitter ul li .tekst .link {
  color: #00ACED;
  font-family: Tahoma, Geneva, sans-serif;
  text-decoration: none;
}
.twitter ul li .tekst .link:hover {
  text-decoration: underline;
}
.twitter ul li .tekst {
  font-size: 11px;
  color: #000;
  line-height: 13px;
}
/*preporuke*/
.preporuke {
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
}
.preporuke .naslov-preporuke {
  line-height: 23px;
  height: 23px;
  padding-left: 10px;
  background-color: #7B8499;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.preporuke ul {
  float: left;
  width: 100%;
}
.preporuke ul li {
  float: left;
  width: 100%;
  display: table-row;
  margin-top: 1px;
}
.preporuke ul li a {
  height: 40px;
  line-height: 40px;
  float: left;
  width: 100%;
}
.preporuke ul li a .naslov {
  float: left;
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
.preporuke ul li a .broj {
  float: right;
  margin-right: 10px;
}
/* ---- SIDEBAR #END ----------- */
/* ----- stranica uredaji ------ */
.uredaji-box {
  height: 250px;
  margin: 10px 0px 0 0;
  position: relative;
}
@media screen and (max-width: 480px) {
  .uredaji-box .preporuka-sticker {
    display: none;
  }
}
.uredaji-box .slika {
  text-align: center;
  display: block;
}
.uredaji-box .slika img {
  vertical-align: middle;
  width: 100%;
  max-width: 140px;
  height: auto;
}
.uredaji-box .usporedi-me {
  position: absolute;
  top: 5px;
  right: 5px;
  margin: 0px;
  height: auto;
  width: auto;
}
.uredaji-box .brand {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 0 20px;
  display: block;
}
.uredaji-box .cijena {
  font-size: 14px;
  margin: 10px 20px 0 0;
  display: block;
  color: #E51111;
  text-align: right;
}
.uredaji-box .naslov {
  margin: 5px 0 0 20px;
  padding-top: 5px;
  font-size: 20px;
  width: 100%;
  line-height: 20px;
  overflow: hidden;
  display: block;
}
.uredaji-box .ocjena {
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  padding: 0 8px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  position: absolute;
  right: 20px;
  bottom: 10px;
}
.resize {
  width: 750px;
  float: left;
}
/*paginacija*/
.pag {
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  height: 30px;
  width: 100%;
}
.pag .pag-left {
  float: left;
}
.pag .pag-left li {
  float: left;
  display: inline;
  margin-right: 2px;
}
.pag .pag-left li a {
  float: left;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #D8DBE0;
  background: #F0F1F3;
  display: block;
  text-decoration: none;
  color: #000;
}
.pag .pag-left li a:hover,
.pag .pag-left li a.active {
  background: #86B300;
  border: 1px solid #86B300;
  color: #fff;
}
.pag .pag-right {
  float: right;
  margin-top: 10px;
}
.pag .pag-right li {
  float: left;
  display: inline;
  margin-right: 2px;
  border-left: 1px solid #000;
  padding: 0 5px;
}
.pag .pag-right li:first-child {
  border-left: 0 none;
  padding: 0 5px 0 0;
}
.pag .pag-right li:last-child {
  padding: 0 0 0 5px;
}
.pag .pag-right li a {
  float: left;
  line-height: 10px;
}
.pag .pag-right li a:hover {
  text-decoration: underline;
}
/* ---- stranica uredaji #end----------- */
/* ---- stranica uredaji marke ---- */
.back {
  line-height: 23px;
  padding-left: 25px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 1px;
  width: 100%;
  display: block;
  background-image: url(../images/marke-arrow.png);
  background-repeat: no-repeat;
  background-position: 10px center;
}
.marke {
  float: left;
  width: 100%;
  overflow: hidden;
}
.marke ul li {
  text-align: center;
  background-color: #CEE098;
  margin: 1px 1px 0 0;
  display: inline-block;
  float: left;
  width: 33%;
}
.marke ul li a {
  font-size: 11px;
  line-height: 26px;
  width: 100%;
  height: 26px;
  text-transform: uppercase;
  display: block;
}
.marke ul li a:hover,
.marke ul li .active {
  background-color: #587500;
  color: #fff;
}
/* ---- stranica uredaji marke #end---- */
/* ---- stranica uredaji marke samsung ---- */
.naslov-marke {
  height: 56px;
  line-height: 56px;
  margin-top: 1px;
  width: 100%;
  padding-left: 10px;
  color: #fff;
  font-size: 35px;
  font-weight: normal;
}
/* ---- stranica uredaji marke samsung #end---- */
/* ---- stranica uredaji marke samsung mobiteli---- */
.filter {
  margin-top: 20px;
}
.filter .naslov {
  line-height: 25px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}
.filter ul {
  float: left;
}
.filter ul li {
  display: inline;
  float: left;
  margin-right: 10px;
  text-align: center;
  position: relative;
  width: 150px;
  background-color: #D2D5DC;
}
.filter ul li .naslov-filtera {
  width: auto;
  text-align: center;
  height: 25px;
  line-height: 25px;
}
.filter ul li .exit {
  position: absolute;
  right: 5px;
  top: 5px;
  background-image: url(../images/exit.png);
  background-repeat: no-repeat;
  background-position: right center;
  float: right;
  width: 14px;
  height: 14px;
}
.filter ul li.expand-filters:hover {
  background-color: #7B8499;
  color: white;
  cursor: pointer;
}
.filter-kategorije {
  clear: both;
  margin-top: 10px;
  overflow: hidden;
}
.filter-kategorije ul {
  float: left;
  margin-right: 8px;
  width: 115px;
}
.filter-kategorije ul li {
  display: table-row;
  float: left;
  position: relative;
  width: 115px;
  margin-bottom: 5px;
}
.filter-kategorije ul .naslov-kategorije {
  width: 115px;
  float: left;
  text-align: center;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  text-transform: uppercase;
}
.filter-kategorije ul li a {
  width: 115px;
  float: left;
  text-align: center;
  height: 25px;
  line-height: 25px;
  color: #2D3546;
  background-color: #D2D5DC;
}
.filter-kategorije ul .active {
  background-color: #7B8499 !important;
  color: #fff !important;
}
/* boja pozadine */
.filter-kategorije ul .more {
  width: 115px;
  line-height: 25px;
  height: 25px;
  float: left;
  background-image: url(../images/more.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.filter-kategorije ul .more-up {
  width: 115px;
  line-height: 25px;
  height: 25px;
  float: left;
  background-image: url(../images/more-up.png);
  background-repeat: no-repeat;
  background-position: center center;
}
/* ---- stranica uredaji marke samsung #end---- */
.wobler-quick-review {
  z-index: 100;
  position: absolute;
  bottom: 0px;
  left: 20px;
  width: 150px;
  height: 150px;
}
@media screen and (max-width: 480px) {
  .wobler-quick-review {
    width: 75px;
    height: 75px;
  }
}
/* ---- stranica uredaji mobiteli---- */
.preporuka-sticker {
  position: absolute;
  float: left;
  left: 10px;
  background-image: url(../images/preporuka-sticker.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 60px;
  height: 60px;
  background-size: contain;
  bottom: 115px;
}
.kolicina-proizvoda {
  padding: 10px 0;
  background-color: #fff;
}
.kolicina-proizvoda .naslov {
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
}
.kolicina-proizvoda .box {
  text-align: center;
  line-height: 20px;
}
.kolicina-proizvoda .box .broj {
  font-size: 18px;
  font-weight: bold;
}
.kolicina-proizvoda .box .broj .tekst {
  font-size: 11px;
}
/* ---- stranica uredaji mobiteli #end---- */
.pager-nav-button:hover {
  text-decoration: underline;
  cursor: pointer;
}
.pager-nav-button[disabled="disabled"]:hover {
  cursor: default;
  text-decoration: none;
}
.pager-nav-button[disabled="disabled"] {
  opacity: 0.7;
}
/* ---- stranica uredaji usporedba prazna ---- */
.naslov-post {
  max-height: 110px;
  min-height: 55px;
  line-height: 55px;
  font-size: 40px;
  padding: 10px;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .naslov-post {
    font-size: 35px;
    line-height: 35px;
  }
}
.naslov-post.naslov-post-bigger {
  font-size: 55px;
  padding-top: 25px;
}
@media screen and (max-width: 480px) {
  .naslov-post.naslov-post-bigger {
    font-size: 35px;
    line-height: 35px;
  }
}
.naslov-post .podnaslov {
  line-height: 26px;
  font-size: 22px;
  color: #fff;
  font-weight: normal;
}
@media screen and (max-width: 480px) {
  .naslov-post .podnaslov {
    margin-top: 12px;
  }
}
.naslov-post .obavijest {
  font-size: 14px;
  color: #fff;
  right: 20px;
  bottom: 0px;
  position: absolute;
  font-weight: normal;
}
.naslov-search-prazna .slika {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.naslov-search-prazna .slika img {
  width: 50px;
  height: auto;
}
.naslov-search-prazna .naslov {
  text-transform: uppercase;
  color: #8F97A9;
  font-size: 30px;
  font-family: 'Archivo Black', sans-serif;
  line-height: 25px;
}
.naslov-search-prazna .podnaslov {
  text-transform: uppercase;
  font-size: 20px;
  color: #8F97A9;
  line-height: 40px;
}
.uredaji-prazna {
  overflow: hidden;
}
.k-image {
  width: 100%;
}
.gallery-post-item img.k-image {
  width: auto;
}
.uredaji-prazna .uredaji-box {
  height: 240px;
  padding: 15px 20px;
  overflow: hidden;
  position: relative;
}
.uredaji-prazna .uredaji-box .slika {
  overflow: hidden;
  text-align: center;
  display: block;
  width: 100%;
}
.uredaji-prazna .uredaji-box .slika img {
  vertical-align: middle;
  width: 100%;
  max-width: 140px;
}
.uredaji-prazna .uredaji-box .brand {
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0 0 0px;
}
.uredaji-prazna .uredaji-box .naslov {
  margin: 3px 0 0 0px;
  font-size: 20px;
  line-height: 20px;
  overflow: hidden;
  display: block;
}
/* ---- stranica uredaji usporedba prazna #end---- */
/* ---- stranica novosti---- */
/*novosti banner*/
.novosti-banner {
  width: 100%;
  position: relative;
  padding-bottom: 15px;
  padding-right: 15px;
}
.novosti-banner.columns-banner .img-wrapper {
  margin: 16px 16px 0px 16px;
}
.novosti-banner .text-col {
  max-height: 209px;
  overflow: hidden;
}
.novosti-banner .tekst {
  margin-right: 25px;
  clear: left;
  width: 100%;
  margin-top: 15px;
  font-size: 14px;
  overflow: hidden;
  line-height: 16px;
}
@media screen and (max-width: 992px) {
  .novosti-banner .tekst {
    padding-left: 10px;
  }
}
.novosti-banner .naslov {
  font-size: 30px;
  font-weight: bold;
  line-height: 34px;
  overflow: hidden;
  width: 100%;
  margin-right: 25px;
  display: block;
  margin-top: 15px;
  height: 68px;
}
@media screen and (max-width: 992px) {
  .novosti-banner .naslov {
    padding-left: 10px;
  }
}
.novosti-banner .naslov:hover {
  color: black;
}
.novosti-banner .autor {
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  width: 350px;
  margin-right: 25px;
  clear: left;
  margin-top: 15px;
}
.novosti-banner .autor span {
  font-style: italic;
}
.novosti-vrijeme {
  font-style: italic;
  color: #BBBBBB;
  font-weight: bold;
  font-size: 20px;
  position: absolute;
  bottom: 20px;
  left: 10px;
}
/*main-banner-right*/
.novosti-banner-right article {
  position: relative;
  padding: 10px 0px;
}
.novosti-banner-right article .slika {
  width: 100%;
  max-width: 140px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  text-align: center;
  display: block;
}
.novosti-banner-right article .slika img {
  vertical-align: middle;
  width: auto;
  height: 88px;
}
.novosti-banner-right article .naslov {
  margin-right: 15px;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
  margin-top: 20px;
  color: #000;
  text-decoration: none;
}
.novosti-banner-right article .tekst {
  margin-right: 15px;
  margin-top: 10px;
  line-height: 12px;
  height: 36px;
  overflow: hidden;
  font-size: 11px;
  margin-bottom: 25px;
}
.novosti-banner-right article .datum {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.novosti-banner-right .ocjena {
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  padding: 0 8px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  float: right;
  margin: 20px 20px 0 0;
}
.novosti-vise {
  width: 100%;
  text-align: center;
  display: block;
  font-size: 16px;
  color: #fff;
  background-color: #4A0025;
  line-height: 40px;
  height: 40px;
  margin-top: 1px;
  clear: both;
}
.novosti-vise i {
  margin-left: 10px;
  margin-right: 10px;
}
.novosti-vise:hover {
  color: #fff;
}
/* ---- stranica novosti #end---- */
/* ---- stranica novosti_opsirnije #end---- */
/*opsirnije stranica*/
.opsirnije-box {
  width: 100%;
  overflow: visible;
}
.opsirnije-box .carousel .carousel-inner .item .img-container,
.slika .img-container {
  margin-left: 0;
  width: 100%;
}
.opsirnije-box .slika {
  float: left;
  width: 100%;
  position: relative;
  height: 460px;
  margin-top: 1px;
}
.opsirnije-box .slika .prev {
  background-image: url(../images/prev-youtube.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 370px;
  height: 460px;
  float: left;
}
.opsirnije-box .slika .next {
  background-image: url(../images/next-youtube.png);
  background-repeat: no-repeat;
  background-position: 315px center;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 370px;
  height: 460px;
  float: left;
}
.opsirnije-box .slika .pagination {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 40px;
}
.opsirnije-box .slika .pagination ul {
  text-align: center;
  width: 140px;
  margin: 0 auto;
}
.opsirnije-box .slika .pagination ul li {
  display: inline;
}
.opsirnije-box .slika .pagination ul li a {
  border: 1px solid #fff;
  width: 13px;
  margin: 0 5px 0 0;
  height: 13px;
  background-color: transparent;
  float: left;
}
.opsirnije-box .slika .pagination ul li .active {
  background-color: #99CC00;
}
.opsirnije-box .slika .naslov {
  position: absolute;
  bottom: 0px;
  width: 100%;
  line-height: 23px;
  padding: 0 10px;
  height: 23px;
  color: #000;
  font-size: 11px;
  color: #fff;
  background-color: #000;
}
.opsirnije-box .podnaslov,
.gradient-siva .opsirnije-box .podnaslov {
  font-size: 26px;
  padding: 10px;
  line-height: 30px;
  margin-bottom: 0;
  float: none;
  font-weight: 500;
}
@media screen and (max-width: 480px) {
  .opsirnije-box .podnaslov,
  .gradient-siva .opsirnije-box .podnaslov {
    font-size: 18px;
    line-height: 22px;
  }
}
.opsirnije-box .tekst {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  padding: 10px;
  line-height: 1.5;
}
.opsirnije-box hr {
  background-color: #ccc;
  height: 1px;
  border: 0 none;
  width: 100%;
  margin: 0px 10px 10px 10px;
}
.how-we-test-wobbler #usporedi-wobbler-preporuka {
  width: 100%;
  right: 0px;
  margin-left: 9px;
}
.how-we-test-wobbler #usporedi-wobbler-preporuka .slika {
  width: 100%;
  text-align: center;
}
.how-we-test-wobbler #usporedi-wobbler-preporuka .slika img {
  width: 90%;
  max-width: 190px;
}
.how-we-test-wobbler #usporedi-wobbler-preporuka p {
  text-align: center;
  font-size: 14px;
  padding-bottom: 25px;
  margin-top: 10px;
  display: block;
  position: relative;
  line-height: 1.3;
  top: 15px;
  left: -10px;
}
.opsirnije-box .tekst .izdvojen-tekst {
  font-size: 16px;
  line-height: 20px;
  padding: 15px;
  margin: 0 0 10px 0px;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .opsirnije-box .tekst .izdvojen-tekst {
    float: none;
    width: 100%;
  }
}
.opsirnije-box .tekst .slika {
  float: right;
  clear: right;
  margin: 0 0 20px 20px;
  width: auto;
  height: auto;
}
.opsirnije-box .tekst .tekst-naslov {
  font-size: 40px;
  float: left;
  margin-bottom: 20px;
  width: 100%;
  line-height: 40px;
}
.opsirnije-box .tekst .foto ul {
  list-style-type: none;
}
.opsirnije-box .tekst .foto ul li {
  float: left;
  margin-right: 10px;
  width: 235px;
  margin-bottom: 10px;
}
.opsirnije-box .tekst .foto ul li .slika-foto {
  clear: left;
  float: left;
  height: 157px;
}
.opsirnije-box .tekst .foto ul li .naslov {
  clear: left;
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 12px;
}
.opsirnije-box .youtube {
  clear: left;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 40px;
}
.opsirnije-box .youtube .prev {
  background-image: url(../images/prev-youtube.png);
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  top: 145px;
  left: 20px;
  width: 34px;
  height: 56px;
  float: left;
}
.opsirnije-box .youtube .next {
  background-image: url(../images/next-youtube.png);
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  top: 145px;
  right: 20px;
  width: 34px;
  height: 56px;
  float: left;
}
.author-info {
  float: left;
  width: 70%;
}
.opsirnije-box .autor {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 40px;
}
.opsirnije-box .autor .slika {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 65px;
  width: 30%;
  max-width: 65px;
  height: 83px;
  overflow: hidden;
}
.opsirnije-box .autor .slika img {
  height: 83px;
  width: auto;
}
.opsirnije-box .autor .ime-autora {
  margin-top: 20px;
  margin-left: 10px;
  color: #fff;
  width: 100%;
}
.opsirnije-box .autnovosti-banneror .ime-autora .uredaj {
  text-decoration: underline;
  color: #fff;
}
.opsirnije-box .autor .ime-autora .uredaj:hover {
  text-decoration: none;
}
.opsirnije-box .autor .datum {
  color: #fff;
  margin-left: 0;
  margin-top: 5px;
  display: inline-block;
  padding-left: 10px;
}
.tagovi {
  color: #DDD;
  margin-left: 0;
  margin-top: 5px;
  font-size: 12px;
  display: table;
  padding-left: 10px;
}
.tagovi .tag {
  font-style: italic;
}
.opsirnije-box .autor .right {
  margin-right: 10px;
}
.opsirnije-box .autor .right .komentari {
  color: #fff;
  padding-top: 10px;
  margin-bottom: 4px;
}
.opsirnije-box .autor .right .procitano {
  color: #fff;
}
/*komentari*/
.komentari {
  float: none;
  clear: both;
  width: 100%;
  overflow: hidden;
}
.komentari .default {
  height: 50px;
  line-height: 50px;
  float: left;
  padding: 0 10px;
  width: 100%;
  color: #2C3346;
}
.komentari .default a {
  color: #668A00;
}
.komentari .default a:hover {
  text-decoration: underline;
}
/* ---- stranica novosti_opsirnije #end---- */
/* ---- stranica testovi ---- */
.testovi-sidebar {
  width: 100%;
  overflow: hidden;
  margin-top: 3px;
}
.testovi-sidebar.ask-question .naslov {
  font-weight: normal;
}
.testovi-sidebar.ask-question .naslov:hover {
  color: white;
}
@media screen and (max-width: 991px) {
  .testovi-sidebar {
    text-align: center;
  }
}
.testovi-sidebar .slika {
  padding: 19px 19px 10px 19px;
  display: block;
  width: 100%;
  overflow: hidden;
}
.testovi-sidebar .slika img {
  width: 100%;
  max-width: 330px;
  display: inline-block;
  height: auto;
}
.testovi-sidebar .naslov {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin: 10px 20px 20px 20px;
  color: #fff;
}
.testovi-sidebar .tekst {
  color: #fff;
  padding: 0px 20px 20px 20px;
  font-size: 11px;
}
.testovi-box {
  width: 100%;
  overflow: hidden;
  margin-top: 3px;
}
.testovi-sidebar-box {
  position: relative;
  height: 115px;
}
.testovi-sidebar-box .slika {
  width: 100%;
  text-align: center;
  display: block;
  margin-top: 15px;
}
.testovi-sidebar-box .slika img {
  width: 100%;
  max-width: 140px;
  height: auto;
}
.testovi-sidebar-box .naslov {
  margin-right: 15px;
  font-size: 26px;
  font-weight: bold;
  line-height: 18px;
  margin-top: 20px;
  color: #000;
  text-decoration: none;
  display: block;
}
.testovi-sidebar-box .brand {
  margin-right: 15px;
  display: block;
  margin-top: 10px;
  line-height: 12px;
  overflow: hidden;
  font-size: 16px;
}
.testovi-sidebar-box .ocjena {
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  padding: 0 8px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  margin-top: 15px;
  position: absolute;
  right: 25px;
  bottom: 10px;
}
.testovi-main {
  float: left;
  clear: left;
  width: 100%;
  overflow: hidden;
}
.testovi-main article .article-inner-wrapper {
  position: relative;
  height: 170px;
  margin-right: 4px;
  margin-top: 4px;
}
.testovi-main article .article-inner-wrapper .text-col {
  overflow: hidden;
  height: 136px;
}
.testovi-main article .slika {
  width: 100%;
  max-width: 140px;
  overflow: hidden;
  text-align: center;
  display: block;
  top: 0px;
  left: 0px;
  line-height: 140px;
  margin-top: 5px;
}
.testovi-main article .slika img {
  vertical-align: middle;
  width: 100%;
}
.testovi-main article .usporedi-me {
  width: 64px;
  height: 106px;
  margin: 0px;
  position: absolute;
  float: left;
  top: 10px;
  right: 0px;
  z-index: 20;
}
.testovi-main article .naslov {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  display: block;
  overflow: hidden;
  margin-right: 70px;
  margin-top: 5px;
  color: #000;
  height: 35px;
}
.testovi-main article .tekst {
  margin-right: 70px;
  margin-top: 11px;
  line-height: 14px;
}
.testovi-main article .cijena {
  position: absolute;
  bottom: 10px;
  left: 150px;
  font-size: 16px;
}
.testovi-main article .ocjena {
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  padding: 0 8px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  margin: 0px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.testovi-banner {
  width: 100%;
  position: relative;
  margin-top: 7px;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .testovi-banner .text-col {
    text-align: center;
  }
}
.testovi-banner .naslov {
  font-size: 30px;
  font-weight: bold;
  line-height: 34px;
  overflow: hidden;
  margin-right: 85px;
  display: block;
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .testovi-banner .naslov {
    margin-right: 0px;
  }
}
.testovi-banner .tekst {
  margin-right: 25px;
  margin-top: 15px;
  font-size: 14px;
  overflow: hidden;
  line-height: 16px;
}
.testovi-banner .slika {
  overflow: hidden;
  text-align: center;
  display: block;
  margin-top: 15px;
}
.testovi-banner .slika img {
  vertical-align: middle;
  width: auto;
  height: 278px;
}
.testovi-banner .usporedi-me {
  width: 64px;
  height: 106px;
  margin: 20px auto;
  position: absolute;
  float: left;
  right: 0px;
  top: 0px;
}
.testovi-banner .ocjena {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .testovi-banner .ocjena {
    text-align: center;
  }
}
.testovi-banner .ocjena .vasa-ocjena .naslov-ocjena {
  font-size: 13px;
  color: #262C38;
}
.testovi-banner .ocjena .nasa-ocjena .naslov-ocjena {
  font-size: 13px;
  color: #262C38;
}
.testovi-banner .ocjena .nasa-ocjena .text-ocjena {
  width: 75px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  font-weight: bold;
  font-size: 35px;
  border-radius: 8px;
  background-color: #262C38;
  border: 0 none;
  color: #fff;
  display: inline-block;
}
.testovi-banner .ocjena .vasa-ocjena .text-ocjena {
  width: 75px;
  text-align: center;
  line-height: 25px;
  font-weight: bold;
  font-size: 30px;
  background-color: transparent;
  border: 0 none;
  color: #262C38;
  display: inline-block;
}
/* ---- stranica testovi #end---- */
/* ---- stranica testovi brzinski test ---- */
.naslov-top {
  width: 100%;
  min-height: 75px;
  margin-top: 10px;
  position: relative;
}
.naslov-top .title-col .naslov {
  margin: 6px 0 0 10px;
  font-size: 40px;
  color: #fff;
  max-height: 80px;
  overflow: hidden;
  line-height: 40px;
}
.naslov-top .title-col .podnaslov {
  margin: 0 0 10px 10px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  overflow: hidden;
  line-height: 20px;
}
.naslov-top .author-col {
  text-align: right;
}
.naslov-top .author-col .slika {
  display: inline-block;
  vertical-align: top;
  margin: 5px 0;
  width: 50px;
  height: 65px;
  overflow: hidden;
  margin-right: 10px;
}
.naslov-top .author-col .slika img {
  height: 65px;
  width: auto;
}
.naslov-top .author-col .ime {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin-top: 5px;
}
.naslov-top .author-col .datum {
  font-size: 11px;
  color: #fff;
}
.testovi-brzinski-test-slika {
  width: 100%;
  margin-top: 1px;
  position: relative;
  overflow: hidden;
}
.testovi-brzinski-test-slika .slika2 {
  width: 630px;
  height: 430px;
  overflow: hidden;
  text-align: center;
  display: block;
  float: right;
  position: absolute;
  top: 0px;
  left: 0px;
  line-height: 435px;
  margin-top: 15px;
}
.testovi-brzinski-test-slika .slika2 img {
  vertical-align: middle;
  width: auto;
  height: 400px;
}
.testovi-brzinski-test-slika .pagination {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 40px;
}
.testovi-brzinski-test-slika .pagination ul {
  text-align: center;
  width: 140px;
  margin: 0 auto;
}
.testovi-brzinski-test-slika .pagination ul li {
  display: inline;
}
.testovi-brzinski-test-slika .pagination ul li a {
  border: 1px solid #DDDDDD;
  width: 13px;
  margin: 0 5px 0 0;
  height: 13px;
  background-color: transparent;
  float: left;
}
.testovi-brzinski-test-slika .pagination ul li .active {
  background-color: #99CC00;
}
.testovi-brzinski-test-slika .rating {
  width: 100px;
  height: 380px;
  position: absolute;
  right: 0;
  top: 20px;
  background-image: url(../images/opsirnije_bg.png);
  background-repeat: repeat;
  background-position: left top;
  padding: 12px;
  z-index: 4;
}
@media screen and (max-width: 991px) {
  .testovi-brzinski-test-slika .rating {
    display: none;
  }
}
.testovi-brzinski-test-slika .rating .ocjena {
  float: left;
  top: 15px;
  left: 270px;
}
.owl-carousel:hover .owl-nav,
.owl-carousel:hover .owl-dots {
  opacity: 1;
}
.owl-carousel .owl-video-tn {
  background-size: cover;
}
.owl-nav,
.owl-dots {
  opacity: 0;
  transition: all linear 0.1s;
}
.testovi-brzinski-test-slika .owl-carousel .owl-nav .owl-next {
  margin-right: 120px;
}
@media screen and (max-width: 900px) {
  .testovi-brzinski-test-slika .owl-carousel .owl-nav .owl-next {
    margin-right: 30px;
  }
}
.testovi-brzinski-test-slika .rating .ocjena .nasa-ocjena .naslov-ocjena {
  font-size: 13px;
  color: #fff;
}
.testovi-brzinski-test-slika .rating .ocjena .nasa-ocjena .text-ocjena {
  width: 72px;
  height: 53px;
  text-align: center;
  line-height: 53px;
  font-weight: bold;
  font-size: 35px;
  border-radius: 8px;
  background-color: #262C38;
  border: 1px solid #fff;
  color: #fff;
  margin: 3px 0;
}
.testovi-brzinski-test-slika .rating .ocjena .vasa-ocjena .naslov-ocjena {
  font-size: 13px;
  color: #fff;
}
.testovi-brzinski-test-slika .rating .ocjena .vasa-ocjena .text-ocjena {
  width: 75px;
  text-align: center;
  line-height: 45px;
  font-weight: bold;
  font-size: 30px;
  background-color: transparent;
  border: 0 none;
  color: #fff;
}
.testovi-brzinski-test-slika .rating .slika {
  background-image: url(../images/rating.png);
  background-repeat: no-repeat;
  background-position: left top;
  float: left;
  width: 73px;
  height: 227px;
}
.testovi-brzinski-test-slika .rating .slika .slika-rating {
  background-image: url(../images/rating-bars-v.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  float: left;
  width: 45px;
  height: 219px;
  margin-top: 4px;
  position: absolute;
  bottom: 11px;
}
.testovi-brzinski-test-slika .naslov {
  position: absolute;
  bottom: 15px;
  width: 100%;
  line-height: 23px;
  height: 23px;
  color: #000;
  font-size: 12px;
  color: #DDDDDD;
  text-align: center;
}
.volimo {
  padding: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.volimo.ne-volimo .naslov {
  border-bottom: 2px solid #FF0000;
}
.volimo .naslov {
  font-size: 28px;
  color: #fff;
  font-family: 'Archivo Black', sans-serif;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 2px solid #99CC00;
  text-transform: uppercase;
}
.volimo .naslov img {
  margin-left: 10px;
}
.volimo ul {
  list-style-type: square;
  margin-left: 17px;
  margin-top: 3px;
}
.volimo ul li {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}
.scroll7 {
  float: left;
  width: 720px;
  background-color: #2E3646;
}
.scroll6 {
  float: left;
  width: 740px;
  height: 75px;
  background-color: #2E3646;
}
.tabs-menu-margin {
  margin-top: 41px;
}
.specifikacije {
  width: 100%;
}
.specifikacije li {
  border-bottom: 1px solid #AEB7CA;
  padding: 15px 5px;
  width: 100%;
  background-color: #F6F7F8;
}
.specifikacije li:last-child {
  border-bottom: 0 none;
}
.specifikacije li .naslov-s {
  color: #000;
  font-weight: bold;
}
.brzinski-test article .inner .specifikacije li .tekst {
  line-height: 20px;
}
.tekst-s {
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  padding: 10px;
}
.tekst-naslov-s {
  font-size: 40px;
  float: left;
  margin-bottom: 20px;
  width: 100%;
  line-height: 40px;
}
.specifikacije-s {
  border-top: 1px solid #AEB7CA;
}
.specifikacije-s li {
  border-bottom: 1px solid #AEB7CA;
  padding: 8px 0;
  width: 100%;
  background-color: #F6F7F8;
}
.specifikacije-s li .naslov-s {
  color: #2C3446;
  font-weight: bold;
  font-size: 18px;
  line-height: 35px;
}
.specifikacije-s li .rating {
  background-image: url(../images/rating-bars-hidden.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 220px;
  height: 35px;
  margin-right: 60px;
}
.specifikacije-s li .rating .rating-num {
  overflow: hidden;
  height: 35px;
  float: left;
  background-image: url(../images/rating-bars.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.specifikacije-s li .ocjena {
  height: 35px;
  line-height: 35px;
  border-radius: 3px;
  width: 50px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  float: right;
  position: absolute;
  top: 0px;
  right: 10px;
}
.spec-bg {
  background-color: transparent !important;
}
/*brzinski test*/
.brzinski-test {
  width: 100%;
}
.brzinski-test article {
  width: 100%;
}
.brzinski-test article .naslov {
  background-color: #7B8499;
  line-height: 23px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin-top: 1px;
}
.brzinski-test article .naslov span {
  margin-left: 10px;
  display: block;
}
.brzinski-test article .inner {
  padding: 20px 10px;
}
.brzinski-test article .inner.total-rating-row {
  padding: 30px 10px;
}
.brzinski-test article .inner.total-rating-row .tekst {
  font-size: 46px;
  font-weight: bold;
  color: #8E97A9;
  margin-top: 25px;
  display: block;
  line-height: 46px;
}
@media screen and (max-width: 992px) {
  .brzinski-test article .inner.total-rating-row .tekst {
    font-size: 40px;
    line-height: 40px;
    margin-top: 0;
  }
}
.brzinski-test article .inner.total-rating-row .ocjena {
  font-size: 45px;
  height: 70px;
  width: 100px;
  line-height: 70px;
  border-radius: 10px;
}
.price-row .store-col {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .price-row .store-col {
    width: 100%;
    float: none;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.price-row .item-desc-col {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .price-row .item-desc-col {
    width: 100%;
    float: none;
    display: block;
    border-top: 1px solid #B3C47F;
    border-bottom: 1px solid #B3C47F;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.price-row .price-col {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .price-row .price-col {
    width: 100%;
    float: none;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.fixed-price-row {
  padding: 30px 10px;
}
.fixed-price-row .tekst {
  font-size: 44px;
  font-weight: bold;
  color: #8E97A9;
  line-height: 50px;
}
.brzinski-test article .inner .izdvojeno .naziv {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 10px;
}
.brzinski-test article .inner .naziv .datum {
  font-weight: normal;
}
.brzinski-test article .inner .tekst {
  font-size: 13px;
  line-height: 14px;
}
.brzinski-test article .inner .tekst .foto {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.brzinski-test article .inner .tekst .foto .foto-tekst {
  font-weight: bold;
}
.brzinski-test article .inner .tekst .foto ul {
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}
@media screen and (max-width: 991px) {
  .brzinski-test article .inner .tekst .foto ul {
    text-align: center;
  }
}
.brzinski-test article .inner .tekst .foto ul li {
  display: inline-block;
  margin-right: 4px;
  margin-bottom: 5px;
  vertical-align: top;
}
.brzinski-test article .inner .tekst .foto ul li .tekst {
  background-color: #000;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 10px;
  color: #fff;
  padding-left: 10px;
}
.disclaimer {
  background-color: #000;
  padding: 8px;
}
.disclaimer span {
  font-weight: normal;
  text-transform: none;
  font-size: 11px;
  color: #BEC2CD;
}
.brzinski-test article .inner .rating {
  background-image: url(../images/rating-bars-hidden.png);
  background-repeat: no-repeat;
  background-position: left center;
  width: 220px;
  height: 35px;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.brzinski-test article .inner .rating .rating-num {
  overflow: hidden;
  height: 35px;
  background-image: url(../images/rating-bars.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.brzinski-test article .inner .ocjena {
  height: 35px;
  line-height: 35px;
  border-radius: 3px;
  width: 50px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
}
.gdje-kupiti {
  float: left;
  width: 100%;
  overflow: hidden;
}
.gdje-kupiti ul {
  background-color: #E1E8CC;
  float: left;
  padding: 10px;
  padding-left: 0px;
  margin-top: 10px;
  width: 100%;
  position: relative;
}
.gdje-kupiti ul li:first-child {
  border: 0 none;
  padding-top: 20px;
}
.gdje-kupiti ul li:last-child {
  border: 0 none;
}
.gdje-kupiti ul li {
  padding: 0 10px;
  border-right: 1px solid #B3C47F;
  min-height: 70px;
  float: left;
  display: inline;
  border-left: 1px solid #B3C47F;
}
.gdje-kupiti ul li .logotip {
  width: 100%;
  height: 30px;
  overflow: hidden;
  text-align: center;
}
.gdje-kupiti ul li .logotip img {
  max-width: 160px;
  width: 100%;
}
.gdje-kupiti ul li .domena {
  display: block;
  width: 100%;
  text-align: center;
}
.gdje-kupiti ul li .naslov {
  font-size: 17px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 8px;
}
.gdje-kupiti ul li .tekst {
  font-size: 13px;
  line-height: 13px;
}
.gdje-kupiti ul li .raspolozivo {
  line-height: 20px;
  height: 20px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  width: 100%;
  float: left;
  text-transform: uppercase;
  margin-top: 10px;
}
.gdje-kupiti ul li .cijena {
  font-size: 34px;
  text-align: right;
  color: #DE1E1E;
  margin-bottom: 0px;
  font-weight: bold;
  line-height: 28px;
  font-family: 'Myriad Pro';
  font-weight: 700;
  margin-top: 25px;
}
.gdje-kupiti .pozadina {
  width: 100%;
  float: left;
  height: 20px;
}
.gdje-kupiti .pozadina .naslov {
  margin-left: 10px;
  line-height: 20px;
  color: #fff;
  padding-right: 20px;
  background-image: url(../images/arrow-right.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.vazno-je-znati {
  width: 100%;
  background-color: #2E3646;
  min-height: 110px;
}
@media screen and (max-width: 767px) {
  .vazno-je-znati {
    text-align: center;
  }
}
.vazno-je-znati .slika {
  margin-left: 20px;
  padding-top: 20px;
}
.vazno-je-znati .slika img {
  width: 90%;
  max-width: 162px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .vazno-je-znati .slika {
    margin-left: 0;
  }
}
.youtube .link {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.youtube .link iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.vazno-je-znati .tekst {
  color: #fff;
  float: right;
  margin-right: 20px;
  margin-top: 30px;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .vazno-je-znati .tekst {
    width: 100%;
    float: none;
    padding: 0px 20px 20px 20px;
    margin-right: 0;
  }
}
/* ---- stranica testovi brzinski test #end---- */
/* ---- stranica usporedba brzinski test ---- */
.testovi-header {
  width: 100%;
  margin-top: 1px;
  position: relative;
}
.testovi-header .slika {
  position: relative;
}
.testovi-header .usporedi-me {
  position: absolute;
  top: 0px;
  right: 20px;
}
@media screen and (max-width: 480px) {
  .testovi-header .usporedi-me {
    right: 0px;
    margin-top: 0px;
  }
}
.testovi-header .volimo-box {
  margin-top: 20px;
  right: 0px;
  width: 100%;
  height: 100%;
}
.testovi-header .volimo-box .volimo-testovi {
  height: 45%;
  padding: 20px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
  background-image: url(../images/opsirnije_bg.png);
  background-repeat: repeat;
  background-position: left top;
}
@media screen and (max-width: 991px) {
  .testovi-header .volimo-box .volimo-testovi {
    height: auto;
  }
}
.testovi-header .volimo-box .volimo-testovi ul {
  list-style-type: square;
  margin-left: 17px;
  margin-top: 3px;
}
.testovi-header .volimo-box .volimo-testovi ul li {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}
.testovi-header .volimo-box .volimo-testovi .naslov {
  font-size: 28px;
  color: #fff;
  font-family: 'Archivo Black', sans-serif;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 2px solid #99CC00;
  text-transform: uppercase;
}
.testovi-header .volimo-box .volimo-testovi .naslov img {
  margin-left: 10px;
}
.testovi-header .testovi-header-overlay-row {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.testovi-header .testovi-header-overlay-row > div {
  height: 100%;
}
.testovi-header .testovi-header-overlay-row .ocjena-wrapper {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.testovi-header .testovi-header-overlay-row .ocjena-wrapper .ocjena {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 45px;
  height: 70px;
  width: 100px;
  line-height: 70px;
  border-radius: 10px;
}
.testovi-header .testovi-header-overlay-row .ocjena-wrapper .ocjena-tekst {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
  width: 100px;
  border-radius: 10px;
}
.testovi-header .testovi-header-overlay-row .social {
  margin: 20px 0px 0px 10px;
}
.testovi-header .testovi-header-overlay-row .social .box {
  margin-bottom: 10px;
}
.testovi-opsirnije {
  float: left;
  width: 100%;
}
.testovi-opsirnije .podnaslov {
  font-size: 26px;
  float: left;
  padding: 10px;
  line-height: 30px;
}
/* ---- stranica usporedba brzinski test #end---- */
/* usporedba brzinski test */
.naslov-top2 {
  position: relative;
  padding: 1px 0px 10px 0px;
}
.naslov-top2 .naslov {
  margin: 6px 0 0 10px;
  font-size: 30px;
  color: #fff;
  overflow: hidden;
  line-height: 40px;
  height: 40px;
  padding-right: 80px;
  display: block;
}
@media screen and (max-width: 768px) {
  .naslov-top2 .naslov {
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 22px;
  }
}
.naslov-top2 .naslov:hover {
  color: white;
}
.naslov-top2 .podnaslov {
  margin: 0 0 0 10px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  overflow: hidden;
  line-height: 20px;
}
.naslov-top2 .podnaslov:hover {
  color: white;
}
.naslov-top2 .right {
  top: 0px;
  right: 0px;
  margin: 0 10px;
}
.naslov-top2 .right .slika {
  float: left;
  margin: 5px 0;
  width: 50px;
  height: 65px;
  overflow: hidden;
  margin-right: 10px;
}
.naslov-top2 .right .slika img {
  height: 65px;
  width: auto;
}
.naslov-top2 .right .ime {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-top: 15px;
}
.naslov-top2 .right .datum {
  font-size: 11px;
  color: #fff;
}
.naslov-top2 .right .fb-button {
  float: left;
  margin-top: 15px;
}
.naslov-top2 .right .cijena {
  margin-top: 25px;
  color: #fff;
  font-size: 20px;
}
.header-bg {
  background-image: url(../images/header_bg.png);
  background-repeat: no-repeat;
  width: 255px;
  height: 207px;
  position: absolute;
  padding-bottom: 0px;
  padding-left: 0px;
  margin: 0px;
  background-position: left -23px;
  right: -121px;
  bottom: -19px;
}
@media screen and (max-width: 1200px) {
  .header-bg {
    bottom: -23px;
  }
}
@media screen and (max-width: 768px) {
  .header-bg {
    display: none;
  }
}
.scroll3 {
  background-color: #fff;
  padding-top: 1px;
}
.scroll5 {
  background-color: transparent;
  width: 100%;
  z-index: 100;
  background-color: #fff;
  float: left;
  height: 75px;
}
.tabs-menu-margin2 {
  margin-top: 41px;
}
.uredaji-tab {
  padding: 1px 0;
  background-color: #fff;
  width: 740px;
}
.testovi-brzinski-test-slika2 {
  margin-top: 1px;
  position: relative;
}
.testovi-brzinski-test-slika2 .slika {
  position: relative;
}
.slika-x {
  position: absolute;
  top: 10px;
  right: 10px;
  padding-right: 30px;
  color: #DFDFD0;
  background-image: url(../images/slika-x.png);
  background-repeat: no-repeat;
  background-position: right top;
  height: 26px;
  line-height: 26px;
}
.testovi-brzinski-test-slika2 .slika .zastarjeli,
.testovi-brzinski-test-slika2 .zastarjeli2 {
  background-color: #990000;
  width: 230px;
  padding: 0 10px;
  line-height: 26px;
  bottom: 35px;
  left: 10px;
  float: left;
  position: absolute;
  color: #fff;
  text-transform: uppercase;
}
.testovi-brzinski-test-slika2 .slika2 {
  width: 368px;
  height: 235px;
  overflow: hidden;
  text-align: center;
  display: block;
  float: right;
  position: absolute;
  top: 0px;
  left: 0px;
  line-height: 235px;
  margin-top: 15px;
}
.testovi-brzinski-test-slika2 .prev {
  background-image: url(../images/prev2.png);
  background-repeat: no-repeat;
  background-position: left center;
  position: absolute;
  top: 0px;
  left: 10px;
  width: 60px;
  height: 230px;
  float: left;
  opacity: .5;
}
.testovi-brzinski-test-slika2 .next {
  background-image: url(../images/next2.png);
  background-repeat: no-repeat;
  background-position: right center;
  position: absolute;
  top: 0px;
  right: 10px;
  width: 60px;
  height: 230px;
  float: right;
  opacity: .5;
}
.testovi-brzinski-test-slika .slika2 img {
  vertical-align: middle;
  width: auto;
  height: 400px;
}
.testovi-brzinski-test-slika2 .slika img {
  width: 100%;
  height: auto;
}
.testovi-brzinski-test-slika2 .pagination {
  left: 0px;
  right: 0px;
  bottom: 40px;
  margin-top: 15px;
}
.testovi-brzinski-test-slika2 .pagination ul {
  text-align: center;
  width: 140px;
  margin: 0 auto;
}
.testovi-brzinski-test-slika2 .pagination ul li {
  display: inline;
}
.testovi-brzinski-test-slika2 .pagination ul li a {
  border: 1px solid #DDDDDD;
  width: 13px;
  margin: 0 5px 0 0;
  height: 13px;
  background-color: transparent;
  float: left;
}
.testovi-brzinski-test-slika2 .pagination ul li .active {
  background-color: #99CC00;
}
.testovi-brzinski-test-slika2 .rating {
  width: 76px;
  position: absolute;
  right: 10px;
  bottom: 60px;
  background-repeat: repeat;
  background-position: left top;
  padding: 12px;
}
.testovi-brzinski-test-slika2 .rating .ocjena {
  float: left;
  top: 15px;
  left: 270px;
}
.testovi-brzinski-test-slika2 .rating .ocjena .nasa-ocjena .text-ocjena {
  width: 72px;
  height: 53px;
  text-align: center;
  line-height: 53px;
  font-weight: bold;
  font-size: 35px;
  border-radius: 8px;
  background-color: #262C38;
  border: 1px solid #fff;
  color: #fff;
  margin: 3px 0;
}
.testovi-brzinski-test-slika2 .naslov {
  bottom: 15px;
  width: 100%;
  line-height: 23px;
  height: 23px;
  font-size: 12px;
  color: #000;
  text-align: center;
  float: left;
}
/*brzinski test*/
.gdje-kupiti2 {
  float: left;
  width: 100%;
  overflow: hidden;
}
.gdje-kupiti2 ul {
  background-color: #E1E8CC;
  float: left;
  padding: 10px;
  margin-top: 10px;
  width: 100%;
  position: relative;
}
.gdje-kupiti2 ul li:first-child {
  width: 368px;
}
.gdje-kupiti2 ul li:last-child {
  width: 129px;
  border: 0 none;
}
.search-autocomplete-result .slika {
  width: 100px;
  margin-right: 25px;
  float: left;
}
.gdje-kupiti2 ul li {
  border-right: 1px solid #B3C47F;
  width: 217px;
  min-height: 40px;
  float: left;
  display: inline;
}
.gdje-kupiti2 ul li .logotip {
  width: 160px;
  height: 30px;
  float: left;
  overflow: hidden;
}
.gdje-kupiti2 ul li .logotip img {
  height: 25px;
}
.gdje-kupiti2 ul li .domena {
  float: left;
}
.gdje-kupiti2 ul li .naslov {
  width: 207px;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 5px;
  font-weight: bold;
}
.gdje-kupiti2 ul li .tekst {
  width: 207px;
  font-size: 12px;
  line-height: 13px;
  overflow: hidden;
  height: 26px;
}
.gdje-kupiti2 ul li .raspolozivo {
  ine-height: 20px;
  height: 20px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  width: 100%;
  float: left;
  text-transform: uppercase;
  margin-top: 10px;
}
.raspolozivo-zelena {
  background-color: #A4B966;
  padding: 0 10px;
  width: 207px;
  text-align: left;
}
.raspolozivo-zuta {
  background-color: #F0C066;
  padding: 0 10px;
  width: 207px;
  text-align: left;
}
.raspolozivo-crvena {
  background-color: #BD7466;
  padding: 0 10px;
  width: 207px;
  text-align: left;
}
.gdje-kupiti2 ul li .raspolozivo2 {
  background-color: #678A00;
  position: absolute;
  bottom: 10px;
  width: 120px;
  font-weight: bold;
}
.gdje-kupiti2 ul li .cijena {
  font-size: 22px;
  text-align: right;
  color: #DE1E1E;
  font-family: 'Myriad Pro';
  font-weight: 700;
}
.gdje-kupiti2 .pozadina {
  width: 100%;
  float: left;
  height: 20px;
}
.gdje-kupiti2 .pozadina .naslov {
  margin-left: 10px;
  line-height: 20px;
  color: #fff;
  padding-right: 20px;
  background-image: url(../images/arrow-right.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.gdje-kupiti2 .pozadina .naslov2 {
  margin-left: 10px;
  padding-left: 30px;
  background-image: url(../images/arrow-top.png);
  background-position: left center;
}
/*savjeti*/
.savjeti-form {
  margin: 0 19px;
  text-align: left;
}
.savjeti-form label {
  color: #fff;
  font-size: 16px;
  width: 100%;
  margin-bottom: 20px;
  font-weight: normal;
}
.savjeti-form label input {
  border: 0 none;
  border-radius: 5px;
  background-color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  width: 100%;
  margin-top: 5px;
  color: #000;
  font-size: 12px;
}
.savjeti-form label select {
  background: none;
  width: 100%;
  position: relative;
  margin: 0px;
  z-index: 100;
  border: 0 none;
  color: #000;
  text-transform: uppercase;
  line-height: 20px;
  padding: 5px;
  background-color: #fff;
}
.savjeti-form label select option {
  color: #000;
}
.savjeti-form label textarea {
  border: 0 none;
  background-color: #fff;
  height: 90px;
  width: 100%;
  border-radius: 5px;
  line-height: 30px;
  padding: 0 10px;
  margin-top: 5px;
  color: #000;
  font-size: 12px;
  resize: vertical;
}
.savjeti-form label .k-widget.k-dropdown.k-header {
  margin-top: 5px;
  width: 100%;
  display: block;
}
.savjeti-form label .k-widget.k-dropdown.k-header .k-input {
  height: 28px;
}
.savjeti-form .submit {
  text-align: center;
  text-transform: uppercase;
  width: 140px !important;
  line-height: 30px;
  height: 30px;
  color: #fff;
  float: right;
  font-family: 'Archivo Black', sans-serif;
  font-size: 14px;
  margin-bottom: 20px;
  cursor: pointer;
}
.savjeti-form .submit:hover {
  background: #00162D;
}
.novosti-banner.savjeti-main .novosti-vrijeme {
  position: static;
  margin-left: 10px;
  margin-top: 10px;
}
.novosti-banner.savjeti-main .naslov.savjeti-banner {
  font-size: 28px;
  color: #003366;
  margin-left: 10px;
  height: auto;
  margin-right: 0px;
}
@media screen and (max-width: 768px) {
  .novosti-banner.savjeti-main .naslov.savjeti-banner {
    font-size: 20px;
    line-height: 26px;
  }
}
.savjeti ul {
  width: 100%;
  overflow: hidden;
}
.savjeti ul li.main-answer {
  width: 100%;
  margin-left: 0px;
}
.savjeti ul li:last-child {
  border-bottom: 0 none;
  padding: 15px 0;
}
.btn-action {
  background-color: #C6CAD3;
  line-height: 27px;
  height: 27px;
  color: #fff;
  padding: 0 10px;
  font-family: 'Archivo Black', sans-serif;
  display: inline-block;
  text-transform: uppercase;
  border: 0 none;
  cursor: pointer;
}
.btn-action:hover {
  background-color: #003366;
}
.registracija {
  margin-left: 40px;
  background-color: #C6CAD3;
  line-height: 27px;
  height: 27px;
  color: #fff;
  padding: 0 10px;
  font-family: 'Archivo Black', sans-serif;
  display: inline-block;
  text-transform: uppercase;
  border: 0 none;
  cursor: pointer;
}
.registracija:hover {
  background-color: #003366;
}
.savjeti ul li:last-child .registracija-tekst {
  margin-left: 10px;
  line-height: 27px;
  color: #003366;
  font-size: 14px;
  font-weight: bold;
  float: left;
}
.savjeti ul li.main-answer .tekst {
  margin-right: 10px;
}
.savjeti ul li.main-answer .vrijeme {
  margin-right: 10px;
}
.savjeti ul li.main-answer .slika img {
  vertical-align: middle;
  width: 100%;
  max-width: 100px;
}
.novosti.search-results article {
  padding-bottom: 25px;
  padding-top: 25px;
}
.savjeti ul li {
  margin-left: 10px;
  border-bottom: 1px solid #AEB7CA;
  position: relative;
}
.savjeti ul li.main-answer .slika {
  overflow: hidden;
  text-align: center;
  display: block;
  width: 100%;
  margin-top: 55px;
}
.savjeti ul li.main-answer .slika img {
  vertical-align: middle;
  width: auto;
  height: 83px;
}
.savjeti ul li .tekst {
  margin-top: 15px;
  margin-bottom: 10px;
}
.savjeti ul li .vrijeme {
  margin-bottom: 10px;
  color: #BABABA;
  font-weight: bold;
  font-style: italic;
}
.savjeti ul li .slika .ime {
  margin-top: -17px;
  line-height: 20px;
  font-size: 18px;
}
.savjeti .naslov {
  background-color: #003366;
  height: 23px;
  width: 740px;
  line-height: 23px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin-top: 1px;
  float: left;
}
.savjeti .naslov span {
  margin-left: 10px;
}
.savjeti-pitanja li {
  border: 0 none;
  margin-left: 0px !important;
  padding: 0 10px;
}
.savjeti-pitanja li:hover {
  background: #fff;
}
.savjeti-pitanja li:last-child {
  padding: 0 10px !important;
}
.savjeti-pitanja li a {
  line-height: 50px;
  font-size: 28px;
  color: #003366;
}
/*savjeti #end*/
/*top liste*/
.aplikacije {
  background-color: #990000;
  margin-top: 5px;
}
.aplikacije ul {
  padding: 15px;
  width: 100%;
}
.aplikacije ul li {
  margin-bottom: 10px;
}
.aplikacije ul li .slika {
  width: 100%;
  padding-right: 10px;
  display: block;
}
.aplikacije ul li .slika img {
  width: 100%;
  height: auto;
  max-width: 103px;
}
.aplikacije ul li .naslov {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
.aplikacije ul li:last-child {
  margin-bottom: 0px;
}
.top-lista-ul {
  width: 100%;
}
.list-tags-container {
  padding: 25px 0px;
}
.top-lista-ul .tekst {
  padding: 20px 10px;
  color: #2E3646;
  line-height: 30px;
  font-size: 24px;
}
.top-lista-ul ul {
  width: 100%;
}
.top-lista-ul ul li {
  width: 100%;
  position: relative;
  margin-bottom: 1px;
}
.top-lista-ul ul li .broj {
  color: #ECD2D2;
  font-size: 100px;
  line-height: 50px;
  margin-left: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 480px) {
  .top-lista-ul ul li .broj {
    font-size: 50px;
    margin-top: 15px;
  }
}
.top-lista-ul ul li .slika {
  width: 100%;
  overflow: hidden;
  text-align: center;
  display: block;
  top: 0px;
  left: 0px;
  margin-top: 15px;
}
.top-lista-ul ul li .slika img {
  vertical-align: middle;
  width: auto;
  width: 100%;
  max-width: 120px;
  height: auto;
}
.top-lista-ul ul li .brand {
  font-size: 22px;
  padding-right: 40px;
  margin-top: 15px;
}
.top-lista-ul ul li:first-child .brand {
  font-size: 32px;
  font-weight: bold;
}
.top-lista-ul ul li:first-child .naslov {
  font-size: 44px;
}
.top-lista-ul ul li .naslov {
  font-size: 30px;
  padding-right: 40px;
  margin-top: 10px;
  font-weight: bold;
  line-height: 40px;
}
.top-lista-ul ul li .ocjena {
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  padding: 0 8px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  margin: 10px 20px 0 0;
  width: 35px;
}
.top-lista-ul ul li:first-child .ocjena {
  width: 60px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  font-weight: bold;
  font-size: 35px;
  border-radius: 8px;
  background-color: #262C38;
  border: 0 none;
  color: #fff;
}
.top-lista-ul ul li .usporedi-me {
  position: absolute;
  top: 15px;
  right: 10px;
  margin: 0px;
  height: auto;
  width: auto;
}
.top-lista-ul ul li ul {
  margin-top: 5px;
  margin-bottom: 35px;
}
.top-lista-ul ul li ul li {
  float: left;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #000;
  color: #000;
  width: auto;
}
@media screen and (max-width: 768px) {
  .top-lista-ul ul li ul li {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 20px;
    font-size: 16px;
  }
}
.top-lista-ul ul li ul li a {
  text-decoration: none;
}
.top-lista-ul ul li ul li a:hover {
  text-decoration: underline;
}
.top-lista-ul ul li ul li:last-child {
  border: 0 none;
}
.marke2 {
  float: left;
  width: 100%;
  overflow: hidden;
}
.marke2 ul li {
  background-color: #E8C7C7;
  margin: 1px 1px 0 0;
}
.marke2 ul li a {
  font-size: 11px;
  line-height: 26px;
  display: block;
  text-transform: uppercase;
  padding: 0 15px;
}
.marke2 ul li a:hover,
.marke ul li.active a {
  background-color: #990000;
  color: #fff;
}
/*top liste #end*/
/* akcije */
.akcije-article {
  float: left;
  width: 100%;
  margin-top: 1px;
  list-style-type: none;
}
.akcije-article li {
  padding: 15px;
  margin-bottom: 1px;
  position: relative;
}
.akcije-article li .sale-item-basic .brand {
  font-size: 22px;
  width: 100%;
}
.akcije-article li .sale-item-basic .naslov {
  font-size: 30px;
  font-weight: bold;
  line-height: 28px;
  margin-top: 10px;
}
.akcije-article li .sale-item-basic .slika {
  width: 100%;
  overflow: hidden;
  text-align: center;
  display: inline-block;
  line-height: 140px;
}
.akcije-article li .sale-item-basic .slika img {
  vertical-align: middle;
  width: 100%;
  height: auto;
  max-width: 140px;
}
.akcije-article li .sale-item {
  /*@media screen and (max-width:@screen-xs){
       text-align:center;
    }*/
}
.akcije-article li .sale-item .tekst {
  width: 100%;
  line-height: 14px;
  overflow: hidden;
  height: 70px;
}
.akcije-article li .sale-item .ponudac {
  margin-top: 10px;
  width: 100%;
  float: left;
}
.akcije-article li .sale-item .cijena {
  margin-top: 10px;
  width: 100%;
  float: left;
}
.akcije-article li .sale-item .cijena .naziv {
  float: left;
  width: 100%;
}
.akcije-article li .sale-item .cijena .cijena-a {
  color: #999999;
  text-decoration: line-through;
  font-size: 18px;
  float: left;
  width: 100%;
}
.akcije-article li .sale-item .cijena .cijena-ba {
  color: #FF0000;
  font-weight: bold;
  font-size: 24px;
  float: left;
  width: 100%;
  margin-top: 5px;
}
.akcije-article li .sale-item .akcija-gumb {
  position: absolute;
  right: 15px;
  bottom: 15px;
  height: 25px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-family: 'Archivo Black', sans-serif;
  text-shadow: 1px 1px #000;
  line-height: 25px;
  border-radius: 2px;
  box-shadow: 1px 1px 2px #333;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .akcije-article li .sale-item .akcija-gumb {
    position: static;
    margin-top: 15px;
    display: inline-block;
  }
}
.novosti-banner-right2 {
  float: right;
  width: 368px;
  height: 280px;
}
.novosti-banner-right2 article {
  float: left;
  position: relative;
  margin-bottom: 1px;
}
.novosti-banner-right2 article .slika {
  width: 140px;
  height: 88px;
  overflow: hidden;
  text-align: center;
  display: block;
  float: left;
  top: 0px;
  left: 0px;
  line-height: 88px;
}
.novosti-banner-right2 article .slika img {
  vertical-align: middle;
  width: auto;
}
.novosti-banner-right2 article .naslov {
  float: right;
  margin-right: 15px;
  width: 210px;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
  margin-top: 10px;
  color: #000;
  text-decoration: none;
}
.novosti-banner-right2 .ocjena {
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  padding: 0 8px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  float: right;
  margin: 2px 20px 0 0;
}
.novosti-banner-right3 article {
  float: left;
  position: relative;
  margin-bottom: 1px;
}
.novosti-banner-right3 article .slika {
  width: 100%;
  text-align: center;
}
.novosti-banner-right3 article .slika img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.novosti-banner-right3 article .naslov {
  float: right;
  margin-right: 15px;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
  margin-top: 10px;
  color: #000;
  text-decoration: none;
}
.novosti-banner-right3 article .cijena1 {
  color: #999999;
  text-decoration: line-through;
  font-size: 18px;
  float: left;
  float: right;
  line-height: 30px;
  margin-top: 5px;
  margin-right: 15px;
}
.novosti-banner-right3 article .cijena2 {
  color: #FF0000;
  font-weight: bold;
  font-size: 24px;
  float: right;
  margin-top: 5px;
  line-height: 30px;
  margin-right: 15px;
}
.akcija-naslov {
  min-height: 55px;
  padding: 10px;
  margin-top: 5px;
  color: #fff;
}
.akcija-naslov .main-area .brand {
  font-size: 22px;
  line-height: 26px;
}
.akcija-naslov .main-area .naslov {
  font-size: 46px;
  line-height: 54px;
}
.akcija-naslov .meta-area {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .akcija-naslov .meta-area {
    text-align: left;
  }
}
.akcija-naslov .meta-area .naslov {
  font-size: 18px;
  text-transform: uppercase;
  width: 100%;
  line-height: 22px;
}
.akcija-naslov .meta-area .datum {
  font-size: 36px;
  font-weight: bold;
  width: 100%;
  line-height: 40px;
}
.akcija-naslov .meta-area .podnaslov {
  width: 100%;
}
.akcije-banner {
  width: 100%;
  position: relative;
  margin-top: 20px;
}
.akcije-banner .slika {
  margin: 10px 0;
  width: 100%;
  text-align: center;
}
.akcije-banner .slika img {
  width: 100%;
  max-width: 460px;
}
@media screen and (max-width: 768px) {
  .akcije-banner .sale-item {
    text-align: center;
  }
}
.akcije-banner .sale-item .ponudac span {
  margin-top: 10px;
  width: 100%;
  font-size: 20px;
}
.akcije-banner .sale-item .naslov {
  font-size: 12px;
  text-transform: uppercase;
  width: 100%;
}
.akcije-banner .sale-item .datum {
  font-size: 36px;
  font-weight: bold;
  width: 100%;
  line-height: 40px;
}
.akcije-banner .sale-item .podnaslov {
  width: 100%;
}
.akcije-banner .sale-item .cijena {
  margin-top: 20px;
}
.akcije-banner .sale-item .cijena .cijena-a {
  color: #999999;
  text-decoration: line-through;
  font-size: 18px;
  width: 100%;
  line-height: 22px;
}
.akcije-banner .sale-item .cijena .cijena-ba {
  color: #FF0000;
  font-weight: bold;
  font-size: 40px;
  width: 100%;
  margin-top: 5px;
  line-height: 44px;
}
.akcije-banner .sale-item .akcija-gumb {
  padding: 0 20px;
  margin-top: 15px;
  color: #fff;
  text-align: center;
  font-size: 27px;
  font-family: 'Archivo Black', sans-serif;
  text-shadow: 1px 1px #000;
  font-weight: bold;
  border-radius: 2px;
  box-shadow: 1px 1px 2px #333;
  text-transform: uppercase;
  display: inline-block;
  line-height: normal;
}
/* akcije #end */
.kolumna-autor {
  font-size: 11px;
  margin-top: 10px;
}
.kolumna-autor span {
  font-style: italic;
}
/*stranica nije pronađena*/
.akcije-banner2 {
  float: left;
  width: 100%;
  height: 350px;
  position: relative;
  margin-top: 20px;
}
.akcije-banner2 .slika {
  margin: 0px;
  float: left;
}
.akcije-banner2 .right {
  float: left;
  width: 740px;
}
.akcije-banner2 .right .naslov {
  font-size: 100px;
  color: #1E212B;
  line-height: 100px;
  float: left;
  width: 100%;
  font-family: 'Archivo Black', sans-serif;
  text-align: left;
}
.akcije-banner2 .right .podnaslov {
  font-size: 30px;
  font-weight: bold;
  float: left;
  width: 690px;
  line-height: 44px;
  margin-left: 20px;
  text-align: left;
}
.akcije-banner2 .right .tekst {
  float: left;
  width: 100%;
  font-size: 14px;
  margin-left: 20px;
  width: 690px;
  text-align: left;
}
.akcije-banner2 .right .akcija-gumb {
  position: absolute;
  left: 368px;
  bottom: 50px;
  padding: 0 20px;
  height: 50px;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-family: 'Archivo Black', sans-serif;
  text-shadow: 1px 1px #000;
  font-weight: bold;
  line-height: 50px;
  border-radius: 2px;
  box-shadow: 1px 1px 2px #333;
  text-transform: uppercase;
}
/*stranica nije pronadena #end*/
/* teme opsirnije*/
.teme-citat {
  padding: 20px;
  color: #fff;
  font-style: italic;
  font-size: 30px;
  line-height: 34px;
  font-weight: normal;
  margin-top: 5px;
}
.sidebar .teme-banner {
  float: right;
  margin-top: 5px;
}
.fa-angle-left {
  margin-right: 10px;
}
.teme-slika {
  height: 140px !important;
  line-height: 140px !important;
  margin-top: 0px !important;
}
/* teme opsirnije #end*/
/*forum*/
.forum-list {
  width: 100%;
}
.forum-list .row {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .forum-list .row {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .forum-list .row:first-child {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .forum-list .row:last-child {
    margin-bottom: 0;
  }
}
.forum-categories img {
  width: 100%;
  height: auto;
}
.forum-categories .naslov {
  float: left;
  width: 100%;
  font-size: 25px;
  line-height: 25px;
  font-weight: bold;
  margin-bottom: 5px;
}
.forum-categories .podnaslov {
  float: left;
  width: 100%;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 5px;
}
.forum-categories .broj-postova {
  font-style: italic;
  float: left;
  width: 100%;
  color: #999;
  font-weight: bold;
  font-family: Tahoma, Geneva, sans-serif;
}
.section-list {
  border-top: 3px solid #2E3646;
}
.section-list:first-child {
  border-top: none;
}
.postovi-naslov {
  width: 100%;
  float: left;
  background-color: #7B8499;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .postovi-naslov {
    display: none;
  }
}
.postovi-naslov--mobile {
  display: none;
  background: #7B8499;
}
@media screen and (max-width: 768px) {
  .postovi-naslov--mobile {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .postovi-naslov--mobile {
    width: 25%;
  }
}
.postovi-naslov--mobile ul:hover {
  background: none !important;
}
.postovi-naslov--mobile ul li {
  color: #fff;
  display: flex;
  align-items: center;
  line-height: 20px !important;
}
.postovi-naslov--mobile ul li:last-child {
  border-bottom: none;
}
.postovi-naslov--mobile ul li span {
  margin-left: 10px;
  text-transform: uppercase;
  font-size: 10px !important;
}
.forum-categories {
  overflow: hidden;
}
@media screen and (max-width: 450px) {
  .forum-categories {
    width: 100%;
  }
}
.forum-categories__content {
  padding: 0 10px 10px 10px;
  overflow: hidden;
}
.postovi-naslov ul {
  float: left;
  width: 100%;
}
.postovi-naslov ul li {
  height: 23px;
  line-height: 23px;
  color: #fff;
  float: left;
}
.postovi-naslov ul li span {
  margin-left: 10px;
  text-transform: uppercase;
  font-size: 10px;
}
.post-80 {
  width: 80%;
}
.post-40 {
  width: 40%;
}
.post-20 {
  width: 20%;
}
.post-15 {
  width: 15%;
}
.post-10 {
  width: 10%;
}
.postovi-lista {
  width: 100%;
  float: left;
  padding: 0;
  overflow: hidden;
}
.postovi-lista .section {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .postovi-lista .section {
    padding-left: 0;
    padding-right: 0;
  }
}
.postovi-lista .section .left {
  background: #7B8499;
  color: #fff;
  line-height: 20px !important;
  float: left;
}
.postovi-lista .section .left span {
  text-transform: uppercase;
  font-size: 10px !important;
}
@media screen and (max-width: 400px) {
  .postovi-lista .section .left span {
    margin-left: 5px;
  }
}
@media screen and (max-width: 380px) {
  .postovi-lista .section .left span {
    font-size: 9px !important;
  }
}
.postovi-lista .section .right {
  float: left;
  background: #fff;
}
.postovi-lista ul {
  float: left;
  width: 100%;
  border-bottom: 1px solid #D8D8D9;
}
.postovi-lista ul li {
  line-height: 40px;
  float: left;
  border-right: 1px solid #D8D8D9;
  margin-right: -1px;
  padding-bottom: 10000px;
  margin-bottom: -10000px;
}
@media screen and (max-width: 768px) {
  .postovi-lista ul li {
    border-right: none;
    padding-bottom: inherit;
    margin-bottom: inherit;
    width: 100%;
    background: #7B8499;
    display: flex;
    align-items: center;
  }
}
.postovi-lista ul:hover {
  background-color: #fff;
}
.postovi-lista ul li:last-child {
  border-right: 0 none;
}
.postovi-lista ul li span {
  margin-left: 10px;
  font-family: Tahoma, Geneva, sans-serif;
  float: left;
  font-size: 14px;
}
.postovi-lista ul li .vrijeme {
  font-style: italic;
  font-size: 12px;
  color: #999;
  float: left;
}
@media screen and (max-width: 450px) {
  .postovi-lista ul li .vrijeme {
    display: none;
  }
}
.ui-widget.ui-widget-content {
  z-index: 10000;
}
.postovi-lista ul li .ime {
  font-size: 14px;
  float: left;
  font-family: Tahoma, Geneva, sans-serif;
}
.postovi-lista ul li .slika {
  overflow: hidden;
  height: 36px;
  width: 28px;
  float: left;
  margin-top: 2px;
}
.postovi-lista ul li .slika img {
  width: 28px;
  height: auto;
}
.input-wrapper {
  margin-bottom: 15px;
}
.input-wrapper label {
  font-size: 14px;
  font-weight: normal;
  width: 100%;
  display: block;
}
.input-wrapper .validation span {
  background: #d61919;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  padding: 5px;
}
.input-wrapper input,
.input-wrapper textarea {
  background: #fff;
  border: 1px solid #EDEFF1;
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.postovi-lista ul li .naslov {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 14px;
  font-weight: bold;
  float: left;
  width: auto;
  margin-left: 10px;
}
.postovi-footer {
  width: 100%;
  float: left;
  margin-top: 5px;
  margin-bottom: 20px;
  padding-left: 0px;
  padding-right: 20px;
}
.postovi-footer ul {
  float: left;
  width: 100%;
}
.postovi-footer ul li {
  height: 28px;
  line-height: 28px;
  float: right;
  text-transform: uppercase;
  margin: 0 15px;
}
.postovi-footer ul .first {
  height: 28px;
  line-height: 28px;
  float: left;
  text-transform: none;
  margin-left: 10px;
}
.postovi-footer ul li span {
  color: #fff;
}
.postovi-footer ul li a {
  color: #fff;
}
.search-forum {
  margin-top: 0px;
  margin-right: 5px;
  opacity: .5;
}
@media screen and (max-width: 450px) {
  .search-forum {
    float: left;
    margin-top: 10px;
  }
}
.postovi-odgovori {
  width: 100%;
  float: left;
  border-bottom: 1px solid #D8D8D9;
}
.postovi-odgovori ul {
  float: left;
  width: 100%;
}
.postovi-odgovori ul li {
  line-height: 18px;
  float: left;
}
.postovi-odgovori ul:hover {
  background-color: #fff;
}
.postovi-odgovori ul li:first-child {
  border: 0 none;
}
.postovi-odgovori ul li:last-child {
  border-left: 1px solid #D8D8D9;
  margin-right: -1px;
}
.postovi-odgovori ul li span {
  float: left;
  font-size: 12px;
  padding: 10px;
}
.postovi-odgovori ul li span .odgovori {
  float: right;
  margin-right: 10px;
  margin-top: 30px;
  color: #535353;
  font-weight: bold;
  padding-left: 20px;
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: left center;
}
/*forum #end*/
/* prijava */
.prijava ul li {
  padding: 0 30px;
  width: 280px;
  float: left;
  height: 220px;
  position: relative;
  border-right: 1px solid #B1BAC2;
}
.prijava .prijava-inner {
  padding: 60px 25px 60px 35px;
}
.prijava .naslov {
  font-weight: bold;
  width: 100%;
}
.prijava .column-inner {
  border-left: 1px solid #B1BAC2;
  padding: 0px 25px 170px 25px;
  border-right: 1px solid #B1BAC2;
}
@media screen and (max-width: 991px) {
  .prijava .column-inner {
    border-top: 1px solid #B1BAC2;
    border-bottom: 1px solid #B1BAC2;
    border-left: none;
    border-right: none;
    padding: 25px 25px 25px 24px;
  }
}
.prijava .column-inner.no-border {
  border: none;
}
.prijava .tekst {
  width: 100%;
  margin-top: 10px;
  line-height: 16px;
}
.prijava .prijava-form a {
  display: block;
  clear: both;
  font-size: 14px;
  margin-top: 20px;
}
.prijava .prijava-form label {
  font-size: 14px;
  font-weight: normal;
  width: 100%;
}
.prijava .prijava-form label .input-prijava {
  background: #fff;
  border: 1px solid #EDEFF1;
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.prijava .prijava-form .input-checkbox {
  font-size: 11px;
  display: block;
  color: #465764;
}
.prijava-fb {
  background-image: url(../images/fb-logo.png);
  background-repeat: no-repeat;
  background-color: #3c5a96;
  color: white;
  background-position: 11px center;
  display: inline-block;
  line-height: 18px;
  font-size: 15px;
  padding: 12px 25px 10px 38px;
  cursor: pointer;
  top: 18px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .prijava-fb {
    top: 0px;
  }
}
.prijava-fb:hover {
  opacity: .7;
  color: white;
}
/* prijava #end */
/* registracija */
.register-form {
  padding: 0px 20px;
}
.registracija-prijave {
  width: 100%;
}
.registracija-prijave .registracija-inner {
  padding: 60px;
}
.registracija-prijave .naslov {
  width: 100%;
  font-size: 36px;
}
.registracija-prijave .podnaslov {
  width: 100%;
  margin-top: 20px;
  line-height: 16px;
  font-size: 14px;
  font-weight: bold;
}
.registracija-prijave .tekst {
  width: 100%;
  margin-top: 40px;
  line-height: 16px;
}
.registracija-prijave .form-control {
  border: 1px solid #EDEFF1;
}
@media screen and (max-width: 991px) {
  .registracija-prijave form {
    margin-top: 50px;
  }
}
.registracija-prijave form .btn-action {
  margin-top: 20px;
}
.registracija-prijave form .input-checkbox {
  font-size: 11px;
  color: #465764;
}
.registracija-prijave form .link {
  text-decoration: underline;
}
.registracija-prijave form a:hover {
  text-decoration: underline;
}
.registracija-prijave form label {
  font-size: 14px;
  font-weight: normal;
}
.registracija-prijave form label .input-prijava {
  background: #fff;
  border: 1px solid #EDEFF1;
  line-height: 32px;
  padding: 0 10px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.up-registracija {
  width: 100%;
  border-top: 1px solid #BDC1CC;
  margin-bottom: 20px;
}
/* registracija #end */
/*tko testira*/
.tko-testira {
  width: 100%;
  position: relative;
}
.tko-testira .slika {
  width: 100%;
  margin-top: 1px;
}
@media screen and (max-width: 480px) {
  .tko-testira .slika {
    text-align: center;
  }
}
.tko-testira .slika img {
  max-width: 300px;
  width: 100%;
}
.tko-testira .tekst {
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .tko-testira .tekst {
    margin-bottom: 20px;
  }
}
.tko-testira .pagination2 {
  position: absolute;
  left: 320px;
  top: 170px;
}
.tko-testira .pagination2 ul {
  text-align: center;
  width: 140px;
  margin: 0 auto;
}
.tko-testira .pagination2 ul li {
  display: inline;
}
.tko-testira .pagination2 ul li a {
  border: 1px solid #DDDDDD;
  width: 13px;
  margin: 0 5px 0 0;
  height: 13px;
  background-color: transparent;
  float: left;
}
.tko-testira .pagination2 ul li .active {
  background-color: #99CC00;
}
.tko-testira .link-test {
  float: left;
  width: 100%;
  height: 24px;
  margin-top: 1px;
  opacity: .7;
}
.tko-testira .link-test a {
  color: #fff;
  line-height: 24px;
  margin-left: 10px;
  opacity: 1;
}
.test-footer {
  margin-top: 25px;
  width: 100%;
}
.test-footer .izdvojen-tekst {
  font-size: 34px;
  line-height: 42px;
  padding: 25px 15px;
  margin: 0px 0 10px 10px;
  color: #fff;
  width: 90%;
}
.twitter-timeline {
  width: 100% !important;
}
.how-we-test-sidebar-img {
  width: 100%;
  max-width: 369px;
  height: auto;
}
.test-footer .slika {
  text-align: right;
  width: 100%;
}
.test-footer .slika img {
  width: 100%;
  max-width: 673px;
}
/*tko testira #end*/
/*profil polje*/
.profil-polje {
  width: 100%;
  margin-top: 5px;
}
.profil-polje .slika {
  overflow: hidden;
  width: 100%;
  text-align: left;
  margin-right: 10px;
}
.profil-polje .slika img {
  width: 100%;
  max-width: 150px;
  height: auto;
}
.profil-polje .tekst {
  margin-top: 10px;
  line-height: 14px;
  overflow: hidden;
  font-size: 11px;
}
/*profil polje #end */
/*novosti opsirnije komentari*/
.komentari-right {
  float: right;
}
.komentari-right a {
  float: left !important;
  margin: 0 10px;
  font-size: 12px;
}
.komentari-right span {
  color: #fff;
  float: left;
  line-height: 20px;
  font-size: 12px;
}
.komentari-article {
  width: 100%;
  overflow: hidden;
  margin-top: 1px;
  padding-bottom: 10px;
  border-top: 1px solid #AEB7CA;
  border-bottom: 1px solid #fff;
  padding: 0px 20px 10px 0px;
}
.komentari-article .comment-image-col {
  text-align: center;
}
.komentari-article .comment-text-col {
  text-align: left;
}
@media screen and (max-width: 480px) {
  .komentari-article .comment-text-col {
    text-align: center;
  }
}
.komentari-article .slika {
  overflow: hidden;
  display: inline-block;
  margin-top: 20px;
}
.komentari-article .slika img {
  width: 40px;
  height: auto;
}
.komentari-article .ime {
  font-size: 18px;
  margin-top: 10px;
}
.komentari-article .tekst {
  font-size: 12px;
  margin-top: 20px;
  margin-right: 20px;
}
.komentari-article .vrijeme {
  font-style: italic;
  font-size: 12px;
  color: #999;
}
.komentari-article .odgovori {
  float: right;
  margin-right: 20px;
  margin-top: 20px;
  color: #535353;
  font-weight: bold;
  padding-left: 20px;
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.komentari-article .naslov {
  font-size: 12px;
  font-weight: bold;
  font-size: 16px;
  margin-top: 20px;
  margin-left: 20px;
}
.komentari-article form {
  margin-left: 20px;
  margin-top: 10px;
}
.komentari-article form textarea {
  width: 100%;
  padding: 10px;
  background: #fff;
  min-height: 60px;
  resize: vertical;
  border: 1px solid #999999;
}
.registracija2 {
  background-color: #C6CAD3;
  line-height: 28px;
  height: 32px;
  color: #fff;
  font-family: 'Archivo Black', sans-serif;
  float: left;
  text-transform: uppercase;
  border: 0 none;
  padding: 2px 20px;
  margin-left: 20px;
}
@media screen and (max-width: 992px) {
  .registracija2 {
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .registracija2 {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.registracija2:hover {
  background-color: #003366;
}
@media screen and (max-width: 992px) {
  .login-button {
    margin-left: 20px;
  }
}
@media screen and (max-width: 480px) {
  .login-button {
    margin-left: 0;
  }
}
.komentari-article form label {
  float: left;
  font-size: 14px;
  width: 260px;
  margin-right: 20px;
  margin-top: 10px;
}
.komentari-article form label .input-prijava {
  background: #fff;
  border: 1px solid #EDEFF1;
  float: left;
  width: 240px;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.komentari-article form .input-checkbox {
  font-size: 11px;
  color: #465764;
  float: right;
  margin-right: 20px;
  width: auto;
}
.odgovori-article {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-top: 1px;
  padding-bottom: 10px;
  border-top: 1px solid #AEB7CA;
  border-bottom: 1px solid #fff;
}
.odgovori-article .slika {
  overflow: hidden;
  height: 50px;
  width: 40px;
  float: left;
  margin-top: 20px;
  margin-left: 100px;
}
.odgovori-article .slika img {
  width: 40px;
  height: auto;
}
.odgovori-article .ime {
  float: left;
  font-size: 18px;
  margin-top: 10px;
  margin-left: 100px;
}
.odgovori-article .tekst {
  float: right;
  font-size: 12px;
  width: 540px;
  margin-top: 20px;
  margin-right: 20px;
}
.odgovori-article .vrijeme {
  font-style: italic;
  font-size: 12px;
  color: #999;
  float: left;
  margin-left: 180px;
  margin-top: 20px;
}
/*novosti opsirnije komentari #end*/
/*trazilica*/
.usporedi-me2 {
  width: 64px;
  height: 106px;
  margin: 0px;
  position: absolute;
  right: 0px;
  top: 5px;
  z-index: 20;
}
.trazilica-tekst {
  font-size: 18px;
  margin-top: 10px;
  margin-left: 20px;
  line-height: 32px;
  display: block;
  color: #2C3446;
}
/*trazilica #end*/
.banner {
  clear: left;
  text-align: center;
}
.banner-box {
  height: 90px;
  background: #D2D5DC;
  text-align: center;
  line-height: 90px;
}
.banner-728 {
  width: 728px;
  float: left;
  margin-left: 5px;
}
.banner-336 {
  width: 336px;
  float: right;
  margin-right: 5px;
}
/* #region  MOBILE NAVIGACIJA */
a.nav-expander {
  background: #2E3646;
  display: block;
  font-weight: 400;
  color: #86B300;
  font-size: 15px;
  height: auto;
  margin-right: 0;
  padding: 1em 1.6em 1em 1em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 12;
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;
}
a.nav-expander:hover {
  cursor: pointer;
  color: #86B300;
}
a.nav-expander.fixed {
  width: 100%;
  position: fixed;
  z-index: 1000;
}
.nav-expanded a.nav-expander.fixed {
  right: 20em;
}
nav {
  background: #2E3646;
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  right: -20em;
  font-size: 15px;
  top: 0;
  width: 20em;
  z-index: 2000;
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;
}
.nav-expanded nav {
  right: 0;
}
body.nav-expanded {
  margin-left: 0em;
  transition: right 0.4s ease-in-out 0s;
  -webkit-transition: right 0.4s ease-in-out 0s;
  -moz-transition: right 0.4s ease-in-out 0s;
  -o-transition: right 0.4s ease-in-out 0s;
}
#nav-close {
  font-family: 'Myriad Pro';
  float: right;
  font-size: 24px;
  padding-right: 10px;
  line-height: 44px;
  color: #6F7D8C;
  background: transparent;
  border: none;
}
.navmenu-nav {
  clear: both;
}
.mobile-search {
  clear: both;
  margin-top: 15px;
  margin-bottom: 15px;
}
.mobile-search input[type="search"] {
  width: 79%;
  font-size: 16px;
  border-radius: 5px;
  border: none;
  height: 33px;
  color: black;
}
.navmenu-default .navmenu-nav > .active > a,
.navbar-default .navbar-offcanvas .navmenu-nav > .active > a,
.navmenu-default .navmenu-nav > .active > a:hover,
.navbar-offcanvas .navmenu-nav > .active > a:hover,
.navmenu-default .navmenu-nav > .active > a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus {
  background-color: transparent;
  color: #86B300;
}
.navmenu-default .navmenu-nav > li > a,
.navbar-default .navbar-offcanvas .navmenu-nav > li > a {
  color: white;
  font-family: 'Myriad Pro';
  font-size: 24px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.main-menu {
  padding-top: 12px;
}
.main-menu li {
  border-bottom: 1px solid #323949;
  margin-left: 20px;
  font-size: 18px;
  padding: 12px;
}
.main-menu li a {
  color: #fff;
  text-decoration: none;
}
.main-menu li a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.main-menu li .sub-nav {
  border-bottom: 0px;
  padding: 4px;
}
.main-menu a .caret {
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: top;
  border-top: 4px solid #4f5963;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  margin-top: 8px;
}
.controls-toolbar {
  float: right;
  margin-top: 10px;
}
.controls-toolbar .prijava-fb {
  padding: 9px 25px 5px 38px;
  margin-left: 20px;
  top: 0px;
}
@media screen and (max-width: 992px) {
  .controls-toolbar .prijava-fb {
    margin-left: 0;
    margin-top: 15px;
  }
}
@media screen and (max-width: 480px) {
  .controls-toolbar .prijava-fb {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
    margin-top: 0;
  }
}
.main-menu a:hover .caret {
  border-top-color: #4f5963;
}
.main-menu li.open > a > .caret {
  border-top: none;
  border-bottom: 4px solid #4f5963;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.main-menu li.open > a:hover > .caret {
  border-bottom-color: #4f5963;
}
.icon:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  content: '\f105';
}
.main-menu li > a > span.icon {
  float: right;
  margin: 0.1em 1.7em -0.1em 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.main-menu li > a:hover > span.icon {
  float: right;
  margin: 0.1em 0.8em -0.1em 0;
  opacity: 1;
}
/* #endregion END OF MOBILE NAVIGACIJA */
/* #region MOBILE ARTICLE */
.mobile-articles-row .mobile-article {
  padding-top: 5px;
  border-bottom: 1px solid #86B300;
  text-align: center;
}
.mobile-articles-row .mobile-article .datum {
  text-align: right;
  margin-right: 10px;
  margin-bottom: 15px;
  margin-top: 5px;
}
.mobile-articles-row .mobile-article:after {
  display: block;
  content: "";
  clear: both;
}
.mobile-articles-row .mobile-article .cover-image {
  display: block;
  width: 90%;
  margin-top: 15px;
}
.mobile-articles-row .mobile-article .cover-image > img {
  width: 100%;
  max-width: 150px;
}
.mobile-articles-row .mobile-article .article-content {
  text-align: left;
  margin-right: 30px;
}
.mobile-articles-row .mobile-article .article-content > h5 {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}
.mobile-articles-row .mobile-article .article-content > p {
  margin-top: 15px;
  font-size: 14px;
  overflow: hidden;
  line-height: 20px;
  height: 100px;
}
.mobile-articles-row .mobile-article.article-type-review {
  border-top-color: #2E3646;
}
.mobile-articles-row .mobile-article.article-type-news {
  border-top-color: #4A0025;
}
.mobile-articles-row .mobile-article.article-type-theme {
  border-top-color: #FF9900;
}
.mobile-articles-row .mobile-article.article-type-column {
  border-top-color: #587500;
}
/* #endregion END OF MOBILE ARTICLE */
/* #region MOBILE FOOTER */
.footer-mobile {
  position: absolute;
  background: #000;
  height: 100px;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0px;
  left: 0;
  right: 0;
}
.navigacija-desno {
  background: #2E3646;
}
.social-mobile ul {
  text-align: center;
  margin-top: 35px;
}
.social-mobile ul li {
  display: inline-block;
}
.social-mobile ul li > a {
  color: #fff;
  font-size: 35px;
  padding-right: 30px;
}
/* #endregion END OF MOBILE FOOTER */
/* OLD SUGAR OVERRIDES */
.uredaji-prazna .novosti-vise {
  width: 100%;
}
.modal.video-modal {
  width: auto;
  overflow: visible;
  box-shadow: none;
  border: none;
  background: none;
}
.modal.video-modal .modal-dialog {
  background: transparent;
  width: 90%;
}
.modal.video-modal .modal-content {
  background: transparent;
  box-shadow: none;
  border: none;
}
.modal.video-modal button.close {
  color: white;
  font-size: 51px;
  opacity: 0.8;
  position: absolute;
  right: -45px;
  top: 0px;
}
.modal.video-modal .modal-body {
  overflow: visible;
}
.navmenu-default,
.navbar-default .navbar-offcanvas {
  background: #2E3646;
}
@media screen and (max-width: 1215px) {
  .compare-wrapper .tabs-menu ul li {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 1000px) {
  .compare-wrapper .sidebar .marke ul li {
    width: 49%;
  }
}
.compare-column .rating {
  right: 20px;
  bottom: 0px;
  background-image: none;
}
.compare-column .rating-col {
  margin-top: 20px;
  text-align: left;
}
.compare-column .izdvojeno .row {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #TopAd .adsbygoogle {
    position: relative;
    
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
#MainBody {
  margin-top: 15px;
}
@media screen and (max-width: 768px) and (min-width: 768px) {
  #MainBody {
    margin-top: 103px;
  }
}
@media screen and (max-width: 767px) {
  #MainBody {
    
  }
}
#TopAd2 {
  width: 300px;
  margin-top: 120px;
  margin-left: auto;
  margin-right: auto;
}
.compare-single-wrapper.compare-wrapper .main {
  float: none;
}
.compare-single-wrapper.compare-wrapper .search-box {
  width: 99%;
}
.compare-single-wrapper.compare-wrapper .preporuke .naslov-preporuke {
  width: 100%;
}
.compare-single-wrapper.compare-wrapper .all-categories-view,
.compare-single-wrapper.compare-wrapper .all-manufacturers-view {
  width: 100%;
}
.compare-single-wrapper.compare-wrapper .marke ul {
  width: 100%;
}
.compare-single-wrapper.compare-wrapper .uredaji-prazna {
  width: 100%;
}
.pager-wrapper {
  position: relative;
  clear: left;
}
.pager-wrapper .pager-nav {
  text-align: right;
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .pager-wrapper .pager-nav {
    text-align: left;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 20px;
    margin-left: 4px;
  }
}
.active-price-tab {
  color: white;
  background: #ec4000;
}
.tabs-menu ul li.active-price-tab:hover,
.tabs-menu ul li.active-price-tab:hover a,
.tabs-menu ul li.active-price-tab a:hover {
  background: #c83903;
}
.no-price-tab {
  color: white;
  background: #f59470;
}
.tabs-menu ul li.no-price-tab:hover,
.tabs-menu ul li.no-price-tab a:hover,
.tabs-menu ul li.no-price-tab:hover a {
  background: #ea8e6c;
}
.reviewer-text {
  display: inline-block;
  margin-right: 5px;
}
.naslov-top.middle-green-bg .ime {
  float: right;
  margin-right: 12px;
}
.savjeti ul li.main-answer .tekst a {
  text-decoration: underline;
}
.ime a,
.ime a:hover {
  color: white;
}
.sitemap ul {
  margin-left: 40px;
  list-style: square;
  font-size: 16px;
  padding-top: 15px;
  clear: both;
}
.sitemap ul ul {
  margin-left: 20px;
}
.sitemap ul li {
  padding-bottom: 10px;
}
a:hover,
a:focus {
  text-decoration: none;
}
.social-icons {
  float: left;
  margin-top: 10px;
}
.tagovi .tag a {
  color: #DDDDDD;
}
.tagovi .tag a:hover {
  color: white;
}
.opsirnije-box .tekst h1 {
  font-family: 'Myriad Pro';
}
.social-icons.social-icons-alternate-2 {
  margin-top: 10px;
  margin-bottom: 0;
  margin-left: 10px;
}
.ime-autora a {
  color: white;
  display: inline-block;
  margin-left: 0;
  padding-left: 10px;
}
.brzinski-test article .inner .left .tekst .foto ul li {
  margin-bottom: 5px;
}
.brzinski-test2 article .inner .left .tekst .foto ul li {
  margin-bottom: 5px;
}
.brzinski-test article .inner .left .tekst .foto ul li .tekst {
  height: auto;
  min-height: 30px;
  line-height: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.brzinski-test2 article .inner .left .tekst .foto ul {
  width: auto;
}
.social-icons-alternate {
  float: none;
  margin-top: 0px;
  margin-bottom: 10px;
}
.social-icons.social-icons-alternate-2 div,
.social-icons.social-icons-alternate-2 iframe.twitter-share-button {
  float: none;
  display: inline-flex;
  height: 20px;
}
.naslov-top .podnaslov {
  max-width: 450px;
  width: auto;
}
.prijava ul li:last-child {
  height: auto;
}
.social-icons-spacey {
  padding-right: 10px;
}
.right div {
  text-align: right;
}
.social-icons div,
.social-icons iframe.twitter-share-button {
  float: right;
  height: 23px;
}
.social-icons iframe.twitter-share-button {
  width: 90px !important;
  height: 20px;
  display: inline-flex;
  vertical-align: top;
}
.social-icons #___plusone_0 {
  width: 70px !important;
}
.komentari-article .tekst {
  color: black;
}
.tko-testira .tekst {
  font-size: 14px;
  font-family: 'Myriad Pro';
}
.opsirnije-box .tekst a {
  color: #0088cc;
  text-decoration: underline;
}
.opsirnije-box .tekst a:hover {
  color: #005580;
  text-decoration: underline;
}
.komentari-article .slika {
  height: auto;
  width: auto;
}
.komentari-article .vrijeme {
  margin-top: 15px;
}
.komentari-article .obrisi {
  float: right;
  margin-right: 20px;
  margin-top: 20px;
  color: #535353;
  font-weight: bold;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
}
.test-footer .izdvojen-tekst {
  font-size: 30px;
  line-height: 35px;
}
.usporedi-me-alternate {
  position: absolute;
  top: 0px;
  right: 120px;
  z-index: 100;
  width: auto;
}
.right-banner {
  clear: both;
  -webkit-transition: 1s 3s;
  -moz-transition: 1s 3s;
  -o-transition: 1s 3s;
  transition: 1s 3s;
  overflow: hidden;
}
.right-banner:hover {
  position: relative;
  z-index: 10000;
}
.navbar.navbar-default .nav > li > a.active {
  color: #86B300;
}
.prijava-usporedi .slika img {
  height: auto;
}
.k-widget.k-tooltip-validation.k-tooltip {
  background-color: #ffe13a;
}
.scroll2 {
  background-color: #fff;
}
.scroll {
  height: auto;
  padding-bottom: 15px;
}
.naslov-top2 .naslov {
  height: auto;
  min-height: 40px;
}
.testovi-brzinski-test-slika2 .rating {
  bottom: 5px;
}
.slika-x:hover {
  color: white;
}
@media screen and (max-width: 991px) {
  .testovi-brzinski-test-slika .usporedi-me.usporedi-me-alternate {
    right: 0px;
    top: -20px;
  }
}
.testovi-brzinski-test-slika2 .testovi-brzinski-test-slika .caraousel-next {
  right: 20px;
}
.no-result {
  font-size: 35px;
  padding: 55px;
  font-weight: bold;
  font-style: italic;
  float: left;
  height: 200px;
  color: #cccccc;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.savjeti ul li {
  border-bottom: none;
}
.naslov-top2 .right {
  float: none;
}
.scroll5 {
  height: auto;
  margin-bottom: 50px;
}
.gdje-kupiti .pozadina .naslov.sakrij-ostale-cijene {
  margin-left: 10px;
  padding-left: 30px;
  background-image: url(../images/arrow-top.png);
  background-position: left center;
}
.carousel {
  margin-bottom: 0;
}
.marke2 ul li.k-state-selected {
  background-color: #990000;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #e6e6e6;
  color: black;
}
.back.red-bg:hover {
  color: white;
}
.marke2 ul li.k-state-selected a {
  color: white;
}
.naslov {
  font-family: 'Myriad Pro';
}
.navmenu ul.nav.navmenu-nav li a:hover,
.navmenu ul.nav.navmenu-nav li a:focus,
.navmenu ul.nav.navmenu-nav li a:active {
  color: #86B300;
}
.naslov-post {
  max-height: none;
  font-family: 'Myriad Pro';
  margin-top: 5px;
}
.naslov-post.author-bio-naslov-post {
  line-height: 40px;
}
.novosti-banner.savjeti-main .slika {
  text-align: center;
}
.novosti-banner.savjeti-main .slika img {
  width: 100%;
  max-width: 350px;
}
.kolumne article .naslov {
  min-height: 40px;
}
.caraousel-next.caraousel-next-alternate {
  background-image: none;
}
.caraousel-prev.caraousel-prev-alternate {
  background-image: none;
}
.img-frame-bg {
  background-image: url('../images/gal-background.png');
  background-repeat: no-repeat;
  background-color: transparent;
}
.gallery-post-item img {
  margin: 12px;
}
.hidden-prices {
  display: none;
}
#slider.alternate {
  background-image: url(../images/rating2.png);
}
#slider {
  height: 227px;
  position: absolute;
  bottom: 10px;
  width: 73px;
  background-image: url(../images/rating.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: transparent;
  border: none;
  border-radius: 0px;
}
.ui-slider-vertical .ui-slider-handle {
  visibility: hidden;
}
.ui-slider-vertical .ui-slider-range {
  width: 45px;
  border-radius: 0px;
}
.tabs .box ol li a .naslov {
  font-family: Arial;
}
.middle-sized-gallery {
  float: right;
  width: 290px;
  margin-right: 15px;
}
.naslov:focus {
  color: black;
}
.middle-sized-gallery img,
.middle-sized-gallery img.k-image {
  width: 290px;
}
@media screen and (max-width: 768px) {
  .middle-sized-gallery img,
  .middle-sized-gallery img.k-image {
    width: 100%;
  }
}
.big-sized-gallery {
  float: right;
  margin-right: 15px;
  width: 460px;
}
.big-sized-gallery img,
.big-sized-gallery img.k-image {
  width: 460px;
}
@media screen and (max-width: 768px) {
  .big-sized-gallery img,
  .big-sized-gallery img.k-image {
    width: 100%;
  }
}
.ui-slider-range {
  background-image: url(../images/rating-bars-v.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 45px;
}
.kolumne article .autor,
.kolumne article .autor span {
  max-height: 14px;
}
.naslov-kat a.tekst:hover {
  color: inherit;
}
.testovi-main {
  overflow: visible;
}
.slika-foto {
  float: left;
  border: 1px solid black;
  margin-right: 5px;
}
.slika-foto .naslov {
  border: 1px solid black;
  color: white;
  background-color: black;
  text-align: center;
}
/*KENDO*/
.k-pager-numbers .k-state-selected {
  margin-right: 0px;
  line-height: 20px;
  padding: 4px 9px;
  border: 1px solid #7ea700;
  background-color: #7ea700;
  background: #7ea700;
}
@media screen and (max-width: 480px) {
  .k-pager-numbers .k-state-selected {
    padding: 8px 13px;
    margin-bottom: 7px;
  }
}
.k-pager-numbers li {
  float: left;
  margin-right: 2px;
}
.k-pager-wrap.k-widget a.k-link:hover {
  line-height: 20px;
  padding: 4px 9px;
  background-color: #7ea700;
  background: #7ea700;
  border-color: #7ea700;
  margin-right: 0px;
}
@media screen and (max-width: 480px) {
  .k-pager-wrap.k-widget a.k-link:hover {
    padding: 8px 13px;
    margin-bottom: 7px;
  }
}
.k-callout-s {
  border-top-color: #86B300;
}
.k-widget.k-tooltip {
  border-radius: 5px;
  color: white;
  font-size: 15px;
  text-align: center;
  padding: 5px 15px;
  top: -5px;
  background-color: #86B300;
}
.k-pager-wrap.k-widget a.k-link {
  border-radius: 0px;
  padding: 4px 9px;
  margin-right: 0px;
  border: 1px solid #dcdcdc;
  background: #f0f1f3;
}
.k-pager-wrap.k-widget span.k-state-selected {
  border-radius: 0px;
}
.k-widget {
  border: none;
}
.filter-instructions {
  color: #BDC1CC;
  font-weight: bold;
  font-size: 23px;
  line-height: normal;
  margin: 5px 0px;
}
.opsirnije-box .autor {
  margin-top: 0px;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}
.carousel-parent {
  position: absolute;
  bottom: 5%;
  top: auto;
  width: auto;
  display: block;
  width: 100%;
  text-align: center;
}
.carousel-indicators {
  position: relative;
  top: auto;
  right: auto;
  margin-bottom: 8px;
}
.carousel-indicators li.active {
  height: 15px;
  width: 15px;
}
@media screen and (max-width: 991px) {
  .carousel-indicators {
    display: none;
  }
}
.carousel-indicators:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
.novosti-banner.gradient-orange .slika {
  display: block;
}
.novosti-banner .slika {
  width: 100%;
  margin-top: 19px;
}
.carousel-indicators li {
  height: 15px;
  width: 15px;
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid #DDDDDD;
  margin-top: 12px;
  float: none;
  display: inline-block;
}
.carousel-indicators li.active {
  background-color: #99CC00;
  position: relative;
  top: -1px;
}
#ManufacturerSelectCategoryView {
  float: left;
  width: 70%;
}
#KategorijeTab ul li.k-state-selected,
.marke ul li.k-state-selected {
  background-color: #587500;
}
.marke ul li.k-state-selected a {
  color: white;
}
.k-block,
.k-widget {
  background-color: transparent;
}
.uredaji .kategorije a .font {
  line-height: 0;
}
.k-i-arrow-s {
  margin-top: 3px;
  background-position: -16px -32px;
}
.liste-select {
  clear: both;
}
.liste-select .k-dropdown-wrap,
.savjeti-form .k-dropdown-wrap {
  background-color: white;
  border-radius: 4px;
}
.liste-select .k-i-arrow-s,
.savjeti-form .k-i-arrow-s {
  background-position: 0px -32px;
}
.liste-select .k-dropdown-wrap.k-state-hover span.k-input,
.savjeti-form .k-dropdown-wrap.k-state-hover span.k-input {
  color: black;
}
.liste-select .k-dropdown-wrap.k-state-focused span.k-input,
.savjeti-form .k-dropdown-wrap.k-state-focused span.k-input {
  color: black;
}
.liste-select span.k-input,
.savjeti-form span.k-input {
  color: black;
}
/*END OF KENDO*/
/* BOOTSTRAP */
.badge {
  background-color: white;
  color: #86B300;
  font-size: 15px;
}
.tab-content {
  clear: both;
}
.tab-pane {
  clear: both;
}
/* END OF BOOTSTRAP */
/*CUSTOM*/
.carousel.slide.testovi-brzinski-test-slika2 {
  min-height: 330px;
}
.testovi-brzinski-test-slika2 .slika-x {
  position: absolute;
  top: 10px;
  right: 10px;
  padding-right: 30px;
  color: #DFDFD0;
  background-image: url(../images/slika-x.png);
  background-repeat: no-repeat;
  background-position: right top;
  height: 26px;
  line-height: 26px;
}
.testovi-brzinski-test-slika2 .caraousel-prev {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 60px;
  height: 330px;
  float: left;
}
.testovi-brzinski-test-slika2 .caraousel-prev img {
  position: absolute;
  left: 15px;
  top: 140px;
  width: 20px;
}
.testovi-brzinski-test-slika2 .caraousel-next img {
  position: absolute;
  right: 15px;
  top: 140px;
  width: 20px;
}
.testovi-brzinski-test-slika2 .caraousel-next {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 120px;
  height: 330px;
  float: right;
}
.testovi-brzinski-test-slika .naslov {
  bottom: 25px;
}
.img-container {
  display: table;
  background-color: white;
  width: 100%;
}
.img-container.news-img-container img {
  width: 100%;
  max-width: 740px;
}
.img-container.quick-review-thumb-img-container-bigger img {
  width: 100%;
  max-width: 370px;
}
.img-container.product-thumb-img-container-bigger img {
  width: 100%;
  max-width: 180px;
}
.img-container.product-thumb-img-container-large img {
  width: 100%;
  max-width: 250px;
}
.img-container.quick-review-img-container img {
  width: 100%;
  max-width: 740px;
}
.img-container.device-img-container img {
  width: 100%;
  max-width: 460px;
}
.img-container.full-review-img-container img {
  width: 100%;
  max-width: 1110px;
}
.img-frame {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.image img {
  max-height: 90px;
}
.filters-wrapper {
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
}
.hidden-parent:hover .hidden-hover {
  opacity: 1;
}
.hidden-parent .hidden-hover {
  opacity: 0;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.ajax-loader {
  background-image: url('../images/ajax-loader.gif');
  background-repeat: no-repeat;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  height: 19px;
  width: 220px;
  clear: both;
  margin-left: auto;
  margin-right: auto;
}
.owl-carousel .owl-dots {
  bottom: 45px;
}
.item-video {
  height: 400px;
}
.item-video.theme {
  height: 480px;
}
.item-video.review {
  height: 460px;
}
.selected-category-details,
.selected-manufacturer-details {
  display: none;
}
.show {
  visibility: visible;
}
textarea,
input {
  outline: none;
}
.clear-basket {
  font-size: 20px;
  position: absolute;
  top: -20px;
  left: -7px;
}
.basket-count {
  position: absolute;
  left: -38px;
  top: -18px;
}
/*END OF CUSTOM */
/* DEMODE EDITS */
.about-footer {
  background-color: #3D4557;
  color: white;
  padding: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
}
.about-footer a {
  color: white;
}
.tabs-menu ul li.orange-bg a:hover {
  background-color: transparent;
}
.top-lista-ul .tekst {
  font-size: 20px;
}
.akcije-banner {
  margin-bottom: 30px;
  min-height: 280px;
  height: auto;
}
.novosti article .slika img {
  height: auto;
  width: 100%;
}
.registracija2:hover {
  color: white;
}
.navbar-inverse .navbar-inner {
  background-image: none;
  border-radius: 0;
}
.uredaji .kategorije a .naslov {
  font-family: Arial;
}
.testovi-sidebar-box {
  height: 135px;
}
.opsirnije-box .podnaslov,
.tekst-naslov-s {
  font-family: 'Myriad Pro';
}
.naslov-top .naslov {
  display: block;
}
.brzinski-test article .naslov,
.brzinski-test2 article .naslov {
  font-family: Arial;
  text-transform: uppercase;
}
.testovi-sidebar-box .ocjena {
  margin-right: 25px;
  float: right;
}
li.middle-orange-bg a:hover,
li.middle-orange-bg:hover,
li.active.orange-bg a:hover {
  background-color: #FF9900 !important;
}
.tabs-menu.uredjaji-pretraga ul li a:hover {
  background-color: transparent;
}
.tabs-menu ul li a:hover {
  background-color: #202532;
}
.tabs-menu ul li.middle-red-bg a:hover {
  background-color: #c33500;
}
.tabs-menu ul li:hover {
  background-color: #202532;
}
.tabs-menu ul li.active {
  background: #202532;
}
.main-banner .naslov {
  display: block;
}
a.novosti-vise:hover {
  color: white;
}
form {
  margin: 0;
}
.registracija:hover {
  color: white;
}
.twitter ul li {
  padding: 10px 20px 10px 2px;
}
.top-ad {
  font-weight: bold;
  position: absolute;
  left: 75px;
  font-size: 25px;
  top: 0px;
  padding: 5px;
}
.top-ad.hidden {
  display: none;
}
.top-ad:hover {
  cursor: pointer;
}
.savjeti ul.odgovori li {
  min-height: 160px;
}
select {
  margin: 0;
}
.sticker-fixed {
  right: 0px;
  top: 0px;
  position: absolute;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .sticker-fixed {
    display: none;
  }
}
.naslov-kat a.tekst.green:hover {
  color: #86B300;
}
.uredaji .kategorije {
  margin-left: 0px;
}
.volimo {
  height: auto;
}
input[type=checkbox] {
  visibility: visible;
}
.caraousel-prev {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 300px;
  float: left;
}
.caraousel-prev img {
  position: absolute;
  left: 60px;
  top: 45%;
  width: 15%;
  max-width: 50px;
}
@media screen and (max-width: 767px) {
  .caraousel-prev img {
    width: 7%;
  }
}
@media screen and (max-width: 991px) {
  .testovi-brzinski-test-slika .caraousel-prev {
    width: 50%;
    top: 0px;
    left: 0px;
  }
}
@media screen and (max-width: 991px) {
  .testovi-brzinski-test-slika .caraousel-prev img {
    top: 45%;
    width: 15%;
  }
}
.testovi-brzinski-test-slika .caraousel-next {
  right: 0px;
  width: 400px;
}
@media screen and (max-width: 991px) {
  .testovi-brzinski-test-slika .caraousel-next {
    top: 0px;
    width: 50%;
  }
}
.testovi-brzinski-test-slika .caraousel-next img {
  right: 165px;
  top: 45%;
}
@media screen and (max-width: 991px) {
  .testovi-brzinski-test-slika .caraousel-next img {
    width: 15%;
    top: 45%;
    right: 60px;
  }
}
.caraousel-next {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.3) 100%);
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  height: 100%;
  width: 300px;
  right: 0px;
  float: left;
}
.caraousel-next img {
  position: absolute;
  right: 60px;
  top: 45%;
  width: 15%;
  max-width: 50px;
}
@media screen and (max-width: 767px) {
  .caraousel-next img {
    width: 7%;
  }
}
.login .k-upload {
  display: none;
}
.resize.auto-resize {
  width: auto;
}
.filter-kategorije ul a:hover,
.filter-kategorije ul .active {
  background-color: #7B8499 !important;
  position: relative;
  color: #fff !important;
}
.old-device {
  background-color: #990000;
  width: 230px;
  padding: 0 10px;
  line-height: 26px;
  bottom: 35px;
  left: 10px;
  float: left;
  position: absolute;
  color: #fff;
  text-transform: uppercase;
}
.filter-kategorije ul a.active:before {
  background-image: url('../images/check.png');
  display: inline-block;
  position: absolute;
  background-color: #7B8499 !important;
  right: 0px;
  top: 6px;
  /* padding-top: 3px; */
  width: 20px;
  background-repeat: no-repeat;
  height: 17px;
  content: '';
  background-size: 15px 12px;
}
.usporedi-me {
  cursor: pointer;
}
.kategorije ul li span:hover {
  cursor: pointer;
  background-color: #587500;
  color: #fff;
}
#KategorijeTab ul li span {
  font-size: 11px;
  line-height: 26px;
  width: 100%;
  display: block;
  text-transform: uppercase;
}
#KategorijeTab ul li {
  text-align: center;
  background-color: #CEE098;
  margin: 1px 1px 0 0;
  display: block;
  float: left;
  width: 49%;
}
.naslov-marke {
  clear: both;
}
.back:hover {
  cursor: pointer;
}
.item .naslov,
.gradient-siva .item .naslov {
  position: absolute;
  bottom: 0px;
  width: 100%;
  line-height: 23px;
  padding: 0 10px;
  height: 23px;
  font-family: Arial;
  font-size: 11px;
  color: #fff;
  background-color: #000;
}
.tekst p {
  /*-ms-word-wrap: break-word;
    word-wrap: break-word;*/
  width: auto;
  max-width: 100%;
  padding-right: 10px;
}
.testovi-banner .slika img {
  width: 100%;
  height: auto;
  max-width: 250px;
}
.izdvojen-tekst.izdvojen-tekst-right {
  float: right;
  width: 35%;
  margin-left: 5px !important;
}
.izdvojen-tekst-full-width {
  float: none !important;
  width: 100% !important;
  margin: 3px !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  text-align: center;
}
.izdvojen-tekst.izdvojen-tekst-left {
  float: left !important;
  margin-right: 10px !important;
  width: 35%;
}
.tekst.novosti-tekst .izdvojen-tekst {
  background-color: #4A0025;
}
.tekst.novosti-tekst .izdvojen-tekst.tekst-right {
  margin-left: 15px;
}
.tekst.kolumne-tekst .izdvojen-tekst {
  background-color: #587500;
}
.tekst.teme-tekst .izdvojen-tekst {
  background-color: #FF9900;
}
.tekst.testovi-tekst .izdvojen-tekst {
  background-color: #2E3646;
}
/* END OF DEMODE EDITS */
.gdje-kupiti2 ul li .btn-buy-now {
  margin-left: 6px;
  padding: 5px 12px 5px 19px;
  text-align: right;
}
.gdje-kupiti2 ul li .btn-buy-now i {
  padding: 6px 8px 6px 10px;
  left: 5px;
  top: 13px;
}
.gdje-kupiti2 ul li .price-status {
  margin-right: 6px;
}
.gdje-kupiti2 ul li .price-status i {
  left: -10px;
  position: relative;
  top: 1px;
}
.price-status {
  float: right;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 15px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .price-status {
    float: none;
  }
}
.price-detail {
  clear: both;
  text-align: right;
  font-size: 11px;
  margin-bottom: 18px;
}
.btn-buy-now i {
  background: black;
  color: white;
  border-radius: 5px;
  position: absolute;
  left: 2px;
  top: 2px;
  text-align: center;
  padding: 6px 8px 6px 10px;
  font-size: 14px;
}
#CompareCart .notification-bubble {
  left: -250px;
  top: 15px;
  display: none;
}
#CompareCart:hover .notification-bubble {
  display: block !important;
  opacity: 1 !important;
}
.notification-bubble:after {
  position: absolute;
  right: -10px;
  top: 15px;
  border-top: 10px solid transparent;
  border-bottom: 8px solid transparent;
  content: "";
  display: block;
  border-left: 10px solid #86B300;
}
.notification-bubble:before {
  position: absolute;
  right: -12px;
  top: 15px;
  border-top: 10px solid transparent;
  border-bottom: 8px solid transparent;
  content: "";
  display: block;
  border-left: 10px solid rgba(0, 0, 0, 0.45);
}
.notification-bubble {
  position: absolute;
  padding: 15px 20px;
  color: white;
  font-size: 15px;
  text-align: center;
  background: #86B300;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.45);
  border-radius: 5px;
  width: 190px;
}
.btn-buy-now {
  font-size: 13px;
  color: black;
  border: 1px solid;
  padding: 5px 19px;
  font-weight: 500;
  border-radius: 3px;
  border-color: #cba957 #bf942a #aa8326;
  background: #f0c14b;
  background: -webkit-linear-gradient(#f5d589, #eeba35);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#f5d589, #eeba35);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#f5d589, #eeba35);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#f5d589, #eeba35);
  /* Standard syntax */
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  text-align: right;
}
.btn-buy-now:hover {
  background: #d9a82a;
  background: -webkit-linear-gradient(#edcd81, #d9a82a);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#edcd81, #d9a82a);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#edcd81, #d9a82a);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#edcd81, #d9a82a);
  /* Standard syntax */
}
.price-status-icon {
  width: 20px;
  height: 15px;
  display: inline-block;
  margin-top: -1px;
  background-position: 0 0;
}
.price-status-icon.icon-ok {
  background-image: url('../images/icon-ok.png');
}
.price-status-icon.icon-cancel {
  background-image: url('../images/Icon-cancel.png');
}
.price-status-icon.icon-question {
  background-image: url('../images/icon-question.png');
  height: 20px;
}
.nav {
  margin-bottom: 0px;
}
.devices-tabs-menu-bg.tabs-menu-bg {
  background-color: #374801;
}
.nav-tabs li {
  background-color: #374801;
}
a.btn.edit-article-button,
.savjeti ul li.main-answer .tekst a.btn.edit-article-button {
  background-color: #f58223;
  background-image: -moz-linear-gradient(top, #f7ad6d, #f58223);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7ad6d), to(#f58223));
  background-image: -webkit-linear-gradient(top, #f7ad6d, #f58223);
  background-image: -o-linear-gradient(top, #f7ad6d, #f58223);
  background-image: linear-gradient(to bottom, #f7ad6d, #f58223);
}
a.btn.edit-article-button:hover,
.savjeti ul li.main-answer .tekst a.btn.edit-article-button:hover {
  background-color: #d37121;
  background-image: -moz-linear-gradient(top, #f39b4f, #d37121);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f39b4f), to(#d37121));
  background-image: -webkit-linear-gradient(top, #f39b4f, #d37121);
  background-image: -o-linear-gradient(top, #f39b4f, #d37121);
  background-image: linear-gradient(to bottom, #f39b4f, #d37121);
}
a.btn.edit-article-button,
a.btn.edit-article-button:hover,
.savjeti ul li.main-answer .tekst a.btn.edit-article-button:hover,
.savjeti ul li.main-answer .tekst a.btn.edit-article-button {
  text-decoration: none;
  color: white;
  font-size: 20px;
  padding: 10px 20px;
  margin-bottom: 15px;
}
.nav-tabs li:hover {
  background-color: #587500;
}
.uredjaji-pretraga.tabs-menu ul li.active,
.uredjaji-pretraga.tabs-menu ul li:hover {
  background: -webkit-linear-gradient(#9aca04, #374801);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#9aca04, #374801);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#9aca04, #374801);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#9aca04, #374801);
  /* Standard syntax */
}
.nav-tabs > li > a {
  padding: 0;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: white;
  background-color: transparent;
  border: none;
}
.nav-tabs > li > a:hover {
  background-color: #587500;
  border: none;
}
.navmenu-fixed-left,
.navmenu-fixed-right,
.navbar-offcanvas {
  overflow-y: visible;
  overflow-x: hidden;
}
.navmenu,
.navbar-offcanvas {
  height: 100%;
}
.gdgt-mb-logo-wrapper {
  text-align: center;
  margin-top: 0;
}
@media screen and (max-width: 992px) {
  .search_box_uredaji {
    margin-top: 60px;
  }
}
.fb_iframe_widget {
  position: relative;
  display: inline-flex !important;
  vertical-align: top;
  height: 280px;
  margin-right: 10px;
}
.account {
  height: 40px;
  line-height: 40px;
  width: 100%;
  border-bottom: 1px solid #D8D8D9;
  overflow: hidden;
}
.account .col-xs-3 {
  border-right: 2px solid #D8D8D9;
}
@media screen and (max-width: 768px) {
  .account .col-xs-3 {
    width: 100%;
    border-right: 0;
  }
}
.account img {
  width: auto;
  height: 40px;
  padding-left: 10px;
}
.account .user-name {
  display: inline-block;
  padding-left: 10px;
}
.account .vrijeme {
  font-style: italic;
  font-size: 12px;
  color: #999;
  float: right;
  padding-right: 15px;
}
.single-post {
  height: auto;
  line-height: 18px;
  width: 100%;
  border-bottom: 1px solid #D8D8D9;
  overflow: hidden;
  display: flex;
}
.single-post p {
  padding: 20px;
}
.single-post span {
  font-size: 14px;
}
.single-post .col-xs-3 {
  border-right: 2px solid #D8D8D9;
}
@media screen and (max-width: 768px) {
  .single-post .col-xs-3 {
    padding: 0;
    margin: 0;
  }
}
@media screen and (max-width: 580px) {
  .single-post .col-xs-3 .answer {
    padding-right: 0;
  }
}
@media screen and (max-width: 450px) {
  .single-post .col-xs-3 .answer img {
    position: relative;
    transform: translateY(30px);
    display: block;
    margin: 3px 10px;
  }
}
@media screen and (max-width: 450px) {
  .single-post .col-xs-3 .answer p {
    position: relative;
    transform: translateY(-20px);
  }
}
@media screen and (max-width: 768px) {
  .single-post .col-xs-9 {
    width: 100%;
  }
  .single-post .col-xs-9 p {
    padding: 10px;
  }
}
.answer {
  float: right;
  padding-right: 20px;
}
.answer img {
  width: 15px;
  height: 15px;
  display: inline-block;
}
.answer p {
  display: inline-block;
  padding: 10px;
}
.multiple-posts {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.multiple-posts .post:hover {
  background: linear-gradient(to bottom, #ffffff 0%, #F9F9F9 100%);
}
.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media screen and (max-width: 768px) {
  .desktop {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .mobile {
    display: none;
  }
}
.most-read-widget {
  margin-top: 0 !important;
}
@media screen and (max-width: 820px) {
  .navbar-collapse {
    display: none;
  }
}
.openForgetPasswordModal {
  cursor: pointer;
}
.forgetPasswordModal {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
.forgetPasswordModal--active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.forgetPasswordModal__inner {
  width: 400px;
  position: relative;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
}
.forgetPasswordModal__inner .registracija {
  margin-left: 0 !important;
}
.forgetPasswordModal__inner .closeForgetPasswordModal {
  background: #606061;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}
.forgetPasswordModal__inner .closeForgetPasswordModal:hover {
  background: #00d9ff;
}
.forgetPasswordModal__inner .tekst {
  line-height: 22px;
}