@-webkit-keyframes animatedBackground {
  0% {
    background-position: 0 0;
  }
  10% {
    background-position: 25% 0;
  }
  20% {
    background-position: 25% 0;
  }
  30% {
    background-position: 50% 0;
  }
  40% {
    background-position: 50% 0;
  }
  50% {
    background-position: 75% 0;
  }
  60% {
    background-position: 75% 0;
  }
  90% {
    background-position: 97.5% 0;
  }
}
@keyframes animatedBackground {
  0% {
    background-position: 0 0;
  }
  10% {
    background-position: 25% 0;
  }
  20% {
    background-position: 25% 0;
  }
  30% {
    background-position: 50% 0;
  }
  40% {
    background-position: 50% 0;
  }
  50% {
    background-position: 75% 0;
  }
  60% {
    background-position: 75% 0;
  }
  90% {
    background-position: 97.5% 0;
  }
}
@-webkit-keyframes nod {
  27% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  34% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
  }
  79% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes nod {
  27% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  34% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
  }
  79% {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes up-down {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-17deg);
            transform: rotate(-17deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes up-down {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-17deg);
            transform: rotate(-17deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes drift {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    left: 0;
  }
  25% {
    -webkit-transform: translate(0px, 3px);
            transform: translate(0px, 3px);
    left: 3px;
  }
  75% {
    -webkit-transform: translate(0px, -3px);
            transform: translate(0px, -3px);
    left: -3px;
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    left: 0;
  }
}
@keyframes drift {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    left: 0;
  }
  25% {
    -webkit-transform: translate(0px, 3px);
            transform: translate(0px, 3px);
    left: 3px;
  }
  75% {
    -webkit-transform: translate(0px, -3px);
            transform: translate(0px, -3px);
    left: -3px;
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    left: 0;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes scan {
  0% {
    -webkit-transform: translate(0px);
            transform: translate(0px);
  }
  10% {
    -webkit-transform: translate(-6px);
            transform: translate(-6px);
  }
  40% {
    -webkit-transform: translate(-6px);
            transform: translate(-6px);
  }
  60% {
    -webkit-transform: translate(6px);
            transform: translate(6px);
  }
  80% {
    -webkit-transform: translate(6px);
            transform: translate(6px);
  }
  90% {
    -webkit-transform: translate(0px);
            transform: translate(0px);
  }
}
@keyframes scan {
  0% {
    -webkit-transform: translate(0px);
            transform: translate(0px);
  }
  10% {
    -webkit-transform: translate(-6px);
            transform: translate(-6px);
  }
  40% {
    -webkit-transform: translate(-6px);
            transform: translate(-6px);
  }
  60% {
    -webkit-transform: translate(6px);
            transform: translate(6px);
  }
  80% {
    -webkit-transform: translate(6px);
            transform: translate(6px);
  }
  90% {
    -webkit-transform: translate(0px);
            transform: translate(0px);
  }
}
@-webkit-keyframes sneeking-thief {
  0% {
    left: -300px;
    bottom: 0px;
  }
  5% {
    bottom: -10px;
  }
  10% {
    bottom: 0px;
  }
  15% {
    bottom: -10px;
  }
  20% {
    bottom: 0px;
  }
  25% {
    bottom: -10px;
  }
  30% {
    bottom: 0px;
  }
  35% {
    bottom: -10px;
  }
  40% {
    bottom: 0px;
  }
  45% {
    bottom: -10px;
  }
  50% {
    left: 110%;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    bottom: 0;
  }
  50.5% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  55% {
    bottom: -10px;
  }
  60% {
    bottom: 0px;
  }
  65% {
    bottom: -10px;
  }
  70% {
    bottom: 0px;
  }
  75% {
    bottom: -10px;
  }
  80% {
    bottom: 0px;
  }
  85% {
    bottom: -10px;
  }
  90% {
    bottom: 0px;
  }
  95% {
    bottom: -10px;
  }
  99.5% {
    left: -300px;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}
@keyframes sneeking-thief {
  0% {
    left: -300px;
    bottom: 0px;
  }
  5% {
    bottom: -10px;
  }
  10% {
    bottom: 0px;
  }
  15% {
    bottom: -10px;
  }
  20% {
    bottom: 0px;
  }
  25% {
    bottom: -10px;
  }
  30% {
    bottom: 0px;
  }
  35% {
    bottom: -10px;
  }
  40% {
    bottom: 0px;
  }
  45% {
    bottom: -10px;
  }
  50% {
    left: 110%;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    bottom: 0;
  }
  50.5% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  55% {
    bottom: -10px;
  }
  60% {
    bottom: 0px;
  }
  65% {
    bottom: -10px;
  }
  70% {
    bottom: 0px;
  }
  75% {
    bottom: -10px;
  }
  80% {
    bottom: 0px;
  }
  85% {
    bottom: -10px;
  }
  90% {
    bottom: 0px;
  }
  95% {
    bottom: -10px;
  }
  99.5% {
    left: -300px;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}
.box_holder:after, .box_holder_6:after, .box_holder_4:after, .box_holder_3:after, .box_holder_2:after, #tab-content-video-nadzor .tab-content-item:after, #tab-content-ict-oprema .tab:after {
  content: "";
  display: table;
  clear: both;
}

.srt {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.list-toggle .list-toggle-item-title:before, .box-linked-products .box-item-icon:before, .box-service-overview.lined:after, .iconset-lined .box-item-icon:before, .iconset-lined-fiskal .box-item-icon-fiskal:before, #tab-content-video-nadzor .tab-content-item:before, .list-device-box-container.cleaner .list-device-box .more-details:before {
  position: absolute;
  display: block;
  content: '';
}

.svg-image svg {
  width: 100%;
  height: auto;
}

.svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  vertical-align: middle;
  overflow: hidden;
}
.svg-container .svg-content {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.box_holder, .box_holder_6, .box_holder_4, .box_holder_3, .box_holder_2 {
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.box_holder .col, .box_holder_6 .col, .box_holder_4 .col, .box_holder_3 .col, .box_holder_2 .col {
  position: relative;
  display: table-cell;
  float: left;
  padding: 1em;
  width: 100%;
}
@media screen and (min-width: 47.5em) {
  .box_holder_6 .col {
    width: 33.333333333%;
  }
}
@media screen and (min-width: 64em) {
  .box_holder_6 .col {
    width: 16.666666667%;
  }
}
@media screen and (min-width: 47.5em) {
  .box_holder_4 .col {
    width: 50%;
  }
}
@media screen and (min-width: 64em) {
  .box_holder_4 .col {
    width: 25%;
  }
}
@media screen and (min-width: 47.5em) {
  .box_holder_3 .col {
    width: 33.333333333%;
  }
}
@media screen and (min-width: 47.5em) {
  .box_holder_2 .col {
    width: 50%;
  }
}

.clear, .box-container, .box-container .box_1_4 {
  zoom: 1;
}
.clear:after, .box-container:after, .box-container .box_1_4:after, .clear:before, .box-container:before, .box-container .box_1_4:before {
  content: "";
  display: table;
}
.clear:after, .box-container:after, .box-container .box_1_4:after {
  clear: both;
}

.button-mega {
  font: normal 14px/24px 'Tele-groteskfet', Arial, sans-serif;
  height: inherit;
  padding: 20px;
  width: 100%;
  max-width: inherit;
}
@media screen and (min-width: 30em) {
  .button-mega {
    padding: 5px 30px;
    font: normal 21px/50px 'Tele-groteskfet', Arial, sans-serif;
  }
}
@media screen and (min-width: 47.5em) {
  .button-mega {
    width: auto;
  }
}

.page-header h1 {
  margin-bottom: 0.16667em;
}

.box-container {
  width: 100%;
}
.box-container .box_1_4 {
  float: left;
  width: 100%;
  padding-top: 5.6875em;
  box-sizing: border-box;
}
@media screen and (min-width: 47.5em) {
  .box-container .box_1_4 {
    padding-right: 2.5em;
    width: 50%;
  }
}
@media screen and (min-width: 47.5em) {
  .box-container .box_1_4.box-2, .box-container .box_1_4.box-4 {
    padding-right: 0;
  }
}
.box-container .box-1 {
  background: url("../img/piggy@2x.png") no-repeat;
  background-size: 62px 62px;
}
.box-container .box-2 {
  background: url("../img/lock@2x.png") no-repeat;
  background-size: 53px 62px;
}
.box-container .box-3 {
  background: url("../img/clock@2x.png") no-repeat;
  background-size: 54px 47px;
}
.box-container .box-4 {
  background: url("../img/money@2x.png") no-repeat;
  background-size: 62px 58px;
}

.section h1 {
  margin-bottom: 0.83333em;
}
.section .section-header {
  margin-bottom: 0;
}

.section-header h2, .section-header h3, .section-header h4 {
  margin-bottom: 10px;
}

.break-through-header {
  width: 100%;
  position: relative;
}

.section-cover-image.ict-landing-page {
  background: #e20074 url(../img/kv-ict-landing-page.jpg) no-repeat;
  height: 25.313em;
  background-position: 50% 50% !important;
  background-size: cover !important;
}

.box-purple:before, .box-purple:after {
  -webkit-animation: none;
          animation: none;
}

.hero .box-purple button {
  position: relative;
  z-index: 100;
}

.box-group-banners .box-banner {
  width: 33.33333333%;
}

.box-banner p {
  text-align: center;
}
.box-banner a {
  padding-top: 51.25%;
}

.box-banner-1 {
  background: url(../img/banner-io.png) no-repeat 50% 50%;
  background-size: contain;
}

.box-banner-2 {
  background: url(../img/banner-infrastruktura.png) no-repeat 50% 50%;
  background-size: contain;
}

.box-banner-3 {
  background: url(../img/banner-pa.png) no-repeat 50% 50%;
  background-size: contain;
}

.why-ict .m {
  margin-bottom: 5em;
}
.why-ict .video-image {
  margin: 0 auto 6em auto;
}

.ict-business {
  background-color: #f2f2f2;
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
}
.ict-business h1 {
  margin-bottom: 1.944444444em;
}

.packages-overview .price {
  border-top: 2px solid #e5e5e5;
  padding-top: 1.5625em;
  margin-bottom: 0.375em;
}
.packages-overview .description {
  text-transform: uppercase;
  font-family: Tele-grotesk;
}

#section-ictmarketplace .margin-2 {
  margin: 0 0 2em !important;
}
@media screen and (min-width: 30em) {
  #section-ictmarketplace .margin-2 {
    margin: 2em !important;
  }
}

.mobilno-izdavanje-karata .page-header, .mobilno-izdavanje-karata .mobile-tickets-why {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-bottom: 1px solid #959595;
}
.mobilno-izdavanje-karata .mobile-tickets-pricing h2.xl {
  margin-bottom: 0;
}
.mobilno-izdavanje-karata .lead {
  margin-bottom: 3.08333em;
}
.mobilno-izdavanje-karata .packages-overview {
  margin-bottom: 46px;
}
.mobilno-izdavanje-karata .packages-overview .key-information {
  border-top: 1px solid #e5e5e5;
  padding: 1.5em 0;
}

.floating-tickets {
  height: 86px;
  background-image: url("../img/floating-tickets.png");
  background-image: url("../img/floating-tickets.svg");
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: 170px 86px;
  -webkit-animation: animatedBackground 12s ease-out 20;
          animation: animatedBackground 12s ease-out 20;
}
@media screen and (min-width: 47.5em) {
  .floating-tickets {
    width: 100%;
    height: 173px;
    background-size: 340px 173px;
  }
}
@media screen and (min-width: 47.5em) {
  .mobilno-izdavanje-karata .floating-tickets {
    margin-top: 6.375em;
    margin-bottom: 4.625em;
  }
}

.list-ticket-service {
  list-style-type: none;
  text-align: center;
}
@media screen and (min-width: 47.5em) {
  .list-ticket-service {
    margin-bottom: 4.625em;
  }
}
.list-ticket-service li {
  padding-top: 6.25em !important;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}
.list-ticket-service .transport {
  background-image: url(../img/transport@2x.png);
  background-image: url(../img/transport.svg);
  background-size: 84px 79px;
}
.list-ticket-service .parking {
  background-image: url(../img/parking@2x.png);
  background-image: url(../img/parking.svg);
  background-size: 63px 75px;
}
.list-ticket-service .cinema {
  background-image: url(../img/cinema@2x.png);
  background-image: url(../img/cinema.svg);
  background-size: 66px 66px;
}
.list-ticket-service .theater {
  background-image: url(../img/theater@2x.png);
  background-image: url(../img/theater.svg);
  background-size: 61px 63px;
}
.list-ticket-service .concert {
  background-image: url(../img/concert@2x.png);
  background-image: url(../img/concert.svg);
  background-size: 54px 72px;
}
.list-ticket-service .gallery {
  background-image: url(../img/gallery@2x.png);
  background-image: url(../img/gallery.svg);
  background-size: 72px 64px;
}

.people-in-line {
  position: relative;
  overflow: hidden;
  height: 55px;
  margin-top: 1.5em;
  margin-bottom: 2.5em;
}
.people-in-line:before, .people-in-line:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 55px;
  margin-left: -10px;
  display: block;
  content: '';
  background-repeat: repeat-x;
  background-position: center right !important;
  background: url("../img/person.png");
  background: url("../img/person.svg");
}
.people-in-line:after {
  left: inherit;
  right: 0;
  margin-left: 0;
  margin-right: -10px;
  background-position: center left !important;
}
@media screen and (min-width: 47.5em) {
  .mobilno-izdavanje-karata .people-in-line {
    margin-top: 5.75em;
    margin-bottom: 8.875em;
  }
}
.people-in-line .person {
  position: relative;
  width: 20px;
  height: 55px;
  margin: 0 auto;
  z-index: 10;
}
.people-in-line .person .person-head {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-animation: nod 15s ease-in-out infinite;
          animation: nod 15s ease-in-out infinite;
}
.people-in-line .person .person-foot {
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-animation: up-down .35s ease-in-out infinite;
          animation: up-down .35s ease-in-out infinite;
}
.people-in-line .person:before {
  position: absolute;
  display: block;
  bottom: 120%;
  width: 100px;
  height: 30px;
  content: "*+..";
  border-radius: 15%;
  background-color: #ff307c;
  z-index: 100;
}

.mobile-tickets-details .section-header {
  background-image: url(../img/device@2x.png);
  background-size: 115px 213px;
  background-repeat: no-repeat;
  background-position: 50% 0;
  padding-top: 16.625em;
}
@media screen and (min-width: 47.5em) {
  .mobile-tickets-details .section-header {
    background-position: 50% 1em;
  }
}
.mobile-tickets-details .section-header h2 {
  margin-bottom: 0;
}
.mobile-tickets-details p.l {
  margin-bottom: 1.41667em;
}

.mobile-tickets-pros .section-header h2 {
  margin-bottom: 1.11111em;
}

.list-pros {
  list-style-type: none;
}
.list-pros li {
  padding-top: 4.375em !important;
  background-position: 50% 12px;
  background-repeat: no-repeat;
}
@media screen and (min-width: 47.5em) {
  .list-pros li {
    padding-top: 5.375em !important;
  }
}
.list-pros .app {
  background-image: url(../img/dumb-bell@2x.png);
  background-size: 96px 39px;
}
.list-pros .cloud {
  background-image: url(../img/cloud@2x.png);
  background-size: 86px 57px;
  background-position: 50% 0%;
}
.list-pros .solution {
  background-image: url(../img/cogs@2x.png);
  background-size: 56px 57px;
  background-position: 50% 2px;
}
.list-pros .validation {
  background-image: url(../img/dashboard@2x.png);
  background-size: 55px 45px;
}
.list-pros .real-time {
  background-image: url(../img/real-time@2x.png);
  background-size: 50px 46px;
}
.list-pros .interface {
  background-image: url(../img/hand@2x.png);
  background-size: 47px 57px;
  background-position: 50% 0%;
}

.mobile-tickets-pricing .section-header {
  margin-bottom: 2.5em;
}

.section-blog-post img {
  width: 100%;
  height: auto;
}
.section-blog-post .description {
  display: block;
  text-transform: uppercase;
  margin-bottom: 3.4375em;
}
@media screen and (min-width: 47.5em) {
  .section-blog-post .post-text {
    padding-left: 0;
  }
}
.section-blog-post .post-title {
  font-weight: bold;
}
.section-blog-post .post-excerpt {
  margin-bottom: 4.0625em;
}

.olive-box .break-through-header {
  background-color: #f6cb1d;
  margin-bottom: 1.875em;
}
@media screen and (min-width: 47.5em) {
  .olive-box .break-through-header {
    height: 405px;
  }
}
.olive-box .break-through-header .svg-container {
  margin: 0 auto;
}
@media screen and (min-width: 47.5em) {
  .olive-box .break-through-header .svg-container {
    width: 474px;
    height: 405px;
  }
}
.olive-box .break-through-header .svg-container svg #cloud-1 {
  position: relative;
  -webkit-animation: drift 6s ease-in-out infinite;
          animation: drift 6s ease-in-out infinite;
}
.olive-box .break-through-header .svg-container svg #cloud-2 {
  position: relative;
  -webkit-animation: drift 8s ease-in-out 1s infinite;
          animation: drift 8s ease-in-out 1s infinite;
}
.olive-box .break-through-header .svg-container svg #cloud-3 {
  position: relative;
  -webkit-animation: drift 10s ease-in-out 2s infinite;
          animation: drift 10s ease-in-out 2s infinite;
}
.olive-box .center {
  text-align: left;
}
@media screen and (min-width: 47.5em) {
  .olive-box .center {
    text-align: center;
  }
}
.olive-box .page-header {
  border-bottom: 1px solid #959595;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.olive-box .page-header .lead {
  margin: 0 auto 1.83333em auto;
}
@media screen and (min-width: 47.5em) {
  .olive-box .page-header .lead {
    width: 20.75em;
  }
}
.olive-box .olive-box-modules {
  border-bottom: 1px solid #959595;
}
.olive-box .olive-box-modules p.l {
  margin-bottom: 3.08333em;
}
.olive-box .olive-mobile-marketing {
  border-bottom: 1px solid #959595;
  padding-bottom: 17%;
  background-image: url(../img/illustrations/olivebox-airplane.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: -115px 192px;
}
@media screen and (min-width: 47.5em) {
  .olive-box .olive-mobile-marketing {
    background-position: -90px 250px;
    padding-bottom: 17.1875em;
    background-size: inherit;
  }
}
@media screen and (min-width: 64em) {
  .olive-box .olive-mobile-marketing {
    padding-bottom: 23.4375em;
  }
}
.olive-box .olive-appointment {
  border-bottom: 1px solid #959595;
}
.olive-box .olive-appointment .break-through-header.date {
  height: 116px;
  background-color: transparent;
  background-image: url(../img/illustrations/olivebox-date.png);
  /*background-image: url(../img/illustrations/olivebox-date.svg);*/
  background-repeat: no-repeat;
  background-size: 795px 116px;
  background-position: 50% 50%;
}
@media screen and (min-width: 30em) {
  .olive-box .olive-appointment .break-through-header.date {
    margin-top: 2.125em;
    height: 232px;
    background-size: 1591px 232px;
    margin-bottom: 4.625em;
  }
}
.olive-box .olive-booking {
  border-bottom: 1px solid #959595;
  padding-bottom: 18em;
  background-image: url(../img/illustrations/olivebox-cimer.png);
  background-repeat: no-repeat;
  background-size: 280px;
  background-position: 50% 100%;
}

.paid {
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 0.44444em 2.22222em 0.31481em;
  margin-bottom: 0.62963em;
  font-size: 1.75em;
  color: #fff;
  background-color: #ff307c;
  font-family: "Tele-GroteskUlt", Arial, sans-serif;
  text-transform: uppercase;
  border-radius: 2px;
  border-bottom: 5px solid #e20275;
  text-shadow: 0 5px 0 #e20275;
}
@media screen and (min-width: 30em) {
  .paid {
    margin-left: 20%;
  }
}
@media screen and (min-width: 47.5em) {
  .paid {
    font-size: 3.375em;
    margin-bottom: 2.16667em;
    margin-left: 0%;
  }
}
.paid:before {
  position: absolute;
  content: "";
  top: -13px;
  left: 48%;
  border-bottom: 13px solid #ff307c;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
}
@media screen and (min-width: 47.5em) {
  .paid:before {
    left: 50%;
  }
}

/* Cloud fax */
.cloud-fax .page-header {
  border-bottom: 1px solid #959595;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.cloud-fax .break-through-header {
  background-color: #54a8ff;
  margin-bottom: 1.875em;
}
.cloud-fax .cloudfax-animation-box{
  margin: 0 auto;
  padding-top: 60px;
  width: 242px;
}
.cloud-fax .cloudfax-animation {
    width: 240px;
    height: 241px;
    background-image: url(../img/illustrations/faxcloud-spritesheet.png);
    
    -webkit-animation: play 1.8s steps(10) infinite;
       -moz-animation: play 1.8s steps(10) infinite;
        -ms-animation: play 1.8s steps(10) infinite;
         -o-animation: play 1.8s steps(10) infinite;
            animation: play 1.8s steps(10) infinite;
}
@-webkit-keyframes play {
   from { background-position:    0px; }
     to { background-position: -2500px; }
}
@-moz-keyframes play {
   from { background-position:    0px; }
     to { background-position: -2500px; }
}
@-ms-keyframes play {
   from { background-position:    0px; }
     to { background-position: -2500px; }
}
@-o-keyframes play {
   from { background-position:    0px; }
     to { background-position: -2500px; }
}
@keyframes play {
   from { background-position:    0px; }
     to { background-position: -2500px; }
}
img.cloudfax-png {
  width: 220px;
  margin-top: 100px;
}
h2.cloud-text {
  letter-spacing: .016em;
}
.cloud-fax .page-header .lead {
  margin-bottom: 1.85em;
}
img.cloud-video-image {
  margin-bottom: 3em;
}
.cloud-fax .cloudfax-videobox{
  margin-bottom: 3em;
}
.cloud-fax .cloudfax-videobox iframe {
  width: 560px;
  height: 315px;
}
@media only screen and (max-width: 599px) {
  .cloud-fax .cloudfax-videobox iframe {
    width: 280px;
    height: 210px;
  }
}
@media screen and (min-width: 47.5em) {
  .cloud-fax .break-through-header {
    height: 405px;
  }
}
.cloud-fax .expenses {
  border-bottom: 1px solid #959595;
}
.expenses .l {
  margin-bottom: 3em;
}
@media only screen and (max-width: 599px) {
  .expenses .l {
    margin-bottom: 2em;
    text-align: left;
  }
}
.expenses .figure img {
  margin-bottom: 5em;
}
.cloud-fax .time {
  border-bottom: 1px solid #959595;
}
@media only screen and (max-width: 599px) {
  .time .l {
    text-align: left;
  }
}
.cloud-fax .time .typing-text{
  margin-top: 7em;
  margin-bottom: 7em;
}
@media only screen and (max-width: 599px) {
  .cloud-fax .time .typing-text {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  #animation-text img {
    width: 20px;
    height: 17px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  .cloud-fax .time .typing-text {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #animation-text img {
    width: 50px;
    height: 79px;
  }
}
#animation-text {
  width: 100%;
  font-size: 0;
}
#animation-text img {
  opacity: 0;
}
.cloud-fax .cloud-fax-price {
  border-top: 3px solid #fc367e;
}
.cloudfax-packages .l {
  margin-bottom: 3em;
}
.cloudfax-packages td.package-lenght {
  width: 430px;
}

