@keyframes slidy {
0% { left: 0%; }
23% { left: 0%; }
25% { left: -100%; }
48% { left: -100%; }
50% { left: -200%; }
73% { left: -200%; }
75% { left: -300%; }
98% { left: -300%; }
100% { left: -400%; }
}

div#slajder {
  overflow: hidden;
  display: block;
  position: absolute;
  max-width: 300px;
  max-height: 300px;
  width: 96%;
  right: 4%;
  bottom: 2%;
  opacity: .3;
}

div#slajder figure img { width: 20%; float: left; }
div#slajder figure {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 32s slidy infinite;
}

.partneri-omot {
  background-color: #eee;
  padding: 2em 0 5em;
  width: 100%;
  overflow: auto;
}

.partner ul {
  width: 100%;
  list-style: none;
}

.partner li {
  height: auto;
  margin: 30px auto;
  max-width: 400px;
  width: 90%;
}

.partner-it:hover {
  box-shadow: 0 2px 10px #999;
}

.partner {
  width: 100%;
}

.partner p {
  font-size: 0.875em;
  padding: 1em 0 1em;
  text-align: left;
}

.partneri-omot h1 {margin: 1em 3% .5em;}

.partner-it {
  background-color: white;
  width: 100%;
  padding: 10px 10px 20px;
  transition: box-shadow .1s;
}

.partner-it img {
  width: 100%;
  margin: 0 0 1em;
}

.partner-it a {font-size: .8125em; color: #07d;}

.usluge {
  background-color: #fff;
  height: auto;
  padding: 3.5em 0;
  overflow: hidden;
}

.usluga {
  float: left;
  overflow: auto;
  width: 91%;
  margin: 0 4.16%;
}

.usluga img {width: 64px; height: 64px;}

.usluga p {color: #444; Font-size: 1em; line-height: 22px;}

.usluga p, .usluga h2 {margin: 25px auto; text-align: center;}
.usluga h2 {font-size: 125%}
.usluga .crta {
  display: block;
  margin: 10px auto 20px;
  width: 20%;
  border-top: 3px solid #feb925;
}

.roto-omot{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 387px;
  /*max-height: 387px;
  min-height: 270px;*/
}
.roto-bg{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, #093780, #084d95, #056eb3, #038fd2, #02a6e7);
}

#roto-bg{ width: 100%;}

#roto-txt h1 {
  font-size: 1.5em;
  font-weight: 300;
  letter-spacing: .6px;
  line-height: 1.2;
}

#roto-txt h2 {
  font-size: 1em;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.2;
}

#roto-txt {
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 3% 5%;
  background: linear-gradient(to right, rgba(0,0,0, .4), rgba(255,255,255, 0));
}

#roto-txt ul {margin: 4% 3%; list-style: none;}
#roto-txt li {line-height: 1.5;}


#roto-btn {
  display: block;
  font-family: "Open sans", "Segoe UI";
  border: 1px solid #fff;
  color: #fff;
  width: 9em;
  padding: 5px 0;
  text-align: center;
  margin: 20px 1% 0;
}

#roto-btn:hover {color: #eee}


@media only screen and (min-width: 767.9px) {
  .partner li {float: left; width: 28%; margin: 30px 2%;}

  .usluga {
    float: left;
    overflow: auto;
    width: 25%;
    margin: 0 4.16%;
  }

  .usluge {padding: 100px 0;}
}

@media only screen and (min-width: 499.9px) {

  div#slajder {opacity: 1; }

  #roto-txt {width: 100%;}
}