.storitve-banner {
  width: 100%;
  height: 700px;
  position: relative;
  background: transparent;
  background-image: url("/Content/images/landing/banner1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  @media screen and (max-device-width: 450px) and (max-device-height: 850px) {
    .storitve-banner {
      height: 450px; } }

.storitve-menu {
  background-color: white;
  background-image: url(/Content/images/bgtext/ITstoritve.png);
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
  padding: 150px 0 100px 0; }
  .storitve-menu .storitve {
    font-size: 0;
    margin: 0 auto;
    max-width: 1200px; }
    .storitve-menu .storitve .storitevContainer {
      display: inline-block;
      width: 33.33%;
      vertical-align: top;
      text-align: center;
      position: relative;
      /*height: 240px;*/
      height: 340px;
      opacity: 0.7;
      transition: 0.3s; }
      .storitve-menu .storitve .storitevContainer .storitev {
        /*position: absolute;*/
        z-index: 10;
        /*top: 0;*/
        /*left: 0;*/
        width: 100%;
        height: 100%;
        background: white;
        padding: 75px 0;
        transition: 0.3s; }
        .storitve-menu .storitve .storitevContainer .storitev .slika {
          display: block;
          width: 100px;
          height: 100px;
          margin: 0 auto;
          transition: 0.3s; }
          .storitve-menu .storitve .storitevContainer .storitev .slika img {
            width: 100%;
            height: 100%;
            transition: 0.3s; }
        .storitve-menu .storitve .storitevContainer .storitev .naslov {
          display: block;
          font-size: 16px;
          text-transform: uppercase;
          margin: 0 auto;
          color: #094879;
          font-weight: 700;
          padding: 10px 0 0 0; }
        .storitve-menu .storitve .storitevContainer .storitev a, .storitve-menu .storitve .storitevContainer .storitev a:hover, .storitve-menu .storitve .storitevContainer .storitev a:active, .storitve-menu .storitve .storitevContainer .storitev a:visited {
          text-decoration: none;
          color: white; }
        .storitve-menu .storitve .storitevContainer .storitev .storitev-gumb {
          display: inline-block;
          font-size: 12px;
          text-transform: uppercase;
          margin: 0 auto;
          background: #094879;
          padding: 10px 20px;
          font-weight: 700;
          width: auto;
          color: white;
          border-radius: 4px;
          box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
          background: linear-gradient(to right, white 50%, #094879 50%);
          background-size: 200% 100%;
          background-position: right bottom;
          transition: all .5s ease-out; }
          .storitve-menu .storitve .storitevContainer .storitev .storitev-gumb:hover {
            color: #094879;
            background-position: left bottom; }
      .storitve-menu .storitve .storitevContainer.selected {
        opacity: 1; }
  @media screen and (max-device-width: 450px) and (max-device-height: 850px), screen and (max-width: 800px) {
    .storitve-menu {
      padding: 50px 0px; }
      .storitve-menu .storitve {
        max-width: initial; }
        .storitve-menu .storitve .storitevContainer {
          display: block;
          width: 100%;
          height: 320px; }
          .storitve-menu .storitve .storitevContainer .storitev {
            position: relative;
            padding: 35px 0px 75px 0px;
            border-bottom: 3px solid #E4E4E4; }
            .storitve-menu .storitve .storitevContainer .storitev .opis-storitve {
              display: block; }
            .storitve-menu .storitve .storitevContainer .storitev .gumb {
              display: inline-block; }
          .storitve-menu .storitve .storitevContainer:hover .storitev {
            padding: 30px 0 40px 0;
            top: 0px;
            height: 320px; }
          .storitve-menu .storitve .storitevContainer:last-child .storitev {
            border-bottom: none; } }

.storitve-vsebina {
  display: none;
  height: 0;
  background: #EFF2F7; }