/* Cloud call centar */
.cloud-call-centar .page-header {
  border-bottom: 1px solid #959595;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.cloud-call-centar .cloud-call-centar-visual-box {
  margin: 0 auto;
  width: 450px;
  margin-bottom: 30px;
}
@media screen and (max-width: 599px) {
  .cloud-call-centar .cloud-call-centar-visual-box { width:100%; }
}

.cloud-call-infographic-ill {
  margin-bottom: 60px;
}
.cloud-call-centar .advantages {
  border-bottom: 1px solid #959595;
}
/*
.cloud-call-centar .works {
  border-bottom: 1px solid #959595;
}
*/
.cloud-call-centar .works .txt-center {
  text-align: center;
  margin-bottom: 1.5em;
}
.cloud-call-centar .works .text-works {
  font-size: 18px;
}
.cloud-call-centar .packages .txt-center {
  text-align: center;
  margin-bottom: 2em;
}
.cloud-call-centar .works .cloud-call-centar-kako-radi {
  width: 155px;
}
.cloud-call-centar .packages-overview .tablica {
  border-top: 1px solid #e5e5e5;
  padding-top: 15px;
  margin-top: -14px;
}
.cloud-call-centar .packages-overview .tablica-zadnji {
  border-bottom: 1px solid #e5e5e5;
}
.cloud-call-centar .packages-overview .big-price {
  font-size: 35px;
  font-weight: 700;
}
.cloud-call-centar .packages .upit-gumb {
  padding-top: 15px;
  padding-bottom: 30px;
}
.cloud-call-centar .packages .cloud-call-plus {
  margin-top: 20px;
  margin-bottom: 20px;
}
.cloud-call-centar .packages .cloud-call-dodatne-usluge {
  margin-bottom: 3em;
}
.cloud-call-centar .packages .txt-center-big {
  text-align: center;
  margin-bottom: 3em;
}
.cloud-call-centar .advantages .list-features-tabular2 li {
  font-size: 18px;
  list-style-type: none;
}
.cloud-call-centar .advantages .list-features-tabular2 li:before {
  content: '+ ';
  float: left;
  color: #e20074;
}
.cloud-call-text-works {
  font-size: 18px;
  line-height: 1.3em;
  padding-top: 10px;
}
span.cloud-call-text {
  padding-left: 6px;
}
span.cloud-call-text-more {
  padding-left: 16px;
}
@media screen and (max-width: 500px) {
  span.cloud-call-text-more {
    padding-left: 0px;
  } 
}

