@charset "UTF-8";
/*!
Theme Name: ECE
Theme URI: http://ece.si
Author: Janko Tomšič
Author URI: http://agencija101.si
Description: WP tema za spletno stran ece.si
Version: 1.0.0
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Colors
# Global CSS
# Bootstrap override
# Navigation
## Content navigation
# Content
# Banners
# Footer
--------------------------------------------------------------*/
@font-face {
  font-family: 'Klavika';
  src: url("fonts/klavika-bold-webfont.eot");
  src: url("fonts/klavika-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/klavika-bold-webfont.woff2") format("woff2"), url("fonts/klavika-bold-webfont.woff") format("woff"), url("fonts/klavika-bold-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Klavika';
  src: url("fonts/klavika-bolditalic-webfont.eot");
  src: url("fonts/klavika-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/klavika-bolditalic-webfont.woff2") format("woff2"), url("fonts/klavika-bolditalic-webfont.woff") format("woff"), url("fonts/klavika-bolditalic-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }
@font-face {
  font-family: 'Klavika';
  src: url("fonts/klavika-light-webfont.eot");
  src: url("fonts/klavika-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/klavika-light-webfont.woff2") format("woff2"), url("fonts/klavika-light-webfont.woff") format("woff"), url("fonts/klavika-light-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Klavika';
  src: url("fonts/klavika-lightitalic-webfont.eot");
  src: url("fonts/klavika-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/klavika-lightitalic-webfont.woff2") format("woff2"), url("fonts/klavika-lightitalic-webfont.woff") format("woff"), url("fonts/klavika-lightitalic-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Klavika';
  src: url("fonts/klavika-medium-webfont.eot");
  src: url("fonts/klavika-medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/klavika-medium-webfont.woff2") format("woff2"), url("fonts/klavika-medium-webfont.woff") format("woff"), url("fonts/klavika-medium-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Klavika';
  src: url("fonts/klavika-mediumitalic-webfont.eot");
  src: url("fonts/klavika-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/klavika-mediumitalic-webfont.woff2") format("woff2"), url("fonts/klavika-mediumitalic-webfont.woff") format("woff"), url("fonts/klavika-mediumitalic-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }
@font-face {
  font-family: 'Klavika';
  src: url("fonts/klavika-regular-webfont.eot");
  src: url("fonts/klavika-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/klavika-regular-webfont.woff2") format("woff2"), url("fonts/klavika-regular-webfont.woff") format("woff"), url("fonts/klavika-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Klavika';
  src: url("fonts/klavika-regularitalic-webfont.eot");
  src: url("fonts/klavika-regularitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/klavika-regularitalic-webfont.woff2") format("woff2"), url("fonts/klavika-regularitalic-webfont.woff") format("woff"), url("fonts/klavika-regularitalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'icomoon';
  src:url('/wp-content/themes/ece/fonts/icomoon.eot?6mvouh');
  src:url('/wp-content/themes/ece/fonts/icomoon.eot?#iefix6mvouh') format('embedded-opentype'),
    url('/wp-content/themes/ece/fonts/icomoon.ttf?6mvouh') format('truetype'),
    url('/wp-content/themes/ece/fonts/icomoon.woff?6mvouh') format('woff'),
    url('/wp-content/themes/ece/fonts/icomoon.svg?6mvouh#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color:#005aa0;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-1:before {
  content: "\e600";
}
.icon-2:before {
  content: "\e601";
}
.icon-3:before {
  content: "\e602";
}
.icon-4:before {
  content: "\e603";
}
.icon-5:before {
  content: "\e604";
}
.icon-7:before {
  content: "\e605";
}
.icon-8 .path1:before {
  content: "\e606";
  color: rgb(255, 255, 255);
}
.icon-8 .path2:before {
  content: "\e607";
  margin-left: -1.5439453125em;
  color: rgb(0, 90, 160);
}
.icon-8 .path3:before {
  content: "\e608";
  margin-left: -1.5439453125em;
  color: rgb(255, 255, 255);
}
.icon-8 .path4:before {
  content: "\e609";
  margin-left: -1.5439453125em;
  color: rgb(0, 90, 160);
}
.icon-8 .path5:before {
  content: "\e60a";
  margin-left: -1.5439453125em;
  color: rgb(0, 90, 160);
}
.icon-8 .path6:before {
  content: "\e60b";
  margin-left: -1.5439453125em;
  color: rgb(0, 90, 160);
}
.icon-9:before {
  content: "\e60c";
}
.icon-10:before {
  content: "\e60d";
}
.icon-11 .path1:before {
  content: "\e60e";
  color: rgb(0, 90, 160);
}
.icon-11 .path2:before {
  content: "\e60f";
  margin-left: -0.5048828125em;
  color: rgb(0, 90, 160);
}
.icon-11 .path3:before {
  content: "\e610";
  margin-left: -0.5048828125em;
  color: rgb(255, 255, 255);
}
.icon-11 .path4:before {
  content: "\e611";
  margin-left: -0.5048828125em;
  color: rgb(0, 90, 160);
}
.icon-12:before {
  content: "\e612";
}
.icon-13:before {
  content: "\e613";
}
.icon-14:before {
  content: "\e614";
}
.icon-15:before {
  content: "\e615";
}
.icon-16:before {
  content: "\e616";
}
.icon-17:before {
  content: "\e617";
}
.icon-18:before {
  content: "\e618";
}
.icon-19 .path1:before {
  content: "\e619";
  color: rgb(0, 90, 160);
}
.icon-19 .path2:before {
  content: "\e61a";
  margin-left: -1.064453125em;
  color: rgb(0, 90, 160);
}
.icon-19 .path3:before {
  content: "\e61b";
  margin-left: -1.064453125em;
  color: rgb(0, 90, 160);
}
.icon-19 .path4:before {
  content: "\e61c";
  margin-left: -1.064453125em;
  color: rgb(0, 90, 160);
}
.icon-19 .path5:before {
  content: "\e61d";
  margin-left: -1.064453125em;
  color: rgb(255, 255, 255);
}
.icon-19 .path6:before {
  content: "\e61e";
  margin-left: -1.064453125em;
  color: rgb(0, 90, 160);
}
.icon-19 .path7:before {
  content: "\e61f";
  margin-left: -1.064453125em;
  color: rgb(0, 90, 160);
}
.icon-19 .path8:before {
  content: "\e620";
  margin-left: -1.064453125em;
  color: rgb(0, 90, 160);
}
.icon-19 .path9:before {
  content: "\e621";
  margin-left: -1.064453125em;
  color: rgb(0, 90, 160);
}
/*--------------------------------------------------------------
# Global CSS
--------------------------------------------------------------*/
html {
  position: relative;
  min-height: 100%; }

body {
  font-family: 'Klavika';
  font-size: 16px; }
  @media (min-width: 768px) {
    body {
      margin-bottom: 420px; } }
  @media (min-width: 1200px) {
    body {
      margin-bottom: 350px; } }

a, a:hover, a:active, a:focus {
  outline: 0;
  color: #00599f; }

p {
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    p {
      margin-bottom: 20px; } }

ul {
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    ul {
      margin-bottom: 20px; } }

h1 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 35px;
  color: #505050;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    h1 {
      font-size: 54px;
      margin-top: 55px;
      margin-bottom: 20px; } }

h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 0;
  color: #505050; }
  @media (min-width: 768px) {
    h2 {
      font-size: 54px;
      margin-bottom: 35px; } }

h3, h4 {
  color: #00599f;
  font-size: 22px;
  font-weight: bold;
  margin: 0;
margin-bottom:10px; }

h4 {
  color: #505050; }

.table > tbody > tr > td {
  border-top: none; }
.table thead {
  background-color: #00599f;
  color: #FFFFFF; }
@media (max-width: 768px) {
  .table {
    width: 850px;
    max-width: 850px; }
    .table td {
      white-space: normal !important; } }

.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: transparent; }

.table-striped > tbody > tr:nth-of-type(2n+2) {
  background-color: #f1f9ff; }

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

/*--------------------------------------------------------------
# Bootstrap override
--------------------------------------------------------------*/
.navbar-brand {
  height: auto; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.navbar-brand {
  padding: 10px 15px; }
  @media (min-width: 768px) {
    .navbar-brand {
      margin-right: 5px; } }

@media (min-width: 768px) and (max-width: 1200px) {
  .navbar-collapse {
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 1200px) {
  .navbar-nav > li {
    padding-top: 26px;
    margin-right:5px;
 } }

.navbar-default {
  background-color: white;
  transition: background-color 0.5s ease 0s; }
  @media (min-width: 1200px) {
    .navbar-default.opacity {
      background-color: rgba(255, 255, 255, 0.965); } }
  .navbar-default .navbar-nav > li > a {
    color: #505050;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold; }
    .navbar-default .navbar-nav > li > a:hover {
      color: #fcb116; }
    @media (min-width: 768px) and (max-width: 1200px) {
      .navbar-default .navbar-nav > li > a {
        padding: 10px 0; } }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #00599f; }
    @media (min-width: 768px) {
      .navbar-default .navbar-nav > .active > a,
      .navbar-default .navbar-nav > .active > a:focus,
      .navbar-default .navbar-nav > .active > a:hover {
        background-color: transparent;
        color: #fcb116; } }
    @media (min-width: 1200px) {
      .navbar-default .navbar-nav > .active > a,
      .navbar-default .navbar-nav > .active > a:focus,
      .navbar-default .navbar-nav > .active > a:hover {
        color: #505050;
        border-bottom: 4px solid #fcb116; } }
  .single-dom .navbar-default .navbar-nav > .menu-item-7 > a,
  .single-dom .navbar-default .navbar-nav > .menu-item-7 > a:focus,
  .single-dom .navbar-default .navbar-nav > .menu-item-7 > a:hover {
    color: #fff;
    background-color: #00599f; }
    @media (min-width: 768px) {
      .single-dom .navbar-default .navbar-nav > .menu-item-7 > a,
      .single-dom .navbar-default .navbar-nav > .menu-item-7 > a:focus,
      .single-dom .navbar-default .navbar-nav > .menu-item-7 > a:hover {
        background-color: transparent;
        color: #fcb116; } }
    @media (min-width: 1200px) {
      .single-dom .navbar-default .navbar-nav > .menu-item-7 > a,
      .single-dom .navbar-default .navbar-nav > .menu-item-7 > a:focus,
      .single-dom .navbar-default .navbar-nav > .menu-item-7 > a:hover {
        color: #505050;
        border-bottom: 4px solid #fcb116; } }
  .single-podjetja .navbar-default .navbar-nav > .menu-item-207 > a,
  .single-podjetja .navbar-default .navbar-nav > .menu-item-207 > a:focus,
  .single-podjetja .navbar-default .navbar-nav > .menu-item-207 > a:hover {
    color: #fff;
    background-color: #00599f;
    color: #FFF !important; }
    @media (min-width: 768px) {
      .single-podjetja .navbar-default .navbar-nav > .menu-item-207 > a,
      .single-podjetja .navbar-default .navbar-nav > .menu-item-207 > a:focus,
      .single-podjetja .navbar-default .navbar-nav > .menu-item-207 > a:hover {
        background-color: transparent;
        color: #fcb116; } }
    @media (min-width: 1200px) {
      .single-podjetja .navbar-default .navbar-nav > .menu-item-207 > a,
      .single-podjetja .navbar-default .navbar-nav > .menu-item-207 > a:focus,
      .single-podjetja .navbar-default .navbar-nav > .menu-item-207 > a:hover {
        color: #505050;
        border-bottom: 4px solid #fcb116; } }
  .page-template-homepage-podjetja .navbar-default, .single-podjetja .navbar-default {
    background-color: #505050; }
    @media (min-width: 1200px) {
      .page-template-homepage-podjetja .navbar-default.opacity, .single-podjetja .navbar-default.opacity {
        background-color: rgba(80, 80, 80, 0.965); } }
    .page-template-homepage-podjetja .navbar-default .navbar-nav > li > a, .single-podjetja .navbar-default .navbar-nav > li > a {
      color: #FFF; }
      .page-template-homepage-podjetja .navbar-default .navbar-nav > li > a:hover, .single-podjetja .navbar-default .navbar-nav > li > a:hover {
        color: #fcb116; }
    .page-template-homepage-podjetja .navbar-default .p-number, .single-podjetja .navbar-default .p-number {
      color: #FFF !important; }

@media (min-width: 768px) and (max-width: 1200px) {
  .navbar-header {
    float: none; } }

nav.navbar {
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  box-shadow: 0 0 2px #909090; }
  @media (min-width: 1200px) {
    nav.navbar {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 99; } }
nav .container {
  position: relative; }
nav .navbar-toggle {
  padding: 0;
  border: 0;
  margin-top: 40px;
  border-radius: 0; }
  nav .navbar-toggle:hover {
    background-color: transparent !important; }
  nav .navbar-toggle .icon-bar {
    height: 3px; }
@media (min-width: 768px) and (max-width: 1200px) {
  nav ul.flex {
    float: none;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    justify-content: space-between;
    -webkit-justify-content: space-between;
    /* Safari */ }
    nav ul.flex li {
      float: none;
      margin: auto;
      flex-grow: 1;
      -webkit-flex-grow: 1; }
      nav ul.flex li:last-child {
        flex-grow: 0;
        -webkit-flex-grow: 0; } }
nav .p-number {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 15px;
  display: block;
  font-weight: bold;
  font-size: 21px;
  float:left;
  color: #00599f; }

  nav .p-number img {
    position: relative;
    top: -4px;
    left: -2px; }

.page-template-homepage-podjetja nav.navbar, .single-podjetja nav.navbar {
  box-shadow: 0 0 2px #333333; }
  

  .searchWrap {
    position: relative;
    float:right;
    width:90px;
    height:30px;
    margin-top:35px;
    margin-left:25px;
  }

  .searchWrap.grey .iconWrap {
    background-color: #505050;
  }

  .searchWrap.grey .iconWrap .icon {
    background-image: url("/wp-content/themes/ece/images/searchW.png");
  }
  
  .searchWrap .iconWrap {
    width:100%;
    background-color: white;
    height:40px;
    position: absolute;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    transition:all 0.4s linear;
    z-index:1;
  } 

  .searchWrap .iconWrap .icon {
    background-image: url("/wp-content/themes/ece/images/search.png");
    width:20px;
    height:20px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor:pointer;
    position: absolute;
    right:-5px;
    margin-top:5px;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    transition:all 0.4s linear;
  }
  
  .searchWrap .iconWrap.active{
    width:0;
  }

  .searchWrap .iconWrap.active .icon{
    transform: rotate(80deg);
  }

  .searchWrap input {
    background-color: transparent;
    border:none;
    outline:none;
    border-bottom:2px solid #00599f;
    position: absolute;
    width:120px;
    left:20px;
    z-index:0;
  }

  .searchWrap.grey input {
    border-bottom:2px solid white;
    color:white;
  }

  input#searchPrimary {
    background-color: transparent;
    outline:none;
    border:none;
    border-bottom:1px solid #00599f;
    padding-top:10px;
    width:200px;
    position: relative;
    top:3px;
    font-size:22px;
  }

  .searchSubmit {
    background-image: url("/wp-content/themes/ece/images/search.png");
    width:30px;
    height:30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    border:none;
    outline:none;
    position: relative;
    top: 6px;
    margin-left: 10px;
  }

  @media (max-width: 768px) {
     nav .p-number {
      float:none;} 
      .searchWrap {
        float:none;
        clear:both;
        position: relative;
        margin-top:15px;
      }
  }

    @media (min-width: 768px) {
    nav .p-number {
      margin-top: 34px;
      padding-left: 0;
      margin-bottom: 0; } }
  @media (min-width: 768px) and (max-width: 1200px) {
    nav .p-number {
      position: absolute;
      top: 0;
      right: 120px; }
      .searchWrap {
        position: absolute;
        top:0;
        right:0;
      }

  }

/*--------------------------------------------------------------
## Content navigation (Home & side)
--------------------------------------------------------------*/
.content-nav {
  border: 1px solid #d0d0d0;
  margin: 15px 0; 
}
  @media (min-width: 768px) {
    .content-nav {
      border: 2px solid #00599f;
      border-top: none;
      margin: 25px 0 40px; } }
  @media (min-width: 1200px) {
    .content-nav {
      margin: 45px 0 80px; } }
  .page-template-homepage-podjetja .content-nav, .single-podjetja .content-nav {
    border-color: #505050; }

@media (min-width:766px) and (max-width:769px) {
.content-nav {
min-height: 580px;
}
}

strong {
font-weight:700 !important;
}

.nav-ul {
  position: relative;
  padding: 0;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .nav-ul {
      background: white;
      /* Old browsers */
      background: -moz-linear-gradient(top, white 0%, #e7f0f7 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e7f0f7));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, white 0%, #e7f0f7 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, white 0%, #e7f0f7 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, white 0%, #e7f0f7 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, white 0%, #e7f0f7 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7f0f7',GradientType=0 );
      /* IE6-9 */ }
      .nav-ul:after {
        content: "";
        display: table;
        clear: both; } }
  .nav-ul > li > a {
    display: block;
    color: #505050;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    padding: 10px;
    border-bottom: 1px solid #d0d0d0;
    transition: all 0.3s ease 0s;
    background-color: transparent; }
    @media (min-width: 768px) {
      .nav-ul > li > a {
        transition: background-color 0.5s ease 0s;
        text-align: center;
        border-right: 1px solid #0076d2;
        border-bottom: 2px solid #00599f; } }
    .nav-ul > li > a .title {
      position: relative;
      top: 4px;
      left: 6px;
      display: inline; }
      @media (min-width: 768px) {
        .nav-ul > li > a .title {
          top: 0;
          left: 0;
          display: table;
          font-size: 14px;
          font-weight: 600;
          width: 100%;
          padding: 5px 0;
          border-bottom: 5px solid transparent; }
          .nav-ul > li > a .title span {
            display: table-cell;
            vertical-align: middle; } }
      @media (min-width: 1200px) {
        .nav-ul > li > a .title {
          font-size: 20px;
          font-weight: bold; } }
    .nav-ul > li > a:hover, .nav-ul > li > a:focus {
      text-decoration: none;
      color: #fcb116; }
  .nav-ul > li {
    list-style: none; }
    @media (min-width: 768px) {
      .nav-ul > li {
        float: left;
        width: 16.66667%; } }
    .nav-ul > li > a > img {
      width: 42px;
      height: auto; }
      @media (min-width: 768px) {
        .nav-ul > li > a > img {
          margin: 12px 0; } }
      @media (min-width: 1200px) {
        .nav-ul > li > a > img {
          width: 83px; } }
    .nav-ul > li section {
      display: none;
      padding: 10px; }
      @media (min-width: 768px) {
        .nav-ul > li section {
          padding: 20px 0; } }
      @media (min-width: 992px) {
        .nav-ul > li section {
          padding: 20px 0 35px; } }
    @media (min-width: 768px) {
      .nav-ul > li.first-item > a {
        background-color: #FFF;
        border-bottom: 3px solid #00599f !important;
        color: #fcb116; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .nav-ul > li.first-item > a {
      border-bottom: 2px solid #FFF !important;
      border-right: 2px solid #00599f !important;
      border-left: 1px solid #00599f !important; }
      .nav-ul > li.first-item > a .title {
        border-bottom: 5px solid #00599f; } }
    @media (min-width: 768px) {
      .nav-ul > li.first-item section {
        display: block;
        position: absolute;
        top: 144px;
        left: 0; } }
  @media (min-width: 768px) and (min-width: 1200px) {
    .nav-ul > li.first-item section {
      top: 200px; } }

    .nav-ul > li.active > a {
      background-color: #FFF;
      border-bottom: 3px solid #00599f !important;
      color: #fcb116; }
      @media (min-width: 768px) {
        .nav-ul > li.active > a {
          border-bottom: 2px solid #FFF !important;
          border-right: 2px solid #00599f !important;
          border-left: 1px solid #00599f !important; }
          .nav-ul > li.active > a .title {
            border-bottom: 5px solid #00599f; } }
    .nav-ul > li.active section {
      border-bottom: 1px solid #d0d0d0; }
      @media (min-width: 768px) {
        .nav-ul > li.active section {
          display: block;
          position: absolute;
          top: 144px;
          left: 0;
          border-bottom: none; } }
  @media (min-width: 768px) and (min-width: 1200px) {
    .nav-ul > li.active section {
      top: 200px; } }

    .nav-ul > li:last-child {
      border-right: none; }
      .nav-ul > li:last-child section {
        border-bottom: none; }
      @media (max-width: 768px) {
        .nav-ul > li:last-child a {
          border-bottom: none; } }
      @media (min-width: 768px) {
        .nav-ul > li:last-child a {
          border-right: none !important; } }
    @media (min-width: 768px) {
      .nav-ul > li:first-child a {
        border-left: none !important; } }
  @media (min-width: 768px) {
    .nav-ul section {
      width: 100%;
      text-align: center; } }
  .page-template-homepage-podjetja .nav-ul > li > a, .single-podjetja .nav-ul > li > a {
    border-color: #505050;
    border-right-color: #505050 !important; }
  @media (min-width: 768px) {
    .page-template-homepage-podjetja .nav-ul, .single-podjetja .nav-ul {
      background: white;
      /* Old browsers */
      background: -moz-linear-gradient(top, white 0%, #eeeeee 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eeeeee));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, white 0%, #eeeeee 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, white 0%, #eeeeee 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, white 0%, #eeeeee 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, white 0%, #eeeeee 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
      /* IE6-9 */ } }

.subnav-ul {
  padding: 0 0 15px; }
  @media (min-width: 768px) {
    .subnav-ul {
      width: 100%;
      margin: 15px 0 35px; }
      .subnav-ul:after {
        content: "";
        display: table;
        clear: both; } }
  .subnav-ul li {
    list-style: none; }
    @media (min-width: 768px) {
      .subnav-ul li {
        display: inline-block;
        width: 32%; } }
    @media (min-width: 992px) {
      .subnav-ul li {
        display: inline-block;
        width: 16.3%; } }
    .subnav-ul li a {
      position: relative;
      color: #505050;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 18px;
      padding: 18px 0 18px 55px;
      display: block; }
      @media (min-width: 768px) {
        .subnav-ul li a {
          padding: 0 10px;
          margin: 20px 0; } }
      @media (min-width: 992px) {
        .subnav-ul li a {
          font-size: 14px; } }
      @media (min-width: 768px) {
        .subnav-ul li a .sub_title {
          width: 100%;
          text-align:center;
          border-bottom: 5px solid #505050;
          padding-bottom: 5px;
          margin-bottom: 15px; }
          .subnav-ul li a .sub_title span {
              display: inline-block;
              vertical-align: middle; } }
      @media (min-width: 1200px) {
        .subnav-ul li a .sub_title {
          font-size: 18px;
          font-weight: bold; } }
      @media (min-width: 768px) {
        .subnav-ul li a:hover {
          text-decoration: none; }
          .subnav-ul li a:hover .sub_title {
            border-bottom: 5px solid #fcb116; } }
    .subnav-ul li img {
      position: absolute;
      top: 16px;
      left: 0;
      width: auto;
      height: 29px; }
      @media (min-width: 768px) {
        .subnav-ul li img {
          position: static;
          top: auto;
          left: auto;
          height: 58px; } }

.more-link {
  display: block;
  margin: 25px 0 20px;
  text-transform: uppercase;
  font-weight: 600; }
  @media (min-width: 768px) {
    .more-link {
      margin: 35px 0 10px; } }
  @media (min-width: 992px) {
    .more-link {
      position: absolute;
      right: 42px;
      bottom: 10px; } }
  .page-template-homepage-podjetja .more-link, .single-podjetja .more-link {
    color: #505050; }

.button {
  padding: 10px 18px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  display: block;
  text-align: center; }
  .button:hover, .button:focus, .button:active {
    color: #FFF;
    text-decoration: none; }
  @media (min-width: 768px) {
    .button {
      display: inline; } }

.orange-button {
  color: #FFF;
  background-color: #fcb116; }
  .page-template-homepage-podjetja .orange-button, .single-podjetja .orange-button {
    background-color: #505050; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
  
  .telefonWrap .orangeList {
    margin-top:60px;
    margin-bottom:30px;
    padding:10px 0;
    border-top:8px solid #fbb016;
    border-bottom:8px solid #fbb016;
    color:#fbb016;
    font-weight: bold;
  }

  .telefonWrap .orangeList ul {
    padding-left: 20px;
    margin: 0;
    color: #333;
}


.telefonWrap .orangeList ul li span {
    color:#fbb016;
}

.telefonWrap .tlfLink {
  font-weight:bold; text-decoration: underline;
}

.telefonWrap hr {
      margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 2px solid #00599e;
}

.telefonWrap table {
  max-width:600px;
}

@media screen and (max-width:768px){
  .telefonWrap br {
    display:none;
  }

  .telefonWrap input{
    margin-top:15px !important;
  }

  .telefonWrap .zmbtn {
    width:100%;
    margin:5px 0;
  }

  #sbmbtn {
        float: none;
    font-size: 24px;
    padding: 10px 60px;
    height: auto;
    margin-top: 30px;
    width: 100%;
  }
}


	.izkaznica {
		margin:20px 0;
	}

	.vrsta:before,
	.vrsta:after {
	    content: " ";
	    display: table;
	}

	.vrsta:after {
	    clear: both;
	}

	.izkaznica .vrsta {
		margin:10px 0;
	}

	.izkaznica .left {
	    position: relative;
	    float: left;
	    width: 300px;
	}

	.izkaznica .right {
		float:left;
		position: relative;
	}
.p-number a.whiteNav {
   color:#0069AB;
}

.p-number a.darkNav {
   color:white;
}
.tooltip.in {
opacity:1;
}
svg#Layer_1 {
   min-height:600px;
}

body .fullcoveredvideo video, body .fullscreenvideo video {
  background-color:white;
}
  .ieeightfallbackimage{ width:auto !important; height:auto !important; min-width:100% !important; min-height:100% !important;}
.portalButton {
    position: absolute;
    right: 0;
    border:1px solid #0069AB;
padding:20px;
color:#0069AB;
font-weight:bold;
top:120px;
}

@media (max-width:1200px){
.portalButton {
top:80px;
}
}

@media (max-width:768px){
.portalButton {
    position: relative;
    right: 0;
    border: 1px solid #0069AB;
    padding: 20px;
    color: #0069AB;
    font-weight: bold;
    top:0;
    margin: 20px;
    text-align: center;
}
}

.portalButton:hover {
background:#0069AB;
color:white;
}
.portalButton a {
position:absolute;
width:100%;
height:100%;
display:block;
top:0;
left:0;

}

.icons {
    margin-bottom: 20px;
    margin-top: -80px;
    margin-left: 20px;
}

.icons a {
   margin-right: 20px;
}
.innerTitle {
 margin:0;
 margin-bottom:20px;
}

.trajnikWrap {
width:100%;
background-color:#0069AB;
color:white;
padding:20px 60px;
margin-top:20px;
margin-bottom:20px;
}

.trajnikLeft, .trajnikRight {
    position: relative;
    float: left;
    width: 400px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 31px;
    line-height: 36px;
}

.trajnikRight {
 height:100px;
margin-left: 40px;
width:250px;
background-image:url(/wp-content/uploads/2015/09/zar.png);
background-size:contain;
background-position:50% 50%;
background-repeat:no-repeat;

}

.extraMarg {
    margin: 40px 0 0 0;
}

.imageCenter > div:not(:last-of-type) {
border-right:1px solid #0069AB;
}
#pl-296 .imageCenter .panel-grid-cell .so-panel {
margin:0;
}
.imageCenter img {
    margin-left: auto;
    margin-right: auto;
}
.pecWrap {
  position:relative;
  width:100%;
  height:auto;
  padding:10px 20px 10px 50px;
  border-top:4px solid #FCB116;
  border-bottom:4px solid #FCB116;
  background-color:#0069AB;
color:white;
margin-top:10px;
margin-bottom:10px;
}

span.klicaj {
display: inline-block;
    position: absolute;
    background-color: #FCB116;
    width: 25px;
    height: 25px;
    font-size: 20px;
    border-radius: 50%;
    left: 15px;
    top: 19px;
    font-weight: bold;
    text-align: center;
}

.pecWrap h5 {
  font-weight:bold;
  font-size:22px;
  line-height:20px;
}

.pecWrap h5 span {
font-weight:normal;
font-size:18px;
}

.eceMobilLogo {
background-image:url(/wp-content/uploads/2015/09/mobillogo.jpg);
background-size:contain;
background-repeat:no-repeat;
background-position:50% 50%;
width:180px;
height:57px;
position:absolute;
right:0;
top:0;
}

span.blue {
	color:#00599F;
}

.mojEceBtn {
    font-size: 1.3em;
    padding: 1em 2em;
    background: #fcb116;
    color: #FFFFFF !important;
    border: 1px solid #fcb116;
    border-width: 1px 0;
    -webkit-border-radius: 0em;
    -moz-border-radius: 0em;
    border-radius: 0em;
    text-shadow: 0 1px 0 rgba(0,0,0,0.05);
    position:absolute;
    right:0;
top:15px;
}
.paketEach .zgoraj {
    min-height: 80px;
line-height:80px;
}
.paketEach .zgoraj span {
    position: relative;
    display: inline-block;
    font-size: 60px;
line-height:normal;
vertical-align:middle;
}

.paketEach .zgoraj h3 {
  color:#505050;
    position: relative;
    display: inline-block;
margin-left: 30px;
line-height:normal;
vertical-align:middle;
max-width:220px;
}

.paketEach h4 {
    font-size: 20px;
}

.paketEach ul {
margin-top:10px;
}

.borderBottom {
border-bottom:1px solid #00599F;
}

.textCenter {
text-align:center;
}

.border {
width:1px;
margin-left:auto;
margin-right:auto;
height: 250px;
border-right:1px solid #00599F;
}

a.mojEceLink:hover, a.mojEceLink:active, a.mojEceLink:link, a.mojEceLink{
color:white;
text-decoration:none;
}

.site-content {
  margin-bottom: 25px; }
  @media (min-width: 1200px) {
    .site-content {
      margin-top: 76px;
      margin-bottom: 0; } }
  .site-content header {
    background-color: #00599f;
    margin-bottom: 50px;
    text-align: center; }
    .site-content header .title {
      font-weight: 600;
      color: #FFF;
      text-transform: uppercase;
      padding: 30px 0;
      font-size: 26px;
      background-size: cover;
      background-position: center; }
      @media (min-width: 992px) {
        .site-content header .title {
 } }
      @media (min-width: 768px) {
        .site-content header .title {
          font-size: 53px;
          font-weight: bold; } }
      .site-content header .title span {
        vertical-align: middle;
        text-shadow: 0 0 6px #000; }
    .site-content header img {
      vertical-align: middle;
      width: 45px;
      height: auto; }
      @media (min-width: 768px) {
        .site-content header img {
          width: 94px; } }
    .site-content header ul {
      display: none; }
      @media (min-width: 768px) {
        .site-content header ul {
          display: block;
          padding: 16px 0 10px; } }
      .site-content header ul li {
        display: inline-block;
        margin: 0 15px; }
      .site-content header ul a {
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600;
        display: block; }
        @media (min-width: 1200px) {
          .site-content header ul a {
            font-size: 21px; } }
        .site-content header ul a:hover {
          color: orange; }
        .site-content header ul a img {
          width: 60px;
          height: auto;
          float: left;
          margin-right: -70px;
          display: none; }
          @media (min-width: 1200px) {
            .site-content header ul a img {
              display: inline; } }
        .site-content header ul a div {
          height: 60px;
          display: table;
          line-height: 23px;
          text-align: left; }
          @media (min-width: 1200px) {
            .site-content header ul a div {
              padding-left: 70px; } }
          .site-content header ul a div span {
            display: table-cell;
            vertical-align: middle;
            max-width: 110px; }
            @media (min-width: 1200px) {
              .site-content header ul a div span {
                max-width: 140px; } }
  .page-template-homepage-podjetja .site-content header, .single-podjetja .site-content header {
    background-color: #505050; }

.single-dom #content, .single-podjetja #content {
  overflow: hidden; }

.side-nav {
  overflow: hidden;
  padding-left: 0; }
  @media (min-width: 768px) {
    .side-nav {
      overflow: visible; } }
  @media (min-width: 992px) {
    .side-nav {
      padding-left: 15px; } }
  .side-nav .side-nav-left {
    float: left;
    background-color: #FFF;
    border-right: 1px solid #ddd;
    width: 30px;
    overflow: hidden;
    transition: all 0.5s ease 0s; }
    @media (min-width: 992px) {
      .side-nav .side-nav-left {
        width: 190px;
        border-right: 2px solid #00599f; } }
    .side-nav .side-nav-left ul {
      padding: 0 30px 0 0;
      width: 190px; }
    .side-nav .side-nav-left li {
      list-style: none; }
      .side-nav .side-nav-left li.active .title {
        border-top-color: #fcb116; }
    .side-nav .side-nav-left a {
      transition: all 0.5s ease 0s;
      font-size: 20px;
      font-weight: bold;
      color: #505050;
      text-transform: uppercase;
      text-align: center;
      display: block;
      margin-bottom: 30px;
      position: relative;
      left: 120px; }
      @media (min-width: 992px) {
        .side-nav .side-nav-left a {
          left: 0; } }
      .side-nav .side-nav-left a img {
        width: auto;
        height: 58px; }
      .side-nav .side-nav-left a:hover, .side-nav .side-nav-left a:focus, .side-nav .side-nav-left a:active {
        text-decoration: none; }
        .side-nav .side-nav-left a:hover .title, .side-nav .side-nav-left a:focus .title, .side-nav .side-nav-left a:active .title {
          border-top-color: #fcb116; }
      .side-nav .side-nav-left a .title {
        border-top: 5px solid #505050;
        padding-top: 5px;
        margin-top: 15px; }
  .side-nav .wrapper {
    float: right;
    width: 100%;
    margin-left: -30px;
    transition: all 0.5s ease 0s; }
    @media (min-width: 992px) {
      .side-nav .wrapper {
        margin-left: -190px; } }
  .side-nav .page-content {
    transition: all 0.5s ease 0s;
    margin-left: 30px;
    padding-left: 20px;
    position: relative;
    left: 0; }
    @media (min-width: 992px) {
      .side-nav .page-content {
        margin-left: 190px;
        padding-left: 40px; } }
    @media (min-width: 1200px) {
      .side-nav .page-content {
        padding-left: 96px; } }
  .side-nav #open-side {
    position: relative;
    left: 4px;
    padding-bottom: 8px; }
  @media (max-width: 992px) {
    .side-nav.side-opened .page-content {
      left: 160px; }
    .side-nav.side-opened .side-nav-left {
      width: 190px;
      border-right: 2px solid #00599f; }
      .side-nav.side-opened .side-nav-left a {
        left: 15px; }
    .side-nav.side-opened .wrapper {
      margin-left: -190px; } }

.main-title h1 {
  font-family: "Klavika";
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
  color: #505050; }
  @media (min-width: 768px) {
    .main-title h1 {
      font-size: 36px; } }
  @media (min-width: 1200px) {
    .main-title h1 {
      font-size: 56px; } }
.main-title.icon-title {
  display: table; }
  .main-title.icon-title .icon, .main-title.icon-title h1 {
    display: table-cell; }
  @media (min-width: 768px) {
    .main-title.icon-title h1 {
      padding-top: 15px; } }
  .main-title.icon-title .icon img {
    height: 58px;
    width: auto;
    padding-right: 25px; }
    @media (min-width: 768px) {
      .main-title.icon-title .icon img {
        position: relative;
        top: -8px;
        height: 80px; } }
    @media (min-width: 1200px) {
      .main-title.icon-title .icon img {
        position: relative;
        top: -15px;
        height: 110px; } }

.add-padding {
  padding: 15px 0; }
  @media (min-width: 768px) {
    .add-padding {
      padding: 25px 0; } }
  @media (min-width: 1200px) {
    .add-padding {
      padding: 35px 0; } }

.blue-row {
  background-color: #f1f9ff;
  padding: 20px 0; }

.header-img {
  background-size: cover;
  background-position: center;
  height: 120px; }
  @media (min-width: 992px) {
    .header-img {

      height: 180px; } }

/*--------------------------------------------------------------
# Banners
--------------------------------------------------------------*/
.banner {
  display: block;
  background-size: cover;
  background-position: center center;
  margin-bottom: -50px; }
  .banner:hover {
    text-decoration: none; }

.bann-text {
  display: table;
  font-weight: 600;
  color: #FFF;
  text-transform: uppercase;
  width: 100%;
  padding: 20px;
  height: 180px;
  text-align: center;
  font-size: 24px;
  text-shadow: 0 0 4px #000, 0 0 8px #000; }
  @media (min-width: 768px) {
    .bann-text {
      height: 330px;
      font-size: 40px; } }
  @media (min-width: 992px) {
    .bann-text {
      height: 430px;
      font-size: 53px; } }
  .bann-text span {
    display: table-cell;
    vertical-align: middle; }

ul.searchResults {
  list-style-type:none;
  padding-left:0;
}

ul.searchResults p {
  margin-bottom:0;
}

ul.searchResults li {
  margin-bottom:20px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {
  background-color: #505050;
  color: #FFF;
  padding: 25px 0; }
  footer .menu-title {
    font-size: 20px;
    color: #fcb116;
    font-weight: bold;
    margin: 26px 0 10px; }
  footer ul {
    padding-left: 15px; }
    footer ul a {
      color: #FFF; }
      footer ul a:hover {
        color: #FFF; }
        footer ul a:active {
        color: #FFF; }
        footer ul a:visited {
        color: #FFF; }
        footer ul a:focus {
        color: #FFF; }
  @media (min-width: 768px) {
    footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 370px; } }
  @media (min-width: 1200px) {
    footer {
      height: 300px; } }
  footer .address, footer .contact-info {
    margin-top: 15px; }
    @media (min-width: 768px) {
      footer .address, footer .contact-info {
        margin-top: 0; } }
    @media (min-width: 1200px) {
      footer .address, footer .contact-info {
        margin-top: 25px; } }

.introImage {
    width: 100%;
    height: 400px;
    background-size:cover;
background-position:50% 50%;
}

ul.varcevanje {
	list-style-type:none;
	text-transform:uppercase;
	color: #505050;
	padding-left:30px;
}

ul.varcevanje li:first-of-type {
margin-top:40px;
}

ul.varcevanje li {
position:relative;
font-weight:bold;
margin-top:20px;
}
ul.varcevanje li:before {
content:"";
position:absolute;
left:-30px;
width: 0;
height: 0;
border-style: solid;
border-width: 7.5px 0 7.5px 15px;
border-color: transparent transparent transparent #fbaf18;
top:5px;
}

.title .socials {
    position: absolute;
    right: 0;
    top: -40px;
}

.title .socials a {
margin-left:10px;
}

.generic.title .socials {
    position: absolute;
    right: 0;
    top: 10px;
}

.title .container {
position:relative;
}

#socialIcon {
width:41px;
height:41px;
}

@media (max-width:768px){
.title .socials {
    position: relative;
    right: 0;
    float: right;
    top: -30px;
}

#socialIcon {
width:20px;
height:20px;
}

body .site-content header .title {

}



/*# sourceMappingURL=style.css.map */