/* ICT Lan/Wifi */
.ict-lan-wifi .ict-lan-wifi-visual-box {
  margin: 0 auto;
  width: 720px;
  padding-top: 3em;
  padding-bottom: 4em;
}
.ict-lan-wifi .txt-center {
  text-align: center;
  font-size: 30px;
  margin-bottom: 1.5em;
}
.ict-lan-wifi .head-bottom {
  margin-bottom: 1.2em;
}
.ict-lan-wifi .text-lan-marked {
  font-size: 14px;
  margin-top: 2em;
  margin-bottom: -3em;
}
.ict-lan-wifi .text-wifi-marked {
  font-size: 14px;
  margin-top: 5em;
  margin-bottom: -3em;
}
.ict-lan-wifi .service {
  border-bottom: 1px solid #959595;
}
.ict-lan-wifi .ict-lan-wifi-list .list-features-tabular2 li {
  font-size: 21px;
  list-style-type: none;
}
.ict-lan-wifi .ict-lan-wifi-list .list-features-tabular2 li:before {
  content: '+ ';
  float: left;
  color: #e20074;
}
.ict-lan-wifi .technical {
  border-bottom: 1px solid #737373;
}
.ict-lan-wifi .ict-lan-wifi-technical-box .technical-image {
  width: 250px;
  padding-top: 40px;
}
.ict-lan-wifi .device, .ict-lan-wifi .device .bborder {
  border-bottom: 1px solid #737373;
}
.ict-lan-wifi .ict-lan-wifi-device-box .server-image {
  width: 410px;
  margin-top: 10px;
  margin-left: 35px;
}
.ict-lan-wifi .ict-lan-wifi-device-box .cisco-image {
  width: 400px;
  margin-top: 15px;
}
span.ict-lan-wifi-text {
  padding-left: 6px;
}
span.ict-lan-wifi-more {
  padding-left: 16px;
}

/* ICT Maxi Fiskalna */
.section-cover-image.ict-maxi-fiskalna {
  background: #e20074 url(../img/maxi-fiskal-vizual.jpg) no-repeat;
  height: 555px;
  max-width: 960px;
  margin: 0 auto;
  /*background-position: 50% 50% !important;*/
  background-size: cover !important;
}
.ict-maxi-fiskalna .maxi-fiskal-txt-vizual {
  margin-top: 1.5em;
  margin-bottom: 2.5em;
  font-size: 21px !important;
  line-height: 1.2em !important;
}
@media only screen and (max-width: 599px) {
  .ict-maxi-fiskalna .maxi-fiskal-txt-vizual {
    margin-top: 0px;
    padding: 0 15px;
  }
}
.ict-maxi-fiskalna .section-cover-image:before {
  height: 0px;
}
.ict-maxi-fiskalna .section.section-gray.functional {
  border: none;
}
/*
.ict-maxi-fiskalna .section-cover-image {
  background: url(../img/illustrations/ict-maxi-fiskal.jpg) no-repeat top center;
  height: 490px;
  background-size: auto auto!important;
  background: url(../img/illustrations/ict-maxi-fiskal.jpg) 20% 20% no-repeat;
  height: 490px;
}
*/
.ict-maxi-fiskalna .ict-maxi-fiskalna-visual-box {
  margin: 0 auto;
  width: 900px;
  padding-top: 3em;
  padding-bottom: 2em;
}
@media screen and (max-width: 47.5em) {
  .ict-maxi-fiskalna .ict-maxi-fiskalna-visual-box {
    margin: 0 auto;
    width: 100%;
    padding-top: 3em;
    padding-bottom: 4em;
  }
}
.ict-maxi-fiskalna .functional .list-features-tabular2 li {
  font-size: 21px;
  list-style-type: none;
}
.ict-maxi-fiskalna .functional .list-features-tabular2 li:before {
  content: '+ ';
  float: left;
  color: #e20074;
}
span.ict-maxi-fiskalna-text {
  padding-left: 6px;
}
span.ict-maxi-fiskalna-more {
  padding-left: 16px;
}
.ict-maxi-fiskalna .ict-maxi-fiskalna-functional-visual {
  margin: 0 auto;
  width: 960px;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}
@media screen and (max-width: 47.5em) {
  .ict-maxi-fiskalna .ict-maxi-fiskalna-functional-visual {
    margin: 0 auto;
    width: 100%;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
}
.ict-maxi-fiskalna .ict-maxi-fiskalna-packages .maxi-fiskalna-price {
  border-top: 3px solid #fc367e;
}
.ict-maxi-fiskalna .ict-maxi-fiskalna-packages td.package-lenght {
  width: 430px;
}
.ict-maxi-fiskalna .ict-maxi-fiskalna-packages .one-price {
  width: 300px;
  margin: 0px auto;
  margin-bottom: 30px;
}
.ict-maxi-fiskalna .ict-maxi-fiskalna-packages .packages-overview .tablica {
  border-top: 1px solid #e5e5e5;
  padding-top: 15px;
  margin-top: -14px;
}
.ict-maxi-fiskalna .ict-maxi-fiskalna-packages .packages-overview .tablica-zadnji {
  border-bottom: 1px solid #e5e5e5;
}
.ict-maxi-fiskalna .ict-maxi-fiskalna-packages .upit-gumb {
  padding-bottom: 20px;
}
.ict-maxi-fiskalna .ict-maxi-fiskalna-packages .big-price {
  font-size: 35px;
  font-weight: 700;
  margin-top: -14px;
  text-decoration: line-through;
}
.ict-maxi-fiskalna .ict-maxi-fiskalna-packages .through {
  text-decoration: line-through;
}
.ict-maxi-fiskalna .ict-maxi-fiskalna-packages .currency {
  display: inline-block;
  font-size: 32px;
  font-family: Tele-groteskfet;
  margin: 0 0 0 5px;
  color: #e20074;
}
.ict-maxi-fiskalna .ict-maxi-fiskalna-packages .price-old {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 0 0 10px;
  font-size: 20px;
  color: #000;
  text-decoration: line-through;
}
.ict-maxi-fiskalna .functional {
  /*border-bottom: 1px solid #959595;*/
  padding-bottom: 22em;
  background-image: url(../img/illustrations/ict-maxi-fiskal-funkcionalnosti.jpg);
  background-repeat: no-repeat;
  background-size: 960px;
  background-position: 50% 100%;
}
.ict-maxi-fiskalna .override-fiskal.box-purple:after { 
  -webkit-animation: flow_box_purple_after 15s infinite; 
  -moz-animation: flow_box_purple_after 15s infinite; 
  -o-animation: flow_box_purple_after 15s infinite; 
  animation: flow_box_purple_after 15s infinite; 
}
.ict-maxi-fiskalna .override-fiskal.box-purple:before { 
  -webkit-animation: flow_box_purple_before 20s infinite; 
  -moz-animation: flow_box_purple_before 20s infinite; 
  -o-animation: flow_box_purple_before 20s infinite; 
  animation: flow_box_purple_before 20s infinite; 
}
.ict-maxi-fiskalna .fis-height {
  height: 340px;
}
.ict-maxi-fiskalna .txt-align {text-align: left; font-size: 21px !important; line-height: 24px !important;}
.ict-maxi-fiskalna .tablet-showcase{position: absolute; left: 64%!important; top: 15em; width: 15em!important; z-index: 10; }
.ict-maxi-fiskalna .tablet-showcase .ec-new{left: 0!important;  position: absolute;  top: 40%!important; max-width: 241px!important;  }
.ict-maxi-fiskalna .tablet-showcase img, .hero img{max-width: 241px!important; margin-bottom: 100px}
.ict-maxi-fiskalna .packages-overview {position:relative;}
.ict-maxi-fiskalna .offer {position:relative; cursor: pointer;}
.ict-maxi-fiskalna .offer:after, .offer:before { left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.ict-maxi-fiskalna .offer:after { border-color: rgba(226, 0, 116, 0); border-top-color: #e20074; border-width: 10px; margin-left: -10px; bottom: 6px } 
.ict-maxi-fiskalna .offer:before { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 13px; margin-left: -13px; bottom:0; }
@media screen and (max-width: 767px) {
  .ict-maxi-fiskalna .tablet-showcase  {position: relative; display: block; width: 40%; margin-top: 15px; margin-bottom: -30px; float: none; left: 15%!important;}
  .ict-maxi-fiskalna .tablet-showcase .ec-new {width: 200px; top: -25px !important;}
}
@media screen and (max-width: 960px) {
  .ict-maxi-fiskalna .tablet-img {display:none;}
}


.table-container {
  margin: 0 0 2em;
  overflow: auto;
}

.ict-table {
  border-top: none;
  width: 100%;
  empty-cells: hide;
}
.ict-table th, .ict-table td {
  border-left: 5px solid #f2f2f2;
  padding: 16px 16px !important;
  vertical-align: top;
  text-align: center;
}
.ict-table th:first-child, .ict-table td:first-child {
  border-left: 0;
}
.ict-table h3 {
  text-align: center;
  font-family: 'Tele-Grotesk', sans-serif;
  margin-bottom: 0;
}
.ict-table .highlight {
  width: 15%;
  padding: 8px 10px !important;
}
.ict-table .package-users h2, .ict-table .package-storage h2 {
  font-size: 1.3125em;
  margin-bottom: 0;
}
.ict-table .package-users h3, .ict-table .package-storage h3 {
  padding-top: 3px;
}
.ict-table .package-name h1 {
  margin-bottom: 1rem;
}
.ict-table .package-name h1 span {
  font-size: 0.66667em;
}
.ict-table .package-name h2 {
  margin-bottom: 0;
}
.section-gray .ict-table {
  background-color: white;
}
.ict-table td.empty {
  background-color: #f2f2f2;
  border-bottom-color: #f2f2f2;
}
.ict-table .section-title, .ict-table .package-name {
  border-top: 5px solid #f2f2f2;
  border-bottom: 5px solid #f2f2f2;
}
.ict-table .section-title td {
  background-color: #ff307c;
  padding: 0 !important;
}
.ict-table .section-title td a {
  display: block;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  font: normal 16px/1 Headline-ult;
  padding: 10px 20px;
  border-bottom: 1px solid #f2f2f2;
  text-align: left;
}
.ict-table .show-more a {
  display: block;
  position: relative;
}
.ict-table .show-more a:after {
  display: block;
  content: '';
  width: 13px;
  height: 7px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin: -3px 0 0;
  background: transparent url(../img/up-down-dark.png) no-repeat 0 0px !important;
}
.ict-table .show-more a.opened:after {
  background-position: 0 -7px !important;
}
.ict-table .true {
  position: relative;
  text-indent: -9999em;
  background: transparent url(../img/kvacica-magenta.png) no-repeat 50% 50%;
}
.ict-table .true.more:after {
  display: block;
  text-indent: 0;
  position: absolute;
  top: 0;
  left: 14px;
  color: #e20074;
  width: 100%;
  content: "*";
  font-weight: bold;
}
.ict-table .false {
  text-indent: -9999em;
  background: transparent url(../img/kvacica-magenta-x.png) no-repeat 50% 50%;
}

.dodatne-opcije th {
  border-bottom: 5px solid #f2f2f2;
}
.dodatne-opcije td {
  width: 50%;
  vertical-align: middle;
}
.dodatne-opcije.olive-box-bodovi td {
  width: 33%;
}
.dodatne-opcije h2 {
  margin-bottom: 0;
}
.dodatne-opcije h3 a {
  text-decoration: underline !important;
}

.contact-form .lead {
  padding: 20px;
}
@media screen and (min-width: 47.5em) {
  .contact-form .lead {
    padding-left: 0;
  }
}
.contact-form .buttons {
  padding: .625rem 1rem;
}

.body-modal ul {
  margin-left: 1em;
}
.body-modal .ict-table {
  font-size: 18px;
}
.body-modal .ict-table td, .body-modal .ict-table th {
  border-left-width: 1px;
  padding: 0 20px 10px !important;
}
.body-modal .ict-table td div, .body-modal .ict-table th div {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}
.body-modal .ict-table th h2 {
  margin-bottom: 0;
}
.body-modal .ict-table p {
  margin-bottom: 0;
}

.col-2-3 {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .col-2-3 {
    width: 66.66666666%;
  }
}

@media screen and (min-width: 64em) {
  .w50 {
    width: 50%;
    display: inline-block;
  }
}

.padding-tb,
.padding-tb-1 {
  padding: 1em 0;
}

.padding-tb-2 {
  padding: 1em 0;
}
@media screen and (min-width: 64em) {
  .padding-tb-2 {
    padding: 2em 0;
  }
}

.padding-tb-3 {
  padding: 1em 0;
}
@media screen and (min-width: 64em) {
  .padding-tb-3 {
    padding: 3em 0;
  }
}

.list-toggle .list-toggle-item-title:before, .list-device-box-container.cleaner .list-device-box .more-details:before {
  background: url(../img/icons/icon-sprites.png) no-repeat;
  /*background: transparent url(../img/icons/icon-sprites.svg) no-repeat;*/
}

.box-linked-products .box-item-icon:before {
  background: url(../img/icons/icon-products1.png) no-repeat;
  /*background: transparent url(../img/icons/icon-products.svg) no-repeat;*/
}

a.blue {
  color: #427bab;
}
a.blue:hover {
  color: #ff307c;
}

a.underline {
  text-decoration: underline !important;
}
a.underline:hover {
  text-decoration: none !important;
}

.strong-medium {
  font-family: Tele-groteskFet;
}

img.lined {
  border: solid 1px #e7e7e7;
}

@media screen and (min-width: 30em) {
  .page-header.page-header-fullw {
    padding: 0;
  }
}

.section-tabs-large .grid {
  padding-bottom: 0;
}

.tabs-large {
  display: none;
}
@media screen and (min-width: 76.5em) {
  .tabs-large {
    display: block;
    list-style-type: none;
  }
  .tabs-large .tab-item {
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.25em;
    line-height: 1;
    margin-left: -2px;
  }
  .tabs-large .tab-item:first-child {
    margin-left: 0;
  }
  .tabs-large .tab-item:first-child a {
    border-radius: 3px 0 0 0;
  }
  .tabs-large .tab-item:last-child a {
    border-radius: 0 3px 0 0;
  }
  .tabs-large .tab-item a {
    color: white;
    background: #ff307c;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
  }
  .tabs-large .tab-item a.selected {
    color: #ff307c;
    background: white;
  }
  .tabs-large.tabs-4, .tabs-large.tabs-3 {
    width: 100%;
  }
  .tabs-large.tabs-4 .tab-item, .tabs-large.tabs-3 .tab-item {
    width: 25%;
    float: left;
    margin: 0;
    border-left: solid 1px #bebebe;
  }
  .tabs-large.tabs-4 .tab-item:first-child, .tabs-large.tabs-3 .tab-item:first-child {
    border: 0;
  }
  .tabs-large.tabs-4 .tab-item a, .tabs-large.tabs-3 .tab-item a {
    padding: 1em;
  }
  .tabs-large.tabs-3 .tab-item {
    width: 33.33333%;
  }
}

.section-video-service .section-header h1 {
  margin-bottom: 1.38889em;
}

@media screen and (min-width: 76.5em) {
  .tab-item-title {
    display: none;
  }
}

.list-toggle {
  list-style-type: none;
  border-top: 1px solid #d0d0d0;
  margin-bottom: 3em;
}
.list-toggle li {
  border-bottom: 1px solid #d0d0d0;
}
.list-toggle li ol, .list-toggle li ul {
  margin-left: 1em;
}
.list-toggle li ol li, .list-toggle li ul li {
  border-bottom: 0;
}
.list-toggle .list-toggle-item-title {
  text-transform: none;
  font-family: Tele-grotesk,Arial,Helvetica,sans-serif;
  font-size: 1em;
  margin: 0;
  padding: 0.75em 0.75em 0.75em 0;
  position: relative;
}
.list-toggle .list-toggle-item-title:before {
  width: 7px;
  height: 7px;
  right: 0;
  top: 50%;
  margin-top: -4px;
}
.list-toggle .list-toggle-item-title:hover {
  cursor: pointer;
  color: #ff307c;
}
.list-toggle .list-toggle-item-title:hover:before {
  background-position: 0 -8px;
}
.list-toggle .list-toggle-item-title.active {
  font-family: Tele-GroteskFet;
}
.list-toggle .list-toggle-item-title.active:before {
  background-position: -8px 0;
}
.list-toggle .list-toggle-item-title.active:hover:before {
  background-position: -8px -8px;
}
.list-toggle .list-toggle-item-content {
  margin-bottom: 1.25em;
}

.box-linked-products .box-item, .box-linked-products .box-item > a {
  text-decoration: none;
}
.box-linked-products .box-item:hover .linkmore, .box-linked-products .box-item > a:hover .linkmore {
  text-decoration: none;
}
.box-linked-products .linkmore {
  text-decoration: underline;
}
.box-linked-products .box-item-icon {
  padding-top: 125px;
  position: relative;
}
.box-linked-products .box-item-icon:before {
  width: 100px;
  height: 100px;
  top: 0;
  left: 0;
}
.box-linked-products #product-fiskalizacija:before {
  background-position: -100px 0;
  /*
  background-image: url(../img/icons/maxi-fiskal-ikona2.png);
  background-position: -2px 29px;
  background-size: 80px 80px;
  */
}
.box-linked-products #product-office-365:before {
  background-position: 0 0;
  /*
  background-image: url(../img/icons/maxi-fiskal-ikona1.png);
  background-position: -20px 23px;
  background-size: 80px 80px;
  */
}
.box-linked-products #product-cloud-nadzor-vozila:before {
  background-position: -200px 0;
}
.box-linked-products #product-cloud-call-centar:before {
  background-position: -300px 0;
}
.box-linked-products #product-cloud-storage:before {
  background-position: -400px 0;
}
.box-linked-products #product-google-ads:before {
  background-position: -500px 0;
  /*
  background-image: url(../img/icons/maxi-fiskal-ikona3.png);
  background-position: -7px 26px;
  background-size: 80px 80px;
  */
}
.box-linked-products #product-cloud-hr:before {
  background-position: -600px 0;
}
.box-linked-products #product-cloud-fax:before {
  background-position: -700px 0;
}
.box-linked-products #product-cloud-zastita-mreze:before {
  background-position: -800px 0;
}
.box-linked-products #product-cloud-server:before {
  background-position: -900px 0;
}
.box-linked-products #blagajnicke-aplikacije:before {
  background-position: -1009px 0;
}
.box-linked-products #mini-fiskal:before {
  background-position: -1125px 0;
}

.box-service-overview.lined {
  position: relative;
}
.box-service-overview.lined:after {
  width: calc(100% - 2px);
  height: 100%;
  top: 0;
  left: 0;
  border-left: solid 1px #e7e7e7;
  border-right: solid 1px #e7e7e7;
  border-bottom: solid 1px #e7e7e7;
}

.list-features-simple li {
  text-align: center;
  padding-left: 0;
}
.list-features-simple li:before {
  display: none;
}

@media screen and (min-width: 47.5em) {
  .box-group-narrow {
    width: 60%;
    margin: 0 auto;
  }
  .box-group-narrow .box-item:nth-child(n) {
    margin-left: 1% !important;
  }
}
.box-group-narrow .product-name {
  text-align: center;
}

.custom-box {
  margin: 0;
}
@media screen and (min-width: 47.5em) {
  .custom-box {
    margin: 0 20%;
  }
}
.custom-box .box-item {
  width: 100% !important;
}
@media screen and (min-width: 64em) {
  .custom-box .box-item {
    width: 31.3333% !important;
  }
}

#video-nadzor-header.page-header {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#video-nadzor-header .break-through-header {
  background: #000 url(../img/illustrations/video-nadzor-truck.png) repeat-x bottom center;
  height: 310px;
  overflow: hidden;
  z-index: 200;
}
#video-nadzor-header .break-through-header .thief {
  position: absolute;
  bottom: 0;
  left: -250px;
  width: 152px;
  height: 155px;
  background-repeat: no-repat;
  background-position: top left;
  background-image: url(../img/illustrations/video-nadzor-thief.png);
  /*background-image: url(../img/illustrations/video-nadzor-thief.svg);*/
  -webkit-animation: sneeking-thief 12s linear infinite;
          animation: sneeking-thief 12s linear infinite;
}
#video-nadzor-header .break-through-header .camera {
  background-repeat: no-repat;
  background-position: top left;
  background-image: url(../img/icons/icon-camera.png);
  /*background-image: url(../img/icons/icon-camera.svg);*/
  width: 53px;
  height: 43px;
  margin: 0 auto;
}
#video-nadzor-header #indicator {
  -webkit-animation: blink 2s ease-in-out infinite;
          animation: blink 2s ease-in-out infinite;
}
#video-nadzor-header #camera-eye {
  -webkit-animation: scan 8s ease-out infinite;
          animation: scan 8s ease-out infinite;
}
#video-nadzor-header #person {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation: sneek-around 8s linear infinite;
          animation: sneek-around 8s linear infinite;
}
#video-nadzor-header .svg-image svg {
  margin: 1em auto;
}

@media screen and (min-width: 64em) {
  #video-nadzor-overview .illustration-huge {
    background: url(../img/illustrations/pad-kriminala.png);
    width: 100%;
    height: 157px;
  }
}
#video-nadzor-overview .illustration-copy {
  display: none;
}
@media screen and (min-width: 64em) {
  #video-nadzor-overview .illustration-copy {
    display: inline-block;
    color: #e20074;
  }
}
#video-nadzor-overview .section-story ol {
  padding-left: 0;
}

.iconset-lined .box-item-icon {
  position: relative;
}
.iconset-lined .box-item-icon:before {
  width: 50px;
  height: 50px;
  left: 0;
  top: 0;
  background: url(../img/icons/icon-lined1.png) no-repeat;
  /*background: transparent url(../img/icons/icon-lined1.svg) no-repeat;*/
}
.iconset-lined-fiskal .box-item-icon-fiskal {
  position: relative;
}
.box-item-icon-fiskal { padding-top: 70px; margin-bottom: 10px !important; max-width: 450px; background: url(i/icons/default-icon.png) no-repeat 0 20px; background-size: 35px 35px; }
.iconset-lined-fiskal .box-item-icon-fiskal:before {
  width: 50px;
  height: 50px;
  left: 0;
  top: 10px;
  background: url(../img/icons/icon-maxi-fiskal.png) no-repeat;
  /*background: transparent url(../img/icons/icon-maxi-fiskal.svg) no-repeat;*/
}
.iconset-lined .icon-couch:before {
  background-position: 0 0;
}
.iconset-lined .icon-starr:before {
  background-position: -50px 0;
}
.iconset-lined .icon-people-az:before {
  background-position: -100px 0;
}
.iconset-lined .icon-control-board:before {
  background-position: -150px 0;
}
.iconset-lined .icon-megaphone:before {
  background-position: -200px 0;
}
.iconset-lined .icon-hd:before {
  background-position: -250px 0;
}
.iconset-lined .icon-fingerprint:before {
  background-position: -300px 0;
}
.iconset-lined .icon-speed:before {
  background-position: -350px 0;
}
.iconset-lined .icon-gears:before {
  background-position: -400px 0;
}
.iconset-lined .icon-search:before {
  background-position: 0px -50px;
}
.iconset-lined .icon-cloud:before {
  background-position: -50px -50px;
}
.iconset-lined .icon-piggy:before {
  background-position: -100px -50px;
}
.iconset-lined .icon-savebulb:before {
  background-position: -150px -50px;
}
.iconset-lined .icon-coins:before {
  background-position: -200px -50px;
}
.iconset-lined .icon-law:before {
  background-position: -250px -50px;
}
.iconset-lined .icon-lock:before {
  background-position: -352px -51px;
}
.iconset-lined .icon-headset:before {
  background-position: -298px -50px;
}
/* Ikone maxi fiskal */
.iconset-lined-fiskal .icon-tools:before {
  background-position: 0px 0px;
}
.iconset-lined-fiskal .icon-refresh:before {
  background-position: -49px 0px;
}
.iconset-lined-fiskal .icon-head:before {
  background-position: -99px 0px;
}
.iconset-lined-fiskal .icon-board:before {
  background-position: -150px 0px;
}
.iconset-lined-fiskal .icon-allstar:before {
  background-position: -202px 0px;
}
.iconset-lined-fiskal .icon-stow:before {
  background-position: -255px 0px;
}
.iconset-lined-fiskal .icon-wheals:before {
  background-position: -308px 0px;
}

.button {
  z-index: 300;
}

@media screen and (min-width: 76.5em) {
  #tab-content-video-nadzor .tab-icon-txt {
    min-height: 320px;
  }
}
#tab-content-video-nadzor .tab-txt {
  margin-bottom: 1em;
}
@media screen and (min-width: 76.5em) {
  #tab-content-video-nadzor .tab-txt {
    width: 50%;
    float: right;
    margin-bottom: 6em;
  }
}
#tab-content-video-nadzor .tab-content-item {
  padding: 2em 0;
  position: relative;
  padding-top: 100px;
}
@media screen and (min-width: 76.5em) {
  #tab-content-video-nadzor .tab-content-item {
    padding: 0;
    margin: 4em 0 1em 0;
  }
}
#tab-content-video-nadzor .tab:before {
  width: 105px;
  height: 80px;
  left: 0px;
  top: 5px;
  background: url(../img/icons/video-nadzor-ideal.png) no-repeat;
  /*background: transparent url(../img/icons/video-nadzor-ideal.svg) no-repeat;*/
  background-size: auto 100%;
}
@media screen and (min-width: 76.5em) {
  #tab-content-video-nadzor .tab:before {
    width: 284px;
    height: 190px;
    left: 70px;
    background-size: auto;
  }
}
#tab-content-video-nadzor #tab-video-vozila:before {
  width: 145px;
  height: 80px;
  background-position: -109px 0;
}
@media screen and (min-width: 76.5em) {
  #tab-content-video-nadzor #tab-video-vozila:before {
    width: 395px;
    height: 200px;
    left: 0;
    background-position: -300px 0;
  }
}
#tab-content-video-nadzor #tab-video-skladista-logistika:before {
  width: 80px;
  height: 100px;
  background-position: -318px 0;
}
@media screen and (min-width: 76.5em) {
  #tab-content-video-nadzor #tab-video-skladista-logistika:before {
    width: 160px;
    height: 220px;
    left: 140px;
    background-position: -700px 0;
  }
}

#video-nadzor-photo-bkg {
  min-height: 200px;
  color: white;
  background: url(../img/content/njivice-bkg.jpg) no-repeat;
  background-size: cover;
}
@media screen and (min-width: 76.5em) {
  #video-nadzor-photo-bkg {
    min-height: 555px;
    padding: 5em;
  }
}

.algoritmi-infografika {
  margin-bottom: 0;
}
.algoritmi-infografika .figure {
  margin-bottom: 0;
}
.algoritmi-infografika .figure img {
  margin-bottom: -5px;
}

#upravljanje-dokumentima-header .illustration-huge {
  background: url(../img/illustrations/upravljanje-dokumentima.jpg) no-repeat;
  background-size: cover;
  height: 200px;
}
@media screen and (min-width: 64em) {
  #upravljanje-dokumentima-header .illustration-huge {
    height: 400px;
  }
}
#upravljanje-dokumentima-header.page-header + .section-white .grid {
  border-top: 0;
}
#upravljanje-dokumentima-header.page-header + .section-white .grid:before {
  display: none;
}

@media screen and (min-width: 64em) {
  #upravljanje-dokumentima-overview h1 {
    margin-bottom: 2em;
  }
}

.mobile-hide {
  display: none;
}
@media screen and (min-width: 47.5em) {
  .mobile-hide {
    display: block;
  }
}

.hero h2 {
  position: relative;
  z-index: 999;
}

.box-group-banners.box-3-banners .box-banner {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .box-group-banners.box-3-banners .box-banner {
    width: 33.3333%;
  }
}

.list-device-box-container.cleaner .list-device-box {
  height: 24em;
  background: none;
  padding: 1.4em;
}
.list-device-box-container.cleaner .list-device-box h2 {
  font-size: 1.25em;
  font-family: Tele-groteskFet;
  margin-bottom: 0.5em;
  height: auto;
}
.list-device-box-container.cleaner .list-device-box .more-details {
  font-size: 1.125em;
  padding-left: 24px;
  position: relative;
}
.list-device-box-container.cleaner .list-device-box .more-details:before {
  width: 16px;
  height: 15px;
  left: 0;
  top: 2px;
  background-position: 0 -16px;
}
.list-device-box-container.cleaner .list-device-box .product-image {
  width: 100%;
  height: 150px;
  max-height: 150px;
  display: block;
  text-align: center;
  margin: 1em 0;
}
.list-device-box-container.cleaner .list-device-box .product-image img {
  display: inline-block;
  max-height: 130px;
}
.list-device-box-container.cleaner .list-device-box .price {
  position: absolute;
  bottom: 100px;
  left: 22px;
  margin: 0;
  font-size: 2.75em;
  font-family: Tele-groteskFet;
  color: #e20275;
}
.list-device-box-container.cleaner .list-device-box .price .currency {
  margin: 0;
  font-size: 0.5em;
}
.list-device-box-container.cleaner .list-device-box .price-old {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 0 0 10px;
  font-size: 0.5em;
  color: #000;
  text-decoration: line-through;
}
.list-device-box-container.cleaner .list-device-box .list-device-bottom {
  padding: 1.4em;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #e7e7e7;
}
.list-device-box-container.cleaner .list-device-box .list-device-bottom .button {
  margin: 0;
  float: left;
}
.list-device-box-container.cleaner .list-device-box .list-device-bottom .compare-box {
  display: none;
}
@media screen and (min-width: 47.5em) {
  .list-device-box-container.cleaner .list-device-box .list-device-bottom .compare-box {
    display: block;
    margin: 0.3em 0 0 0;
    float: right;
  }
  .list-device-box-container.cleaner .list-device-box .list-device-bottom .compare-box label {
    padding-right: 10px;
  }
}
.list-device-box-container.cleaner .list-device-box .checker {
  margin: 0;
  top: 4px;
}
.list-device-box-container.cleaner .list-device-box:hover {
  border-color: #ff307c;
}
.list-device-box-container.cleaner .list-device-box:hover .more-details {
  color: #ff307c;
}
.list-device-box-container.cleaner .list-device-box:hover .more-details:before {
  background-position: -18px -16px;
}

.carousel-simple {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.carousel-simple li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.carousel-simple li:first-child {
  position: relative;
  display: block;
  float: left;
}

.carousel-simple-holder {
  position: relative;
}
.carousel-simple-holder .rslides_tabs {
  width: 100%;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 60px;
  text-align: center;
  z-index: 999;
}
.carousel-simple-holder .rslides_tabs li {
  display: inline-block;
  margin: 0;
  width: 30px;
  height: 30px;
  text-align: center;
}
.carousel-simple-holder .rslides_tabs a {
  display: inline-block;
  text-indent: -9999px;
  width: 17px;
  height: 17px;
  border-radius: 17px;
  border: 2px solid white;
  transition: all 0.1s ease-in-out;
  vertical-align: middle;
}
.carousel-simple-holder .rslides_tabs a:hover {
  width: 22px;
  height: 22px;
  border-radius: 22px;
}
.carousel-simple-holder .rslides_tabs .rslides_here a {
  background: white;
}

.carousel-simple-item-content {
  padding: 0 1em;
}
@media screen and (min-width: 64em) {
  .carousel-simple-item-content {
    padding: 0;
  }
}
.carousel-simple-item-content h2, .carousel-simple-item-content h3, .carousel-simple-item-content p {
  color: white;
}
@media screen and (min-width: 64em) {
  .carousel-simple-item-content h2, .carousel-simple-item-content h3, .carousel-simple-item-content p {
    width: 50%;
  }
}

#carousel-simple-klijenti li {
  min-height: 500px;
}
#carousel-simple-klijenti .item-01 {
  background: url(../img/content/slider_img_01.jpg) no-repeat;
  background-size: cover;
}
#carousel-simple-klijenti .item-02 {
  background: url(../img/content/slider_img_02.jpg) no-repeat;
  background-size: cover;
}
#carousel-simple-klijenti .item-03 {
  background: url(../img/content/slider_img_03.jpg) no-repeat;
  background-size: cover;
}
#carousel-simple-klijenti .carousel-simple-item-content {
  margin-top: 60px;
}
#carousel-simple-klijenti p {
  margin-bottom: 1em;
}
#carousel-simple-klijenti h2 {
  margin-bottom: 2em;
}
#carousel-simple-klijenti h3 {
  text-transform: none;
  font-size: 1.5em;
  margin-bottom: 1em;
}
#carousel-simple-klijenti .button {
  margin-top: 2em;
}

.section-cover-image.informaticka-oprema-page {
  height: 25.313em;
  background: #53b7e8;
}

#section-ponuda-ict-opreme .section-header h1 {
  margin-bottom: 0.2em;
}
#section-ponuda-ict-opreme .section-header p {
  margin-bottom: 2em;
}

#section-ict-support-contact h2 {
  padding: 1em 0;
}
#section-ict-support-contact .button-mega {
  margin: 1em 0;
}

#tab-content-ict-oprema .header-text {
  width: 60%;
  text-align: center;
  margin: 0 auto 2em auto;
}
#tab-content-ict-oprema h3 {
  margin: 3em 0 2em 0;
}
#tab-content-ict-oprema .title-notabs {
  margin: 2em 0 1em 0;
  text-align: center;
}
@media screen and (min-width: 76.5em) {
  #tab-content-ict-oprema .title-notabs {
    display: none;
  }
}

.carousel-container.simple-slider {
  position: relative;
}

.section-references h2 {
  margin-top: 2em;
  text-align: center;
}

.logo-references {
  margin: 3em 0;
  padding-bottom: 2em;
  text-align: center;
}

.ht-swiper-item img {
  display: inline-block;
}
@media screen and (min-width: 64em) {
  .ht-swiper-item {
    margin: 0 1em;
    display: inline-block;
  }
}




/* GENERAL */
ul.ict-plus li { padding-left:15px; background:url(../img/icons/ict-plus.png) no-repeat 0 9px; background-size: 9px; }
.ict-mreza ul.ict-plus li { padding-left:15px; background:url(../img/icons/ict-plus.png) no-repeat 0 6px; }
ul.ict-plus li:before { content:''!important; }
@media only screen and (max-width: 700px) {
  .ict-lan-wifi .ict-lan-wifi-visual-box { width:100%!important; padding:0!important; }
  ul.ict-plus li { line-height:120%; }
  .ict-lan-wifi .device, .ict-lan-wifi .device .bborder { border:none!important; }
  .cloud-call-centar ul.ict-plus li { line-height: 140%; }
  .ict-mreza .mrezaList ul.ict-plus li { line-height: 150%; }
}
.absoluteLinks { position:absolute; top:35px; left:0; width:100px; height:70px; }
.forcedScroll::-webkit-scrollbar { -webkit-appearance: none; width: 20px; height: 20px; }
.forcedScroll::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; border: 5px solid #f2f2f2; background: #e20074; }
.forcedScroll::-webkit-scrollbar-track { background: #f2f2f2; }
.forcedScroll .ict-table { margin-bottom:0; }
.discBulletList li { list-style-type: disc; margin-left: 20px; }


/* CLOUD WIFI */
.cloudWifi { text-align: center; }
.ict-cloud-wifi-header img { width:50%; }
.ict-cloud-wifi-lead { width:50%; margin:0 auto; }
.ICTSmallPrint { font-size: 12px; display:inline-block; }
.list-features-tabular2.ICTPinkPlus li { list-style-type: none; font-size: 21px; line-height: 135%; }
.list-features-tabular2.ICTPinkPlus li:before { content: '+ '; color: #e20074; }
.ict-cloud-wifi-darkGray { background: #9d9d9d; color:#fff; }
.ict-full-image-holder { position:relative; width:100%; }
.ict-full-image-src { min-height: 500px; display:block; }
.ict-full-image-src.responsiveBox1 { min-height: 600px; }
.ict-full-image-box { position:absolute; top:0; left:0; z-index: 2; color:#fff; width:100%; }
.ict-full-image-box p { margin-bottom:25px; }
.ict-full-image-box .box-item { margin-left:0; width:45%; }
.ict-full-image-box .boxTopImg { width:30px; margin:50px 0 25px; }
.fullGrid { width:960px; margin:0 auto; }
.ict-full-image-box br { display: block; }
.filtriranjeImg { width:350px!important; position: absolute; bottom:-500px; right:0; }
.filtriranjeImg1 { width:350px!important; position: absolute; bottom:-500px; right:0; }
@media only screen and (max-width: 1000px) {
  .fullGrid { width:95%; }
  .ict-full-image-box { padding:0 15px; }
  .ict-cloud-wifi-header img { width:90%; margin: 0 0 0 5%; }
  .ict-cloud-wifi-lead { width:100%; margin-bottom: 20px; }
  .ict-cloud-wifi-responsive .box-item { margin-top: 20px; }
  .ict-full-image-src.responsiveBox1 { min-height:700px; }
  .responsiveBox2 { min-height:550px; }
  .responsiveBox3 { min-height:340px; }
  .responsiveBox4 { min-height:570px; }
  .filtriranjeImg { bottom:-550px; }
  .filtriranjeImg1 { bottom:-570px; }
}
.ict-full-image-src.responsiveBox4 { height: 500px; width: 100%; }
@media only screen and (min-width: 600px) {
  .ict-cloud-wifi .ict-full-image-holder, .ict-cloud-wifi .box-item.l p, .discBulletList li { font-size: 17px!important; }
}
@media only screen and (max-width: 599px) {
  .ict-cloud-wifi .ict-full-image-holder, .ict-cloud-wifi .box-item.l p, .discBulletList li { font-size: 16px!important; }
}
.ict-full-image-box p, .discBulletList li { line-height: 130%!important; }


/* ICT MREZA */
.grid.topImgPadding { padding:70px 10% 0; }
.ict-mreza1 { clear:none!important; width:16%!important; margin:0 1.5% 0 0!important; }
.ict-mreza .grid { border:0!important; }
.ict-mreza .grid:before { height:0!important; }
@media only screen and (max-width: 599px) {
  .ict-mreza1 { clear:both!important; width:80%!important; margin:0!important; }
}
@media only screen and (max-width: 500px) {
  .nonMobileOnly { display:none; }
  .grid.topImgPadding { padding:20px 10% 0; }
}
.mrezaList ul.ict-plus li { padding-top:0!important; text-align: left; list-style-type: none; padding-left: 15px!important; line-height: 140%; }
.pinkH3 { color:#e20074; }
.list-pros .savjetovanje { background-image: url(../img/icons/ict-mreza-savjetovanje.png); background-size: 54px 36px; background-position: 50% 5%; }
.list-pros .izgradnja { background-image: url(../img/icons/ict-mreza-izgradnja.png); background-size: 62px 54px; background-position: 50% 0%; }
.list-pros .odrzavanje { background-image: url(../img/icons/ict-mreza-odrzavanje.png); background-size: 60px 60px; background-position: 50% 0%; }
.section.gray { background:#b7b7b7; }